feat(tabs): add project id base store for tabs management

src/lib/client/ecs/asset/asset-manager.ts

@@ -14,8 +14,8 @@ const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
 
 export class AssetManager {
   static reset() {
-    _storage.set([]);
     resetSubscriptions(_subscriptions);
+    _storage.set([]);
   }
 
   constructor(assets: Asset[]) {

src/lib/client/ecs/component/component-manager.ts

@@ -14,8 +14,8 @@ const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
 
 export class ComponentManager {
   static reset() {
-    _storage.set([]);
     resetSubscriptions(_subscriptions);
+    _storage.set([]);
   }
 
   constructor(components: Component[]) {

src/lib/client/ecs/ecs-handler.ts

@@ -34,6 +34,13 @@ export class ECSHandler {
   private _libraryManager: LibraryManager | undefined;
 
   static reset() {
+    // * Child must be reset before parents
+    ComponentParamHandle.reset();
+    ComponentParamManager.reset();
+    EntityComponentManager.reset();
+    SceneSystemManager.reset();
+    SceneEntityHandle.reset();
+    SceneEntityManager.reset();
     AssetHandle.reset();
     AssetManager.reset();
     ComponentHandle.reset();
@@ -44,12 +51,6 @@ export class ECSHandler {
     LibraryHandle.reset();
     SceneHandle.reset();
     SceneManager.reset();
-    SceneSystemManager.reset();
-    SceneEntityHandle.reset();
-    SceneEntityManager.reset();
-    EntityComponentManager.reset();
-    ComponentParamHandle.reset();
-    ComponentParamManager.reset();
   }
 
   constructor(project: Project) {

src/lib/client/ecs/library/library-manager.ts

@@ -9,8 +9,8 @@ const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
 
 export class LibraryManager {
   static reset() {
-    _storage.set([]);
     resetSubscriptions(_subscriptions);
+    _storage.set([]);
   }
 
   constructor(libraries: Library[]) {

src/lib/client/ecs/scene/entity/component/component-manager.ts

@@ -18,9 +18,9 @@ export class EntityComponentManager {
   private readonly _storageResolvable: string;
 
   static reset() {
-    _storage.set({});
     resetSubscriptions(_subscriptions);
     resetListener(_listener);
+    _storage.set({});
   }
 
   constructor(entity: SceneEntityHandle, components: Record<string, Record<string, string>>) {

src/lib/client/ecs/scene/entity/component/component-param-handle.ts

@@ -17,9 +17,9 @@ export class ComponentParamHandle {
   private readonly _valueStore: Writable<any | undefined>;
 
   static reset() {
+    resetListeners(_listeners);
     _storage.set({});
     _valueStorage.set({});
-    resetListeners(_listeners);
   }
 
   constructor(manager: ComponentParamManager, param: ComponentParam, value: any | undefined) {

src/lib/client/ecs/scene/entity/component/component-param-manager.ts

@@ -21,10 +21,10 @@ export class ComponentParamManager {
   private readonly _storageResolvable: string;
 
   static reset() {
-    _storage.set({});
-    _valueStorage.set({});
     resetSubscriptions(_subscriptions);
     resetListener(_listener);
+    _storage.set({});
+    _valueStorage.set({});
   }
 
   constructor(component: EntityComponentHandle, params: Record<string, string>) {

src/lib/client/ecs/scene/entity/entity-handle.ts

@@ -17,8 +17,8 @@ export class SceneEntityHandle {
   private readonly _components: EntityComponentManager;
 
   static reset() {
-    _storage.set({});
     resetListeners(_listeners);
+    _storage.set({});
   }
 
   constructor(manager: SceneEntityManager, entity: Entity) {

src/lib/client/ecs/scene/entity/entity-manager.ts

@@ -17,8 +17,8 @@ export class SceneEntityManager {
   private readonly _store: Writable<Entity[]>;
 
   static reset() {
-    _storage.set({});
     resetSubscriptions(_subscriptions);
+    _storage.set({});
   }
 
   constructor(scene: SceneHandle, entities: Entity[]) {

src/lib/client/ecs/scene/scene-handle.ts

@@ -18,8 +18,8 @@ export class SceneHandle {
   private readonly _systems: SceneSystemManager;
 
   static reset() {
-    _storage.set({});
     resetListeners(_listeners);
+    _storage.set({});
   }
 
   constructor(manager: SceneManager, scene: Scene) {

src/lib/client/ecs/scene/scene-manager.ts

@@ -16,11 +16,11 @@ export class SceneManager {
   public readonly ecs: ECSHandler;
 
   static reset() {
+    resetSubscriptions(_subscriptions);
     _storage.set([]);
     _rootScenesStorage.set([]);
     _activeSceneStorage.set(undefined as any);
     _defaultSceneStorage.set(undefined as any);
-    resetSubscriptions(_subscriptions);
   }
 
   constructor(ecs: ECSHandler, scenes: Scene[], rootScenes: string[], defaultSceneId: string) {

src/lib/client/ecs/scene/system/system-manager.ts

@@ -13,8 +13,8 @@ export class SceneSystemManager {
   private readonly _store: Writable<string[]>;
 
   static reset() {
-    _storage.set({});
     resetListener(_listener);
+    _storage.set({});
   }
 
   constructor(scene: SceneHandle, systems: string[]) {

src/lib/client/ecs/system/system-manager.ts

@@ -13,8 +13,8 @@ const _subscriptions = writable<Record<string, Unsubscriber | null>>({});
 
 export class SystemManager {
   static reset() {
-    _storage.set([]);
     resetSubscriptions(_subscriptions);
+    _storage.set([]);
   }
 
   constructor(systems: System[]) {

src/lib/client/project/index.ts

@@ -1,4 +1,9 @@
 export { Project } from './project';
 export { ProjectCache, type ProjectDataCache } from './project-loader/project-cache';
-export { ProjectLoader, useProject, getProject } from './project-loader/project-loader';
+export {
+  ProjectLoader,
+  useProject,
+  getProject,
+  getProjectStore,
+} from './project-loader/project-loader';
 export { PLErrors, PLException } from './project-loader/exceptions';

src/lib/client/project/project-loader/init-functions.ts

@@ -0,0 +1,6 @@
+import type { Project } from '$lib/client/project';
+import { updateTabsStore } from '$lib/components/Tabs/store';
+
+export const initTabs = (project: Project) => {
+  updateTabsStore(project.id);
+};

src/lib/client/project/project-loader/project-loader.ts

@@ -6,13 +6,15 @@ import {
   type CreateProjectActionInput,
   noProjectActions,
 } from '$lib/client/action';
-import { getConfig } from '$lib/client/config/config';
+import { getConfig } from '$lib/client/config';
 import { Project, ProjectCache, type ProjectDataCache } from '$lib/client/project';
-import { PLErrors, PLException, runPLSafe } from '$lib/client/project/project-loader/exceptions';
 import { SfsTreeCache } from '$lib/client/sync-file-system';
 
 import { FileSystemManager } from '@utils-client/file-system';
 
+import { PLErrors, PLException, runPLSafe } from './exceptions';
+import { initTabs } from './init-functions';
+
 type ProjectCacheResolvable = ActionProject;
 
 const projectStore = writable<Project | null>(null);
@@ -112,9 +114,16 @@ export class ProjectLoader {
       name: infos.name,
       lastOpened: Date.now(),
     });
+
+    await this.initFunctions(project);
+
     return project;
   }
 
+  static async initFunctions(project: Project): Promise<void> {
+    initTabs(project);
+  }
+
   static unload() {
     projectStore.set(null);
     Project.reset();
@@ -139,3 +148,5 @@ export const useProject = () => {
 };
 
 export const getProject = () => get(projectStore);
+
+export const getProjectStore = () => projectStore;

src/lib/client/project/project.ts

@@ -22,6 +22,7 @@ export class Project {
   static reset(): void {
     InfoHandler.reset();
     EventHandler.reset();
+    ECSHandler.reset();
   }
 
   constructor(public id: string) {

src/lib/components/Tabs/store.ts

@@ -16,8 +16,11 @@ const initialState: TabsState = {
   selectedTabId: 'tab-main',
 };
 
-function createTabsStore() {
-  const { subscribe, update, set } = persistedWritable<TabsState>('editor.tabs', initialState);
+function createTabsStore(projectId: string) {
+  const { subscribe, update, set } = persistedWritable<TabsState>(
+    `editor.tabs.${projectId}`,
+    initialState,
+  );
 
   async function openTab(tab: Omit<TabInstance, 'id'> & { id?: string }) {
     const existing = await findExistingTab(tab);
@@ -124,4 +127,8 @@ function createTabsStore() {
   };
 }
 
-export const tabsStore = createTabsStore();
+export const updateTabsStore = (projectId: string) => {
+  tabsStore = createTabsStore(projectId);
+};
+
+export let tabsStore = createTabsStore('default');

src/routes/dashboard/+page.svelte

@@ -16,6 +16,9 @@
   import { runSafe } from '@utils-client/error';
   import { FullPageProjectSpinner } from '$lib/components/project-loader';
   import { MarketplaceDialog, setMarketplaceContext } from '$lib/components/marketplace';
+  import { getProjectStore } from '$lib/client/project/project-loader/project-loader';
+
+  const projectStore = getProjectStore();
 
   let marketplaceOpen = $state(false);
   setMarketplaceContext({ open: () => (marketplaceOpen = true) });
@@ -74,7 +77,7 @@
   });
 </script>
 
-{#if loaded}
+{#if loaded && $projectStore}
   <MarketplaceDialog bind:open={marketplaceOpen} />
   <div class="h-screen flex flex-col gap-1 bg-neutral-900">
     <header class="h-16 flex">