Feature: Adding recipe templates to print recipes.

Feautre: Recipe export to xlsx
Chore: Python 11 style type annotations
Chore: Moved to sqlalchemy 2.0
Chore: Minimum python is 3.11
Fix: Fix nullability of a lot of fields in the database.

overlord/src/app/purchases/purchases-datasource.ts

@@ -20,11 +20,7 @@ export class PurchasesDataSource extends DataSource<PurchasesItem> {
   }
 
   connect(): Observable<PurchasesItem[]> {
-    const dataMutations: (
-      | Observable<PurchasesItem[]>
-      | EventEmitter<PageEvent>
-      | EventEmitter<Sort>
-    )[] = [observableOf(this.data)];
+    const dataMutations: (EventEmitter<PageEvent> | EventEmitter<Sort>)[] = [];
     if (this.paginator) {
       dataMutations.push((this.paginator as MatPaginator).page);
     }
@@ -37,7 +33,7 @@ export class PurchasesDataSource extends DataSource<PurchasesItem> {
       this.paginator.length = this.data.length;
     }
 
-    return merge(...dataMutations).pipe(
+    return merge(observableOf(this.data), ...dataMutations).pipe(
       map(() => this.getPagedData(this.getSortedData([...this.data]))),
     );
   }

overlord/src/app/purchases/purchases-resolver.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
+import { ActivatedRouteSnapshot } from '@angular/router';
 import { Observable } from 'rxjs/internal/Observable';
 
 import { Purchases } from './purchases';
@@ -8,7 +8,7 @@ import { PurchasesService } from './purchases.service';
 @Injectable({
   providedIn: 'root',
 })
-export class PurchasesResolver implements Resolve<Purchases> {
+export class PurchasesResolver {
   constructor(private ser: PurchasesService) {}
 
   resolve(route: ActivatedRouteSnapshot): Observable<Purchases> {

overlord/src/app/purchases/purchases-routing.module.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
+import { NgModule, inject } from '@angular/core';
+import { ActivatedRouteSnapshot, RouterModule, RouterStateSnapshot, Routes } from '@angular/router';
 
 import { AuthGuard } from '../auth/auth-guard.service';
 
@@ -11,12 +11,15 @@ const purchasesRoutes: Routes = [
   {
     path: '',
     component: PurchasesComponent,
-    canActivate: [AuthGuard],
+    canActivate: [
+      (route: ActivatedRouteSnapshot, state: RouterStateSnapshot) =>
+        inject(AuthGuard).canActivate(route, state),
+    ],
     data: {
       permission: 'Purchases',
     },
     resolve: {
-      info: PurchasesResolver,
+      info: (route: ActivatedRouteSnapshot) => inject(PurchasesResolver).resolve(route),
     },
     runGuardsAndResolvers: 'always',
   },

overlord/src/app/purchases/purchases.module.ts

@@ -3,7 +3,6 @@ import { CdkTableModule } from '@angular/cdk/table';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
-import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
@@ -22,6 +21,7 @@ import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
+import { MomentDateAdapter } from '@angular/material-moment-adapter';
 
 import { SharedModule } from '../shared/shared.module';