@embedpdf/plugin-ui 1.0.11 → 1.0.12

package/dist/preact/index.cjs

@@ -1,130 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/preact/index.ts
-var preact_exports = {};
-__export(preact_exports, {
-  PluginUIProvider: () => PluginUIProvider,
-  useIcon: () => useIcon,
-  useUICapability: () => useUICapability,
-  useUIPlugin: () => useUIPlugin
-});
-module.exports = __toCommonJS(preact_exports);
-
-// src/preact/hooks/use-ui.ts
-var import_preact = require("@embedpdf/core/preact");
-var import_plugin_ui = require("@embedpdf/plugin-ui");
-var useUIPlugin = () => (0, import_preact.usePlugin)(import_plugin_ui.UIPlugin.id);
-var useUICapability = () => (0, import_preact.useCapability)(import_plugin_ui.UIPlugin.id);
-
-// src/preact/hooks/use-icon.ts
-function useIcon() {
-  const { provides: uiProvides } = useUICapability();
-  if (!uiProvides) {
-    throw new Error("useIcon must be used within a UI context");
-  }
-  const {
-    registerIcon,
-    registerIcons,
-    getIcon,
-    getAllIcons,
-    getSvgString,
-    isSvgString,
-    isSvgDataUri,
-    dataUriToSvgString,
-    svgStringToDataUri
-  } = uiProvides;
-  return {
-    registerIcon,
-    registerIcons,
-    getIcon,
-    getAllIcons,
-    getSvgString,
-    isSvgString,
-    isSvgDataUri,
-    dataUriToSvgString,
-    svgStringToDataUri
-  };
-}
-
-// src/preact/components/component-wrapper.tsx
-var import_hooks = require("preact/hooks");
-var import_jsx_runtime = require("react/jsx-runtime");
-function ComponentWrapper({
-  component,
-  parentContext = {}
-}) {
-  const [_, forceUpdate] = (0, import_hooks.useState)({});
-  (0, import_hooks.useEffect)(() => {
-    const updateCallback = () => forceUpdate({});
-    if (component.onUpdate(updateCallback)) {
-      forceUpdate({});
-    }
-    return () => component.offUpdate(updateCallback);
-  }, [component]);
-  const childContext = component.getChildContext(parentContext);
-  const renderer = component.getRenderer();
-  if (!renderer) {
-    throw new Error(`No renderer for type: ${component.getRenderType}`);
-  }
-  function renderChildrenFn(options) {
-    const merged = options?.context ? { ...childContext, ...options.context } : childContext;
-    return component.getChildren().filter(({ id }) => {
-      return !options?.filter || options.filter(id);
-    }).map(
-      ({ component: child, id, className }) => className ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentWrapper, { component: child, parentContext: merged }, id) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentWrapper, { component: child, parentContext: merged }, id)
-    );
-  }
-  return renderer(component.props, renderChildrenFn, childContext);
-}
-
-// src/preact/components/plugin-ui-provider.tsx
-var import_jsx_runtime2 = require("preact/jsx-runtime");
-function PluginUIProvider({ children }) {
-  const { provides: uiProvides } = useUICapability();
-  const wrapComponents = (components) => {
-    return components.map((component) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ComponentWrapper, { component }, component.props.id));
-  };
-  const componentMap = {
-    headers: {
-      top: wrapComponents(uiProvides?.getHeadersByPlacement("top") || []),
-      bottom: wrapComponents(uiProvides?.getHeadersByPlacement("bottom") || []),
-      left: wrapComponents(uiProvides?.getHeadersByPlacement("left") || []),
-      right: wrapComponents(uiProvides?.getHeadersByPlacement("right") || [])
-    },
-    panels: {
-      left: wrapComponents(uiProvides?.getPanelsByLocation("left") || []),
-      right: wrapComponents(uiProvides?.getPanelsByLocation("right") || [])
-    },
-    floating: {
-      insideScroller: wrapComponents(uiProvides?.getFloatingComponents("inside") || []),
-      outsideScroller: wrapComponents(uiProvides?.getFloatingComponents("outside") || [])
-    },
-    commandMenu: uiProvides?.getCommandMenu() ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ComponentWrapper, { component: uiProvides.getCommandMenu() }) : null
-  };
-  return children(componentMap);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PluginUIProvider,
-  useIcon,
-  useUICapability,
-  useUIPlugin
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("preact/jsx-runtime"),t=require("@embedpdf/core/preact"),n=require("@embedpdf/plugin-ui");require("preact");const o=require("preact/hooks"),r=()=>t.useCapability(n.UIPlugin.id);function i({component:t,parentContext:n={}}){const[r,s]=o.useState({});o.useEffect((()=>{const e=()=>s({});return t.onUpdate(e)&&s({}),()=>t.offUpdate(e)}),[t]);const l=t.getChildContext(n),g=t.getRenderer();if(!g)throw new Error(`No renderer for type: ${t.getRenderType}`);return g(t.props,(function(n){const o=(null==n?void 0:n.context)?{...l,...n.context}:l;return t.getChildren().filter((({id:e})=>!(null==n?void 0:n.filter)||n.filter(e))).map((({component:t,id:n,className:r})=>r?e.jsx("div",{className:r,children:e.jsx(i,{component:t,parentContext:o},n)}):e.jsx(i,{component:t,parentContext:o},n)))}),l)}exports.PluginUIProvider=function({children:t}){const{provides:n}=r(),o=t=>t.map((t=>e.jsx(i,{component:t},t.props.id)));return t({headers:{top:o((null==n?void 0:n.getHeadersByPlacement("top"))||[]),bottom:o((null==n?void 0:n.getHeadersByPlacement("bottom"))||[]),left:o((null==n?void 0:n.getHeadersByPlacement("left"))||[]),right:o((null==n?void 0:n.getHeadersByPlacement("right"))||[])},panels:{left:o((null==n?void 0:n.getPanelsByLocation("left"))||[]),right:o((null==n?void 0:n.getPanelsByLocation("right"))||[])},floating:{insideScroller:o((null==n?void 0:n.getFloatingComponents("inside"))||[]),outsideScroller:o((null==n?void 0:n.getFloatingComponents("outside"))||[])},commandMenu:(null==n?void 0:n.getCommandMenu())?e.jsx(i,{component:n.getCommandMenu()}):null})},exports.useIcon=function(){const{provides:e}=r();if(!e)throw new Error("useIcon must be used within a UI context");const{registerIcon:t,registerIcons:n,getIcon:o,getAllIcons:i,getSvgString:s,isSvgString:l,isSvgDataUri:g,dataUriToSvgString:a,svgStringToDataUri:c}=e;return{registerIcon:t,registerIcons:n,getIcon:o,getAllIcons:i,getSvgString:s,isSvgString:l,isSvgDataUri:g,dataUriToSvgString:a,svgStringToDataUri:c}},exports.useUICapability=r,exports.useUIPlugin=()=>t.usePlugin(n.UIPlugin.id);
+//# sourceMappingURL=index.cjs.map

package/dist/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preact/index.ts","../../src/preact/hooks/use-ui.ts","../../src/preact/hooks/use-icon.ts","../../src/preact/components/component-wrapper.tsx","../../src/preact/components/plugin-ui-provider.tsx"],"sourcesContent":["export * from './components';\nexport * from './hooks';\n","import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { UIPlugin } from '@embedpdf/plugin-ui';\n\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n","import { useUICapability } from './use-ui';\nimport { IconIdentifier, Icon as IconType, IconRegistry } from '@embedpdf/plugin-ui';\n\n/**\n * Hook to access icon functionality in React\n */\nexport function useIcon() {\n  const { provides: uiProvides } = useUICapability();\n\n  if (!uiProvides) {\n    throw new Error('useIcon must be used within a UI context');\n  }\n\n  const {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  } = uiProvides;\n\n  return {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  };\n}\n","import { useState, useEffect } from 'preact/hooks';\nimport { childrenFunctionOptions, UIComponent } from '@embedpdf/plugin-ui';\n\nexport function ComponentWrapper({\n  component,\n  parentContext = {},\n}: {\n  component: UIComponent<any>;\n  parentContext?: Record<string, any>;\n}) {\n  const [_, forceUpdate] = useState({});\n\n  useEffect(() => {\n    const updateCallback = () => forceUpdate({});\n    // If the component had updated before we attach the listener, force one re-render\n    if (component.onUpdate(updateCallback)) {\n      forceUpdate({});\n    }\n    return () => component.offUpdate(updateCallback);\n  }, [component]);\n\n  // Merge contexts from parent + the UIComponent's own child context\n  const childContext = component.getChildContext(parentContext);\n\n  // Instead of returning `component.render()`, we do the following:\n\n  // 1) Look up the \"renderer function\" for this component type\n  const renderer = component.getRenderer(); // We'll define getRenderer() below\n\n  if (!renderer) {\n    throw new Error(`No renderer for type: ${component.getRenderType}`);\n  }\n\n  // 2) Build a function that returns child wrappers\n  function renderChildrenFn(options?: childrenFunctionOptions) {\n    const merged = options?.context ? { ...childContext, ...options.context } : childContext;\n    return component\n      .getChildren()\n      .filter(({ id }) => {\n        // If filter function is provided, use it to determine if we should include this child\n        return !options?.filter || options.filter(id);\n      })\n      .map(({ component: child, id, className }) =>\n        className ? (\n          <div className={className}>\n            <ComponentWrapper key={id} component={child} parentContext={merged} />\n          </div>\n        ) : (\n          <ComponentWrapper key={id} component={child} parentContext={merged} />\n        ),\n      );\n  }\n\n  // 3) Finally call the renderer with (props, childrenFn, context)\n  return renderer(component.props, renderChildrenFn, childContext);\n}\n","/** @jsxImportSource preact */\nimport { h, JSX, ComponentChildren } from 'preact';\nimport { useUICapability } from '../hooks';\nimport { ComponentWrapper } from './component-wrapper';\nimport { UIComponent } from '@embedpdf/plugin-ui';\n\n/**\n * Interface for UI components organized by type/location\n */\nexport interface UIComponentsMap {\n  headers: {\n    top: JSX.Element[];\n    bottom: JSX.Element[];\n    left: JSX.Element[];\n    right: JSX.Element[];\n  };\n  panels: {\n    left: JSX.Element[];\n    right: JSX.Element[];\n  };\n  floating: {\n    insideScroller: JSX.Element[];\n    outsideScroller: JSX.Element[];\n  };\n  commandMenu: JSX.Element | null;\n}\n\n/**\n * Props for the PluginUIProvider\n */\nexport interface PluginUIProviderProps {\n  /**\n   * Render function that receives UI components\n   */\n  children: (components: UIComponentsMap) => JSX.Element;\n}\n\n/**\n * PluginUIProvider collects all components from the UI plugin system\n * and provides them to a render function without imposing any structure.\n *\n * It uses the render props pattern for maximum flexibility.\n */\nexport function PluginUIProvider({ children }: PluginUIProviderProps) {\n  const { provides: uiProvides } = useUICapability();\n\n  // Helper function to wrap UIComponents as JSX elements\n  const wrapComponents = (components: UIComponent<any>[]): JSX.Element[] => {\n    return components.map((component) => (\n      <ComponentWrapper key={component.props.id} component={component} />\n    ));\n  };\n\n  // Collect and wrap all components from UI plugin\n  const componentMap: UIComponentsMap = {\n    headers: {\n      top: wrapComponents(uiProvides?.getHeadersByPlacement('top') || []),\n      bottom: wrapComponents(uiProvides?.getHeadersByPlacement('bottom') || []),\n      left: wrapComponents(uiProvides?.getHeadersByPlacement('left') || []),\n      right: wrapComponents(uiProvides?.getHeadersByPlacement('right') || []),\n    },\n    panels: {\n      left: wrapComponents(uiProvides?.getPanelsByLocation('left') || []),\n      right: wrapComponents(uiProvides?.getPanelsByLocation('right') || []),\n    },\n    floating: {\n      insideScroller: wrapComponents(uiProvides?.getFloatingComponents('inside') || []),\n      outsideScroller: wrapComponents(uiProvides?.getFloatingComponents('outside') || []),\n    },\n    commandMenu: uiProvides?.getCommandMenu() ? (\n      <ComponentWrapper component={uiProvides.getCommandMenu()!} />\n    ) : null,\n  };\n\n  // Let the consumer determine the layout structure through the render prop\n  return children(componentMap);\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-ui.ts","../../src/shared/components/component-wrapper.tsx","../../src/shared/components/plugin-ui-provider.tsx","../../src/shared/hooks/use-icon.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { UIPlugin } from '@embedpdf/plugin-ui';\n\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n","import { useState, useEffect } from '@framework';\nimport { childrenFunctionOptions, UIComponent } from '@embedpdf/plugin-ui';\n\nexport function ComponentWrapper({\n  component,\n  parentContext = {},\n}: {\n  component: UIComponent<any>;\n  parentContext?: Record<string, any>;\n}) {\n  const [_, forceUpdate] = useState({});\n\n  useEffect(() => {\n    const updateCallback = () => forceUpdate({});\n    // If the component had updated before we attach the listener, force one re-render\n    if (component.onUpdate(updateCallback)) {\n      forceUpdate({});\n    }\n    return () => component.offUpdate(updateCallback);\n  }, [component]);\n\n  // Merge contexts from parent + the UIComponent's own child context\n  const childContext = component.getChildContext(parentContext);\n\n  // Instead of returning `component.render()`, we do the following:\n\n  // 1) Look up the \"renderer function\" for this component type\n  const renderer = component.getRenderer(); // We'll define getRenderer() below\n\n  if (!renderer) {\n    throw new Error(`No renderer for type: ${component.getRenderType}`);\n  }\n\n  // 2) Build a function that returns child wrappers\n  function renderChildrenFn(options?: childrenFunctionOptions) {\n    const merged = options?.context ? { ...childContext, ...options.context } : childContext;\n    return component\n      .getChildren()\n      .filter(({ id }) => {\n        // If filter function is provided, use it to determine if we should include this child\n        return !options?.filter || options.filter(id);\n      })\n      .map(({ component: child, id, className }) =>\n        className ? (\n          <div className={className}>\n            <ComponentWrapper key={id} component={child} parentContext={merged} />\n          </div>\n        ) : (\n          <ComponentWrapper key={id} component={child} parentContext={merged} />\n        ),\n      );\n  }\n\n  // 3) Finally call the renderer with (props, childrenFn, context)\n  return renderer(component.props, renderChildrenFn, childContext);\n}\n","import { ReactNode } from '@framework';\nimport { useUICapability } from '../hooks';\nimport { ComponentWrapper } from './component-wrapper';\nimport { UIComponent } from '@embedpdf/plugin-ui';\n\n/**\n * Interface for UI components organized by type/location\n */\nexport interface UIComponentsMap {\n  headers: {\n    top: ReactNode[];\n    bottom: ReactNode[];\n    left: ReactNode[];\n    right: ReactNode[];\n  };\n  panels: {\n    left: ReactNode[];\n    right: ReactNode[];\n  };\n  floating: {\n    insideScroller: ReactNode[];\n    outsideScroller: ReactNode[];\n  };\n  commandMenu: ReactNode | null;\n}\n\n/**\n * Props for the PluginUIProvider\n */\nexport interface PluginUIProviderProps {\n  /**\n   * Render function that receives UI components\n   */\n  children: (components: UIComponentsMap) => ReactNode;\n}\n\n/**\n * PluginUIProvider collects all components from the UI plugin system\n * and provides them to a render function without imposing any structure.\n *\n * It uses the render props pattern for maximum flexibility.\n */\nexport function PluginUIProvider({ children }: PluginUIProviderProps) {\n  const { provides: uiProvides } = useUICapability();\n\n  // Helper function to wrap UIComponents as JSX elements\n  const wrapComponents = (components: UIComponent<any>[]): ReactNode[] => {\n    return components.map((component) => (\n      <ComponentWrapper key={component.props.id} component={component} />\n    ));\n  };\n\n  // Collect and wrap all components from UI plugin\n  const componentMap: UIComponentsMap = {\n    headers: {\n      top: wrapComponents(uiProvides?.getHeadersByPlacement('top') || []),\n      bottom: wrapComponents(uiProvides?.getHeadersByPlacement('bottom') || []),\n      left: wrapComponents(uiProvides?.getHeadersByPlacement('left') || []),\n      right: wrapComponents(uiProvides?.getHeadersByPlacement('right') || []),\n    },\n    panels: {\n      left: wrapComponents(uiProvides?.getPanelsByLocation('left') || []),\n      right: wrapComponents(uiProvides?.getPanelsByLocation('right') || []),\n    },\n    floating: {\n      insideScroller: wrapComponents(uiProvides?.getFloatingComponents('inside') || []),\n      outsideScroller: wrapComponents(uiProvides?.getFloatingComponents('outside') || []),\n    },\n    commandMenu: uiProvides?.getCommandMenu() ? (\n      <ComponentWrapper component={uiProvides.getCommandMenu()!} />\n    ) : null,\n  };\n\n  // Let the consumer determine the layout structure through the render prop\n  return children(componentMap);\n}\n","import { useUICapability } from './use-ui';\nimport { IconIdentifier, Icon as IconType, IconRegistry } from '@embedpdf/plugin-ui';\n\n/**\n * Hook to access icon functionality in React\n */\nexport function useIcon() {\n  const { provides: uiProvides } = useUICapability();\n\n  if (!uiProvides) {\n    throw new Error('useIcon must be used within a UI context');\n  }\n\n  const {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  } = uiProvides;\n\n  return {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  };\n}\n"],"names":["useUICapability","useCapability","UIPlugin","id","ComponentWrapper","component","parentContext","_","forceUpdate","useState","useEffect","updateCallback","onUpdate","offUpdate","childContext","getChildContext","renderer","getRenderer","Error","getRenderType","props","options","merged","context","getChildren","filter","map","child","className","jsxRuntime","jsx","children","provides","uiProvides","wrapComponents","components","headers","top","getHeadersByPlacement","bottom","left","right","panels","getPanelsByLocation","floating","insideScroller","getFloatingComponents","outsideScroller","commandMenu","getCommandMenu","registerIcon","registerIcons","getIcon","getAllIcons","getSvgString","isSvgString","isSvgDataUri","dataUriToSvgString","svgStringToDataUri","usePlugin"],"mappings":"4OAIaA,EAAkB,IAAMC,gBAAwBC,EAAAA,SAASC,ICD/D,SAASC,GAAiBC,UAC/BA,EAAAC,cACAA,EAAgB,CAAA,IAKhB,MAAOC,EAAGC,GAAeC,EAAAA,SAAS,CAAA,GAElCC,EAAAA,WAAU,KACR,MAAMC,EAAiB,IAAMH,EAAY,IAKlC,OAHHH,EAAUO,SAASD,IACrBH,EAAY,CAAA,GAEP,IAAMH,EAAUQ,UAAUF,EAAc,GAC9C,CAACN,IAGE,MAAAS,EAAeT,EAAUU,gBAAgBT,GAKzCU,EAAWX,EAAUY,cAE3B,IAAKD,EACH,MAAM,IAAIE,MAAM,yBAAyBb,EAAUc,iBAwBrD,OAAOH,EAASX,EAAUe,OApB1B,SAA0BC,GAClB,MAAAC,SAASD,WAASE,SAAU,IAAKT,KAAiBO,EAAQE,SAAYT,EAC5E,OAAOT,EACJmB,cACAC,QAAO,EAAGtB,UAED,MAAAkB,OAAA,EAAAA,EAASI,SAAUJ,EAAQI,OAAOtB,KAE3CuB,KAAI,EAAGrB,UAAWsB,EAAOxB,KAAIyB,eAC5BA,EACEC,EAAAC,IAAC,MAAI,CAAAF,YACHG,SAACD,EAAAA,IAAA1B,EAAA,CAA0BC,UAAWsB,EAAOrB,cAAegB,GAArCnB,KAGxB2B,EAAAA,IAAA1B,EAAA,CAA0BC,UAAWsB,EAAOrB,cAAegB,GAArCnB,IAE3B,GAI+CW,EACrD,0BCbgB,UAAiBiB,SAAEA,IACjC,MAAQC,SAAUC,GAAejC,IAG3BkC,EAAkBC,GACfA,EAAWT,KAAKrB,GACrByB,EAAAA,IAAC1B,GAA0CC,aAApBA,EAAUe,MAAMjB,MA0B3C,OAAO4B,EArB+B,CACpCK,QAAS,CACPC,IAAKH,GAAe,MAAAD,OAAA,EAAAA,EAAYK,sBAAsB,SAAU,IAChEC,OAAQL,GAAe,MAAAD,OAAA,EAAAA,EAAYK,sBAAsB,YAAa,IACtEE,KAAMN,GAAe,MAAAD,OAAA,EAAAA,EAAYK,sBAAsB,UAAW,IAClEG,MAAOP,GAAe,MAAAD,OAAA,EAAAA,EAAYK,sBAAsB,WAAY,KAEtEI,OAAQ,CACNF,KAAMN,GAAe,MAAAD,OAAA,EAAAA,EAAYU,oBAAoB,UAAW,IAChEF,MAAOP,GAAe,MAAAD,OAAA,EAAAA,EAAYU,oBAAoB,WAAY,KAEpEC,SAAU,CACRC,eAAgBX,GAAe,MAAAD,OAAA,EAAAA,EAAYa,sBAAsB,YAAa,IAC9EC,gBAAiBb,GAAe,MAAAD,OAAA,EAAAA,EAAYa,sBAAsB,aAAc,KAElFE,aAAa,MAAAf,OAAA,EAAAA,EAAYgB,kBACvBnB,MAAC1B,GAAiBC,UAAW4B,EAAWgB,mBACtC,MAKR,kBCrEO,WACL,MAAQjB,SAAUC,GAAejC,IAEjC,IAAKiC,EACG,MAAA,IAAIf,MAAM,4CAGZ,MAAAgC,aACJA,EAAAC,cACAA,EAAAC,QACAA,EAAAC,YACAA,EAAAC,aACAA,EAAAC,YACAA,EAAAC,aACAA,EAAAC,mBACAA,EAAAC,mBACAA,GACEzB,EAEG,MAAA,CACLiB,eACAC,gBACAC,UACAC,cACAC,eACAC,cACAC,eACAC,qBACAC,qBAEJ,gDHjC2B,IAAMC,YAAoBzD,EAAAA,SAASC"}

package/dist/preact/index.d.ts

@@ -1,70 +1 @@
-import { JSX, h } from 'preact';
-import * as _embedpdf_plugin_ui from '@embedpdf/plugin-ui';
-import { UIPlugin, Icon, IconRegistry, IconIdentifier } from '@embedpdf/plugin-ui';
-
-/** @jsxImportSource preact */
-
-/**
- * Interface for UI components organized by type/location
- */
-interface UIComponentsMap {
-    headers: {
-        top: JSX.Element[];
-        bottom: JSX.Element[];
-        left: JSX.Element[];
-        right: JSX.Element[];
-    };
-    panels: {
-        left: JSX.Element[];
-        right: JSX.Element[];
-    };
-    floating: {
-        insideScroller: JSX.Element[];
-        outsideScroller: JSX.Element[];
-    };
-    commandMenu: JSX.Element | null;
-}
-/**
- * Props for the PluginUIProvider
- */
-interface PluginUIProviderProps {
-    /**
-     * Render function that receives UI components
-     */
-    children: (components: UIComponentsMap) => JSX.Element;
-}
-/**
- * PluginUIProvider collects all components from the UI plugin system
- * and provides them to a render function without imposing any structure.
- *
- * It uses the render props pattern for maximum flexibility.
- */
-declare function PluginUIProvider({ children }: PluginUIProviderProps): h.JSX.Element;
-
-declare const useUIPlugin: () => {
-    plugin: UIPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useUICapability: () => {
-    provides: Readonly<_embedpdf_plugin_ui.UICapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-
-/**
- * Hook to access icon functionality in React
- */
-declare function useIcon(): {
-    registerIcon: (icon: Icon) => void;
-    registerIcons: (icons: Icon[] | IconRegistry) => void;
-    getIcon: (id: string) => Icon | undefined;
-    getAllIcons: () => IconRegistry;
-    getSvgString: (identifier: IconIdentifier) => string | undefined;
-    isSvgString: (identifier: IconIdentifier) => boolean;
-    isSvgDataUri: (value: string) => boolean;
-    dataUriToSvgString: (dataUri: string) => string;
-    svgStringToDataUri: (svgString: string) => string;
-};
-
-export { PluginUIProvider, type PluginUIProviderProps, type UIComponentsMap, useIcon, useUICapability, useUIPlugin };
+export * from '../shared-preact';

package/dist/preact/index.js

@@ -1,10 +1,10 @@
-// src/preact/hooks/use-ui.ts
-import { useCapability, usePlugin } from "@embedpdf/core/preact";
+import { jsx } from "preact/jsx-runtime";
+import { usePlugin, useCapability } from "@embedpdf/core/preact";
 import { UIPlugin } from "@embedpdf/plugin-ui";
-var useUIPlugin = () => usePlugin(UIPlugin.id);
-var useUICapability = () => useCapability(UIPlugin.id);
-
-// src/preact/hooks/use-icon.ts
+import "preact";
+import { useState, useEffect } from "preact/hooks";
+const useUIPlugin = () => usePlugin(UIPlugin.id);
+const useUICapability = () => useCapability(UIPlugin.id);
 function useIcon() {
   const { provides: uiProvides } = useUICapability();
   if (!uiProvides) {
@@ -33,10 +33,6 @@ function useIcon() {
     svgStringToDataUri
   };
 }
-
-// src/preact/components/component-wrapper.tsx
-import { useState, useEffect } from "preact/hooks";
-import { jsx } from "react/jsx-runtime";
 function ComponentWrapper({
   component,
   parentContext = {}
@@ -55,39 +51,36 @@ function ComponentWrapper({
     throw new Error(`No renderer for type: ${component.getRenderType}`);
   }
   function renderChildrenFn(options) {
-    const merged = options?.context ? { ...childContext, ...options.context } : childContext;
+    const merged = (options == null ? void 0 : options.context) ? { ...childContext, ...options.context } : childContext;
     return component.getChildren().filter(({ id }) => {
-      return !options?.filter || options.filter(id);
+      return !(options == null ? void 0 : options.filter) || options.filter(id);
     }).map(
       ({ component: child, id, className }) => className ? /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(ComponentWrapper, { component: child, parentContext: merged }, id) }) : /* @__PURE__ */ jsx(ComponentWrapper, { component: child, parentContext: merged }, id)
     );
   }
   return renderer(component.props, renderChildrenFn, childContext);
 }
-
-// src/preact/components/plugin-ui-provider.tsx
-import { jsx as jsx2 } from "preact/jsx-runtime";
 function PluginUIProvider({ children }) {
   const { provides: uiProvides } = useUICapability();
   const wrapComponents = (components) => {
-    return components.map((component) => /* @__PURE__ */ jsx2(ComponentWrapper, { component }, component.props.id));
+    return components.map((component) => /* @__PURE__ */ jsx(ComponentWrapper, { component }, component.props.id));
   };
   const componentMap = {
     headers: {
-      top: wrapComponents(uiProvides?.getHeadersByPlacement("top") || []),
-      bottom: wrapComponents(uiProvides?.getHeadersByPlacement("bottom") || []),
-      left: wrapComponents(uiProvides?.getHeadersByPlacement("left") || []),
-      right: wrapComponents(uiProvides?.getHeadersByPlacement("right") || [])
+      top: wrapComponents((uiProvides == null ? void 0 : uiProvides.getHeadersByPlacement("top")) || []),
+      bottom: wrapComponents((uiProvides == null ? void 0 : uiProvides.getHeadersByPlacement("bottom")) || []),
+      left: wrapComponents((uiProvides == null ? void 0 : uiProvides.getHeadersByPlacement("left")) || []),
+      right: wrapComponents((uiProvides == null ? void 0 : uiProvides.getHeadersByPlacement("right")) || [])
     },
     panels: {
-      left: wrapComponents(uiProvides?.getPanelsByLocation("left") || []),
-      right: wrapComponents(uiProvides?.getPanelsByLocation("right") || [])
+      left: wrapComponents((uiProvides == null ? void 0 : uiProvides.getPanelsByLocation("left")) || []),
+      right: wrapComponents((uiProvides == null ? void 0 : uiProvides.getPanelsByLocation("right")) || [])
     },
     floating: {
-      insideScroller: wrapComponents(uiProvides?.getFloatingComponents("inside") || []),
-      outsideScroller: wrapComponents(uiProvides?.getFloatingComponents("outside") || [])
+      insideScroller: wrapComponents((uiProvides == null ? void 0 : uiProvides.getFloatingComponents("inside")) || []),
+      outsideScroller: wrapComponents((uiProvides == null ? void 0 : uiProvides.getFloatingComponents("outside")) || [])
     },
-    commandMenu: uiProvides?.getCommandMenu() ? /* @__PURE__ */ jsx2(ComponentWrapper, { component: uiProvides.getCommandMenu() }) : null
+    commandMenu: (uiProvides == null ? void 0 : uiProvides.getCommandMenu()) ? /* @__PURE__ */ jsx(ComponentWrapper, { component: uiProvides.getCommandMenu() }) : null
   };
   return children(componentMap);
 }
@@ -97,4 +90,4 @@ export {
   useUICapability,
   useUIPlugin
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preact/hooks/use-ui.ts","../../src/preact/hooks/use-icon.ts","../../src/preact/components/component-wrapper.tsx","../../src/preact/components/plugin-ui-provider.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { UIPlugin } from '@embedpdf/plugin-ui';\n\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n","import { useUICapability } from './use-ui';\nimport { IconIdentifier, Icon as IconType, IconRegistry } from '@embedpdf/plugin-ui';\n\n/**\n * Hook to access icon functionality in React\n */\nexport function useIcon() {\n  const { provides: uiProvides } = useUICapability();\n\n  if (!uiProvides) {\n    throw new Error('useIcon must be used within a UI context');\n  }\n\n  const {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  } = uiProvides;\n\n  return {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  };\n}\n","import { useState, useEffect } from 'preact/hooks';\nimport { childrenFunctionOptions, UIComponent } from '@embedpdf/plugin-ui';\n\nexport function ComponentWrapper({\n  component,\n  parentContext = {},\n}: {\n  component: UIComponent<any>;\n  parentContext?: Record<string, any>;\n}) {\n  const [_, forceUpdate] = useState({});\n\n  useEffect(() => {\n    const updateCallback = () => forceUpdate({});\n    // If the component had updated before we attach the listener, force one re-render\n    if (component.onUpdate(updateCallback)) {\n      forceUpdate({});\n    }\n    return () => component.offUpdate(updateCallback);\n  }, [component]);\n\n  // Merge contexts from parent + the UIComponent's own child context\n  const childContext = component.getChildContext(parentContext);\n\n  // Instead of returning `component.render()`, we do the following:\n\n  // 1) Look up the \"renderer function\" for this component type\n  const renderer = component.getRenderer(); // We'll define getRenderer() below\n\n  if (!renderer) {\n    throw new Error(`No renderer for type: ${component.getRenderType}`);\n  }\n\n  // 2) Build a function that returns child wrappers\n  function renderChildrenFn(options?: childrenFunctionOptions) {\n    const merged = options?.context ? { ...childContext, ...options.context } : childContext;\n    return component\n      .getChildren()\n      .filter(({ id }) => {\n        // If filter function is provided, use it to determine if we should include this child\n        return !options?.filter || options.filter(id);\n      })\n      .map(({ component: child, id, className }) =>\n        className ? (\n          <div className={className}>\n            <ComponentWrapper key={id} component={child} parentContext={merged} />\n          </div>\n        ) : (\n          <ComponentWrapper key={id} component={child} parentContext={merged} />\n        ),\n      );\n  }\n\n  // 3) Finally call the renderer with (props, childrenFn, context)\n  return renderer(component.props, renderChildrenFn, childContext);\n}\n","/** @jsxImportSource preact */\nimport { h, JSX, ComponentChildren } from 'preact';\nimport { useUICapability } from '../hooks';\nimport { ComponentWrapper } from './component-wrapper';\nimport { UIComponent } from '@embedpdf/plugin-ui';\n\n/**\n * Interface for UI components organized by type/location\n */\nexport interface UIComponentsMap {\n  headers: {\n    top: JSX.Element[];\n    bottom: JSX.Element[];\n    left: JSX.Element[];\n    right: JSX.Element[];\n  };\n  panels: {\n    left: JSX.Element[];\n    right: JSX.Element[];\n  };\n  floating: {\n    insideScroller: JSX.Element[];\n    outsideScroller: JSX.Element[];\n  };\n  commandMenu: JSX.Element | null;\n}\n\n/**\n * Props for the PluginUIProvider\n */\nexport interface PluginUIProviderProps {\n  /**\n   * Render function that receives UI components\n   */\n  children: (components: UIComponentsMap) => JSX.Element;\n}\n\n/**\n * PluginUIProvider collects all components from the UI plugin system\n * and provides them to a render function without imposing any structure.\n *\n * It uses the render props pattern for maximum flexibility.\n */\nexport function PluginUIProvider({ children }: PluginUIProviderProps) {\n  const { provides: uiProvides } = useUICapability();\n\n  // Helper function to wrap UIComponents as JSX elements\n  const wrapComponents = (components: UIComponent<any>[]): JSX.Element[] => {\n    return components.map((component) => (\n      <ComponentWrapper key={component.props.id} component={component} />\n    ));\n  };\n\n  // Collect and wrap all components from UI plugin\n  const componentMap: UIComponentsMap = {\n    headers: {\n      top: wrapComponents(uiProvides?.getHeadersByPlacement('top') || []),\n      bottom: wrapComponents(uiProvides?.getHeadersByPlacement('bottom') || []),\n      left: wrapComponents(uiProvides?.getHeadersByPlacement('left') || []),\n      right: wrapComponents(uiProvides?.getHeadersByPlacement('right') || []),\n    },\n    panels: {\n      left: wrapComponents(uiProvides?.getPanelsByLocation('left') || []),\n      right: wrapComponents(uiProvides?.getPanelsByLocation('right') || []),\n    },\n    floating: {\n      insideScroller: wrapComponents(uiProvides?.getFloatingComponents('inside') || []),\n      outsideScroller: wrapComponents(uiProvides?.getFloatingComponents('outside') || []),\n    },\n    commandMenu: uiProvides?.getCommandMenu() ? (\n      <ComponentWrapper component={uiProvides.getCommandMenu()!} />\n    ) : null,\n  };\n\n  // Let the consumer determine the layout structure through the render prop\n  return children(componentMap);\n}\n"],"mappings":"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","names":["jsx"]}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-ui.ts","../../src/shared/hooks/use-icon.ts","../../src/shared/components/component-wrapper.tsx","../../src/shared/components/plugin-ui-provider.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { UIPlugin } from '@embedpdf/plugin-ui';\n\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n","import { useUICapability } from './use-ui';\nimport { IconIdentifier, Icon as IconType, IconRegistry } from '@embedpdf/plugin-ui';\n\n/**\n * Hook to access icon functionality in React\n */\nexport function useIcon() {\n  const { provides: uiProvides } = useUICapability();\n\n  if (!uiProvides) {\n    throw new Error('useIcon must be used within a UI context');\n  }\n\n  const {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  } = uiProvides;\n\n  return {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  };\n}\n","import { useState, useEffect } from '@framework';\nimport { childrenFunctionOptions, UIComponent } from '@embedpdf/plugin-ui';\n\nexport function ComponentWrapper({\n  component,\n  parentContext = {},\n}: {\n  component: UIComponent<any>;\n  parentContext?: Record<string, any>;\n}) {\n  const [_, forceUpdate] = useState({});\n\n  useEffect(() => {\n    const updateCallback = () => forceUpdate({});\n    // If the component had updated before we attach the listener, force one re-render\n    if (component.onUpdate(updateCallback)) {\n      forceUpdate({});\n    }\n    return () => component.offUpdate(updateCallback);\n  }, [component]);\n\n  // Merge contexts from parent + the UIComponent's own child context\n  const childContext = component.getChildContext(parentContext);\n\n  // Instead of returning `component.render()`, we do the following:\n\n  // 1) Look up the \"renderer function\" for this component type\n  const renderer = component.getRenderer(); // We'll define getRenderer() below\n\n  if (!renderer) {\n    throw new Error(`No renderer for type: ${component.getRenderType}`);\n  }\n\n  // 2) Build a function that returns child wrappers\n  function renderChildrenFn(options?: childrenFunctionOptions) {\n    const merged = options?.context ? { ...childContext, ...options.context } : childContext;\n    return component\n      .getChildren()\n      .filter(({ id }) => {\n        // If filter function is provided, use it to determine if we should include this child\n        return !options?.filter || options.filter(id);\n      })\n      .map(({ component: child, id, className }) =>\n        className ? (\n          <div className={className}>\n            <ComponentWrapper key={id} component={child} parentContext={merged} />\n          </div>\n        ) : (\n          <ComponentWrapper key={id} component={child} parentContext={merged} />\n        ),\n      );\n  }\n\n  // 3) Finally call the renderer with (props, childrenFn, context)\n  return renderer(component.props, renderChildrenFn, childContext);\n}\n","import { ReactNode } from '@framework';\nimport { useUICapability } from '../hooks';\nimport { ComponentWrapper } from './component-wrapper';\nimport { UIComponent } from '@embedpdf/plugin-ui';\n\n/**\n * Interface for UI components organized by type/location\n */\nexport interface UIComponentsMap {\n  headers: {\n    top: ReactNode[];\n    bottom: ReactNode[];\n    left: ReactNode[];\n    right: ReactNode[];\n  };\n  panels: {\n    left: ReactNode[];\n    right: ReactNode[];\n  };\n  floating: {\n    insideScroller: ReactNode[];\n    outsideScroller: ReactNode[];\n  };\n  commandMenu: ReactNode | null;\n}\n\n/**\n * Props for the PluginUIProvider\n */\nexport interface PluginUIProviderProps {\n  /**\n   * Render function that receives UI components\n   */\n  children: (components: UIComponentsMap) => ReactNode;\n}\n\n/**\n * PluginUIProvider collects all components from the UI plugin system\n * and provides them to a render function without imposing any structure.\n *\n * It uses the render props pattern for maximum flexibility.\n */\nexport function PluginUIProvider({ children }: PluginUIProviderProps) {\n  const { provides: uiProvides } = useUICapability();\n\n  // Helper function to wrap UIComponents as JSX elements\n  const wrapComponents = (components: UIComponent<any>[]): ReactNode[] => {\n    return components.map((component) => (\n      <ComponentWrapper key={component.props.id} component={component} />\n    ));\n  };\n\n  // Collect and wrap all components from UI plugin\n  const componentMap: UIComponentsMap = {\n    headers: {\n      top: wrapComponents(uiProvides?.getHeadersByPlacement('top') || []),\n      bottom: wrapComponents(uiProvides?.getHeadersByPlacement('bottom') || []),\n      left: wrapComponents(uiProvides?.getHeadersByPlacement('left') || []),\n      right: wrapComponents(uiProvides?.getHeadersByPlacement('right') || []),\n    },\n    panels: {\n      left: wrapComponents(uiProvides?.getPanelsByLocation('left') || []),\n      right: wrapComponents(uiProvides?.getPanelsByLocation('right') || []),\n    },\n    floating: {\n      insideScroller: wrapComponents(uiProvides?.getFloatingComponents('inside') || []),\n      outsideScroller: wrapComponents(uiProvides?.getFloatingComponents('outside') || []),\n    },\n    commandMenu: uiProvides?.getCommandMenu() ? (\n      <ComponentWrapper component={uiProvides.getCommandMenu()!} />\n    ) : null,\n  };\n\n  // Let the consumer determine the layout structure through the render prop\n  return children(componentMap);\n}\n"],"names":[],"mappings":"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"}

package/dist/react/adapter.d.ts

@@ -0,0 +1,2 @@
+export { Fragment, useEffect, useRef, useState, useCallback, useMemo } from 'react';
+export type { ReactNode, HTMLAttributes, CSSProperties } from 'react';

package/dist/react/core.d.ts

@@ -0,0 +1 @@
+export * from '@embedpdf/core/react';

package/dist/react/index.cjs

@@ -1,2 +1,2 @@
-"use strict";
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@embedpdf/core/react"),n=require("@embedpdf/plugin-ui"),o=require("react"),r=()=>t.useCapability(n.UIPlugin.id);function i({component:t,parentContext:n={}}){const[r,s]=o.useState({});o.useEffect((()=>{const e=()=>s({});return t.onUpdate(e)&&s({}),()=>t.offUpdate(e)}),[t]);const l=t.getChildContext(n),g=t.getRenderer();if(!g)throw new Error(`No renderer for type: ${t.getRenderType}`);return g(t.props,(function(n){const o=(null==n?void 0:n.context)?{...l,...n.context}:l;return t.getChildren().filter((({id:e})=>!(null==n?void 0:n.filter)||n.filter(e))).map((({component:t,id:n,className:r})=>r?e.jsx("div",{className:r,children:e.jsx(i,{component:t,parentContext:o},n)}):e.jsx(i,{component:t,parentContext:o},n)))}),l)}exports.PluginUIProvider=function({children:t}){const{provides:n}=r(),o=t=>t.map((t=>e.jsx(i,{component:t},t.props.id)));return t({headers:{top:o((null==n?void 0:n.getHeadersByPlacement("top"))||[]),bottom:o((null==n?void 0:n.getHeadersByPlacement("bottom"))||[]),left:o((null==n?void 0:n.getHeadersByPlacement("left"))||[]),right:o((null==n?void 0:n.getHeadersByPlacement("right"))||[])},panels:{left:o((null==n?void 0:n.getPanelsByLocation("left"))||[]),right:o((null==n?void 0:n.getPanelsByLocation("right"))||[])},floating:{insideScroller:o((null==n?void 0:n.getFloatingComponents("inside"))||[]),outsideScroller:o((null==n?void 0:n.getFloatingComponents("outside"))||[])},commandMenu:(null==n?void 0:n.getCommandMenu())?e.jsx(i,{component:n.getCommandMenu()}):null})},exports.useIcon=function(){const{provides:e}=r();if(!e)throw new Error("useIcon must be used within a UI context");const{registerIcon:t,registerIcons:n,getIcon:o,getAllIcons:i,getSvgString:s,isSvgString:l,isSvgDataUri:g,dataUriToSvgString:a,svgStringToDataUri:c}=e;return{registerIcon:t,registerIcons:n,getIcon:o,getAllIcons:i,getSvgString:s,isSvgString:l,isSvgDataUri:g,dataUriToSvgString:a,svgStringToDataUri:c}},exports.useUICapability=r,exports.useUIPlugin=()=>t.usePlugin(n.UIPlugin.id);
+//# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-ui.ts","../../src/shared/components/component-wrapper.tsx","../../src/shared/components/plugin-ui-provider.tsx","../../src/shared/hooks/use-icon.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { UIPlugin } from '@embedpdf/plugin-ui';\n\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n","import { useState, useEffect } from '@framework';\nimport { childrenFunctionOptions, UIComponent } from '@embedpdf/plugin-ui';\n\nexport function ComponentWrapper({\n  component,\n  parentContext = {},\n}: {\n  component: UIComponent<any>;\n  parentContext?: Record<string, any>;\n}) {\n  const [_, forceUpdate] = useState({});\n\n  useEffect(() => {\n    const updateCallback = () => forceUpdate({});\n    // If the component had updated before we attach the listener, force one re-render\n    if (component.onUpdate(updateCallback)) {\n      forceUpdate({});\n    }\n    return () => component.offUpdate(updateCallback);\n  }, [component]);\n\n  // Merge contexts from parent + the UIComponent's own child context\n  const childContext = component.getChildContext(parentContext);\n\n  // Instead of returning `component.render()`, we do the following:\n\n  // 1) Look up the \"renderer function\" for this component type\n  const renderer = component.getRenderer(); // We'll define getRenderer() below\n\n  if (!renderer) {\n    throw new Error(`No renderer for type: ${component.getRenderType}`);\n  }\n\n  // 2) Build a function that returns child wrappers\n  function renderChildrenFn(options?: childrenFunctionOptions) {\n    const merged = options?.context ? { ...childContext, ...options.context } : childContext;\n    return component\n      .getChildren()\n      .filter(({ id }) => {\n        // If filter function is provided, use it to determine if we should include this child\n        return !options?.filter || options.filter(id);\n      })\n      .map(({ component: child, id, className }) =>\n        className ? (\n          <div className={className}>\n            <ComponentWrapper key={id} component={child} parentContext={merged} />\n          </div>\n        ) : (\n          <ComponentWrapper key={id} component={child} parentContext={merged} />\n        ),\n      );\n  }\n\n  // 3) Finally call the renderer with (props, childrenFn, context)\n  return renderer(component.props, renderChildrenFn, childContext);\n}\n","import { ReactNode } from '@framework';\nimport { useUICapability } from '../hooks';\nimport { ComponentWrapper } from './component-wrapper';\nimport { UIComponent } from '@embedpdf/plugin-ui';\n\n/**\n * Interface for UI components organized by type/location\n */\nexport interface UIComponentsMap {\n  headers: {\n    top: ReactNode[];\n    bottom: ReactNode[];\n    left: ReactNode[];\n    right: ReactNode[];\n  };\n  panels: {\n    left: ReactNode[];\n    right: ReactNode[];\n  };\n  floating: {\n    insideScroller: ReactNode[];\n    outsideScroller: ReactNode[];\n  };\n  commandMenu: ReactNode | null;\n}\n\n/**\n * Props for the PluginUIProvider\n */\nexport interface PluginUIProviderProps {\n  /**\n   * Render function that receives UI components\n   */\n  children: (components: UIComponentsMap) => ReactNode;\n}\n\n/**\n * PluginUIProvider collects all components from the UI plugin system\n * and provides them to a render function without imposing any structure.\n *\n * It uses the render props pattern for maximum flexibility.\n */\nexport function PluginUIProvider({ children }: PluginUIProviderProps) {\n  const { provides: uiProvides } = useUICapability();\n\n  // Helper function to wrap UIComponents as JSX elements\n  const wrapComponents = (components: UIComponent<any>[]): ReactNode[] => {\n    return components.map((component) => (\n      <ComponentWrapper key={component.props.id} component={component} />\n    ));\n  };\n\n  // Collect and wrap all components from UI plugin\n  const componentMap: UIComponentsMap = {\n    headers: {\n      top: wrapComponents(uiProvides?.getHeadersByPlacement('top') || []),\n      bottom: wrapComponents(uiProvides?.getHeadersByPlacement('bottom') || []),\n      left: wrapComponents(uiProvides?.getHeadersByPlacement('left') || []),\n      right: wrapComponents(uiProvides?.getHeadersByPlacement('right') || []),\n    },\n    panels: {\n      left: wrapComponents(uiProvides?.getPanelsByLocation('left') || []),\n      right: wrapComponents(uiProvides?.getPanelsByLocation('right') || []),\n    },\n    floating: {\n      insideScroller: wrapComponents(uiProvides?.getFloatingComponents('inside') || []),\n      outsideScroller: wrapComponents(uiProvides?.getFloatingComponents('outside') || []),\n    },\n    commandMenu: uiProvides?.getCommandMenu() ? (\n      <ComponentWrapper component={uiProvides.getCommandMenu()!} />\n    ) : null,\n  };\n\n  // Let the consumer determine the layout structure through the render prop\n  return children(componentMap);\n}\n","import { useUICapability } from './use-ui';\nimport { IconIdentifier, Icon as IconType, IconRegistry } from '@embedpdf/plugin-ui';\n\n/**\n * Hook to access icon functionality in React\n */\nexport function useIcon() {\n  const { provides: uiProvides } = useUICapability();\n\n  if (!uiProvides) {\n    throw new Error('useIcon must be used within a UI context');\n  }\n\n  const {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  } = uiProvides;\n\n  return {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  };\n}\n"],"names":["useUICapability","useCapability","UIPlugin","id","ComponentWrapper","component","parentContext","_","forceUpdate","useState","useEffect","updateCallback","onUpdate","offUpdate","childContext","getChildContext","renderer","getRenderer","Error","getRenderType","props","options","merged","context","getChildren","filter","map","child","className","jsxRuntime","jsx","children","provides","uiProvides","wrapComponents","components","headers","top","getHeadersByPlacement","bottom","left","right","panels","getPanelsByLocation","floating","insideScroller","getFloatingComponents","outsideScroller","commandMenu","getCommandMenu","registerIcon","registerIcons","getIcon","getAllIcons","getSvgString","isSvgString","isSvgDataUri","dataUriToSvgString","svgStringToDataUri","usePlugin"],"mappings":"2MAIaA,EAAkB,IAAMC,gBAAwBC,EAAAA,SAASC,ICD/D,SAASC,GAAiBC,UAC/BA,EAAAC,cACAA,EAAgB,CAAA,IAKhB,MAAOC,EAAGC,GAAeC,EAAAA,SAAS,CAAA,GAElCC,EAAAA,WAAU,KACR,MAAMC,EAAiB,IAAMH,EAAY,IAKlC,OAHHH,EAAUO,SAASD,IACrBH,EAAY,CAAA,GAEP,IAAMH,EAAUQ,UAAUF,EAAc,GAC9C,CAACN,IAGE,MAAAS,EAAeT,EAAUU,gBAAgBT,GAKzCU,EAAWX,EAAUY,cAE3B,IAAKD,EACH,MAAM,IAAIE,MAAM,yBAAyBb,EAAUc,iBAwBrD,OAAOH,EAASX,EAAUe,OApB1B,SAA0BC,GAClB,MAAAC,SAASD,WAASE,SAAU,IAAKT,KAAiBO,EAAQE,SAAYT,EAC5E,OAAOT,EACJmB,cACAC,QAAO,EAAGtB,UAED,MAAAkB,OAAA,EAAAA,EAASI,SAAUJ,EAAQI,OAAOtB,KAE3CuB,KAAI,EAAGrB,UAAWsB,EAAOxB,KAAIyB,eAC5BA,EACEC,EAAAC,IAAC,MAAI,CAAAF,YACHG,SAACD,EAAAA,IAAA1B,EAAA,CAA0BC,UAAWsB,EAAOrB,cAAegB,GAArCnB,KAGxB2B,EAAAA,IAAA1B,EAAA,CAA0BC,UAAWsB,EAAOrB,cAAegB,GAArCnB,IAE3B,GAI+CW,EACrD,0BCbgB,UAAiBiB,SAAEA,IACjC,MAAQC,SAAUC,GAAejC,IAG3BkC,EAAkBC,GACfA,EAAWT,KAAKrB,GACrByB,EAAAA,IAAC1B,GAA0CC,aAApBA,EAAUe,MAAMjB,MA0B3C,OAAO4B,EArB+B,CACpCK,QAAS,CACPC,IAAKH,GAAe,MAAAD,OAAA,EAAAA,EAAYK,sBAAsB,SAAU,IAChEC,OAAQL,GAAe,MAAAD,OAAA,EAAAA,EAAYK,sBAAsB,YAAa,IACtEE,KAAMN,GAAe,MAAAD,OAAA,EAAAA,EAAYK,sBAAsB,UAAW,IAClEG,MAAOP,GAAe,MAAAD,OAAA,EAAAA,EAAYK,sBAAsB,WAAY,KAEtEI,OAAQ,CACNF,KAAMN,GAAe,MAAAD,OAAA,EAAAA,EAAYU,oBAAoB,UAAW,IAChEF,MAAOP,GAAe,MAAAD,OAAA,EAAAA,EAAYU,oBAAoB,WAAY,KAEpEC,SAAU,CACRC,eAAgBX,GAAe,MAAAD,OAAA,EAAAA,EAAYa,sBAAsB,YAAa,IAC9EC,gBAAiBb,GAAe,MAAAD,OAAA,EAAAA,EAAYa,sBAAsB,aAAc,KAElFE,aAAa,MAAAf,OAAA,EAAAA,EAAYgB,kBACvBnB,MAAC1B,GAAiBC,UAAW4B,EAAWgB,mBACtC,MAKR,kBCrEO,WACL,MAAQjB,SAAUC,GAAejC,IAEjC,IAAKiC,EACG,MAAA,IAAIf,MAAM,4CAGZ,MAAAgC,aACJA,EAAAC,cACAA,EAAAC,QACAA,EAAAC,YACAA,EAAAC,aACAA,EAAAC,YACAA,EAAAC,aACAA,EAAAC,mBACAA,EAAAC,mBACAA,GACEzB,EAEG,MAAA,CACLiB,eACAC,gBACAC,UACAC,cACAC,eACAC,cACAC,eACAC,qBACAC,qBAEJ,gDHjC2B,IAAMC,YAAoBzD,EAAAA,SAASC"}

package/dist/react/index.d.ts

@@ -1,2 +1 @@
-
-export {  }
+export * from '../shared-react';

package/dist/react/index.js

@@ -1 +1,92 @@
-//# sourceMappingURL=index.js.map
+import { jsx } from "react/jsx-runtime";
+import { usePlugin, useCapability } from "@embedpdf/core/react";
+import { UIPlugin } from "@embedpdf/plugin-ui";
+import { useState, useEffect } from "react";
+const useUIPlugin = () => usePlugin(UIPlugin.id);
+const useUICapability = () => useCapability(UIPlugin.id);
+function useIcon() {
+  const { provides: uiProvides } = useUICapability();
+  if (!uiProvides) {
+    throw new Error("useIcon must be used within a UI context");
+  }
+  const {
+    registerIcon,
+    registerIcons,
+    getIcon,
+    getAllIcons,
+    getSvgString,
+    isSvgString,
+    isSvgDataUri,
+    dataUriToSvgString,
+    svgStringToDataUri
+  } = uiProvides;
+  return {
+    registerIcon,
+    registerIcons,
+    getIcon,
+    getAllIcons,
+    getSvgString,
+    isSvgString,
+    isSvgDataUri,
+    dataUriToSvgString,
+    svgStringToDataUri
+  };
+}
+function ComponentWrapper({
+  component,
+  parentContext = {}
+}) {
+  const [_, forceUpdate] = useState({});
+  useEffect(() => {
+    const updateCallback = () => forceUpdate({});
+    if (component.onUpdate(updateCallback)) {
+      forceUpdate({});
+    }
+    return () => component.offUpdate(updateCallback);
+  }, [component]);
+  const childContext = component.getChildContext(parentContext);
+  const renderer = component.getRenderer();
+  if (!renderer) {
+    throw new Error(`No renderer for type: ${component.getRenderType}`);
+  }
+  function renderChildrenFn(options) {
+    const merged = (options == null ? void 0 : options.context) ? { ...childContext, ...options.context } : childContext;
+    return component.getChildren().filter(({ id }) => {
+      return !(options == null ? void 0 : options.filter) || options.filter(id);
+    }).map(
+      ({ component: child, id, className }) => className ? /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(ComponentWrapper, { component: child, parentContext: merged }, id) }) : /* @__PURE__ */ jsx(ComponentWrapper, { component: child, parentContext: merged }, id)
+    );
+  }
+  return renderer(component.props, renderChildrenFn, childContext);
+}
+function PluginUIProvider({ children }) {
+  const { provides: uiProvides } = useUICapability();
+  const wrapComponents = (components) => {
+    return components.map((component) => /* @__PURE__ */ jsx(ComponentWrapper, { component }, component.props.id));
+  };
+  const componentMap = {
+    headers: {
+      top: wrapComponents((uiProvides == null ? void 0 : uiProvides.getHeadersByPlacement("top")) || []),
+      bottom: wrapComponents((uiProvides == null ? void 0 : uiProvides.getHeadersByPlacement("bottom")) || []),
+      left: wrapComponents((uiProvides == null ? void 0 : uiProvides.getHeadersByPlacement("left")) || []),
+      right: wrapComponents((uiProvides == null ? void 0 : uiProvides.getHeadersByPlacement("right")) || [])
+    },
+    panels: {
+      left: wrapComponents((uiProvides == null ? void 0 : uiProvides.getPanelsByLocation("left")) || []),
+      right: wrapComponents((uiProvides == null ? void 0 : uiProvides.getPanelsByLocation("right")) || [])
+    },
+    floating: {
+      insideScroller: wrapComponents((uiProvides == null ? void 0 : uiProvides.getFloatingComponents("inside")) || []),
+      outsideScroller: wrapComponents((uiProvides == null ? void 0 : uiProvides.getFloatingComponents("outside")) || [])
+    },
+    commandMenu: (uiProvides == null ? void 0 : uiProvides.getCommandMenu()) ? /* @__PURE__ */ jsx(ComponentWrapper, { component: uiProvides.getCommandMenu() }) : null
+  };
+  return children(componentMap);
+}
+export {
+  PluginUIProvider,
+  useIcon,
+  useUICapability,
+  useUIPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-ui.ts","../../src/shared/hooks/use-icon.ts","../../src/shared/components/component-wrapper.tsx","../../src/shared/components/plugin-ui-provider.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { UIPlugin } from '@embedpdf/plugin-ui';\n\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n","import { useUICapability } from './use-ui';\nimport { IconIdentifier, Icon as IconType, IconRegistry } from '@embedpdf/plugin-ui';\n\n/**\n * Hook to access icon functionality in React\n */\nexport function useIcon() {\n  const { provides: uiProvides } = useUICapability();\n\n  if (!uiProvides) {\n    throw new Error('useIcon must be used within a UI context');\n  }\n\n  const {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  } = uiProvides;\n\n  return {\n    registerIcon,\n    registerIcons,\n    getIcon,\n    getAllIcons,\n    getSvgString,\n    isSvgString,\n    isSvgDataUri,\n    dataUriToSvgString,\n    svgStringToDataUri,\n  };\n}\n","import { useState, useEffect } from '@framework';\nimport { childrenFunctionOptions, UIComponent } from '@embedpdf/plugin-ui';\n\nexport function ComponentWrapper({\n  component,\n  parentContext = {},\n}: {\n  component: UIComponent<any>;\n  parentContext?: Record<string, any>;\n}) {\n  const [_, forceUpdate] = useState({});\n\n  useEffect(() => {\n    const updateCallback = () => forceUpdate({});\n    // If the component had updated before we attach the listener, force one re-render\n    if (component.onUpdate(updateCallback)) {\n      forceUpdate({});\n    }\n    return () => component.offUpdate(updateCallback);\n  }, [component]);\n\n  // Merge contexts from parent + the UIComponent's own child context\n  const childContext = component.getChildContext(parentContext);\n\n  // Instead of returning `component.render()`, we do the following:\n\n  // 1) Look up the \"renderer function\" for this component type\n  const renderer = component.getRenderer(); // We'll define getRenderer() below\n\n  if (!renderer) {\n    throw new Error(`No renderer for type: ${component.getRenderType}`);\n  }\n\n  // 2) Build a function that returns child wrappers\n  function renderChildrenFn(options?: childrenFunctionOptions) {\n    const merged = options?.context ? { ...childContext, ...options.context } : childContext;\n    return component\n      .getChildren()\n      .filter(({ id }) => {\n        // If filter function is provided, use it to determine if we should include this child\n        return !options?.filter || options.filter(id);\n      })\n      .map(({ component: child, id, className }) =>\n        className ? (\n          <div className={className}>\n            <ComponentWrapper key={id} component={child} parentContext={merged} />\n          </div>\n        ) : (\n          <ComponentWrapper key={id} component={child} parentContext={merged} />\n        ),\n      );\n  }\n\n  // 3) Finally call the renderer with (props, childrenFn, context)\n  return renderer(component.props, renderChildrenFn, childContext);\n}\n","import { ReactNode } from '@framework';\nimport { useUICapability } from '../hooks';\nimport { ComponentWrapper } from './component-wrapper';\nimport { UIComponent } from '@embedpdf/plugin-ui';\n\n/**\n * Interface for UI components organized by type/location\n */\nexport interface UIComponentsMap {\n  headers: {\n    top: ReactNode[];\n    bottom: ReactNode[];\n    left: ReactNode[];\n    right: ReactNode[];\n  };\n  panels: {\n    left: ReactNode[];\n    right: ReactNode[];\n  };\n  floating: {\n    insideScroller: ReactNode[];\n    outsideScroller: ReactNode[];\n  };\n  commandMenu: ReactNode | null;\n}\n\n/**\n * Props for the PluginUIProvider\n */\nexport interface PluginUIProviderProps {\n  /**\n   * Render function that receives UI components\n   */\n  children: (components: UIComponentsMap) => ReactNode;\n}\n\n/**\n * PluginUIProvider collects all components from the UI plugin system\n * and provides them to a render function without imposing any structure.\n *\n * It uses the render props pattern for maximum flexibility.\n */\nexport function PluginUIProvider({ children }: PluginUIProviderProps) {\n  const { provides: uiProvides } = useUICapability();\n\n  // Helper function to wrap UIComponents as JSX elements\n  const wrapComponents = (components: UIComponent<any>[]): ReactNode[] => {\n    return components.map((component) => (\n      <ComponentWrapper key={component.props.id} component={component} />\n    ));\n  };\n\n  // Collect and wrap all components from UI plugin\n  const componentMap: UIComponentsMap = {\n    headers: {\n      top: wrapComponents(uiProvides?.getHeadersByPlacement('top') || []),\n      bottom: wrapComponents(uiProvides?.getHeadersByPlacement('bottom') || []),\n      left: wrapComponents(uiProvides?.getHeadersByPlacement('left') || []),\n      right: wrapComponents(uiProvides?.getHeadersByPlacement('right') || []),\n    },\n    panels: {\n      left: wrapComponents(uiProvides?.getPanelsByLocation('left') || []),\n      right: wrapComponents(uiProvides?.getPanelsByLocation('right') || []),\n    },\n    floating: {\n      insideScroller: wrapComponents(uiProvides?.getFloatingComponents('inside') || []),\n      outsideScroller: wrapComponents(uiProvides?.getFloatingComponents('outside') || []),\n    },\n    commandMenu: uiProvides?.getCommandMenu() ? (\n      <ComponentWrapper component={uiProvides.getCommandMenu()!} />\n    ) : null,\n  };\n\n  // Let the consumer determine the layout structure through the render prop\n  return children(componentMap);\n}\n"],"names":[],"mappings":"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"}

package/dist/shared-preact/components/component-wrapper.d.ts

@@ -0,0 +1,5 @@
+import { UIComponent } from '../../lib/index.ts';
+export declare function ComponentWrapper({ component, parentContext, }: {
+    component: UIComponent<any>;
+    parentContext?: Record<string, any>;
+}): any;

package/dist/shared-preact/components/index.d.ts

@@ -0,0 +1 @@
+export * from './plugin-ui-provider';

package/dist/shared-preact/components/plugin-ui-provider.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from '../../preact/adapter.ts';
+/**
+ * Interface for UI components organized by type/location
+ */
+export interface UIComponentsMap {
+    headers: {
+        top: ReactNode[];
+        bottom: ReactNode[];
+        left: ReactNode[];
+        right: ReactNode[];
+    };
+    panels: {
+        left: ReactNode[];
+        right: ReactNode[];
+    };
+    floating: {
+        insideScroller: ReactNode[];
+        outsideScroller: ReactNode[];
+    };
+    commandMenu: ReactNode | null;
+}
+/**
+ * Props for the PluginUIProvider
+ */
+export interface PluginUIProviderProps {
+    /**
+     * Render function that receives UI components
+     */
+    children: (components: UIComponentsMap) => ReactNode;
+}
+/**
+ * PluginUIProvider collects all components from the UI plugin system
+ * and provides them to a render function without imposing any structure.
+ *
+ * It uses the render props pattern for maximum flexibility.
+ */
+export declare function PluginUIProvider({ children }: PluginUIProviderProps): ReactNode;

package/dist/shared-preact/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-ui';
+export * from './use-icon';

package/dist/shared-preact/hooks/use-icon.d.ts

@@ -0,0 +1,15 @@
+import { IconIdentifier, Icon as IconType, IconRegistry } from '../../lib/index.ts';
+/**
+ * Hook to access icon functionality in React
+ */
+export declare function useIcon(): {
+    registerIcon: (icon: IconType) => void;
+    registerIcons: (icons: IconType[] | IconRegistry) => void;
+    getIcon: (id: string) => IconType | undefined;
+    getAllIcons: () => IconRegistry;
+    getSvgString: (identifier: IconIdentifier) => string | undefined;
+    isSvgString: (identifier: IconIdentifier) => boolean;
+    isSvgDataUri: (value: string) => boolean;
+    dataUriToSvgString: (dataUri: string) => string;
+    svgStringToDataUri: (svgString: string) => string;
+};