@dxos/web-context-solid 0.0.0 → 0.8.4-main.21d9917

package/dist/lib/browser/index.mjs

@@ -0,0 +1,203 @@
+// src/index.ts
+export * from "@dxos/web-context";
+
+// src/consumer.ts
+import { createSignal, onCleanup as onCleanup2 } from "solid-js";
+import { ContextRequestEvent as ContextRequestEvent2 } from "@dxos/web-context";
+
+// src/internal.ts
+import { createContext as createSolidContext, useContext } from "solid-js";
+var HostElementContext = createSolidContext();
+function getHostElement() {
+  return useContext(HostElementContext);
+}
+
+// src/provider.tsx
+import { jsx as _jsx } from "solid-js/jsx-runtime";
+import { createEffect, createContext as createSolidContext2, onCleanup, onMount, useContext as useContext2 } from "solid-js";
+import { CONTEXT_PROVIDER_EVENT, CONTEXT_REQUEST_EVENT, ContextProviderEvent, ContextRequestEvent } from "@dxos/web-context";
+var ContextRequestHandlerContext = createSolidContext2();
+function tryHandleContextRequest(event) {
+  const handler = useContext2(ContextRequestHandlerContext);
+  if (handler) {
+    return handler(event);
+  }
+  return false;
+}
+function getContextRequestHandler() {
+  return useContext2(ContextRequestHandlerContext);
+}
+function ContextProtocolProvider(props) {
+  const parentHandler = useContext2(ContextRequestHandlerContext);
+  const subscriptions = /* @__PURE__ */ new WeakMap();
+  const subscriptionRefs = /* @__PURE__ */ new Set();
+  const getValue = () => {
+    const v = props.value;
+    return typeof v === "function" ? v() : v;
+  };
+  const handleRequest = (event) => {
+    if (event.context !== props.context) {
+      if (parentHandler) {
+        return parentHandler(event);
+      }
+      return false;
+    }
+    const currentValue = getValue();
+    if (event.subscribe) {
+      const callback = event.callback;
+      const consumerHost = event.contextTarget || event.composedPath()[0];
+      const unsubscribe = () => {
+        const info = subscriptions.get(callback);
+        if (info) {
+          subscriptionRefs.delete(info.ref);
+          subscriptions.delete(callback);
+        }
+      };
+      const ref = new WeakRef(callback);
+      subscriptions.set(callback, {
+        unsubscribe,
+        consumerHost,
+        ref
+      });
+      subscriptionRefs.add(ref);
+      event.callback(currentValue, unsubscribe);
+    } else {
+      event.callback(currentValue);
+    }
+    return true;
+  };
+  const handleContextRequestEvent = (e) => {
+    const event = e;
+    if (handleRequest(event)) {
+      event.stopImmediatePropagation();
+    }
+  };
+  const handleContextProviderEvent = (e) => {
+    const event = e;
+    if (event.context !== props.context) {
+      return;
+    }
+    if (containerRef && event.contextTarget === containerRef) {
+      return;
+    }
+    const seen = /* @__PURE__ */ new Set();
+    for (const ref of subscriptionRefs) {
+      const callback = ref.deref();
+      if (!callback) {
+        subscriptionRefs.delete(ref);
+        continue;
+      }
+      const info = subscriptions.get(callback);
+      if (!info) continue;
+      const { consumerHost } = info;
+      if (seen.has(callback)) {
+        continue;
+      }
+      seen.add(callback);
+      consumerHost.dispatchEvent(new ContextRequestEvent(props.context, callback, {
+        subscribe: true,
+        target: consumerHost
+      }));
+    }
+    event.stopPropagation();
+  };
+  let isFirstRun = true;
+  createEffect(() => {
+    const v = props.value;
+    const newValue = typeof v === "function" ? v() : v;
+    if (isFirstRun) {
+      isFirstRun = false;
+      return;
+    }
+    for (const ref of subscriptionRefs) {
+      const callback = ref.deref();
+      if (!callback) {
+        subscriptionRefs.delete(ref);
+        continue;
+      }
+      const info = subscriptions.get(callback);
+      if (info) {
+        callback(newValue, info.unsubscribe);
+      }
+    }
+  });
+  let containerRef;
+  const setupListeners = (el) => {
+    containerRef = el;
+    el.addEventListener(CONTEXT_REQUEST_EVENT, handleContextRequestEvent);
+    el.addEventListener(CONTEXT_PROVIDER_EVENT, handleContextProviderEvent);
+  };
+  onMount(() => {
+    if (containerRef) {
+      containerRef.dispatchEvent(new ContextProviderEvent(props.context, containerRef));
+    }
+  });
+  onCleanup(() => {
+    if (containerRef) {
+      containerRef.removeEventListener(CONTEXT_REQUEST_EVENT, handleContextRequestEvent);
+      containerRef.removeEventListener(CONTEXT_PROVIDER_EVENT, handleContextProviderEvent);
+    }
+    subscriptionRefs.clear();
+  });
+  return /* @__PURE__ */ _jsx(ContextRequestHandlerContext.Provider, {
+    value: handleRequest,
+    children: /* @__PURE__ */ _jsx("div", {
+      ref: setupListeners,
+      style: {
+        display: "contents"
+      },
+      children: props.children
+    })
+  });
+}
+
+// src/consumer.ts
+function useWebComponentContext(context, options) {
+  const [value, setValue] = createSignal(void 0);
+  let unsubscribeFn;
+  const callback = (newValue, unsubscribe) => {
+    setValue(() => newValue);
+    if (unsubscribe) {
+      unsubscribeFn = unsubscribe;
+    }
+  };
+  const hostElement = getHostElement();
+  const targetElement = options?.element ?? hostElement ?? document.body;
+  const event = new ContextRequestEvent2(context, callback, {
+    subscribe: options?.subscribe,
+    target: targetElement
+  });
+  const handler = getContextRequestHandler();
+  let handled = false;
+  if (handler) {
+    handled = handler(event);
+  }
+  if (!handled) {
+    targetElement.dispatchEvent(event);
+  }
+  onCleanup2(() => {
+    unsubscribeFn?.();
+  });
+  return value;
+}
+
+// src/solid-element.tsx
+import { jsx as _jsx2 } from "solid-js/jsx-runtime";
+function withContextProvider(component) {
+  const wrappedComponent = (props, options) => {
+    const WrappedContent = () => component(props, options);
+    return /* @__PURE__ */ _jsx2(HostElementContext.Provider, {
+      value: options.element,
+      children: /* @__PURE__ */ _jsx2(WrappedContent, {})
+    });
+  };
+  return wrappedComponent;
+}
+export {
+  ContextProtocolProvider,
+  getContextRequestHandler,
+  tryHandleContextRequest,
+  useWebComponentContext,
+  withContextProvider
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/index.ts", "../../../src/consumer.ts", "../../../src/internal.ts", "../../../src/provider.tsx", "../../../src/solid-element.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nexport * from '@dxos/web-context';\n\nexport * from './consumer';\nexport * from './provider';\nexport * from './solid-element';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Accessor, createSignal, onCleanup } from 'solid-js';\n\nimport { ContextRequestEvent, type ContextType, type UnknownContext } from '@dxos/web-context';\n\nimport { getHostElement } from './internal';\nimport { getContextRequestHandler } from './provider';\n\n/**\n * Options for useWebComponentContext hook\n */\nexport interface UseWebComponentContextOptions {\n  /**\n   * Whether to subscribe to context updates.\n   * If true, the returned signal will update when the provider's value changes.\n   * Default: false\n   */\n  subscribe?: boolean;\n\n  /**\n   * The element to dispatch the context-request event from.\n   * This is only used when there's no SolidJS provider in the tree.\n   * Default: document.body\n   */\n  element?: HTMLElement;\n}\n\n/**\n * A SolidJS hook that requests context using the Web Component Context Protocol.\n *\n * This first tries to use the SolidJS context chain (for providers in the same\n * SolidJS tree), then falls back to dispatching a DOM event (for web component\n * providers).\n *\n * @param context - The context key to request\n * @param options - Optional configuration\n * @returns An accessor that returns the context value or undefined\n *\n * @example\n * ```tsx\n * const theme = useWebComponentContext(themeContext);\n * return <div style={{ color: theme()?.primary }}>Hello</div>;\n * ```\n *\n * @example\n * ```tsx\n * // Subscribe to updates\n * const theme = useWebComponentContext(themeContext, { subscribe: true });\n * return <div style={{ color: theme()?.primary }}>Hello</div>;\n * ```\n */\nexport function useWebComponentContext<T extends UnknownContext>(\n  context: T,\n  options?: UseWebComponentContextOptions,\n): Accessor<ContextType<T> | undefined> {\n  const [value, setValue] = createSignal<ContextType<T> | undefined>(undefined);\n  let unsubscribeFn: (() => void) | undefined;\n\n  // Create callback that updates our signal\n  const callback = (newValue: ContextType<T>, unsubscribe?: () => void): void => {\n    setValue(() => newValue);\n    // Store the latest unsubscribe function\n    if (unsubscribe) {\n      unsubscribeFn = unsubscribe;\n    }\n  };\n\n  // Determine the target element for the context request\n  // Use: 1) explicit element option, 2) host element from custom element context, 3) document.body\n  const hostElement = getHostElement();\n  const targetElement = options?.element ?? hostElement ?? document.body;\n\n  // Create the context request event with contextTarget for proper re-parenting support\n  const event = new ContextRequestEvent(context, callback, {\n    subscribe: options?.subscribe,\n    target: targetElement,\n  });\n\n  // First, try to handle via SolidJS context chain (synchronous)\n  const handler = getContextRequestHandler();\n  let handled = false;\n\n  if (handler) {\n    handled = handler(event);\n  }\n\n  // If not handled by SolidJS providers, try DOM event dispatch\n  if (!handled) {\n    targetElement.dispatchEvent(event);\n  }\n\n  // Cleanup: unsubscribe when component unmounts\n  // Cleanup: unsubscribe when component unmounts\n  onCleanup(() => {\n    unsubscribeFn?.();\n  });\n\n  return value;\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext as createSolidContext, useContext } from 'solid-js';\n\n/**\n * Internal SolidJS context for passing the host element to nested components.\n * This allows useWebComponentContext to dispatch events from the custom element.\n */\nexport const HostElementContext = createSolidContext<HTMLElement | undefined>();\n\n/**\n * Get the host custom element from SolidJS context.\n * Used internally by useWebComponentContext when called from a custom element.\n */\nexport function getHostElement(): HTMLElement | undefined {\n  return useContext(HostElementContext);\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport {\n  type Accessor,\n  type JSX,\n  createEffect,\n  createContext as createSolidContext,\n  onCleanup,\n  onMount,\n  useContext,\n} from 'solid-js';\n\nimport {\n  CONTEXT_PROVIDER_EVENT,\n  CONTEXT_REQUEST_EVENT,\n  type ContextCallback,\n  ContextProviderEvent,\n  ContextRequestEvent,\n  type ContextType,\n  type UnknownContext,\n} from '@dxos/web-context';\n\n/**\n * Handler function type for context requests passed via SolidJS context\n */\ntype ContextRequestHandler = (event: ContextRequestEvent<UnknownContext>) => boolean;\n\n/**\n * Internal SolidJS context for passing context request handlers down the tree.\n * This allows useWebComponentContext to work synchronously in SolidJS.\n */\nconst ContextRequestHandlerContext = createSolidContext<ContextRequestHandler | undefined>();\n\n/**\n * Try to handle a context request using the SolidJS context chain.\n * Returns true if handled, false otherwise.\n * Used internally by useWebComponentContext.\n */\nexport function tryHandleContextRequest(event: ContextRequestEvent<UnknownContext>): boolean {\n  const handler = useContext(ContextRequestHandlerContext);\n  if (handler) {\n    return handler(event);\n  }\n  return false;\n}\n\n/**\n * Get the context request handler from SolidJS context.\n * Used internally by useWebComponentContext.\n */\nexport function getContextRequestHandler(): ContextRequestHandler | undefined {\n  return useContext(ContextRequestHandlerContext);\n}\n\n/**\n * Props for the ContextProtocolProvider component\n */\nexport interface ContextProtocolProviderProps<T extends UnknownContext> {\n  /** The context key to provide */\n  context: T;\n  /** The value to provide - can be a static value or an accessor for reactive updates */\n  value: ContextType<T> | Accessor<ContextType<T>>;\n  /** Child elements */\n  children: JSX.Element;\n}\n\n/**\n * A provider component that:\n * 1. Handles context-request events from web components (via DOM events)\n * 2. Handles context requests from SolidJS consumers (via SolidJS context)\n * 3. Supports subscriptions for reactive updates\n * 4. Uses WeakRef for subscriptions to prevent memory leaks\n */\nexport function ContextProtocolProvider<T extends UnknownContext>(props: ContextProtocolProviderProps<T>): JSX.Element {\n  // Get parent handler if one exists (for nested providers)\n  const parentHandler = useContext(ContextRequestHandlerContext);\n\n  // Track subscriptions with their stable unsubscribe functions and consumer host elements\n  // We use WeakMap to hold callbacks weakly. This ensures that if a consumer\n  // drops the callback, we don't leak memory.\n  //\n  // NOTE: This means consumers MUST retain the callback reference as long as they\n  // want to receive updates (e.g. implicitly via closure in a retained component).\n  interface SubscriptionInfo {\n    unsubscribe: () => void;\n    consumerHost: Element;\n    // Store ref to allow cleaning up the Set when unsubscribing\n    ref: WeakRef<ContextCallback<ContextType<T>>>;\n  }\n  const subscriptions = new WeakMap<ContextCallback<ContextType<T>>, SubscriptionInfo>();\n  const subscriptionRefs = new Set<WeakRef<ContextCallback<ContextType<T>>>>();\n\n  // Helper to get current value (handles both static and accessor)\n  const getValue = (): ContextType<T> => {\n    const v = props.value;\n    return typeof v === 'function' ? (v as Accessor<ContextType<T>>)() : v;\n  };\n\n  // Core handler logic - used by both DOM events and SolidJS context\n  const handleRequest = (event: ContextRequestEvent<UnknownContext>): boolean => {\n    // Check if this provider handles this context (strict equality per spec)\n    if (event.context !== props.context) {\n      // Pass to parent handler if we don't handle this context\n      if (parentHandler) {\n        return parentHandler(event);\n      }\n      return false;\n    }\n\n    const currentValue = getValue();\n\n    if (event.subscribe) {\n      // Store the callback for future updates\n      const callback = event.callback as ContextCallback<ContextType<T>>;\n\n      // Get the consumer host element from the event\n      // Fallback to composedPath()[0] if contextTarget is missing (standard compliance)\n      const consumerHost = event.contextTarget || (event.composedPath()[0] as Element);\n\n      // Create a stable unsubscribe function for this callback\n      // IMPORTANT: We must pass the SAME unsubscribe function each time we call the callback\n      // Lit's ContextConsumer compares unsubscribe functions and calls the old one if different\n      const unsubscribe = () => {\n        const info = subscriptions.get(callback);\n        if (info) {\n          subscriptionRefs.delete(info.ref);\n          subscriptions.delete(callback);\n        }\n      };\n\n      const ref = new WeakRef(callback);\n      subscriptions.set(callback, { unsubscribe, consumerHost, ref });\n      subscriptionRefs.add(ref);\n\n      // Invoke callback with current value and unsubscribe function\n      event.callback(currentValue, unsubscribe);\n    } else {\n      // One-time request - just provide the value\n      event.callback(currentValue);\n    }\n\n    return true;\n  };\n\n  // Handle DOM context-request events (for web components)\n  const handleContextRequestEvent = (e: Event) => {\n    const event = e as ContextRequestEvent<UnknownContext>;\n    if (handleRequest(event)) {\n      // Stop propagation per spec recommendation\n      event.stopImmediatePropagation();\n    }\n  };\n\n  // Handle context-provider events from child providers\n  // When a new provider appears below us, we re-dispatch our subscriptions\n  // so consumers can re-parent to the closer provider\n  const handleContextProviderEvent = (e: Event) => {\n    const event = e as ContextProviderEvent<UnknownContext>;\n\n    // Only handle events for our context\n    if (event.context !== props.context) {\n      return;\n    }\n\n    // Don't handle our own event\n    if (containerRef && event.contextTarget === containerRef) {\n      return;\n    }\n\n    // Re-dispatch context requests from our subscribers\n    // They may now have a closer provider\n    // Iterate over weak refs to re-dispatch\n    // We use a separate Set of WeakRefs because WeakMap is not iterable.\n    // This allows us to re-parent subscriptions when a new provider appears.\n    const seen = new Set<ContextCallback<ContextType<T>>>();\n    for (const ref of subscriptionRefs) {\n      const callback = ref.deref();\n      if (!callback) {\n        subscriptionRefs.delete(ref);\n        continue;\n      }\n\n      const info = subscriptions.get(callback);\n      if (!info) continue;\n\n      const { consumerHost } = info;\n\n      // Prevent infinite loops with duplicate callbacks\n      if (seen.has(callback)) {\n        continue;\n      }\n      seen.add(callback);\n\n      // Re-dispatch the context request from the consumer\n      // We explicitly pass the original consumerHost as the target to preserve the causal chain\n      consumerHost.dispatchEvent(\n        new ContextRequestEvent(props.context, callback, { subscribe: true, target: consumerHost }),\n      );\n    }\n\n    // Stop propagation - we've handled the re-parenting\n    event.stopPropagation();\n  };\n\n  // Set up effect to notify subscribers when value changes\n  let isFirstRun = true;\n  createEffect(() => {\n    // IMPORTANT: We must call the accessor DIRECTLY inside the effect to establish tracking\n    // Reading props.value gives us the accessor, then we must call it to track the signal\n    const v = props.value;\n    const newValue = typeof v === 'function' ? (v as Accessor<ContextType<T>>)() : v;\n\n    // Skip first run - only notify on changes after initial subscription\n    if (isFirstRun) {\n      isFirstRun = false;\n      return;\n    }\n\n    // Notify all subscribers with their stable unsubscribe functions\n    for (const ref of subscriptionRefs) {\n      const callback = ref.deref();\n      if (!callback) {\n        subscriptionRefs.delete(ref);\n        continue;\n      }\n\n      const info = subscriptions.get(callback);\n      if (info) {\n        callback(newValue, info.unsubscribe);\n      }\n    }\n  });\n\n  // Reference to container element for event listener\n  let containerRef: HTMLDivElement | undefined;\n\n  // Set up event listeners when element is created\n  const setupListeners = (el: HTMLDivElement) => {\n    containerRef = el;\n    el.addEventListener(CONTEXT_REQUEST_EVENT, handleContextRequestEvent);\n    el.addEventListener(CONTEXT_PROVIDER_EVENT, handleContextProviderEvent);\n  };\n\n  // Announce this provider when mounted\n  // This allows ContextRoot implementations to replay pending requests\n  // and allows parent providers to re-parent their subscriptions\n  onMount(() => {\n    if (containerRef) {\n      containerRef.dispatchEvent(new ContextProviderEvent(props.context, containerRef));\n    }\n  });\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    if (containerRef) {\n      containerRef.removeEventListener(CONTEXT_REQUEST_EVENT, handleContextRequestEvent);\n      containerRef.removeEventListener(CONTEXT_PROVIDER_EVENT, handleContextProviderEvent);\n    }\n    // WeakMap clears itself, but we should clear the Set of refs\n    subscriptionRefs.clear();\n  });\n\n  return (\n    <ContextRequestHandlerContext.Provider value={handleRequest}>\n      <div ref={setupListeners} style={{ display: 'contents' }}>\n        {props.children}\n      </div>\n    </ContextRequestHandlerContext.Provider>\n  );\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport type { ComponentType } from 'solid-element';\nimport type { JSX } from 'solid-js';\n\nimport { HostElementContext } from './internal';\n\n/**\n * Integration utilities for using Web Component Context Protocol with solid-element.\n *\n * This module provides utilities to integrate our context protocol implementation\n * with the solid-element library for creating web components.\n *\n * @example\n * ```tsx\n * import { customElement } from 'solid-element';\n * import { withContextProvider } from './context/solid-element';\n *\n * customElement('my-button', {}, withContextProvider((props, { element }) => {\n *   const theme = useWebComponentContext(themeContext, { subscribe: true });\n *   return <button style={{ background: theme()?.primary }}>Click me</button>;\n * }));\n * ```\n */\n\n/**\n * Options passed by solid-element to component functions.\n * The element extends HTMLElement with additional custom element methods.\n */\nexport interface SolidElementOptions {\n  element: HTMLElement & {\n    renderRoot: Element | Document | ShadowRoot | DocumentFragment;\n    addReleaseCallback(fn: () => void): void;\n    addPropertyChangedCallback(fn: (name: string, value: unknown) => void): void;\n  };\n}\n\n/**\n * Function component type for solid-element.\n * Receives props and an options object containing the host element.\n */\nexport type SolidElementComponent<P extends object = object> = (props: P, options: SolidElementOptions) => JSX.Element;\n\n/**\n * Wraps a solid-element component to provide the host element context.\n * This enables useWebComponentContext to dispatch events from the custom element\n * rather than document.body.\n *\n * @param component - The solid-element component function\n * @returns A wrapped component that provides HostElementContext\n *\n * @example\n * ```tsx\n * import { customElement } from 'solid-element';\n * import { withContextProvider, useWebComponentContext } from './context';\n *\n * customElement('themed-button', {}, withContextProvider((props, { element }) => {\n *   const theme = useWebComponentContext(themeContext, { subscribe: true });\n *   return (\n *     <button style={{ background: theme()?.primary }}>\n *       Themed Button\n *     </button>\n *   );\n * }));\n * ```\n */\nexport function withContextProvider<P extends object>(component: SolidElementComponent<P>): ComponentType<P> {\n  // Return a new component function that wraps the original with HostElementContext\n  // This enables useWebComponentContext to dispatch events from the custom element\n  const wrappedComponent = (props: P, options: SolidElementOptions) => {\n    // Create a child component that renders within the context\n    const WrappedContent = () => component(props, options);\n\n    return (\n      <HostElementContext.Provider value={options.element}>\n        <WrappedContent />\n      </HostElementContext.Provider>\n    );\n  };\n\n  return wrappedComponent as unknown as ComponentType<P>;\n}\n"],
+  "mappings": "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",
+  "names": ["createSignal", "onCleanup", "ContextRequestEvent", "createContext", "createSolidContext", "useContext", "HostElementContext", "createSolidContext", "getHostElement", "useContext", "createEffect", "createContext", "createSolidContext", "onCleanup", "onMount", "useContext", "CONTEXT_PROVIDER_EVENT", "CONTEXT_REQUEST_EVENT", "ContextProviderEvent", "ContextRequestEvent", "ContextRequestHandlerContext", "createSolidContext", "tryHandleContextRequest", "event", "handler", "useContext", "getContextRequestHandler", "ContextProtocolProvider", "props", "parentHandler", "subscriptions", "WeakMap", "subscriptionRefs", "Set", "getValue", "v", "value", "handleRequest", "context", "currentValue", "subscribe", "callback", "consumerHost", "contextTarget", "composedPath", "unsubscribe", "info", "get", "delete", "ref", "WeakRef", "set", "add", "handleContextRequestEvent", "e", "stopImmediatePropagation", "handleContextProviderEvent", "containerRef", "seen", "deref", "has", "dispatchEvent", "ContextRequestEvent", "target", "stopPropagation", "isFirstRun", "createEffect", "newValue", "setupListeners", "el", "addEventListener", "CONTEXT_REQUEST_EVENT", "CONTEXT_PROVIDER_EVENT", "onMount", "ContextProviderEvent", "onCleanup", "removeEventListener", "clear", "Provider", "div", "style", "display", "children", "useWebComponentContext", "context", "options", "value", "setValue", "createSignal", "undefined", "unsubscribeFn", "callback", "newValue", "unsubscribe", "hostElement", "getHostElement", "targetElement", "element", "document", "body", "event", "ContextRequestEvent", "subscribe", "target", "handler", "getContextRequestHandler", "handled", "dispatchEvent", "onCleanup", "withContextProvider", "component", "wrappedComponent", "props", "options", "WrappedContent", "_jsx", "HostElementContext", "Provider", "value", "element"]
+}

package/dist/lib/browser/meta.json

@@ -0,0 +1 @@
+{"inputs":{"src/internal.ts":{"bytes":1993,"imports":[{"path":"solid-js","kind":"import-statement","external":true}],"format":"esm"},"src/provider.tsx":{"bytes":26875,"imports":[{"path":"solid-js/jsx-runtime","kind":"import-statement","external":true},{"path":"solid-js","kind":"import-statement","external":true},{"path":"@dxos/web-context","kind":"import-statement","external":true}],"format":"esm"},"src/consumer.ts":{"bytes":8500,"imports":[{"path":"solid-js","kind":"import-statement","external":true},{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"src/internal.ts","kind":"import-statement","original":"./internal"},{"path":"src/provider.tsx","kind":"import-statement","original":"./provider"}],"format":"esm"},"src/solid-element.tsx":{"bytes":6420,"imports":[{"path":"solid-js/jsx-runtime","kind":"import-statement","external":true},{"path":"src/internal.ts","kind":"import-statement","original":"./internal"}],"format":"esm"},"src/index.ts":{"bytes":760,"imports":[{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"src/consumer.ts","kind":"import-statement","original":"./consumer"},{"path":"src/provider.tsx","kind":"import-statement","original":"./provider"},{"path":"src/solid-element.tsx","kind":"import-statement","original":"./solid-element"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":22331},"dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"solid-js","kind":"import-statement","external":true},{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"solid-js","kind":"import-statement","external":true},{"path":"solid-js/jsx-runtime","kind":"import-statement","external":true},{"path":"solid-js","kind":"import-statement","external":true},{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"solid-js/jsx-runtime","kind":"import-statement","external":true}],"exports":["ContextProtocolProvider","getContextRequestHandler","tryHandleContextRequest","useWebComponentContext","withContextProvider"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":35},"src/consumer.ts":{"bytesInOutput":910},"src/internal.ts":{"bytesInOutput":194},"src/provider.tsx":{"bytesInOutput":4178},"src/solid-element.tsx":{"bytesInOutput":398}},"bytes":6015}}}

package/dist/lib/node-esm/index.mjs

@@ -0,0 +1,205 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// src/index.ts
+export * from "@dxos/web-context";
+
+// src/consumer.ts
+import { createSignal, onCleanup as onCleanup2 } from "solid-js";
+import { ContextRequestEvent as ContextRequestEvent2 } from "@dxos/web-context";
+
+// src/internal.ts
+import { createContext as createSolidContext, useContext } from "solid-js";
+var HostElementContext = createSolidContext();
+function getHostElement() {
+  return useContext(HostElementContext);
+}
+
+// src/provider.tsx
+import { jsx as _jsx } from "solid-js/jsx-runtime";
+import { createEffect, createContext as createSolidContext2, onCleanup, onMount, useContext as useContext2 } from "solid-js";
+import { CONTEXT_PROVIDER_EVENT, CONTEXT_REQUEST_EVENT, ContextProviderEvent, ContextRequestEvent } from "@dxos/web-context";
+var ContextRequestHandlerContext = createSolidContext2();
+function tryHandleContextRequest(event) {
+  const handler = useContext2(ContextRequestHandlerContext);
+  if (handler) {
+    return handler(event);
+  }
+  return false;
+}
+function getContextRequestHandler() {
+  return useContext2(ContextRequestHandlerContext);
+}
+function ContextProtocolProvider(props) {
+  const parentHandler = useContext2(ContextRequestHandlerContext);
+  const subscriptions = /* @__PURE__ */ new WeakMap();
+  const subscriptionRefs = /* @__PURE__ */ new Set();
+  const getValue = () => {
+    const v = props.value;
+    return typeof v === "function" ? v() : v;
+  };
+  const handleRequest = (event) => {
+    if (event.context !== props.context) {
+      if (parentHandler) {
+        return parentHandler(event);
+      }
+      return false;
+    }
+    const currentValue = getValue();
+    if (event.subscribe) {
+      const callback = event.callback;
+      const consumerHost = event.contextTarget || event.composedPath()[0];
+      const unsubscribe = () => {
+        const info = subscriptions.get(callback);
+        if (info) {
+          subscriptionRefs.delete(info.ref);
+          subscriptions.delete(callback);
+        }
+      };
+      const ref = new WeakRef(callback);
+      subscriptions.set(callback, {
+        unsubscribe,
+        consumerHost,
+        ref
+      });
+      subscriptionRefs.add(ref);
+      event.callback(currentValue, unsubscribe);
+    } else {
+      event.callback(currentValue);
+    }
+    return true;
+  };
+  const handleContextRequestEvent = (e) => {
+    const event = e;
+    if (handleRequest(event)) {
+      event.stopImmediatePropagation();
+    }
+  };
+  const handleContextProviderEvent = (e) => {
+    const event = e;
+    if (event.context !== props.context) {
+      return;
+    }
+    if (containerRef && event.contextTarget === containerRef) {
+      return;
+    }
+    const seen = /* @__PURE__ */ new Set();
+    for (const ref of subscriptionRefs) {
+      const callback = ref.deref();
+      if (!callback) {
+        subscriptionRefs.delete(ref);
+        continue;
+      }
+      const info = subscriptions.get(callback);
+      if (!info) continue;
+      const { consumerHost } = info;
+      if (seen.has(callback)) {
+        continue;
+      }
+      seen.add(callback);
+      consumerHost.dispatchEvent(new ContextRequestEvent(props.context, callback, {
+        subscribe: true,
+        target: consumerHost
+      }));
+    }
+    event.stopPropagation();
+  };
+  let isFirstRun = true;
+  createEffect(() => {
+    const v = props.value;
+    const newValue = typeof v === "function" ? v() : v;
+    if (isFirstRun) {
+      isFirstRun = false;
+      return;
+    }
+    for (const ref of subscriptionRefs) {
+      const callback = ref.deref();
+      if (!callback) {
+        subscriptionRefs.delete(ref);
+        continue;
+      }
+      const info = subscriptions.get(callback);
+      if (info) {
+        callback(newValue, info.unsubscribe);
+      }
+    }
+  });
+  let containerRef;
+  const setupListeners = (el) => {
+    containerRef = el;
+    el.addEventListener(CONTEXT_REQUEST_EVENT, handleContextRequestEvent);
+    el.addEventListener(CONTEXT_PROVIDER_EVENT, handleContextProviderEvent);
+  };
+  onMount(() => {
+    if (containerRef) {
+      containerRef.dispatchEvent(new ContextProviderEvent(props.context, containerRef));
+    }
+  });
+  onCleanup(() => {
+    if (containerRef) {
+      containerRef.removeEventListener(CONTEXT_REQUEST_EVENT, handleContextRequestEvent);
+      containerRef.removeEventListener(CONTEXT_PROVIDER_EVENT, handleContextProviderEvent);
+    }
+    subscriptionRefs.clear();
+  });
+  return /* @__PURE__ */ _jsx(ContextRequestHandlerContext.Provider, {
+    value: handleRequest,
+    children: /* @__PURE__ */ _jsx("div", {
+      ref: setupListeners,
+      style: {
+        display: "contents"
+      },
+      children: props.children
+    })
+  });
+}
+
+// src/consumer.ts
+function useWebComponentContext(context, options) {
+  const [value, setValue] = createSignal(void 0);
+  let unsubscribeFn;
+  const callback = (newValue, unsubscribe) => {
+    setValue(() => newValue);
+    if (unsubscribe) {
+      unsubscribeFn = unsubscribe;
+    }
+  };
+  const hostElement = getHostElement();
+  const targetElement = options?.element ?? hostElement ?? document.body;
+  const event = new ContextRequestEvent2(context, callback, {
+    subscribe: options?.subscribe,
+    target: targetElement
+  });
+  const handler = getContextRequestHandler();
+  let handled = false;
+  if (handler) {
+    handled = handler(event);
+  }
+  if (!handled) {
+    targetElement.dispatchEvent(event);
+  }
+  onCleanup2(() => {
+    unsubscribeFn?.();
+  });
+  return value;
+}
+
+// src/solid-element.tsx
+import { jsx as _jsx2 } from "solid-js/jsx-runtime";
+function withContextProvider(component) {
+  const wrappedComponent = (props, options) => {
+    const WrappedContent = () => component(props, options);
+    return /* @__PURE__ */ _jsx2(HostElementContext.Provider, {
+      value: options.element,
+      children: /* @__PURE__ */ _jsx2(WrappedContent, {})
+    });
+  };
+  return wrappedComponent;
+}
+export {
+  ContextProtocolProvider,
+  getContextRequestHandler,
+  tryHandleContextRequest,
+  useWebComponentContext,
+  withContextProvider
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/index.ts", "../../../src/consumer.ts", "../../../src/internal.ts", "../../../src/provider.tsx", "../../../src/solid-element.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nexport * from '@dxos/web-context';\n\nexport * from './consumer';\nexport * from './provider';\nexport * from './solid-element';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Accessor, createSignal, onCleanup } from 'solid-js';\n\nimport { ContextRequestEvent, type ContextType, type UnknownContext } from '@dxos/web-context';\n\nimport { getHostElement } from './internal';\nimport { getContextRequestHandler } from './provider';\n\n/**\n * Options for useWebComponentContext hook\n */\nexport interface UseWebComponentContextOptions {\n  /**\n   * Whether to subscribe to context updates.\n   * If true, the returned signal will update when the provider's value changes.\n   * Default: false\n   */\n  subscribe?: boolean;\n\n  /**\n   * The element to dispatch the context-request event from.\n   * This is only used when there's no SolidJS provider in the tree.\n   * Default: document.body\n   */\n  element?: HTMLElement;\n}\n\n/**\n * A SolidJS hook that requests context using the Web Component Context Protocol.\n *\n * This first tries to use the SolidJS context chain (for providers in the same\n * SolidJS tree), then falls back to dispatching a DOM event (for web component\n * providers).\n *\n * @param context - The context key to request\n * @param options - Optional configuration\n * @returns An accessor that returns the context value or undefined\n *\n * @example\n * ```tsx\n * const theme = useWebComponentContext(themeContext);\n * return <div style={{ color: theme()?.primary }}>Hello</div>;\n * ```\n *\n * @example\n * ```tsx\n * // Subscribe to updates\n * const theme = useWebComponentContext(themeContext, { subscribe: true });\n * return <div style={{ color: theme()?.primary }}>Hello</div>;\n * ```\n */\nexport function useWebComponentContext<T extends UnknownContext>(\n  context: T,\n  options?: UseWebComponentContextOptions,\n): Accessor<ContextType<T> | undefined> {\n  const [value, setValue] = createSignal<ContextType<T> | undefined>(undefined);\n  let unsubscribeFn: (() => void) | undefined;\n\n  // Create callback that updates our signal\n  const callback = (newValue: ContextType<T>, unsubscribe?: () => void): void => {\n    setValue(() => newValue);\n    // Store the latest unsubscribe function\n    if (unsubscribe) {\n      unsubscribeFn = unsubscribe;\n    }\n  };\n\n  // Determine the target element for the context request\n  // Use: 1) explicit element option, 2) host element from custom element context, 3) document.body\n  const hostElement = getHostElement();\n  const targetElement = options?.element ?? hostElement ?? document.body;\n\n  // Create the context request event with contextTarget for proper re-parenting support\n  const event = new ContextRequestEvent(context, callback, {\n    subscribe: options?.subscribe,\n    target: targetElement,\n  });\n\n  // First, try to handle via SolidJS context chain (synchronous)\n  const handler = getContextRequestHandler();\n  let handled = false;\n\n  if (handler) {\n    handled = handler(event);\n  }\n\n  // If not handled by SolidJS providers, try DOM event dispatch\n  if (!handled) {\n    targetElement.dispatchEvent(event);\n  }\n\n  // Cleanup: unsubscribe when component unmounts\n  // Cleanup: unsubscribe when component unmounts\n  onCleanup(() => {\n    unsubscribeFn?.();\n  });\n\n  return value;\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext as createSolidContext, useContext } from 'solid-js';\n\n/**\n * Internal SolidJS context for passing the host element to nested components.\n * This allows useWebComponentContext to dispatch events from the custom element.\n */\nexport const HostElementContext = createSolidContext<HTMLElement | undefined>();\n\n/**\n * Get the host custom element from SolidJS context.\n * Used internally by useWebComponentContext when called from a custom element.\n */\nexport function getHostElement(): HTMLElement | undefined {\n  return useContext(HostElementContext);\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport {\n  type Accessor,\n  type JSX,\n  createEffect,\n  createContext as createSolidContext,\n  onCleanup,\n  onMount,\n  useContext,\n} from 'solid-js';\n\nimport {\n  CONTEXT_PROVIDER_EVENT,\n  CONTEXT_REQUEST_EVENT,\n  type ContextCallback,\n  ContextProviderEvent,\n  ContextRequestEvent,\n  type ContextType,\n  type UnknownContext,\n} from '@dxos/web-context';\n\n/**\n * Handler function type for context requests passed via SolidJS context\n */\ntype ContextRequestHandler = (event: ContextRequestEvent<UnknownContext>) => boolean;\n\n/**\n * Internal SolidJS context for passing context request handlers down the tree.\n * This allows useWebComponentContext to work synchronously in SolidJS.\n */\nconst ContextRequestHandlerContext = createSolidContext<ContextRequestHandler | undefined>();\n\n/**\n * Try to handle a context request using the SolidJS context chain.\n * Returns true if handled, false otherwise.\n * Used internally by useWebComponentContext.\n */\nexport function tryHandleContextRequest(event: ContextRequestEvent<UnknownContext>): boolean {\n  const handler = useContext(ContextRequestHandlerContext);\n  if (handler) {\n    return handler(event);\n  }\n  return false;\n}\n\n/**\n * Get the context request handler from SolidJS context.\n * Used internally by useWebComponentContext.\n */\nexport function getContextRequestHandler(): ContextRequestHandler | undefined {\n  return useContext(ContextRequestHandlerContext);\n}\n\n/**\n * Props for the ContextProtocolProvider component\n */\nexport interface ContextProtocolProviderProps<T extends UnknownContext> {\n  /** The context key to provide */\n  context: T;\n  /** The value to provide - can be a static value or an accessor for reactive updates */\n  value: ContextType<T> | Accessor<ContextType<T>>;\n  /** Child elements */\n  children: JSX.Element;\n}\n\n/**\n * A provider component that:\n * 1. Handles context-request events from web components (via DOM events)\n * 2. Handles context requests from SolidJS consumers (via SolidJS context)\n * 3. Supports subscriptions for reactive updates\n * 4. Uses WeakRef for subscriptions to prevent memory leaks\n */\nexport function ContextProtocolProvider<T extends UnknownContext>(props: ContextProtocolProviderProps<T>): JSX.Element {\n  // Get parent handler if one exists (for nested providers)\n  const parentHandler = useContext(ContextRequestHandlerContext);\n\n  // Track subscriptions with their stable unsubscribe functions and consumer host elements\n  // We use WeakMap to hold callbacks weakly. This ensures that if a consumer\n  // drops the callback, we don't leak memory.\n  //\n  // NOTE: This means consumers MUST retain the callback reference as long as they\n  // want to receive updates (e.g. implicitly via closure in a retained component).\n  interface SubscriptionInfo {\n    unsubscribe: () => void;\n    consumerHost: Element;\n    // Store ref to allow cleaning up the Set when unsubscribing\n    ref: WeakRef<ContextCallback<ContextType<T>>>;\n  }\n  const subscriptions = new WeakMap<ContextCallback<ContextType<T>>, SubscriptionInfo>();\n  const subscriptionRefs = new Set<WeakRef<ContextCallback<ContextType<T>>>>();\n\n  // Helper to get current value (handles both static and accessor)\n  const getValue = (): ContextType<T> => {\n    const v = props.value;\n    return typeof v === 'function' ? (v as Accessor<ContextType<T>>)() : v;\n  };\n\n  // Core handler logic - used by both DOM events and SolidJS context\n  const handleRequest = (event: ContextRequestEvent<UnknownContext>): boolean => {\n    // Check if this provider handles this context (strict equality per spec)\n    if (event.context !== props.context) {\n      // Pass to parent handler if we don't handle this context\n      if (parentHandler) {\n        return parentHandler(event);\n      }\n      return false;\n    }\n\n    const currentValue = getValue();\n\n    if (event.subscribe) {\n      // Store the callback for future updates\n      const callback = event.callback as ContextCallback<ContextType<T>>;\n\n      // Get the consumer host element from the event\n      // Fallback to composedPath()[0] if contextTarget is missing (standard compliance)\n      const consumerHost = event.contextTarget || (event.composedPath()[0] as Element);\n\n      // Create a stable unsubscribe function for this callback\n      // IMPORTANT: We must pass the SAME unsubscribe function each time we call the callback\n      // Lit's ContextConsumer compares unsubscribe functions and calls the old one if different\n      const unsubscribe = () => {\n        const info = subscriptions.get(callback);\n        if (info) {\n          subscriptionRefs.delete(info.ref);\n          subscriptions.delete(callback);\n        }\n      };\n\n      const ref = new WeakRef(callback);\n      subscriptions.set(callback, { unsubscribe, consumerHost, ref });\n      subscriptionRefs.add(ref);\n\n      // Invoke callback with current value and unsubscribe function\n      event.callback(currentValue, unsubscribe);\n    } else {\n      // One-time request - just provide the value\n      event.callback(currentValue);\n    }\n\n    return true;\n  };\n\n  // Handle DOM context-request events (for web components)\n  const handleContextRequestEvent = (e: Event) => {\n    const event = e as ContextRequestEvent<UnknownContext>;\n    if (handleRequest(event)) {\n      // Stop propagation per spec recommendation\n      event.stopImmediatePropagation();\n    }\n  };\n\n  // Handle context-provider events from child providers\n  // When a new provider appears below us, we re-dispatch our subscriptions\n  // so consumers can re-parent to the closer provider\n  const handleContextProviderEvent = (e: Event) => {\n    const event = e as ContextProviderEvent<UnknownContext>;\n\n    // Only handle events for our context\n    if (event.context !== props.context) {\n      return;\n    }\n\n    // Don't handle our own event\n    if (containerRef && event.contextTarget === containerRef) {\n      return;\n    }\n\n    // Re-dispatch context requests from our subscribers\n    // They may now have a closer provider\n    // Iterate over weak refs to re-dispatch\n    // We use a separate Set of WeakRefs because WeakMap is not iterable.\n    // This allows us to re-parent subscriptions when a new provider appears.\n    const seen = new Set<ContextCallback<ContextType<T>>>();\n    for (const ref of subscriptionRefs) {\n      const callback = ref.deref();\n      if (!callback) {\n        subscriptionRefs.delete(ref);\n        continue;\n      }\n\n      const info = subscriptions.get(callback);\n      if (!info) continue;\n\n      const { consumerHost } = info;\n\n      // Prevent infinite loops with duplicate callbacks\n      if (seen.has(callback)) {\n        continue;\n      }\n      seen.add(callback);\n\n      // Re-dispatch the context request from the consumer\n      // We explicitly pass the original consumerHost as the target to preserve the causal chain\n      consumerHost.dispatchEvent(\n        new ContextRequestEvent(props.context, callback, { subscribe: true, target: consumerHost }),\n      );\n    }\n\n    // Stop propagation - we've handled the re-parenting\n    event.stopPropagation();\n  };\n\n  // Set up effect to notify subscribers when value changes\n  let isFirstRun = true;\n  createEffect(() => {\n    // IMPORTANT: We must call the accessor DIRECTLY inside the effect to establish tracking\n    // Reading props.value gives us the accessor, then we must call it to track the signal\n    const v = props.value;\n    const newValue = typeof v === 'function' ? (v as Accessor<ContextType<T>>)() : v;\n\n    // Skip first run - only notify on changes after initial subscription\n    if (isFirstRun) {\n      isFirstRun = false;\n      return;\n    }\n\n    // Notify all subscribers with their stable unsubscribe functions\n    for (const ref of subscriptionRefs) {\n      const callback = ref.deref();\n      if (!callback) {\n        subscriptionRefs.delete(ref);\n        continue;\n      }\n\n      const info = subscriptions.get(callback);\n      if (info) {\n        callback(newValue, info.unsubscribe);\n      }\n    }\n  });\n\n  // Reference to container element for event listener\n  let containerRef: HTMLDivElement | undefined;\n\n  // Set up event listeners when element is created\n  const setupListeners = (el: HTMLDivElement) => {\n    containerRef = el;\n    el.addEventListener(CONTEXT_REQUEST_EVENT, handleContextRequestEvent);\n    el.addEventListener(CONTEXT_PROVIDER_EVENT, handleContextProviderEvent);\n  };\n\n  // Announce this provider when mounted\n  // This allows ContextRoot implementations to replay pending requests\n  // and allows parent providers to re-parent their subscriptions\n  onMount(() => {\n    if (containerRef) {\n      containerRef.dispatchEvent(new ContextProviderEvent(props.context, containerRef));\n    }\n  });\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    if (containerRef) {\n      containerRef.removeEventListener(CONTEXT_REQUEST_EVENT, handleContextRequestEvent);\n      containerRef.removeEventListener(CONTEXT_PROVIDER_EVENT, handleContextProviderEvent);\n    }\n    // WeakMap clears itself, but we should clear the Set of refs\n    subscriptionRefs.clear();\n  });\n\n  return (\n    <ContextRequestHandlerContext.Provider value={handleRequest}>\n      <div ref={setupListeners} style={{ display: 'contents' }}>\n        {props.children}\n      </div>\n    </ContextRequestHandlerContext.Provider>\n  );\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport type { ComponentType } from 'solid-element';\nimport type { JSX } from 'solid-js';\n\nimport { HostElementContext } from './internal';\n\n/**\n * Integration utilities for using Web Component Context Protocol with solid-element.\n *\n * This module provides utilities to integrate our context protocol implementation\n * with the solid-element library for creating web components.\n *\n * @example\n * ```tsx\n * import { customElement } from 'solid-element';\n * import { withContextProvider } from './context/solid-element';\n *\n * customElement('my-button', {}, withContextProvider((props, { element }) => {\n *   const theme = useWebComponentContext(themeContext, { subscribe: true });\n *   return <button style={{ background: theme()?.primary }}>Click me</button>;\n * }));\n * ```\n */\n\n/**\n * Options passed by solid-element to component functions.\n * The element extends HTMLElement with additional custom element methods.\n */\nexport interface SolidElementOptions {\n  element: HTMLElement & {\n    renderRoot: Element | Document | ShadowRoot | DocumentFragment;\n    addReleaseCallback(fn: () => void): void;\n    addPropertyChangedCallback(fn: (name: string, value: unknown) => void): void;\n  };\n}\n\n/**\n * Function component type for solid-element.\n * Receives props and an options object containing the host element.\n */\nexport type SolidElementComponent<P extends object = object> = (props: P, options: SolidElementOptions) => JSX.Element;\n\n/**\n * Wraps a solid-element component to provide the host element context.\n * This enables useWebComponentContext to dispatch events from the custom element\n * rather than document.body.\n *\n * @param component - The solid-element component function\n * @returns A wrapped component that provides HostElementContext\n *\n * @example\n * ```tsx\n * import { customElement } from 'solid-element';\n * import { withContextProvider, useWebComponentContext } from './context';\n *\n * customElement('themed-button', {}, withContextProvider((props, { element }) => {\n *   const theme = useWebComponentContext(themeContext, { subscribe: true });\n *   return (\n *     <button style={{ background: theme()?.primary }}>\n *       Themed Button\n *     </button>\n *   );\n * }));\n * ```\n */\nexport function withContextProvider<P extends object>(component: SolidElementComponent<P>): ComponentType<P> {\n  // Return a new component function that wraps the original with HostElementContext\n  // This enables useWebComponentContext to dispatch events from the custom element\n  const wrappedComponent = (props: P, options: SolidElementOptions) => {\n    // Create a child component that renders within the context\n    const WrappedContent = () => component(props, options);\n\n    return (\n      <HostElementContext.Provider value={options.element}>\n        <WrappedContent />\n      </HostElementContext.Provider>\n    );\n  };\n\n  return wrappedComponent as unknown as ComponentType<P>;\n}\n"],
+  "mappings": "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",
+  "names": ["createSignal", "onCleanup", "ContextRequestEvent", "createContext", "createSolidContext", "useContext", "HostElementContext", "createSolidContext", "getHostElement", "useContext", "createEffect", "createContext", "createSolidContext", "onCleanup", "onMount", "useContext", "CONTEXT_PROVIDER_EVENT", "CONTEXT_REQUEST_EVENT", "ContextProviderEvent", "ContextRequestEvent", "ContextRequestHandlerContext", "createSolidContext", "tryHandleContextRequest", "event", "handler", "useContext", "getContextRequestHandler", "ContextProtocolProvider", "props", "parentHandler", "subscriptions", "WeakMap", "subscriptionRefs", "Set", "getValue", "v", "value", "handleRequest", "context", "currentValue", "subscribe", "callback", "consumerHost", "contextTarget", "composedPath", "unsubscribe", "info", "get", "delete", "ref", "WeakRef", "set", "add", "handleContextRequestEvent", "e", "stopImmediatePropagation", "handleContextProviderEvent", "containerRef", "seen", "deref", "has", "dispatchEvent", "ContextRequestEvent", "target", "stopPropagation", "isFirstRun", "createEffect", "newValue", "setupListeners", "el", "addEventListener", "CONTEXT_REQUEST_EVENT", "CONTEXT_PROVIDER_EVENT", "onMount", "ContextProviderEvent", "onCleanup", "removeEventListener", "clear", "Provider", "div", "style", "display", "children", "useWebComponentContext", "context", "options", "value", "setValue", "createSignal", "undefined", "unsubscribeFn", "callback", "newValue", "unsubscribe", "hostElement", "getHostElement", "targetElement", "element", "document", "body", "event", "ContextRequestEvent", "subscribe", "target", "handler", "getContextRequestHandler", "handled", "dispatchEvent", "onCleanup", "withContextProvider", "component", "wrappedComponent", "props", "options", "WrappedContent", "_jsx", "HostElementContext", "Provider", "value", "element"]
+}

package/dist/lib/node-esm/meta.json

@@ -0,0 +1 @@
+{"inputs":{"src/internal.ts":{"bytes":1993,"imports":[{"path":"solid-js","kind":"import-statement","external":true}],"format":"esm"},"src/provider.tsx":{"bytes":26875,"imports":[{"path":"solid-js/jsx-runtime","kind":"import-statement","external":true},{"path":"solid-js","kind":"import-statement","external":true},{"path":"@dxos/web-context","kind":"import-statement","external":true}],"format":"esm"},"src/consumer.ts":{"bytes":8500,"imports":[{"path":"solid-js","kind":"import-statement","external":true},{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"src/internal.ts","kind":"import-statement","original":"./internal"},{"path":"src/provider.tsx","kind":"import-statement","original":"./provider"}],"format":"esm"},"src/solid-element.tsx":{"bytes":6420,"imports":[{"path":"solid-js/jsx-runtime","kind":"import-statement","external":true},{"path":"src/internal.ts","kind":"import-statement","original":"./internal"}],"format":"esm"},"src/index.ts":{"bytes":760,"imports":[{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"src/consumer.ts","kind":"import-statement","original":"./consumer"},{"path":"src/provider.tsx","kind":"import-statement","original":"./provider"},{"path":"src/solid-element.tsx","kind":"import-statement","original":"./solid-element"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":22333},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"solid-js","kind":"import-statement","external":true},{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"solid-js","kind":"import-statement","external":true},{"path":"solid-js/jsx-runtime","kind":"import-statement","external":true},{"path":"solid-js","kind":"import-statement","external":true},{"path":"@dxos/web-context","kind":"import-statement","external":true},{"path":"solid-js/jsx-runtime","kind":"import-statement","external":true}],"exports":["ContextProtocolProvider","getContextRequestHandler","tryHandleContextRequest","useWebComponentContext","withContextProvider"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":35},"src/consumer.ts":{"bytesInOutput":910},"src/internal.ts":{"bytesInOutput":194},"src/provider.tsx":{"bytesInOutput":4178},"src/solid-element.tsx":{"bytesInOutput":398}},"bytes":6108}}}

package/dist/types/src/consumer.d.ts

@@ -0,0 +1,45 @@
+import { type Accessor } from 'solid-js';
+import { type ContextType, type UnknownContext } from '@dxos/web-context';
+/**
+ * Options for useWebComponentContext hook
+ */
+export interface UseWebComponentContextOptions {
+    /**
+     * Whether to subscribe to context updates.
+     * If true, the returned signal will update when the provider's value changes.
+     * Default: false
+     */
+    subscribe?: boolean;
+    /**
+     * The element to dispatch the context-request event from.
+     * This is only used when there's no SolidJS provider in the tree.
+     * Default: document.body
+     */
+    element?: HTMLElement;
+}
+/**
+ * A SolidJS hook that requests context using the Web Component Context Protocol.
+ *
+ * This first tries to use the SolidJS context chain (for providers in the same
+ * SolidJS tree), then falls back to dispatching a DOM event (for web component
+ * providers).
+ *
+ * @param context - The context key to request
+ * @param options - Optional configuration
+ * @returns An accessor that returns the context value or undefined
+ *
+ * @example
+ * ```tsx
+ * const theme = useWebComponentContext(themeContext);
+ * return <div style={{ color: theme()?.primary }}>Hello</div>;
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Subscribe to updates
+ * const theme = useWebComponentContext(themeContext, { subscribe: true });
+ * return <div style={{ color: theme()?.primary }}>Hello</div>;
+ * ```
+ */
+export declare function useWebComponentContext<T extends UnknownContext>(context: T, options?: UseWebComponentContextOptions): Accessor<ContextType<T> | undefined>;
+//# sourceMappingURL=consumer.d.ts.map

package/dist/types/src/consumer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consumer.d.ts","sourceRoot":"","sources":["../../../src/consumer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAA2B,MAAM,UAAU,CAAC;AAElE,OAAO,EAAuB,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAK/F;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,cAAc,EAC7D,OAAO,EAAE,CAAC,EACV,OAAO,CAAC,EAAE,6BAA6B,GACtC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CA4CtC"}

package/dist/types/src/consumer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=consumer.test.d.ts.map

package/dist/types/src/consumer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consumer.test.d.ts","sourceRoot":"","sources":["../../../src/consumer.test.tsx"],"names":[],"mappings":""}

package/dist/types/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from '@dxos/web-context';
+export * from './consumer';
+export * from './provider';
+export * from './solid-element';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAC;AAElC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}

package/dist/types/src/internal.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Internal SolidJS context for passing the host element to nested components.
+ * This allows useWebComponentContext to dispatch events from the custom element.
+ */
+export declare const HostElementContext: import("solid-js").Context<HTMLElement | undefined>;
+/**
+ * Get the host custom element from SolidJS context.
+ * Used internally by useWebComponentContext when called from a custom element.
+ */
+export declare function getHostElement(): HTMLElement | undefined;
+//# sourceMappingURL=internal.d.ts.map

package/dist/types/src/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/internal.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,qDAAgD,CAAC;AAEhF;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,GAAG,SAAS,CAExD"}