@vizel/core 0.0.1-alpha.6 → 1.0.0

package/dist/index3.js

@@ -1,71 +1,70 @@
-import s from "@tiptap/extension-blockquote";
-import m from "@tiptap/extension-bold";
-import l from "@tiptap/extension-bullet-list";
-import d from "@tiptap/extension-code";
+import a from "@tiptap/extension-blockquote";
+import s from "@tiptap/extension-bold";
+import m from "@tiptap/extension-bullet-list";
+import l from "@tiptap/extension-code";
 import c from "@tiptap/extension-document";
-import p from "@tiptap/extension-dropcursor";
-import f from "@tiptap/extension-gapcursor";
-import u from "@tiptap/extension-hard-break";
-import h from "@tiptap/extension-heading";
-import x from "@tiptap/extension-history";
-import E from "@tiptap/extension-horizontal-rule";
-import g from "@tiptap/extension-italic";
-import b from "@tiptap/extension-list-item";
-import k from "@tiptap/extension-list-keymap";
-import z from "@tiptap/extension-ordered-list";
+import d from "@tiptap/extension-dropcursor";
+import p from "@tiptap/extension-gapcursor";
+import f from "@tiptap/extension-hard-break";
+import u from "@tiptap/extension-heading";
+import h from "@tiptap/extension-history";
+import x from "@tiptap/extension-horizontal-rule";
+import E from "@tiptap/extension-italic";
+import g from "@tiptap/extension-list-item";
+import b from "@tiptap/extension-list-keymap";
+import k from "@tiptap/extension-ordered-list";
 import y from "@tiptap/extension-paragraph";
-import C from "@tiptap/extension-placeholder";
-import V from "@tiptap/extension-strike";
-import O from "@tiptap/extension-text";
-import j from "./index37.js";
-import { createVizelCharacterCountExtension as B } from "./index4.js";
-import { createVizelCodeBlockExtension as a } from "./index5.js";
-import { createVizelDetailsExtensions as L } from "./index6.js";
-import { createVizelDiagramExtension as v } from "./index7.js";
-import { createVizelDragHandleExtensions as w } from "./index8.js";
-import { createVizelEmbedExtension as H } from "./index9.js";
-import { vizelDefaultBase64Upload as T, createVizelImageUploadExtensions as D, defaultImageResizeOptions as S } from "./index11.js";
-import { createVizelLinkExtension as U } from "./index13.js";
-import { createVizelMarkdownExtension as I } from "./index14.js";
-import { createVizelMathematicsExtensions as M } from "./index15.js";
-import { VizelSlashCommand as F } from "./index17.js";
-import { createVizelTableExtensions as P } from "./index18.js";
-import { createVizelTaskListExtensions as R } from "./index20.js";
-import { createVizelTextColorExtensions as q } from "./index21.js";
-import { defaultSlashCommands as G } from "./index32.js";
-function K(e = {}) {
+import z from "@tiptap/extension-placeholder";
+import C from "@tiptap/extension-strike";
+import V from "@tiptap/extension-text";
+import O from "./index35.js";
+import { createVizelCharacterCountExtension as j } from "./index4.js";
+import { createVizelDetailsExtensions as w } from "./index6.js";
+import { createVizelDiagramExtension as B } from "./index7.js";
+import { createVizelDragHandleExtensions as L } from "./index8.js";
+import { createVizelEmbedExtension as v } from "./index9.js";
+import { vizelDefaultBase64Upload as H, createVizelImageUploadExtensions as T, defaultImageResizeOptions as D } from "./index11.js";
+import { createVizelLinkExtension as S } from "./index13.js";
+import { createVizelMarkdownExtension as U } from "./index14.js";
+import { createVizelMathematicsExtensions as I } from "./index15.js";
+import { VizelSlashCommand as M } from "./index17.js";
+import { createVizelTableExtensions as F } from "./index18.js";
+import { createVizelTaskListExtensions as P } from "./index20.js";
+import { createVizelTextColorExtensions as R } from "./index21.js";
+import { defaultSlashCommands as q } from "./index33.js";
+function G(e = {}) {
   const { headingLevels: o = [1, 2, 3] } = e;
   return [
     // Nodes
     c,
     y,
-    O,
-    h.configure({ levels: o }),
-    s,
-    l,
-    z,
-    b,
-    // CodeBlock is added separately based on feature options
-    u,
-    E,
-    // Marks
+    V,
+    u.configure({ levels: o }),
+    a,
     m,
-    d,
+    k,
     g,
-    V,
-    j,
-    // Functionality
-    p.configure({ color: "#3b82f6", width: 2 }),
+    // CodeBlock is added separately based on feature options
     f,
     x,
-    k
+    // Marks
+    s,
+    l,
+    E,
+    C,
+    O,
+    // Functionality
+    d.configure({ color: "#3b82f6", width: 2 }),
+    p,
+    h,
+    b
   ];
 }
-function N(e, o) {
+function K(e, o) {
   if (o.slashCommand === !1) return;
-  const t = typeof o.slashCommand == "object" ? o.slashCommand : {}, i = t.items ?? G;
+  const t = typeof o.slashCommand == "object" ? o.slashCommand : {}, i = t.items ?? q;
   e.push(
-    F.configure({
+    M.configure({
       items: i,
       ...t.suggestion !== void 0 && {
         suggestion: t.suggestion
@@ -73,11 +72,11 @@ function N(e, o) {
     })
   );
 }
-function _(e, o) {
+function N(e, o) {
   if (o.image === !1) return;
-  const t = typeof o.image == "object" ? o.image : {}, i = t.onUpload ?? T, n = t.resize !== !1;
+  const t = typeof o.image == "object" ? o.image : {}, i = t.onUpload ?? H, n = t.resize !== !1;
   e.push(
-    ...D({
+    ...T({
       upload: {
         onUpload: i,
         ...t.maxFileSize !== void 0 && { maxFileSize: t.maxFileSize },
@@ -89,86 +88,88 @@ function _(e, o) {
           onUploadError: t.onUploadError
         }
       },
-      resize: n ? S : !1
+      resize: n ? D : !1
     })
   );
 }
-function A(e, o) {
+function _(e, o) {
   if (o.markdown === !1) return;
   const t = typeof o.markdown == "object" ? o.markdown : {};
-  e.push(I(t));
+  e.push(U(t));
 }
-function J(e, o) {
+function A(e, o) {
   if (o.taskList === !1) return;
   const t = typeof o.taskList == "object" ? o.taskList : {};
-  e.push(...R(t));
+  e.push(...P(t));
 }
-function Q(e, o) {
+function J(e, o) {
   if (o.characterCount === !1) return;
   const t = typeof o.characterCount == "object" ? o.characterCount : {};
-  e.push(B(t));
+  e.push(j(t));
 }
-function W(e, o) {
+function Q(e, o) {
   if (o.textColor === !1) return;
   const t = typeof o.textColor == "object" ? o.textColor : {};
-  e.push(...q(t));
+  e.push(...R(t));
 }
-function X(e, o) {
-  if (o.codeBlock !== !1)
-    if (o.codeBlock === !0 || typeof o.codeBlock == "object") {
-      const t = typeof o.codeBlock == "object" ? o.codeBlock : {};
-      e.push(...a(t));
-    } else
-      e.push(...a());
+async function W(e, o) {
+  if (o.codeBlock === !1)
+    return;
+  const { createVizelCodeBlockExtension: t } = await import("./index5.js");
+  if (o.codeBlock === !0 || typeof o.codeBlock == "object") {
+    const i = typeof o.codeBlock == "object" ? o.codeBlock : {};
+    e.push(...await t(i));
+  } else
+    e.push(...await t());
 }
-function Y(e, o) {
+function X(e, o) {
   if (o.mathematics === !1) return;
   const t = typeof o.mathematics == "object" ? o.mathematics : {};
-  e.push(...M(t));
+  e.push(...I(t));
 }
-function Z(e, o) {
+function Y(e, o) {
   if (o.dragHandle === !1) return;
   const t = typeof o.dragHandle == "object" ? o.dragHandle : {};
-  e.push(...w(t));
+  e.push(...L(t));
 }
-function $(e, o) {
+function Z(e, o) {
   if (o.details === !1) return;
   const t = typeof o.details == "object" ? o.details : {};
-  e.push(...L(t));
+  e.push(...w(t));
 }
-function oo(e, o) {
+function $(e, o) {
   if (o.embed === !1) return;
   const t = typeof o.embed == "object" ? o.embed : {};
-  e.push(H(t));
+  e.push(v(t));
 }
-function to(e, o) {
+function oo(e, o) {
   if (o.diagram === !1) return;
   const t = typeof o.diagram == "object" ? o.diagram : {};
-  e.push(v(t));
+  e.push(B(t));
 }
-function Fo(e = {}) {
+async function Io(e = {}) {
   const {
     placeholder: o = "Type '/' for commands...",
     headingLevels: t = [1, 2, 3],
     features: i = {}
   } = e, n = [
-    ...K({ headingLevels: t }),
-    C.configure({
+    ...G({ headingLevels: t }),
+    z.configure({
       placeholder: o,
       emptyEditorClass: "vizel-editor-empty",
       emptyNodeClass: "vizel-node-empty"
     })
   ];
-  if (N(n, i), i.table !== !1) {
+  if (K(n, i), i.table !== !1) {
     const r = typeof i.table == "object" ? i.table : {};
-    n.push(...P(r));
+    n.push(...F(r));
   }
   if (i.link !== !1) {
     const r = typeof i.link == "object" ? i.link : {};
-    n.push(U(r));
+    n.push(S(r));
   }
-  return _(n, i), A(n, i), J(n, i), Q(n, i), W(n, i), X(n, i), Y(n, i), Z(n, i), $(n, i), oo(n, i), to(n, i), n;
+  return N(n, i), _(n, i), A(n, i), J(n, i), Q(n, i), X(n, i), Y(n, i), Z(n, i), $(n, i), oo(n, i), await W(n, i), n;
 }
 export {
-  Fo as createVizelExtensions
+  Io as createVizelExtensions
 };

package/dist/index30.js

@@ -1,12 +1,26 @@
-function g(i, e) {
-  if (!e || e.length === 0)
-    return [{ text: i, highlight: !1 }];
-  const t = [];
-  let l = 0;
-  for (const [h, s] of e)
-    h > l && t.push({ text: i.slice(l, h), highlight: !1 }), t.push({ text: i.slice(h, s + 1), highlight: !0 }), l = s + 1;
-  return l < i.length && t.push({ text: i.slice(l), highlight: !1 }), t;
+const r = "50";
+function c() {
+  const e = document.createElement("div");
+  e.style.position = "absolute", e.style.zIndex = "50", document.body.appendChild(e);
+  const n = document.createElement("div");
+  return e.appendChild(n), {
+    container: e,
+    menuContainer: n,
+    updatePosition: (o) => {
+      if (!o) return;
+      const t = o();
+      t && (e.style.top = `${t.bottom + window.scrollY}px`, e.style.left = `${t.left + window.scrollX}px`);
+    },
+    destroy: () => {
+      e.remove();
+    }
+  };
+}
+function d(e) {
+  return e.key === "Escape";
 }
 export {
-  g as splitVizelTextByMatches
+  r as VIZEL_SUGGESTION_Z_INDEX,
+  c as createVizelSuggestionContainer,
+  d as handleVizelSuggestionEscape
 };

package/dist/index31.js

@@ -1,150 +1,12 @@
-import { PluginKey as S, Plugin as A } from "./index41.js";
-import { DecorationSet as E, Decoration as M } from "./index49.js";
-import { VIZEL_DEFAULT_IMAGE_MAX_FILE_SIZE as _, VIZEL_DEFAULT_FILE_MIME_TYPES as P } from "./index10.js";
-const d = new S("vizel-image-upload"), U = (e) => typeof e == "object" && e !== null && "type" in e && (e.type === "add" || e.type === "remove");
-function T(e) {
-  const { placeholderClass: o = "vizel-image-placeholder", imageClass: r = "vizel-image-uploading" } = e;
-  return new A({
-    key: d,
-    state: {
-      init() {
-        return E.empty;
-      },
-      apply(t, i) {
-        let a = i.map(t.mapping, t.doc);
-        const s = t.getMeta(d), n = U(s) ? s : void 0;
-        if (n?.type === "add") {
-          const { id: l, pos: g, previewSrc: p } = n, c = document.createElement("div");
-          c.setAttribute("class", o);
-          const u = document.createElement("img");
-          u.setAttribute("class", r), u.src = p, c.appendChild(u);
-          const m = document.createElement("div");
-          m.setAttribute("class", "vizel-image-spinner"), c.appendChild(m);
-          const f = M.widget(g, c, { id: l });
-          a = a.add(t.doc, [f]);
-        } else n?.type === "remove" && (a = a.remove(
-          a.find(void 0, void 0, (l) => l.id === n.id)
-        ));
-        return a;
-      }
-    },
-    props: {
-      decorations(t) {
-        return d.getState(t) ?? E.empty;
-      }
-    }
-  });
-}
-function F(e, o) {
-  const r = d.getState(e);
-  if (!r)
-    return null;
-  const t = r.find(void 0, void 0, (i) => i.id === o);
-  return t.length > 0 ? t[0]?.from ?? null : null;
-}
-function x(e, o) {
-  const r = o.maxFileSize ?? _, t = o.allowedTypes ?? P;
-  if (!t.includes(e.type))
-    return {
-      type: "invalid_type",
-      message: `File type "${e.type}" is not allowed. Allowed types: ${t.join(", ")}`,
-      file: e
-    };
-  if (e.size > r) {
-    const i = (r / 1048576).toFixed(1);
-    return {
-      type: "file_too_large",
-      message: `File size (${(e.size / (1024 * 1024)).toFixed(1)}MB) exceeds maximum allowed size (${i}MB)`,
-      file: e
-    };
-  }
-  return null;
-}
-function v(e) {
-  const { onUpload: o, maxFileSize: r, allowedTypes: t, onValidationError: i, onUploadError: a } = e;
-  return (s, n, l) => {
-    const g = x(s, {
-      ...r !== void 0 && { maxFileSize: r },
-      ...t !== void 0 && { allowedTypes: t }
-    });
-    if (g) {
-      i?.(g);
-      return;
-    }
-    const p = {}, c = new FileReader();
-    c.readAsDataURL(s), c.onload = () => {
-      if (typeof c.result != "string") return;
-      const u = c.result, m = n.state.tr;
-      m.selection.empty || m.deleteSelection(), m.setMeta(d, {
-        type: "add",
-        id: p,
-        pos: l,
-        previewSrc: u
-      }), n.dispatch(m), o(s).then((f) => {
-        const y = F(n.state, p);
-        if (y === null)
-          return;
-        const { schema: h } = n.state, z = h.nodes.image?.create({ src: f });
-        if (!z) {
-          console.warn("Image node type not found in schema");
-          return;
-        }
-        const I = n.state.tr.replaceWith(y, y, z).setMeta(d, {
-          type: "remove",
-          id: p
-        });
-        n.dispatch(I);
-      }).catch((f) => {
-        if (a?.(f, s), F(n.state, p) !== null) {
-          const h = n.state.tr.setMeta(d, {
-            type: "remove",
-            id: p
-          });
-          n.dispatch(h);
-        }
-      });
-    };
-  };
-}
-function b(e, o, r) {
-  const t = o.clipboardData?.files;
-  if (!t || t.length === 0)
-    return !1;
-  const i = Array.from(t).filter((s) => s.type.startsWith("image/"));
-  if (i.length === 0)
-    return !1;
-  o.preventDefault();
-  const a = e.state.selection.from;
-  for (const s of i)
-    r(s, e, a);
-  return !0;
-}
-function B(e, o, r, t) {
-  if (r)
-    return !1;
-  const i = o.dataTransfer?.files;
-  if (!i || i.length === 0)
-    return !1;
-  const a = Array.from(i).filter((l) => l.type.startsWith("image/"));
-  if (a.length === 0)
-    return !1;
-  o.preventDefault();
-  const n = e.posAtCoords({
-    left: o.clientX,
-    top: o.clientY
-  })?.pos ?? e.state.selection.from;
-  for (const l of a)
-    t(l, e, n);
-  return !0;
-}
-function C() {
-  return d;
+function g(i, e) {
+  if (!e || e.length === 0)
+    return [{ text: i, highlight: !1 }];
+  const t = [];
+  let l = 0;
+  for (const [h, s] of e)
+    h > l && t.push({ text: i.slice(l, h), highlight: !1 }), t.push({ text: i.slice(h, s + 1), highlight: !0 }), l = s + 1;
+  return l < i.length && t.push({ text: i.slice(l), highlight: !1 }), t;
 }
 export {
-  T as createVizelImageUploadPlugin,
-  v as createVizelImageUploader,
-  C as getVizelImageUploadPluginKey,
-  B as handleVizelImageDrop,
-  b as handleVizelImagePaste,
-  x as validateVizelImageFile
+  g as splitVizelTextByMatches
 };