@glasshome/widget-sdk 1.1.0 → 1.1.1

package/dist/index.js

@@ -1340,7 +1340,7 @@ function mn(e) {
 function vn() {
   return document.documentElement.classList.contains("dark");
 }
-const Lt = "1.1.0", Ut = {
+const Lt = "1.1.1", Ut = {
   version: Lt
 }, wn = Ut.version;
 export {

package/dist/vite/index.js

@@ -1,26 +1,26 @@
-import { createHash as _ } from "node:crypto";
-import { existsSync as l, rmSync as R, mkdirSync as D, readdirSync as I, statSync as k, readFileSync as w, writeFileSync as p } from "node:fs";
+import { createHash as R } from "node:crypto";
+import { existsSync as l, rmSync as T, mkdirSync as D, readdirSync as I, statSync as P, readFileSync as g, writeFileSync as w } from "node:fs";
 import { createRequire as F } from "node:module";
-import { resolve as a, join as d, dirname as y, sep as x } from "node:path";
-import { fileURLToPath as T } from "node:url";
-import { widgetManifestSchema as U, formatSchemaError as C } from "@glasshome/widget-contract";
-import H from "@tailwindcss/vite";
+import { resolve as c, join as u, dirname as y, sep as x } from "node:path";
+import { fileURLToPath as H } from "node:url";
+import { widgetManifestSchema as U, formatSchemaError as A } from "@glasshome/widget-contract";
+import C from "@tailwindcss/vite";
 function L(e) {
   const t = JSON.stringify(e, Object.keys(e).sort());
-  return _("sha256").update(t).digest("hex").slice(0, 16);
+  return R("sha256").update(t).digest("hex").slice(0, 16);
 }
-const J = "virtual:glasshome-widget", P = "\0virtual:glasshome-widget", A = "/@glasshome/preview";
-function h(e) {
+const V = "virtual:glasshome-widget", E = "\0virtual:glasshome-widget", B = "/@glasshome/preview";
+function p(e) {
   return x === "\\" ? e.split(x).join("/") : e;
 }
 function S() {
-  const e = T(import.meta.url);
-  return a(y(e), "../../preview");
+  const e = H(import.meta.url);
+  return c(y(e), "../../preview");
 }
-function $(e) {
+function k(e) {
   return e === "solid-js" || e.startsWith("solid-js/") || e === "@glasshome/widget-sdk" || e.startsWith("@glasshome/widget-sdk/") || e === "@glasshome/ui" || e.startsWith("@glasshome/ui/");
 }
-function j() {
+function O() {
   return {
     name: "glasshome-widget:sync-layer-guard",
     apply: "build",
@@ -33,35 +33,57 @@ function j() {
     }
   };
 }
-const B = "node_modules/.cache/glasshome-widgets";
-function E(e) {
+const J = "node_modules/.cache/glasshome-widgets";
+function $(e) {
   try {
-    return F(d(process.cwd(), "package.json")).resolve(e);
+    return F(u(process.cwd(), "package.json")).resolve(e);
   } catch {
     return null;
   }
 }
-function O(e, t, n) {
-  const o = a(e, B);
-  D(o, { recursive: !0 });
-  const i = E("@glasshome/ui/styles");
-  if (!i)
+const G = [
+  "--radius",
+  "--background",
+  "--foreground",
+  "--card",
+  "--primary",
+  "--border",
+  "--muted",
+  "--accent"
+];
+function j(e, t) {
+  const i = u(e, `${t}.css`);
+  if (!l(i)) return;
+  const n = g(i, "utf-8");
+  for (const o of n.matchAll(/:host[^{]*\{([^}]*)\}/g)) {
+    const s = o[1] ?? "", r = G.find((a) => s.includes(`${a}:`));
+    if (r)
+      throw new Error(
+        `[glasshome-widget] "${t}.css" defines theme variable "${r}" on :host. Theme variables must inherit from the document so widgets follow the household theme — never re-scope them into the widget's shadow root.`
+      );
+  }
+}
+function N(e, t, i) {
+  const n = c(e, J);
+  D(n, { recursive: !0 });
+  const o = $("@glasshome/ui/styles");
+  if (!o)
     throw new Error(
       "[widget-sdk] @glasshome/ui is required to build widgets (it provides the theme every GlassHome widget ships with). Add it to your widget's dependencies."
     );
-  const s = a(y(i), "../.."), r = E("@glasshome/widget-sdk/tailwind-sources"), c = r ? y(r) : null, g = [
-    d(s, "src"),
-    d(s, "dist"),
-    ...c ? [d(c, "src"), d(c, "dist")] : [],
-    y(n)
-  ].filter((u) => l(u)), m = a(o, `${t}.tailwind.css`);
-  p(
+  const s = c(y(o), "../.."), r = $("@glasshome/widget-sdk/tailwind-sources"), a = r ? y(r) : null, h = [
+    u(s, "src"),
+    u(s, "dist"),
+    ...a ? [u(a, "src"), u(a, "dist")] : [],
+    y(i)
+  ].filter((d) => l(d)), m = c(n, `${t}.tailwind.css`);
+  w(
     m,
     [
       '@import "tailwindcss" source(none);',
       '@import "tw-animate-css";',
       '@import "@glasshome/ui/styles/theme";',
-      ...g.map((u) => `@source "${h(u)}";`),
+      ...h.map((d) => `@source "${p(d)}";`),
       "@custom-variant dark {",
       "  &:is(.dark *) { @slot }",
       "  :host(.dark) & { @slot }",
@@ -70,84 +92,84 @@ function O(e, t, n) {
     ].join(`
 `)
   );
-  const f = a(o, `${t}.entry.ts`);
-  return p(
+  const f = c(n, `${t}.entry.ts`);
+  return w(
     f,
     [
-      `import "${h(m)}";`,
-      `export { default } from "${h(n)}";`,
+      `import "${p(m)}";`,
+      `export { default } from "${p(i)}";`,
       ""
     ].join(`
 `)
   ), f;
 }
-function W() {
-  const e = H();
+function _() {
+  const e = C();
   for (const t of e)
     t.apply ??= "build";
   return e;
 }
-function G(e) {
+function q(e) {
   const t = [];
   if (!l(e)) return t;
-  for (const n of I(e)) {
-    const o = a(e, n);
-    if (!k(o).isDirectory()) continue;
-    const i = a(o, "index.tsx"), s = a(o, "manifest.json");
-    l(i) && l(s) && t.push({ name: n, entry: i });
+  for (const i of I(e)) {
+    const n = c(e, i);
+    if (!P(n).isDirectory()) continue;
+    const o = c(n, "index.tsx"), s = c(n, "manifest.json");
+    l(o) && l(s) && t.push({ name: i, entry: o });
   }
   return t;
 }
-function V(e, t) {
-  const n = [];
+function z(e, t) {
+  const i = [];
   if (l(e))
-    for (const i of I(e)) {
-      if (!k(d(e, i)).isDirectory()) continue;
-      const s = d(e, i, "manifest.json");
+    for (const o of I(e)) {
+      if (!P(u(e, o)).isDirectory()) continue;
+      const s = u(e, o, "manifest.json");
       if (!l(s)) continue;
       const r = U.safeParse(
-        JSON.parse(w(s, "utf-8"))
+        JSON.parse(g(s, "utf-8"))
       );
       if (!r.success)
         throw new Error(
-          `[registry] Invalid manifest for "${i}": ${C(r.error)}`
+          `[registry] Invalid manifest for "${o}": ${A(r.error)}`
         );
-      const c = l(d(t, `${i}.css`));
-      n.push({
+      const a = l(u(t, `${o}.css`));
+      i.push({
         ...r.data,
-        bundleUrl: `./${i}.js`,
-        ...c ? { cssUrl: `./${i}.css` } : {}
+        bundleUrl: `./${o}.js`,
+        ...a ? { cssUrl: `./${o}.css` } : {}
       });
     }
-  const o = {
+  const n = {
     version: 1,
     generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     baseUrl: "./",
-    widgets: n
+    widgets: i
   };
-  l(t) || D(t, { recursive: !0 }), p(d(t, "registry.json"), JSON.stringify(o, null, 2)), console.log(`[registry] Generated registry.json with ${n.length} widget(s)`);
+  l(t) || D(t, { recursive: !0 }), w(u(t, "registry.json"), JSON.stringify(n, null, 2)), console.log(`[registry] Generated registry.json with ${i.length} widget(s)`);
 }
-async function q(e) {
-  const { build: t } = await import("vite"), n = process.cwd(), o = a(n, e?.srcDir ?? "src"), i = a(n, e?.outDir ?? "dist");
-  let s = G(o);
+async function M(e) {
+  const { build: t } = await import("vite"), i = process.cwd(), n = c(i, e?.srcDir ?? "src"), o = c(i, e?.outDir ?? "dist");
+  let s = q(n);
   if (s.length === 0) {
-    console.warn("[glasshome-widgets] No widgets found in", o);
+    console.warn("[glasshome-widgets] No widgets found in", n);
     return;
   }
   if (e?.only) {
     const r = new Set(e.only);
-    s = s.filter((c) => r.has(c.name));
+    s = s.filter((a) => r.has(a.name));
   }
-  e?.only || l(i) && R(i, { recursive: !0 }), l(i) || D(i, { recursive: !0 });
+  e?.only || l(o) && T(o, { recursive: !0 }), l(o) || D(o, { recursive: !0 });
   for (const r of s)
     await t({
       configFile: !1,
-      root: n,
-      plugins: [...W(), ...e?.plugins ?? [], j()],
+      root: i,
+      plugins: [..._(), ...e?.plugins ?? [], O()],
       ...e?.viteConfig,
       build: {
         lib: {
-          entry: O(n, r.name, r.entry),
+          entry: N(i, r.name, r.entry),
           formats: ["es"],
           fileName: r.name,
           // Widget CSS ships as a separate asset (adopted by the host's
@@ -155,19 +177,19 @@ async function q(e) {
           cssFileName: r.name
         },
         rollupOptions: {
-          external: $
+          external: k
         },
-        outDir: i,
+        outDir: o,
         emptyOutDir: !1,
         copyPublicDir: !1,
         ...e?.viteConfig?.build
       },
       logLevel: "warn"
-    });
-  V(o, i);
+    }), j(o, r.name);
+  z(n, o);
 }
-function ee(e) {
-  const t = e?.entry ?? "src/index.tsx", n = {
+function te(e) {
+  const t = e?.entry ?? "src/index.tsx", i = {
     name: "glasshome-widget:build",
     apply: "build",
     config() {
@@ -175,100 +197,101 @@ function ee(e) {
       return {
         build: {
           lib: {
-            entry: O(s, "index", a(s, t)),
+            entry: N(s, "index", c(s, t)),
             formats: ["es"],
             fileName: "index",
             cssFileName: "index"
           },
           rollupOptions: {
-            external: $
+            external: k
           }
         }
       };
     }
-  }, o = {
+  }, n = {
     name: "glasshome-widget:dev",
     apply: "serve",
     enforce: "pre",
     config() {
-      const s = S(), r = process.cwd(), c = a(r, "..", "..");
+      const s = S(), r = process.cwd(), a = c(r, "..", "..");
       return {
         server: {
           fs: {
-            allow: [s, r, c]
+            allow: [s, r, a]
           }
         }
       };
     },
     configureServer(s) {
-      const r = S(), c = d(r, "preview.html");
-      s.middlewares.use(async (g, m, f) => {
-        if (g.url === "/" || g.url === "/index.html")
+      const r = S(), a = u(r, "preview.html");
+      s.middlewares.use(async (h, m, f) => {
+        if (h.url === "/" || h.url === "/index.html")
           try {
-            let u = w(c, "utf-8");
-            u = await s.transformIndexHtml(g.url, u), m.setHeader("Content-Type", "text/html"), m.statusCode = 200, m.end(u);
-          } catch (u) {
-            f(u);
+            let d = g(a, "utf-8");
+            d = await s.transformIndexHtml(h.url, d), m.setHeader("Content-Type", "text/html"), m.statusCode = 200, m.end(d);
+          } catch (d) {
+            f(d);
           }
         else
           f();
       });
     },
     resolveId(s) {
-      if (s === A) {
+      if (s === B) {
         const r = S();
-        return h(d(r, "host.tsx"));
+        return p(u(r, "host.tsx"));
       }
-      if (s === J)
-        return P;
+      if (s === V)
+        return E;
     },
     load(s) {
-      if (s === P)
-        return `export { default } from "${h(a(process.cwd(), t))}";`;
+      if (s === E)
+        return `export { default } from "${p(c(process.cwd(), t))}";`;
     }
-  }, i = {
+  }, o = {
     name: "glasshome-widget:schema",
     apply: "build",
     async closeBundle() {
-      const s = a(process.cwd(), "dist", "index.js");
+      j(c(process.cwd(), "dist"), "index");
+      const s = c(process.cwd(), "dist", "index.js");
       if (l(s))
         try {
-          const c = (await import(`${s}?t=${Date.now()}`)).default;
-          if (!c?.configSchema) return;
-          const { z: g } = await import("zod"), m = g.toJSONSchema(c.configSchema, { unrepresentable: "any" }), f = a(process.cwd(), "manifest.json");
+          const a = (await import(`${s}?t=${Date.now()}`)).default;
+          if (!a?.configSchema) return;
+          const { z: h } = await import("zod"), m = h.toJSONSchema(a.configSchema, { unrepresentable: "any" }), f = c(process.cwd(), "manifest.json");
           if (l(f)) {
-            const b = JSON.parse(w(f, "utf-8"));
-            b.schema = m, p(f, JSON.stringify(b, null, 2));
+            const b = JSON.parse(g(f, "utf-8"));
+            b.schema = m, w(f, JSON.stringify(b, null, 2));
           }
-          const u = L(m), v = a(process.cwd(), ".schema-hash");
-          if (l(v) && w(v, "utf-8").trim() !== u) {
-            const N = c.manifest?.name ?? "unknown";
+          const d = L(m), v = c(process.cwd(), ".schema-hash");
+          if (l(v) && g(v, "utf-8").trim() !== d) {
+            const W = a.manifest?.name ?? "unknown";
             console.warn(
-              `[widget-sdk] Schema shape changed for "${N}" — verify configVersion was bumped`
+              `[widget-sdk] Schema shape changed for "${W}" — verify configVersion was bumped`
             );
           }
-          p(v, u);
+          w(v, d);
         } catch {
         }
     }
   };
-  return [...W(), n, j(), i, o];
+  return [..._(), i, O(), o, n];
 }
-function se(e) {
-  const t = e?.srcDir ?? "src", n = e?.outDir ?? "dist";
-  let o = [];
+function re(e) {
+  const t = e?.srcDir ?? "src", i = e?.outDir ?? "dist";
+  let n = [];
   return [{
     name: "glasshome-widgets:build",
     apply: "build",
     config(s) {
-      return o = (s.plugins ?? []).flat().filter(Boolean).filter(
+      return n = (s.plugins ?? []).flat().filter(Boolean).filter(
         (r) => !r.name?.startsWith("glasshome-widgets:")
       ), {
         build: {
           rollupOptions: {
             input: { __glasshome_noop: "\0glasshome-noop" }
           },
-          outDir: n,
+          outDir: i,
           copyPublicDir: !1
         }
       };
@@ -280,19 +303,19 @@ function se(e) {
       if (s === "\0glasshome-noop") return "export {}";
     },
     async closeBundle() {
-      await q({
+      await M({
         srcDir: t,
-        outDir: n,
-        plugins: o
+        outDir: i,
+        plugins: n
       });
     }
   }];
 }
 export {
-  q as buildWidgets,
-  G as discoverWidgets,
-  V as generateRegistry,
-  ee as glasshomeWidget,
-  se as glasshomeWidgets,
-  $ as isWidgetExternal
+  M as buildWidgets,
+  q as discoverWidgets,
+  z as generateRegistry,
+  te as glasshomeWidget,
+  re as glasshomeWidgets,
+  k as isWidgetExternal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glasshome/widget-sdk",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "SDK for building GlassHome dashboard widgets with SolidJS",
   "keywords": [
     "glasshome",