@toon-protocol/views 0.12.0 → 0.12.2

package/dist/surface.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Surface-mode control for atoms.
+ *
+ * Wraps the (optional, feature-detected) display-mode methods on {@link
+ * ViewBridge} as a reactive hook. Atoms use it to decide whether to offer "Open
+ * timeline" (fullscreen) or a live ticker (pip), and to request the switch — but
+ * they degrade to inline-only on hosts (and the mock bridge) that don't expose
+ * the capability, so nothing assumes fullscreen/pip exists.
+ */
+import { createContext, useCallback, useContext, useEffect, useState, } from 'react';
+import {} from './app-bridge/types.js';
+function read(bridge) {
+    return {
+        mode: bridge.displayMode?.() ?? 'inline',
+        available: bridge.availableDisplayModes?.() ?? [],
+    };
+}
+/** Reactive surface-mode state + a `request` to switch modes. */
+export function useDisplayMode(bridge) {
+    const [state, setState] = useState(() => read(bridge));
+    useEffect(() => {
+        // Re-read on mount (the host context may have arrived after the initial
+        // render) and whenever the host context changes (mode/size/theme).
+        setState(read(bridge));
+        return bridge.onHostContextChanged?.(() => setState(read(bridge)));
+    }, [bridge]);
+    const request = useCallback(async (mode) => {
+        if (!bridge.requestDisplayMode)
+            return;
+        const actual = await bridge.requestDisplayMode(mode);
+        setState((s) => ({ ...s, mode: actual }));
+    }, [bridge]);
+    return {
+        mode: state.mode,
+        available: state.available,
+        canFullscreen: state.available.includes('fullscreen'),
+        canPip: state.available.includes('pip'),
+        request,
+    };
+}
+/** The inline-only fallback used when no {@link SurfaceProvider} is mounted. */
+const INLINE_ONLY = {
+    mode: 'inline',
+    available: [],
+    canFullscreen: false,
+    canPip: false,
+    request: async () => { },
+};
+const SurfaceContext = createContext(INLINE_ONLY);
+/**
+ * Computes surface-mode state ONCE per view and shares it via context, so the
+ * many atoms in a view read it cheaply instead of each subscribing to the host
+ * (which would chain N handlers onto the single host-context callback).
+ */
+export const SurfaceProvider = ({ bridge, children, }) => {
+    const control = useDisplayMode(bridge);
+    return _jsx(SurfaceContext.Provider, { value: control, children: children });
+};
+/** Read the view's surface-mode control (inline-only when no provider is mounted). */
+export function useSurface() {
+    return useContext(SurfaceContext);
+}
+//# sourceMappingURL=surface.js.map

package/dist/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.js","sourceRoot":"","sources":["../src/surface.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AAEH,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,GAGT,MAAM,OAAO,CAAC;AACf,OAAO,EAAqC,MAAM,uBAAuB,CAAC;AAe1E,SAAS,IAAI,CAAC,MAAkB;IAC9B,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,WAAW,EAAE,EAAE,IAAI,QAAQ;QACxC,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE;KAClD,CAAC;AACJ,CAAC;AAED,iEAAiE;AACjE,MAAM,UAAU,cAAc,CAAC,MAAkB;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,wEAAwE;QACxE,mEAAmE;QACnE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACvB,OAAO,MAAM,CAAC,oBAAoB,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,OAAO,GAAG,WAAW,CACzB,KAAK,EAAE,IAAiB,EAAiB,EAAE;QACzC,IAAI,CAAC,MAAM,CAAC,kBAAkB;YAAE,OAAO;QACvC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACrD,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;QACrD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;QACvC,OAAO;KACR,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,WAAW,GAAuB;IACtC,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;CACxB,CAAC;AAEF,MAAM,cAAc,GAAG,aAAa,CAAqB,WAAW,CAAC,CAAC;AAEtE;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAoD,CAAC,EAC/E,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACvC,OAAO,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAAG,QAAQ,GAA2B,CAAC;AACvF,CAAC,CAAC;AAEF,sFAAsF;AACtF,MAAM,UAAU,UAAU;IACxB,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toon-protocol/views",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "description": "Shared TOON kind→atom registry, NIP parsers, ViewSpec composition runtime, and MCP-app iframe bundle. Consumed by rig and the toon-mcp apps surface.",
   "type": "module",
   "publishConfig": {
@@ -38,8 +38,8 @@
     "tailwind-merge": "^2.6.1",
     "tw-animate-css": "^1.4.0",
     "zod": "^3.25.0",
-    "@toon-protocol/arweave": "0.1.1",
-    "@toon-protocol/client": "0.14.11"
+    "@toon-protocol/client": "0.14.12",
+    "@toon-protocol/arweave": "0.1.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",