Update UI

Author: alexcibotari

package-lock.json

@@ -102,6 +102,7 @@
     "@typescript-eslint/eslint-plugin": "^8.49.0",
     "@typescript-eslint/parser": "^8.49.0",
     "autoprefixer": "^10.4.22",
+    "baseline-browser-mapping": "^2.9.11",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",

package.json

@@ -49,6 +49,8 @@ import { BreadcrumbItem } from '@shared/models/breadcrumb.model';
 import { Space } from '@shared/models/space.model';
 import { USER_PERMISSIONS_IMPORT_EXPORT, UserPermission } from '@shared/models/user.model';
 import { CanUserPerformPipe } from '@shared/pipes/can-user-perform.pipe';
+import { ContentService } from '@shared/services/content.service';
+import { SchemaService } from '@shared/services/schema.service';
 import { AppSettingsStore } from '@shared/stores/app-settings.store';
 import { LocalSettingsStore } from '@shared/stores/local-settings.store';
 import { SpaceStore } from '@shared/stores/space.store';
@@ -159,6 +161,8 @@ class FeaturesComponent {
   private readonly reposService = inject(ReposService);
   private auth = inject(Auth);
   private route = inject(ActivatedRoute);
+  private readonly contentService = inject(ContentService);
+  private readonly schemaService = inject(SchemaService);
 
   public readonly sidebarService = inject(HlmSidebarService);
 
@@ -247,6 +251,28 @@ class FeaturesComponent {
       }
     });
 
+    effect(() => {
+      const selectedSpaceId = this.spaceStore.selectedSpaceId();
+      if (selectedSpaceId) {
+        this.contentService
+          .findAllDocuments(selectedSpaceId)
+          .pipe(takeUntilDestroyed(this.destroyRef))
+          .subscribe({
+            next: documents => {
+              this.spaceStore.updateDocuments(documents);
+            },
+          });
+        this.schemaService
+          .findAll(selectedSpaceId)
+          .pipe(takeUntilDestroyed(this.destroyRef))
+          .subscribe({
+            next: schemas => {
+              this.spaceStore.updateSchemas(schemas);
+            },
+          });
+      }
+    });
+
     this.router.events
       .pipe(
         filter(event => event instanceof NavigationEnd),

src/app/features/features.component.ts

@@ -5,7 +5,7 @@ import { BreadcrumbItem } from '@shared/models/breadcrumb.model';
 import { ContentDocument } from '@shared/models/content.model';
 import { Schema } from '@shared/models/schema.model';
 import { ContentService } from '@shared/services/content.service';
-import { SchemaService } from '@shared/services/schema.service';
+import { SpaceStore } from '@shared/stores/space.store';
 import { tap } from 'rxjs/operators';
 import { ContentsComponent } from './contents.component';
 import { EditDocumentComponent } from './edit-document/edit-document.component';
@@ -15,14 +15,12 @@ const documentResolver: ResolveFn<ContentDocument> = route => {
   return inject(ContentService).findDocumentById(spaceId, contentId).pipe(tap(console.log));
 };
 
-const documentsResolver: ResolveFn<ContentDocument[]> = route => {
-  const { spaceId } = route.params;
-  return inject(ContentService).findAllDocuments(spaceId).pipe(tap(console.log));
+const documentsResolver: ResolveFn<ContentDocument[]> = () => {
+  return inject(SpaceStore).documents();
 };
 
-const schemasResolver: ResolveFn<Schema[]> = route => {
-  const { spaceId } = route.params;
-  return inject(SchemaService).findAll(spaceId).pipe(tap(console.log));
+const schemasResolver: ResolveFn<Schema[]> = () => {
+  return inject(SpaceStore).schemas();
 };
 
 const routes: Routes = [

src/app/features/spaces/contents/contents-routing.module.ts

@@ -2,6 +2,8 @@ import { computed, inject } from '@angular/core';
 import { tapResponse } from '@ngrx/operators';
 import { patchState, signalStore, withComputed, withHooks, withMethods, withState } from '@ngrx/signals';
 import { rxMethod } from '@ngrx/signals/rxjs-interop';
+import { ContentDocument } from '@shared/models/content.model';
+import { Schema } from '@shared/models/schema.model';
 import { Space, SpaceEnvironment } from '@shared/models/space.model';
 import { SpaceService } from '@shared/services/space.service';
 import { pipe, switchMap } from 'rxjs';
@@ -15,6 +17,8 @@ export type SpaceState = {
   contentPath: PathItem[];
   assetPath: PathItem[];
   environment: SpaceEnvironment | undefined;
+  schemas: Schema[];
+  documents: ContentDocument[];
 };
 
 export type PathItem = {
@@ -28,6 +32,8 @@ const initialState: SpaceState = {
   contentPath: DEFAULT_PATH,
   assetPath: DEFAULT_PATH,
   environment: undefined,
+  schemas: [],
+  documents: [],
 };
 
 const initialStateFactory = (): SpaceState => {
@@ -129,6 +135,14 @@ export const SpaceStore = signalStore(
         console.log('changeEnvironment', environment);
         patchState(state, { environment });
       },
+      updateSchemas: (schemas: Schema[]) => {
+        console.log('updateSchemas', schemas);
+        patchState(state, { schemas });
+      },
+      updateDocuments: (documents: ContentDocument[]) => {
+        console.log('updateDocuments', documents);
+        patchState(state, { documents });
+      },
     };
   }),
   withComputed(state => {