update dependency

package.json

@@ -39,6 +39,7 @@
     "@ngrx/effects": "^17.1.0",
     "@ngrx/entity": "^17.1.0",
     "@ngrx/router-store": "^17.1.0",
+    "@ngrx/signals": "^17.1.1",
     "@ngrx/store": "^17.1.0",
     "@ngrx/store-devtools": "^17.1.0",
     "@stoplight/elements": "^8.1.0",

src/app/core/state/space.store.ts

@@ -0,0 +1,72 @@
+import { inject } from '@angular/core';
+import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';
+import { rxMethod } from '@ngrx/signals/rxjs-interop';
+import { tapResponse } from '@ngrx/operators';
+import { Space } from '@shared/models/space.model';
+import { SpaceService } from '@shared/services/space.service';
+import { pipe, switchMap } from 'rxjs';
+
+export type SpaceState = {
+  spaces: Space[];
+  selectedSpace: Space | undefined;
+  contentPath: PathItem[] | undefined;
+  assetPath: PathItem[] | undefined;
+};
+
+export type PathItem = {
+  fullSlug: string;
+  name: string;
+};
+
+const initialState: SpaceState = {
+  spaces: [],
+  selectedSpace: undefined,
+  contentPath: undefined,
+  assetPath: undefined,
+};
+
+export const SpaceStore = signalStore(
+  { providedIn: 'root' },
+  withState(initialState),
+  withMethods(state => {
+    const spaceService = inject(SpaceService);
+    return {
+      load: rxMethod(
+        pipe(
+          switchMap(() => spaceService.findAll()),
+          tapResponse({
+            next: response => {
+              if (response.length === 0) {
+                patchState(state, { spaces: [], selectedSpace: undefined, assetPath: undefined, contentPath: undefined });
+              } else {
+                const selectedSpace = state.selectedSpace();
+                if (selectedSpace) {
+                  const found = response.find(space => space.id === selectedSpace.id);
+                  if (found) {
+                    patchState(state, { spaces: response, selectedSpace: found });
+                  } else {
+                    patchState(state, { spaces: response, selectedSpace: response[0], assetPath: undefined, contentPath: undefined });
+                  }
+                } else {
+                  patchState(state, { spaces: response, selectedSpace: response[0], assetPath: undefined, contentPath: undefined });
+                }
+              }
+            },
+            error: error => {
+              console.error('Error loading spaces', error);
+            },
+          })
+        )
+      ),
+      select: (space: Space) => {
+        patchState(state, { selectedSpace: space, assetPath: undefined, contentPath: undefined });
+      },
+      changeContentPath: (contentPath: PathItem[]) => {
+        patchState(state, { contentPath });
+      },
+      changeAssetPath: (assetPath: PathItem[]) => {
+        patchState(state, { assetPath });
+      },
+    };
+  })
+);

src/app/shared/services/space.service.ts

@@ -23,7 +23,7 @@ import { Locale } from '../models/locale.model';
 import { ObjectUtils } from '@core/utils/object-utils.service';
 import { Functions, httpsCallableData } from '@angular/fire/functions';
 
-@Injectable()
+@Injectable({ providedIn: 'root' })
 export class SpaceService {
   constructor(
     private firestore: Firestore,