@glasshome/sync-layer 0.3.2 → 0.4.0

package/dist/connection/auth.d.ts

@@ -53,18 +53,18 @@ export interface OAuthOptions {
  * Authenticate using OAuth flow
  *
  * This function uses `getAuth` from `home-assistant-js-websocket` which:
- * 1. Opens Home Assistant authorization page in a popup
+ * 1. Redirects the whole page to the Home Assistant authorization page
  * 2. Waits for user authorization
- * 3. Exchanges authorization code for tokens
- * 4. Returns authenticated Auth object
+ * 3. On return, HA redirects back to the app URL with `?auth_callback=1&code=…`
+ * 4. Exchanges the authorization code for tokens and returns an Auth object
  *
  * Note: For a complete OAuth flow, you typically need to:
  * - Set up a redirect URI endpoint in your app
  * - Handle the OAuth callback with the authorization code
  * - Use `getAuthCode` callback to provide the code
  *
- * Alternatively, `getAuth` can automatically handle the flow in browser environments
- * by opening a popup and listening for the callback.
+ * In browser environments `getAuth` handles this automatically via a full-page
+ * redirect (not a popup); native platforms supply `getAuthCode` instead.
  *
  * @param options - OAuth options
  * @returns Authenticated Auth object

package/dist/{demo-data-3LO-p1RV.js → demo-data-CcG2efdQ.js}

@@ -869,6 +869,26 @@ function createDemoFixtures() {
 		area_id: "entry",
 		supported_features: 1
 	});
+	add(makeEntity("light.studio_rgb", "on", {
+		brightness: 205,
+		hs_color: [265, 66],
+		color_mode: "hs",
+		supported_color_modes: ["hs", "color_temp"]
+	}), {
+		device_id: "studio_lights",
+		area_id: "living_room",
+		supported_features: 44
+	});
+	add(makeEntity("light.desk_rgb", "on", {
+		brightness: 200,
+		hs_color: [172, 79],
+		color_mode: "hs",
+		supported_color_modes: ["hs", "color_temp"]
+	}), {
+		device_id: "desk_lights",
+		area_id: "bedroom",
+		supported_features: 44
+	});
 	add(makeEntity("sensor.temperature_living", "22.5", {
 		unit_of_measurement: "°C",
 		device_class: "temperature",

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ENERGY_ENTITY_IDS, createDemoFixtures, demoEnergyPreferences, energyEntityValue, formatEnergyState, isEnergyEntity, isSunUp, resetStore, setState, simulateEnergy, state, sunEvents, synthesizeEnergyHistory, synthesizeEnergyStatistics } from "./demo-data-3LO-p1RV.js";
+import { ENERGY_ENTITY_IDS, createDemoFixtures, demoEnergyPreferences, energyEntityValue, formatEnergyState, isEnergyEntity, isSunUp, resetStore, setState, simulateEnergy, state, sunEvents, synthesizeEnergyHistory, synthesizeEnergyStatistics } from "./demo-data-CcG2efdQ.js";
 import { runHaBridgeWorker } from "./worker-main-DTbzEKor.js";
 import { createConnection, createLongLivedTokenAuth, getAuth } from "home-assistant-js-websocket";
 import { produce, reconcile } from "solid-js/store";
@@ -247,18 +247,18 @@ function updateStatisticsMetadata(metadata) {
 * Authenticate using OAuth flow
 *
 * This function uses `getAuth` from `home-assistant-js-websocket` which:
-* 1. Opens Home Assistant authorization page in a popup
+* 1. Redirects the whole page to the Home Assistant authorization page
 * 2. Waits for user authorization
-* 3. Exchanges authorization code for tokens
-* 4. Returns authenticated Auth object
+* 3. On return, HA redirects back to the app URL with `?auth_callback=1&code=…`
+* 4. Exchanges the authorization code for tokens and returns an Auth object
 *
 * Note: For a complete OAuth flow, you typically need to:
 * - Set up a redirect URI endpoint in your app
 * - Handle the OAuth callback with the authorization code
 * - Use `getAuthCode` callback to provide the code
 *
-* Alternatively, `getAuth` can automatically handle the flow in browser environments
-* by opening a popup and listening for the callback.
+* In browser environments `getAuth` handles this automatically via a full-page
+* redirect (not a popup); native platforms supply `getAuthCode` instead.
 *
 * @param options - OAuth options
 * @returns Authenticated Auth object
@@ -1491,10 +1491,11 @@ function resolveIcon(entity$1, registry) {
 */
 function buildEntityView(entity$1, registry) {
 	const domain = extractDomain(entity$1.entity_id);
-	const friendlyName = entity$1.attributes.friendly_name ?? registry?.name ?? entity$1.entity_id;
+	const attributes = entity$1.attributes ?? {};
+	const friendlyName = attributes.friendly_name ?? registry?.name ?? entity$1.entity_id;
 	const name = registry?.name ?? friendlyName;
 	const iconResolution = resolveIcon(entity$1, registry);
-	const { device_class: _dc, unit_of_measurement: _uom, friendly_name: _fn, icon: _icon,...restAttributes } = entity$1.attributes;
+	const { device_class: _dc, unit_of_measurement: _uom, friendly_name: _fn, icon: _icon,...restAttributes } = attributes;
 	let areaId = registry?.area_id ?? null;
 	if (areaId === null && registry?.device_id) {
 		const device = state.devices[registry.device_id];
@@ -1508,9 +1509,9 @@ function buildEntityView(entity$1, registry) {
 		lastChanged: new Date(entity$1.last_changed),
 		lastUpdated: new Date(entity$1.last_updated),
 		context: {
-			id: entity$1.context.id,
-			parentId: entity$1.context.parent_id,
-			userId: entity$1.context.user_id
+			id: entity$1.context?.id ?? "",
+			parentId: entity$1.context?.parent_id ?? null,
+			userId: entity$1.context?.user_id ?? null
 		},
 		name,
 		friendlyName,
@@ -1525,9 +1526,9 @@ function buildEntityView(entity$1, registry) {
 		entityCategory: registry?.entity_category ?? null,
 		labels: registry?.labels ?? [],
 		aliases: registry?.aliases ?? [],
-		deviceClass: registry?.device_class ?? entity$1.attributes.device_class ?? null,
-		unitOfMeasurement: registry?.unit_of_measurement ?? entity$1.attributes.unit_of_measurement ?? null,
-		supportedFeatures: registry?.supported_features ?? entity$1.attributes.supported_features
+		deviceClass: registry?.device_class ?? attributes.device_class ?? null,
+		unitOfMeasurement: registry?.unit_of_measurement ?? attributes.unit_of_measurement ?? null,
+		supportedFeatures: registry?.supported_features ?? attributes.supported_features
 	};
 }
 /**

package/dist/testing/index.js

@@ -1,4 +1,4 @@
-import { createDemoFixtures, state } from "../demo-data-3LO-p1RV.js";
+import { createDemoFixtures, state } from "../demo-data-CcG2efdQ.js";
 
 //#region src/testing/mock-behaviors/base.ts
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glasshome/sync-layer",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Type-safe, reactive state synchronization layer for Home Assistant",
   "repository": {
     "type": "git",