rune-lab 0.0.21 → 0.1.0

package/dist/state/language.svelte.js

@@ -1,5 +1,5 @@
 // client/sdk/state/src/config/language.svelte.ts
-import { createConfigStore, } from "../devtools/createConfigStore.svelte";
+import { createConfigStore, } from "./createConfigStore.svelte";
 import { setLocale } from "../paraglide/runtime.js";
 import { getContext } from "svelte";
 import { RUNE_LAB_CONTEXT } from "../context";
@@ -23,21 +23,29 @@ export const LANGUAGES = [
     { code: "ko", flag: "🇰🇷" },
     { code: "vi", flag: "🇻🇳" },
 ];
-export function createLanguageStore(driver) {
+export function createLanguageStore(options) {
+    const driver = typeof options?.driver === "function"
+        ? options.driver()
+        : options?.driver;
     const store = createConfigStore({
         items: LANGUAGES,
         storageKey: "language",
         displayName: "Language",
         idKey: "code",
         icon: "🌍",
-        driver: typeof driver === "function" ? driver() : driver,
+        driver,
     });
     // Sync Paraglide locale with languageStore
     if (typeof window !== "undefined") {
         $effect.root(() => {
             $effect(() => {
                 const currentCode = store.current;
-                setLocale(currentCode);
+                if (options?.onLocaleChange) {
+                    options.onLocaleChange(currentCode);
+                }
+                else {
+                    setLocale(currentCode);
+                }
             });
         });
     }

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

@@ -27,7 +27,6 @@ export declare class LayoutStore {
     workspaces: WorkspaceItem[];
     activeWorkspaceId: string | null;
     activeNavItemId: string | null;
-    activeShowcaseTab: number;
     navOpen: boolean;
     detailOpen: boolean;
     collapsedSections: Set<string>;
@@ -40,7 +39,6 @@ export declare class LayoutStore {
     activateWorkspace(id: string): void;
     activateWorkspaceByIndex(index: number): void;
     navigate(id: string): void;
-    setShowcaseTab(index: number): void;
     toggleNav(): void;
     toggleDetail(): void;
     toggleSection(id: string): void;

package/dist/state/layout.svelte.js

@@ -5,7 +5,6 @@ export class LayoutStore {
     workspaces = $state([]);
     activeWorkspaceId = $state(null);
     activeNavItemId = $state(null);
-    activeShowcaseTab = $state(0);
     navOpen = $state(true);
     detailOpen = $state(false);
     collapsedSections = $state(new Set());
@@ -80,9 +79,6 @@ export class LayoutStore {
     navigate(id) {
         this.activeNavItemId = id;
     }
-    setShowcaseTab(index) {
-        this.activeShowcaseTab = index;
-    }
     toggleNav() {
         this.navOpen = !this.navOpen;
     }

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

@@ -28,6 +28,20 @@ export interface ShortcutEntry extends ShortcutMeta {
  * Built-in layout shortcuts
  */
 export declare const LAYOUT_SHORTCUTS: {
+    readonly TOGGLE_NAV: {
+        readonly id: "rl:layout:toggle-nav";
+        readonly keys: "ctrl+\\";
+        readonly label: "Toggle Navigation Panel";
+        readonly category: "Layout";
+        readonly scope: "global";
+    };
+    readonly TOGGLE_DETAIL: {
+        readonly id: "rl:layout:toggle-detail";
+        readonly keys: "ctrl+shift+\\";
+        readonly label: "Toggle Detail Panel";
+        readonly category: "Layout";
+        readonly scope: "global";
+    };
     readonly OPEN_SHORTCUTS: {
         readonly id: "rl:shortcuts:open";
         readonly keys: "ctrl+/";
@@ -63,20 +77,6 @@ export declare const LAYOUT_SHORTCUTS: {
         readonly category: "Navigation";
         readonly scope: "panel:navigation";
     };
-    readonly TOGGLE_NAV: {
-        readonly id: "rl:layout:toggle-nav";
-        readonly keys: "ctrl+\\";
-        readonly label: "Toggle Navigation Panel";
-        readonly category: "Layout";
-        readonly scope: "global";
-    };
-    readonly TOGGLE_DETAIL: {
-        readonly id: "rl:layout:toggle-detail";
-        readonly keys: "ctrl+shift+\\";
-        readonly label: "Toggle Detail Panel";
-        readonly category: "Layout";
-        readonly scope: "global";
-    };
 };
 export declare class ShortcutStore {
     /** All registered shortcuts */

package/dist/state/shortcuts.svelte.js

@@ -19,16 +19,6 @@ export const LAYOUT_SHORTCUTS = {
         category: "Layout",
         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+/",

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

@@ -1,4 +1,4 @@
-import { type ConfigStore } from "../devtools/createConfigStore.svelte";
+import { type ConfigStore } from "./createConfigStore.svelte";
 export interface Theme {
     name: string;
     icon: string;

package/dist/state/theme.svelte.js

@@ -1,5 +1,5 @@
 // client/packages/ui/src/state/theme-config.svelte.ts
-import { createConfigStore, } from "../devtools/createConfigStore.svelte";
+import { createConfigStore, } from "./createConfigStore.svelte";
 import { getContext } from "svelte";
 import { RUNE_LAB_CONTEXT } from "../context";
 import themeOrder from "daisyui/functions/themeOrder.js"; // has its own .d.ts

package/dist/state/toast-bridge.d.ts

@@ -0,0 +1,29 @@
+import type { ToastStore, ToastType } from "./toast.svelte";
+/**
+ * Notifies the global toast system.
+ * If called before the ToastStore is initialized (e.g., in a module-level store),
+ * it queues the toast and flushes it once wired.
+ *
+ * @clientOnly — Not safe for use in SSR contexts. Module-level state persists across requests.
+ */
+export declare function notify(message: string, type?: ToastType, duration?: number): void;
+/**
+ * Wires the global `notify` function to an active ToastStore instance.
+ * Automatically flushes any queued toasts.
+ */
+export declare function wire(store: ToastStore): void;
+/**
+ * Escape hatch for module-level stores to send toasts without Svelte context.
+ *
+ * @example
+ * ```ts
+ * import { createToastBridge } from "rune-lab";
+ * const { notify } = createToastBridge();
+ *
+ * notify("Logged in successfully", "success");
+ * ```
+ */
+export declare const createToastBridge: () => {
+    notify: typeof notify;
+    wire: typeof wire;
+};

package/dist/state/toast-bridge.js

@@ -0,0 +1,43 @@
+const queue = [];
+let activeStore = null;
+/**
+ * Notifies the global toast system.
+ * If called before the ToastStore is initialized (e.g., in a module-level store),
+ * it queues the toast and flushes it once wired.
+ *
+ * @clientOnly — Not safe for use in SSR contexts. Module-level state persists across requests.
+ */
+export function notify(message, type = "info", duration) {
+    if (typeof window === "undefined")
+        return; // No-op on server
+    if (activeStore) {
+        activeStore.send(message, type, duration ?? 3000);
+    }
+    else {
+        queue.push({ message, type, duration });
+    }
+}
+/**
+ * Wires the global `notify` function to an active ToastStore instance.
+ * Automatically flushes any queued toasts.
+ */
+export function wire(store) {
+    activeStore = store;
+    while (queue.length > 0) {
+        const next = queue.shift();
+        if (next)
+            store.send(next.message, next.type, next.duration ?? 3000);
+    }
+}
+/**
+ * Escape hatch for module-level stores to send toasts without Svelte context.
+ *
+ * @example
+ * ```ts
+ * import { createToastBridge } from "rune-lab";
+ * const { notify } = createToastBridge();
+ *
+ * notify("Logged in successfully", "success");
+ * ```
+ */
+export const createToastBridge = () => ({ notify, wire });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rune-lab",
-  "version": "0.0.21",
+  "version": "0.1.0",
   "description": "Rune Lab: Modern toolkit for Svelte 5 Runes applications.",
   "type": "module",
   "license": "MIT",
@@ -30,6 +30,10 @@
       "types": "./dist/layout/index.d.ts",
       "default": "./dist/layout/index.js"
     },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "default": "./dist/server/index.js"
+    },
     "./paraglide/*": {
       "types": "./dist/paraglide/*.d.ts",
       "default": "./dist/paraglide/*.js"
@@ -45,8 +49,8 @@
     "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.52.2",
-    "svelte": "^5.53.0"
+    "@sveltejs/kit": "^2.53.0",
+    "svelte": "^5.53.2"
   },
   "devDependencies": {
     "@inlang/paraglide-js": "^2.12.0",
@@ -57,11 +61,11 @@
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.2.0",
     "@types/node": "^25.3.0",
-    "daisyui": "^5.5.18",
+    "daisyui": "^5.5.19",
     "esm-env": "^1.2.2",
     "hotkeys-js": "^4.0.0",
     "publint": "^0.3.17",
-    "svelte-check": "^4.4.1",
+    "svelte-check": "^4.4.3",
     "tailwindcss": "^4.2.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"

package/dist/devtools/API_Monitor.svelte.d.ts

@@ -1,3 +0,0 @@
-declare const APIMonitor: import("svelte").Component<Record<string, never>, {}, "">;
-type APIMonitor = ReturnType<typeof APIMonitor>;
-export default APIMonitor;