@firecms/editor 3.0.0-canary.258 → 3.0.0-canary.259

package/dist/SampleCustomComponent.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Editor } from "@tiptap/react";
-import { Node as ProseMirrorNode } from "prosemirror-model";
+import { Node as ProseMirrorNode } from "@tiptap/pm/model";
 export interface CustomBlockComponentProps {
     node: ProseMirrorNode;
     updateAttributes: (attrs: Record<string, any>) => void;

package/dist/extensions/TextLoadingDecorationExtension.d.ts

@@ -1,5 +1,5 @@
-import { PluginKey } from "prosemirror-state";
-import { DecorationSet } from "prosemirror-view";
+import { PluginKey } from "@tiptap/pm/state";
+import { DecorationSet } from "@tiptap/pm/view";
 import { Extension } from "@tiptap/core";
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {

package/dist/extensions/clipboard.d.ts

@@ -1,4 +1,4 @@
-import { Slice } from "prosemirror-model";
+import { Slice } from "@tiptap/pm/model";
 import { EditorView } from "@tiptap/pm/view";
 export declare function serializeForClipboard(view: EditorView, slice: Slice): {
     dom: HTMLDivElement;

package/dist/index.es.js

@@ -22,17 +22,15 @@ import Placeholder from "@tiptap/extension-placeholder";
 import { TaskItem } from "@tiptap/extension-task-item";
 import { TaskList } from "@tiptap/extension-task-list";
 import { Extension, InputRule } from "@tiptap/core";
-import { PluginKey, Plugin } from "prosemirror-state";
-import { DecorationSet, Decoration } from "prosemirror-view";
+import { PluginKey, Plugin, NodeSelection } from "@tiptap/pm/state";
+import { DecorationSet, Decoration } from "@tiptap/pm/view";
 import OrderedList from "@tiptap/extension-ordered-list";
 import BulletList from "@tiptap/extension-bullet-list";
 import ListItem from "@tiptap/extension-list-item";
 import CodeBlock from "@tiptap/extension-code-block";
 import Blockquote from "@tiptap/extension-blockquote";
 import Code from "@tiptap/extension-code";
-import { DecorationSet as DecorationSet$1, Decoration as Decoration$1 } from "@tiptap/pm/view";
-import { PluginKey as PluginKey$1, Plugin as Plugin$1, NodeSelection } from "@tiptap/pm/state";
-import { DOMSerializer } from "prosemirror-model";
+import { DOMSerializer } from "@tiptap/pm/model";
 import Suggestion from "@tiptap/suggestion";
 import tippy from "tippy.js";
 const EditorBubble = forwardRef((t0, ref) => {
@@ -809,7 +807,7 @@ async function onFileRead(view, readerEvent, pos, upload, image) {
   imageElement.setAttribute("class", "opacity-40 rounded-lg border " + defaultBorderMixin);
   imageElement.src = readerEvent.target?.result;
   placeholder2.appendChild(imageElement);
-  const deco = Decoration$1.widget(pos, placeholder2);
+  const deco = Decoration.widget(pos, placeholder2);
   decorationSet = decorationSet?.add(view.state.doc, [deco]);
   view.dispatch(view.state.tr.setMeta(plugin, {
     decorationSet
@@ -826,13 +824,13 @@ async function onFileRead(view, readerEvent, pos, upload, image) {
   });
   view.dispatch(tr);
 }
-const ImagePluginKey = new PluginKey$1("imagePlugin");
+const ImagePluginKey = new PluginKey("imagePlugin");
 const createDropImagePlugin = (upload) => {
-  const plugin = new Plugin$1({
+  const plugin = new Plugin({
     key: ImagePluginKey,
     state: {
       // Initialize the plugin state with an empty DecorationSet
-      init: () => DecorationSet$1.empty,
+      init: () => DecorationSet.empty,
       // Apply transactions to update the state
       apply: (tr, old) => {
         const meta = tr.getMeta(plugin);
@@ -1093,7 +1091,7 @@ function DragHandle(options) {
       dragHandleElement.classList.remove("hide");
     }
   }
-  return new Plugin$1({
+  return new Plugin({
     view: (view) => {
       dragHandleElement = document.createElement("div");
       dragHandleElement.draggable = true;
@@ -1172,31 +1170,31 @@ const DragAndDrop = Extension.create({
 function buildDecorationSet(highlight, doc) {
   const decorations = [];
   if (highlight) {
-    decorations.push(Decoration$1.inline(highlight.from, highlight.to, {
+    decorations.push(Decoration.inline(highlight.from, highlight.to, {
       class: "dark:bg-surface-accent-700 bg-surface-accent-300"
     }));
   }
-  const decorationSet = DecorationSet$1.create(doc, decorations);
+  const decorationSet = DecorationSet.create(doc, decorations);
   return decorationSet;
 }
 const HighlightDecorationExtension = (initialHighlight) => Extension.create({
   name: "highlightDecoration",
   addOptions() {
     return {
-      pluginKey: new PluginKey$1("highlightDecoration"),
+      pluginKey: new PluginKey("highlightDecoration"),
       highlight: initialHighlight
     };
   },
   addProseMirrorPlugins() {
     const pluginKey = this.options.pluginKey;
-    return [new Plugin$1({
+    return [new Plugin({
       key: pluginKey,
       state: {
         init: (_, {
           doc
         }) => {
           const highlight = this.options.highlight;
-          const decorationSet = highlight && doc ? buildDecorationSet(highlight, doc) : DecorationSet$1.empty;
+          const decorationSet = highlight && doc ? buildDecorationSet(highlight, doc) : DecorationSet.empty;
           return {
             decorationSet,
             highlight
@@ -1212,7 +1210,7 @@ const HighlightDecorationExtension = (initialHighlight) => Extension.create({
             } = action;
             if (remove) {
               return {
-                decorationSet: DecorationSet$1.empty
+                decorationSet: DecorationSet.empty
               };
             }
             const decorationSet = buildDecorationSet(highlight, doc);
@@ -1231,7 +1229,7 @@ const HighlightDecorationExtension = (initialHighlight) => Extension.create({
           if (autocompleteState?.decorationSet) {
             return autocompleteState.decorationSet;
           } else {
-            return DecorationSet$1.empty;
+            return DecorationSet.empty;
           }
         }
       }
@@ -1276,7 +1274,7 @@ const HighlightDecorationExtension = (initialHighlight) => Extension.create({
     };
   }
 });
-const CommandPluginKey = new PluginKey$1("slash-command");
+const CommandPluginKey = new PluginKey("slash-command");
 const SlashCommand = Node.create({
   name: "command",
   addOptions() {
@@ -1912,8 +1910,13 @@ const FireCMSEditor = ({
       }
     }
   }, [deferredHighlight?.from, deferredHighlight?.to]);
+  const firstUpdateRef = React.useRef(true);
   const onEditorUpdate = (editor) => {
     editorRef.current = editor;
+    if (firstUpdateRef.current) {
+      firstUpdateRef.current = false;
+      return;
+    }
     if (onMarkdownContentChange) {
       const markdown = editorRef.current.storage.markdown.getMarkdown();
       onMarkdownContentChange?.(addLineBreakAfterImages(markdown));