@classic-homes/theme-svelte 0.1.27 → 0.1.29

package/dist/lib/components/layout/DashboardLayout.svelte

@@ -95,6 +95,8 @@
     mobileBreakpoint?: Breakpoint;
     /** Content area padding: 'default' (p-4 lg:p-6), 'compact' (p-2 lg:p-4), 'none' (no padding) */
     contentPadding?: 'default' | 'compact' | 'none';
+    /** App identifier for per-app sidebar preferences storage */
+    appId?: string;
     /** Main content */
     children: Snippet;
   }
@@ -130,6 +132,7 @@
     headerSearch,
     mobileBreakpoint = 'lg',
     contentPadding = 'default',
+    appId,
     children,
   }: Props = $props();
 
@@ -174,7 +177,7 @@
 
   // Load persisted sidebar state and apply prop-based defaults
   $effect(() => {
-    sidebarStore.initialize();
+    sidebarStore.initialize(appId);
 
     // Only apply prop-based initial state if no persisted state exists
     if (!sidebarStore.hasPersistedState && !isMobile) {
@@ -247,6 +250,7 @@
     {initialPinnedItems}
     {onPinnedChange}
     {pinIcon}
+    {appId}
   />
 
   <!-- Main Content Area -->
@@ -294,7 +298,7 @@
     {/if}
 
     <!-- Main Content -->
-    <main id="main-content" class="flex-1 bg-content-bg {contentPaddingClass}">
+    <main id="main-content" class="flex-1 bg-content-bg relative z-0 {contentPaddingClass}">
       {@render children()}
     </main>
   </div>

package/dist/lib/components/layout/DashboardLayout.svelte.d.ts

@@ -75,6 +75,8 @@ interface Props {
     mobileBreakpoint?: Breakpoint;
     /** Content area padding: 'default' (p-4 lg:p-6), 'compact' (p-2 lg:p-4), 'none' (no padding) */
     contentPadding?: 'default' | 'compact' | 'none';
+    /** App identifier for per-app sidebar preferences storage */
+    appId?: string;
     /** Main content */
     children: Snippet;
 }

package/dist/lib/components/layout/Sidebar.svelte

@@ -71,6 +71,8 @@
     onPinnedChange?: (pinnedIds: string[]) => void;
     /** Custom pin icon renderer */
     pinIcon?: Snippet<[{ isPinned: boolean }]>;
+    /** App identifier for per-app preferences storage */
+    appId?: string;
     /** Additional classes */
     class?: string;
   }
@@ -100,6 +102,7 @@
     initialPinnedItems,
     onPinnedChange,
     pinIcon,
+    appId,
     class: className,
   }: Props = $props();
 
@@ -128,6 +131,11 @@
       .filter((section) => section.items.length > 0)
   );
 
+  // Initialize store with appId for per-app preferences
+  $effect(() => {
+    sidebarStore.initialize(appId);
+  });
+
   // Initialize pinning from props
   $effect(() => {
     // Set up the callback for pinned changes

package/dist/lib/components/layout/Sidebar.svelte.d.ts

@@ -64,6 +64,8 @@ interface Props {
     pinIcon?: Snippet<[{
         isPinned: boolean;
     }]>;
+    /** App identifier for per-app preferences storage */
+    appId?: string;
     /** Additional classes */
     class?: string;
 }

package/dist/lib/stores/sidebar.svelte.d.ts

@@ -1,5 +1,9 @@
 /**
  * Sidebar Store - Svelte 5 runes-based state management for sidebar
+ *
+ * Supports per-app preferences via appId parameter. When an appId is set,
+ * all localStorage keys are namespaced to that app, allowing different
+ * apps to have independent sidebar preferences for the same user.
  */
 import type { NavSection, SidebarPreferences } from '../types/layout.js';
 declare class SidebarStore {
@@ -28,8 +32,15 @@ declare class SidebarStore {
     /**
      * Initialize store with persisted state.
      * Call this from a component's $effect to load saved state.
+     *
+     * @param appId - Optional app identifier for per-app preferences.
+     *                When provided, localStorage keys are namespaced to this app.
      */
-    initialize(): void;
+    initialize(appId?: string): void;
+    /**
+     * Get the current app ID
+     */
+    get appId(): string | undefined;
     /**
      * Toggle the sidebar open/closed state
      */

package/dist/lib/stores/sidebar.svelte.js

@@ -1,5 +1,9 @@
 /**
  * Sidebar Store - Svelte 5 runes-based state management for sidebar
+ *
+ * Supports per-app preferences via appId parameter. When an appId is set,
+ * all localStorage keys are namespaced to that app, allowing different
+ * apps to have independent sidebar preferences for the same user.
  */
 var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
@@ -12,11 +16,8 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _SidebarStore_instances, _SidebarStore_initialized, _SidebarStore_loadedFromStorage, _SidebarStore_loadedExpansionFromStorage, _SidebarStore_loadedPinnedFromStorage, _SidebarStore_onPinnedChange, _SidebarStore_persist, _SidebarStore_persistExpansion, _SidebarStore_persistPinned;
-const STORAGE_KEY = 'classic-theme-sidebar-open';
-const SECTIONS_STORAGE_KEY = 'classic-theme-sidebar-sections';
-const ITEMS_STORAGE_KEY = 'classic-theme-sidebar-items';
-const PINNED_STORAGE_KEY = 'classic-theme-sidebar-pinned';
+var _SidebarStore_instances, _SidebarStore_initialized, _SidebarStore_loadedFromStorage, _SidebarStore_loadedExpansionFromStorage, _SidebarStore_loadedPinnedFromStorage, _SidebarStore_onPinnedChange, _SidebarStore_appId, _SidebarStore_getStorageKey, _SidebarStore_persist, _SidebarStore_persistExpansion, _SidebarStore_persistPinned;
+const STORAGE_PREFIX = 'classic-theme-sidebar';
 class SidebarStore {
     constructor() {
         _SidebarStore_instances.add(this);
@@ -30,6 +31,7 @@ class SidebarStore {
         _SidebarStore_loadedExpansionFromStorage.set(this, false);
         _SidebarStore_loadedPinnedFromStorage.set(this, false);
         _SidebarStore_onPinnedChange.set(this, void 0);
+        _SidebarStore_appId.set(this, void 0);
     }
     /**
      * Whether the store has been initialized
@@ -58,32 +60,42 @@ class SidebarStore {
     /**
      * Initialize store with persisted state.
      * Call this from a component's $effect to load saved state.
+     *
+     * @param appId - Optional app identifier for per-app preferences.
+     *                When provided, localStorage keys are namespaced to this app.
      */
-    initialize() {
-        if (__classPrivateFieldGet(this, _SidebarStore_initialized, "f") || typeof window === 'undefined')
+    initialize(appId) {
+        // If appId changed, reset and reinitialize
+        if (__classPrivateFieldGet(this, _SidebarStore_initialized, "f") && __classPrivateFieldGet(this, _SidebarStore_appId, "f") === appId)
             return;
+        if (typeof window === 'undefined')
+            return;
+        __classPrivateFieldSet(this, _SidebarStore_appId, appId, "f");
         __classPrivateFieldSet(this, _SidebarStore_initialized, true, "f");
+        __classPrivateFieldSet(this, _SidebarStore_loadedFromStorage, false, "f");
+        __classPrivateFieldSet(this, _SidebarStore_loadedExpansionFromStorage, false, "f");
+        __classPrivateFieldSet(this, _SidebarStore_loadedPinnedFromStorage, false, "f");
         try {
             // Load sidebar open state
-            const stored = localStorage.getItem(STORAGE_KEY);
+            const stored = localStorage.getItem(__classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_getStorageKey).call(this, 'open'));
             if (stored !== null) {
                 this.isOpen = stored === 'true';
                 __classPrivateFieldSet(this, _SidebarStore_loadedFromStorage, true, "f");
             }
             // Load expanded sections
-            const sections = localStorage.getItem(SECTIONS_STORAGE_KEY);
+            const sections = localStorage.getItem(__classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_getStorageKey).call(this, 'sections'));
             if (sections) {
                 this.expandedSections = new Set(JSON.parse(sections));
                 __classPrivateFieldSet(this, _SidebarStore_loadedExpansionFromStorage, true, "f");
             }
             // Load expanded items
-            const items = localStorage.getItem(ITEMS_STORAGE_KEY);
+            const items = localStorage.getItem(__classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_getStorageKey).call(this, 'items'));
             if (items) {
                 this.expandedItems = new Set(JSON.parse(items));
                 __classPrivateFieldSet(this, _SidebarStore_loadedExpansionFromStorage, true, "f");
             }
             // Load pinned items
-            const pinned = localStorage.getItem(PINNED_STORAGE_KEY);
+            const pinned = localStorage.getItem(__classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_getStorageKey).call(this, 'pinned'));
             if (pinned) {
                 this.pinnedItems = new Set(JSON.parse(pinned));
                 __classPrivateFieldSet(this, _SidebarStore_loadedPinnedFromStorage, true, "f");
@@ -93,6 +105,12 @@ class SidebarStore {
             // localStorage not available
         }
     }
+    /**
+     * Get the current app ID
+     */
+    get appId() {
+        return __classPrivateFieldGet(this, _SidebarStore_appId, "f");
+    }
     /**
      * Toggle the sidebar open/closed state
      */
@@ -292,11 +310,15 @@ class SidebarStore {
         };
     }
 }
-_SidebarStore_initialized = new WeakMap(), _SidebarStore_loadedFromStorage = new WeakMap(), _SidebarStore_loadedExpansionFromStorage = new WeakMap(), _SidebarStore_loadedPinnedFromStorage = new WeakMap(), _SidebarStore_onPinnedChange = new WeakMap(), _SidebarStore_instances = new WeakSet(), _SidebarStore_persist = function _SidebarStore_persist() {
+_SidebarStore_initialized = new WeakMap(), _SidebarStore_loadedFromStorage = new WeakMap(), _SidebarStore_loadedExpansionFromStorage = new WeakMap(), _SidebarStore_loadedPinnedFromStorage = new WeakMap(), _SidebarStore_onPinnedChange = new WeakMap(), _SidebarStore_appId = new WeakMap(), _SidebarStore_instances = new WeakSet(), _SidebarStore_getStorageKey = function _SidebarStore_getStorageKey(suffix) {
+    return __classPrivateFieldGet(this, _SidebarStore_appId, "f")
+        ? `${STORAGE_PREFIX}-${__classPrivateFieldGet(this, _SidebarStore_appId, "f")}-${suffix}`
+        : `${STORAGE_PREFIX}-${suffix}`;
+}, _SidebarStore_persist = function _SidebarStore_persist() {
     if (typeof window === 'undefined')
         return;
     try {
-        localStorage.setItem(STORAGE_KEY, String(this.isOpen));
+        localStorage.setItem(__classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_getStorageKey).call(this, 'open'), String(this.isOpen));
     }
     catch {
         // localStorage not available
@@ -305,8 +327,8 @@ _SidebarStore_initialized = new WeakMap(), _SidebarStore_loadedFromStorage = new
     if (typeof window === 'undefined')
         return;
     try {
-        localStorage.setItem(SECTIONS_STORAGE_KEY, JSON.stringify([...this.expandedSections]));
-        localStorage.setItem(ITEMS_STORAGE_KEY, JSON.stringify([...this.expandedItems]));
+        localStorage.setItem(__classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_getStorageKey).call(this, 'sections'), JSON.stringify([...this.expandedSections]));
+        localStorage.setItem(__classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_getStorageKey).call(this, 'items'), JSON.stringify([...this.expandedItems]));
     }
     catch {
         // localStorage not available
@@ -315,7 +337,7 @@ _SidebarStore_initialized = new WeakMap(), _SidebarStore_loadedFromStorage = new
     if (typeof window === 'undefined')
         return;
     try {
-        localStorage.setItem(PINNED_STORAGE_KEY, JSON.stringify([...this.pinnedItems]));
+        localStorage.setItem(__classPrivateFieldGet(this, _SidebarStore_instances, "m", _SidebarStore_getStorageKey).call(this, 'pinned'), JSON.stringify([...this.pinnedItems]));
     }
     catch {
         // localStorage not available

package/dist/lib/types/layout.d.ts

@@ -246,6 +246,8 @@ export interface DashboardLayoutProps {
     }]>;
     /** Header search configuration */
     headerSearch?: HeaderSearchConfig;
+    /** App identifier for per-app sidebar preferences storage */
+    appId?: string;
     /** Main content */
     children: Snippet;
 }
@@ -332,6 +334,8 @@ export interface SidebarProps {
     pinIcon?: Snippet<[{
         isPinned: boolean;
     }]>;
+    /** App identifier for per-app sidebar preferences storage */
+    appId?: string;
     /** Additional classes */
     class?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/theme-svelte",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "description": "Svelte components for the Classic theme system",
   "type": "module",
   "svelte": "./dist/lib/index.js",