@blockslides/react 0.3.3 → 0.4.0

package/dist/index.js

@@ -1015,351 +1015,9 @@ function ReactNodeViewRenderer(component, options) {
   };
 }
 
-// src/SlideEditor.tsx
-import { forwardRef as forwardRef2, useMemo as useMemo3 } from "react";
-
-// src/menus/BubbleMenuPreset.tsx
-import React5, { useEffect as useEffect3, useRef as useRef2 } from "react";
-import { createPortal } from "react-dom";
-import {
-  BubbleMenuPlugin
-} from "@blockslides/extension-bubble-menu";
-import { NodeSelection } from "@blockslides/pm/state";
-import {
-  buildMenuElement,
-  DEFAULT_ITEMS,
-  DEFAULT_COLOR_PALETTE,
-  DEFAULT_HIGHLIGHT_PALETTE,
-  DEFAULT_FONTS,
-  DEFAULT_FONT_SIZES,
-  DEFAULT_ALIGNMENTS
-} from "@blockslides/extension-bubble-menu-preset";
-import { isTextSelection } from "@blockslides/core";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var BubbleMenuPreset = React5.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 } = useCurrentEditor();
-    const menuEl = useRef2(null);
-    useEffect3(() => {
-      const attachToEditor = editor || currentEditor;
-      if (!attachToEditor || attachToEditor.isDestroyed) {
-        return;
-      }
-      const { element, cleanup } = buildMenuElement(attachToEditor, {
-        items: items != null ? items : DEFAULT_ITEMS,
-        className: className != null ? className : "",
-        injectStyles: injectStyles !== false,
-        textColors: textColors != null ? textColors : DEFAULT_COLOR_PALETTE,
-        highlightColors: highlightColors != null ? highlightColors : DEFAULT_HIGHLIGHT_PALETTE,
-        fonts: fonts != null ? fonts : DEFAULT_FONTS,
-        fontSizes: fontSizes != null ? fontSizes : DEFAULT_FONT_SIZES,
-        alignments: alignments != null ? alignments : 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 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 (isTextSelection(sel) && !sel.empty && !imageSelection) return true;
-        return false;
-      };
-      const plugin = 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 ? createPortal(/* @__PURE__ */ jsx8("div", { ...rest }), menuEl.current) : null;
-  }
-);
-BubbleMenuPreset.displayName = "BubbleMenuPreset";
-
-// src/useSlideEditor.ts
-import { useEffect as useEffect4, useMemo as useMemo2 } from "react";
-import { templatesV1 } from "@blockslides/ai-context";
-import {
-  ExtensionKit
-} from "@blockslides/extension-kit";
-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 = useMemo2(
-    () => presetTemplates != null ? presetTemplates : templatesV1.listPresetTemplates(),
-    [presetTemplates]
-  );
-  const mergedExtensionKitOptions = useMemo2(() => {
-    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 = useMemo2(() => {
-    const kit = ExtensionKit.configure(mergedExtensionKitOptions);
-    return extensions ? [kit, ...extensions] : [kit];
-  }, [extensions, mergedExtensionKitOptions]);
-  const initialContent = content != null ? content : defaultSlide();
-  const editor = 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
-  );
-  useEffect4(() => {
-    if (editor && !editor.isDestroyed) {
-      onEditorReady == null ? void 0 : onEditorReady(editor);
-    }
-  }, [editor, onEditorReady]);
-  return { editor, presets };
-};
-
-// src/SlideEditor.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
-var SlideEditor = forwardRef2(
-  ({
-    bubbleMenuPreset = true,
-    editorContentProps,
-    viewportScale = 1,
-    className,
-    style,
-    ...hookProps
-  }, ref) => {
-    const { editor } = useSlideEditor(hookProps);
-    const bubbleMenuProps = useMemo3(() => {
-      if (bubbleMenuPreset === false) return null;
-      if (bubbleMenuPreset === true) return {};
-      return bubbleMenuPreset;
-    }, [bubbleMenuPreset]);
-    if (!editor) return null;
-    return /* @__PURE__ */ jsx9("div", { ref, className, style, children: /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: "bs-viewport",
-        style: { ["--zoom"]: viewportScale },
-        children: [
-          /* @__PURE__ */ jsx9(EditorContent, { editor, ...editorContentProps }),
-          bubbleMenuProps && /* @__PURE__ */ jsx9(BubbleMenuPreset, { editor, ...bubbleMenuProps })
-        ]
-      }
-    ) });
-  }
-);
-SlideEditor.displayName = "SlideEditor";
-
 // src/index.ts
 export * from "@blockslides/core";
 export {
-  BubbleMenuPreset,
   EditorConsumer,
   EditorContent,
   EditorContext,
@@ -1376,11 +1034,9 @@ export {
   ReactNodeViewContext,
   ReactNodeViewRenderer,
   ReactRenderer,
-  SlideEditor as ReactSlideEditor,
   useCurrentEditor,
   useEditor,
   useEditorState,
-  useReactNodeView,
-  useSlideEditor
+  useReactNodeView
 };
 //# sourceMappingURL=index.js.map