@w3kits-com/plugin-opendesign 0.1.15 → 0.1.17

package/dist/browser-daemon.js

@@ -2,6 +2,7 @@ const DEFAULT_RUNTIME_MANIFEST_PATH = "__w3kits/webcontainer-runtime.json";
 const DEFAULT_SERVICE_WORKER_URL = "__w3kits/daemon-proxy-sw.js";
 const DEFAULT_SERVICE_WORKER_SCOPE = "/";
 const DEFAULT_DAEMON_PORT = 7456;
+const DEFAULT_OD_DATA_DIR = "/workspace/.od";
 
 export const w3kitsOpenDesignDaemon = {
   pluginId: "opendesign",
@@ -61,42 +62,150 @@ async function waitForServerReady(webcontainer, expectedPort, timeoutMs) {
   });
 }
 
-async function waitForHealth(daemonUrl, healthPath, timeoutMs) {
-  const deadline = Date.now() + timeoutMs;
-  let lastError;
-  while (Date.now() < deadline) {
-    try {
-      const response = await fetch(new URL(healthPath, daemonUrl), { cache: "no-store" });
-      if (response.ok) return;
-      lastError = new Error("health_status_" + response.status);
-    } catch (error) {
-      lastError = error;
-    }
-    await new Promise((resolve) => setTimeout(resolve, 250));
-  }
-  throw lastError instanceof Error ? lastError : new Error("w3kits_opendesign_daemon_health_timeout");
-}
-
-async function registerDaemonProxy(serviceWorkerUrl, scope, daemonUrl) {
-  if (!("serviceWorker" in navigator)) throw new Error("w3kits_service_worker_unavailable");
-  const registration = await navigator.serviceWorker.register(serviceWorkerUrl, { scope });
-  await navigator.serviceWorker.ready;
-  const worker = registration.active || registration.waiting || registration.installing;
-  worker?.postMessage({ type: "W3KITS_DAEMON_PROXY_SET_TARGET", daemonUrl });
-  navigator.serviceWorker.controller?.postMessage({ type: "W3KITS_DAEMON_PROXY_SET_TARGET", daemonUrl });
-  return registration;
-}
-
 function mergeEnv(runtime, inputEnv) {
   const hostOrigin = globalThis.location?.origin || "https://w3kits.com";
   return {
+    ...inputEnv,
     OD_BIND_HOST: "0.0.0.0",
     OD_PORT: String(runtime.daemon.port || DEFAULT_DAEMON_PORT),
     OD_ALLOWED_ORIGINS: hostOrigin,
+    OD_DATA_DIR: runtime.persistence?.dataDir || DEFAULT_OD_DATA_DIR,
     W3KITS_WEBCONTAINER: "1",
     W3KITS_UNSUPPORTED_ERROR_CODE: runtime.unsupportedLocalOnlyFeatures?.error?.code || "unsupported_in_w3kits_webcontainer_v1",
     W3KITS_OPENAI_BASE_URL: runtime.ai?.openaiBaseUrl || "https://w3kits.com/api/ai/openai/v1",
-    ...inputEnv,
+  };
+}
+
+function pathJoin(...parts) {
+  return parts.join("/").replace(/\/g, "/").replace(//+/g, "/");
+}
+
+function parentPath(filePath) {
+  const normalized = filePath.replace(/\/g, "/");
+  const slash = normalized.lastIndexOf("/");
+  return slash <= 0 ? "/" : normalized.slice(0, slash);
+}
+
+function relativePath(root, filePath) {
+  const normalizedRoot = root.replace(//+$/, "");
+  return filePath === normalizedRoot ? "" : filePath.slice(normalizedRoot.length + 1);
+}
+
+function bytesSignature(bytes) {
+  let hash = 2166136261;
+  for (const byte of bytes) {
+    hash ^= byte;
+    hash = Math.imul(hash, 16777619);
+  }
+  return bytes.byteLength + ":" + (hash >>> 0).toString(16);
+}
+
+async function listFiles(webcontainer, root) {
+  const files = [];
+  async function walk(dir) {
+    let entries;
+    try {
+      entries = await webcontainer.fs.readdir(dir, { withFileTypes: true });
+    } catch {
+      return;
+    }
+    for (const entry of entries) {
+      const name = typeof entry.name === "string" ? entry.name : new TextDecoder().decode(entry.name);
+      const next = pathJoin(dir, name);
+      if (entry.isDirectory?.()) {
+        await walk(next);
+      } else if (entry.isFile?.()) {
+        files.push(next);
+      }
+    }
+  }
+  await walk(root);
+  return files;
+}
+
+function shouldPersistFile(runtime, dataDir, filePath) {
+  const rel = relativePath(dataDir, filePath);
+  if (!rel || rel.startsWith("node_modules/") || rel.includes("/node_modules/")) return false;
+  const includes = runtime.persistence?.include || [];
+  if (!includes.length) return true;
+  return includes.some((pattern) => {
+    if (pattern.endsWith("/**")) return rel === pattern.slice(0, -3) || rel.startsWith(pattern.slice(0, -2));
+    return rel === pattern;
+  });
+}
+
+function diskFilesEndpoint(runtime, options) {
+  if (options.diskFilesEndpoint) return options.diskFilesEndpoint;
+  const pluginId = options.pluginId || runtime.pluginId || "opendesign";
+  return "/api/plugins/" + encodeURIComponent(pluginId) + "/webcontainer/disk/files";
+}
+
+function startWebContainerAutosave(webcontainer, runtime, options = {}) {
+  const token = options.r2DiskSession?.token || options.runtimeSession;
+  if (!token || typeof fetch !== "function") return { stop() {} };
+  const dataDir = runtime.persistence?.dataDir || DEFAULT_OD_DATA_DIR;
+  const workspaceId = options.r2DiskSession?.workspaceId || options.workspaceId || "default";
+  const endpoint = diskFilesEndpoint(runtime, options);
+  const intervalMs = runtime.persistence?.flushPolicy?.intervalMs || 30000;
+  const seen = new Map();
+  let stopped = false;
+  let flushing = false;
+
+  async function upload(filePath, bytes) {
+    const url = new URL(endpoint, globalThis.location?.origin || "https://w3kits.com");
+    url.searchParams.set("workspaceId", workspaceId);
+    url.searchParams.set("path", filePath);
+    const response = await fetch(url.toString(), {
+      method: "PUT",
+      credentials: "same-origin",
+      headers: {
+        "content-type": "application/octet-stream",
+        "x-w3kits-runtime-session": token,
+      },
+      body: bytes,
+    });
+    if (!response.ok) throw new Error("w3kits_disk_autosave_upload_failed:" + response.status + ":" + filePath);
+  }
+
+  async function flush(reason = "interval") {
+    if (stopped || flushing) return;
+    flushing = true;
+    try {
+      const files = await listFiles(webcontainer, dataDir);
+      for (const filePath of files) {
+        if (!shouldPersistFile(runtime, dataDir, filePath)) continue;
+        let bytes;
+        try {
+          bytes = await webcontainer.fs.readFile(filePath);
+        } catch {
+          continue;
+        }
+        const signature = bytesSignature(bytes);
+        if (seen.get(filePath) === signature) continue;
+        await upload(filePath, bytes);
+        seen.set(filePath, signature);
+      }
+      options.onLog?.("[w3kits autosave] flushed " + files.length + " files (" + reason + ")");
+    } catch (error) {
+      options.onError?.(error);
+    } finally {
+      flushing = false;
+    }
+  }
+
+  const timer = globalThis.setInterval?.(() => void flush("interval"), intervalMs);
+  const lifecycleFlush = () => void flush("lifecycle");
+  globalThis.addEventListener?.("visibilitychange", lifecycleFlush);
+  globalThis.addEventListener?.("pagehide", lifecycleFlush);
+  void flush("startup");
+  return {
+    flush,
+    stop() {
+      stopped = true;
+      if (timer) globalThis.clearInterval?.(timer);
+      globalThis.removeEventListener?.("visibilitychange", lifecycleFlush);
+      globalThis.removeEventListener?.("pagehide", lifecycleFlush);
+    },
   };
 }
 
@@ -126,12 +235,6 @@ export async function bootW3KitsOpenDesignWebContainer(options = {}) {
   })).catch((error) => options.onError?.(error));
 
   const daemonUrl = await waitForServerReady(webcontainer, runtime.daemon.port || DEFAULT_DAEMON_PORT, options.startTimeoutMs || 30000);
-  await waitForHealth(daemonUrl, runtime.daemon.healthPath || "/api/health", options.healthTimeoutMs || 30000);
-  const serviceWorker = await registerDaemonProxy(
-    options.serviceWorkerUrl || packageAssetUrl(runtime.serviceWorker.url || DEFAULT_SERVICE_WORKER_URL, options),
-    options.serviceWorkerScope || runtime.serviceWorker.scope || DEFAULT_SERVICE_WORKER_SCOPE,
-    daemonUrl,
-  );
-
-  return { webcontainer, process, daemonUrl, serviceWorker, runtime };
+  const autosave = startWebContainerAutosave(webcontainer, runtime, options);
+  return { webcontainer, process, daemonUrl, runtime, autosave };
 }

package/dist/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="./_next/static/chunks/0~_k3q5_py.u5.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="./_next/static/chunks/0xfykg6_lmu3a.js"/><script src="./_next/static/chunks/0t2m~0~z4nk68.js" async=""></script><script src="./_next/static/chunks/0p.wvs8r3k6g7.js" async=""></script><script src="./_next/static/chunks/turbopack-0abv9cd._a~w-js" async=""></script><script src="./_next/static/chunks/0axqck9-llseo.js" async=""></script><script src="./_next/static/chunks/0xykzmwq7w9.b.js" async=""></script><script src="./_next/static/chunks/13.bzhieaq182.js" async=""></script><script src="./_next/static/chunks/0xl644~f.h0hd.js" async=""></script><meta name="theme-color" content="#F4EFE6"/><title>Open Design</title><link rel="icon" href="/app-icon.svg"/><link rel="mask-icon" href="/app-icon.svg" color="#363636"/><script>(function(){try{var c=JSON.parse(localStorage.getItem('open-design:config')||'{}');var t=c.theme;if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);var a=typeof c.accentColor==='string'&&/^#[0-9a-fA-F]{6}$/.test(c.accentColor.trim())?c.accentColor.trim().toLowerCase():'#c96442';var s=document.documentElement.style;s.setProperty('--accent',a);s.setProperty('--accent-strong','color-mix(in srgb, '+a+' 86%, var(--text-strong))');s.setProperty('--accent-soft','color-mix(in srgb, '+a+' 22%, var(--bg-panel))');s.setProperty('--accent-tint','color-mix(in srgb, '+a+' 12%, var(--bg-panel))');s.setProperty('--accent-hover','color-mix(in srgb, '+a+' 90%, var(--text-strong))');}catch(e){}})();</script><script src="./_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="od-loading-shell">Loading Open Design…</div><!--/$--><!--$--><!--/$--><script src="./_next/static/chunks/0xfykg6_lmu3a.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[55664,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"I18nProvider\"]\n3:I[91198,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"AnalyticsProvider\"]\n4:I[21686,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"default\"]\n5:I[97997,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"default\"]\n6:I[13903,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\",\"./_next/static/chunks/0xl644~f.h0hd.js\"],\"ClientApp\"]\n7:I[69918,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\nb:I[69918,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"ViewportBoundary\"]\nd:I[69918,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"MetadataBoundary\"]\nf:I[23091,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"default\",1]\n:HL[\"./_next/static/chunks/0~_k3q5_py.u5.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"slug\",\"\",\"oc\",null],{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"./_next/static/chunks/0~_k3q5_py.u5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"./_next/static/chunks/0axqck9-llseo.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"./_next/static/chunks/13.bzhieaq182.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var c=JSON.parse(localStorage.getItem('open-design:config')||'{}');var t=c.theme;if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);var a=typeof c.accentColor==='string'\u0026\u0026/^#[0-9a-fA-F]{6}$/.test(c.accentColor.trim())?c.accentColor.trim().toLowerCase():'#c96442';var s=document.documentElement.style;s.setProperty('--accent',a);s.setProperty('--accent-strong','color-mix(in srgb, '+a+' 86%, var(--text-strong))');s.setProperty('--accent-soft','color-mix(in srgb, '+a+' 22%, var(--bg-panel))');s.setProperty('--accent-tint','color-mix(in srgb, '+a+' 12%, var(--bg-panel))');s.setProperty('--accent-hover','color-mix(in srgb, '+a+' 90%, var(--text-strong))');}catch(e){}})();\"}}]}],[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L6\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"./_next/static/chunks/0xl644~f.h0hd.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,null]},null,false,\"$@a\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"./_next/static/chunks/0~_k3q5_py.u5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"TItmsQBNG3yhyc_YMc6Yv\"}\n"])</script><script>self.__next_f.push([1,"10:[]\na:\"$W10\"\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#F4EFE6\"}]]\n"])</script><script>self.__next_f.push([1,"11:I[70117,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"IconMark\"]\n9:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"Open Design\"}],[\"$\",\"link\",\"1\",{\"rel\":\"icon\",\"href\":\"/app-icon.svg\"}],[\"$\",\"link\",\"2\",{\"rel\":\"mask-icon\",\"href\":\"/app-icon.svg\",\"color\":\"#363636\"}],[\"$\",\"$L11\",\"3\",{}]]\n"])</script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="./_next/static/chunks/0~_k3q5_py.u5.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="./_next/static/chunks/0xfykg6_lmu3a.js"/><script src="./_next/static/chunks/0t2m~0~z4nk68.js" async=""></script><script src="./_next/static/chunks/0p.wvs8r3k6g7.js" async=""></script><script src="./_next/static/chunks/turbopack-0abv9cd._a~w-js" async=""></script><script src="./_next/static/chunks/0axqck9-llseo.js" async=""></script><script src="./_next/static/chunks/0xykzmwq7w9.b.js" async=""></script><script src="./_next/static/chunks/13.bzhieaq182.js" async=""></script><script src="./_next/static/chunks/0xl644~f.h0hd.js" async=""></script><meta name="theme-color" content="#F4EFE6"/><title>Open Design</title><link rel="icon" href="/app-icon.svg"/><link rel="mask-icon" href="/app-icon.svg" color="#363636"/><script>(function(){try{var c=JSON.parse(localStorage.getItem('open-design:config')||'{}');var t=c.theme;if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);var a=typeof c.accentColor==='string'&&/^#[0-9a-fA-F]{6}$/.test(c.accentColor.trim())?c.accentColor.trim().toLowerCase():'#c96442';var s=document.documentElement.style;s.setProperty('--accent',a);s.setProperty('--accent-strong','color-mix(in srgb, '+a+' 86%, var(--text-strong))');s.setProperty('--accent-soft','color-mix(in srgb, '+a+' 22%, var(--bg-panel))');s.setProperty('--accent-tint','color-mix(in srgb, '+a+' 12%, var(--bg-panel))');s.setProperty('--accent-hover','color-mix(in srgb, '+a+' 90%, var(--text-strong))');}catch(e){}})();</script><script src="./_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="od-loading-shell">Loading Open Design…</div><!--/$--><!--$--><!--/$--><script src="./_next/static/chunks/0xfykg6_lmu3a.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[55664,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"I18nProvider\"]\n3:I[91198,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"AnalyticsProvider\"]\n4:I[21686,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"default\"]\n5:I[97997,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"default\"]\n6:I[13903,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\",\"./_next/static/chunks/0xl644~f.h0hd.js\"],\"ClientApp\"]\n7:I[69918,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\nb:I[69918,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"ViewportBoundary\"]\nd:I[69918,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"MetadataBoundary\"]\nf:I[23091,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"default\",1]\n:HL[\"./_next/static/chunks/0~_k3q5_py.u5.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"slug\",\"\",\"oc\",null],{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"./_next/static/chunks/0~_k3q5_py.u5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"./_next/static/chunks/0axqck9-llseo.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"./_next/static/chunks/13.bzhieaq182.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var c=JSON.parse(localStorage.getItem('open-design:config')||'{}');var t=c.theme;if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);var a=typeof c.accentColor==='string'\u0026\u0026/^#[0-9a-fA-F]{6}$/.test(c.accentColor.trim())?c.accentColor.trim().toLowerCase():'#c96442';var s=document.documentElement.style;s.setProperty('--accent',a);s.setProperty('--accent-strong','color-mix(in srgb, '+a+' 86%, var(--text-strong))');s.setProperty('--accent-soft','color-mix(in srgb, '+a+' 22%, var(--bg-panel))');s.setProperty('--accent-tint','color-mix(in srgb, '+a+' 12%, var(--bg-panel))');s.setProperty('--accent-hover','color-mix(in srgb, '+a+' 90%, var(--text-strong))');}catch(e){}})();\"}}]}],[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L6\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"./_next/static/chunks/0xl644~f.h0hd.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,null]},null,false,\"$@a\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"./_next/static/chunks/0~_k3q5_py.u5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"Lkb3Xw5Zdb5Rcg2NW0BCJ\"}\n"])</script><script>self.__next_f.push([1,"10:[]\na:\"$W10\"\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#F4EFE6\"}]]\n"])</script><script>self.__next_f.push([1,"11:I[70117,[\"./_next/static/chunks/0axqck9-llseo.js\",\"./_next/static/chunks/0xykzmwq7w9.b.js\",\"./_next/static/chunks/13.bzhieaq182.js\"],\"IconMark\"]\n9:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"Open Design\"}],[\"$\",\"link\",\"1\",{\"rel\":\"icon\",\"href\":\"/app-icon.svg\"}],[\"$\",\"link\",\"2\",{\"rel\":\"mask-icon\",\"href\":\"/app-icon.svg\",\"color\":\"#363636\"}],[\"$\",\"$L11\",\"3\",{}]]\n"])</script></body></html>

package/dist/index.txt

@@ -10,7 +10,7 @@ b:I[69918,["./_next/static/chunks/0axqck9-llseo.js","./_next/static/chunks/0xykz
 d:I[69918,["./_next/static/chunks/0axqck9-llseo.js","./_next/static/chunks/0xykzmwq7w9.b.js","./_next/static/chunks/13.bzhieaq182.js"],"MetadataBoundary"]
 f:I[23091,["./_next/static/chunks/0axqck9-llseo.js","./_next/static/chunks/0xykzmwq7w9.b.js","./_next/static/chunks/13.bzhieaq182.js"],"default",1]
 :HL["./_next/static/chunks/0~_k3q5_py.u5.css","style"]
-0:{"P":null,"c":["",""],"q":"","i":false,"f":[[["",{"children":[["slug","","oc",null],{"children":["__PAGE__",{}]}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"./_next/static/chunks/0~_k3q5_py.u5.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"./_next/static/chunks/0axqck9-llseo.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"./_next/static/chunks/0xykzmwq7w9.b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"./_next/static/chunks/13.bzhieaq182.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":["$","script",null,{"dangerouslySetInnerHTML":{"__html":"(function(){try{var c=JSON.parse(localStorage.getItem('open-design:config')||'{}');var t=c.theme;if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);var a=typeof c.accentColor==='string'&&/^#[0-9a-fA-F]{6}$/.test(c.accentColor.trim())?c.accentColor.trim().toLowerCase():'#c96442';var s=document.documentElement.style;s.setProperty('--accent',a);s.setProperty('--accent-strong','color-mix(in srgb, '+a+' 86%, var(--text-strong))');s.setProperty('--accent-soft','color-mix(in srgb, '+a+' 22%, var(--bg-panel))');s.setProperty('--accent-tint','color-mix(in srgb, '+a+' 12%, var(--bg-panel))');s.setProperty('--accent-hover','color-mix(in srgb, '+a+' 90%, var(--text-strong))');}catch(e){}})();"}}]}],["$","body",null,{"suppressHydrationWarning":true,"children":["$","$L2",null,{"children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$L6",null,{}],[["$","script","script-0",{"src":"./_next/static/chunks/0xl644~f.h0hd.js","async":true,"nonce":"$undefined"}]],["$","$L7",null,{"children":["$","$8",null,{"name":"Next.MetadataOutlet","children":"$@9"}]}]]}],{},null,false,null]},null,false,"$@a"]},null,false,null],["$","$1","h",{"children":[null,["$","$Lb",null,{"children":"$Lc"}],["$","div",null,{"hidden":true,"children":["$","$Ld",null,{"children":["$","$8",null,{"name":"Next.Metadata","children":"$Le"}]}]}],null]}],false]],"m":"$undefined","G":["$f",[["$","link","0",{"rel":"stylesheet","href":"./_next/static/chunks/0~_k3q5_py.u5.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"TItmsQBNG3yhyc_YMc6Yv"}
+0:{"P":null,"c":["",""],"q":"","i":false,"f":[[["",{"children":[["slug","","oc",null],{"children":["__PAGE__",{}]}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"./_next/static/chunks/0~_k3q5_py.u5.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"./_next/static/chunks/0axqck9-llseo.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"./_next/static/chunks/0xykzmwq7w9.b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"./_next/static/chunks/13.bzhieaq182.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":["$","script",null,{"dangerouslySetInnerHTML":{"__html":"(function(){try{var c=JSON.parse(localStorage.getItem('open-design:config')||'{}');var t=c.theme;if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);var a=typeof c.accentColor==='string'&&/^#[0-9a-fA-F]{6}$/.test(c.accentColor.trim())?c.accentColor.trim().toLowerCase():'#c96442';var s=document.documentElement.style;s.setProperty('--accent',a);s.setProperty('--accent-strong','color-mix(in srgb, '+a+' 86%, var(--text-strong))');s.setProperty('--accent-soft','color-mix(in srgb, '+a+' 22%, var(--bg-panel))');s.setProperty('--accent-tint','color-mix(in srgb, '+a+' 12%, var(--bg-panel))');s.setProperty('--accent-hover','color-mix(in srgb, '+a+' 90%, var(--text-strong))');}catch(e){}})();"}}]}],["$","body",null,{"suppressHydrationWarning":true,"children":["$","$L2",null,{"children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$L6",null,{}],[["$","script","script-0",{"src":"./_next/static/chunks/0xl644~f.h0hd.js","async":true,"nonce":"$undefined"}]],["$","$L7",null,{"children":["$","$8",null,{"name":"Next.MetadataOutlet","children":"$@9"}]}]]}],{},null,false,null]},null,false,"$@a"]},null,false,null],["$","$1","h",{"children":[null,["$","$Lb",null,{"children":"$Lc"}],["$","div",null,{"hidden":true,"children":["$","$Ld",null,{"children":["$","$8",null,{"name":"Next.Metadata","children":"$Le"}]}]}],null]}],false]],"m":"$undefined","G":["$f",[["$","link","0",{"rel":"stylesheet","href":"./_next/static/chunks/0~_k3q5_py.u5.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"Lkb3Xw5Zdb5Rcg2NW0BCJ"}
 10:[]
 a:"$W10"
 c:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","2",{"name":"theme-color","content":"#F4EFE6"}]]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@w3kits-com/plugin-opendesign",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "private": false,
   "packageManager": "pnpm@10.33.2",
   "type": "module",