@stackable-labs/sdk-extension-react 1.21.0 → 1.22.1

package/dist/index.js

@@ -1,7 +1,428 @@
-export { createExtension } from './createExtension';
-export { createStore } from './store';
-export { useSurfaceContext, useCapabilities, useStore, useExtension, } from './hooks';
-export { Surface } from './Surface';
-export * as ui from './ui';
-export { useContextData } from './useContextData';
-//# sourceMappingURL=index.js.map
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/createExtension.tsx
+import { createRoot } from "react-dom/client";
+
+// src/context.ts
+import { createContext } from "react";
+var SurfaceContext = createContext(null);
+var ExtensionContext = createContext(null);
+
+// src/rpc-client.ts
+import { WebCrypto } from "@agnostack/verifyd";
+
+// ../../../lib/utils-js/src/crypto.ts
+var importKeyForEncryption = (keyBase64) => {
+  const raw = Uint8Array.from(atob(keyBase64), (c) => c.charCodeAt(0));
+  return globalThis.crypto.subtle.importKey("raw", raw, { name: "AES-GCM" }, false, ["encrypt", "decrypt"]);
+};
+
+// src/rpc-client.ts
+var _webCrypto = null;
+var getWebCrypto = () => _webCrypto ??= new WebCrypto({ crypto: globalThis.crypto });
+var requestCounter = 0;
+var registeredExtensionId = "unknown";
+var encryptionKey = null;
+var pendingRequests = /* @__PURE__ */ new Map();
+var generateRequestId = () => `req_${++requestCounter}_${Date.now()}`;
+var setEncryptionKey = async (keyBase64) => {
+  encryptionKey = await importKeyForEncryption(keyBase64);
+};
+var initRpcListener = (extensionId) => {
+  registeredExtensionId = extensionId;
+  window.addEventListener("message", (event) => {
+    const msg = event.data;
+    if (msg?.type === "extension-encryption-key") {
+      setEncryptionKey(msg.encryptionKey);
+      return;
+    }
+    if (msg?.type === "capability-response") {
+      const response = msg;
+      const pending = pendingRequests.get(response.id);
+      if (pending) {
+        pendingRequests.delete(response.id);
+        if (response.success) {
+          pending.resolve(response.data);
+        } else {
+          pending.reject(new Error(response.error || "Capability call failed"));
+        }
+      }
+    }
+  });
+};
+var isEncryptedPayload = (value) => typeof value === "object" && value !== null && value.encrypted === true && Array.isArray(value.data);
+var callCapability = async (capability, payload) => {
+  let actualPayload = payload;
+  if (capability === "data.fetch" && encryptionKey) {
+    const encrypted = await getWebCrypto().encryptMessage(JSON.stringify(payload), encryptionKey);
+    if (!encrypted) throw new Error("Failed to encrypt data.fetch payload");
+    actualPayload = { encrypted: true, data: encrypted };
+  }
+  const result = await sendCapabilityRequest(capability, actualPayload);
+  if (capability === "data.fetch" && encryptionKey) {
+    const fetchResult = result;
+    if (isEncryptedPayload(fetchResult.data)) {
+      const decrypted = await getWebCrypto().decryptMessage(fetchResult.data.data, encryptionKey);
+      fetchResult.data = JSON.parse(decrypted);
+    }
+  }
+  return result;
+};
+var sendCapabilityRequest = (capability, payload) => new Promise((resolve, reject) => {
+  const id = generateRequestId();
+  pendingRequests.set(id, {
+    resolve,
+    reject
+  });
+  const request = {
+    type: "capability-request",
+    id,
+    extensionId: registeredExtensionId,
+    capability,
+    payload
+  };
+  window.parent.postMessage(request, "*");
+  setTimeout(() => {
+    if (pendingRequests.has(id)) {
+      pendingRequests.delete(id);
+      reject(new Error(`Capability call '${capability}' timed out`));
+    }
+  }, 3e4);
+});
+
+// src/createExtension.tsx
+import { jsx } from "react/jsx-runtime";
+var createExtension = (factory, options) => {
+  const injectedId = window.__STACKABLE_EXTENSION_ID__ ?? new URLSearchParams(window.location.search).get("__extensionId") ?? void 0;
+  const extensionId = injectedId ?? options?.extensionId ?? "unknown";
+  console.debug(`[createExtension] extensionId resolved: "${extensionId}" (injected: ${injectedId ?? "none"}, options: ${options?.extensionId ?? "none"})`);
+  initRpcListener(extensionId);
+  const contextValue = {
+    extensionId
+  };
+  const container = document.getElementById("extension-root") ?? document.body;
+  const root = createRoot(container);
+  root.render(
+    /* @__PURE__ */ jsx(ExtensionContext.Provider, { value: contextValue, children: factory() })
+  );
+  window.parent.postMessage({ type: "extension-ready", extensionId }, "*");
+};
+
+// src/store.ts
+var createStore = (initialState) => {
+  let state = { ...initialState };
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    get: () => state,
+    set: (partial) => {
+      state = { ...state, ...partial };
+      listeners.forEach((listener) => listener(state));
+    },
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+
+// src/hooks.ts
+import { useContext, useSyncExternalStore, useCallback } from "react";
+var useSurfaceContext = () => {
+  const ctx = useContext(SurfaceContext);
+  if (!ctx) {
+    throw new Error("useSurfaceContext must be used inside a <Surface> component");
+  }
+  return ctx;
+};
+var useCapabilities = () => ({
+  data: {
+    query: (payload) => callCapability("data.query", payload),
+    fetch: (url, init) => callCapability("data.fetch", { url, ...init })
+  },
+  actions: {
+    toast: (payload) => callCapability("actions.toast", payload),
+    invoke: (action, payload) => callCapability("actions.invoke", { action, payload })
+  },
+  context: {
+    read: () => callCapability("context.read")
+  }
+});
+var useStore = (store, selector) => {
+  const select = selector ?? ((s) => s);
+  const getSnapshot = useCallback(() => select(store.get()), [store, select]);
+  const subscribe = useCallback(
+    (onStoreChange) => store.subscribe(onStoreChange),
+    [store]
+  );
+  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+};
+var useExtension = () => {
+  const ctx = useContext(ExtensionContext);
+  if (!ctx) {
+    throw new Error("useExtension must be used inside a createExtension() tree");
+  }
+  return ctx;
+};
+
+// src/Surface.tsx
+import React, { useEffect, useRef, useState, useCallback as useCallback2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var useExtensionId = () => {
+  const ctx = React.useContext(ExtensionContext);
+  return ctx?.extensionId ?? "unknown";
+};
+var surfaceHandlers = /* @__PURE__ */ new Map();
+var getSurfaceRegistry = (surfaceId) => {
+  let reg = surfaceHandlers.get(surfaceId);
+  if (!reg) {
+    reg = { handlers: /* @__PURE__ */ new Map(), counter: 0 };
+    surfaceHandlers.set(surfaceId, reg);
+  }
+  return reg;
+};
+var serializeDOMNode = (domNode, registry) => {
+  if (domNode.nodeType === Node.TEXT_NODE) {
+    const text = domNode.textContent || "";
+    if (!text.trim()) return [];
+    return [{ type: "text", text }];
+  }
+  if (domNode.nodeType !== Node.ELEMENT_NODE) return [];
+  const el = domNode;
+  const tag = el.tagName.toLowerCase();
+  if (tag === "div" && el.hasAttribute("data-surface-id")) {
+    return Array.from(el.childNodes).flatMap((child) => serializeDOMNode(child, registry));
+  }
+  const attrs = {};
+  let actionId;
+  const propsKey = Object.keys(el).find((k) => k.startsWith("__reactProps$"));
+  if (propsKey) {
+    const reactProps = el[propsKey];
+    if (reactProps) {
+      for (const [key, value] of Object.entries(reactProps)) {
+        if (key === "children") continue;
+        if ((key === "onClick" || key === "onChange") && typeof value === "function") {
+          const id = `action-${++registry.counter}`;
+          registry.handlers.set(id, value);
+          if (key === "onClick") actionId = id;
+          if (key === "onChange") attrs["data-onchange-id"] = id;
+          continue;
+        }
+        if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+          attrs[key] = String(value);
+        }
+      }
+    }
+  } else {
+    for (const attr of Array.from(el.attributes)) {
+      if (attr.name === "style") continue;
+      const name = attr.name === "class" ? "className" : attr.name;
+      attrs[name] = attr.value;
+    }
+  }
+  const children = Array.from(el.childNodes).flatMap((child) => serializeDOMNode(child, registry));
+  return [{ type: "element", tag, attrs, actionId, children }];
+};
+var Surface = ({ id, children }) => {
+  const extId = useExtensionId();
+  const [context, setContext] = useState({});
+  const prevTreeRef = useRef("");
+  const containerRef = useRef(null);
+  const serializeAndSend = useCallback2(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const registry = getSurfaceRegistry(id);
+    registry.handlers.clear();
+    registry.counter = 0;
+    const serialized = serializeDOMNode(container, registry);
+    const tree = {
+      type: "element",
+      tag: "__fragment",
+      children: serialized
+    };
+    const treeForComparison = JSON.stringify(tree, (key, value) => key === "actionId" || key === "data-onchange-id" ? void 0 : value);
+    if (treeForComparison === prevTreeRef.current) return;
+    prevTreeRef.current = treeForComparison;
+    window.parent.postMessage(
+      { type: "surface-update", surfaceId: id, tree },
+      "*"
+    );
+  }, [id]);
+  useEffect(() => {
+    serializeAndSend();
+  });
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const observer = new MutationObserver(() => {
+      serializeAndSend();
+    });
+    observer.observe(container, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      characterData: true
+    });
+    return () => observer.disconnect();
+  }, [serializeAndSend]);
+  useEffect(() => {
+    const handleMessage = (event) => {
+      const msg = event.data;
+      if (!msg || typeof msg !== "object") return;
+      if (msg.type === "context-update" && msg.surfaceId === id) {
+        setContext(msg.context);
+      }
+      if (msg.type === "surface-render" && msg.surfaceId === id) {
+        if (msg.context) {
+          setContext(msg.context);
+        }
+        prevTreeRef.current = "";
+        serializeAndSend();
+      }
+      if (msg.type === "action-invoke" && msg.surfaceId === id && msg.actionId) {
+        const registry = getSurfaceRegistry(id);
+        const handler = registry.handlers.get(msg.actionId);
+        if (handler) {
+          if (msg.value !== void 0) {
+            handler({ target: { value: msg.value } });
+          } else {
+            handler();
+          }
+        }
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    window.parent.postMessage({ type: "surface-ready", extensionId: extId, surfaceId: id }, "*");
+    return () => {
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [id, extId, serializeAndSend]);
+  return /* @__PURE__ */ jsx2(SurfaceContext.Provider, { value: context, children: /* @__PURE__ */ jsx2("div", { ref: containerRef, "data-surface-id": id, style: { display: "none" }, children }) });
+};
+
+// src/ui.tsx
+var ui_exports = {};
+__export(ui_exports, {
+  Alert: () => Alert,
+  Avatar: () => Avatar,
+  Badge: () => Badge,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardHeader: () => CardHeader,
+  Checkbox: () => Checkbox,
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => CollapsibleContent,
+  CollapsibleTrigger: () => CollapsibleTrigger,
+  FooterLink: () => FooterLink,
+  Heading: () => Heading,
+  Icon: () => Icon,
+  Inline: () => Inline,
+  Input: () => Input,
+  Label: () => Label,
+  Link: () => Link,
+  Menu: () => Menu,
+  MenuItem: () => MenuItem,
+  Progress: () => Progress,
+  RadioGroup: () => RadioGroup,
+  RadioGroupItem: () => RadioGroupItem,
+  ScrollArea: () => ScrollArea,
+  Select: () => Select,
+  SelectOption: () => SelectOption,
+  Separator: () => Separator,
+  Skeleton: () => Skeleton,
+  Stack: () => Stack,
+  Switch: () => Switch,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Text: () => Text,
+  Textarea: () => Textarea,
+  Tooltip: () => Tooltip
+});
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Card = (props) => /* @__PURE__ */ jsx3("ui-card", { ...props, children: props.children });
+var CardContent = (props) => /* @__PURE__ */ jsx3("ui-card-content", { ...props, children: props.children });
+var CardHeader = (props) => /* @__PURE__ */ jsx3("ui-card-header", { ...props, children: props.children });
+var Stack = (props) => /* @__PURE__ */ jsx3("ui-stack", { ...props, children: props.children });
+var Inline = (props) => /* @__PURE__ */ jsx3("ui-inline", { ...props, children: props.children });
+var Text = (props) => /* @__PURE__ */ jsx3("ui-text", { ...props, children: props.children });
+var Heading = (props) => /* @__PURE__ */ jsx3("ui-heading", { ...props, children: props.children });
+var Badge = (props) => /* @__PURE__ */ jsx3("ui-badge", { ...props, children: props.children });
+var Button = (props) => /* @__PURE__ */ jsx3("ui-button", { ...props, children: props.children });
+var Input = (props) => /* @__PURE__ */ jsx3("ui-input", { ...props });
+var Textarea = (props) => /* @__PURE__ */ jsx3("ui-textarea", { ...props });
+var Select = (props) => /* @__PURE__ */ jsx3("ui-select", { ...props, children: props.children });
+var SelectOption = (props) => /* @__PURE__ */ jsx3("ui-select-option", { ...props, children: props.children });
+var Checkbox = (props) => /* @__PURE__ */ jsx3("ui-checkbox", { ...props });
+var Switch = (props) => /* @__PURE__ */ jsx3("ui-switch", { ...props });
+var Label = (props) => /* @__PURE__ */ jsx3("ui-label", { ...props, children: props.children });
+var RadioGroup = (props) => /* @__PURE__ */ jsx3("ui-radio-group", { ...props, children: props.children });
+var RadioGroupItem = (props) => /* @__PURE__ */ jsx3("ui-radio-group-item", { ...props });
+var Separator = (props) => /* @__PURE__ */ jsx3("ui-separator", { ...props });
+var Tabs = (props) => /* @__PURE__ */ jsx3("ui-tabs", { ...props, children: props.children });
+var TabsList = (props) => /* @__PURE__ */ jsx3("ui-tabs-list", { ...props, children: props.children });
+var TabsTrigger = (props) => /* @__PURE__ */ jsx3("ui-tabs-trigger", { ...props, children: props.children });
+var TabsContent = (props) => /* @__PURE__ */ jsx3("ui-tabs-content", { ...props, children: props.children });
+var ScrollArea = (props) => /* @__PURE__ */ jsx3("ui-scroll-area", { ...props, children: props.children });
+var Skeleton = (props) => /* @__PURE__ */ jsx3("ui-skeleton", { ...props });
+var Tooltip = (props) => /* @__PURE__ */ jsx3("ui-tooltip", { ...props, children: props.children });
+var Progress = (props) => /* @__PURE__ */ jsx3("ui-progress", { ...props });
+var Alert = (props) => /* @__PURE__ */ jsx3("ui-alert", { ...props, children: props.children });
+var Collapsible = (props) => /* @__PURE__ */ jsx3("ui-collapsible", { ...props, children: props.children });
+var CollapsibleTrigger = (props) => /* @__PURE__ */ jsx3("ui-collapsible-trigger", { ...props, children: props.children });
+var CollapsibleContent = (props) => /* @__PURE__ */ jsx3("ui-collapsible-content", { ...props, children: props.children });
+var Avatar = (props) => /* @__PURE__ */ jsx3("ui-avatar", { ...props });
+var Icon = (props) => /* @__PURE__ */ jsx3("ui-icon", { ...props });
+var Link = (props) => /* @__PURE__ */ jsx3("ui-link", { ...props, children: props.children });
+var FooterLink = (props) => /* @__PURE__ */ jsx3(
+  "ui-link",
+  {
+    ...props,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: "text-zinc-500 opacity-80 transition-colors hover:text-zinc-900 hover:opacity-100",
+    children: props.children
+  }
+);
+var Menu = (props) => /* @__PURE__ */ jsx3("ui-menu", { ...props, children: props.children });
+var MenuItem = (props) => /* @__PURE__ */ jsx3("ui-menu-item", { ...props });
+
+// src/useContextData.ts
+import { useState as useState2, useEffect as useEffect2 } from "react";
+var useContextData = () => {
+  const capabilities = useCapabilities();
+  const [contextData, setContextData] = useState2({});
+  const [loading, setLoading] = useState2(true);
+  useEffect2(() => {
+    const loadContext = async () => {
+      try {
+        const ctx = await capabilities.context.read();
+        setContextData(ctx);
+      } catch (err) {
+        console.error("Failed to read context:", err);
+      } finally {
+        setLoading(false);
+      }
+    };
+    loadContext();
+  }, []);
+  return { ...contextData, loading };
+};
+export {
+  Surface,
+  createExtension,
+  createStore,
+  ui_exports as ui,
+  useCapabilities,
+  useContextData,
+  useExtension,
+  useStore,
+  useSurfaceContext
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackable-labs/sdk-extension-react",
-  "version": "1.21.0",
+  "version": "1.22.1",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -12,7 +12,8 @@
     }
   },
   "dependencies": {
-    "@stackable-labs/sdk-extension-contracts": "1.21.0",
+    "@agnostack/verifyd": "2.x",
+    "@stackable-labs/sdk-extension-contracts": "1.22.1",
     "@remote-dom/core": "1.x",
     "@remote-dom/react": "1.x"
   },

package/dist/Surface.d.ts

@@ -1,24 +0,0 @@
-/**
- * Surface component — represents a single UI surface within an extension.
- * Each Surface maps to an extension point (target) in the host app.
- *
- * Serializes the React element tree (including event handler references) and
- * sends it to the host via postMessage. The host renders using its component
- * registry and proxies user interactions back via postMessage.
- */
-import React from 'react';
-interface SurfaceProps {
-    /** The extension point target ID (e.g., "slot.header") */
-    id: string;
-    children: React.ReactNode;
-}
-export interface SerializedNode {
-    type: 'element' | 'text';
-    tag?: string;
-    attrs?: Record<string, string>;
-    actionId?: string;
-    children?: SerializedNode[];
-    text?: string;
-}
-export declare const Surface: ({ id, children }: SurfaceProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Surface.js

@@ -1,176 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Surface component — represents a single UI surface within an extension.
- * Each Surface maps to an extension point (target) in the host app.
- *
- * Serializes the React element tree (including event handler references) and
- * sends it to the host via postMessage. The host renders using its component
- * registry and proxies user interactions back via postMessage.
- */
-import React, { useEffect, useRef, useState, useCallback } from 'react';
-import { SurfaceContext, ExtensionContext } from './context';
-const useExtensionId = () => {
-    const ctx = React.useContext(ExtensionContext);
-    return ctx?.extensionId ?? 'unknown';
-};
-/**
- * Per-surface action handler registry.
- * Each Surface instance gets its own map keyed by surfaceId so they don't collide.
- */
-const surfaceHandlers = new Map();
-const getSurfaceRegistry = (surfaceId) => {
-    let reg = surfaceHandlers.get(surfaceId);
-    if (!reg) {
-        reg = { handlers: new Map(), counter: 0 };
-        surfaceHandlers.set(surfaceId, reg);
-    }
-    return reg;
-};
-/**
- * Serialize the rendered DOM tree from the hidden container.
- * This approach works with hook-based child components because React has
- * already rendered them into actual DOM elements by the time we traverse.
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const serializeDOMNode = (domNode, registry) => {
-    if (domNode.nodeType === Node.TEXT_NODE) {
-        const text = domNode.textContent || '';
-        if (!text.trim())
-            return [];
-        return [{ type: 'text', text }];
-    }
-    if (domNode.nodeType !== Node.ELEMENT_NODE)
-        return [];
-    const el = domNode;
-    const tag = el.tagName.toLowerCase();
-    // Skip the container div
-    if (tag === 'div' && el.hasAttribute('data-surface-id')) {
-        return Array.from(el.childNodes).flatMap((child) => serializeDOMNode(child, registry));
-    }
-    const attrs = {};
-    let actionId;
-    // Extract props from React's internal __reactProps$ to preserve original
-    // prop names (e.g. className instead of class) and custom element props
-    // (e.g. variant, gap, direction) that may not appear as DOM attributes.
-    const propsKey = Object.keys(el).find((k) => k.startsWith('__reactProps$'));
-    if (propsKey) {
-        const reactProps = el[propsKey];
-        if (reactProps) {
-            for (const [key, value] of Object.entries(reactProps)) {
-                if (key === 'children')
-                    continue;
-                if ((key === 'onClick' || key === 'onChange') && typeof value === 'function') {
-                    const id = `action-${++registry.counter}`;
-                    registry.handlers.set(id, value);
-                    if (key === 'onClick')
-                        actionId = id;
-                    if (key === 'onChange')
-                        attrs['data-onchange-id'] = id;
-                    continue;
-                }
-                if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
-                    attrs[key] = String(value);
-                }
-            }
-        }
-    }
-    else {
-        // Fallback: copy DOM attributes if React props are unavailable
-        for (const attr of Array.from(el.attributes)) {
-            if (attr.name === 'style')
-                continue;
-            // Map 'class' back to 'className' for host components
-            const name = attr.name === 'class' ? 'className' : attr.name;
-            attrs[name] = attr.value;
-        }
-    }
-    const children = Array.from(el.childNodes).flatMap((child) => serializeDOMNode(child, registry));
-    return [{ type: 'element', tag, attrs, actionId, children }];
-};
-export const Surface = ({ id, children }) => {
-    const extId = useExtensionId();
-    const [context, setContext] = useState({});
-    const prevTreeRef = useRef('');
-    const containerRef = useRef(null);
-    const serializeAndSend = useCallback(() => {
-        const container = containerRef.current;
-        if (!container)
-            return;
-        const registry = getSurfaceRegistry(id);
-        // Clear previous handlers for THIS surface only
-        registry.handlers.clear();
-        registry.counter = 0;
-        const serialized = serializeDOMNode(container, registry);
-        const tree = {
-            type: 'element',
-            tag: '__fragment',
-            children: serialized,
-        };
-        // Only send if tree structure actually changed (ignore action ID changes)
-        const treeForComparison = JSON.stringify(tree, (key, value) => key === 'actionId' || key === 'data-onchange-id' ? undefined : value);
-        if (treeForComparison === prevTreeRef.current)
-            return;
-        prevTreeRef.current = treeForComparison;
-        window.parent.postMessage({ type: 'surface-update', surfaceId: id, tree }, '*');
-    }, [id]);
-    // Serialize after every Surface render
-    useEffect(() => {
-        serializeAndSend();
-    });
-    // Watch for DOM mutations from child component state changes
-    // (children may re-render without Surface itself re-rendering)
-    useEffect(() => {
-        const container = containerRef.current;
-        if (!container)
-            return;
-        const observer = new MutationObserver(() => {
-            serializeAndSend();
-        });
-        observer.observe(container, {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            characterData: true,
-        });
-        return () => observer.disconnect();
-    }, [serializeAndSend]);
-    useEffect(() => {
-        // Listen for context updates and action invocations from host
-        const handleMessage = (event) => {
-            const msg = event.data;
-            if (!msg || typeof msg !== 'object')
-                return;
-            if (msg.type === 'context-update' && msg.surfaceId === id) {
-                setContext(msg.context);
-            }
-            if (msg.type === 'surface-render' && msg.surfaceId === id) {
-                // Host slot mounted late — re-send current tree
-                if (msg.context) {
-                    setContext(msg.context);
-                }
-                prevTreeRef.current = '';
-                serializeAndSend();
-            }
-            if (msg.type === 'action-invoke' && msg.surfaceId === id && msg.actionId) {
-                const registry = getSurfaceRegistry(id);
-                const handler = registry.handlers.get(msg.actionId);
-                if (handler) {
-                    if (msg.value !== undefined) {
-                        handler({ target: { value: msg.value } });
-                    }
-                    else {
-                        handler();
-                    }
-                }
-            }
-        };
-        window.addEventListener('message', handleMessage);
-        // Notify host that this surface is ready
-        window.parent.postMessage({ type: 'surface-ready', extensionId: extId, surfaceId: id }, '*');
-        return () => {
-            window.removeEventListener('message', handleMessage);
-        };
-    }, [id, extId, serializeAndSend]);
-    return (_jsx(SurfaceContext.Provider, { value: context, children: _jsx("div", { ref: containerRef, "data-surface-id": id, style: { display: 'none' }, children: children }) }));
-};
-//# sourceMappingURL=Surface.js.map

package/dist/Surface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../src/Surface.tsx"],"names":[],"mappings":"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"}

package/dist/context.d.ts

@@ -1,10 +0,0 @@
-/**
- * React contexts for the extension runtime.
- */
-/** Context for surface-level data (provided by host per surface) */
-export declare const SurfaceContext: import("react").Context<Record<string, unknown> | null>;
-/** Context for extension-level data (provided by createExtension) */
-export interface ExtensionContextValue {
-    extensionId: string;
-}
-export declare const ExtensionContext: import("react").Context<ExtensionContextValue | null>;