rune-lab 0.4.5 → 0.4.6

package/dist/kernel/src/persistence/createConfigStore.svelte.js

@@ -22,15 +22,19 @@ class ConfigStoreImpl {
     if (saved && this.get(saved)) {
       this.current = saved;
     }
-    if (DEV) {
-      console.log(
-        `${options.icon ?? "⚙️"} ${options.displayName} configured:`,
-        {
-          current: this.current,
-        },
-      );
+    // Only log here if we were initialized with a real driver (not the default in-memory)
+    if (DEV && options.driver) {
+      this.#logConfig();
     }
   }
+  #logConfig() {
+    console.log(
+      `${this.#options.icon ?? "⚙️"} ${this.#options.displayName} configured:`,
+      {
+        current: this.current,
+      },
+    );
+  }
   /**
    * Replace the persistence driver and immediately re-read any saved value.
    *
@@ -46,6 +50,9 @@ class ConfigStoreImpl {
     if (saved && this.get(saved)) {
       this.current = saved;
     }
+    if (DEV) {
+      this.#logConfig();
+    }
   }
   /**
    * Set current item with validation

package/dist/mod.js

@@ -4,4 +4,4 @@ export * from "./kernel/src/mod.js";
 export * from "./runes/layout/src/mod.js";
 export * from "./runes/palettes/src/mod.js";
 export * from "./runes/plugins/money/src/mod.js";
-export const version = () => "0.4.5";
+export const version = () => "0.4.6";

package/dist/runes/layout/src/LanguageSelector.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     import ResourceSelector from "./ResourceSelector.svelte";
     import { getLanguageStore } from "../../../kernel/src/mod.js";
+    import { getLanguageName } from "./language.svelte.js";
 
     const languageStore = getLanguageStore();
 
@@ -24,7 +25,9 @@
     {onchange}
 >
     {#snippet triggerLabel(active)}
-        <span class="text-lg">{active.flag}</span>
+        <div class="flex items-center gap-2">
+            <span class="text-lg">{active.flag}</span>
+        </div>
     {/snippet}
 
     {#snippet item(l)}
@@ -37,7 +40,8 @@
             }}
         >
             <span class="text-lg">{l.flag}</span>
-            <span>{l.code.toUpperCase()}</span>
+            <span class="text-xs opacity-50 uppercase">{l.code}</span>
+            <span class="flex-grow text-left">{getLanguageName(l)}</span>
         </button>
     {/snippet}
 </ResourceSelector>

package/dist/runes/layout/src/ThemeSelector.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     import ResourceSelector from "./ResourceSelector.svelte";
-    import { getThemeStore, type Theme } from "../../../kernel/src/mod.js";
+    import { getThemeStore } from "../../../kernel/src/mod.js";
+    import { getThemeName } from "./theme.svelte.js";
 
     const themeStore = getThemeStore();
 
@@ -22,7 +23,9 @@
     {onchange}
 >
     {#snippet triggerLabel(active)}
-        <span class="text-lg">{active.icon}</span>
+        <div class="flex items-center gap-2">
+            <span class="text-lg">{active.icon}</span>
+        </div>
     {/snippet}
 
     {#snippet item(t)}
@@ -42,8 +45,8 @@
                 bind:group={themeStore.current}
             />
             <span class="text-lg">{t.icon}</span>
-            <span class="capitalize">
-                {t.name}
+            <span class="flex-grow text-left capitalize">
+                {getThemeName(t)}
             </span>
         </button>
     {/snippet}

package/dist/runes/layout/src/language.svelte.d.ts

@@ -5,6 +5,10 @@ import {
 } from "../../../kernel/src/mod.js";
 import type { Language } from "../../../kernel/src/mod.js";
 export type { Language };
+/**
+ * Resolver to get the display name of a language in the current locale
+ */
+export declare const getLanguageName: (option: Language) => string;
 export declare const LANGUAGES: readonly [{
   readonly code: "es";
   readonly flag: "🇲🇽";

package/dist/runes/layout/src/language.svelte.js

@@ -3,6 +3,14 @@ import {
   createConfigStore,
   getLanguageStore,
 } from "../../../kernel/src/mod.js";
+import { createMessageResolver } from "../../../i18n/message-resolver.js";
+import * as m from "../../../i18n/paraglide/messages.js";
+/**
+ * Resolver to get the display name of a language in the current locale
+ */
+export const getLanguageName = createMessageResolver(m, {
+  keyExtractor: (l) => l.code,
+});
 export const LANGUAGES = [
   // --- INDOEUROPEAS (Rama Romance / Latín) ---
   { code: "es", flag: "🇲🇽" },

package/dist/runes/layout/src/theme.svelte.d.ts

@@ -1,6 +1,10 @@
 import { createConfigStore, getThemeStore } from "../../../kernel/src/mod.js";
 import type { Theme } from "../../../kernel/src/mod.js";
 export type { Theme };
+/**
+ * Resolver to get the display name of a theme in the current locale
+ */
+export declare const getThemeName: (option: Theme) => string;
 export declare const themeStore: ConfigStore<Theme>;
 export type ThemeStore = ReturnType<typeof createConfigStore<Theme>>;
 export { getThemeStore };

package/dist/runes/layout/src/theme.svelte.js

@@ -2,6 +2,14 @@
 // client/packages/ui/src/state/theme-config.svelte.ts
 import { createConfigStore, getThemeStore } from "../../../kernel/src/mod.js";
 import { BROWSER } from "esm-env";
+import { createMessageResolver } from "../../../i18n/message-resolver.js";
+import * as m from "../../../i18n/paraglide/messages.js";
+/**
+ * Resolver to get the display name of a theme in the current locale
+ */
+export const getThemeName = createMessageResolver(m, {
+  keyExtractor: (t) => t.name,
+});
 // Icon map for known themes - unknown ones fall back to 🎨
 const THEME_ICONS = {
   light: "🌞",

package/dist/runes/plugins/money/src/CurrencySelector.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     import { ResourceSelector } from "../../../layout/src/mod.js";
     import { getCurrencyStore } from "../../../../kernel/src/mod.js";
+    import { getCurrencyName } from "./currency.svelte.js";
 
     const currencyStore = getCurrencyStore();
 
@@ -22,7 +23,9 @@
     {onchange}
 >
     {#snippet triggerLabel(active)}
-        <span class="font-bold">{active.symbol}</span>
+        <div class="flex items-center gap-2">
+            <span class="font-bold">{active.symbol}</span>
+        </div>
     {/snippet}
 
     {#snippet item(c)}
@@ -35,7 +38,8 @@
             }}
         >
             <span class="badge badge-sm badge-ghost w-8">{c.symbol}</span>
-            <span>{c.code}</span>
+            <span class="text-xs opacity-50 uppercase">{c.code}</span>
+            <span class="flex-grow text-left">{getCurrencyName(c)}</span>
         </button>
     {/snippet}
 </ResourceSelector>

package/dist/runes/plugins/money/src/currency.svelte.d.ts

@@ -5,6 +5,10 @@ import {
 import type { Currency } from "../../../../kernel/src/mod.js";
 import type { ExchangeRateStore } from "./exchange-rate.svelte.js";
 export type { Currency };
+/**
+ * Resolver to get the display name of a currency in the current locale
+ */
+export declare const getCurrencyName: (option: Currency) => string;
 export declare function setExchangeRateStore(store: ExchangeRateStore): void;
 /**
  * Extension: Atomic currency registration.

package/dist/runes/plugins/money/src/currency.svelte.js

@@ -3,6 +3,14 @@ import {
   getCurrencyStore,
 } from "../../../../kernel/src/mod.js";
 import { registerCurrency } from "./mod.js";
+import { createMessageResolver } from "../../../../i18n/message-resolver.js";
+import * as m from "../../../../i18n/paraglide/messages.js";
+/**
+ * Resolver to get the display name of a currency in the current locale
+ */
+export const getCurrencyName = createMessageResolver(m, {
+  keyExtractor: (c) => c.code,
+});
 /**
  * Helper to build a minimal Dinero definition from Currency metadata.
  * Assumes base 10 (standard decimal) for auto-registration.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rune-lab",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "Modern toolkit for Svelte 5 Runes applications.",
   "type": "module",
   "readme": "./README.md",
@@ -10,10 +10,6 @@
     "type": "git",
     "url": "git+https://github.com/Yrrrrrf/rune-lab.git"
   },
-  "scripts": {
-    "dev": "vite dev",
-    "gen:version": "node scripts/gen-version.js"
-  },
   "exports": {
     ".": {
       "svelte": "./dist/mod.js",
@@ -59,4 +55,4 @@
     "dist/**",
     "**/*.test.ts"
   ]
-}
+}