@phreshos/react 0.1.35 → 0.1.37

package/dist/desktop-provider.js

@@ -52,7 +52,7 @@ function viewportState(desktop) {
         const publish = () => { const state = complete(); if (state)
             subscriber(state); };
         const stopResize = desktop.viewport.subscribe("resize", size => { latest = { ...latest, size }; publish(); });
-        const stopMove = desktop.viewport.subscribe("move", offset => { latest = { ...latest, offset }; publish(); });
+        const stopMove = desktop.viewport.subscribe("move", move => { latest = { ...latest, offset: move.offset }; publish(); });
         return () => { stopResize(); stopMove(); };
     });
 }

package/dist/main.d.ts

@@ -10,6 +10,7 @@ export { default as useEndpointState, type EndpointState } from "./use-endpoint-
 export { default as useServiceState, type ServiceState } from "./use-service-state.js";
 export { default as useWindowState } from "./use-window-state.js";
 export { default as usePresentationState } from "./use-presentation-state.js";
+export { default as usePlaneState, type PlaneState } from "./use-plane-state.js";
 export { default as useClientMemory } from "./use-client-memory.js";
 export { default as useProgramStore } from "./use-program-store.js";
 export { default as useSubscribeAsks, type AskSubscribable } from "./use-subscribe-asks.js";

package/dist/main.js

@@ -10,6 +10,7 @@ export { default as useEndpointState } from "./use-endpoint-state.js";
 export { default as useServiceState } from "./use-service-state.js";
 export { default as useWindowState } from "./use-window-state.js";
 export { default as usePresentationState } from "./use-presentation-state.js";
+export { default as usePlaneState } from "./use-plane-state.js";
 export { default as useClientMemory } from "./use-client-memory.js";
 export { default as useProgramStore } from "./use-program-store.js";
 export { default as useSubscribeAsks } from "./use-subscribe-asks.js";

package/dist/use-plane-state.d.ts

@@ -0,0 +1,7 @@
+import type { DesktopPlaneSource, DesktopSize } from "@phreshos/core";
+/** The plane of standard Windows one Desktop shows a view of. */
+export type PlaneState = Readonly<{
+    size: DesktopSize;
+}>;
+/** Explicitly reads and follows the Desktop's plane while mounted: its size, which changes with the Desktop's. */
+export default function usePlaneState(plane: DesktopPlaneSource): PlaneState | undefined;

package/dist/use-plane-state.js

@@ -0,0 +1,7 @@
+import { useMemo, useSyncExternalStore } from "react";
+import LiveState from "./live-state.js";
+/** Explicitly reads and follows the Desktop's plane while mounted: its size, which changes with the Desktop's. */
+export default function usePlaneState(plane) {
+    const state = useMemo(() => new LiveState(async () => ({ size: await plane.size() }), reduce => plane.subscribe("resize", size => reduce(current => ({ ...current, size })))), [plane]);
+    return useSyncExternalStore(state.subscribe, state.snapshot, state.snapshot);
+}

package/dist/use-presentation-state.js

@@ -3,15 +3,16 @@ import LiveState, { combineCleanups } from "./live-state.js";
 /** Explicitly reads and follows how the executing Client is drawn on its Desktop while mounted. */
 export default function usePresentationState(presentation) {
     const state = useMemo(() => new LiveState(async () => {
-        const [layer, position, size, front, interactive, surface] = await Promise.all([
+        const [layer, anchor, position, size, front, interactive, surface] = await Promise.all([
             presentation.layer(),
+            presentation.anchor(),
             presentation.position(),
             presentation.size(),
             presentation.front(),
             presentation.interactive(),
             presentation.surface()
         ]);
-        return { layer, position, size, front, interactive, surface };
-    }, reduce => combineCleanups(presentation.subscribe("move", position => reduce(current => ({ ...current, position }))), presentation.subscribe("resize", size => reduce(current => ({ ...current, size }))), presentation.subscribe("front", front => reduce(current => ({ ...current, front }))), presentation.subscribe("changeInteractive", interactive => reduce(current => ({ ...current, interactive }))), presentation.subscribe("changeSurface", surface => reduce(current => ({ ...current, surface }))))), [presentation]);
+        return { layer, anchor, position, size, front, interactive, surface };
+    }, reduce => combineCleanups(presentation.subscribe("move", position => reduce(current => ({ ...current, position }))), presentation.subscribe("resize", size => reduce(current => ({ ...current, size }))), presentation.subscribe("front", front => reduce(current => ({ ...current, front }))), presentation.subscribe("changeInteractive", interactive => reduce(current => ({ ...current, interactive }))), presentation.subscribe("changeSurface", surface => reduce(current => ({ ...current, surface }))), presentation.subscribe("changeAnchor", anchor => reduce(current => ({ ...current, anchor }))))), [presentation]);
     return useSyncExternalStore(state.subscribe, state.snapshot, state.snapshot);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phreshos/react",
-  "version": "0.1.35",
+  "version": "0.1.37",
   "description": "Runtime-neutral React adapters for PhreshOS contracts.",
   "type": "module",
   "main": "dist/main.js",
@@ -46,11 +46,11 @@
     "prepack": "node --run build"
   },
   "peerDependencies": {
-    "@phreshos/core": "^0.1.67",
+    "@phreshos/core": "^0.1.69",
     "react": "^19.2.0"
   },
   "devDependencies": {
-    "@phreshos/core": "^0.1.67",
+    "@phreshos/core": "^0.1.69",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.2.18",