@constela/start 1.2.26 → 1.2.28

package/dist/{chunk-KX2KFKH4.js → chunk-HMNS6TTL.js}

@@ -2131,7 +2131,11 @@ async function createDevServer(options = {}) {
                 "monaco-editor": "/node_modules/monaco-editor/esm/vs/editor/editor.api.js"
               };
               const html = wrapHtml(content, hydrationScript, cssHead, {
-                ...initialTheme ? { theme: initialTheme } : {},
+                ...initialTheme ? {
+                  theme: initialTheme,
+                  defaultTheme: initialTheme,
+                  themeStorageKey: "theme"
+                } : {},
                 importMap
               });
               res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });

package/dist/cli/index.js

@@ -3,7 +3,7 @@ import {
   createDevServer,
   loadConfig,
   resolveConfig
-} from "../chunk-KX2KFKH4.js";
+} from "../chunk-HMNS6TTL.js";
 import "../chunk-CYMS3K6V.js";
 
 // src/cli/index.ts

package/dist/index.js

@@ -23,7 +23,7 @@ import {
   transformCsv,
   transformMdx,
   transformYaml
-} from "./chunk-KX2KFKH4.js";
+} from "./chunk-HMNS6TTL.js";
 import {
   generateHydrationScript,
   renderPage,
@@ -317,7 +317,13 @@ function createAdapter(options) {
           path: url.pathname
         };
         const hydrationScript = generateHydrationScript(program, void 0, routeContext);
-        const html = wrapHtml(content, hydrationScript);
+        const themeState = program.state?.["theme"];
+        const initialTheme = themeState?.initial;
+        const html = wrapHtml(content, hydrationScript, void 0, initialTheme ? {
+          theme: initialTheme,
+          defaultTheme: initialTheme,
+          themeStorageKey: "theme"
+        } : void 0);
         return new Response(html, {
           status: 200,
           headers: { "Content-Type": "text/html; charset=utf-8" }

package/dist/runtime/entry-client.js

@@ -32,6 +32,21 @@ function initClient(options) {
     }
   }
   if (program.state?.["theme"]) {
+    try {
+      const stored = localStorage.getItem("theme");
+      if (stored) {
+        let storedTheme = stored;
+        try {
+          storedTheme = JSON.parse(stored);
+        } catch {
+        }
+        const currentTheme2 = appInstance.getState?.("theme");
+        if (storedTheme && storedTheme !== currentTheme2) {
+          appInstance.setState?.("theme", storedTheme);
+        }
+      }
+    } catch {
+    }
     const updateThemeClass = (value) => {
       if (value === "dark") {
         document.documentElement.classList.add("dark");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/start",
-  "version": "1.2.26",
+  "version": "1.2.28",
   "description": "Meta-framework for Constela applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -45,9 +45,9 @@
     "tailwindcss": "^4.0.0",
     "@constela/compiler": "0.8.0",
     "@constela/core": "0.8.0",
+    "@constela/router": "9.0.0",
     "@constela/server": "4.1.0",
-    "@constela/runtime": "0.11.0",
-    "@constela/router": "9.0.0"
+    "@constela/runtime": "0.11.0"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",