@vizel/core 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/index11.js

@@ -1,174 +1,141 @@
-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 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 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 "./index5.js";
-import { createVizelCodeBlockExtension as a } from "./index6.js";
-import { createVizelDetailsExtensions as L } from "./index8.js";
-import { createVizelDiagramExtension as v } from "./index9.js";
-import { createVizelDragHandleExtensions as w } from "./index10.js";
-import { createVizelEmbedExtension as H } from "./index7.js";
-import { vizelDefaultBase64Upload as T, createVizelImageUploadExtensions as D, defaultImageResizeOptions as S } from "./index13.js";
-import { createVizelLinkExtension as U } from "./index15.js";
-import { createVizelMarkdownExtension as I } from "./index16.js";
-import { createVizelMathematicsExtensions as M } from "./index17.js";
-import { VizelSlashCommand as F } from "./index24.js";
-import { createVizelTableExtensions as P } from "./index18.js";
-import { createVizelTaskListExtensions as R } from "./index19.js";
-import { createVizelTextColorExtensions as q } from "./index4.js";
-import { defaultSlashCommands as G } from "./index20.js";
-function K(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
-    m,
-    d,
-    g,
-    V,
-    j,
-    // Functionality
-    p.configure({ color: "#3b82f6", width: 2 }),
-    f,
-    x,
-    k
-  ];
-}
-function N(e, o) {
-  if (o.slashCommand === !1) return;
-  const t = typeof o.slashCommand == "object" ? o.slashCommand : {}, i = t.items ?? G;
-  e.push(
-    F.configure({
-      items: i,
-      ...t.suggestion !== void 0 && {
-        suggestion: t.suggestion
-      }
-    })
-  );
-}
-function _(e, o) {
-  if (o.image === !1) return;
-  const t = typeof o.image == "object" ? o.image : {}, i = t.onUpload ?? T, n = t.resize !== !1;
-  e.push(
-    ...D({
-      upload: {
-        onUpload: i,
-        ...t.maxFileSize !== void 0 && { maxFileSize: t.maxFileSize },
-        ...t.allowedTypes !== void 0 && { allowedTypes: t.allowedTypes },
-        ...t.onValidationError !== void 0 && {
-          onValidationError: t.onValidationError
-        },
-        ...t.onUploadError !== void 0 && {
-          onUploadError: t.onUploadError
-        }
-      },
-      resize: n ? S : !1
-    })
-  );
-}
-function A(e, o) {
-  if (o.markdown === !1) return;
-  const t = typeof o.markdown == "object" ? o.markdown : {};
-  e.push(I(t));
-}
-function J(e, o) {
-  if (o.taskList === !1) return;
-  const t = typeof o.taskList == "object" ? o.taskList : {};
-  e.push(...R(t));
-}
-function Q(e, o) {
-  if (o.characterCount === !1) return;
-  const t = typeof o.characterCount == "object" ? o.characterCount : {};
-  e.push(B(t));
-}
-function W(e, o) {
-  if (o.textColor === !1) return;
-  const t = typeof o.textColor == "object" ? o.textColor : {};
-  e.push(...q(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());
-}
-function Y(e, o) {
-  if (o.mathematics === !1) return;
-  const t = typeof o.mathematics == "object" ? o.mathematics : {};
-  e.push(...M(t));
-}
-function Z(e, o) {
-  if (o.dragHandle === !1) return;
-  const t = typeof o.dragHandle == "object" ? o.dragHandle : {};
-  e.push(...w(t));
-}
-function $(e, o) {
-  if (o.details === !1) return;
-  const t = typeof o.details == "object" ? o.details : {};
-  e.push(...L(t));
+import { Extension as p } from "@tiptap/core";
+import { FileHandler as V } from "./index37.js";
+import W from "@tiptap/extension-image";
+import { default as k } from "@tiptap/extension-image";
+import { Plugin as U } from "./index42.js";
+import { createVizelImageUploader as M, createVizelImageUploadPlugin as v, handleVizelImageDrop as T, handleVizelImagePaste as y, validateVizelImageFile as E } from "./index31.js";
+import { getVizelImageUploadPluginKey as C } from "./index31.js";
+import { VizelResizableImage as P } from "./index12.js";
+const j = {
+  enabled: !0,
+  minWidth: 100,
+  minHeight: 100
+};
+function O(e) {
+  return new Promise((t, a) => {
+    const i = new FileReader();
+    i.onload = () => {
+      typeof i.result == "string" && t(i.result);
+    }, i.onerror = () => a(new Error("Failed to read file")), i.readAsDataURL(e);
+  });
 }
-function oo(e, o) {
-  if (o.embed === !1) return;
-  const t = typeof o.embed == "object" ? o.embed : {};
-  e.push(H(t));
+function w(e = {}) {
+  return W.configure({
+    inline: e.inline ?? !1,
+    allowBase64: e.allowBase64 ?? !0,
+    HTMLAttributes: {
+      class: "vizel-image",
+      ...e.HTMLAttributes
+    }
+  });
 }
-function to(e, o) {
-  if (o.diagram === !1) return;
-  const t = typeof o.diagram == "object" ? o.diagram : {};
-  e.push(v(t));
+function K(e) {
+  const t = M(e.upload), a = e.resize !== !1, i = typeof e.resize == "object" ? e.resize : {}, d = a ? P.configure({
+    inline: e.inline ?? !1,
+    allowBase64: e.allowBase64 ?? !0,
+    minWidth: i.minWidth ?? 100,
+    minHeight: i.minHeight ?? 100,
+    ...i.maxWidth !== void 0 && { maxWidth: i.maxWidth },
+    HTMLAttributes: {
+      class: "vizel-image",
+      ...e.HTMLAttributes
+    }
+  }) : w(e), c = p.create({
+    name: "imageUpload",
+    addProseMirrorPlugins() {
+      return [v(e.upload)];
+    }
+  }), g = p.create({
+    name: "imageDropPaste",
+    addProseMirrorPlugins() {
+      return [
+        new U({
+          props: {
+            handlePaste: (r, o) => y(r, o, t),
+            handleDrop: (r, o, z, u) => T(r, o, u, t)
+          }
+        })
+      ];
+    }
+  });
+  return [d, c, g];
 }
-function Fo(e = {}) {
-  const {
-    placeholder: o = "Type '/' for commands...",
-    headingLevels: t = [1, 2, 3],
-    features: i = {}
-  } = e, n = [
-    ...K({ headingLevels: t }),
-    C.configure({
-      placeholder: o,
-      emptyEditorClass: "vizel-editor-empty",
-      emptyNodeClass: "vizel-node-empty"
-    })
-  ];
-  if (N(n, i), i.table !== !1) {
-    const r = typeof i.table == "object" ? i.table : {};
-    n.push(...P(r));
-  }
-  if (i.link !== !1) {
-    const r = typeof i.link == "object" ? i.link : {};
-    n.push(U(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;
+function N(e) {
+  const { onUpload: t, maxFileSize: a, allowedTypes: i, onValidationError: d, onUploadError: c } = e.upload, g = e.resize !== !1, r = typeof e.resize == "object" ? e.resize : {}, o = g ? P.configure({
+    inline: e.inline ?? !1,
+    allowBase64: e.allowBase64 ?? !0,
+    minWidth: r.minWidth ?? 100,
+    minHeight: r.minHeight ?? 100,
+    ...r.maxWidth !== void 0 && { maxWidth: r.maxWidth },
+    HTMLAttributes: {
+      class: "vizel-image",
+      ...e.HTMLAttributes
+    }
+  }) : w(e), z = p.create({
+    name: "imageUpload",
+    addProseMirrorPlugins() {
+      return [v(e.upload)];
+    }
+  }), u = i ?? [
+    "image/jpeg",
+    "image/png",
+    "image/gif",
+    "image/webp",
+    "image/svg+xml"
+  ], H = V.configure({
+    allowedMimeTypes: u,
+    onPaste: (s, f) => {
+      for (const m of f) {
+        const n = E(m, {
+          ...a !== void 0 && { maxFileSize: a },
+          ...i !== void 0 && { allowedTypes: i }
+        });
+        if (n) {
+          d?.(n);
+          continue;
+        }
+        t(m).then((l) => {
+          s.chain().focus().setImage({ src: l }).run();
+        }).catch((l) => {
+          c?.(l, m);
+        });
+      }
+    },
+    onDrop: (s, f, m) => {
+      for (const n of f) {
+        const l = E(n, {
+          ...a !== void 0 && { maxFileSize: a },
+          ...i !== void 0 && { allowedTypes: i }
+        });
+        if (l) {
+          d?.(l);
+          continue;
+        }
+        t(n).then((h) => {
+          const { schema: I } = s.state, x = I.nodes.image?.create({ src: h });
+          if (x) {
+            const b = s.state.tr.insert(m, x);
+            s.view.dispatch(b);
+          }
+        }).catch((h) => {
+          c?.(h, n);
+        });
+      }
+    }
+  });
+  return [o, z, H];
 }
 export {
-  Fo as createVizelExtensions
+  k as VizelImage,
+  w as createVizelImageExtension,
+  K as createVizelImageUploadExtensions,
+  v as createVizelImageUploadPlugin,
+  N as createVizelImageUploadWithFileHandler,
+  M as createVizelImageUploader,
+  j as defaultImageResizeOptions,
+  C as getVizelImageUploadPluginKey,
+  T as handleVizelImageDrop,
+  y as handleVizelImagePaste,
+  E as validateVizelImageFile,
+  O as vizelDefaultBase64Upload
 };

package/dist/index12.js

@@ -1,78 +1,87 @@
-import { FileHandler as d } from "./index42.js";
-const g = [
-  "image/jpeg",
-  "image/png",
-  "image/gif",
-  "image/webp",
-  "image/svg+xml"
-], m = 20 * 1024 * 1024;
-function c(l, r) {
-  return l.filter((i) => r.includes(i.type) ? !0 : r.some((t) => {
-    if (t.endsWith("/*")) {
-      const n = t.slice(0, -2);
-      return i.type.startsWith(`${n}/`);
-    }
-    return !1;
-  }));
-}
-function p(l = {}) {
-  const { allowedMimeTypes: r = g, onPaste: i, onDrop: a, onError: t } = l;
-  return d.configure({
-    allowedMimeTypes: r,
-    onPaste: (n, e, o) => {
-      if (e.length === 0)
-        return;
-      const s = c(e, r);
-      if (s.length === 0) {
-        t?.({
-          type: "invalid_mime_type",
-          message: `No files with allowed MIME types. Allowed: ${r.join(", ")}`,
-          files: e
-        });
-        return;
+import x from "@tiptap/extension-image";
+const T = x.extend({
+  name: "image",
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      minWidth: 100,
+      minHeight: 100,
+      inline: !1,
+      allowBase64: !0,
+      HTMLAttributes: {
+        class: "vizel-image"
       }
-      i?.(n, s, o);
-    },
-    onDrop: (n, e, o) => {
-      if (e.length === 0)
-        return;
-      const s = c(e, r);
-      if (s.length === 0) {
-        t?.({
-          type: "invalid_mime_type",
-          message: `No files with allowed MIME types. Allowed: ${r.join(", ")}`,
-          files: e
-        });
-        return;
+    };
+  },
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      width: {
+        default: null,
+        parseHTML: (n) => {
+          const s = n.getAttribute("width") || n.style.width;
+          return s ? Number.parseInt(s, 10) : null;
+        },
+        renderHTML: (n) => n.width ? { width: n.width } : {}
+      },
+      height: {
+        default: null,
+        parseHTML: (n) => {
+          const s = n.getAttribute("height") || n.style.height;
+          return s ? Number.parseInt(s, 10) : null;
+        },
+        renderHTML: (n) => n.height ? { height: n.height } : {}
       }
-      a?.(n, s, o);
-    }
-  });
-}
-function f(l) {
-  const { onUpload: r, onUploadError: i } = l, a = async (t, n) => {
-    for (const e of n)
-      try {
-        const o = await r(e);
-        t.chain().focus().setImage({ src: o }).run();
-      } catch (o) {
-        i?.(o instanceof Error ? o : new Error(String(o)), e);
-      }
-  };
-  return {
-    onPaste: (t, n, e) => {
-      a(t, n);
-    },
-    onDrop: (t, n, e) => {
-      a(t, n);
-    }
-  };
-}
+    };
+  },
+  addNodeView() {
+    return ({ node: n, editor: s, getPos: m }) => {
+      const { minWidth: b = 100, maxWidth: E } = this.options, r = document.createElement("div");
+      r.setAttribute("data-resize-wrapper", "true");
+      const t = document.createElement("img");
+      t.src = n.attrs.src, t.alt = n.attrs.alt || "", t.title = n.attrs.title || "", t.className = "vizel-image", t.draggable = !1, n.attrs.width && (t.style.width = `${n.attrs.width}px`, t.style.height = "auto"), r.appendChild(t);
+      const i = document.createElement("div");
+      i.setAttribute("data-resize-handle", "left"), i.contentEditable = "false", i.style.position = "absolute", i.style.left = "4px", i.style.top = "50%", i.style.transform = "translateY(-50%)";
+      const o = document.createElement("div");
+      o.setAttribute("data-resize-handle", "right"), o.contentEditable = "false", o.style.position = "absolute", o.style.right = "4px", o.style.top = "50%", o.style.transform = "translateY(-50%)";
+      const l = document.createElement("div");
+      l.setAttribute("data-resize-tooltip", "true"), l.style.position = "absolute", l.style.display = "none", r.appendChild(i), r.appendChild(o), r.appendChild(l);
+      let u = 0, p = 0, d = !1, f = "right";
+      const g = (e, a) => {
+        l.textContent = `${Math.round(e)} × ${Math.round(a)}`;
+      }, M = () => {
+        l.style.display = "block", g(t.offsetWidth, t.offsetHeight);
+      }, L = () => {
+        l.style.display = "none";
+      }, y = (e, a) => {
+        e.preventDefault(), e.stopPropagation(), s.isEditable && (d = !0, f = a, u = e.clientX, p = t.offsetWidth, M(), document.addEventListener("mousemove", h), document.addEventListener("mouseup", c), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none");
+      }, h = (e) => {
+        if (!d) return;
+        const a = f === "right" ? e.clientX - u : u - e.clientX, W = r.parentElement?.clientWidth ?? Number.POSITIVE_INFINITY, z = Math.min(E ?? W, Math.max(b, p + a));
+        t.style.width = `${z}px`, t.style.height = "auto", g(t.offsetWidth, t.offsetHeight);
+      }, c = () => {
+        if (!d) return;
+        if (d = !1, L(), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", c), document.body.style.cursor = "", document.body.style.userSelect = "", (typeof m == "function" ? m() : null) != null && s.isEditable) {
+          const a = Math.round(t.offsetWidth);
+          s.commands.updateAttributes("image", {
+            width: a,
+            height: null
+            // Clear height to use auto
+          });
+        }
+      }, w = (e) => y(e, "left"), v = (e) => y(e, "right");
+      return i.addEventListener("mousedown", w), o.addEventListener("mousedown", v), {
+        dom: r,
+        contentDOM: null,
+        update: (e) => e.type.name !== "image" ? !1 : (t.src = e.attrs.src, t.alt = e.attrs.alt || "", t.title = e.attrs.title || "", e.attrs.width ? (t.style.width = `${e.attrs.width}px`, t.style.height = "auto") : (t.style.width = "", t.style.height = ""), !0),
+        destroy: () => {
+          i.removeEventListener("mousedown", w), o.removeEventListener("mousedown", v), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", c);
+        }
+      };
+    };
+  }
+});
 export {
-  d as FileHandler,
-  g as VIZEL_DEFAULT_FILE_MIME_TYPES,
-  m as VIZEL_DEFAULT_IMAGE_MAX_FILE_SIZE,
-  p as createVizelFileHandlerExtension,
-  f as createVizelImageFileHandlers,
-  c as filterVizelFilesByMimeType
+  T as VizelImageResize,
+  T as VizelResizableImage
 };

package/dist/index13.js

@@ -1,141 +1,20 @@
-import { Extension as p } from "@tiptap/core";
-import { FileHandler as V } from "./index42.js";
-import W from "@tiptap/extension-image";
-import { default as k } from "@tiptap/extension-image";
-import { Plugin as U } from "./index41.js";
-import { createVizelImageUploader as M, createVizelImageUploadPlugin as v, handleVizelImageDrop as T, handleVizelImagePaste as y, validateVizelImageFile as E } from "./index14.js";
-import { getVizelImageUploadPluginKey as C } from "./index14.js";
-import { VizelResizableImage as P } from "./index23.js";
-const j = {
-  enabled: !0,
-  minWidth: 100,
-  minHeight: 100
-};
-function O(e) {
-  return new Promise((t, a) => {
-    const i = new FileReader();
-    i.onload = () => {
-      typeof i.result == "string" && t(i.result);
-    }, i.onerror = () => a(new Error("Failed to read file")), i.readAsDataURL(e);
-  });
-}
-function w(e = {}) {
-  return W.configure({
-    inline: e.inline ?? !1,
-    allowBase64: e.allowBase64 ?? !0,
+import t from "@tiptap/extension-link";
+import { default as i } from "@tiptap/extension-link";
+function n(e = {}) {
+  return t.configure({
+    openOnClick: e.openOnClick ?? !0,
+    autolink: e.autolink ?? !0,
+    linkOnPaste: e.linkOnPaste ?? !0,
+    defaultProtocol: e.defaultProtocol ?? "https",
     HTMLAttributes: {
-      class: "vizel-image",
+      class: "vizel-link",
+      rel: "noopener noreferrer nofollow",
+      target: "_blank",
       ...e.HTMLAttributes
     }
   });
 }
-function K(e) {
-  const t = M(e.upload), a = e.resize !== !1, i = typeof e.resize == "object" ? e.resize : {}, d = a ? P.configure({
-    inline: e.inline ?? !1,
-    allowBase64: e.allowBase64 ?? !0,
-    minWidth: i.minWidth ?? 100,
-    minHeight: i.minHeight ?? 100,
-    ...i.maxWidth !== void 0 && { maxWidth: i.maxWidth },
-    HTMLAttributes: {
-      class: "vizel-image",
-      ...e.HTMLAttributes
-    }
-  }) : w(e), c = p.create({
-    name: "imageUpload",
-    addProseMirrorPlugins() {
-      return [v(e.upload)];
-    }
-  }), g = p.create({
-    name: "imageDropPaste",
-    addProseMirrorPlugins() {
-      return [
-        new U({
-          props: {
-            handlePaste: (r, o) => y(r, o, t),
-            handleDrop: (r, o, z, u) => T(r, o, u, t)
-          }
-        })
-      ];
-    }
-  });
-  return [d, c, g];
-}
-function N(e) {
-  const { onUpload: t, maxFileSize: a, allowedTypes: i, onValidationError: d, onUploadError: c } = e.upload, g = e.resize !== !1, r = typeof e.resize == "object" ? e.resize : {}, o = g ? P.configure({
-    inline: e.inline ?? !1,
-    allowBase64: e.allowBase64 ?? !0,
-    minWidth: r.minWidth ?? 100,
-    minHeight: r.minHeight ?? 100,
-    ...r.maxWidth !== void 0 && { maxWidth: r.maxWidth },
-    HTMLAttributes: {
-      class: "vizel-image",
-      ...e.HTMLAttributes
-    }
-  }) : w(e), z = p.create({
-    name: "imageUpload",
-    addProseMirrorPlugins() {
-      return [v(e.upload)];
-    }
-  }), u = i ?? [
-    "image/jpeg",
-    "image/png",
-    "image/gif",
-    "image/webp",
-    "image/svg+xml"
-  ], H = V.configure({
-    allowedMimeTypes: u,
-    onPaste: (s, f) => {
-      for (const m of f) {
-        const n = E(m, {
-          ...a !== void 0 && { maxFileSize: a },
-          ...i !== void 0 && { allowedTypes: i }
-        });
-        if (n) {
-          d?.(n);
-          continue;
-        }
-        t(m).then((l) => {
-          s.chain().focus().setImage({ src: l }).run();
-        }).catch((l) => {
-          c?.(l, m);
-        });
-      }
-    },
-    onDrop: (s, f, m) => {
-      for (const n of f) {
-        const l = E(n, {
-          ...a !== void 0 && { maxFileSize: a },
-          ...i !== void 0 && { allowedTypes: i }
-        });
-        if (l) {
-          d?.(l);
-          continue;
-        }
-        t(n).then((h) => {
-          const { schema: I } = s.state, x = I.nodes.image?.create({ src: h });
-          if (x) {
-            const b = s.state.tr.insert(m, x);
-            s.view.dispatch(b);
-          }
-        }).catch((h) => {
-          c?.(h, n);
-        });
-      }
-    }
-  });
-  return [o, z, H];
-}
 export {
-  k as VizelImage,
-  w as createVizelImageExtension,
-  K as createVizelImageUploadExtensions,
-  v as createVizelImageUploadPlugin,
-  N as createVizelImageUploadWithFileHandler,
-  M as createVizelImageUploader,
-  j as defaultImageResizeOptions,
-  C as getVizelImageUploadPluginKey,
-  T as handleVizelImageDrop,
-  y as handleVizelImagePaste,
-  E as validateVizelImageFile,
-  O as vizelDefaultBase64Upload
+  i as Link,
+  n as createVizelLinkExtension
 };