@harbour-enterprises/superdoc 0.13.3-next.3 → 0.13.3-next.5

package/dist/chunks/{super-editor.es-JP25B91B.es.js → super-editor.es-B4NOngXf.es.js}

@@ -19939,7 +19939,7 @@ function translateImageNode(params2, imageSize) {
         attributes: {
           relativeFrom: attrs.anchorData.hRelativeFrom
         },
-        ...attrs.marginOffset.left && {
+        ...attrs.marginOffset.left !== void 0 && {
           elements: [{
             name: "wp:posOffset",
             elements: [{
@@ -19963,7 +19963,7 @@ function translateImageNode(params2, imageSize) {
         attributes: {
           relativeFrom: attrs.anchorData.vRelativeFrom
         },
-        ...attrs.marginOffset.top && {
+        ...attrs.marginOffset.top !== void 0 && {
           elements: [{
             name: "wp:posOffset",
             elements: [{
@@ -21003,10 +21003,10 @@ function handleImageImport(node2, currentFileName, params2) {
   const hRelativeFrom = positionHTag?.attributes.relativeFrom;
   const alignH = positionHTag?.elements.find((el) => el.name === "wp:align")?.elements[0]?.text;
   const positionVTag = node2.elements.find((el) => el.name === "wp:positionV");
-  const positionV = positionVTag?.elements.find((el) => el.name === "wp:posOffset");
+  const positionV = positionVTag?.elements?.find((el) => el.name === "wp:posOffset");
   const positionVValue = emuToPixels(positionV?.elements[0]?.text);
   const vRelativeFrom = positionVTag?.attributes.relativeFrom;
-  const alignV = positionVTag?.elements.find((el) => el.name === "wp:align")?.elements[0]?.text;
+  const alignV = positionVTag?.elements?.find((el) => el.name === "wp:align")?.elements[0]?.text;
   const simplePos = node2.elements.find((el) => el.name === "wp:simplePos");
   const wrapSquare = node2.elements.find((el) => el.name === "wp:wrapSquare");
   const wrapTopAndBottom = node2.elements.find((el) => el.name === "wp:wrapTopAndBottom");
@@ -23396,7 +23396,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.3-next.3") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.3-next.5") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -23863,7 +23863,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.13.3-next.3") {
+function generateSuperdocVersion(pid = 2, version2 = "0.13.3-next.5") {
   return {
     type: "element",
     name: "property",
@@ -38359,11 +38359,9 @@ function isWordHtml(html) {
   return /class=["']?Mso|xmlns:o=["']?urn:schemas-microsoft-com|<!--\[if gte mso|<meta[^>]+name=["']?Generator["']?[^>]+Word/i.test(html);
 }
 const handleHtmlPaste$1 = (html, editor, plugin2) => {
-  const cleanedHtml = convertEmToPt(html);
-  const tempDiv = document.createElement("div");
-  tempDiv.innerHTML = cleanedHtml;
-  const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
-  tempDiv.remove();
+  const htmlWithPtSizing = convertEmToPt(html);
+  const cleanedHtml = sanitizeHtml(htmlWithPtSizing);
+  const doc2 = DOMParser$1.fromSchema(editor.schema).parse(cleanedHtml);
   const { dispatch } = editor.view;
   if (!dispatch) return false;
   dispatch(editor.view.state.tr.replaceSelectionWith(doc2, true));
@@ -38382,6 +38380,24 @@ const convertEmToPt = (html) => {
 function cleanHtmlUnnecessaryTags(html) {
   return html.replace(/<o:p>.*?<\/o:p>/gi, "").replace(/&nbsp;/gi, " ").replace(/<span[^>]*>\s*<\/span>/gi, "").replace(/<p[^>]*>\s*<\/p>/gi, "").trim();
 }
+function sanitizeHtml(html, forbiddenTags = ["meta", "svg", "script", "style", "button"]) {
+  const container = document.createElement("div");
+  container.innerHTML = html;
+  const walkAndClean = (node2) => {
+    for (const child of [...node2.children]) {
+      if (forbiddenTags.includes(child.tagName.toLowerCase())) {
+        child.remove();
+        continue;
+      }
+      if (child.hasAttribute("linebreaktype")) {
+        child.removeAttribute("linebreaktype");
+      }
+      walkAndClean(child);
+    }
+  };
+  walkAndClean(container);
+  return container;
+}
 const _ExtensionService = class _ExtensionService2 {
   constructor(extensions, userExtensions, editor) {
     __privateAdd$1(this, _ExtensionService_instances);
@@ -40342,6 +40358,19 @@ const deleteHeaderFooterFieldAnnotations = ({ editor, fieldIdOrArray }) => {
     );
   });
 };
+const resetHeaderFooterFieldAnnotations = ({ editor }) => {
+  if (!editor) return;
+  const sectionEditors = getAllHeaderFooterEditors(editor);
+  sectionEditors.forEach(({ editor: sectionEditor, sectionId, type: type2 }) => {
+    sectionEditor.commands.resetFieldAnnotations();
+    onHeaderFooterDataUpdate(
+      { editor: sectionEditor },
+      editor,
+      sectionId,
+      type2
+    );
+  });
+};
 const cleanUpListsWithAnnotations = (fieldsToDelete = [], editor) => {
   if (!Array.isArray(fieldsToDelete)) fieldsToDelete = [fieldsToDelete];
   const { doc: doc2 } = editor.state;
@@ -40412,6 +40441,7 @@ const AnnotatorHelpers = {
   getAllHeaderFooterEditors,
   updateHeaderFooterFieldAnnotations,
   deleteHeaderFooterFieldAnnotations,
+  resetHeaderFooterFieldAnnotations,
   cleanUpListsWithAnnotations
 };
 const CollaborationPluginKey = new PluginKey("collaboration");
@@ -41255,7 +41285,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.13.3-next.3");
+    console.debug("[checkVersionMigrations] Current editor version", "0.13.3-next.5");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -44471,7 +44501,16 @@ const HardBreak = Node$1.create({
     };
   },
   parseDOM() {
-    return [{ tag: "span" }];
+    return [{
+      tag: 'span[linebreaktype="page"]',
+      getAttrs: (dom) => {
+        if (!(dom instanceof HTMLElement)) return false;
+        return {
+          pageBreakSource: dom.getAttribute("pagebreaksource") || null,
+          pageBreakType: dom.getAttribute("linebreaktype") || null
+        };
+      }
+    }];
   },
   renderDOM({ htmlAttributes }) {
     return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
@@ -47879,8 +47918,18 @@ const FieldAnnotation = Node$1.create({
           };
         }
       },
+      defaultDisplayLabel: {
+        default: "",
+        parseDOM: (elem) => elem.getAttribute("data-default-display-label"),
+        renderDOM: (attrs) => {
+          if (!attrs.defaultDisplayLabel) return {};
+          return {
+            "data-default-display-label": attrs.defaultDisplayLabel
+          };
+        }
+      },
       displayLabel: {
-        default: "Text field",
+        default: "",
         parseDOM: (elem) => elem.getAttribute("data-display-label"),
         renderDOM: (attrs) => {
           if (!attrs.displayLabel) return {};
@@ -48196,6 +48245,7 @@ const FieldAnnotation = Node$1.create({
     return renderer();
   },
   addCommands() {
+    const annotationTypes = this.options.types;
     return {
       /**
        * Add field annotation.
@@ -48217,7 +48267,12 @@ const FieldAnnotation = Node$1.create({
           let currentMarks = $pos.marks();
           currentMarks = currentMarks.length ? [...currentMarks] : null;
           let formatAttrs = getFormatAttrsFromMarks(currentMarks);
-          let node2 = schema.nodes[this.name].create({ ...attrs, ...formatAttrs }, null, null);
+          let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+          let node2 = schema.nodes[this.name].create({
+            ...attrs,
+            ...formatAttrs,
+            defaultDisplayLabel
+          }, null, null);
           state2.tr.insert(newPos, node2).setSelection(Selection.near(tr.doc.resolve(newPos + node2.nodeSize)));
           if (editorFocus) {
             this.editor.view.focus();
@@ -48225,9 +48280,9 @@ const FieldAnnotation = Node$1.create({
         }
         return true;
       },
-      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ editor, dispatch, state: state2, tr, commands: commands2 }) => {
+      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ state: state2, commands: commands2 }) => {
         const { from: from2 } = state2.selection;
-        commands2.addFieldAnnotation(from2, attrs, editorFocus);
+        return commands2.addFieldAnnotation(from2, attrs, editorFocus);
       },
       /**
        * Replace field annotation.
@@ -48237,24 +48292,113 @@ const FieldAnnotation = Node$1.create({
        *  from: 20,
        *  to: 45,
        *  attrs: {
-       *  fieldType: 'TEXTINPUT'
-       *  fieldColor: '#980043'
+       *    fieldType: 'TEXTINPUT'
+       *    fieldColor: '#980043'
        *  }
        * ])
        */
-      replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, state: state2, tr }) => {
+      replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, tr }) => {
         if (!dispatch) return true;
-        tr.setMeta("fieldAnnotationReplace", true);
         fieldsArray.forEach((annotation) => {
           let { from: from2, to, attrs } = annotation;
           let { schema } = editor;
           let newPosFrom = tr.mapping.map(from2);
           let newPosTo = tr.mapping.map(to);
-          let node2 = schema.nodes[this.name].create({ ...attrs }, null, null);
+          let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+          let node2 = schema.nodes[this.name].create({
+            ...attrs,
+            defaultDisplayLabel
+          }, null, null);
           tr.replaceWith(newPosFrom, newPosTo, node2);
         });
         return true;
       },
+      /**
+       * Replace annotations with a label (as text node) in selection.
+       * @param options Additional options.
+       * @example
+       * editor.commands.replaceFieldAnnotationsWithLabelInSelection()
+       */
+      replaceFieldAnnotationsWithLabelInSelection: (options2 = {}) => ({ commands: commands2 }) => {
+        return commands2.replaceFieldAnnotationsWithLabel(null, {
+          ...options2,
+          isInSelection: true
+        });
+      },
+      /**
+       * Replace annotations with a label (as text node).
+       * @param fieldIdOrArray The field ID or array of field IDs.
+       * @param options.isInSelection Find in selection instead of field IDs.
+       * @param options.addToHistory Add to history or not.
+       * @param options.types Annotation types to replace.
+       * @example
+       * editor.commands.replaceFieldAnnotationsWithLabel(['1', '2'])
+       */
+      replaceFieldAnnotationsWithLabel: (fieldIdOrArray, {
+        isInSelection = false,
+        addToHistory = false,
+        types: types2 = annotationTypes
+      } = {}) => ({ dispatch, state: state2, tr }) => {
+        let { from: from2, to } = state2.selection;
+        let annotations = isInSelection ? findFieldAnnotationsBetween(from2, to, state2.doc) : findFieldAnnotationsByFieldId(fieldIdOrArray, state2);
+        annotations = types2.length ? annotations.filter(({ node: node2 }) => types2.includes(node2.attrs.type)) : annotations;
+        if (!annotations.length) {
+          return true;
+        }
+        if (!addToHistory) {
+          tr.setMeta("addToHistory", false);
+        }
+        if (dispatch) {
+          annotations.forEach((annotation) => {
+            let { pos, node: node2 } = annotation;
+            let newPosFrom = tr.mapping.map(pos);
+            let newPosTo = tr.mapping.map(pos + node2.nodeSize);
+            let currentNode = tr.doc.nodeAt(newPosFrom);
+            let nodeEqual = node2.attrs.fieldId === currentNode?.attrs?.fieldId;
+            let $newPosFrom = tr.doc.resolve(newPosFrom);
+            let currentMarks = $newPosFrom.marks();
+            currentMarks = currentMarks.length ? [...currentMarks] : null;
+            if (nodeEqual) {
+              let label = node2.attrs.displayLabel || " ";
+              let textNode = state2.schema.text(label, currentMarks);
+              tr.replaceWith(newPosFrom, newPosTo, textNode);
+            }
+          });
+        }
+        return true;
+      },
+      /**
+       * Resets all annotations to default values.
+       * @example
+       * editor.commands.resetFieldAnnotations()
+       */
+      resetFieldAnnotations: () => ({ dispatch, state: state2, tr }) => {
+        let annotations = getAllFieldAnnotations(state2);
+        if (!annotations.length) {
+          return true;
+        }
+        tr.setMeta("fieldAnnotationUpdate", true);
+        if (dispatch) {
+          annotations.forEach(({ pos, node: node2 }) => {
+            let newPos = tr.mapping.map(pos);
+            let currentNode = tr.doc.nodeAt(newPos);
+            let nodeEqual = node2.attrs.fieldId === currentNode?.attrs?.fieldId;
+            if (nodeEqual) {
+              let displayLabel = node2.attrs.defaultDisplayLabel || node2.attrs.displayLabel || "";
+              tr.setNodeMarkup(newPos, void 0, {
+                ...node2.attrs,
+                // reset displayLabel to default.
+                displayLabel,
+                // reset attrs ​​for specific types.
+                imageSrc: null,
+                rawHtml: null,
+                linkUrl: null
+              });
+            }
+          });
+        }
+        return true;
+      },
       /**
        * Update annotations associated with a field.
        * @param fieldIdOrArray The field ID or array of field IDs.

package/dist/chunks/{super-editor.es-Br6M32lX.cjs → super-editor.es-Dc5Knljq.cjs}

@@ -19956,7 +19956,7 @@ function translateImageNode(params2, imageSize) {
         attributes: {
           relativeFrom: attrs.anchorData.hRelativeFrom
         },
-        ...attrs.marginOffset.left && {
+        ...attrs.marginOffset.left !== void 0 && {
           elements: [{
             name: "wp:posOffset",
             elements: [{
@@ -19980,7 +19980,7 @@ function translateImageNode(params2, imageSize) {
         attributes: {
           relativeFrom: attrs.anchorData.vRelativeFrom
         },
-        ...attrs.marginOffset.top && {
+        ...attrs.marginOffset.top !== void 0 && {
           elements: [{
             name: "wp:posOffset",
             elements: [{
@@ -21020,10 +21020,10 @@ function handleImageImport(node2, currentFileName, params2) {
   const hRelativeFrom = positionHTag?.attributes.relativeFrom;
   const alignH = positionHTag?.elements.find((el) => el.name === "wp:align")?.elements[0]?.text;
   const positionVTag = node2.elements.find((el) => el.name === "wp:positionV");
-  const positionV = positionVTag?.elements.find((el) => el.name === "wp:posOffset");
+  const positionV = positionVTag?.elements?.find((el) => el.name === "wp:posOffset");
   const positionVValue = emuToPixels(positionV?.elements[0]?.text);
   const vRelativeFrom = positionVTag?.attributes.relativeFrom;
-  const alignV = positionVTag?.elements.find((el) => el.name === "wp:align")?.elements[0]?.text;
+  const alignV = positionVTag?.elements?.find((el) => el.name === "wp:align")?.elements[0]?.text;
   const simplePos = node2.elements.find((el) => el.name === "wp:simplePos");
   const wrapSquare = node2.elements.find((el) => el.name === "wp:wrapSquare");
   const wrapTopAndBottom = node2.elements.find((el) => el.name === "wp:wrapTopAndBottom");
@@ -23413,7 +23413,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.3-next.3") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.3-next.5") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -23880,7 +23880,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.13.3-next.3") {
+function generateSuperdocVersion(pid = 2, version2 = "0.13.3-next.5") {
   return {
     type: "element",
     name: "property",
@@ -38376,11 +38376,9 @@ function isWordHtml(html) {
   return /class=["']?Mso|xmlns:o=["']?urn:schemas-microsoft-com|<!--\[if gte mso|<meta[^>]+name=["']?Generator["']?[^>]+Word/i.test(html);
 }
 const handleHtmlPaste$1 = (html, editor, plugin2) => {
-  const cleanedHtml = convertEmToPt(html);
-  const tempDiv = document.createElement("div");
-  tempDiv.innerHTML = cleanedHtml;
-  const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
-  tempDiv.remove();
+  const htmlWithPtSizing = convertEmToPt(html);
+  const cleanedHtml = sanitizeHtml(htmlWithPtSizing);
+  const doc2 = DOMParser$1.fromSchema(editor.schema).parse(cleanedHtml);
   const { dispatch } = editor.view;
   if (!dispatch) return false;
   dispatch(editor.view.state.tr.replaceSelectionWith(doc2, true));
@@ -38399,6 +38397,24 @@ const convertEmToPt = (html) => {
 function cleanHtmlUnnecessaryTags(html) {
   return html.replace(/<o:p>.*?<\/o:p>/gi, "").replace(/&nbsp;/gi, " ").replace(/<span[^>]*>\s*<\/span>/gi, "").replace(/<p[^>]*>\s*<\/p>/gi, "").trim();
 }
+function sanitizeHtml(html, forbiddenTags = ["meta", "svg", "script", "style", "button"]) {
+  const container = document.createElement("div");
+  container.innerHTML = html;
+  const walkAndClean = (node2) => {
+    for (const child of [...node2.children]) {
+      if (forbiddenTags.includes(child.tagName.toLowerCase())) {
+        child.remove();
+        continue;
+      }
+      if (child.hasAttribute("linebreaktype")) {
+        child.removeAttribute("linebreaktype");
+      }
+      walkAndClean(child);
+    }
+  };
+  walkAndClean(container);
+  return container;
+}
 const _ExtensionService = class _ExtensionService2 {
   constructor(extensions, userExtensions, editor) {
     __privateAdd$1(this, _ExtensionService_instances);
@@ -40359,6 +40375,19 @@ const deleteHeaderFooterFieldAnnotations = ({ editor, fieldIdOrArray }) => {
     );
   });
 };
+const resetHeaderFooterFieldAnnotations = ({ editor }) => {
+  if (!editor) return;
+  const sectionEditors = getAllHeaderFooterEditors(editor);
+  sectionEditors.forEach(({ editor: sectionEditor, sectionId, type: type2 }) => {
+    sectionEditor.commands.resetFieldAnnotations();
+    onHeaderFooterDataUpdate(
+      { editor: sectionEditor },
+      editor,
+      sectionId,
+      type2
+    );
+  });
+};
 const cleanUpListsWithAnnotations = (fieldsToDelete = [], editor) => {
   if (!Array.isArray(fieldsToDelete)) fieldsToDelete = [fieldsToDelete];
   const { doc: doc2 } = editor.state;
@@ -40429,6 +40458,7 @@ const AnnotatorHelpers = {
   getAllHeaderFooterEditors,
   updateHeaderFooterFieldAnnotations,
   deleteHeaderFooterFieldAnnotations,
+  resetHeaderFooterFieldAnnotations,
   cleanUpListsWithAnnotations
 };
 const CollaborationPluginKey = new PluginKey("collaboration");
@@ -41272,7 +41302,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.13.3-next.3");
+    console.debug("[checkVersionMigrations] Current editor version", "0.13.3-next.5");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -44488,7 +44518,16 @@ const HardBreak = Node$1.create({
     };
   },
   parseDOM() {
-    return [{ tag: "span" }];
+    return [{
+      tag: 'span[linebreaktype="page"]',
+      getAttrs: (dom) => {
+        if (!(dom instanceof HTMLElement)) return false;
+        return {
+          pageBreakSource: dom.getAttribute("pagebreaksource") || null,
+          pageBreakType: dom.getAttribute("linebreaktype") || null
+        };
+      }
+    }];
   },
   renderDOM({ htmlAttributes }) {
     return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
@@ -47896,8 +47935,18 @@ const FieldAnnotation = Node$1.create({
           };
         }
       },
+      defaultDisplayLabel: {
+        default: "",
+        parseDOM: (elem) => elem.getAttribute("data-default-display-label"),
+        renderDOM: (attrs) => {
+          if (!attrs.defaultDisplayLabel) return {};
+          return {
+            "data-default-display-label": attrs.defaultDisplayLabel
+          };
+        }
+      },
       displayLabel: {
-        default: "Text field",
+        default: "",
         parseDOM: (elem) => elem.getAttribute("data-display-label"),
         renderDOM: (attrs) => {
           if (!attrs.displayLabel) return {};
@@ -48213,6 +48262,7 @@ const FieldAnnotation = Node$1.create({
     return renderer();
   },
   addCommands() {
+    const annotationTypes = this.options.types;
     return {
       /**
        * Add field annotation.
@@ -48234,7 +48284,12 @@ const FieldAnnotation = Node$1.create({
           let currentMarks = $pos.marks();
           currentMarks = currentMarks.length ? [...currentMarks] : null;
           let formatAttrs = getFormatAttrsFromMarks(currentMarks);
-          let node2 = schema.nodes[this.name].create({ ...attrs, ...formatAttrs }, null, null);
+          let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+          let node2 = schema.nodes[this.name].create({
+            ...attrs,
+            ...formatAttrs,
+            defaultDisplayLabel
+          }, null, null);
           state2.tr.insert(newPos, node2).setSelection(Selection.near(tr.doc.resolve(newPos + node2.nodeSize)));
           if (editorFocus) {
             this.editor.view.focus();
@@ -48242,9 +48297,9 @@ const FieldAnnotation = Node$1.create({
         }
         return true;
       },
-      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ editor, dispatch, state: state2, tr, commands: commands2 }) => {
+      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ state: state2, commands: commands2 }) => {
         const { from: from2 } = state2.selection;
-        commands2.addFieldAnnotation(from2, attrs, editorFocus);
+        return commands2.addFieldAnnotation(from2, attrs, editorFocus);
       },
       /**
        * Replace field annotation.
@@ -48254,24 +48309,113 @@ const FieldAnnotation = Node$1.create({
        *  from: 20,
        *  to: 45,
        *  attrs: {
-       *  fieldType: 'TEXTINPUT'
-       *  fieldColor: '#980043'
+       *    fieldType: 'TEXTINPUT'
+       *    fieldColor: '#980043'
        *  }
        * ])
        */
-      replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, state: state2, tr }) => {
+      replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, tr }) => {
         if (!dispatch) return true;
-        tr.setMeta("fieldAnnotationReplace", true);
         fieldsArray.forEach((annotation) => {
           let { from: from2, to, attrs } = annotation;
           let { schema } = editor;
           let newPosFrom = tr.mapping.map(from2);
           let newPosTo = tr.mapping.map(to);
-          let node2 = schema.nodes[this.name].create({ ...attrs }, null, null);
+          let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+          let node2 = schema.nodes[this.name].create({
+            ...attrs,
+            defaultDisplayLabel
+          }, null, null);
           tr.replaceWith(newPosFrom, newPosTo, node2);
         });
         return true;
       },
+      /**
+       * Replace annotations with a label (as text node) in selection.
+       * @param options Additional options.
+       * @example
+       * editor.commands.replaceFieldAnnotationsWithLabelInSelection()
+       */
+      replaceFieldAnnotationsWithLabelInSelection: (options2 = {}) => ({ commands: commands2 }) => {
+        return commands2.replaceFieldAnnotationsWithLabel(null, {
+          ...options2,
+          isInSelection: true
+        });
+      },
+      /**
+       * Replace annotations with a label (as text node).
+       * @param fieldIdOrArray The field ID or array of field IDs.
+       * @param options.isInSelection Find in selection instead of field IDs.
+       * @param options.addToHistory Add to history or not.
+       * @param options.types Annotation types to replace.
+       * @example
+       * editor.commands.replaceFieldAnnotationsWithLabel(['1', '2'])
+       */
+      replaceFieldAnnotationsWithLabel: (fieldIdOrArray, {
+        isInSelection = false,
+        addToHistory = false,
+        types: types2 = annotationTypes
+      } = {}) => ({ dispatch, state: state2, tr }) => {
+        let { from: from2, to } = state2.selection;
+        let annotations = isInSelection ? findFieldAnnotationsBetween(from2, to, state2.doc) : findFieldAnnotationsByFieldId(fieldIdOrArray, state2);
+        annotations = types2.length ? annotations.filter(({ node: node2 }) => types2.includes(node2.attrs.type)) : annotations;
+        if (!annotations.length) {
+          return true;
+        }
+        if (!addToHistory) {
+          tr.setMeta("addToHistory", false);
+        }
+        if (dispatch) {
+          annotations.forEach((annotation) => {
+            let { pos, node: node2 } = annotation;
+            let newPosFrom = tr.mapping.map(pos);
+            let newPosTo = tr.mapping.map(pos + node2.nodeSize);
+            let currentNode = tr.doc.nodeAt(newPosFrom);
+            let nodeEqual = node2.attrs.fieldId === currentNode?.attrs?.fieldId;
+            let $newPosFrom = tr.doc.resolve(newPosFrom);
+            let currentMarks = $newPosFrom.marks();
+            currentMarks = currentMarks.length ? [...currentMarks] : null;
+            if (nodeEqual) {
+              let label = node2.attrs.displayLabel || " ";
+              let textNode = state2.schema.text(label, currentMarks);
+              tr.replaceWith(newPosFrom, newPosTo, textNode);
+            }
+          });
+        }
+        return true;
+      },
+      /**
+       * Resets all annotations to default values.
+       * @example
+       * editor.commands.resetFieldAnnotations()
+       */
+      resetFieldAnnotations: () => ({ dispatch, state: state2, tr }) => {
+        let annotations = getAllFieldAnnotations(state2);
+        if (!annotations.length) {
+          return true;
+        }
+        tr.setMeta("fieldAnnotationUpdate", true);
+        if (dispatch) {
+          annotations.forEach(({ pos, node: node2 }) => {
+            let newPos = tr.mapping.map(pos);
+            let currentNode = tr.doc.nodeAt(newPos);
+            let nodeEqual = node2.attrs.fieldId === currentNode?.attrs?.fieldId;
+            if (nodeEqual) {
+              let displayLabel = node2.attrs.defaultDisplayLabel || node2.attrs.displayLabel || "";
+              tr.setNodeMarkup(newPos, void 0, {
+                ...node2.attrs,
+                // reset displayLabel to default.
+                displayLabel,
+                // reset attrs ​​for specific types.
+                imageSrc: null,
+                rawHtml: null,
+                linkUrl: null
+              });
+            }
+          });
+        }
+        return true;
+      },
       /**
        * Update annotations associated with a field.
        * @param fieldIdOrArray The field ID or array of field IDs.

package/dist/super-editor/ai-writer.es.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, withModifiers, createElementVNode, withDirectives, unref, vModelText, createCommentVNode, nextTick } from "vue";
-import { T as TextSelection } from "./chunks/converter-D32_3RDa.js";
-import { _ as _export_sfc } from "./chunks/editor-DyJvyzS5.js";
+import { T as TextSelection } from "./chunks/converter-COwnF-2s.js";
+import { _ as _export_sfc } from "./chunks/editor-5jtd2ZXO.js";
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options = {}) {