@blockslides/react-prebuilts 0.1.0

package/LICENSE.md

@@ -0,0 +1,36 @@
+MIT License
+
+Copyright (c) 2025 BlockSlides
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
+## Acknowledgments
+
+This project includes code and patterns adapted from [Tiptap](https://tiptap.dev),
+an open-source headless editor framework for web artisans.
+
+**Tiptap License:**
+
+- Copyright (c) 2025, Tiptap GmbH
+- Licensed under MIT License
+- Original source: https://github.com/ueberdosis/tiptap
+
+See `_tiptap/LICENSE.md` for the full Tiptap license.

package/dist/index.cjs

@@ -0,0 +1,381 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  BubbleMenuPreset: () => BubbleMenuPreset,
+  ReactSlideEditor: () => SlideEditor,
+  useSlideEditor: () => useSlideEditor
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/SlideEditor.tsx
+var import_react5 = require("react");
+var import_react6 = require("@blockslides/react");
+
+// src/menus/BubbleMenuPreset.tsx
+var import_react = __toESM(require("react"), 1);
+var import_react_dom = require("react-dom");
+var import_react2 = require("@blockslides/react");
+var import_extension_bubble_menu = require("@blockslides/extension-bubble-menu");
+var import_state = require("@blockslides/pm/state");
+var import_extension_bubble_menu_preset = require("@blockslides/extension-bubble-menu-preset");
+var import_core = require("@blockslides/core");
+var import_jsx_runtime = require("react/jsx-runtime");
+var BubbleMenuPreset = import_react.default.forwardRef(
+  ({
+    editor,
+    updateDelay,
+    resizeDelay,
+    appendTo,
+    shouldShow,
+    getReferencedVirtualElement,
+    options,
+    items,
+    className,
+    injectStyles,
+    textColors,
+    highlightColors,
+    fonts,
+    fontSizes,
+    alignments,
+    onTextAction,
+    onImageReplace,
+    ...rest
+  }, ref) => {
+    const pluginKey = "bubbleMenuPreset";
+    const { editor: currentEditor } = (0, import_react2.useCurrentEditor)();
+    const menuEl = (0, import_react.useRef)(null);
+    (0, import_react.useEffect)(() => {
+      const attachToEditor = editor || currentEditor;
+      if (!attachToEditor || attachToEditor.isDestroyed) {
+        return;
+      }
+      const { element, cleanup } = (0, import_extension_bubble_menu_preset.buildMenuElement)(attachToEditor, {
+        items: items != null ? items : import_extension_bubble_menu_preset.DEFAULT_ITEMS,
+        className: className != null ? className : "",
+        injectStyles: injectStyles !== false,
+        textColors: textColors != null ? textColors : import_extension_bubble_menu_preset.DEFAULT_COLOR_PALETTE,
+        highlightColors: highlightColors != null ? highlightColors : import_extension_bubble_menu_preset.DEFAULT_HIGHLIGHT_PALETTE,
+        fonts: fonts != null ? fonts : import_extension_bubble_menu_preset.DEFAULT_FONTS,
+        fontSizes: fontSizes != null ? fontSizes : import_extension_bubble_menu_preset.DEFAULT_FONT_SIZES,
+        alignments: alignments != null ? alignments : import_extension_bubble_menu_preset.DEFAULT_ALIGNMENTS,
+        onTextAction,
+        onImageReplace
+      });
+      menuEl.current = element;
+      if (typeof ref === "function") {
+        ref(element);
+      } else if (ref) {
+        ;
+        ref.current = element;
+      }
+      const defaultShouldShow = ({
+        state,
+        editor: editor2
+      }) => {
+        var _a, _b;
+        const sel = state.selection;
+        const imageSelection = sel instanceof import_state.NodeSelection && ["image", "imageBlock"].includes((_b = (_a = sel.node) == null ? void 0 : _a.type) == null ? void 0 : _b.name) || editor2.isActive("image") || editor2.isActive("imageBlock");
+        if (imageSelection) return true;
+        if ((0, import_core.isTextSelection)(sel) && !sel.empty && !imageSelection) return true;
+        return false;
+      };
+      const plugin = (0, import_extension_bubble_menu.BubbleMenuPlugin)({
+        editor: attachToEditor,
+        element,
+        updateDelay,
+        resizeDelay,
+        appendTo,
+        pluginKey,
+        shouldShow: shouldShow != null ? shouldShow : defaultShouldShow,
+        getReferencedVirtualElement,
+        options
+      });
+      attachToEditor.registerPlugin(plugin);
+      return () => {
+        attachToEditor.unregisterPlugin(pluginKey);
+        cleanup == null ? void 0 : cleanup();
+        if (element.parentNode) {
+          element.parentNode.removeChild(element);
+        }
+      };
+    }, [
+      editor,
+      currentEditor,
+      updateDelay,
+      resizeDelay,
+      appendTo,
+      shouldShow,
+      getReferencedVirtualElement,
+      options,
+      items,
+      className,
+      injectStyles,
+      textColors,
+      highlightColors,
+      fonts,
+      fontSizes,
+      alignments,
+      onTextAction,
+      onImageReplace,
+      ref
+    ]);
+    return menuEl.current ? (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...rest }), menuEl.current) : null;
+  }
+);
+BubbleMenuPreset.displayName = "BubbleMenuPreset";
+
+// src/useSlideEditor.ts
+var import_react3 = require("react");
+var import_ai_context = require("@blockslides/ai-context");
+var import_extension_kit = require("@blockslides/extension-kit");
+var import_react4 = require("@blockslides/react");
+var defaultSlide = () => ({
+  /**
+   * Placeholder slide if no content is provided.
+   */
+  type: "doc",
+  content: [
+    {
+      type: "slide",
+      attrs: {
+        size: "16x9",
+        className: "",
+        id: "slide-1",
+        backgroundMode: "none",
+        backgroundColor: null,
+        backgroundImage: null,
+        backgroundOverlayColor: null,
+        backgroundOverlayOpacity: null
+      },
+      content: [
+        {
+          type: "column",
+          attrs: {
+            align: "center",
+            padding: "lg",
+            margin: null,
+            gap: "md",
+            backgroundColor: "#ffffff",
+            backgroundImage: null,
+            borderRadius: null,
+            border: null,
+            fill: true,
+            width: null,
+            height: null,
+            justify: "center"
+          },
+          content: [
+            {
+              type: "heading",
+              attrs: {
+                align: null,
+                padding: null,
+                margin: null,
+                gap: null,
+                backgroundColor: null,
+                backgroundImage: null,
+                borderRadius: null,
+                border: null,
+                fill: null,
+                width: null,
+                height: null,
+                justify: null,
+                id: "1fc4664c-333d-4203-a3f1-3ad27a54c535",
+                "data-toc-id": "1fc4664c-333d-4203-a3f1-3ad27a54c535",
+                level: 1
+              },
+              content: [
+                {
+                  type: "text",
+                  text: "Lorem ipsum dolor sit amet"
+                }
+              ]
+            },
+            {
+              type: "paragraph",
+              attrs: {
+                align: null,
+                padding: null,
+                margin: null,
+                gap: null,
+                backgroundColor: null,
+                backgroundImage: null,
+                borderRadius: null,
+                border: null,
+                fill: null,
+                width: null,
+                height: null,
+                justify: null
+              },
+              content: [
+                {
+                  type: "text",
+                  text: "Consectetur adipiscing elit. Sed do eiusmod tempor incididunt. "
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+});
+var defaultAddSlideButton = (presets) => ({
+  showPresets: true,
+  presets,
+  presetBackground: "#0f172a",
+  presetForeground: "#e5e7eb"
+});
+var defaultSlideOptions = {
+  renderMode: "dynamic",
+  hoverOutline: { color: "#3b82f6", width: "1.5px", offset: "4px" },
+  hoverOutlineCascade: false
+};
+var useSlideEditor = ({
+  content,
+  onChange,
+  extensions,
+  extensionKitOptions,
+  presetTemplates,
+  deps = [],
+  onEditorReady,
+  immediatelyRender = false,
+  shouldRerenderOnTransaction = false,
+  theme = "light",
+  editorProps,
+  onUpdate,
+  ...editorOptions
+} = {}) => {
+  var _a;
+  const presets = (0, import_react3.useMemo)(
+    () => presetTemplates != null ? presetTemplates : import_ai_context.templatesV1.listPresetTemplates(),
+    [presetTemplates]
+  );
+  const mergedExtensionKitOptions = (0, import_react3.useMemo)(() => {
+    var _a2, _b;
+    const addSlideButton = (extensionKitOptions == null ? void 0 : extensionKitOptions.addSlideButton) === false ? false : {
+      ...defaultAddSlideButton(presets),
+      ...(_a2 = extensionKitOptions == null ? void 0 : extensionKitOptions.addSlideButton) != null ? _a2 : {}
+    };
+    const slide = (extensionKitOptions == null ? void 0 : extensionKitOptions.slide) === false ? false : {
+      ...defaultSlideOptions,
+      ...(_b = extensionKitOptions == null ? void 0 : extensionKitOptions.slide) != null ? _b : {}
+    };
+    return {
+      ...extensionKitOptions,
+      addSlideButton,
+      slide
+    };
+  }, [extensionKitOptions, presets]);
+  const resolvedExtensions = (0, import_react3.useMemo)(() => {
+    const kit = import_extension_kit.ExtensionKit.configure(mergedExtensionKitOptions);
+    return extensions ? [kit, ...extensions] : [kit];
+  }, [extensions, mergedExtensionKitOptions]);
+  const initialContent = content != null ? content : defaultSlide();
+  const editor = (0, import_react4.useEditor)(
+    {
+      content: initialContent,
+      extensions: resolvedExtensions,
+      immediatelyRender,
+      shouldRerenderOnTransaction,
+      theme,
+      editorProps: {
+        attributes: {
+          autocomplete: "off",
+          autocorrect: "off",
+          autocapitalize: "off",
+          class: "min-h-full min-w-full",
+          ...(_a = editorProps == null ? void 0 : editorProps.attributes) != null ? _a : {}
+        },
+        ...editorProps
+      },
+      ...editorOptions,
+      onUpdate: (ctx) => {
+        const json = ctx.editor.getJSON();
+        onChange == null ? void 0 : onChange(json, ctx.editor);
+        onUpdate == null ? void 0 : onUpdate(ctx);
+      }
+    },
+    deps
+  );
+  (0, import_react3.useEffect)(() => {
+    if (editor && !editor.isDestroyed) {
+      onEditorReady == null ? void 0 : onEditorReady(editor);
+    }
+  }, [editor, onEditorReady]);
+  return { editor, presets };
+};
+
+// src/SlideEditor.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SlideEditor = (0, import_react5.forwardRef)(
+  ({
+    bubbleMenuPreset = true,
+    editorContentProps,
+    viewportScale = 1,
+    className,
+    style,
+    ...hookProps
+  }, ref) => {
+    const { editor } = useSlideEditor(hookProps);
+    const bubbleMenuProps = (0, import_react5.useMemo)(() => {
+      if (bubbleMenuPreset === false) return null;
+      if (bubbleMenuPreset === true) return {};
+      return bubbleMenuPreset;
+    }, [bubbleMenuPreset]);
+    if (!editor) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "div",
+      {
+        className: "bs-viewport",
+        style: { ["--zoom"]: viewportScale },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react6.EditorContent, { editor, ...editorContentProps }),
+          bubbleMenuProps && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BubbleMenuPreset, { editor, ...bubbleMenuProps })
+        ]
+      }
+    ) });
+  }
+);
+SlideEditor.displayName = "SlideEditor";
+
+// src/index.ts
+__reExport(index_exports, require("@blockslides/react"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BubbleMenuPreset,
+  ReactSlideEditor,
+  useSlideEditor,
+  ...require("@blockslides/react")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/SlideEditor.tsx","../src/menus/BubbleMenuPreset.tsx","../src/useSlideEditor.ts"],"sourcesContent":["export { SlideEditor as ReactSlideEditor } from \"./SlideEditor.js\";\nexport * from \"./useSlideEditor.js\";\nexport * from \"./menus/BubbleMenuPreset.js\";\n\n// Re-export everything from @blockslides/react core\nexport * from \"@blockslides/react\";\n\n// Note: @blockslides/core is already re-exported by @blockslides/react\n","import React, { forwardRef, useMemo } from \"react\";\nimport type { CSSProperties } from \"react\";\n\nimport { EditorContent, type EditorContentProps } from \"@blockslides/react\";\nimport {\n  BubbleMenuPreset,\n  type BubbleMenuPresetProps,\n} from \"./menus/BubbleMenuPreset.js\";\nimport {\n  useSlideEditor,\n  type UseSlideEditorProps,\n} from \"./useSlideEditor.js\";\n\nexport type SlideEditorProps = UseSlideEditorProps & {\n  /**\n   * Toggle or customize the built-in BubbleMenuPreset.\n   * - true (default): render with defaults\n   * - false: disable entirely\n   * - object: pass through to BubbleMenuPreset\n   */\n  bubbleMenuPreset?: boolean | BubbleMenuPresetProps;\n  /**\n   * Additional props forwarded to EditorContent.\n   */\n  editorContentProps?: Omit<EditorContentProps, \"editor\">;\n  /**\n   * Viewport scale factor applied to the slide viewport.\n   * @default 1\n   */\n  viewportScale?: number;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport const SlideEditor = forwardRef<HTMLDivElement, SlideEditorProps>(\n  (\n    {\n      bubbleMenuPreset = true,\n      editorContentProps,\n      viewportScale = 1,\n      className,\n      style,\n      ...hookProps\n    },\n    ref\n  ) => {\n    const { editor } = useSlideEditor(hookProps);\n\n    const bubbleMenuProps = useMemo(() => {\n      if (bubbleMenuPreset === false) return null;\n      if (bubbleMenuPreset === true) return {};\n      return bubbleMenuPreset;\n    }, [bubbleMenuPreset]);\n\n    if (!editor) return null;\n\n    return (\n      <div ref={ref} className={className} style={style}>\n        <div\n          className=\"bs-viewport\"\n          style={{ [\"--zoom\" as any]: viewportScale }}\n        >\n          <EditorContent editor={editor} {...editorContentProps} />\n          {bubbleMenuProps && (\n            <BubbleMenuPreset editor={editor} {...bubbleMenuProps} />\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nSlideEditor.displayName = \"SlideEditor\";\n","import React, { useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useCurrentEditor } from '@blockslides/react'\nimport {\n  BubbleMenuPlugin,\n  type BubbleMenuPluginProps,\n} from '@blockslides/extension-bubble-menu'\nimport { NodeSelection } from '@blockslides/pm/state'\nimport {\n  type BubbleMenuPresetOptions,\n  buildMenuElement,\n  DEFAULT_ITEMS,\n  DEFAULT_COLOR_PALETTE,\n  DEFAULT_HIGHLIGHT_PALETTE,\n  DEFAULT_FONTS,\n  DEFAULT_FONT_SIZES,\n  DEFAULT_ALIGNMENTS,\n} from '@blockslides/extension-bubble-menu-preset'\nimport { isNodeSelection, isTextSelection, type Editor } from '@blockslides/core'\n\nexport type BubbleMenuPresetProps = Omit<BubbleMenuPresetOptions, 'element' | 'pluginKey'> &\n  React.HTMLAttributes<HTMLElement> & {\n    editor?: Editor | null\n  }\n\nexport const BubbleMenuPreset = React.forwardRef<HTMLElement, BubbleMenuPresetProps>(\n  (\n    {\n      editor,\n      updateDelay,\n      resizeDelay,\n      appendTo,\n      shouldShow,\n      getReferencedVirtualElement,\n      options,\n      items,\n      className,\n      injectStyles,\n      textColors,\n      highlightColors,\n      fonts,\n      fontSizes,\n      alignments,\n      onTextAction,\n      onImageReplace,\n      ...rest\n    },\n    ref,\n  ) => {\n    const pluginKey = 'bubbleMenuPreset'\n    const { editor: currentEditor } = useCurrentEditor()\n    const menuEl = useRef<HTMLElement | null>(null)\n\n    useEffect(() => {\n      const attachToEditor = (editor || currentEditor) as Editor | null\n      if (!attachToEditor || (attachToEditor as any).isDestroyed) {\n        return\n      }\n\n      const { element, cleanup } = buildMenuElement(attachToEditor, {\n        items: items ?? DEFAULT_ITEMS,\n        className: className ?? '',\n        injectStyles: injectStyles !== false,\n        textColors: textColors ?? DEFAULT_COLOR_PALETTE,\n        highlightColors: highlightColors ?? DEFAULT_HIGHLIGHT_PALETTE,\n        fonts: fonts ?? DEFAULT_FONTS,\n        fontSizes: fontSizes ?? DEFAULT_FONT_SIZES,\n        alignments: alignments ?? DEFAULT_ALIGNMENTS,\n        onTextAction,\n        onImageReplace,\n      })\n\n      menuEl.current = element\n\n      if (typeof ref === 'function') {\n        ref(element)\n      } else if (ref) {\n        ;(ref as React.MutableRefObject<HTMLElement | null>).current = element\n      }\n\n      const defaultShouldShow: Exclude<BubbleMenuPluginProps['shouldShow'], null> = ({\n        state,\n        editor,\n      }) => {\n        const sel = state.selection\n        const imageSelection =\n          (sel instanceof NodeSelection &&\n            ['image', 'imageBlock'].includes((sel as any).node?.type?.name)) ||\n          editor.isActive('image') ||\n          editor.isActive('imageBlock')\n\n        if (imageSelection) return true\n        if (isTextSelection(sel) && !sel.empty && !imageSelection) return true\n        return false\n      }\n\n      const plugin = BubbleMenuPlugin({\n        editor: attachToEditor,\n        element,\n        updateDelay,\n        resizeDelay,\n        appendTo,\n        pluginKey,\n        shouldShow: shouldShow ?? defaultShouldShow,\n        getReferencedVirtualElement,\n        options,\n      })\n\n      attachToEditor.registerPlugin(plugin)\n\n      return () => {\n        attachToEditor.unregisterPlugin(pluginKey)\n        cleanup?.()\n        if (element.parentNode) {\n          element.parentNode.removeChild(element)\n        }\n      }\n    }, [\n      editor,\n      currentEditor,\n      updateDelay,\n      resizeDelay,\n      appendTo,\n      shouldShow,\n      getReferencedVirtualElement,\n      options,\n      items,\n      className,\n      injectStyles,\n      textColors,\n      highlightColors,\n      fonts,\n      fontSizes,\n      alignments,\n      onTextAction,\n      onImageReplace,\n      ref,\n    ])\n\n    return menuEl.current ? createPortal(<div {...rest} />, menuEl.current) : null\n  },\n)\n\nBubbleMenuPreset.displayName = 'BubbleMenuPreset'\n","import { useEffect, useMemo } from \"react\";\nimport type { DependencyList } from \"react\";\nimport { templatesV1 } from \"@blockslides/ai-context\";\nimport type { AnyExtension, Editor, JSONContent } from \"@blockslides/core\";\nimport type { SlideOptions } from \"@blockslides/extension-slide\";\nimport {\n  ExtensionKit,\n  type ExtensionKitOptions,\n} from \"@blockslides/extension-kit\";\n\nimport {\n  useEditor,\n  type UseEditorOptions,\n} from \"@blockslides/react\";\n\ntype PresetTemplates = ReturnType<typeof templatesV1.listPresetTemplates>;\n\nexport type UseSlideEditorProps = {\n  /**\n   * Initial content for the editor. If omitted, a single preset slide is used.\n   */\n  content?: UseEditorOptions[\"content\"];\n  /**\n   * Called on every update with the current JSON document.\n   */\n  onChange?: (doc: JSONContent, editor: Editor) => void;\n  /**\n   * Additional extensions to append after the ExtensionKit bundle.\n   */\n  extensions?: AnyExtension[];\n  /**\n   * Customize or disable pieces of ExtensionKit (e.g., bubbleMenu: false).\n   */\n  extensionKitOptions?: ExtensionKitOptions;\n  /**\n   * Optional preset list to power the add-slide button.\n   */\n  presetTemplates?: PresetTemplates;\n  /**\n   * Dependencies array forwarded to useEditor for re-instantiation control.\n   * Leave empty to avoid recreating the editor on prop changes.\n   */\n  deps?: DependencyList;\n  /**\n   * Called once when an editor instance is ready.\n   */\n  onEditorReady?: (editor: Editor) => void;\n} & Omit<UseEditorOptions, \"extensions\" | \"content\">;\n\nconst defaultSlide = () => ({\n  /**\n   * Placeholder slide if no content is provided.\n   */\n\n  type: \"doc\",\n  content: [\n    {\n      type: \"slide\",\n      attrs: {\n        size: \"16x9\",\n        className: \"\",\n        id: \"slide-1\",\n        backgroundMode: \"none\",\n        backgroundColor: null,\n        backgroundImage: null,\n        backgroundOverlayColor: null,\n        backgroundOverlayOpacity: null,\n      },\n      content: [\n        {\n          type: \"column\",\n          attrs: {\n            align: \"center\",\n            padding: \"lg\",\n            margin: null,\n            gap: \"md\",\n            backgroundColor: \"#ffffff\",\n            backgroundImage: null,\n            borderRadius: null,\n            border: null,\n            fill: true,\n            width: null,\n            height: null,\n            justify: \"center\",\n          },\n          content: [\n            {\n              type: \"heading\",\n              attrs: {\n                align: null,\n                padding: null,\n                margin: null,\n                gap: null,\n                backgroundColor: null,\n                backgroundImage: null,\n                borderRadius: null,\n                border: null,\n                fill: null,\n                width: null,\n                height: null,\n                justify: null,\n                id: \"1fc4664c-333d-4203-a3f1-3ad27a54c535\",\n                \"data-toc-id\": \"1fc4664c-333d-4203-a3f1-3ad27a54c535\",\n                level: 1,\n              },\n              content: [\n                {\n                  type: \"text\",\n                  text: \"Lorem ipsum dolor sit amet\",\n                },\n              ],\n            },\n            {\n              type: \"paragraph\",\n              attrs: {\n                align: null,\n                padding: null,\n                margin: null,\n                gap: null,\n                backgroundColor: null,\n                backgroundImage: null,\n                borderRadius: null,\n                border: null,\n                fill: null,\n                width: null,\n                height: null,\n                justify: null,\n              },\n              content: [\n                {\n                  type: \"text\",\n                  text: \"Consectetur adipiscing elit. Sed do eiusmod tempor incididunt. \",\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n});\n\nconst defaultAddSlideButton = (presets: PresetTemplates) => ({\n  showPresets: true,\n  presets,\n  presetBackground: \"#0f172a\",\n  presetForeground: \"#e5e7eb\",\n});\n\nconst defaultSlideOptions: Partial<SlideOptions> = {\n  renderMode: \"dynamic\",\n  hoverOutline: { color: \"#3b82f6\", width: \"1.5px\", offset: \"4px\" },\n  hoverOutlineCascade: false,\n};\n\nexport const useSlideEditor = ({\n  content,\n  onChange,\n  extensions,\n  extensionKitOptions,\n  presetTemplates,\n  deps = [],\n  onEditorReady,\n  immediatelyRender = false,\n  shouldRerenderOnTransaction = false,\n  theme = \"light\",\n  editorProps,\n  onUpdate,\n  ...editorOptions\n}: UseSlideEditorProps = {}) => {\n\n\n  /**\n   * Presets for add slide button.\n   */\n  const presets = useMemo<PresetTemplates>(\n    () => presetTemplates ?? templatesV1.listPresetTemplates(),\n    [presetTemplates]\n  );\n\n  const mergedExtensionKitOptions = useMemo<ExtensionKitOptions>(() => {\n    const addSlideButton =\n      extensionKitOptions?.addSlideButton === false\n        ? false\n        : {\n            ...defaultAddSlideButton(presets),\n            ...(extensionKitOptions?.addSlideButton ?? {}),\n          };\n\n    const slide =\n      extensionKitOptions?.slide === false\n        ? false\n        : {\n            ...defaultSlideOptions,\n            ...(extensionKitOptions?.slide ?? {}),\n          };\n\n    return {\n      ...extensionKitOptions,\n      addSlideButton,\n      slide,\n    };\n  }, [extensionKitOptions, presets]);\n\n  const resolvedExtensions = useMemo<AnyExtension[]>(() => {\n    const kit = ExtensionKit.configure(mergedExtensionKitOptions);\n    return extensions ? [kit, ...extensions] : [kit];\n  }, [extensions, mergedExtensionKitOptions]);\n\n  /**\n   * Initial content for the editor.\n   * content, initialContent, defaultValue, value etc are all the same thing\n   */\n  const initialContent = content ?? defaultSlide();\n\n  const editor = useEditor(\n    {\n      content: initialContent,\n      extensions: resolvedExtensions,\n      immediatelyRender,\n      shouldRerenderOnTransaction,\n      theme,\n      editorProps: {\n        attributes: {\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full min-w-full\",\n          ...(editorProps?.attributes ?? {}),\n        },\n        ...editorProps,\n      },\n      ...editorOptions,\n      onUpdate: (ctx) => {\n        const json = ctx.editor.getJSON();\n        onChange?.(json, ctx.editor);\n        onUpdate?.(ctx);\n      },\n    },\n    deps\n  );\n\n  useEffect(() => {\n    if (editor && !editor.isDestroyed) {\n      onEditorReady?.(editor);\n    }\n  }, [editor, onEditorReady]);\n\n  return { editor, presets };\n};\n"],"mappings":"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","names":["import_react","import_react","React","editor","import_react","_a","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -0,0 +1,86 @@
+import * as packages_ai_context_src_templates_v1_presetTemplateBuilder_js from 'packages/ai-context/src/templates/v1/presetTemplateBuilder.js';
+import * as _blockslides_extension_kit from '@blockslides/extension-kit';
+import { ExtensionKitOptions } from '@blockslides/extension-kit';
+import * as _blockslides_core from '@blockslides/core';
+import { Editor, JSONContent, AnyExtension } from '@blockslides/core';
+import * as _blockslides_react from '@blockslides/react';
+import { UseEditorOptions, EditorContentProps } from '@blockslides/react';
+export * from '@blockslides/react';
+import React, { DependencyList, CSSProperties } from 'react';
+import { BubbleMenuPresetOptions } from '@blockslides/extension-bubble-menu-preset';
+import { templatesV1 } from '@blockslides/ai-context';
+
+type BubbleMenuPresetProps = Omit<BubbleMenuPresetOptions, 'element' | 'pluginKey'> & React.HTMLAttributes<HTMLElement> & {
+    editor?: Editor | null;
+};
+declare const BubbleMenuPreset: React.ForwardRefExoticComponent<Omit<BubbleMenuPresetOptions, "element" | "pluginKey"> & React.HTMLAttributes<HTMLElement> & {
+    editor?: Editor | null;
+} & React.RefAttributes<HTMLElement>>;
+
+type PresetTemplates = ReturnType<typeof templatesV1.listPresetTemplates>;
+type UseSlideEditorProps = {
+    /**
+     * Initial content for the editor. If omitted, a single preset slide is used.
+     */
+    content?: UseEditorOptions["content"];
+    /**
+     * Called on every update with the current JSON document.
+     */
+    onChange?: (doc: JSONContent, editor: Editor) => void;
+    /**
+     * Additional extensions to append after the ExtensionKit bundle.
+     */
+    extensions?: AnyExtension[];
+    /**
+     * Customize or disable pieces of ExtensionKit (e.g., bubbleMenu: false).
+     */
+    extensionKitOptions?: ExtensionKitOptions;
+    /**
+     * Optional preset list to power the add-slide button.
+     */
+    presetTemplates?: PresetTemplates;
+    /**
+     * Dependencies array forwarded to useEditor for re-instantiation control.
+     * Leave empty to avoid recreating the editor on prop changes.
+     */
+    deps?: DependencyList;
+    /**
+     * Called once when an editor instance is ready.
+     */
+    onEditorReady?: (editor: Editor) => void;
+} & Omit<UseEditorOptions, "extensions" | "content">;
+declare const useSlideEditor: ({ content, onChange, extensions, extensionKitOptions, presetTemplates, deps, onEditorReady, immediatelyRender, shouldRerenderOnTransaction, theme, editorProps, onUpdate, ...editorOptions }?: UseSlideEditorProps) => {
+    editor: Editor;
+    presets: templatesV1.PresetTemplate[];
+};
+
+declare const SlideEditor: React.ForwardRefExoticComponent<{
+    content?: _blockslides_react.UseEditorOptions["content"];
+    onChange?: (doc: _blockslides_core.JSONContent, editor: _blockslides_core.Editor) => void;
+    extensions?: _blockslides_core.AnyExtension[];
+    extensionKitOptions?: _blockslides_extension_kit.ExtensionKitOptions;
+    presetTemplates?: packages_ai_context_src_templates_v1_presetTemplateBuilder_js.PresetTemplate[];
+    deps?: React.DependencyList;
+    onEditorReady?: (editor: _blockslides_core.Editor) => void;
+} & Omit<_blockslides_react.UseEditorOptions, "content" | "extensions"> & {
+    /**
+     * Toggle or customize the built-in BubbleMenuPreset.
+     * - true (default): render with defaults
+     * - false: disable entirely
+     * - object: pass through to BubbleMenuPreset
+     */
+    bubbleMenuPreset?: boolean | BubbleMenuPresetProps;
+    /**
+     * Additional props forwarded to EditorContent.
+     */
+    editorContentProps?: Omit<EditorContentProps, "editor">;
+    /**
+     * Viewport scale factor applied to the slide viewport.
+     * @default 1
+     */
+    viewportScale?: number;
+    className?: string;
+    style?: CSSProperties;
+} & React.RefAttributes<HTMLDivElement>>;
+
+export { BubbleMenuPreset, type BubbleMenuPresetProps, SlideEditor as ReactSlideEditor, type UseSlideEditorProps, useSlideEditor };

package/dist/index.d.ts

@@ -0,0 +1,86 @@
+import * as packages_ai_context_src_templates_v1_presetTemplateBuilder_js from 'packages/ai-context/src/templates/v1/presetTemplateBuilder.js';
+import * as _blockslides_extension_kit from '@blockslides/extension-kit';
+import { ExtensionKitOptions } from '@blockslides/extension-kit';
+import * as _blockslides_core from '@blockslides/core';
+import { Editor, JSONContent, AnyExtension } from '@blockslides/core';
+import * as _blockslides_react from '@blockslides/react';
+import { UseEditorOptions, EditorContentProps } from '@blockslides/react';
+export * from '@blockslides/react';
+import React, { DependencyList, CSSProperties } from 'react';
+import { BubbleMenuPresetOptions } from '@blockslides/extension-bubble-menu-preset';
+import { templatesV1 } from '@blockslides/ai-context';
+
+type BubbleMenuPresetProps = Omit<BubbleMenuPresetOptions, 'element' | 'pluginKey'> & React.HTMLAttributes<HTMLElement> & {
+    editor?: Editor | null;
+};
+declare const BubbleMenuPreset: React.ForwardRefExoticComponent<Omit<BubbleMenuPresetOptions, "element" | "pluginKey"> & React.HTMLAttributes<HTMLElement> & {
+    editor?: Editor | null;
+} & React.RefAttributes<HTMLElement>>;
+
+type PresetTemplates = ReturnType<typeof templatesV1.listPresetTemplates>;
+type UseSlideEditorProps = {
+    /**
+     * Initial content for the editor. If omitted, a single preset slide is used.
+     */
+    content?: UseEditorOptions["content"];
+    /**
+     * Called on every update with the current JSON document.
+     */
+    onChange?: (doc: JSONContent, editor: Editor) => void;
+    /**
+     * Additional extensions to append after the ExtensionKit bundle.
+     */
+    extensions?: AnyExtension[];
+    /**
+     * Customize or disable pieces of ExtensionKit (e.g., bubbleMenu: false).
+     */
+    extensionKitOptions?: ExtensionKitOptions;
+    /**
+     * Optional preset list to power the add-slide button.
+     */
+    presetTemplates?: PresetTemplates;
+    /**
+     * Dependencies array forwarded to useEditor for re-instantiation control.
+     * Leave empty to avoid recreating the editor on prop changes.
+     */
+    deps?: DependencyList;
+    /**
+     * Called once when an editor instance is ready.
+     */
+    onEditorReady?: (editor: Editor) => void;
+} & Omit<UseEditorOptions, "extensions" | "content">;
+declare const useSlideEditor: ({ content, onChange, extensions, extensionKitOptions, presetTemplates, deps, onEditorReady, immediatelyRender, shouldRerenderOnTransaction, theme, editorProps, onUpdate, ...editorOptions }?: UseSlideEditorProps) => {
+    editor: Editor;
+    presets: templatesV1.PresetTemplate[];
+};
+
+declare const SlideEditor: React.ForwardRefExoticComponent<{
+    content?: _blockslides_react.UseEditorOptions["content"];
+    onChange?: (doc: _blockslides_core.JSONContent, editor: _blockslides_core.Editor) => void;
+    extensions?: _blockslides_core.AnyExtension[];
+    extensionKitOptions?: _blockslides_extension_kit.ExtensionKitOptions;
+    presetTemplates?: packages_ai_context_src_templates_v1_presetTemplateBuilder_js.PresetTemplate[];
+    deps?: React.DependencyList;
+    onEditorReady?: (editor: _blockslides_core.Editor) => void;
+} & Omit<_blockslides_react.UseEditorOptions, "content" | "extensions"> & {
+    /**
+     * Toggle or customize the built-in BubbleMenuPreset.
+     * - true (default): render with defaults
+     * - false: disable entirely
+     * - object: pass through to BubbleMenuPreset
+     */
+    bubbleMenuPreset?: boolean | BubbleMenuPresetProps;
+    /**
+     * Additional props forwarded to EditorContent.
+     */
+    editorContentProps?: Omit<EditorContentProps, "editor">;
+    /**
+     * Viewport scale factor applied to the slide viewport.
+     * @default 1
+     */
+    viewportScale?: number;
+    className?: string;
+    style?: CSSProperties;
+} & React.RefAttributes<HTMLDivElement>>;
+
+export { BubbleMenuPreset, type BubbleMenuPresetProps, SlideEditor as ReactSlideEditor, type UseSlideEditorProps, useSlideEditor };