@glasshome/widget-sdk 1.17.1 → 1.18.1

package/package.json

@@ -1,16 +1,31 @@
 {
   "name": "@glasshome/widget-sdk",
-  "version": "1.17.1",
+  "version": "1.18.1",
   "description": "SDK for building GlassHome dashboard widgets with SolidJS",
   "keywords": [
+    "dashboard",
     "glasshome",
-    "widget",
+    "home-assistant",
     "sdk",
+    "smart-home",
     "solidjs",
     "vite",
-    "home-assistant",
-    "dashboard",
-    "smart-home"
+    "widget"
+  ],
+  "homepage": "https://github.com/glasshome/widget-sdk#readme",
+  "bugs": {
+    "url": "https://github.com/glasshome/widget-sdk/issues"
+  },
+  "license": "MIT",
+  "author": "GlassHome Labs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/glasshome/widget-sdk.git"
+  },
+  "files": [
+    "dist",
+    "preview",
+    "tailwind-sources.css"
   ],
   "type": "module",
   "sideEffects": false,
@@ -45,27 +60,21 @@
     "./tailwind-sources": "./tailwind-sources.css",
     "./package.json": "./package.json"
   },
-  "files": [
-    "dist",
-    "preview",
-    "tailwind-sources.css"
-  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "vite build && tsc && bun scripts/check-host-singleton.ts",
     "dev": "vite build --watch",
     "test": "bun test src && vitest run",
     "test:dom": "vitest run",
     "test:dom:watch": "vitest",
-    "typecheck:test": "tsc --noEmit -p tsconfig.test.json"
-  },
-  "peerDependencies": {
-    "@glasshome/sync-layer": "0.9.0",
-    "@glasshome/ui": "1.20.0",
-    "solid-js": "^1.9.11"
+    "typecheck:test": "tsc --noEmit -p tsconfig.test.json",
+    "check:dead": "fallow dead-code --fail-on-issues",
+    "lint": "oxlint --type-aware . && oxfmt --check ."
   },
   "dependencies": {
     "@glasshome/widget-contract": "0.3.0",
-    "@modular-forms/solid": "^0.25.1",
     "@tailwindcss/vite": "^4.1.13",
     "clsx": "^2.1.1",
     "happy-dom": "^20.0.0",
@@ -75,27 +84,23 @@
     "zod": "^4.1.13"
   },
   "devDependencies": {
-    "@glasshome/ui": "1.20.0",
+    "@glasshome/ui": "1.21.1",
     "@solidjs/testing-library": "^0.8.10",
     "@types/bun": "^1.4.0",
     "@types/node": "^25.2.2",
+    "fallow": "3.17.0",
+    "oxfmt": "0.65.0",
+    "oxlint": "1.81.0",
+    "oxlint-tsgolint": "7.0.2001",
     "typescript": "^7.0.2",
     "vite": "^8.1.0",
     "vite-plugin-solid": "^2.11.12",
     "vitest": "^4.1.10"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/glasshome/widget-sdk.git"
-  },
-  "homepage": "https://github.com/glasshome/widget-sdk#readme",
-  "bugs": {
-    "url": "https://github.com/glasshome/widget-sdk/issues"
-  },
-  "author": "GlassHome Labs",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
+  "peerDependencies": {
+    "@glasshome/sync-layer": "0.9.1",
+    "@glasshome/ui": "1.21.1",
+    "solid-js": "^1.9.11"
   },
   "engines": {
     "node": ">=18"

package/preview/host.tsx

@@ -4,7 +4,7 @@ import { render } from "solid-js/web";
 
 function PreviewHost() {
   const [isDark, setIsDark] = createSignal(false);
-  const [config, setConfig] = createSignal(widget.manifest.defaultConfig || {});
+  const [config] = createSignal(widget.manifest.defaultConfig || {});
 
   const toggleDark = () => {
     const next = !isDark();
@@ -86,4 +86,6 @@ function PreviewHost() {
   );
 }
 
-render(() => <PreviewHost />, document.getElementById("root")!);
+const root = document.getElementById("root");
+if (!root) throw new Error("preview: #root is missing");
+render(() => <PreviewHost />, root);

package/preview/preview.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -34,11 +34,16 @@
       }
 
       body {
-        font-family: system-ui, -apple-system, sans-serif;
+        font-family:
+          system-ui,
+          -apple-system,
+          sans-serif;
         background: var(--color-background);
         color: var(--color-foreground);
         min-height: 100vh;
-        transition: background 0.2s, color 0.2s;
+        transition:
+          background 0.2s,
+          color 0.2s;
       }
     </style>
   </head>

package/dist/framework/variants/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * Variant System - Barrel Export
- *
- * Built-in variant presets and composition utilities.
- */
-export { builtInVariants, classicGlass, compactHorizontal, getBuiltInVariant, getBuiltInVariantIds, isBuiltInVariant, minimal, } from "./built-in-variants";
-export { applyCssVars, applyLayout, composeVariants, createFlexLayout, extendVariant, mergeVariants, } from "./variant-utils";

package/dist/framework/variants/variant-utils.d.ts

@@ -1,105 +0,0 @@
-/**
- * Variant Composition Utilities
- *
- * Utilities for creating, merging, extending, and composing widget variants.
- * Enables flexible variant system with type safety and composability.
- */
-import type { FlexLayoutStrategy, LayoutStrategy, WidgetVariantConfig } from "../types";
-/**
- * Merge two complete variant configurations
- *
- * Deep merges all properties, with `override` taking precedence.
- * Layout strategies are replaced, not merged (since they have different shapes).
- *
- * @example
- * ```tsx
- * const customVariant = mergeVariants(classicGlass, {
- *   styles: {
- *     cssVars: {
- *       "--glass-base": "oklch(0.2 0 0 / 0.5)"
- *     }
- *   }
- * });
- * ```
- */
-export declare function mergeVariants(base: WidgetVariantConfig, override: Partial<WidgetVariantConfig>): WidgetVariantConfig;
-/**
- * Extend a base variant with partial overrides
- *
- * Similar to mergeVariants but returns a new variant that references the base
- * via the `extends` property. Useful for variant inheritance chains.
- *
- * @example
- * ```tsx
- * const darkGlass = extendVariant("classic-glass", {
- *   id: "dark-glass",
- *   name: "Dark Glass",
- *   styles: {
- *     cssVars: {
- *       "--glass-base": "oklch(0.2 0 0 / 0.5)"
- *     }
- *   }
- * });
- * ```
- */
-export declare function extendVariant(baseId: string, override: Partial<WidgetVariantConfig> & {
-    id: string;
-    name: string;
-}): WidgetVariantConfig;
-/**
- * Compose multiple variants together (left to right precedence)
- *
- * Merges multiple variants in sequence, with later variants taking precedence.
- * Useful for combining layout + styling + interaction variants.
- *
- * @example
- * ```tsx
- * const custom = composeVariants(
- *   minimal,           // Base: minimal styling
- *   centeredLayout,    // Add: centered layout
- *   largeIcons         // Add: large icon sizing
- * );
- * ```
- */
-export declare function composeVariants(...variants: WidgetVariantConfig[]): WidgetVariantConfig;
-/**
- * Apply a layout strategy override to a variant
- *
- * Convenience function for changing just the layout of a variant.
- *
- * @example
- * ```tsx
- * const centered = applyLayout(minimal, {
- *   type: "flex",
- *   direction: "column",
- *   align: "center",
- *   justify: "center"
- * });
- * ```
- */
-export declare function applyLayout(variant: WidgetVariantConfig, layout: LayoutStrategy): WidgetVariantConfig;
-/**
- * Apply CSS variable overrides to a variant
- *
- * Convenience function for changing just the CSS variables of a variant.
- *
- * @example
- * ```tsx
- * const blueTinted = applyCssVars(classicGlass, {
- *   "--glass-tone": "oklch(0.62 0.2 260)",
- *   "--glass-wash": "30%"
- * });
- * ```
- */
-export declare function applyCssVars(variant: WidgetVariantConfig, cssVars: Record<`--widget-${string}` | `--glass-${string}`, string | number>): WidgetVariantConfig;
-/**
- * Create a flex layout strategy
- *
- * Convenience function for creating common flex layouts.
- *
- * @example
- * ```tsx
- * const layout = createFlexLayout("column", "center", "center");
- * ```
- */
-export declare function createFlexLayout(direction?: FlexLayoutStrategy["direction"], align?: FlexLayoutStrategy["align"], justify?: FlexLayoutStrategy["justify"], options?: Partial<FlexLayoutStrategy>): FlexLayoutStrategy;