@openeditor/custom-block 0.0.47 → 0.0.48

package/dist/editor.d.ts

@@ -26,6 +26,14 @@ type OpenEditorCustomBlockEditorAdapter<TData extends OpenEditorCustomBlockData
     render: ComponentType<OpenEditorCustomBlockEditorContext<TData>>;
 };
 declare const defineOpenEditorCustomBlockEditor: <TData extends OpenEditorCustomBlockData>(adapter: OpenEditorCustomBlockEditorAdapter<TData>) => OpenEditorCustomBlockEditorAdapter<TData>;
+type OpenEditorCustomBlockEvent = {
+    type: string;
+    button?: unknown;
+};
+declare const shouldStopOpenEditorCustomBlockEvent: (event: OpenEditorCustomBlockEvent) => boolean;
+declare const stopOpenEditorCustomBlockEventPropagation: (event: OpenEditorCustomBlockEvent & {
+    stopPropagation: () => void;
+}) => void;
 type OpenEditorCustomBlockEditorSurfaceProps = {
     node: ProseMirrorNode;
     registry: OpenEditorCustomBlockRegistry;
@@ -46,4 +54,4 @@ declare const createOpenEditorCustomBlockEditorExtension: (options: {
     host: OpenEditorCustomBlockEditorHost;
 }) => Node<any, any>;
 
-export { type OpenEditorCustomBlockDocumentEditorProps, type OpenEditorCustomBlockEditorAdapter, type OpenEditorCustomBlockEditorContext, type OpenEditorCustomBlockEditorHost, OpenEditorCustomBlockEditorSurface, type OpenEditorCustomBlockEditorSurfaceProps, createOpenEditorCustomBlockEditorExtension, defineOpenEditorCustomBlockEditor };
+export { type OpenEditorCustomBlockDocumentEditorProps, type OpenEditorCustomBlockEditorAdapter, type OpenEditorCustomBlockEditorContext, type OpenEditorCustomBlockEditorHost, OpenEditorCustomBlockEditorSurface, type OpenEditorCustomBlockEditorSurfaceProps, createOpenEditorCustomBlockEditorExtension, defineOpenEditorCustomBlockEditor, shouldStopOpenEditorCustomBlockEvent, stopOpenEditorCustomBlockEventPropagation };

package/dist/editor.js

@@ -5,6 +5,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/editor.tsx
 var defineOpenEditorCustomBlockEditor = (adapter) => adapter;
+var shouldStopOpenEditorCustomBlockEvent = (event) => {
+  if (event.type === "contextmenu") return true;
+  if (event.type !== "mousedown" && event.type !== "pointerdown") return false;
+  return "button" in event && typeof event.button === "number" && event.button !== 0;
+};
+var stopOpenEditorCustomBlockEventPropagation = (event) => {
+  if (shouldStopOpenEditorCustomBlockEvent(event)) event.stopPropagation();
+};
 var EditorAdapterErrorBoundary = class extends Component {
   state = { failed: false };
   static getDerivedStateFromError() {
@@ -66,20 +74,29 @@ var createOpenEditorCustomBlockEditorExtension = (options) => Node.create({
   addAttributes: () => ({ "openeditor-id": { default: null }, blockId: { default: null }, version: { default: null }, data: { default: {} } }),
   renderHTML: ({ node }) => ["div", { "data-openeditor-custom-block": node.attrs.blockId ?? "unknown" }],
   addNodeView() {
-    return ReactNodeViewRenderer((props) => /* @__PURE__ */ jsx(NodeViewWrapper, { "data-openeditor-custom-block": props.node.attrs.blockId ?? "unknown", children: /* @__PURE__ */ jsx(
-      OpenEditorCustomBlockEditorSurface,
+    return ReactNodeViewRenderer((props) => /* @__PURE__ */ jsx(
+      NodeViewWrapper,
       {
-        adapters: options.adapters,
-        host: options.host,
-        node: props.node.toJSON(),
-        registry: options.registry,
-        selected: props.selected,
-        updateNode: (next) => props.updateAttributes(next.attrs ?? {})
+        "data-openeditor-custom-block": props.node.attrs.blockId ?? "unknown",
+        onContextMenu: stopOpenEditorCustomBlockEventPropagation,
+        onMouseDown: stopOpenEditorCustomBlockEventPropagation,
+        onPointerDown: stopOpenEditorCustomBlockEventPropagation,
+        children: /* @__PURE__ */ jsx(
+          OpenEditorCustomBlockEditorSurface,
+          {
+            adapters: options.adapters,
+            host: options.host,
+            node: props.node.toJSON(),
+            registry: options.registry,
+            selected: props.selected,
+            updateNode: (next) => props.updateAttributes(next.attrs ?? {})
+          }
+        )
       }
-    ) }));
+    ));
   }
 });
 
-export { OpenEditorCustomBlockEditorSurface, createOpenEditorCustomBlockEditorExtension, defineOpenEditorCustomBlockEditor };
+export { OpenEditorCustomBlockEditorSurface, createOpenEditorCustomBlockEditorExtension, defineOpenEditorCustomBlockEditor, shouldStopOpenEditorCustomBlockEvent, stopOpenEditorCustomBlockEventPropagation };
 //# sourceMappingURL=editor.js.map
 //# sourceMappingURL=editor.js.map

package/dist/editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/editor.tsx"],"names":["adapter"],"mappings":";;;;;;AA8BO,IAAM,iCAAA,GAAoC,CAA0C,OAAA,KAAuD;AAYlJ,IAAM,0BAAA,GAAN,cAAyC,SAAA,CAAwD;AAAA,EAC/F,KAAA,GAAQ,EAAE,MAAA,EAAQ,KAAA,EAAM;AAAA,EACxB,OAAO,wBAAA,GAA2B;AAAE,IAAA,OAAO,EAAE,QAAQ,IAAA,EAAK;AAAA,EAAG;AAAA,EAC7D,iBAAA,GAAoB;AAAA,EAAC;AAAA,EACrB,MAAA,GAAS;AACP,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,MAAA,mBACd,GAAA,CAAC,KAAA,EAAA,EAAI,oCAAA,EAAmC,cAAA,EAAe,IAAA,EAAK,QAAA,EAAS,QAAA,EAAA,kCAAA,EAAgC,CAAA,GACrG,IAAA,CAAK,KAAA,CAAM,QAAA;AAAA,EACjB;AACF,CAAA;AAEA,IAAM,kBAAA,GAAqB,CAAC,EAAE,QAAA,EAAU,SAAS,IAAA,EAAM,UAAA,EAAY,UAAS,KAA4P;AACtU,EAAA,MAAM,kBAAA,GAAqB,OAAsB,IAAI,CAAA;AACrD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAS,QAAA,EAAU;AAAE,MAAA,kBAAA,CAAmB,OAAA,GAAU,IAAA;AAAM,MAAA;AAAA,IAAQ;AACrE,IAAA,MAAM,YAAA,GAAe,CAAA,EAAG,MAAA,CAAO,QAAA,CAAS,KAAK,KAAA,GAAQ,eAAe,CAAC,CAAC,IAAI,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,KAAA,EAAO,OAAO,CAAC,CAAA,CAAA;AAC9G,IAAA,IAAI,kBAAA,CAAmB,YAAY,YAAA,EAAc;AACjD,IAAA,kBAAA,CAAmB,OAAA,GAAU,YAAA;AAC7B,IAAA,UAAA,CAAW,SAAS,IAAI,CAAA;AAAA,EAC1B,GAAG,CAAC,QAAA,CAAS,UAAU,QAAA,CAAS,IAAA,EAAM,UAAU,CAAC,CAAA;AACjD,EAAA,MAAM,SAAS,OAAA,CAAQ,MAAA;AACvB,EAAA,MAAM,aAAa,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,KAAA,GAAQ,eAAe,CAAC,CAAA;AAChE,EAAA,MAAM,UAAA,GAAa,CAAC,MAAA,KAAsH;AACxI,IAAA,MAAM,OAAO,OAAO,MAAA,KAAW,aAAa,MAAA,CAAO,QAAA,CAAS,IAAI,CAAA,GAAI,MAAA;AACpE,IAAA,UAAA,CAAW,EAAE,GAAG,QAAA,CAAS,IAAA,EAAM,KAAA,EAAO,EAAE,GAAG,QAAA,CAAS,IAAA,CAAK,KAAA,EAAO,IAAA,EAAK,EAAG,CAAA;AAAA,EAC1E,CAAA;AACA,EAAA,uBACE,GAAA,CAAC,0BAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAM,SAAS,IAAA,EAAM,IAAA,EAAY,UAAA,EAAwB,QAAA,EAAoB,UAAA,EAAwB,CAAA,EAAA,EAD9E,GAAG,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,KAAA,GAAQ,eAAe,CAAC,CAAC,CAAA,CAAA,EAAI,QAAA,CAAS,UAAA,CAAW,EAAE,CAAA,CAE5G,CAAA;AAEJ,CAAA;AAEO,IAAM,kCAAA,GAAqC,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,QAAA,EAAU,IAAA,EAAM,UAAA,EAAY,QAAA,GAAW,KAAA,EAAO,QAAA,EAAS,KAA+C;AACzK,EAAA,MAAM,GAAA,uBAAU,GAAA,EAAY;AAC5B,EAAA,KAAA,MAAWA,YAAW,QAAA,EAAU;AAC9B,IAAA,IAAI,GAAA,CAAI,GAAA,CAAIA,QAAAA,CAAQ,KAAA,CAAM,EAAE,CAAA,EAAG,MAAM,IAAI,KAAA,CAAM,CAAA,uCAAA,EAA0CA,QAAAA,CAAQ,KAAA,CAAM,EAAE,CAAA,EAAA,CAAI,CAAA;AAC7G,IAAA,GAAA,CAAI,GAAA,CAAIA,QAAAA,CAAQ,KAAA,CAAM,EAAE,CAAA;AAAA,EAC1B;AACA,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,OAAA,CAAQ,IAAI,CAAA;AACtC,EAAA,IAAI,SAAS,MAAA,KAAW,OAAA,SAAgB,QAAA,GAAW,EAAE,MAAM,MAAA,EAAQ,QAAA,CAAS,MAAA,EAAQ,qBAAK,IAAA,CAAC,KAAA,EAAA,EAAI,sCAAoC,QAAA,CAAS,MAAA,EAAQ,MAAK,QAAA,EAAS,QAAA,EAAA;AAAA,IAAA,4BAAA;AAAA,IAA2B,QAAA,CAAS,MAAA;AAAA,IAAO;AAAA,GAAA,EAAC,CAAA;AAC7M,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,IAAA,CAAK,CAAC,IAAA,KAAS,KAAK,KAAA,CAAM,EAAA,KAAO,QAAA,CAAS,UAAA,CAAW,EAAE,CAAA;AAChF,EAAA,IAAI,CAAC,OAAA,EAAS,OAAO,QAAA,GAAW,EAAE,MAAM,MAAA,EAAQ,gBAAA,EAAkB,CAAA,wBAAM,KAAA,EAAA,EAAI,oCAAA,EAAmC,gBAAA,EAAiB,IAAA,EAAK,UAAS,QAAA,EAAA,kCAAA,EAAgC,CAAA;AAC9K,EAAA,IAAI,QAAQ,KAAA,KAAU,QAAA,CAAS,YAAY,OAAO,QAAA,GAAW,EAAE,IAAA,EAAM,MAAA,EAAQ,qBAAA,EAAuB,qBAAK,GAAA,CAAC,KAAA,EAAA,EAAI,sCAAmC,qBAAA,EAAsB,IAAA,EAAK,UAAS,QAAA,EAAA,kCAAA,EAAgC,CAAA;AACrN,EAAA,uBAAO,GAAA,CAAC,sBAAmB,OAAA,EAAkB,IAAA,EAAY,UAAoB,QAAA,EAAoB,UAAA,EAAY,CAAC,IAAA,KAAS;AAAE,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,OAAA,CAAQ,IAAI,CAAA;AAAG,IAAA,IAAI,OAAA,CAAQ,MAAA,KAAW,OAAA,EAAS,MAAM,IAAI,MAAM,CAAA,+BAAA,EAAkC,QAAA,CAAS,UAAA,CAAW,EAAE,CAAA,EAAA,CAAI,CAAA;AAAG,IAAA,UAAA,CAAW,QAAQ,IAAI,CAAA;AAAA,EAAG,CAAA,EAAG,CAAA;AAC/S;AAGO,IAAM,0CAAA,GAA6C,CAAC,OAAA,KAIrD,IAAA,CAAK,MAAA,CAAO;AAAA,EAChB,IAAA,EAAM,aAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,SAAA,EAAW,IAAA;AAAA,EACX,SAAA,EAAW,IAAA;AAAA,EACX,aAAA,EAAe,OAAO,EAAE,eAAA,EAAiB,EAAE,OAAA,EAAS,IAAA,EAAK,EAAG,OAAA,EAAS,EAAE,OAAA,EAAS,MAAK,EAAG,OAAA,EAAS,EAAE,OAAA,EAAS,IAAA,EAAK,EAAG,MAAM,EAAE,OAAA,EAAS,EAAC,EAAE,EAAE,CAAA;AAAA,EAC1I,UAAA,EAAY,CAAC,EAAE,IAAA,EAAK,KAAM,CAAC,KAAA,EAAO,EAAE,8BAAA,EAAgC,IAAA,CAAK,KAAA,CAAM,OAAA,IAAW,WAAW,CAAA;AAAA,EACrG,WAAA,GAAc;AACZ,IAAA,OAAO,qBAAA,CAAsB,CAAC,KAAA,qBAC5B,GAAA,CAAC,eAAA,EAAA,EAAgB,gCAA8B,KAAA,CAAM,IAAA,CAAK,KAAA,CAAM,OAAA,IAAW,SAAA,EACzE,QAAA,kBAAA,GAAA;AAAA,MAAC,kCAAA;AAAA,MAAA;AAAA,QACC,UAAU,OAAA,CAAQ,QAAA;AAAA,QAClB,MAAM,OAAA,CAAQ,IAAA;AAAA,QACd,IAAA,EAAM,KAAA,CAAM,IAAA,CAAK,MAAA,EAAO;AAAA,QACxB,UAAU,OAAA,CAAQ,QAAA;AAAA,QAClB,UAAU,KAAA,CAAM,QAAA;AAAA,QAChB,UAAA,EAAY,CAAC,IAAA,KAAS,KAAA,CAAM,iBAAiB,IAAA,CAAK,KAAA,IAAS,EAAE;AAAA;AAAA,OAEjE,CACD,CAAA;AAAA,EACH;AACF,CAAC","file":"editor.js","sourcesContent":["import type { OpenEditorDocument, ProseMirrorNode } from \"@openeditor/core\";\nimport {\n  type OpenEditorCustomBlockData,\n  type OpenEditorCustomBlockDefinition,\n  type OpenEditorCustomBlockHost,\n  type OpenEditorCustomBlockRegistry,\n} from \"./index\";\nimport { Component, useEffect, useRef, type ComponentType, type ReactNode } from \"react\";\nimport { Node } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer, type ReactNodeViewProps } from \"@tiptap/react\";\n\nexport type OpenEditorCustomBlockDocumentEditorProps = {\n  value: OpenEditorDocument;\n  onChange: (value: OpenEditorDocument) => void;\n  ariaLabel: string;\n};\nexport type OpenEditorCustomBlockEditorHost = OpenEditorCustomBlockHost & {\n  fields: { document: ComponentType<OpenEditorCustomBlockDocumentEditorProps> };\n};\nexport type OpenEditorCustomBlockEditorContext<TData extends OpenEditorCustomBlockData> = {\n  data: Readonly<TData>;\n  instanceId: string;\n  host: OpenEditorCustomBlockEditorHost;\n  updateData: (update: TData | ((current: Readonly<TData>) => TData)) => void;\n  selected: boolean;\n};\nexport type OpenEditorCustomBlockEditorAdapter<TData extends OpenEditorCustomBlockData = any> = {\n  block: OpenEditorCustomBlockDefinition<TData>;\n  render: ComponentType<OpenEditorCustomBlockEditorContext<TData>>;\n};\nexport const defineOpenEditorCustomBlockEditor = <TData extends OpenEditorCustomBlockData>(adapter: OpenEditorCustomBlockEditorAdapter<TData>) => adapter;\n\nexport type OpenEditorCustomBlockEditorSurfaceProps = {\n  node: ProseMirrorNode;\n  registry: OpenEditorCustomBlockRegistry;\n  adapters: readonly OpenEditorCustomBlockEditorAdapter[];\n  host: OpenEditorCustomBlockEditorHost;\n  updateNode: (node: ProseMirrorNode) => void;\n  selected?: boolean;\n  fallback?: (input: { node: ProseMirrorNode; status: string }) => ReactNode;\n};\n\nclass EditorAdapterErrorBoundary extends Component<{ children: ReactNode }, { failed: boolean }> {\n  state = { failed: false };\n  static getDerivedStateFromError() { return { failed: true }; }\n  componentDidCatch() {}\n  render() {\n    return this.state.failed\n      ? <div data-openeditor-custom-block-error=\"editor-error\" role=\"status\">Custom block editor unavailable.</div>\n      : this.props.children;\n  }\n}\n\nconst ReadyEditorSurface = ({ resolved, adapter, host, updateNode, selected }: { resolved: Extract<ReturnType<OpenEditorCustomBlockRegistry[\"resolve\"]>, { status: \"ready\" }>; adapter: OpenEditorCustomBlockEditorAdapter; host: OpenEditorCustomBlockEditorHost; updateNode: (node: ProseMirrorNode) => void; selected: boolean }) => {\n  const persistedMigration = useRef<string | null>(null);\n  useEffect(() => {\n    if (!resolved.migrated) { persistedMigration.current = null; return; }\n    const migrationKey = `${String(resolved.node.attrs?.[\"openeditor-id\"])}:${String(resolved.node.attrs?.version)}`;\n    if (persistedMigration.current === migrationKey) return;\n    persistedMigration.current = migrationKey;\n    updateNode(resolved.node);\n  }, [resolved.migrated, resolved.node, updateNode]);\n  const Render = adapter.render;\n  const instanceId = String(resolved.node.attrs?.[\"openeditor-id\"]);\n  const updateData = (update: OpenEditorCustomBlockData | ((current: Readonly<OpenEditorCustomBlockData>) => OpenEditorCustomBlockData)) => {\n    const data = typeof update === \"function\" ? update(resolved.data) : update;\n    updateNode({ ...resolved.node, attrs: { ...resolved.node.attrs, data } });\n  };\n  return (\n    <EditorAdapterErrorBoundary key={`${String(resolved.node.attrs?.[\"openeditor-id\"])}:${resolved.definition.id}`}>\n      <Render data={resolved.data} host={host} instanceId={instanceId} selected={selected} updateData={updateData} />\n    </EditorAdapterErrorBoundary>\n  );\n};\n\nexport const OpenEditorCustomBlockEditorSurface = ({ node, registry, adapters, host, updateNode, selected = false, fallback }: OpenEditorCustomBlockEditorSurfaceProps) => {\n  const ids = new Set<string>();\n  for (const adapter of adapters) {\n    if (ids.has(adapter.block.id)) throw new Error(`Duplicate custom block editor adapter \"${adapter.block.id}\".`);\n    ids.add(adapter.block.id);\n  }\n  const resolved = registry.resolve(node);\n  if (resolved.status !== \"ready\") return fallback?.({ node, status: resolved.status }) ?? <div data-openeditor-custom-block-error={resolved.status} role=\"status\">Custom block unavailable: {resolved.status}.</div>;\n  const adapter = adapters.find((item) => item.block.id === resolved.definition.id);\n  if (!adapter) return fallback?.({ node, status: \"missing-editor\" }) ?? <div data-openeditor-custom-block-error=\"missing-editor\" role=\"status\">Custom block editor unavailable.</div>;\n  if (adapter.block !== resolved.definition) return fallback?.({ node, status: \"incompatible-editor\" }) ?? <div data-openeditor-custom-block-error=\"incompatible-editor\" role=\"status\">Custom block editor unavailable.</div>;\n  return <ReadyEditorSurface adapter={adapter} host={host} resolved={resolved} selected={selected} updateNode={(next) => { const checked = registry.resolve(next); if (checked.status !== \"ready\") throw new Error(`Invalid data for custom block \"${resolved.definition.id}\".`); updateNode(checked.node); }} />;\n};\n\n/** Installs the editor lifecycle on the one fixed customBlock schema node. */\nexport const createOpenEditorCustomBlockEditorExtension = (options: {\n  registry: OpenEditorCustomBlockRegistry;\n  adapters: readonly OpenEditorCustomBlockEditorAdapter[];\n  host: OpenEditorCustomBlockEditorHost;\n}) => Node.create({\n  name: \"customBlock\",\n  group: \"block\",\n  atom: true,\n  isolating: true,\n  draggable: true,\n  addAttributes: () => ({ \"openeditor-id\": { default: null }, blockId: { default: null }, version: { default: null }, data: { default: {} } }),\n  renderHTML: ({ node }) => [\"div\", { \"data-openeditor-custom-block\": node.attrs.blockId ?? \"unknown\" }],\n  addNodeView() {\n    return ReactNodeViewRenderer((props: ReactNodeViewProps) => (\n      <NodeViewWrapper data-openeditor-custom-block={props.node.attrs.blockId ?? \"unknown\"}>\n        <OpenEditorCustomBlockEditorSurface\n          adapters={options.adapters}\n          host={options.host}\n          node={props.node.toJSON()}\n          registry={options.registry}\n          selected={props.selected}\n          updateNode={(next) => props.updateAttributes(next.attrs ?? {})}\n        />\n      </NodeViewWrapper>\n    ));\n  },\n});\n"]}
+{"version":3,"sources":["../src/editor.tsx"],"names":["adapter"],"mappings":"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","file":"editor.js","sourcesContent":["import type { OpenEditorDocument, ProseMirrorNode } from \"@openeditor/core\";\nimport {\n  type OpenEditorCustomBlockData,\n  type OpenEditorCustomBlockDefinition,\n  type OpenEditorCustomBlockHost,\n  type OpenEditorCustomBlockRegistry,\n} from \"./index\";\nimport { Component, useEffect, useRef, type ComponentType, type ReactNode } from \"react\";\nimport { Node } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer, type ReactNodeViewProps } from \"@tiptap/react\";\n\nexport type OpenEditorCustomBlockDocumentEditorProps = {\n  value: OpenEditorDocument;\n  onChange: (value: OpenEditorDocument) => void;\n  ariaLabel: string;\n};\nexport type OpenEditorCustomBlockEditorHost = OpenEditorCustomBlockHost & {\n  fields: { document: ComponentType<OpenEditorCustomBlockDocumentEditorProps> };\n};\nexport type OpenEditorCustomBlockEditorContext<TData extends OpenEditorCustomBlockData> = {\n  data: Readonly<TData>;\n  instanceId: string;\n  host: OpenEditorCustomBlockEditorHost;\n  updateData: (update: TData | ((current: Readonly<TData>) => TData)) => void;\n  selected: boolean;\n};\nexport type OpenEditorCustomBlockEditorAdapter<TData extends OpenEditorCustomBlockData = any> = {\n  block: OpenEditorCustomBlockDefinition<TData>;\n  render: ComponentType<OpenEditorCustomBlockEditorContext<TData>>;\n};\nexport const defineOpenEditorCustomBlockEditor = <TData extends OpenEditorCustomBlockData>(adapter: OpenEditorCustomBlockEditorAdapter<TData>) => adapter;\n\ntype OpenEditorCustomBlockEvent = {\n  type: string;\n  button?: unknown;\n};\n\nexport const shouldStopOpenEditorCustomBlockEvent = (event: OpenEditorCustomBlockEvent): boolean => {\n  if (event.type === \"contextmenu\") return true;\n  if (event.type !== \"mousedown\" && event.type !== \"pointerdown\") return false;\n  return \"button\" in event && typeof event.button === \"number\" && event.button !== 0;\n};\n\nexport const stopOpenEditorCustomBlockEventPropagation = (\n  event: OpenEditorCustomBlockEvent & { stopPropagation: () => void },\n): void => {\n  if (shouldStopOpenEditorCustomBlockEvent(event)) event.stopPropagation();\n};\n\nexport type OpenEditorCustomBlockEditorSurfaceProps = {\n  node: ProseMirrorNode;\n  registry: OpenEditorCustomBlockRegistry;\n  adapters: readonly OpenEditorCustomBlockEditorAdapter[];\n  host: OpenEditorCustomBlockEditorHost;\n  updateNode: (node: ProseMirrorNode) => void;\n  selected?: boolean;\n  fallback?: (input: { node: ProseMirrorNode; status: string }) => ReactNode;\n};\n\nclass EditorAdapterErrorBoundary extends Component<{ children: ReactNode }, { failed: boolean }> {\n  state = { failed: false };\n  static getDerivedStateFromError() { return { failed: true }; }\n  componentDidCatch() {}\n  render() {\n    return this.state.failed\n      ? <div data-openeditor-custom-block-error=\"editor-error\" role=\"status\">Custom block editor unavailable.</div>\n      : this.props.children;\n  }\n}\n\nconst ReadyEditorSurface = ({ resolved, adapter, host, updateNode, selected }: { resolved: Extract<ReturnType<OpenEditorCustomBlockRegistry[\"resolve\"]>, { status: \"ready\" }>; adapter: OpenEditorCustomBlockEditorAdapter; host: OpenEditorCustomBlockEditorHost; updateNode: (node: ProseMirrorNode) => void; selected: boolean }) => {\n  const persistedMigration = useRef<string | null>(null);\n  useEffect(() => {\n    if (!resolved.migrated) { persistedMigration.current = null; return; }\n    const migrationKey = `${String(resolved.node.attrs?.[\"openeditor-id\"])}:${String(resolved.node.attrs?.version)}`;\n    if (persistedMigration.current === migrationKey) return;\n    persistedMigration.current = migrationKey;\n    updateNode(resolved.node);\n  }, [resolved.migrated, resolved.node, updateNode]);\n  const Render = adapter.render;\n  const instanceId = String(resolved.node.attrs?.[\"openeditor-id\"]);\n  const updateData = (update: OpenEditorCustomBlockData | ((current: Readonly<OpenEditorCustomBlockData>) => OpenEditorCustomBlockData)) => {\n    const data = typeof update === \"function\" ? update(resolved.data) : update;\n    updateNode({ ...resolved.node, attrs: { ...resolved.node.attrs, data } });\n  };\n  return (\n    <EditorAdapterErrorBoundary key={`${String(resolved.node.attrs?.[\"openeditor-id\"])}:${resolved.definition.id}`}>\n      <Render data={resolved.data} host={host} instanceId={instanceId} selected={selected} updateData={updateData} />\n    </EditorAdapterErrorBoundary>\n  );\n};\n\nexport const OpenEditorCustomBlockEditorSurface = ({ node, registry, adapters, host, updateNode, selected = false, fallback }: OpenEditorCustomBlockEditorSurfaceProps) => {\n  const ids = new Set<string>();\n  for (const adapter of adapters) {\n    if (ids.has(adapter.block.id)) throw new Error(`Duplicate custom block editor adapter \"${adapter.block.id}\".`);\n    ids.add(adapter.block.id);\n  }\n  const resolved = registry.resolve(node);\n  if (resolved.status !== \"ready\") return fallback?.({ node, status: resolved.status }) ?? <div data-openeditor-custom-block-error={resolved.status} role=\"status\">Custom block unavailable: {resolved.status}.</div>;\n  const adapter = adapters.find((item) => item.block.id === resolved.definition.id);\n  if (!adapter) return fallback?.({ node, status: \"missing-editor\" }) ?? <div data-openeditor-custom-block-error=\"missing-editor\" role=\"status\">Custom block editor unavailable.</div>;\n  if (adapter.block !== resolved.definition) return fallback?.({ node, status: \"incompatible-editor\" }) ?? <div data-openeditor-custom-block-error=\"incompatible-editor\" role=\"status\">Custom block editor unavailable.</div>;\n  return <ReadyEditorSurface adapter={adapter} host={host} resolved={resolved} selected={selected} updateNode={(next) => { const checked = registry.resolve(next); if (checked.status !== \"ready\") throw new Error(`Invalid data for custom block \"${resolved.definition.id}\".`); updateNode(checked.node); }} />;\n};\n\n/** Installs the editor lifecycle on the one fixed customBlock schema node. */\nexport const createOpenEditorCustomBlockEditorExtension = (options: {\n  registry: OpenEditorCustomBlockRegistry;\n  adapters: readonly OpenEditorCustomBlockEditorAdapter[];\n  host: OpenEditorCustomBlockEditorHost;\n}) => Node.create({\n  name: \"customBlock\",\n  group: \"block\",\n  atom: true,\n  isolating: true,\n  draggable: true,\n  addAttributes: () => ({ \"openeditor-id\": { default: null }, blockId: { default: null }, version: { default: null }, data: { default: {} } }),\n  renderHTML: ({ node }) => [\"div\", { \"data-openeditor-custom-block\": node.attrs.blockId ?? \"unknown\" }],\n  addNodeView() {\n    return ReactNodeViewRenderer((props: ReactNodeViewProps) => (\n      <NodeViewWrapper\n        data-openeditor-custom-block={props.node.attrs.blockId ?? \"unknown\"}\n        onContextMenu={stopOpenEditorCustomBlockEventPropagation}\n        onMouseDown={stopOpenEditorCustomBlockEventPropagation}\n        onPointerDown={stopOpenEditorCustomBlockEventPropagation}\n      >\n        <OpenEditorCustomBlockEditorSurface\n          adapters={options.adapters}\n          host={options.host}\n          node={props.node.toJSON()}\n          registry={options.registry}\n          selected={props.selected}\n          updateNode={(next) => props.updateAttributes(next.attrs ?? {})}\n        />\n      </NodeViewWrapper>\n    ));\n  },\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openeditor/custom-block",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "type": "module",
   "sideEffects": false,
   "repository": {
@@ -33,8 +33,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@openeditor/core": "0.0.47",
-    "@openeditor/extensions": "0.0.47"
+    "@openeditor/core": "0.0.48",
+    "@openeditor/extensions": "0.0.48"
   },
   "peerDependencies": {
     "@tiptap/core": ">=3.29.2",