@harbour-enterprises/superdoc 0.11.20 → 0.11.22

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

@@ -1,65 +1,66 @@
-import { ref as l, onMounted as R, onUnmounted as K, computed as I, createElementBlock as f, openBlock as g, withModifiers as S, createElementVNode as m, withDirectives as V, unref as w, vModelText as W, createCommentVNode as j, nextTick as B } from "vue";
-import { _ as G } from "./chunks/editor-CR8riiuL.js";
-const X = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights", C = "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 E(a, e = {}) {
-  const n = e.apiKey, r = e.endpoint || X;
+import { ref as u, onMounted as X, onUnmounted as q, computed as S, createElementBlock as A, openBlock as M, withModifiers as E, createElementVNode as h, withDirectives as $, unref as I, vModelText as B, createCommentVNode as G, nextTick as U } from "vue";
+import { T as Y } from "./chunks/converter-De1X-4ue.js";
+import { _ as J } from "./chunks/editor-usrJ_Hxe.js";
+const Q = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights", C = "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 D(i, r = {}) {
+  const e = r.apiKey, s = r.endpoint || Q;
   try {
-    const s = {
+    const o = {
       "Content-Type": "application/json"
     };
-    n && (s["x-api-key"] = n);
-    const o = await fetch(r, {
+    e && (o["x-api-key"] = e);
+    const n = await fetch(s, {
       method: "POST",
-      headers: s,
-      body: JSON.stringify(a)
+      headers: o,
+      body: JSON.stringify(i)
     });
-    if (!o.ok) {
-      const c = await o.text();
-      throw new Error(`Harbour API error: ${o.status} - ${c}`);
+    if (!n.ok) {
+      const l = await n.text();
+      throw new Error(`Harbour API error: ${n.status} - ${l}`);
     }
-    return o;
-  } catch (s) {
-    throw console.error("Error calling Harbour API:", s), s;
+    return n;
+  } catch (o) {
+    throw console.error("Error calling Harbour API:", o), o;
   }
 }
-async function F(a, e, n) {
-  const r = a.getReader(), s = new TextDecoder();
-  let o = "", c = "";
+async function F(i, r, e) {
+  const s = i.getReader(), o = new TextDecoder();
+  let n = "", l = "";
   try {
     for (; ; ) {
-      const { done: h, value: v } = await r.read();
-      if (h) {
-        typeof n == "function" && n();
+      const { done: d, value: v } = await s.read();
+      if (d) {
+        typeof e == "function" && e();
         break;
       }
-      const y = s.decode(v, { stream: !0 });
-      typeof e == "function" && e(y);
+      const w = o.decode(v, { stream: !0 });
+      typeof r == "function" && r(w);
     }
-    let d = q(c);
-    return d !== null && (o = d), o || "";
-  } catch (d) {
-    throw console.error("Error reading stream:", d), d;
+    let c = Z(l);
+    return c !== null && (n = c), n || "";
+  } catch (c) {
+    throw console.error("Error reading stream:", c), c;
   } finally {
-    r.releaseLock();
+    s.releaseLock();
   }
 }
-function q(a) {
+function Z(i) {
   try {
-    const e = /```json\s*\n([\s\S]*?)\n\s*```/, n = a.match(e);
-    if (n && n[1]) {
-      const r = JSON.parse(n[1]);
-      if (r.custom_prompt && r.custom_prompt.value !== void 0)
-        return r.custom_prompt.value || "";
+    const r = /```json\s*\n([\s\S]*?)\n\s*```/, e = i.match(r);
+    if (e && e[1]) {
+      const s = JSON.parse(e[1]);
+      if (s.custom_prompt && s.custom_prompt.value !== void 0)
+        return s.custom_prompt.value || "";
     }
     return null;
   } catch {
     return null;
   }
 }
-async function N(a, e = {}, n, r) {
-  if (!a)
+async function ee(i, r = {}, e, s) {
+  if (!i)
     throw new Error("Prompt is required for text generation");
-  const s = {
+  const o = {
     stream: !0,
     context: C,
     doc_text: "",
@@ -67,31 +68,31 @@ async function N(a, e = {}, n, r) {
       {
         type: "custom_prompt",
         name: "text_generation",
-        message: `Generate text based on the following prompt: ${a}`
+        message: `Generate text based on the following prompt: ${i}`
       }
     ]
   };
-  e.documentXml && (s.document_content = e.documentXml);
-  const o = await E(s, e.config || {});
-  return o.body ? await F(o.body, n, r) : "";
+  r.documentXml && (o.document_content = r.documentXml);
+  const n = await D(o, r.config || {});
+  return n.body ? await F(n.body, e, s) : "";
 }
-async function $(a, e = "", n = {}, r, s) {
-  if (!a)
+async function te(i, r = "", e = {}, s, o) {
+  if (!i)
     throw new Error("Text is required for rewriting");
-  const o = {
+  const n = {
     stream: !0,
     context: C,
     insights: [
       {
         type: "custom_prompt",
         name: "text_rewrite",
-        message: `Rewrite the following text: "${a}" using these instructions: ${e}`
+        message: `Rewrite the following text: "${i}" using these instructions: ${r}`
       }
     ]
-  }, c = await E(o, n.config || {});
-  return c.body ? await F(c.body, r, s) : "";
+  }, l = await D(n, e.config || {});
+  return l.body ? await F(l.body, s, o) : "";
 }
-const U = `<!-- @note: includes color gradient for inline svg AI Writer -->
+const oe = `<!-- @note: includes color gradient for inline svg AI Writer -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
     <linearGradient id="gradient" x1="125%" y1="50%" x2="-25%" y2="50%">
         <stop offset="-20%" stop-color="rgba(218, 215, 118, 0.5)" />
@@ -100,7 +101,7 @@ const U = `<!-- @note: includes color gradient for inline svg AI Writer -->
         <stop offset="150%" stop-color="rgb(255, 219, 102)" />
     </linearGradient>
     <path fill="url(#gradient)" d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1 .8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"/>
-</svg>`, Y = `<!-- @note: includes color gradient for inline svg AI Writer -->
+</svg>`, re = `<!-- @note: includes color gradient for inline svg AI Writer -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
   <defs>
     <linearGradient id="gradient" x1="125%" y1="50%" x2="-25%" y2="50%">
@@ -111,19 +112,7 @@ const U = `<!-- @note: includes color gradient for inline svg AI Writer -->
     </linearGradient>
   </defs>
   <path fill="url(#gradient)" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"/>
-</svg>`, J = `<!-- @note: includes color gradient for inline svg AI Writer -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"/></svg>`, Q = `<!-- @note: includes color gradient for inline svg AI Writer -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->  <defs>
-    <linearGradient id="gradient" x1="125%" y1="50%" x2="-25%" y2="50%">
-      <stop offset="-20%" stop-color="rgba(218, 215, 118, 0.5)" />
-      <stop offset="30%" stop-color="rgb(191, 100, 100)" />
-      <stop offset="60%" stop-color="rgb(77, 82, 217)" />
-      <stop offset="150%" stop-color="rgb(255, 219, 102)" />
-    </linearGradient>
-  </defs><path fill="url(#gradient)" d="M494.2 221.9l-59.8-40.5 13.7-71c2.6-13.2-1.6-26.8-11.1-36.4-9.6-9.5-23.2-13.7-36.2-11.1l-70.9 13.7-40.4-59.9c-15.1-22.3-51.9-22.3-67 0l-40.4 59.9-70.8-13.7C98 60.4 84.5 64.5 75 74.1c-9.5 9.6-13.7 23.1-11.1 36.3l13.7 71-59.8 40.5C6.6 229.5 0 242 0 255.5s6.7 26 17.8 33.5l59.8 40.5-13.7 71c-2.6 13.2 1.6 26.8 11.1 36.3 9.5 9.5 22.9 13.7 36.3 11.1l70.8-13.7 40.4 59.9C230 505.3 242.6 512 256 512s26-6.7 33.5-17.8l40.4-59.9 70.9 13.7c13.4 2.7 26.8-1.6 36.3-11.1 9.5-9.5 13.6-23.1 11.1-36.3l-13.7-71 59.8-40.5c11.1-7.5 17.8-20.1 17.8-33.5-.1-13.6-6.7-26.1-17.9-33.7zm-112.9 85.6l17.6 91.2-91-17.6L256 458l-51.9-77-90.9 17.6 17.6-91.2-76.8-52 76.8-52-17.6-91.2 91 17.6L256 53l51.9 76.9 91-17.6-17.6 91.1 76.8 52-76.8 52.1zM256 152c-57.3 0-104 46.7-104 104s46.7 104 104 104 104-46.7 104-104-46.7-104-104-104zm0 160c-30.9 0-56-25.1-56-56s25.1-56 56-56 56 25.1 56 56-25.1 56-56 56z"/></svg>`, Z = { class: "ai-user-input-field" }, ee = ["innerHTML"], te = ["placeholder"], oe = { class: "ai-loader" }, ne = {
-  key: 0,
-  class: "ai-textarea-icon loading spinner-wrapper"
-}, re = ["innerHTML"], se = ["innerHTML"], ae = ["innerHTML"], ie = {
+</svg>`, ne = { class: "ai-user-input-field" }, se = ["innerHTML"], ae = ["placeholder"], ie = { class: "ai-loader" }, ce = ["innerHTML"], le = {
   __name: "AIWriter",
   props: {
     selectedText: {
@@ -155,42 +144,57 @@ const U = `<!-- @note: includes color gradient for inline svg AI Writer -->
       type: Object
     }
   },
-  setup(a) {
-    const e = a, n = l(null), r = l(null), s = (t) => {
-      r.value && !r.value.contains(t.target) && e.handleClose();
-    }, o = l(null), c = (t, i = null) => {
-      e.superToolbar && e.superToolbar.emit("ai-highlight", { type: t, data: i });
-    }, d = () => {
-      e.selectedText && (n.value = e.editor.state.selection, e.editor.commands.setMeta("storedSelection", n.value), c("add"));
-    }, h = () => {
-      B(() => {
-        o.value && o.value.focus();
-      });
+  emits: ["ai-highlight"],
+  setup(i, { emit: r }) {
+    const e = i, s = r, o = u(null), n = u(null), l = (t) => {
+      n.value && !n.value.contains(t.target) && (m.value || d("remove"), e.handleClose());
+    }, c = u(null), d = (t, a = null) => {
+      e.superToolbar ? e.superToolbar.emit("ai-highlight", { type: t, data: a }) : s("ai-highlight", { type: t, data: a });
     }, v = () => {
-      document.addEventListener("mousedown", s), document.addEventListener("keydown", L, !0);
-    }, y = () => {
-      document.removeEventListener("mousedown", s), document.removeEventListener("keydown", L, !0);
+      e.selectedText && (o.value = {
+        ...e.editor.state.selection,
+        from: e.editor.state.selection.from,
+        to: e.editor.state.selection.to
+      }, e.editor.commands.setMeta("storedSelection", o.value), d("add"));
+    }, w = () => {
+      U(() => {
+        c.value && c.value.focus();
+      });
+    }, P = () => {
+      document.addEventListener("mousedown", l), document.addEventListener("keydown", x, !0);
+    }, H = () => {
+      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", x, !0);
     };
-    R(() => {
-      d(), h(), v();
-    }), K(() => {
-      c("remove"), y();
+    X(() => {
+      v(), w(), P();
+    }), q(() => {
+      m.value || d("remove"), H();
     });
-    const L = (t) => {
-      o.value && t.target === o.value && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(t.key) && t.stopPropagation();
-    }, z = I(
+    const x = (t) => {
+      c.value && t.target === c.value && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(t.key) && t.stopPropagation();
+    }, N = S(
       () => e.selectedText ? "Insert prompt to update text" : "Insert prompt to generate text"
-    ), x = l(!1), p = l(""), u = l(""), _ = I(() => e.editor.isInSuggestingMode?.() || !1), H = () => {
+    ), m = u(!1), f = u(""), p = u(""), g = u(!1), O = u(""), b = S(() => e.editor.isInSuggestingMode?.() || !1), R = () => {
       try {
         return e.editor.state.doc.textContent || "";
       } catch (t) {
         return console.error("Error getting document XML:", t), "";
       }
-    }, k = (t) => {
+    }, T = (t) => {
       try {
-        if (e.selectedText && !b.value && (e.editor.commands.deleteSelection(), b.value = !0), t == null || t === "")
+        if (e.editor.commands.removeAiNode("aiLoaderNode"), e.selectedText && !g.value) {
+          if (d("remove"), e.editor.commands.clearAiHighlightStyle(), o.value) {
+            const { state: k } = e.editor, { from: j, to: z } = o.value, W = k.tr.setSelection(
+              Y.create(k.doc, j, z)
+            );
+            e.editor.view.dispatch(W);
+          } else
+            console.warn("[AIWriter] No stored selection to restore");
+          e.editor.commands.deleteSelection(), g.value = !0;
+        }
+        if (t == null || t === "")
           return;
-        const i = String(t), T = {
+        const a = String(t), y = {
           type: "text",
           marks: [{
             type: "aiAnimationMark",
@@ -199,83 +203,79 @@ const U = `<!-- @note: includes color gradient for inline svg AI Writer -->
               dataMarkId: `ai-animation-${Date.now()}`
             }
           }],
-          text: i
+          text: a
         };
-        e.editor.commands.insertContent(T), e.handleClose();
-      } catch (i) {
-        console.error("Error handling text chunk:", i);
+        e.editor.commands.insertContent(y), e.handleClose();
+      } catch (a) {
+        console.error("Error handling text chunk:", a);
       }
-    }, M = () => {
+    }, _ = () => {
       setTimeout(() => {
-        e.editor.commands.removeAiMark("aiAnimationMark");
+        e.editor.commands.removeAiMark("aiAnimationMark"), d("remove");
       }, 1e3);
-    }, b = l(!1), D = l(""), A = async () => {
-      x.value = !0, p.value = "", b.value = !1, D.value = "";
+    }, L = async () => {
+      f.value = "", g.value = !1, O.value = "", m.value = !0;
       try {
-        _.value && e.editor.commands.enableTrackChanges();
-        const i = {
+        e.handleClose(), e.selectedText ? d("update") : e.editor.commands.insertContent({
+          type: "aiLoaderNode"
+        }), b.value && e.editor.commands.enableTrackChanges();
+        const a = {
           // @todo: implement grabbing document text
           docText: "",
-          documentXml: H(),
+          documentXml: R(),
           config: {
             // Pass the aiApiKey to the AI helper functions
             apiKey: e.apiKey,
             endpoint: e.endpoint
           }
         };
-        e.selectedText ? await $(e.selectedText, u.value, i, k, M) : await N(u.value, i, k, M), e.handleClose();
+        e.selectedText ? await te(e.selectedText, p.value, a, T, _) : await ee(p.value, a, T, _);
       } catch (t) {
-        console.error("AI generation error:", t), p.value = t.message || "An error occurred";
+        console.error("AI generation error:", t), f.value = t.message || "An error occurred";
       } finally {
-        u.value = "", _.value && e.editor.commands.disableTrackChanges(), x.value = !1;
+        p.value = "", b.value && e.editor.commands.disableTrackChanges(), m.value = !1, g.value = !1;
       }
-    }, P = (t) => {
-      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), A());
-    }, O = (t) => {
-      p.value && (p.value = ""), u.value = t.target.value;
+    }, K = (t) => {
+      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), L());
+    }, V = (t) => {
+      f.value && (f.value = ""), p.value = t.target.value;
     };
-    return (t, i) => (g(), f("div", {
+    return (t, a) => (M(), A("div", {
       class: "ai-writer prosemirror-isolated",
       ref_key: "aiWriterRef",
-      ref: r,
-      onMousedown: i[1] || (i[1] = S(() => {
+      ref: n,
+      onMousedown: a[1] || (a[1] = E(() => {
       }, ["stop"]))
     }, [
-      m("div", Z, [
-        m("span", {
+      h("div", ne, [
+        h("span", {
           class: "ai-textarea-icon",
-          innerHTML: w(U)
-        }, null, 8, ee),
-        V(m("textarea", {
+          innerHTML: I(oe)
+        }, null, 8, se),
+        $(h("textarea", {
           ref_key: "editableRef",
-          ref: o,
+          ref: c,
           class: "ai-textarea",
-          placeholder: z.value,
-          onKeydown: P,
-          onInput: O,
-          "onUpdate:modelValue": i[0] || (i[0] = (T) => u.value = T),
+          placeholder: N.value,
+          onKeydown: K,
+          onInput: V,
+          "onUpdate:modelValue": a[0] || (a[0] = (y) => p.value = y),
           rows: "4"
-        }, null, 40, te), [
-          [W, u.value]
+        }, null, 40, ae), [
+          [B, p.value]
         ])
       ]),
-      m("div", oe, [
-        x.value ? (g(), f("span", ne, [
-          m("span", { innerHTML: w(Q) }, null, 8, re)
-        ])) : p.value ? (g(), f("span", {
-          key: 1,
-          class: "ai-textarea-icon error",
-          innerHTML: w(J)
-        }, null, 8, se)) : u.value ? (g(), f("span", {
-          key: 2,
+      h("div", ie, [
+        p.value ? (M(), A("span", {
+          key: 0,
           class: "ai-textarea-icon ai-submit-button",
-          onClick: S(A, ["stop"]),
-          innerHTML: w(Y)
-        }, null, 8, ae)) : j("", !0)
+          onClick: E(L, ["stop"]),
+          innerHTML: I(re)
+        }, null, 8, ce)) : G("", !0)
       ])
     ], 544));
   }
-}, de = /* @__PURE__ */ G(ie, [["__scopeId", "data-v-2ee48def"]]);
+}, me = /* @__PURE__ */ J(le, [["__scopeId", "data-v-b140a4fa"]]);
 export {
-  de as default
+  me as default
 };

package/dist/super-editor/chunks/{converter-CwMvN1V7.js → converter-De1X-4ue.js}

@@ -16725,7 +16725,7 @@ const pt = class pt {
       return;
     }
   }
-  static updateDocumentVersion(e = this.convertedXml, t = "0.11.20") {
+  static updateDocumentVersion(e = this.convertedXml, t = "0.11.22") {
     const n = "docProps/custom.xml";
     e[n] || (e[n] = Bu());
     const i = e["docProps/custom.xml"];
@@ -16988,7 +16988,7 @@ function Cp(r) {
 function Bu() {
   return Wf;
 }
-function ku(r = 2, e = "0.11.20") {
+function ku(r = 2, e = "0.11.22") {
   return {
     type: "element",
     name: "property",

package/dist/super-editor/chunks/{docx-zipper-CW3YnwaW.js → docx-zipper-CcmKEgiG.js}

@@ -1,4 +1,4 @@
-import { p as Tt, a0 as wt, B as ut, a1 as Bt, a2 as Rt } from "./converter-CwMvN1V7.js";
+import { p as Tt, a0 as wt, B as ut, a1 as Bt, a2 as Rt } from "./converter-De1X-4ue.js";
 function kt(bt) {
   throw new Error('Could not dynamically require "' + bt + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }