rune-lab 0.0.19 → 0.0.21

package/dist/state/shortcuts.svelte.js

@@ -1,8 +1,8 @@
-// src/lib/state/shortcuts.svelte.ts
 import hotkeys from "hotkeys-js";
-import { untrack } from "svelte";
+import { getContext, untrack } from "svelte";
+import { RUNE_LAB_CONTEXT } from "../context";
 /**
- * Built-in layout shortcuts (Work Item B §2.8)
+ * Built-in layout shortcuts
  */
 export const LAYOUT_SHORTCUTS = {
     TOGGLE_NAV: {
@@ -19,69 +19,16 @@ export const LAYOUT_SHORTCUTS = {
         category: "Layout",
         scope: "global",
     },
-    WORKSPACE_1: {
-        id: "rl:layout:workspace-1",
-        keys: "ctrl+1",
-        label: "Jump to Workspace 1",
-        category: "Navigation",
-        scope: "global",
-    },
-    WORKSPACE_2: {
-        id: "rl:layout:workspace-2",
-        keys: "ctrl+2",
-        label: "Jump to Workspace 2",
-        category: "Navigation",
-        scope: "global",
-    },
-    WORKSPACE_3: {
-        id: "rl:layout:workspace-3",
-        keys: "ctrl+3",
-        label: "Jump to Workspace 3",
-        category: "Navigation",
-        scope: "global",
-    },
-    WORKSPACE_4: {
-        id: "rl:layout:workspace-4",
-        keys: "ctrl+4",
-        label: "Jump to Workspace 4",
-        category: "Navigation",
-        scope: "global",
-    },
-    WORKSPACE_5: {
-        id: "rl:layout:workspace-5",
-        keys: "ctrl+5",
-        label: "Jump to Workspace 5",
-        category: "Navigation",
-        scope: "global",
-    },
-    WORKSPACE_6: {
-        id: "rl:layout:workspace-6",
-        keys: "ctrl+6",
-        label: "Jump to Workspace 6",
-        category: "Navigation",
-        scope: "global",
-    },
-    WORKSPACE_7: {
-        id: "rl:layout:workspace-7",
-        keys: "ctrl+7",
-        label: "Jump to Workspace 7",
-        category: "Navigation",
-        scope: "global",
-    },
-    WORKSPACE_8: {
-        id: "rl:layout:workspace-8",
-        keys: "ctrl+8",
-        label: "Jump to Workspace 8",
-        category: "Navigation",
-        scope: "global",
-    },
-    WORKSPACE_9: {
-        id: "rl:layout:workspace-9",
-        keys: "ctrl+9",
-        label: "Jump to Workspace 9",
-        category: "Navigation",
-        scope: "global",
-    },
+    ...Object.fromEntries(Array.from({ length: 9 }, (_, i) => [
+        `WORKSPACE_${i + 1}`,
+        {
+            id: `rl:layout:workspace-${i + 1}`,
+            keys: `ctrl+${i + 1}`,
+            label: `Jump to Workspace ${i + 1}`,
+            category: "Navigation",
+            scope: "global",
+        },
+    ])),
     OPEN_SHORTCUTS: {
         id: "rl:shortcuts:open",
         keys: "ctrl+/",
@@ -118,7 +65,7 @@ export const LAYOUT_SHORTCUTS = {
         scope: "panel:navigation",
     },
 };
-class ShortcutStore {
+export class ShortcutStore {
     /** All registered shortcuts */
     entries = $state([]);
     /** Whether the shortcut palette is currently visible */
@@ -217,7 +164,7 @@ class ShortcutStore {
  * Svelte Action to listen for shortcuts registered in shortcutStore.
  * Applied to the root element of the layout.
  */
-export function shortcutListener(node) {
+export function shortcutListener(node, shortcutStore) {
     // Use $effect to reactively sync shortcuts
     const cleanup = $effect.root(() => {
         $effect(() => {
@@ -276,4 +223,9 @@ export function shortcutListener(node) {
         },
     };
 }
-export const shortcutStore = new ShortcutStore();
+export function createShortcutStore() {
+    return new ShortcutStore();
+}
+export function getShortcutStore() {
+    return getContext(RUNE_LAB_CONTEXT.shortcut);
+}

package/dist/state/theme.svelte.d.ts

@@ -1,11 +1,14 @@
+import { type ConfigStore } from "../devtools/createConfigStore.svelte";
 export interface Theme {
     name: string;
     icon: string;
 }
-export declare const themeStore: {
+import type { PersistenceDriver } from "../persistence/types";
+export declare function createThemeStore(driver?: PersistenceDriver | (() => PersistenceDriver | undefined)): {
     current: string;
     available: Theme[];
     set(id: string): void;
     get(id: string): Theme | undefined;
     getProp<K extends keyof Theme>(prop: K, id?: string | undefined): Theme[K] | undefined;
 };
+export declare function getThemeStore(): ConfigStore<Theme>;

package/dist/state/theme.svelte.js

@@ -1,5 +1,7 @@
 // client/packages/ui/src/state/theme-config.svelte.ts
-import { createConfigStore } from "../devtools/createConfigStore.svelte";
+import { createConfigStore, } from "../devtools/createConfigStore.svelte";
+import { getContext } from "svelte";
+import { RUNE_LAB_CONTEXT } from "../context";
 import themeOrder from "daisyui/functions/themeOrder.js"; // has its own .d.ts
 // Icon map for known themes - unknown ones fall back to 🎨
 const THEME_ICONS = {
@@ -44,13 +46,19 @@ const THEMES = themeOrder.map((name) => ({
     name,
     icon: THEME_ICONS[name] ?? "🎨",
 }));
-export const themeStore = createConfigStore({
-    items: THEMES,
-    storageKey: "theme",
-    displayName: "Theme",
-    idKey: "name",
-    icon: "🎨",
-});
+export function createThemeStore(driver) {
+    return createConfigStore({
+        items: THEMES,
+        storageKey: "theme",
+        displayName: "Theme",
+        idKey: "name",
+        icon: "🎨",
+        driver: typeof driver === "function" ? driver() : driver,
+    });
+}
+export function getThemeStore() {
+    return getContext(RUNE_LAB_CONTEXT.theme);
+}
 // Usage:
 // themeStore.set("dark")
 // themeStore.get("dark")

package/dist/state/toast.svelte.d.ts

@@ -8,7 +8,7 @@ export interface Toast {
     type: ToastType;
     duration?: number;
 }
-declare class ToastStore {
+export declare class ToastStore {
     toasts: Toast[];
     /**
      * Add a new toast
@@ -23,5 +23,5 @@ declare class ToastStore {
     warn(msg: string): void;
     info(msg: string): void;
 }
-export declare const toastStore: ToastStore;
-export {};
+export declare function createToastStore(): ToastStore;
+export declare function getToastStore(): ToastStore;

package/dist/state/toast.svelte.js

@@ -1,4 +1,6 @@
-class ToastStore {
+import { getContext } from "svelte";
+import { RUNE_LAB_CONTEXT } from "../context";
+export class ToastStore {
     toasts = $state([]);
     /**
      * Add a new toast
@@ -33,4 +35,9 @@ class ToastStore {
         this.send(msg, "info");
     }
 }
-export const toastStore = new ToastStore();
+export function createToastStore() {
+    return new ToastStore();
+}
+export function getToastStore() {
+    return getContext(RUNE_LAB_CONTEXT.toast);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rune-lab",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "Rune Lab: Modern toolkit for Svelte 5 Runes applications.",
   "type": "module",
   "license": "MIT",
@@ -45,25 +45,25 @@
     "prepack": "bun run compile && bunx svelte-kit sync && bunx svelte-package && rm -f dist/paraglide/.gitignore dist/paraglide/.prettierignore && bunx publint"
   },
   "peerDependencies": {
-    "@sveltejs/kit": "^2.51.0",
-    "svelte": "^5.51.0"
+    "@sveltejs/kit": "^2.52.2",
+    "svelte": "^5.53.0"
   },
   "devDependencies": {
-    "@inlang/paraglide-js": "^2.11.0",
+    "@inlang/paraglide-js": "^2.12.0",
     "@sveltejs/adapter-static": "^3.0.10",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/typography": "^0.5.19",
-    "@tailwindcss/vite": "^4.1.18",
-    "@types/node": "^25.2.3",
+    "@tailwindcss/vite": "^4.2.0",
+    "@types/node": "^25.3.0",
     "daisyui": "^5.5.18",
     "esm-env": "^1.2.2",
     "hotkeys-js": "^4.0.0",
     "publint": "^0.3.17",
-    "svelte-check": "^4.4.0",
-    "tailwindcss": "^4.1.18",
+    "svelte-check": "^4.4.1",
+    "tailwindcss": "^4.2.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"
   }
-}
+}

package/dist/features/command-palette/commands.svelte.d.ts

@@ -1,8 +0,0 @@
-export type { Command } from "../../state/commands.svelte";
-export declare const commandStore: {
-    commands: import("../../state/commands.svelte").Command[];
-    register(command: import("../../state/commands.svelte").Command): void;
-    unregister(id: string): void;
-    search(query: string, parentId?: string): import("../../state/commands.svelte").Command[];
-    "__#private@#findById"(id: string, list: import("../../state/commands.svelte").Command[]): import("../../state/commands.svelte").Command | undefined;
-};

package/dist/features/command-palette/commands.svelte.js

@@ -1,5 +0,0 @@
-import { commandStore as _commandStore } from "../../state/commands.svelte";
-if (import.meta.env?.DEV) {
-    console.warn('[DEPRECATED] Import from "$lib/features/command-palette/commands.svelte" is deprecated. Use "$lib/state/commands.svelte" instead.');
-}
-export const commandStore = _commandStore;

package/dist/features/config/stores/api.svelte.d.ts

@@ -1,13 +0,0 @@
-export declare const apiStore: {
-    url: string;
-    version: string;
-    connectionState: import("../../../state/api.svelte").ConnectionState;
-    isConnected: boolean;
-    isLoading: boolean;
-    get URL(): string;
-    get VERSION(): string;
-    get IS_CONNECTED(): boolean;
-    get IS_LOADING(): boolean;
-    reconnect(): Promise<void>;
-    init(url: string, version?: string): void;
-};

package/dist/features/config/stores/api.svelte.js

@@ -1,5 +0,0 @@
-import { apiStore as _apiStore } from "../../../state/api.svelte";
-if (import.meta.env?.DEV) {
-    console.warn('[DEPRECATED] Import from "$lib/features/config/stores/api.svelte" is deprecated. Use "$lib/state/api.svelte" instead.');
-}
-export const apiStore = _apiStore;

package/dist/features/config/stores/app.svelte.d.ts

@@ -1,13 +0,0 @@
-export type { AppData } from "../../../state/app.svelte";
-export declare const appStore: {
-    name: string;
-    version: string;
-    description: string;
-    author: string;
-    repository: string;
-    license: string;
-    homepage: string;
-    "__#private@#initialized": boolean;
-    init(data: Partial<import("../../../state/app.svelte").AppData>): void;
-    get info(): import("../../../state/app.svelte").AppData;
-};

package/dist/features/config/stores/app.svelte.js

@@ -1,5 +0,0 @@
-import { appStore as _appStore } from "../../../state/app.svelte";
-if (import.meta.env?.DEV) {
-    console.warn('[DEPRECATED] Import from "$lib/features/config/stores/app.svelte" is deprecated. Use "$lib/state/app.svelte" instead.');
-}
-export const appStore = _appStore;

package/dist/features/config/stores/currency.svelte.d.ts

@@ -1,8 +0,0 @@
-export type { Currency } from "../../../state/currency.svelte";
-export declare const currencyStore: {
-    current: string | number;
-    available: import("../../../state/currency.svelte").Currency[];
-    set(id: string | number): void;
-    get(id: string | number): import("../../../state/currency.svelte").Currency | undefined;
-    getProp<K extends keyof import("../../../state/currency.svelte").Currency>(prop: K, id?: string | number | undefined): import("../../../state/currency.svelte").Currency[K] | undefined;
-};

package/dist/features/config/stores/currency.svelte.js

@@ -1,5 +0,0 @@
-import { currencyStore as _currencyStore } from "../../../state/currency.svelte";
-if (import.meta.env?.DEV) {
-    console.warn('[DEPRECATED] Import from "$lib/features/config/stores/currency.svelte" is deprecated. Use "$lib/state/currency.svelte" instead.');
-}
-export const currencyStore = _currencyStore;

package/dist/features/config/stores/language.svelte.d.ts

@@ -1,8 +0,0 @@
-export type { Language } from "../../../state/language.svelte";
-export declare const languageStore: {
-    current: string | undefined;
-    available: import("../../../state/language.svelte").Language[];
-    set(id: string | undefined): void;
-    get(id: string | undefined): import("../../../state/language.svelte").Language | undefined;
-    getProp<K extends keyof import("../../../state/language.svelte").Language>(prop: K, id?: string | undefined): import("../../../state/language.svelte").Language[K] | undefined;
-};

package/dist/features/config/stores/language.svelte.js

@@ -1,5 +0,0 @@
-import { languageStore as _languageStore } from "../../../state/language.svelte";
-if (import.meta.env?.DEV) {
-    console.warn('[DEPRECATED] Import from "$lib/features/config/stores/language.svelte" is deprecated. Use "$lib/state/language.svelte" instead.');
-}
-export const languageStore = _languageStore;

package/dist/features/config/stores/theme.svelte.d.ts

@@ -1,8 +0,0 @@
-export type { Theme } from "../../../state/theme.svelte";
-export declare const themeStore: {
-    current: string;
-    available: import("../../../state/theme.svelte").Theme[];
-    set(id: string): void;
-    get(id: string): import("../../../state/theme.svelte").Theme | undefined;
-    getProp<K extends keyof import("../../../state/theme.svelte").Theme>(prop: K, id?: string | undefined): import("../../../state/theme.svelte").Theme[K] | undefined;
-};

package/dist/features/config/stores/theme.svelte.js

@@ -1,5 +0,0 @@
-import { themeStore as _themeStore } from "../../../state/theme.svelte";
-if (import.meta.env?.DEV) {
-    console.warn('[DEPRECATED] Import from "$lib/features/config/stores/theme.svelte" is deprecated. Use "$lib/state/theme.svelte" instead.');
-}
-export const themeStore = _themeStore;

package/dist/features/config/stores/toast.svelte.d.ts

@@ -1,9 +0,0 @@
-export declare const toastStore: {
-    toasts: import("../../../state/toast.svelte").Toast[];
-    send(message: string, type?: import("../../../state/toast.svelte").ToastType, duration?: number): void;
-    dismiss(id: string): void;
-    success(msg: string): void;
-    error(msg: string): void;
-    warn(msg: string): void;
-    info(msg: string): void;
-};

package/dist/features/config/stores/toast.svelte.js

@@ -1,5 +0,0 @@
-import { toastStore as _toastStore } from "../../../state/toast.svelte";
-if (import.meta.env?.DEV) {
-    console.warn('[DEPRECATED] Import from "$lib/features/config/stores/toast.svelte" is deprecated. Use "$lib/state/toast.svelte" instead.');
-}
-export const toastStore = _toastStore;