@blockslides/vue-3 0.2.0 → 0.3.0

package/dist/{FloatingMenu-BKkixozS.js → FloatingMenu-AygIYJQV.js}

@@ -1,4 +1,4 @@
-import { defineComponent as m, ref as f, onMounted as g, watch as F, onBeforeUnmount as y, openBlock as D, createElementBlock as _, createCommentVNode as A, nextTick as M, h as v } from "vue";
+import { defineComponent as m, ref as f, onMounted as g, watch as D, onBeforeUnmount as y, openBlock as _, createElementBlock as A, createCommentVNode as F, nextTick as M, h as v } from "vue";
 import { BubbleMenuPlugin as E } from "@blockslides/extension-bubble-menu";
 import { NodeSelection as N } from "@blockslides/pm/state";
 import { buildMenuElement as C, DEFAULT_ALIGNMENTS as x, DEFAULT_FONT_SIZES as B, DEFAULT_FONTS as P, DEFAULT_HIGHLIGHT_PALETTE as j, DEFAULT_COLOR_PALETTE as L, DEFAULT_ITEMS as O } from "@blockslides/extension-bubble-menu-preset";
@@ -13,20 +13,20 @@ const z = {
     editor: {},
     updateDelay: {},
     resizeDelay: {},
-    appendTo: { type: Function },
-    shouldShow: { type: [Function, null] },
-    getReferencedVirtualElement: { type: Function },
+    appendTo: {},
+    shouldShow: {},
+    getReferencedVirtualElement: {},
     options: {},
     items: {},
     className: {},
-    injectStyles: { type: Boolean },
+    injectStyles: { type: Boolean, default: !0 },
     textColors: {},
     highlightColors: {},
     fonts: {},
     fontSizes: {},
     alignments: {},
-    onTextAction: { type: Function },
-    onImageReplace: { type: Function }
+    onTextAction: {},
+    onImageReplace: {}
   },
   setup(r) {
     const e = r, l = f(null);
@@ -49,9 +49,9 @@ const z = {
         onImageReplace: e.onImageReplace
       });
       l.value = a, o = s;
-      const p = ({ state: d, editor: c }) => {
+      const d = ({ state: c, editor: p }) => {
         var b, T;
-        const i = d.selection, h = i instanceof N && ["image", "imageBlock"].includes((T = (b = i.node) == null ? void 0 : b.type) == null ? void 0 : T.name) || c.isActive("image") || c.isActive("imageBlock");
+        const i = c.selection, h = i instanceof N && ["image", "imageBlock"].includes((T = (b = i.node) == null ? void 0 : b.type) == null ? void 0 : T.name) || p.isActive("image") || p.isActive("imageBlock");
         return !!(h || R(i) && !i.empty && !h);
       }, u = E({
         editor: t,
@@ -60,7 +60,7 @@ const z = {
         resizeDelay: e.resizeDelay,
         appendTo: e.appendTo,
         pluginKey: S,
-        shouldShow: e.shouldShow ?? p,
+        shouldShow: e.shouldShow ?? d,
         getReferencedVirtualElement: e.getReferencedVirtualElement,
         options: e.options
       });
@@ -68,7 +68,7 @@ const z = {
     };
     return g(() => {
       n();
-    }), F(
+    }), D(
       () => [
         e.editor,
         e.updateDelay,
@@ -94,7 +94,7 @@ const z = {
     ), y(() => {
       var t;
       e.editor && e.editor.unregisterPlugin(S), o && o(), (t = l.value) != null && t.parentNode && l.value.parentNode.removeChild(l.value);
-    }), (t, a) => l.value ? (D(), _("div", z)) : A("", !0);
+    }), (t, a) => l.value ? (_(), A("div", z)) : F("", !0);
   }
 }), q = m({
   name: "BubbleMenu",
@@ -141,10 +141,10 @@ const z = {
         options: t,
         pluginKey: a,
         resizeDelay: s,
-        appendTo: p,
+        appendTo: d,
         shouldShow: u,
-        getReferencedVirtualElement: d,
-        updateDelay: c
+        getReferencedVirtualElement: c,
+        updateDelay: p
       } = r, i = o.value;
       i && (i.style.visibility = "hidden", i.style.position = "absolute", i.remove(), M(() => {
         n.registerPlugin(
@@ -154,10 +154,10 @@ const z = {
             options: t,
             pluginKey: a,
             resizeDelay: s,
-            appendTo: p,
+            appendTo: d,
             shouldShow: u,
-            getReferencedVirtualElement: d,
-            updateDelay: c
+            getReferencedVirtualElement: c,
+            updateDelay: p
           })
         );
       }));
@@ -199,7 +199,7 @@ const z = {
   setup(r, { slots: e, attrs: l }) {
     const o = f(null);
     return g(() => {
-      const { pluginKey: n, editor: t, options: a, appendTo: s, shouldShow: p } = r, u = o.value;
+      const { pluginKey: n, editor: t, options: a, appendTo: s, shouldShow: d } = r, u = o.value;
       u && (u.style.visibility = "hidden", u.style.position = "absolute", u.remove(), t.registerPlugin(
         w({
           pluginKey: n,
@@ -207,7 +207,7 @@ const z = {
           element: u,
           options: a,
           appendTo: s,
-          shouldShow: p
+          shouldShow: d
         })
       ));
     }), y(() => {

package/dist/FloatingMenu-Un--4r7A.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),T=require("@blockslides/extension-bubble-menu"),S=require("@blockslides/pm/state"),c=require("@blockslides/extension-bubble-menu-preset"),v=require("@blockslides/core"),E=require("@blockslides/extension-floating-menu"),M={key:0,style:{display:"none"}},b="bubbleMenuPreset",D=t.defineComponent({__name:"BubbleMenuPreset",props:{editor:{},updateDelay:{},resizeDelay:{},appendTo:{},shouldShow:{},getReferencedVirtualElement:{},options:{},items:{},className:{},injectStyles:{type:Boolean,default:!0},textColors:{},highlightColors:{},fonts:{},fontSizes:{},alignments:{},onTextAction:{},onImageReplace:{}},setup(s){const e=s,u=t.ref(null);let i;const o=()=>{const n=e.editor;if(!n||n.isDestroyed)return;i&&(i(),i=void 0);const{element:a,cleanup:d}=c.buildMenuElement(n,{items:e.items??c.DEFAULT_ITEMS,className:e.className??"",injectStyles:e.injectStyles!==!1,textColors:e.textColors??c.DEFAULT_COLOR_PALETTE,highlightColors:e.highlightColors??c.DEFAULT_HIGHLIGHT_PALETTE,fonts:e.fonts??c.DEFAULT_FONTS,fontSizes:e.fontSizes??c.DEFAULT_FONT_SIZES,alignments:e.alignments??c.DEFAULT_ALIGNMENTS,onTextAction:e.onTextAction,onImageReplace:e.onImageReplace});u.value=a,i=d;const p=({state:g,editor:f})=>{var y,h;const l=g.selection,m=l instanceof S.NodeSelection&&["image","imageBlock"].includes((h=(y=l.node)==null?void 0:y.type)==null?void 0:h.name)||f.isActive("image")||f.isActive("imageBlock");return!!(m||v.isTextSelection(l)&&!l.empty&&!m)},r=T.BubbleMenuPlugin({editor:n,element:a,updateDelay:e.updateDelay,resizeDelay:e.resizeDelay,appendTo:e.appendTo,pluginKey:b,shouldShow:e.shouldShow??p,getReferencedVirtualElement:e.getReferencedVirtualElement,options:e.options});n.registerPlugin(r)};return t.onMounted(()=>{o()}),t.watch(()=>[e.editor,e.updateDelay,e.resizeDelay,e.appendTo,e.shouldShow,e.getReferencedVirtualElement,e.options,e.items,e.className,e.injectStyles,e.textColors,e.highlightColors,e.fonts,e.fontSizes,e.alignments,e.onTextAction,e.onImageReplace],()=>{o()}),t.onBeforeUnmount(()=>{var n;e.editor&&e.editor.unregisterPlugin(b),i&&i(),(n=u.value)!=null&&n.parentNode&&u.value.parentNode.removeChild(u.value)}),(n,a)=>u.value?(t.openBlock(),t.createElementBlock("div",M)):t.createCommentVNode("",!0)}}),_=t.defineComponent({name:"BubbleMenu",inheritAttrs:!1,props:{pluginKey:{type:[String,Object],default:"bubbleMenu"},editor:{type:Object,required:!0},updateDelay:{type:Number,default:void 0},resizeDelay:{type:Number,default:void 0},options:{type:Object,default:()=>({})},appendTo:{type:[Object,Function],default:void 0},shouldShow:{type:Function,default:null},getReferencedVirtualElement:{type:Function,default:void 0}},setup(s,{slots:e,attrs:u}){const i=t.ref(null);return t.onMounted(()=>{const{editor:o,options:n,pluginKey:a,resizeDelay:d,appendTo:p,shouldShow:r,getReferencedVirtualElement:g,updateDelay:f}=s,l=i.value;l&&(l.style.visibility="hidden",l.style.position="absolute",l.remove(),t.nextTick(()=>{o.registerPlugin(T.BubbleMenuPlugin({editor:o,element:l,options:n,pluginKey:a,resizeDelay:d,appendTo:p,shouldShow:r,getReferencedVirtualElement:g,updateDelay:f}))}))}),t.onBeforeUnmount(()=>{const{pluginKey:o,editor:n}=s;n.unregisterPlugin(o)}),()=>{var o;return t.h("div",{ref:i,...u},(o=e.default)==null?void 0:o.call(e))}}}),F=t.defineComponent({name:"FloatingMenu",inheritAttrs:!1,props:{pluginKey:{type:null,default:"floatingMenu"},editor:{type:Object,required:!0},options:{type:Object,default:()=>({})},appendTo:{type:[Object,Function],default:void 0},shouldShow:{type:Function,default:null}},setup(s,{slots:e,attrs:u}){const i=t.ref(null);return t.onMounted(()=>{const{pluginKey:o,editor:n,options:a,appendTo:d,shouldShow:p}=s,r=i.value;r&&(r.style.visibility="hidden",r.style.position="absolute",r.remove(),n.registerPlugin(E.FloatingMenuPlugin({pluginKey:o,editor:n,element:r,options:a,appendTo:d,shouldShow:p})))}),t.onBeforeUnmount(()=>{const{pluginKey:o,editor:n}=s;n.unregisterPlugin(o)}),()=>{var o;return t.h("div",{ref:i,...u},(o=e.default)==null?void 0:o.call(e))}}});exports.BubbleMenu=_;exports.FloatingMenu=F;exports._sfc_main=D;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@blockslides/core"),o=require("vue"),j=require("@blockslides/ai-context"),O=require("@blockslides/extension-kit"),f=require("./FloatingMenu-By8Qi7tW.cjs");function x(r){return o.customRef((e,t)=>({get(){return e(),r},set(n){r=n,requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}}))}class _ extends g.Editor{constructor(e={}){return super(e),this.contentComponent=null,this.appContext=null,this.reactiveState=x(this.view.state),this.reactiveExtensionStorage=x(this.extensionStorage),this.on("beforeTransaction",({nextState:t})=>{this.reactiveState.value=t,this.reactiveExtensionStorage.value=this.extensionStorage}),o.markRaw(this)}get state(){return this.reactiveState?this.reactiveState.value:this.view.state}get storage(){return this.reactiveExtensionStorage?this.reactiveExtensionStorage.value:super.storage}registerPlugin(e,t){const n=super.registerPlugin(e,t);return this.reactiveState&&(this.reactiveState.value=n),n}unregisterPlugin(e){const t=super.unregisterPlugin(e);return this.reactiveState&&t&&(this.reactiveState.value=t),t}}const P=o.defineComponent({name:"EditorContent",props:{editor:{default:null,type:Object}},setup(r){const e=o.ref(),t=o.getCurrentInstance();return o.watchEffect(()=>{const n=r.editor;n&&n.options.element&&e.value&&o.nextTick(()=>{var s;if(!e.value||!((s=n.view.dom)!=null&&s.parentNode))return;const i=o.unref(e.value);e.value.append(...n.view.dom.parentNode.childNodes),n.contentComponent=t.ctx._,t&&(n.appContext={...t.appContext,provides:t.provides}),n.setOptions({element:i}),n.createNodeViews()})}),o.onBeforeUnmount(()=>{const n=r.editor;n&&(n.contentComponent=null,n.appContext=null)}),{rootEl:e}},render(){return o.h("div",{ref:r=>{this.rootEl=r}})}}),V=o.defineComponent({name:"NodeViewContent",props:{as:{type:String,default:"div"}},render(){return o.h(this.as,{style:{whiteSpace:"pre-wrap"},"data-node-view-content":""})}}),B=o.defineComponent({name:"NodeViewWrapper",props:{as:{type:String,default:"div"}},inject:["onDragStart","decorationClasses"],render(){var r,e;return o.h(this.as,{class:this.decorationClasses,style:{whiteSpace:"normal"},"data-node-view-wrapper":"",onDragstart:this.onDragStart},(e=(r=this.$slots).default)==null?void 0:e.call(r))}}),M=(r={})=>{console.log("[useEditor] THE OPTIONS ARE:",r),console.log("[useEditor] Creating editor with options:",r),console.log("[useEditor] options.enableCoreExtensions:",r.enableCoreExtensions),console.log("[useEditor] options.injectCSS:",r.injectCSS);const e=o.shallowRef();return o.onMounted(()=>{var t;console.log("[useEditor] onMounted - Creating Editor instance"),console.log("[useEditor] onMounted - options:",r),console.log("[useEditor] onMounted - options.enableCoreExtensions:",r.enableCoreExtensions),e.value=new _(r),console.log("[useEditor] Editor instance created:",e.value),console.log("[useEditor] Editor view:",(t=e.value)==null?void 0:t.view)}),o.onBeforeUnmount(()=>{var i,s,d,a;console.log("[useEditor] onBeforeUnmount - Cleaning up editor");const t=(s=(i=e.value)==null?void 0:i.view.dom)==null?void 0:s.parentNode,n=t==null?void 0:t.cloneNode(!0);(d=t==null?void 0:t.parentNode)==null||d.replaceChild(n,t),(a=e.value)==null||a.destroy()}),e},q=()=>({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:!0,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. "}]}]}]}]}),D=r=>({showPresets:!0,presets:r,presetBackground:"#0f172a",presetForeground:"#e5e7eb"}),R={renderMode:"dynamic",hoverOutline:{color:"#3b82f6",width:"1.5px",offset:"4px"},hoverOutlineCascade:!1},k=(r={})=>{console.log("[useSlideEditor] Called with props:",r);const{content:e,onChange:t,extensions:n,extensionKitOptions:i,presetTemplates:s,onEditorReady:d,theme:a="light",editorProps:u,onUpdate:c,...h}=r;console.log("[useSlideEditor] editorOptions:",h),console.log("[useSlideEditor] editorOptions.enableCoreExtensions:",h.enableCoreExtensions),console.log("[useSlideEditor] editorOptions.injectCSS:",h.injectCSS),console.log("[useSlideEditor] Content:",e),console.log("[useSlideEditor] ExtensionKitOptions:",i);const S=o.computed(()=>s??j.templatesV1.listPresetTemplates()),y=o.computed(()=>{const l=(i==null?void 0:i.addSlideButton)===!1?!1:{...D(S.value),...(i==null?void 0:i.addSlideButton)??{}},p=(i==null?void 0:i.slide)===!1?!1:{...R,...(i==null?void 0:i.slide)??{}},b={...i,addSlideButton:l,slide:p};return console.log("[useSlideEditor] mergedExtensionKitOptions:",b),console.log("[useSlideEditor] addSlideButton config:",b.addSlideButton),console.log("[useSlideEditor] presets:",S.value),b}),v=o.computed(()=>{console.log("[useSlideEditor] Configuring ExtensionKit with options:",y.value);const l=O.ExtensionKit.configure(y.value);console.log("[useSlideEditor] ExtensionKit configured:",l),console.log("[useSlideEditor] ExtensionKit name:",l.name);const p=n?[l,...n]:[l];return console.log("[useSlideEditor] Final extensions array:",p),p}),w=e??q();console.log("[useSlideEditor] Initial content resolved:",w),console.log("[useSlideEditor] Resolved extensions:",v.value);const m={content:w,extensions:v.value,theme:a,editorProps:{attributes:{autocomplete:"off",autocorrect:"off",autocapitalize:"off",class:"min-h-full min-w-full",...(u==null?void 0:u.attributes)??{}},...u},...h,onUpdate:l=>{console.log("[useSlideEditor] onUpdate called");const p=l.editor.getJSON();t==null||t(p,l.editor),c==null||c(l)}};console.log("[useSlideEditor] Final editor config:",m),console.log("[useSlideEditor] Final editor config enableCoreExtensions:",m.enableCoreExtensions),console.log("[useSlideEditor] Final editor config injectCSS:",m.injectCSS);const E=M(m);return console.log("[useSlideEditor] Editor ref created:",E),o.watch(E,l=>{console.log("[useSlideEditor] Editor watch triggered, newEditor:",l),l&&!l.isDestroyed?(console.log("[useSlideEditor] ✅ Calling onEditorReady"),d==null||d(l)):console.log("[useSlideEditor] ❌ Editor not ready or destroyed")},{immediate:!0}),{editor:E,presets:S}},A={class:"bs-viewport"},F=o.defineComponent({__name:"SlideEditor",props:{bubbleMenuPreset:{type:[Boolean,Object],default:!0},className:{},style:{},content:{},onChange:{},extensions:{},extensionKitOptions:{},presetTemplates:{},onEditorReady:{},element:{},theme:{},injectCSS:{type:Boolean},injectNonce:{},autofocus:{type:[String,Number,Boolean,null]},editable:{type:Boolean},editorProps:{},parseOptions:{},coreExtensionOptions:{},enableInputRules:{type:[Array,Boolean]},enablePasteRules:{type:[Array,Boolean]},enableCoreExtensions:{type:[Boolean,Object]},enableContentCheck:{type:Boolean},emitContentError:{type:Boolean},onBeforeCreate:{},onCreate:{},onMount:{},onUnmount:{},onContentError:{},onUpdate:{},onSelectionUpdate:{},onTransaction:{},onFocus:{},onBlur:{},onDestroy:{},onPaste:{},onDrop:{},onDelete:{}},setup(r){console.log("[SlideEditor.vue] Component loading");const e=r;console.log("[SlideEditor.vue] Props:",e),console.log("[SlideEditor.vue] Props.enableCoreExtensions:",e.enableCoreExtensions),console.log("[SlideEditor.vue] Props.injectCSS:",e.injectCSS);const{bubbleMenuPreset:t,className:n,style:i,...s}=e;console.log("[SlideEditor.vue] Hook props:",s),console.log("[SlideEditor.vue] hookProps.enableCoreExtensions:",s.enableCoreExtensions),console.log("[SlideEditor.vue] hookProps.injectCSS:",s.injectCSS);const{editor:d,presets:a}=k(s);console.log("[SlideEditor.vue] Editor from useSlideEditor:",d);const u=o.computed(()=>e.bubbleMenuPreset===!1?null:e.bubbleMenuPreset===!0?{}:e.bubbleMenuPreset);return o.watch(d,c=>{console.log("[SlideEditor.vue] Editor watch - newEditor:",c),console.log("[SlideEditor.vue] Editor exists:",!!c)},{immediate:!0}),o.onMounted(()=>{console.log("[SlideEditor.vue] Component mounted"),console.log("[SlideEditor.vue] Editor value:",d.value)}),(c,h)=>o.unref(d)?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(o.unref(n)),style:o.normalizeStyle(o.unref(i))},[o.createElementVNode("div",A,[o.createVNode(o.unref(P),{editor:o.unref(d)},null,8,["editor"]),u.value?(o.openBlock(),o.createBlock(f._sfc_main,o.mergeProps({key:0,editor:o.unref(d)},u.value),null,16,["editor"])):o.createCommentVNode("",!0)])],6)):o.createCommentVNode("",!0)}});class C{constructor(e,{props:t={},editor:n}){this.destroyed=!1,this.editor=n,this.component=o.markRaw(e),this.el=document.createElement("div"),this.props=o.reactive(t),this.renderedComponent=this.renderComponent()}get element(){return this.renderedComponent.el}get ref(){var e,t,n,i;return(t=(e=this.renderedComponent.vNode)==null?void 0:e.component)!=null&&t.exposed?this.renderedComponent.vNode.component.exposed:(i=(n=this.renderedComponent.vNode)==null?void 0:n.component)==null?void 0:i.proxy}renderComponent(){if(this.destroyed)return this.renderedComponent;let e=o.h(this.component,this.props);return this.editor.appContext&&(e.appContext=this.editor.appContext),typeof document<"u"&&this.el&&o.render(e,this.el),{vNode:e,destroy:()=>{this.el&&o.render(null,this.el),this.el=null,e=null},el:this.el?this.el.firstElementChild:null}}updateProps(e={}){this.destroyed||(Object.entries(e).forEach(([t,n])=>{this.props[t]=n}),this.renderComponent())}destroy(){this.destroyed||(this.destroyed=!0,this.renderedComponent.destroy())}}const U={editor:{type:Object,required:!0},mark:{type:Object,required:!0},extension:{type:Object,required:!0},inline:{type:Boolean,required:!0},view:{type:Object,required:!0},updateAttributes:{type:Function,required:!0},HTMLAttributes:{type:Object,required:!0}},I=o.defineComponent({name:"MarkViewContent",props:{as:{type:String,default:"span"}},render(){return o.h(this.as,{style:{whiteSpace:"inherit"},"data-mark-view-content":""})}});class N extends g.MarkView{constructor(e,t,n){super(e,t,n);const i={...t,updateAttributes:this.updateAttributes.bind(this)},s=o.defineComponent({extends:{...e},props:Object.keys(i),template:this.component.template,setup:d=>{var a;return(a=e.setup)==null?void 0:a.call(e,d,{expose:()=>{}})},__scopeId:e.__scopeId,__cssModules:e.__cssModules,__name:e.__name,__file:e.__file});this.renderer=new C(s,{editor:this.editor,props:i})}get dom(){return this.renderer.element}get contentDOM(){return this.dom.querySelector("[data-mark-view-content]")}updateAttributes(e){const t=o.toRaw(this.mark);super.updateAttributes(e,t)}destroy(){this.renderer.destroy()}}function T(r,e={}){return t=>t.editor.contentComponent?new N(r,t,e):{}}const W={editor:{type:Object,required:!0},node:{type:Object,required:!0},decorations:{type:Object,required:!0},selected:{type:Boolean,required:!0},extension:{type:Object,required:!0},getPos:{type:Function,required:!0},updateAttributes:{type:Function,required:!0},deleteNode:{type:Function,required:!0},view:{type:Object,required:!0},innerDecorations:{type:Object,required:!0},HTMLAttributes:{type:Object,required:!0}};class L extends g.NodeView{constructor(){super(...arguments),this.cachedExtensionWithSyncedStorage=null}get extensionWithSyncedStorage(){if(!this.cachedExtensionWithSyncedStorage){const e=this.editor,t=this.extension;this.cachedExtensionWithSyncedStorage=new Proxy(t,{get(n,i,s){return i==="storage"?e.storage[t.name]??{}:Reflect.get(n,i,s)}})}return this.cachedExtensionWithSyncedStorage}mount(){const e={editor:this.editor,node:this.node,decorations:this.decorations,innerDecorations:this.innerDecorations,view:this.view,selected:!1,extension:this.extensionWithSyncedStorage,HTMLAttributes:this.HTMLAttributes,getPos:()=>this.getPos(),updateAttributes:(i={})=>this.updateAttributes(i),deleteNode:()=>this.deleteNode()},t=this.onDragStart.bind(this);this.decorationClasses=o.ref(this.getDecorationClasses());const n=o.defineComponent({extends:{...this.component},props:Object.keys(e),template:this.component.template,setup:i=>{var s,d;return o.provide("onDragStart",t),o.provide("decorationClasses",this.decorationClasses),(d=(s=this.component).setup)==null?void 0:d.call(s,i,{expose:()=>{}})},__scopeId:this.component.__scopeId,__cssModules:this.component.__cssModules,__name:this.component.__name,__file:this.component.__file});this.handleSelectionUpdate=this.handleSelectionUpdate.bind(this),this.editor.on("selectionUpdate",this.handleSelectionUpdate),this.renderer=new C(n,{editor:this.editor,props:e})}get dom(){if(!this.renderer.element||!this.renderer.element.hasAttribute("data-node-view-wrapper"))throw Error("Please use the NodeViewWrapper component for your node view.");return this.renderer.element}get contentDOM(){return this.node.isLeaf?null:this.dom.querySelector("[data-node-view-content]")}handleSelectionUpdate(){const{from:e,to:t}=this.editor.state.selection,n=this.getPos();if(typeof n=="number")if(e<=n&&t>=n+this.node.nodeSize){if(this.renderer.props.selected)return;this.selectNode()}else{if(!this.renderer.props.selected)return;this.deselectNode()}}update(e,t,n){const i=s=>{this.decorationClasses.value=this.getDecorationClasses(),this.renderer.updateProps(s)};if(typeof this.options.update=="function"){const s=this.node,d=this.decorations,a=this.innerDecorations;return this.node=e,this.decorations=t,this.innerDecorations=n,this.options.update({oldNode:s,oldDecorations:d,newNode:e,newDecorations:t,oldInnerDecorations:a,innerDecorations:n,updateProps:()=>i({node:e,decorations:t,innerDecorations:n,extension:this.extensionWithSyncedStorage})})}return e.type!==this.node.type?!1:(e===this.node&&this.decorations===t&&this.innerDecorations===n||(this.node=e,this.decorations=t,this.innerDecorations=n,i({node:e,decorations:t,innerDecorations:n,extension:this.extensionWithSyncedStorage})),!0)}selectNode(){this.renderer.updateProps({selected:!0}),this.renderer.element&&this.renderer.element.classList.add("ProseMirror-selectednode")}deselectNode(){this.renderer.updateProps({selected:!1}),this.renderer.element&&this.renderer.element.classList.remove("ProseMirror-selectednode")}getDecorationClasses(){return this.decorations.flatMap(e=>e.type.attrs.class).join(" ")}destroy(){this.renderer.destroy(),this.editor.off("selectionUpdate",this.handleSelectionUpdate)}}function z(r,e){return t=>{if(!t.editor.contentComponent)return{};const n=typeof r=="function"&&"__vccOpts"in r?r.__vccOpts:r;return new L(n,t,e)}}exports.BubbleMenu=f.BubbleMenu;exports.BubbleMenuPreset=f._sfc_main;exports.FloatingMenu=f.FloatingMenu;exports.Editor=_;exports.EditorContent=P;exports.MarkViewContent=I;exports.NodeViewContent=V;exports.NodeViewWrapper=B;exports.SlideEditor=F;exports.VueMarkView=N;exports.VueMarkViewRenderer=T;exports.VueNodeViewRenderer=z;exports.VueRenderer=C;exports.markViewProps=U;exports.nodeViewProps=W;exports.useEditor=M;exports.useSlideEditor=k;Object.keys(g).forEach(r=>{r!=="default"&&!Object.prototype.hasOwnProperty.call(exports,r)&&Object.defineProperty(exports,r,{enumerable:!0,get:()=>g[r]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@blockslides/core"),r=require("vue"),V=require("@blockslides/ai-context"),P=require("@blockslides/extension-kit"),h=require("./FloatingMenu-Un--4r7A.cjs");function w(s){return r.customRef((e,t)=>({get(){return e(),s},set(n){s=n,requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}}))}class S extends c.Editor{constructor(e={}){return super(e),this.contentComponent=null,this.appContext=null,this.reactiveState=w(this.view.state),this.reactiveExtensionStorage=w(this.extensionStorage),this.on("beforeTransaction",({nextState:t})=>{this.reactiveState.value=t,this.reactiveExtensionStorage.value=this.extensionStorage}),r.markRaw(this)}get state(){return this.reactiveState?this.reactiveState.value:this.view.state}get storage(){return this.reactiveExtensionStorage?this.reactiveExtensionStorage.value:super.storage}registerPlugin(e,t){const n=super.registerPlugin(e,t);return this.reactiveState&&(this.reactiveState.value=n),n}unregisterPlugin(e){const t=super.unregisterPlugin(e);return this.reactiveState&&t&&(this.reactiveState.value=t),t}}const C=r.defineComponent({name:"EditorContent",props:{editor:{default:null,type:Object}},setup(s){const e=r.ref(),t=r.getCurrentInstance();return r.watchEffect(()=>{const n=s.editor;n&&n.options.element&&e.value&&r.nextTick(()=>{var i;if(!e.value||!((i=n.view.dom)!=null&&i.parentNode))return;const o=r.unref(e.value);e.value.append(...n.view.dom.parentNode.childNodes),n.contentComponent=t.ctx._,t&&(n.appContext={...t.appContext,provides:t.provides}),n.setOptions({element:o}),n.createNodeViews()})}),r.onBeforeUnmount(()=>{const n=s.editor;n&&(n.contentComponent=null,n.appContext=null)}),{rootEl:e}},render(){return r.h("div",{ref:s=>{this.rootEl=s}})}}),E=r.defineComponent({name:"NodeViewContent",props:{as:{type:String,default:"div"}},render(){return r.h(this.as,{style:{whiteSpace:"pre-wrap"},"data-node-view-content":""})}}),O=r.defineComponent({name:"NodeViewWrapper",props:{as:{type:String,default:"div"}},inject:["onDragStart","decorationClasses"],render(){var s,e;return r.h(this.as,{class:this.decorationClasses,style:{whiteSpace:"normal"},"data-node-view-wrapper":"",onDragstart:this.onDragStart},(e=(s=this.$slots).default)==null?void 0:e.call(s))}}),x=(s={})=>{const e=r.shallowRef();return r.onMounted(()=>{e.value=new S(s)}),r.onBeforeUnmount(()=>{var o,i,d,a;const t=(i=(o=e.value)==null?void 0:o.view.dom)==null?void 0:i.parentNode,n=t==null?void 0:t.cloneNode(!0);(d=t==null?void 0:t.parentNode)==null||d.replaceChild(n,t),(a=e.value)==null||a.destroy()}),e},j=()=>({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:!0,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. "}]}]}]}]}),q=s=>({showPresets:!0,presets:s,presetBackground:"#0f172a",presetForeground:"#e5e7eb"}),D={renderMode:"dynamic",hoverOutline:{color:"#3b82f6",width:"1.5px",offset:"4px"},hoverOutlineCascade:!1},_=(s={})=>{const{content:e,onChange:t,extensions:n,extensionKitOptions:o,presetTemplates:i,onEditorReady:d,theme:a="light",editorProps:l,onUpdate:p,editorOptions:y={}}=s,b=r.computed(()=>i??V.templatesV1.listPresetTemplates()),k=r.computed(()=>{const u=(o==null?void 0:o.addSlideButton)===!1?!1:{...q(b.value),...(o==null?void 0:o.addSlideButton)??{}},m=(o==null?void 0:o.slide)===!1?!1:{...D,...(o==null?void 0:o.slide)??{}};return{...o,addSlideButton:u,slide:m}}),f=r.computed(()=>{const u=P.ExtensionKit.configure(k.value);return n?[u,...n]:[u]}),M=e??j();console.log("resolvedExtensions",f.value,f),console.log("editorOptions (as single prop):",y);const v=x({content:M,extensions:f.value,theme:a,editorProps:{attributes:{autocomplete:"off",autocorrect:"off",autocapitalize:"off",class:"min-h-full min-w-full",...(l==null?void 0:l.attributes)??{}},...l},...y,onUpdate:u=>{const m=u.editor.getJSON();t==null||t(m,u.editor),p==null||p(u)}});return r.watch(v,u=>{u&&!u.isDestroyed?d==null||d(u):console.log("[useSlideEditor] ❌ Editor not ready or destroyed")},{immediate:!0}),{editor:v,presets:b}},B={class:"bs-viewport"},A=r.defineComponent({__name:"SlideEditor",props:{bubbleMenuPreset:{type:[Boolean,Object],default:!0},className:{},style:{},content:{},onChange:{},extensions:{},extensionKitOptions:{},presetTemplates:{},onEditorReady:{},theme:{},editorProps:{},onUpdate:{},editorOptions:{}},setup(s){const e=s,{bubbleMenuPreset:t,className:n,style:o,...i}=e,{editor:d}=_(i),a=r.computed(()=>e.bubbleMenuPreset===!1?null:e.bubbleMenuPreset===!0?{}:e.bubbleMenuPreset);return(l,p)=>r.unref(d)?(r.openBlock(),r.createElementBlock("div",{key:0,class:r.normalizeClass(r.unref(n)),style:r.normalizeStyle(r.unref(o))},[r.createElementVNode("div",B,[r.createVNode(r.unref(C),{editor:r.unref(d)},null,8,["editor"]),a.value?(r.openBlock(),r.createBlock(h._sfc_main,r.mergeProps({key:0,editor:r.unref(d)},a.value),null,16,["editor"])):r.createCommentVNode("",!0)])],6)):r.createCommentVNode("",!0)}});class g{constructor(e,{props:t={},editor:n}){this.destroyed=!1,this.editor=n,this.component=r.markRaw(e),this.el=document.createElement("div"),this.props=r.reactive(t),this.renderedComponent=this.renderComponent()}get element(){return this.renderedComponent.el}get ref(){var e,t,n,o;return(t=(e=this.renderedComponent.vNode)==null?void 0:e.component)!=null&&t.exposed?this.renderedComponent.vNode.component.exposed:(o=(n=this.renderedComponent.vNode)==null?void 0:n.component)==null?void 0:o.proxy}renderComponent(){if(this.destroyed)return this.renderedComponent;let e=r.h(this.component,this.props);return this.editor.appContext&&(e.appContext=this.editor.appContext),typeof document<"u"&&this.el&&r.render(e,this.el),{vNode:e,destroy:()=>{this.el&&r.render(null,this.el),this.el=null,e=null},el:this.el?this.el.firstElementChild:null}}updateProps(e={}){this.destroyed||(Object.entries(e).forEach(([t,n])=>{this.props[t]=n}),this.renderComponent())}destroy(){this.destroyed||(this.destroyed=!0,this.renderedComponent.destroy())}}const R={editor:{type:Object,required:!0},mark:{type:Object,required:!0},extension:{type:Object,required:!0},inline:{type:Boolean,required:!0},view:{type:Object,required:!0},updateAttributes:{type:Function,required:!0},HTMLAttributes:{type:Object,required:!0}},W=r.defineComponent({name:"MarkViewContent",props:{as:{type:String,default:"span"}},render(){return r.h(this.as,{style:{whiteSpace:"inherit"},"data-mark-view-content":""})}});class N extends c.MarkView{constructor(e,t,n){super(e,t,n);const o={...t,updateAttributes:this.updateAttributes.bind(this)},i=r.defineComponent({extends:{...e},props:Object.keys(o),template:this.component.template,setup:d=>{var a;return(a=e.setup)==null?void 0:a.call(e,d,{expose:()=>{}})},__scopeId:e.__scopeId,__cssModules:e.__cssModules,__name:e.__name,__file:e.__file});this.renderer=new g(i,{editor:this.editor,props:o})}get dom(){return this.renderer.element}get contentDOM(){return this.dom.querySelector("[data-mark-view-content]")}updateAttributes(e){const t=r.toRaw(this.mark);super.updateAttributes(e,t)}destroy(){this.renderer.destroy()}}function F(s,e={}){return t=>t.editor.contentComponent?new N(s,t,e):{}}const I={editor:{type:Object,required:!0},node:{type:Object,required:!0},decorations:{type:Object,required:!0},selected:{type:Boolean,required:!0},extension:{type:Object,required:!0},getPos:{type:Function,required:!0},updateAttributes:{type:Function,required:!0},deleteNode:{type:Function,required:!0},view:{type:Object,required:!0},innerDecorations:{type:Object,required:!0},HTMLAttributes:{type:Object,required:!0}};class T extends c.NodeView{constructor(){super(...arguments),this.cachedExtensionWithSyncedStorage=null}get extensionWithSyncedStorage(){if(!this.cachedExtensionWithSyncedStorage){const e=this.editor,t=this.extension;this.cachedExtensionWithSyncedStorage=new Proxy(t,{get(n,o,i){return o==="storage"?e.storage[t.name]??{}:Reflect.get(n,o,i)}})}return this.cachedExtensionWithSyncedStorage}mount(){const e={editor:this.editor,node:this.node,decorations:this.decorations,innerDecorations:this.innerDecorations,view:this.view,selected:!1,extension:this.extensionWithSyncedStorage,HTMLAttributes:this.HTMLAttributes,getPos:()=>this.getPos(),updateAttributes:(o={})=>this.updateAttributes(o),deleteNode:()=>this.deleteNode()},t=this.onDragStart.bind(this);this.decorationClasses=r.ref(this.getDecorationClasses());const n=r.defineComponent({extends:{...this.component},props:Object.keys(e),template:this.component.template,setup:o=>{var i,d;return r.provide("onDragStart",t),r.provide("decorationClasses",this.decorationClasses),(d=(i=this.component).setup)==null?void 0:d.call(i,o,{expose:()=>{}})},__scopeId:this.component.__scopeId,__cssModules:this.component.__cssModules,__name:this.component.__name,__file:this.component.__file});this.handleSelectionUpdate=this.handleSelectionUpdate.bind(this),this.editor.on("selectionUpdate",this.handleSelectionUpdate),this.renderer=new g(n,{editor:this.editor,props:e})}get dom(){if(!this.renderer.element||!this.renderer.element.hasAttribute("data-node-view-wrapper"))throw Error("Please use the NodeViewWrapper component for your node view.");return this.renderer.element}get contentDOM(){return this.node.isLeaf?null:this.dom.querySelector("[data-node-view-content]")}handleSelectionUpdate(){const{from:e,to:t}=this.editor.state.selection,n=this.getPos();if(typeof n=="number")if(e<=n&&t>=n+this.node.nodeSize){if(this.renderer.props.selected)return;this.selectNode()}else{if(!this.renderer.props.selected)return;this.deselectNode()}}update(e,t,n){const o=i=>{this.decorationClasses.value=this.getDecorationClasses(),this.renderer.updateProps(i)};if(typeof this.options.update=="function"){const i=this.node,d=this.decorations,a=this.innerDecorations;return this.node=e,this.decorations=t,this.innerDecorations=n,this.options.update({oldNode:i,oldDecorations:d,newNode:e,newDecorations:t,oldInnerDecorations:a,innerDecorations:n,updateProps:()=>o({node:e,decorations:t,innerDecorations:n,extension:this.extensionWithSyncedStorage})})}return e.type!==this.node.type?!1:(e===this.node&&this.decorations===t&&this.innerDecorations===n||(this.node=e,this.decorations=t,this.innerDecorations=n,o({node:e,decorations:t,innerDecorations:n,extension:this.extensionWithSyncedStorage})),!0)}selectNode(){this.renderer.updateProps({selected:!0}),this.renderer.element&&this.renderer.element.classList.add("ProseMirror-selectednode")}deselectNode(){this.renderer.updateProps({selected:!1}),this.renderer.element&&this.renderer.element.classList.remove("ProseMirror-selectednode")}getDecorationClasses(){return this.decorations.flatMap(e=>e.type.attrs.class).join(" ")}destroy(){this.renderer.destroy(),this.editor.off("selectionUpdate",this.handleSelectionUpdate)}}function U(s,e){return t=>{if(!t.editor.contentComponent)return{};const n=typeof s=="function"&&"__vccOpts"in s?s.__vccOpts:s;return new T(n,t,e)}}exports.BubbleMenu=h.BubbleMenu;exports.BubbleMenuPreset=h._sfc_main;exports.FloatingMenu=h.FloatingMenu;exports.Editor=S;exports.EditorContent=C;exports.MarkViewContent=W;exports.NodeViewContent=E;exports.NodeViewWrapper=O;exports.SlideEditor=A;exports.VueMarkView=N;exports.VueMarkViewRenderer=F;exports.VueNodeViewRenderer=U;exports.VueRenderer=g;exports.markViewProps=R;exports.nodeViewProps=I;exports.useEditor=x;exports.useSlideEditor=_;Object.keys(c).forEach(s=>{s!=="default"&&!Object.prototype.hasOwnProperty.call(exports,s)&&Object.defineProperty(exports,s,{enumerable:!0,get:()=>c[s]})});

package/dist/index.js

@@ -1,17 +1,17 @@
-import { Editor as D, MarkView as A, NodeView as R } from "@blockslides/core";
+import { Editor as V, MarkView as j, NodeView as q } from "@blockslides/core";
 export * from "@blockslides/core";
-import { markRaw as j, customRef as F, defineComponent as p, h as m, ref as M, getCurrentInstance as I, watchEffect as U, nextTick as T, unref as c, onBeforeUnmount as O, shallowRef as W, onMounted as B, computed as S, watch as V, openBlock as w, createElementBlock as L, normalizeStyle as z, normalizeClass as H, createElementVNode as $, createVNode as J, createBlock as K, mergeProps as G, createCommentVNode as _, reactive as Q, render as P, toRaw as X, provide as k } from "vue";
-import { templatesV1 as Y } from "@blockslides/ai-context";
-import { ExtensionKit as Z } from "@blockslides/extension-kit";
-import { _ as ee } from "./FloatingMenu-BKkixozS.js";
-import { B as ke, F as Ne } from "./FloatingMenu-BKkixozS.js";
-function N(r) {
-  return F((e, t) => ({
+import { markRaw as N, customRef as D, defineComponent as u, h as p, ref as k, getCurrentInstance as A, watchEffect as B, nextTick as R, unref as l, onBeforeUnmount as P, shallowRef as W, onMounted as I, computed as m, watch as F, openBlock as S, createElementBlock as T, normalizeStyle as U, normalizeClass as L, createElementVNode as z, createVNode as H, createBlock as $, mergeProps as J, createCommentVNode as w, reactive as G, render as x, toRaw as Q, provide as C } from "vue";
+import { templatesV1 as X } from "@blockslides/ai-context";
+import { ExtensionKit as Y } from "@blockslides/extension-kit";
+import { _ as Z } from "./FloatingMenu-AygIYJQV.js";
+import { B as Ne, F as ke } from "./FloatingMenu-AygIYJQV.js";
+function _(o) {
+  return D((e, t) => ({
     get() {
-      return e(), r;
+      return e(), o;
     },
-    set(o) {
-      r = o, requestAnimationFrame(() => {
+    set(r) {
+      o = r, requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           t();
         });
@@ -19,11 +19,11 @@ function N(r) {
     }
   }));
 }
-class te extends D {
+class K extends V {
   constructor(e = {}) {
-    return super(e), this.contentComponent = null, this.appContext = null, this.reactiveState = N(this.view.state), this.reactiveExtensionStorage = N(this.extensionStorage), this.on("beforeTransaction", ({ nextState: t }) => {
+    return super(e), this.contentComponent = null, this.appContext = null, this.reactiveState = _(this.view.state), this.reactiveExtensionStorage = _(this.extensionStorage), this.on("beforeTransaction", ({ nextState: t }) => {
       this.reactiveState.value = t, this.reactiveExtensionStorage.value = this.extensionStorage;
-    }), j(this);
+    }), N(this);
   }
   get state() {
     return this.reactiveState ? this.reactiveState.value : this.view.state;
@@ -35,8 +35,8 @@ class te extends D {
    * Register a ProseMirror plugin.
    */
   registerPlugin(e, t) {
-    const o = super.registerPlugin(e, t);
-    return this.reactiveState && (this.reactiveState.value = o), o;
+    const r = super.registerPlugin(e, t);
+    return this.reactiveState && (this.reactiveState.value = r), r;
   }
   /**
    * Unregister a ProseMirror plugin.
@@ -46,7 +46,7 @@ class te extends D {
     return this.reactiveState && t && (this.reactiveState.value = t), t;
   }
 }
-const oe = p({
+const ee = u({
   name: "EditorContent",
   props: {
     editor: {
@@ -54,38 +54,38 @@ const oe = p({
       type: Object
     }
   },
-  setup(r) {
-    const e = M(), t = I();
-    return U(() => {
-      const o = r.editor;
-      o && o.options.element && e.value && T(() => {
-        var i;
-        if (!e.value || !((i = o.view.dom) != null && i.parentNode))
+  setup(o) {
+    const e = k(), t = A();
+    return B(() => {
+      const r = o.editor;
+      r && r.options.element && e.value && R(() => {
+        var s;
+        if (!e.value || !((s = r.view.dom) != null && s.parentNode))
           return;
-        const n = c(e.value);
-        e.value.append(...o.view.dom.parentNode.childNodes), o.contentComponent = t.ctx._, t && (o.appContext = {
+        const n = l(e.value);
+        e.value.append(...r.view.dom.parentNode.childNodes), r.contentComponent = t.ctx._, t && (r.appContext = {
           ...t.appContext,
           // Vue internally uses prototype chain to forward/shadow injects across the entire component chain
           // so don't use object spread operator or 'Object.assign' and just set `provides` as is on editor's appContext
           // @ts-expect-error forward instance's 'provides' into appContext
           provides: t.provides
-        }), o.setOptions({
+        }), r.setOptions({
           element: n
-        }), o.createNodeViews();
+        }), r.createNodeViews();
       });
-    }), O(() => {
-      const o = r.editor;
-      o && (o.contentComponent = null, o.appContext = null);
+    }), P(() => {
+      const r = o.editor;
+      r && (r.contentComponent = null, r.appContext = null);
     }), { rootEl: e };
   },
   render() {
-    return m("div", {
-      ref: (r) => {
-        this.rootEl = r;
+    return p("div", {
+      ref: (o) => {
+        this.rootEl = o;
       }
     });
   }
-}), fe = p({
+}), me = u({
   name: "NodeViewContent",
   props: {
     as: {
@@ -94,14 +94,14 @@ const oe = p({
     }
   },
   render() {
-    return m(this.as, {
+    return p(this.as, {
       style: {
         whiteSpace: "pre-wrap"
       },
       "data-node-view-content": ""
     });
   }
-}), Se = p({
+}), fe = u({
   name: "NodeViewWrapper",
   props: {
     as: {
@@ -111,8 +111,8 @@ const oe = p({
   },
   inject: ["onDragStart", "decorationClasses"],
   render() {
-    var r, e;
-    return m(
+    var o, e;
+    return p(
       this.as,
       {
         // @ts-ignore
@@ -124,20 +124,17 @@ const oe = p({
         // @ts-ignore (https://github.com/vuejs/vue-next/issues/3031)
         onDragstart: this.onDragStart
       },
-      (e = (r = this.$slots).default) == null ? void 0 : e.call(r)
+      (e = (o = this.$slots).default) == null ? void 0 : e.call(o)
     );
   }
-}), ne = (r = {}) => {
-  console.log("[useEditor] THE OPTIONS ARE:", r), console.log("[useEditor] Creating editor with options:", r), console.log("[useEditor] options.enableCoreExtensions:", r.enableCoreExtensions), console.log("[useEditor] options.injectCSS:", r.injectCSS);
+}), te = (o = {}) => {
   const e = W();
-  return B(() => {
-    var t;
-    console.log("[useEditor] onMounted - Creating Editor instance"), console.log("[useEditor] onMounted - options:", r), console.log("[useEditor] onMounted - options.enableCoreExtensions:", r.enableCoreExtensions), e.value = new te(r), console.log("[useEditor] Editor instance created:", e.value), console.log("[useEditor] Editor view:", (t = e.value) == null ? void 0 : t.view);
-  }), O(() => {
-    var n, i, s, l;
-    console.log("[useEditor] onBeforeUnmount - Cleaning up editor");
-    const t = (i = (n = e.value) == null ? void 0 : n.view.dom) == null ? void 0 : i.parentNode, o = t == null ? void 0 : t.cloneNode(!0);
-    (s = t == null ? void 0 : t.parentNode) == null || s.replaceChild(o, t), (l = e.value) == null || l.destroy();
+  return I(() => {
+    e.value = new K(o);
+  }), P(() => {
+    var n, s, i, d;
+    const t = (s = (n = e.value) == null ? void 0 : n.view.dom) == null ? void 0 : s.parentNode, r = t == null ? void 0 : t.cloneNode(!0);
+    (i = t == null ? void 0 : t.parentNode) == null || i.replaceChild(r, t), (d = e.value) == null || d.destroy();
   }), e;
 }, re = () => ({
   /**
@@ -229,84 +226,77 @@ const oe = p({
       ]
     }
   ]
-}), ie = (r) => ({
+}), ne = (o) => ({
   showPresets: !0,
-  presets: r,
+  presets: o,
   presetBackground: "#0f172a",
   presetForeground: "#e5e7eb"
-}), se = {
+}), oe = {
   renderMode: "dynamic",
   hoverOutline: { color: "#3b82f6", width: "1.5px", offset: "4px" },
   hoverOutlineCascade: !1
-}, de = (r = {}) => {
-  console.log("[useSlideEditor] Called with props:", r);
+}, se = (o = {}) => {
   const {
     content: e,
     onChange: t,
-    extensions: o,
+    extensions: r,
     extensionKitOptions: n,
-    presetTemplates: i,
-    onEditorReady: s,
-    theme: l = "light",
-    editorProps: a,
-    onUpdate: u,
-    ...g
-  } = r;
-  console.log("[useSlideEditor] editorOptions:", g), console.log("[useSlideEditor] editorOptions.enableCoreExtensions:", g.enableCoreExtensions), console.log("[useSlideEditor] editorOptions.injectCSS:", g.injectCSS), console.log("[useSlideEditor] Content:", e), console.log("[useSlideEditor] ExtensionKitOptions:", n);
-  const E = S(
-    () => i ?? Y.listPresetTemplates()
-  ), v = S(() => {
-    const d = (n == null ? void 0 : n.addSlideButton) === !1 ? !1 : {
-      ...ie(E.value),
+    presetTemplates: s,
+    onEditorReady: i,
+    theme: d = "light",
+    editorProps: c,
+    onUpdate: h,
+    editorOptions: y = {}
+  } = o, b = m(
+    () => s ?? X.listPresetTemplates()
+  ), M = m(() => {
+    const a = (n == null ? void 0 : n.addSlideButton) === !1 ? !1 : {
+      ...ne(b.value),
       ...(n == null ? void 0 : n.addSlideButton) ?? {}
-    }, h = (n == null ? void 0 : n.slide) === !1 ? !1 : {
-      ...se,
+    }, g = (n == null ? void 0 : n.slide) === !1 ? !1 : {
+      ...oe,
       ...(n == null ? void 0 : n.slide) ?? {}
-    }, y = {
+    };
+    return {
       ...n,
-      addSlideButton: d,
-      slide: h
+      addSlideButton: a,
+      slide: g
     };
-    return console.log("[useSlideEditor] mergedExtensionKitOptions:", y), console.log("[useSlideEditor] addSlideButton config:", y.addSlideButton), console.log("[useSlideEditor] presets:", E.value), y;
-  }), C = S(() => {
-    console.log("[useSlideEditor] Configuring ExtensionKit with options:", v.value);
-    const d = Z.configure(v.value);
-    console.log("[useSlideEditor] ExtensionKit configured:", d), console.log("[useSlideEditor] ExtensionKit name:", d.name);
-    const h = o ? [d, ...o] : [d];
-    return console.log("[useSlideEditor] Final extensions array:", h), h;
-  }), x = e ?? re();
-  console.log("[useSlideEditor] Initial content resolved:", x), console.log("[useSlideEditor] Resolved extensions:", C.value);
-  const f = {
-    content: x,
-    extensions: C.value,
-    theme: l,
-    editorProps: {
-      attributes: {
-        autocomplete: "off",
-        autocorrect: "off",
-        autocapitalize: "off",
-        class: "min-h-full min-w-full",
-        ...(a == null ? void 0 : a.attributes) ?? {}
+  }), f = m(() => {
+    const a = Y.configure(M.value);
+    return r ? [a, ...r] : [a];
+  }), O = e ?? re();
+  console.log("resolvedExtensions", f.value, f), console.log("editorOptions (as single prop):", y);
+  const v = te(
+    {
+      content: O,
+      extensions: f.value,
+      theme: d,
+      editorProps: {
+        attributes: {
+          autocomplete: "off",
+          autocorrect: "off",
+          autocapitalize: "off",
+          class: "min-h-full min-w-full",
+          ...(c == null ? void 0 : c.attributes) ?? {}
+        },
+        ...c
       },
-      ...a
-    },
-    ...g,
-    onUpdate: (d) => {
-      console.log("[useSlideEditor] onUpdate called");
-      const h = d.editor.getJSON();
-      t == null || t(h, d.editor), u == null || u(d);
+      ...y,
+      onUpdate: (a) => {
+        const g = a.editor.getJSON();
+        t == null || t(g, a.editor), h == null || h(a);
+      }
     }
-  };
-  console.log("[useSlideEditor] Final editor config:", f), console.log("[useSlideEditor] Final editor config enableCoreExtensions:", f.enableCoreExtensions), console.log("[useSlideEditor] Final editor config injectCSS:", f.injectCSS);
-  const b = ne(f);
-  return console.log("[useSlideEditor] Editor ref created:", b), V(
-    b,
-    (d) => {
-      console.log("[useSlideEditor] Editor watch triggered, newEditor:", d), d && !d.isDestroyed ? (console.log("[useSlideEditor] ✅ Calling onEditorReady"), s == null || s(d)) : console.log("[useSlideEditor] ❌ Editor not ready or destroyed");
+  );
+  return F(
+    v,
+    (a) => {
+      a && !a.isDestroyed ? i == null || i(a) : console.log("[useSlideEditor] ❌ Editor not ready or destroyed");
     },
     { immediate: !0 }
-  ), { editor: b, presets: E };
-}, le = { class: "bs-viewport" }, Ee = /* @__PURE__ */ p({
+  ), { editor: v, presets: b };
+}, ie = { class: "bs-viewport" }, ge = /* @__PURE__ */ u({
   __name: "SlideEditor",
   props: {
     bubbleMenuPreset: { type: [Boolean, Object], default: !0 },
@@ -318,97 +308,62 @@ const oe = p({
     extensionKitOptions: {},
     presetTemplates: {},
     onEditorReady: {},
-    element: {},
     theme: {},
-    injectCSS: { type: Boolean },
-    injectNonce: {},
-    autofocus: { type: [String, Number, Boolean, null] },
-    editable: { type: Boolean },
     editorProps: {},
-    parseOptions: {},
-    coreExtensionOptions: {},
-    enableInputRules: { type: [Array, Boolean] },
-    enablePasteRules: { type: [Array, Boolean] },
-    enableCoreExtensions: { type: [Boolean, Object] },
-    enableContentCheck: { type: Boolean },
-    emitContentError: { type: Boolean },
-    onBeforeCreate: {},
-    onCreate: {},
-    onMount: {},
-    onUnmount: {},
-    onContentError: {},
     onUpdate: {},
-    onSelectionUpdate: {},
-    onTransaction: {},
-    onFocus: {},
-    onBlur: {},
-    onDestroy: {},
-    onPaste: {},
-    onDrop: {},
-    onDelete: {}
+    editorOptions: {}
   },
-  setup(r) {
-    console.log("[SlideEditor.vue] Component loading");
-    const e = r;
-    console.log("[SlideEditor.vue] Props:", e), console.log("[SlideEditor.vue] Props.enableCoreExtensions:", e.enableCoreExtensions), console.log("[SlideEditor.vue] Props.injectCSS:", e.injectCSS);
-    const {
+  setup(o) {
+    const e = o, {
       bubbleMenuPreset: t,
-      className: o,
+      className: r,
       style: n,
-      ...i
-    } = e;
-    console.log("[SlideEditor.vue] Hook props:", i), console.log("[SlideEditor.vue] hookProps.enableCoreExtensions:", i.enableCoreExtensions), console.log("[SlideEditor.vue] hookProps.injectCSS:", i.injectCSS);
-    const { editor: s, presets: l } = de(i);
-    console.log("[SlideEditor.vue] Editor from useSlideEditor:", s);
-    const a = S(() => e.bubbleMenuPreset === !1 ? null : e.bubbleMenuPreset === !0 ? {} : e.bubbleMenuPreset);
-    return V(s, (u) => {
-      console.log("[SlideEditor.vue] Editor watch - newEditor:", u), console.log("[SlideEditor.vue] Editor exists:", !!u);
-    }, { immediate: !0 }), B(() => {
-      console.log("[SlideEditor.vue] Component mounted"), console.log("[SlideEditor.vue] Editor value:", s.value);
-    }), (u, g) => c(s) ? (w(), L("div", {
+      ...s
+    } = e, { editor: i } = se(s), d = m(() => e.bubbleMenuPreset === !1 ? null : e.bubbleMenuPreset === !0 ? {} : e.bubbleMenuPreset);
+    return (c, h) => l(i) ? (S(), T("div", {
       key: 0,
-      class: H(c(o)),
-      style: z(c(n))
+      class: L(l(r)),
+      style: U(l(n))
     }, [
-      $("div", le, [
-        J(c(oe), { editor: c(s) }, null, 8, ["editor"]),
-        a.value ? (w(), K(ee, G({
+      z("div", ie, [
+        H(l(ee), { editor: l(i) }, null, 8, ["editor"]),
+        d.value ? (S(), $(Z, J({
           key: 0,
-          editor: c(s)
-        }, a.value), null, 16, ["editor"])) : _("", !0)
+          editor: l(i)
+        }, d.value), null, 16, ["editor"])) : w("", !0)
       ])
-    ], 6)) : _("", !0);
+    ], 6)) : w("", !0);
   }
 });
-class q {
-  constructor(e, { props: t = {}, editor: o }) {
-    this.destroyed = !1, this.editor = o, this.component = j(e), this.el = document.createElement("div"), this.props = Q(t), this.renderedComponent = this.renderComponent();
+class E {
+  constructor(e, { props: t = {}, editor: r }) {
+    this.destroyed = !1, this.editor = r, this.component = N(e), this.el = document.createElement("div"), this.props = G(t), this.renderedComponent = this.renderComponent();
   }
   get element() {
     return this.renderedComponent.el;
   }
   get ref() {
-    var e, t, o, n;
-    return (t = (e = this.renderedComponent.vNode) == null ? void 0 : e.component) != null && t.exposed ? this.renderedComponent.vNode.component.exposed : (n = (o = this.renderedComponent.vNode) == null ? void 0 : o.component) == null ? void 0 : n.proxy;
+    var e, t, r, n;
+    return (t = (e = this.renderedComponent.vNode) == null ? void 0 : e.component) != null && t.exposed ? this.renderedComponent.vNode.component.exposed : (n = (r = this.renderedComponent.vNode) == null ? void 0 : r.component) == null ? void 0 : n.proxy;
   }
   renderComponent() {
     if (this.destroyed)
       return this.renderedComponent;
-    let e = m(this.component, this.props);
-    return this.editor.appContext && (e.appContext = this.editor.appContext), typeof document < "u" && this.el && P(e, this.el), { vNode: e, destroy: () => {
-      this.el && P(null, this.el), this.el = null, e = null;
+    let e = p(this.component, this.props);
+    return this.editor.appContext && (e.appContext = this.editor.appContext), typeof document < "u" && this.el && x(e, this.el), { vNode: e, destroy: () => {
+      this.el && x(null, this.el), this.el = null, e = null;
     }, el: this.el ? this.el.firstElementChild : null };
   }
   updateProps(e = {}) {
-    this.destroyed || (Object.entries(e).forEach(([t, o]) => {
-      this.props[t] = o;
+    this.destroyed || (Object.entries(e).forEach(([t, r]) => {
+      this.props[t] = r;
     }), this.renderComponent());
   }
   destroy() {
     this.destroyed || (this.destroyed = !0, this.renderedComponent.destroy());
   }
 }
-const be = {
+const ye = {
   editor: {
     type: Object,
     required: !0
@@ -437,7 +392,7 @@ const be = {
     type: Object,
     required: !0
   }
-}, ye = p({
+}, be = u({
   name: "MarkViewContent",
   props: {
     as: {
@@ -446,7 +401,7 @@ const be = {
     }
   },
   render() {
-    return m(this.as, {
+    return p(this.as, {
       style: {
         whiteSpace: "inherit"
       },
@@ -454,16 +409,16 @@ const be = {
     });
   }
 });
-class ae extends A {
-  constructor(e, t, o) {
-    super(e, t, o);
-    const n = { ...t, updateAttributes: this.updateAttributes.bind(this) }, i = p({
+class de extends j {
+  constructor(e, t, r) {
+    super(e, t, r);
+    const n = { ...t, updateAttributes: this.updateAttributes.bind(this) }, s = u({
       extends: { ...e },
       props: Object.keys(n),
       template: this.component.template,
-      setup: (s) => {
-        var l;
-        return (l = e.setup) == null ? void 0 : l.call(e, s, {
+      setup: (i) => {
+        var d;
+        return (d = e.setup) == null ? void 0 : d.call(e, i, {
           expose: () => {
           }
         });
@@ -474,7 +429,7 @@ class ae extends A {
       __name: e.__name,
       __file: e.__file
     });
-    this.renderer = new q(i, {
+    this.renderer = new E(s, {
       editor: this.editor,
       props: n
     });
@@ -486,17 +441,17 @@ class ae extends A {
     return this.dom.querySelector("[data-mark-view-content]");
   }
   updateAttributes(e) {
-    const t = X(this.mark);
+    const t = Q(this.mark);
     super.updateAttributes(e, t);
   }
   destroy() {
     this.renderer.destroy();
   }
 }
-function ve(r, e = {}) {
-  return (t) => t.editor.contentComponent ? new ae(r, t, e) : {};
+function ve(o, e = {}) {
+  return (t) => t.editor.contentComponent ? new de(o, t, e) : {};
 }
-const Ce = {
+const Se = {
   editor: {
     type: Object,
     required: !0
@@ -542,7 +497,7 @@ const Ce = {
     required: !0
   }
 };
-class ue extends R {
+class ae extends q {
   constructor() {
     super(...arguments), this.cachedExtensionWithSyncedStorage = null;
   }
@@ -555,8 +510,8 @@ class ue extends R {
     if (!this.cachedExtensionWithSyncedStorage) {
       const e = this.editor, t = this.extension;
       this.cachedExtensionWithSyncedStorage = new Proxy(t, {
-        get(o, n, i) {
-          return n === "storage" ? e.storage[t.name] ?? {} : Reflect.get(o, n, i);
+        get(r, n, s) {
+          return n === "storage" ? e.storage[t.name] ?? {} : Reflect.get(r, n, s);
         }
       });
     }
@@ -576,14 +531,14 @@ class ue extends R {
       updateAttributes: (n = {}) => this.updateAttributes(n),
       deleteNode: () => this.deleteNode()
     }, t = this.onDragStart.bind(this);
-    this.decorationClasses = M(this.getDecorationClasses());
-    const o = p({
+    this.decorationClasses = k(this.getDecorationClasses());
+    const r = u({
       extends: { ...this.component },
       props: Object.keys(e),
       template: this.component.template,
       setup: (n) => {
-        var i, s;
-        return k("onDragStart", t), k("decorationClasses", this.decorationClasses), (s = (i = this.component).setup) == null ? void 0 : s.call(i, n, {
+        var s, i;
+        return C("onDragStart", t), C("decorationClasses", this.decorationClasses), (i = (s = this.component).setup) == null ? void 0 : i.call(s, n, {
           expose: () => {
           }
         });
@@ -604,7 +559,7 @@ class ue extends R {
       // eslint-disable-next-line
       __file: this.component.__file
     });
-    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this), this.editor.on("selectionUpdate", this.handleSelectionUpdate), this.renderer = new q(o, {
+    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this), this.editor.on("selectionUpdate", this.handleSelectionUpdate), this.renderer = new E(r, {
       editor: this.editor,
       props: e
     });
@@ -630,9 +585,9 @@ class ue extends R {
    * If it is, call `selectNode`, otherwise call `deselectNode`.
    */
   handleSelectionUpdate() {
-    const { from: e, to: t } = this.editor.state.selection, o = this.getPos();
-    if (typeof o == "number")
-      if (e <= o && t >= o + this.node.nodeSize) {
+    const { from: e, to: t } = this.editor.state.selection, r = this.getPos();
+    if (typeof r == "number")
+      if (e <= r && t >= r + this.node.nodeSize) {
         if (this.renderer.props.selected)
           return;
         this.selectNode();
@@ -646,23 +601,23 @@ class ue extends R {
    * On update, update the Vue component.
    * To prevent unnecessary updates, the `update` option can be used.
    */
-  update(e, t, o) {
-    const n = (i) => {
-      this.decorationClasses.value = this.getDecorationClasses(), this.renderer.updateProps(i);
+  update(e, t, r) {
+    const n = (s) => {
+      this.decorationClasses.value = this.getDecorationClasses(), this.renderer.updateProps(s);
     };
     if (typeof this.options.update == "function") {
-      const i = this.node, s = this.decorations, l = this.innerDecorations;
-      return this.node = e, this.decorations = t, this.innerDecorations = o, this.options.update({
-        oldNode: i,
-        oldDecorations: s,
+      const s = this.node, i = this.decorations, d = this.innerDecorations;
+      return this.node = e, this.decorations = t, this.innerDecorations = r, this.options.update({
+        oldNode: s,
+        oldDecorations: i,
         newNode: e,
         newDecorations: t,
-        oldInnerDecorations: l,
-        innerDecorations: o,
-        updateProps: () => n({ node: e, decorations: t, innerDecorations: o, extension: this.extensionWithSyncedStorage })
+        oldInnerDecorations: d,
+        innerDecorations: r,
+        updateProps: () => n({ node: e, decorations: t, innerDecorations: r, extension: this.extensionWithSyncedStorage })
       });
     }
-    return e.type !== this.node.type ? !1 : (e === this.node && this.decorations === t && this.innerDecorations === o || (this.node = e, this.decorations = t, this.innerDecorations = o, n({ node: e, decorations: t, innerDecorations: o, extension: this.extensionWithSyncedStorage })), !0);
+    return e.type !== this.node.type ? !1 : (e === this.node && this.decorations === t && this.innerDecorations === r || (this.node = e, this.decorations = t, this.innerDecorations = r, n({ node: e, decorations: t, innerDecorations: r, extension: this.extensionWithSyncedStorage })), !0);
   }
   /**
    * Select the node.
@@ -689,30 +644,30 @@ class ue extends R {
     this.renderer.destroy(), this.editor.off("selectionUpdate", this.handleSelectionUpdate);
   }
 }
-function xe(r, e) {
+function we(o, e) {
   return (t) => {
     if (!t.editor.contentComponent)
       return {};
-    const o = typeof r == "function" && "__vccOpts" in r ? r.__vccOpts : r;
-    return new ue(o, t, e);
+    const r = typeof o == "function" && "__vccOpts" in o ? o.__vccOpts : o;
+    return new ae(r, t, e);
   };
 }
 export {
-  ke as BubbleMenu,
-  ee as BubbleMenuPreset,
-  te as Editor,
-  oe as EditorContent,
-  Ne as FloatingMenu,
-  ye as MarkViewContent,
-  fe as NodeViewContent,
-  Se as NodeViewWrapper,
-  Ee as SlideEditor,
-  ae as VueMarkView,
+  Ne as BubbleMenu,
+  Z as BubbleMenuPreset,
+  K as Editor,
+  ee as EditorContent,
+  ke as FloatingMenu,
+  be as MarkViewContent,
+  me as NodeViewContent,
+  fe as NodeViewWrapper,
+  ge as SlideEditor,
+  de as VueMarkView,
   ve as VueMarkViewRenderer,
-  xe as VueNodeViewRenderer,
-  q as VueRenderer,
-  be as markViewProps,
-  Ce as nodeViewProps,
-  ne as useEditor,
-  de as useSlideEditor
+  we as VueNodeViewRenderer,
+  E as VueRenderer,
+  ye as markViewProps,
+  Se as nodeViewProps,
+  te as useEditor,
+  se as useSlideEditor
 };

package/dist/menus.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FloatingMenu-By8Qi7tW.cjs");exports.BubbleMenu=e.BubbleMenu;exports.BubbleMenuPreset=e._sfc_main;exports.FloatingMenu=e.FloatingMenu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FloatingMenu-Un--4r7A.cjs");exports.BubbleMenu=e.BubbleMenu;exports.BubbleMenuPreset=e._sfc_main;exports.FloatingMenu=e.FloatingMenu;

package/dist/menus.js

@@ -1,4 +1,4 @@
-import { B as a, _ as b, F as n } from "./FloatingMenu-BKkixozS.js";
+import { B as a, _ as b, F as n } from "./FloatingMenu-AygIYJQV.js";
 export {
   a as BubbleMenu,
   b as BubbleMenuPreset,

package/dist/useSlideEditor.d.ts

@@ -3,7 +3,7 @@ import { AnyExtension, Editor, JSONContent, EditorOptions } from '../../core/src
 import { ExtensionKitOptions } from '../../extension-kit/src';
 
 type PresetTemplates = ReturnType<typeof templatesV1.listPresetTemplates>;
-export interface UseSlideEditorProps extends Omit<Partial<EditorOptions>, 'extensions'> {
+export interface UseSlideEditorProps {
     /**
      * Initial content for the editor. If omitted, a single preset slide is used.
      */
@@ -28,6 +28,23 @@ export interface UseSlideEditorProps extends Omit<Partial<EditorOptions>, 'exten
      * Called once when an editor instance is ready.
      */
     onEditorReady?: (editor: Editor) => void;
+    /**
+     * Editor theme for UI styling
+     */
+    theme?: EditorOptions['theme'];
+    /**
+     * The editor's props
+     */
+    editorProps?: EditorOptions['editorProps'];
+    /**
+     * Called on every update
+     */
+    onUpdate?: EditorOptions['onUpdate'];
+    /**
+     * Additional editor options to pass through to the core editor.
+     * This allows passing any EditorOptions without Vue auto-initializing them.
+     */
+    editorOptions?: Partial<EditorOptions>;
 }
 export declare const useSlideEditor: (props?: UseSlideEditorProps) => {
     editor: import('vue').ShallowRef<import('./Editor.js').Editor | undefined, import('./Editor.js').Editor | undefined>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@blockslides/vue-3",
   "description": "Vue 3 components for blockslides",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "homepage": "https://github.com/keivanmojmali/blockslides",
   "keywords": [
     "blockslides",
@@ -36,13 +36,17 @@
     "src",
     "dist"
   ],
+  "dependencies": {
+    "@blockslides/ai-context": "^0.3.1",
+    "@blockslides/extension-kit": "^0.7.2"
+  },
   "devDependencies": {
     "@floating-ui/dom": "^1.0.0",
     "@vitejs/plugin-vue": "^5.0.0",
     "vite": "^5.0.0",
     "vite-plugin-dts": "^3.0.0",
     "vue": "^3.5.13",
-    "@blockslides/core": "^0.3.2",
+    "@blockslides/core": "^0.3.3",
     "@blockslides/pm": "^0.1.1"
   },
   "optionalDependencies": {
@@ -52,7 +56,7 @@
   "peerDependencies": {
     "@floating-ui/dom": "^1.0.0",
     "vue": "^3.0.0",
-    "@blockslides/core": "^0.3.2",
+    "@blockslides/core": "^0.3.3",
     "@blockslides/pm": "^0.1.1"
   },
   "repository": {

package/dist/FloatingMenu-By8Qi7tW.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),T=require("@blockslides/extension-bubble-menu"),S=require("@blockslides/pm/state"),c=require("@blockslides/extension-bubble-menu-preset"),v=require("@blockslides/core"),E=require("@blockslides/extension-floating-menu"),F={key:0,style:{display:"none"}},b="bubbleMenuPreset",M=t.defineComponent({__name:"BubbleMenuPreset",props:{editor:{},updateDelay:{},resizeDelay:{},appendTo:{type:Function},shouldShow:{type:[Function,null]},getReferencedVirtualElement:{type:Function},options:{},items:{},className:{},injectStyles:{type:Boolean},textColors:{},highlightColors:{},fonts:{},fontSizes:{},alignments:{},onTextAction:{type:Function},onImageReplace:{type:Function}},setup(s){const e=s,u=t.ref(null);let i;const o=()=>{const n=e.editor;if(!n||n.isDestroyed)return;i&&(i(),i=void 0);const{element:a,cleanup:d}=c.buildMenuElement(n,{items:e.items??c.DEFAULT_ITEMS,className:e.className??"",injectStyles:e.injectStyles!==!1,textColors:e.textColors??c.DEFAULT_COLOR_PALETTE,highlightColors:e.highlightColors??c.DEFAULT_HIGHLIGHT_PALETTE,fonts:e.fonts??c.DEFAULT_FONTS,fontSizes:e.fontSizes??c.DEFAULT_FONT_SIZES,alignments:e.alignments??c.DEFAULT_ALIGNMENTS,onTextAction:e.onTextAction,onImageReplace:e.onImageReplace});u.value=a,i=d;const p=({state:f,editor:g})=>{var y,h;const l=f.selection,m=l instanceof S.NodeSelection&&["image","imageBlock"].includes((h=(y=l.node)==null?void 0:y.type)==null?void 0:h.name)||g.isActive("image")||g.isActive("imageBlock");return!!(m||v.isTextSelection(l)&&!l.empty&&!m)},r=T.BubbleMenuPlugin({editor:n,element:a,updateDelay:e.updateDelay,resizeDelay:e.resizeDelay,appendTo:e.appendTo,pluginKey:b,shouldShow:e.shouldShow??p,getReferencedVirtualElement:e.getReferencedVirtualElement,options:e.options});n.registerPlugin(r)};return t.onMounted(()=>{o()}),t.watch(()=>[e.editor,e.updateDelay,e.resizeDelay,e.appendTo,e.shouldShow,e.getReferencedVirtualElement,e.options,e.items,e.className,e.injectStyles,e.textColors,e.highlightColors,e.fonts,e.fontSizes,e.alignments,e.onTextAction,e.onImageReplace],()=>{o()}),t.onBeforeUnmount(()=>{var n;e.editor&&e.editor.unregisterPlugin(b),i&&i(),(n=u.value)!=null&&n.parentNode&&u.value.parentNode.removeChild(u.value)}),(n,a)=>u.value?(t.openBlock(),t.createElementBlock("div",F)):t.createCommentVNode("",!0)}}),D=t.defineComponent({name:"BubbleMenu",inheritAttrs:!1,props:{pluginKey:{type:[String,Object],default:"bubbleMenu"},editor:{type:Object,required:!0},updateDelay:{type:Number,default:void 0},resizeDelay:{type:Number,default:void 0},options:{type:Object,default:()=>({})},appendTo:{type:[Object,Function],default:void 0},shouldShow:{type:Function,default:null},getReferencedVirtualElement:{type:Function,default:void 0}},setup(s,{slots:e,attrs:u}){const i=t.ref(null);return t.onMounted(()=>{const{editor:o,options:n,pluginKey:a,resizeDelay:d,appendTo:p,shouldShow:r,getReferencedVirtualElement:f,updateDelay:g}=s,l=i.value;l&&(l.style.visibility="hidden",l.style.position="absolute",l.remove(),t.nextTick(()=>{o.registerPlugin(T.BubbleMenuPlugin({editor:o,element:l,options:n,pluginKey:a,resizeDelay:d,appendTo:p,shouldShow:r,getReferencedVirtualElement:f,updateDelay:g}))}))}),t.onBeforeUnmount(()=>{const{pluginKey:o,editor:n}=s;n.unregisterPlugin(o)}),()=>{var o;return t.h("div",{ref:i,...u},(o=e.default)==null?void 0:o.call(e))}}}),_=t.defineComponent({name:"FloatingMenu",inheritAttrs:!1,props:{pluginKey:{type:null,default:"floatingMenu"},editor:{type:Object,required:!0},options:{type:Object,default:()=>({})},appendTo:{type:[Object,Function],default:void 0},shouldShow:{type:Function,default:null}},setup(s,{slots:e,attrs:u}){const i=t.ref(null);return t.onMounted(()=>{const{pluginKey:o,editor:n,options:a,appendTo:d,shouldShow:p}=s,r=i.value;r&&(r.style.visibility="hidden",r.style.position="absolute",r.remove(),n.registerPlugin(E.FloatingMenuPlugin({pluginKey:o,editor:n,element:r,options:a,appendTo:d,shouldShow:p})))}),t.onBeforeUnmount(()=>{const{pluginKey:o,editor:n}=s;n.unregisterPlugin(o)}),()=>{var o;return t.h("div",{ref:i,...u},(o=e.default)==null?void 0:o.call(e))}}});exports.BubbleMenu=D;exports.FloatingMenu=_;exports._sfc_main=M;