@embedpdf/plugin-annotation 2.3.0 → 2.4.0

package/dist/react/index.js

@@ -1,8 +1,9 @@
-import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } from "@embedpdf/core/react";
-import { AnnotationPlugin, initialDocumentState, patching, getAnnotationsByPageIndex, getSelectedAnnotationIds, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp, isLink } from "@embedpdf/plugin-annotation";
+import { createPluginPackage } from "@embedpdf/core";
+import { AnnotationPlugin, initialDocumentState, patching, getAnnotationsByPageIndex, getSelectedAnnotationIds, resolveInteractionProp, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp, isLink, AnnotationPluginPackage as AnnotationPluginPackage$1 } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
-import { useState, useEffect, useRef, useMemo, useCallback, useLayoutEffect, Fragment as Fragment$1 } from "react";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { createContext, useState, useCallback, useContext, useRef, useEffect, useMemo, useLayoutEffect, Fragment as Fragment$1 } from "react";
+import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } from "@embedpdf/core/react";
 import { boundingRectOrEmpty, PdfAnnotationBorderStyle, textAlignmentToCss, standardFontCss, PdfVerticalAlignment, ignore, PdfErrorCode, blendModeToCss, PdfBlendMode, PdfAnnotationSubtype, Rotation } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/react";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/react";
@@ -10,6 +11,33 @@ import { useInteractionHandles, useDoublePressProps, CounterRotate } from "@embe
 const suppressContentEditableWarningProps = {
   suppressContentEditableWarning: true
 };
+const RegisterContext = createContext(null);
+const RenderersContext = createContext([]);
+function AnnotationRendererProvider({ children }) {
+  const [renderers, setRenderers] = useState([]);
+  const register = useCallback((entries) => {
+    setRenderers((prev) => {
+      const ids = new Set(entries.map((e) => e.id));
+      return [...prev.filter((r) => !ids.has(r.id)), ...entries];
+    });
+    return () => setRenderers((prev) => prev.filter((r) => !entries.some((e) => e.id === r.id)));
+  }, []);
+  return /* @__PURE__ */ jsx(RegisterContext.Provider, { value: register, children: /* @__PURE__ */ jsx(RenderersContext.Provider, { value: renderers, children }) });
+}
+function useRegisterRenderers(renderers) {
+  const register = useContext(RegisterContext);
+  const renderersRef = useRef(renderers);
+  useEffect(() => {
+    if (!register) return;
+    return register(renderersRef.current);
+  }, [register]);
+}
+function useRegisteredRenderers() {
+  return useContext(RenderersContext);
+}
+function useRendererRegistry() {
+  return useContext(RegisterContext);
+}
 const useAnnotationPlugin = () => usePlugin(AnnotationPlugin.id);
 const useAnnotationCapability = () => useCapability(AnnotationPlugin.id);
 const useAnnotation = (documentId) => {
@@ -56,6 +84,9 @@ function AnnotationContainer({
   vertexUI,
   selectionOutlineColor = "#007ACC",
   customAnnotationRenderer,
+  // Destructure props that shouldn't be passed to DOM elements
+  groupSelectionMenu: _groupSelectionMenu,
+  annotationRenderers: _annotationRenderers,
   ...props
 }) {
   const [preview, setPreview] = useState(trackedAnnotation.object);
@@ -310,9 +341,12 @@ function GroupSelectionBox({
   groupSelectionMenu
 }) {
   const { plugin } = useAnnotationPlugin();
+  const { canModifyAnnotations } = useDocumentPermissions(documentId);
   const gestureBaseRef = useRef(null);
   const isDraggingRef = useRef(false);
   const isResizingRef = useRef(false);
+  const effectiveIsDraggable = canModifyAnnotations && isDraggable;
+  const effectiveIsResizable = canModifyAnnotations && isResizable;
   const groupBox = useMemo(() => {
     const rects = selectedAnnotations.map((ta) => ta.object.rect);
     return boundingRectOrEmpty(rects);
@@ -331,7 +365,7 @@ function GroupSelectionBox({
       const transformType = event.transformData.type;
       const isMove = transformType === "move";
       const isResize = transformType === "resize";
-      if (isMove && !isDraggable) return;
+      if (isMove && !effectiveIsDraggable) return;
       if (event.state === "start") {
         gestureBaseRef.current = groupBox;
         if (isMove) {
@@ -380,7 +414,15 @@ function GroupSelectionBox({
         }
       }
     },
-    [plugin, documentId, pageWidth, pageHeight, groupBox, isDraggable, selectedAnnotations]
+    [
+      plugin,
+      documentId,
+      pageWidth,
+      pageHeight,
+      groupBox,
+      effectiveIsDraggable,
+      selectedAnnotations
+    ]
   );
   const HANDLE_COLOR = (resizeUI == null ? void 0 : resizeUI.color) ?? "#007ACC";
   const HANDLE_SIZE = (resizeUI == null ? void 0 : resizeUI.size) ?? 12;
@@ -418,7 +460,7 @@ function GroupSelectionBox({
     /* @__PURE__ */ jsx(
       "div",
       {
-        ...isDraggable ? dragProps : {
+        ...effectiveIsDraggable ? dragProps : {
           onPointerDown: (e) => e.stopPropagation()
         },
         style: {
@@ -429,11 +471,11 @@ function GroupSelectionBox({
           height: previewGroupBox.size.height * scale,
           outline: `2px dashed ${selectionOutlineColor}`,
           outlineOffset: outlineOffset - 1,
-          cursor: isDraggable ? "move" : "default",
+          cursor: effectiveIsDraggable ? "move" : "default",
           touchAction: "none",
           zIndex
         },
-        children: isResizable && resize.map(
+        children: effectiveIsResizable && resize.map(
           ({ key, ...hProps }) => (resizeUI == null ? void 0 : resizeUI.component) ? resizeUI.component({
             key,
             ...hProps,
@@ -1539,14 +1581,34 @@ function Annotations(annotationsProps) {
     if (selectedAnnotationsOnPage.length < 2) return false;
     return selectedAnnotationsOnPage.every((ta) => {
       const tool = annotationProvides == null ? void 0 : annotationProvides.findToolForAnnotation(ta.object);
-      return (tool == null ? void 0 : tool.interaction.isGroupDraggable) ?? (tool == null ? void 0 : tool.interaction.isDraggable) ?? true;
+      const groupDraggable = resolveInteractionProp(
+        tool == null ? void 0 : tool.interaction.isGroupDraggable,
+        ta.object,
+        true
+      );
+      const singleDraggable = resolveInteractionProp(
+        tool == null ? void 0 : tool.interaction.isDraggable,
+        ta.object,
+        true
+      );
+      return (tool == null ? void 0 : tool.interaction.isGroupDraggable) !== void 0 ? groupDraggable : singleDraggable;
     });
   }, [selectedAnnotationsOnPage, annotationProvides]);
   const areAllSelectedResizable = useMemo(() => {
     if (selectedAnnotationsOnPage.length < 2) return false;
     return selectedAnnotationsOnPage.every((ta) => {
       const tool = annotationProvides == null ? void 0 : annotationProvides.findToolForAnnotation(ta.object);
-      return (tool == null ? void 0 : tool.interaction.isGroupResizable) ?? (tool == null ? void 0 : tool.interaction.isResizable) ?? true;
+      const groupResizable = resolveInteractionProp(
+        tool == null ? void 0 : tool.interaction.isGroupResizable,
+        ta.object,
+        true
+      );
+      const singleResizable = resolveInteractionProp(
+        tool == null ? void 0 : tool.interaction.isResizable,
+        ta.object,
+        true
+      );
+      return (tool == null ? void 0 : tool.interaction.isGroupResizable) !== void 0 ? groupResizable : singleResizable;
     });
   }, [selectedAnnotationsOnPage, annotationProvides]);
   const allSelectedOnSamePage = useMemo(() => {
@@ -1559,6 +1621,47 @@ function Annotations(annotationsProps) {
       const isSelected = allSelectedIds.includes(annotation.object.id);
       const isEditing = editingId === annotation.object.id;
       const tool = annotationProvides == null ? void 0 : annotationProvides.findToolForAnnotation(annotation.object);
+      for (const renderer of annotationsProps.annotationRenderers ?? []) {
+        const element = renderer.tryRender(annotation, {
+          isSelected,
+          scale,
+          pageIndex,
+          onClick: (e) => handleClick(e, annotation)
+        });
+        if (element) {
+          return /* @__PURE__ */ jsx(
+            AnnotationContainer,
+            {
+              trackedAnnotation: annotation,
+              isSelected,
+              isMultiSelected,
+              isDraggable: resolveInteractionProp(
+                tool == null ? void 0 : tool.interaction.isDraggable,
+                annotation.object,
+                false
+              ),
+              isResizable: resolveInteractionProp(
+                tool == null ? void 0 : tool.interaction.isResizable,
+                annotation.object,
+                false
+              ),
+              lockAspectRatio: resolveInteractionProp(
+                tool == null ? void 0 : tool.interaction.lockAspectRatio,
+                annotation.object,
+                false
+              ),
+              selectionMenu,
+              onSelect: (e) => handleClick(e, annotation),
+              style: {
+                mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
+              },
+              ...annotationsProps,
+              children: () => element
+            },
+            annotation.object.id
+          );
+        }
+      }
       if (isInk(annotation)) {
         return /* @__PURE__ */ jsx(
           AnnotationContainer,
@@ -1566,9 +1669,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -1595,9 +1710,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -1624,9 +1751,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -1653,9 +1792,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              false
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             zIndex: 0,
@@ -1675,9 +1826,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              false
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             zIndex: 0,
@@ -1697,9 +1860,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              false
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             zIndex: 0,
@@ -1719,9 +1894,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              false
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             zIndex: 0,
@@ -1741,9 +1928,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             vertexConfig: {
@@ -1785,9 +1984,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             vertexConfig: {
@@ -1823,9 +2034,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             vertexConfig: {
@@ -1861,9 +2084,17 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: ((tool == null ? void 0 : tool.interaction.isDraggable) ?? true) && !isEditing,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(tool == null ? void 0 : tool.interaction.isDraggable, annotation.object, true) && !isEditing,
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -1899,9 +2130,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -2208,6 +2451,7 @@ function AnnotationLayer({
   vertexUI,
   selectionOutlineColor,
   customAnnotationRenderer,
+  annotationRenderers,
   ...props
 }) {
   var _a, _b, _c, _d;
@@ -2215,6 +2459,16 @@ function AnnotationLayer({
   const page = (_b = (_a = documentState == null ? void 0 : documentState.document) == null ? void 0 : _a.pages) == null ? void 0 : _b[pageIndex];
   const width = ((_c = page == null ? void 0 : page.size) == null ? void 0 : _c.width) ?? 0;
   const height = ((_d = page == null ? void 0 : page.size) == null ? void 0 : _d.height) ?? 0;
+  const contextRenderers = useRegisteredRenderers();
+  const allRenderers = useMemo(() => {
+    const merged = [...contextRenderers];
+    for (const renderer of annotationRenderers ?? []) {
+      const idx = merged.findIndex((r) => r.id === renderer.id);
+      if (idx >= 0) merged[idx] = renderer;
+      else merged.push(renderer);
+    }
+    return merged;
+  }, [contextRenderers, annotationRenderers]);
   const actualScale = useMemo(() => {
     if (overrideScale !== void 0) return overrideScale;
     return (documentState == null ? void 0 : documentState.scale) ?? 1;
@@ -2245,7 +2499,8 @@ function AnnotationLayer({
             resizeUI,
             vertexUI,
             selectionOutlineColor,
-            customAnnotationRenderer
+            customAnnotationRenderer,
+            annotationRenderers: allRenderers
           }
         ),
         /* @__PURE__ */ jsx(TextMarkup, { documentId, pageIndex, scale: actualScale }),
@@ -2254,11 +2509,32 @@ function AnnotationLayer({
     }
   );
 }
+function createRenderer(entry) {
+  return {
+    id: entry.id,
+    tryRender: (annotation, props) => {
+      if (entry.matches(annotation.object)) {
+        return entry.render({
+          ...props,
+          annotation
+        });
+      }
+      return null;
+    }
+  };
+}
+const AnnotationPluginPackage = createPluginPackage(AnnotationPluginPackage$1).addWrapper(AnnotationRendererProvider).build();
 export {
   AnnotationLayer,
+  AnnotationPluginPackage,
+  AnnotationRendererProvider,
   GroupSelectionBox,
+  createRenderer,
   useAnnotation,
   useAnnotationCapability,
-  useAnnotationPlugin
+  useAnnotationPlugin,
+  useRegisterRenderers,
+  useRegisteredRenderers,
+  useRendererRegistry
 };
 //# sourceMappingURL=index.js.map