@glasshome/widget-sdk 1.11.0 → 1.11.2

package/dist/framework/theming/tone.d.ts

@@ -1,10 +1,10 @@
 import { z } from "zod";
 export declare const ToneSchema: z.ZodEnum<{
-    success: "success";
-    warning: "warning";
+    accent: "accent";
     danger: "danger";
     info: "info";
     neutral: "neutral";
-    accent: "accent";
+    success: "success";
+    warning: "warning";
 }>;
 export type Tone = z.infer<typeof ToneSchema>;

package/dist/index.js

@@ -1451,7 +1451,7 @@ function Un() {
 //#region src/version.ts
 var Wn = {
 	name: "@glasshome/widget-sdk",
-	version: "1.11.0",
+	version: "1.11.2",
 	description: "SDK for building GlassHome dashboard widgets with SolidJS",
 	keywords: [
 		"glasshome",
@@ -1511,7 +1511,7 @@ var Wn = {
 	},
 	peerDependencies: {
 		"@glasshome/sync-layer": "0.7.2",
-		"@glasshome/ui": "1.3.0",
+		"@glasshome/ui": "1.4.0",
 		"solid-js": "^1.9.11"
 	},
 	dependencies: {
@@ -1520,16 +1520,17 @@ var Wn = {
 		"@tailwindcss/vite": "^4.1.13",
 		clsx: "^2.1.1",
 		"happy-dom": "^20.0.0",
+		lightningcss: "^1.33.0",
 		"tailwind-merge": "^3.5.0",
 		tailwindcss: "^4.1.13",
 		zod: "^4.1.13"
 	},
 	devDependencies: {
-		"@glasshome/ui": "1.3.0",
+		"@glasshome/ui": "1.4.0",
 		"@solidjs/testing-library": "^0.8.10",
 		"@types/bun": "latest",
 		"@types/node": "^25.2.2",
-		typescript: "^5",
+		typescript: "^7.0.2",
 		vite: "^8.1.0",
 		"vite-plugin-solid": "^2.11.12",
 		vitest: "^4.1.10"

package/dist/vite/index.js

@@ -6,27 +6,27 @@ import { createRequire as p } from "node:module";
 import { dirname as m, join as h, relative as g, resolve as _, sep as v } from "node:path";
 import { fileURLToPath as y } from "node:url";
 import ee from "@tailwindcss/vite";
-import { spawn as b, spawnSync as x } from "node:child_process";
+import { spawn as te, spawnSync as b } from "node:child_process";
 //#region src/vite/introspect-session.ts
-var te = 262144e3, S = 3e4, C = 3e3;
-function w(e) {
+var ne = 262144e3, x = 3e4, S = 3e3;
+function C(e) {
 	let t = m(y(import.meta.url));
 	return [h(t, `${e}.js`), h(t, `${e}.ts`)].find((e) => o(e)) ?? null;
 }
-function T(e) {
-	let t = w("introspect");
+function w(e) {
+	let t = C("introspect");
 	if (!t) return {
 		ok: !1,
 		reason: "introspect not found next to the sdk"
 	};
-	let n = x(process.execPath, [
+	let n = b(process.execPath, [
 		"--conditions",
 		"browser",
 		t,
 		e
 	], {
 		encoding: "utf-8",
-		timeout: S
+		timeout: x
 	});
 	if (n.error) return {
 		ok: !1,
@@ -48,16 +48,16 @@ function T(e) {
 		};
 	}
 }
-function ne() {
+function re() {
 	return {
-		introspect: async (e) => T(e),
+		introspect: async (e) => w(e),
 		dispose: async () => {},
 		childPid: null
 	};
 }
-function re(e) {
-	if (process.env.GLASSHOME_WIDGET_NO_WORKER === "1") return ne();
-	let t = e?.rssLimitBytes ?? te, n = e?.timeoutMs ?? S, r = e?.slowMs ?? C, i = null, a = null, o = !1, s = !1, c = 0, l = Promise.resolve(), u = /* @__PURE__ */ new Map();
+function ie(e) {
+	if (process.env.GLASSHOME_WIDGET_NO_WORKER === "1") return re();
+	let t = e?.rssLimitBytes ?? ne, n = e?.timeoutMs ?? x, r = e?.slowMs ?? S, i = null, a = null, o = !1, s = !1, c = 0, l = Promise.resolve(), u = /* @__PURE__ */ new Map();
 	function d(e) {
 		for (let t of u.values()) t({
 			ok: !1,
@@ -89,9 +89,9 @@ function re(e) {
 	function m() {
 		if (i && a && !o) return a;
 		(o || i) && f("worker was replaced");
-		let e = w("introspect-worker");
+		let e = C("introspect-worker");
 		if (!e) return Promise.reject(/* @__PURE__ */ Error("introspect-worker not found next to the sdk"));
-		let t = Date.now(), n = b(process.execPath, [
+		let t = Date.now(), n = te(process.execPath, [
 			"--conditions",
 			"browser",
 			e
@@ -182,12 +182,12 @@ function re(e) {
 }
 //#endregion
 //#region src/vite/index.ts
-function E(e) {
+function T(e) {
 	let t = JSON.stringify(e, Object.keys(e).sort());
 	return a("sha256").update(t).digest("hex").slice(0, 16);
 }
-var D = 20;
-async function O(e, t) {
+var E = 20;
+async function D(e, t) {
 	if (e === void 0) return;
 	let n;
 	try {
@@ -207,7 +207,7 @@ async function O(e, t) {
 	let a = i.error.issues.map((e) => `  examples${e.path.length ? `[${e.path.join("][")}]` : ""}: ${e.message}`).join("\n");
 	throw Error(`[widget-sdk] Invalid \`examples\` for "${t}":\n${a}\nEach example needs a \`config\` object and a \`size\` of whole positive tiles, and at most 20 are rendered.`);
 }
-function k(e, t) {
+function O(e, t) {
 	if (!e?.length) return;
 	let n = e.map((e) => {
 		let t = e.label ? `"${e.label}"` : `#${e.index}`;
@@ -215,7 +215,7 @@ function k(e, t) {
 	}).join("\n");
 	throw Error(`[widget-sdk] Example config rejected by "${t}"'s own configSchema:\n${n}\nEach example's \`config\` must be a config the widget would actually accept, or its preview renders empty.`);
 }
-var A = [
+var k = [
 	"schema",
 	"defaultConfig",
 	"examples",
@@ -228,26 +228,26 @@ var A = [
 	"minSize",
 	"maxSize"
 ];
-function j(e, t, n) {
+function A(e, t, n) {
 	let r = c(e, "utf-8"), i = JSON.parse(r), a = {
 		...t.manifest ?? {},
 		schema: n
 	};
-	for (let e of A) a[e] !== void 0 && (i[e] = a[e]);
+	for (let e of k) a[e] !== void 0 && (i[e] = a[e]);
 	let o = `${JSON.stringify(i, null, 2)}\n`;
 	o !== r && f(e, o);
 }
-async function M(e) {
+async function j(e) {
 	if (!o(e.outFile)) return;
-	let t = e.session ? await e.session.introspect(e.outFile) : T(e.outFile);
+	let t = e.session ? await e.session.introspect(e.outFile) : w(e.outFile);
 	if (!t.ok) throw Error(`[widget-sdk] Could not read "${e.widgetName}" to check it: ${t.reason}\n  Its examples and config schema could not be validated, so the build cannot continue.
   This usually means the bundle throws while being imported.`);
 	let n = t.value, r = n.manifest?.name ?? e.widgetName;
-	await O(n.manifest?.examples, r), k(n.exampleConfigIssues, r);
+	await D(n.manifest?.examples, r), O(n.exampleConfigIssues, r);
 	let i = n.jsonSchema;
 	if (!i) return;
-	e.manifestPath && o(e.manifestPath) && j(e.manifestPath, n, i);
-	let a = E(i), s = n.manifest?.configVersion ?? null, l = n.manifest?.name ?? e.widgetName;
+	e.manifestPath && o(e.manifestPath) && A(e.manifestPath, n, i);
+	let a = T(i), s = n.manifest?.configVersion ?? null, l = n.manifest?.name ?? e.widgetName;
 	if (o(e.hashFile)) {
 		let t = c(e.hashFile, "utf-8").trim(), n = null;
 		if (t.startsWith("{")) try {
@@ -264,44 +264,44 @@ async function M(e) {
 		configVersion: s
 	})}\n`);
 }
-var ie = "virtual:glasshome-widget", N = "\0virtual:glasshome-widget", P = "/@glasshome/preview";
-function F(e) {
+var ae = "virtual:glasshome-widget", M = "\0virtual:glasshome-widget", N = "/@glasshome/preview";
+function P(e) {
 	return v === "\\" ? e.split(v).join("/") : e;
 }
-function I() {
+function F() {
 	let e = y(import.meta.url);
 	return _(m(e), "../../preview");
 }
-function L(e) {
+function I(e) {
 	return r(e);
 }
-var R = /\.(ts|tsx|js|jsx)$/, z = /from\s+["']@glasshome\/sync-layer(\/[^"']*)?["']/;
-function B(e, t) {
-	let n = F(e).split("?")[0] ?? "";
-	return n.includes("/node_modules/") || !R.test(n) ? !1 : z.test(t);
+var L = /\.(ts|tsx|js|jsx)$/, R = /from\s+["']@glasshome\/sync-layer(\/[^"']*)?["']/;
+function z(e, t) {
+	let n = P(e).split("?")[0] ?? "";
+	return n.includes("/node_modules/") || !L.test(n) ? !1 : R.test(t);
 }
-function V() {
+function B() {
 	return {
 		name: "glasshome-widget:sync-layer-guard",
 		apply: "build",
 		enforce: "pre",
 		transform(e, t) {
-			if (B(t, e)) throw Error(`Widgets must not import "@glasshome/sync-layer" directly (imported by ${F(g(process.cwd(), t.split("?")[0] ?? t))}). Import the equivalent hook from "@glasshome/widget-sdk" instead (e.g. useEntity, useEntities, useService).`);
+			if (z(t, e)) throw Error(`Widgets must not import "@glasshome/sync-layer" directly (imported by ${P(g(process.cwd(), t.split("?")[0] ?? t))}). Import the equivalent hook from "@glasshome/widget-sdk" instead (e.g. useEntity, useEntities, useService).`);
 			return null;
 		}
 	};
 }
-function H(t, n) {
-	let r = F(t).split("?")[0] ?? "";
-	if (r.includes("/node_modules/") || !R.test(r)) return !1;
+function V(t, n) {
+	let r = P(t).split("?")[0] ?? "";
+	if (r.includes("/node_modules/") || !L.test(r)) return !1;
 	let i = e.find((e) => e.id === "direct-ui-import");
 	return i?.sourcePattern ? new RegExp(i.sourcePattern).test(n) : !1;
 }
-function U(e = /* @__PURE__ */ new Set()) {
+function H(e = /* @__PURE__ */ new Set()) {
 	let t = /* @__PURE__ */ new Set();
 	return {
 		scan(e, n) {
-			H(e, n) && t.add(F(g(process.cwd(), e.split("?")[0] ?? e)));
+			V(e, n) && t.add(P(g(process.cwd(), e.split("?")[0] ?? e)));
 		},
 		take() {
 			let n = [...t].filter((t) => !e.has(t));
@@ -310,8 +310,8 @@ function U(e = /* @__PURE__ */ new Set()) {
 		}
 	};
 }
-function W(n) {
-	let r = U(n);
+function U(n) {
+	let r = H(n);
 	return {
 		name: "glasshome-widget:ui-import-guard",
 		apply: "build",
@@ -327,15 +327,15 @@ function W(n) {
 		}
 	};
 }
-var G = "node_modules/.cache/glasshome-widgets";
-function K(e) {
+var W = "node_modules/.cache/glasshome-widgets";
+function G(e) {
 	try {
 		return p(h(process.cwd(), "package.json")).resolve(e);
 	} catch {
 		return null;
 	}
 }
-var q = [
+var K = [
 	"--radius",
 	"--background",
 	"--foreground",
@@ -345,21 +345,21 @@ var q = [
 	"--muted",
 	"--accent"
 ];
-function J(e, t) {
+function q(e, t) {
 	let n = h(e, `${t}.css`);
 	if (!o(n)) return;
 	let r = c(n, "utf-8");
 	for (let e of r.matchAll(/:host[^{]*\{([^}]*)\}/g)) {
-		let n = e[1] ?? "", r = q.find((e) => n.includes(`${e}:`));
+		let n = e[1] ?? "", r = K.find((e) => n.includes(`${e}:`));
 		if (r) throw 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 Y(e, t, n) {
-	let r = _(e, G);
+function J(e, t, n) {
+	let r = _(e, W);
 	s(r, { recursive: !0 });
-	let i = K("@glasshome/ui/styles");
+	let i = G("@glasshome/ui/styles");
 	if (!i) throw 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.");
-	let a = _(m(i), "../.."), c = K("@glasshome/widget-sdk/tailwind-sources"), l = c ? m(c) : null, u = [
+	let a = _(m(i), "../.."), c = G("@glasshome/widget-sdk/tailwind-sources"), l = c ? m(c) : null, u = [
 		h(a, "src"),
 		h(a, "dist"),
 		...l ? [h(l, "src"), h(l, "dist")] : [],
@@ -369,7 +369,7 @@ function Y(e, t, n) {
 		"@import \"tailwindcss\" source(none);",
 		"@import \"tw-animate-css\";",
 		"@import \"@glasshome/ui/styles/theme\";",
-		...u.map((e) => `@source "${F(e)}";`),
+		...u.map((e) => `@source "${P(e)}";`),
 		"@custom-variant dark {",
 		"  &:is(.dark *) { @slot }",
 		"  :host(.dark) & { @slot }",
@@ -378,11 +378,15 @@ function Y(e, t, n) {
 	].join("\n"));
 	let p = _(r, `${t}.entry.ts`);
 	return f(p, [
-		`import "${F(d)}";`,
-		`export { default } from "${F(n)}";`,
+		`import "${P(d)}";`,
+		`export { default } from "${P(n)}";`,
 		""
 	].join("\n")), p;
 }
+function Y() {
+	let { Features: e } = p(import.meta.url)("lightningcss");
+	return { lightningcss: { include: e.HexAlphaColors } };
+}
 function X() {
 	let e = ee();
 	for (let t of e) t.apply ??= "build";
@@ -443,25 +447,29 @@ async function $(e) {
 		plugins: [
 			...X(),
 			...e?.plugins ?? [],
-			V(),
-			W(c)
+			B(),
+			U(c)
 		],
 		...e?.viteConfig,
+		css: {
+			...e?.viteConfig?.css,
+			...Y()
+		},
 		build: {
 			lib: {
-				entry: Y(n, r.name, r.entry),
+				entry: J(n, r.name, r.entry),
 				formats: ["es"],
 				fileName: r.name,
 				cssFileName: r.name
 			},
-			rollupOptions: { external: L },
+			rollupOptions: { external: I },
 			outDir: i,
 			emptyOutDir: !1,
 			copyPublicDir: !1,
 			...e?.viteConfig?.build
 		},
 		logLevel: "warn"
-	}), J(i, r.name), await M({
+	}), q(i, r.name), await j({
 		outFile: h(i, `${r.name}.js`),
 		hashFile: h(m(r.entry), ".schema-hash"),
 		widgetName: r.name,
@@ -470,28 +478,31 @@ async function $(e) {
 	});
 	Q(r, i);
 }
-function ae(e) {
+function oe(e) {
 	let t = e?.entry ?? "src/index.tsx", n = {
 		name: "glasshome-widget:build",
 		apply: "build",
 		config() {
 			let e = process.cwd();
-			return { build: {
-				lib: {
-					entry: Y(e, "index", _(e, t)),
-					formats: ["es"],
-					fileName: "index",
-					cssFileName: "index"
-				},
-				rollupOptions: { external: L }
-			} };
+			return {
+				css: Y(),
+				build: {
+					lib: {
+						entry: J(e, "index", _(e, t)),
+						formats: ["es"],
+						fileName: "index",
+						cssFileName: "index"
+					},
+					rollupOptions: { external: I }
+				}
+			};
 		}
 	}, r = {
 		name: "glasshome-widget:dev",
 		apply: "serve",
 		enforce: "pre",
 		config() {
-			let e = I(), t = process.cwd();
+			let e = F(), t = process.cwd();
 			return { server: { fs: { allow: [
 				e,
 				t,
@@ -499,7 +510,7 @@ function ae(e) {
 			] } } };
 		},
 		configureServer(e) {
-			let t = I(), n = h(t, "preview.html");
+			let t = F(), n = h(t, "preview.html");
 			e.middlewares.use(async (t, r, i) => {
 				if (t.url === "/" || t.url === "/index.html") try {
 					let i = c(n, "utf-8");
@@ -511,20 +522,20 @@ function ae(e) {
 			});
 		},
 		resolveId(e) {
-			if (e === P) {
-				let e = I();
-				return F(h(e, "host.tsx"));
+			if (e === N) {
+				let e = F();
+				return P(h(e, "host.tsx"));
 			}
-			if (e === ie) return N;
+			if (e === ae) return M;
 		},
 		load(e) {
-			if (e === N) return `export { default } from "${F(_(process.cwd(), t))}";`;
+			if (e === M) return `export { default } from "${P(_(process.cwd(), t))}";`;
 		}
 	}, i = {
 		name: "glasshome-widget:schema",
 		apply: "build",
 		async closeBundle() {
-			J(_(process.cwd(), "dist"), "index"), await M({
+			q(_(process.cwd(), "dist"), "index"), await j({
 				outFile: _(process.cwd(), "dist", "index.js"),
 				hashFile: _(process.cwd(), ".schema-hash"),
 				widgetName: "index",
@@ -535,13 +546,13 @@ function ae(e) {
 	return [
 		...X(),
 		n,
-		V(),
-		W(),
+		B(),
+		U(),
 		i,
 		r
 	];
 }
-function oe(e) {
+function se(e) {
 	let t = e?.srcDir ?? "src", n = e?.outDir ?? "dist", r = [];
 	return [{
 		name: "glasshome-widgets:build",
@@ -569,4 +580,4 @@ function oe(e) {
 	}];
 }
 //#endregion
-export { D as MAX_EXAMPLES, $ as buildWidgets, re as createIntrospectSession, U as createUiImportTracker, Z as discoverWidgets, Q as generateRegistry, ae as glasshomeWidget, oe as glasshomeWidgets, T as introspectOnce, B as isDirectSyncLayerImportSource, H as isDirectUiImportSource, L as isWidgetExternal, M as runSchemaGuard };
+export { E as MAX_EXAMPLES, $ as buildWidgets, ie as createIntrospectSession, H as createUiImportTracker, Z as discoverWidgets, Q as generateRegistry, oe as glasshomeWidget, se as glasshomeWidgets, w as introspectOnce, z as isDirectSyncLayerImportSource, V as isDirectUiImportSource, I as isWidgetExternal, j as runSchemaGuard };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glasshome/widget-sdk",
-  "version": "1.11.0",
+  "version": "1.11.2",
   "description": "SDK for building GlassHome dashboard widgets with SolidJS",
   "keywords": [
     "glasshome",
@@ -60,7 +60,7 @@
   },
   "peerDependencies": {
     "@glasshome/sync-layer": "0.7.2",
-    "@glasshome/ui": "1.3.0",
+    "@glasshome/ui": "1.4.0",
     "solid-js": "^1.9.11"
   },
   "dependencies": {
@@ -69,16 +69,17 @@
     "@tailwindcss/vite": "^4.1.13",
     "clsx": "^2.1.1",
     "happy-dom": "^20.0.0",
+    "lightningcss": "^1.33.0",
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "^4.1.13",
     "zod": "^4.1.13"
   },
   "devDependencies": {
-    "@glasshome/ui": "1.3.0",
+    "@glasshome/ui": "1.4.0",
     "@solidjs/testing-library": "^0.8.10",
     "@types/bun": "latest",
     "@types/node": "^25.2.2",
-    "typescript": "^5",
+    "typescript": "^7.0.2",
     "vite": "^8.1.0",
     "vite-plugin-solid": "^2.11.12",
     "vitest": "^4.1.10"