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

package/dist/index27.js

@@ -1,136 +1,69 @@
-import { createVizelImageUploader as p } from "./index14.js";
-function y(e) {
-  const { features: t, createSlashMenuRenderer: a } = e;
-  if (!t)
-    return {
-      slashCommand: {
-        suggestion: a()
-      }
-    };
-  if (t.slashCommand === !1)
-    return t;
-  const o = typeof t.slashCommand == "object" ? t.slashCommand : {};
-  return o.suggestion ? t : {
-    ...t,
-    slashCommand: {
-      ...o,
-      suggestion: a()
-    }
-  };
+import { transformVizelDiagramCodeBlocks as c, convertVizelCodeBlocksToDiagrams as d } from "./index26.js";
+const m = 300;
+function u(n) {
+  return typeof n.getMarkdown == "function";
 }
-const f = (e) => e instanceof CustomEvent && typeof e.detail == "object" && e.detail !== null && "file" in e.detail && "editor" in e.detail;
-function g(e) {
-  return (t) => {
-    const a = e.getEditor();
-    if (!a || !f(t)) return;
-    const { file: o } = t.detail, n = a.state.selection.from, r = e.getImageOptions();
-    p({
-      onUpload: r.onUpload ?? ((i) => new Promise((l) => {
-        const s = new FileReader();
-        s.onload = () => {
-          typeof s.result == "string" && l(s.result);
-        }, s.readAsDataURL(i);
-      })),
-      ...r.maxFileSize !== void 0 && { maxFileSize: r.maxFileSize },
-      ...r.allowedTypes !== void 0 && { allowedTypes: r.allowedTypes },
-      ...r.onValidationError !== void 0 && {
-        onValidationError: r.onValidationError
-      },
-      ...r.onUploadError !== void 0 && {
-        onUploadError: r.onUploadError
-      }
-    })(o, a.view, n);
-  };
-}
-const u = "vizel:upload-image";
-function z(e) {
-  const t = g(e);
-  return document.addEventListener(u, t), () => {
-    document.removeEventListener(u, t);
-  };
+function s(n) {
+  return n ? u(n) ? n.getMarkdown() : (console.warn(
+    "[Vizel] Markdown extension is not enabled. Enable it via features.markdown option."
+  ), "") : "";
 }
-const v = {
-  attributes: {
-    class: "vizel-editor"
+function f(n, r, a = {}) {
+  if (!n) return;
+  const { transformDiagrams: t = !0 } = a;
+  if (!u(n)) {
+    console.warn(
+      "[Vizel] Markdown extension is not enabled. Enable it via features.markdown option."
+    );
+    return;
   }
-};
-function h(e) {
-  return "characterCount" in e && typeof e.characterCount == "object" && e.characterCount !== null && "characters" in e.characterCount && "words" in e.characterCount;
+  n.commands.setContent(r, { contentType: "markdown" }), t && d(n);
 }
-function U(e) {
-  if (!e)
-    return {
-      isFocused: !1,
-      isEmpty: !0,
-      canUndo: !1,
-      canRedo: !1,
-      characterCount: 0,
-      wordCount: 0
-    };
-  const t = e.storage;
-  let a = 0, o = 0;
-  return h(t) && (a = t.characterCount.characters(), o = t.characterCount.words()), {
-    isFocused: e.isFocused,
-    isEmpty: e.isEmpty,
-    canUndo: e.can().undo(),
-    canRedo: e.can().redo(),
-    characterCount: a,
-    wordCount: o
-  };
+function g(n, r, a = {}) {
+  if (!n) return null;
+  const { transformDiagrams: t = !0 } = a, o = n.markdown;
+  if (!o?.parse)
+    return console.warn(
+      "[Vizel] Markdown extension is not enabled. Enable it via features.markdown option."
+    ), null;
+  const e = o.parse(r);
+  return t && e?.type ? c(e) : e;
 }
-const d = {
-  mermaid: "mermaid",
-  dot: "graphviz",
-  graphviz: "graphviz"
-};
-function E(e) {
-  if (!e) return e;
-  const t = e.attrs?.language;
-  return e.type === "codeBlock" && t && t in d ? {
-    type: "diagram",
-    attrs: {
-      code: e.content?.map((o) => o.text || "").join("").trim() || "",
-      type: d[t]
-    }
-  } : e.content && Array.isArray(e.content) ? {
-    ...e,
-    content: e.content.map(E)
-  } : e;
+function z(n, r, a = {}) {
+  const { transformDiagrams: t = !0 } = a;
+  f(n, r, { transformDiagrams: t });
 }
-function V(e) {
-  const t = e.schema.nodes.diagram;
-  if (!t) return;
-  const a = [];
-  if (e.state.doc.descendants((n, r) => {
-    if (n.type.name === "codeBlock") {
-      const c = n.attrs.language, i = c ? d[c] : void 0;
-      i && a.push({
-        from: r,
-        to: r + n.nodeSize,
-        code: n.textContent.trim(),
-        type: i
-      });
+function V(n = {}) {
+  const { debounceMs: r = m, transformDiagrams: a = !0 } = n;
+  let t = "", o = !1, e = null;
+  return {
+    handleUpdate: (i) => {
+      if (r === 0) {
+        t = s(i);
+        return;
+      }
+      o = !0, e && clearTimeout(e), e = setTimeout(() => {
+        t = s(i), o = !1, e = null;
+      }, r);
+    },
+    getMarkdown: () => t,
+    setMarkdown: (i, l) => {
+      e && (clearTimeout(e), e = null), o = !1, f(i, l, { transformDiagrams: a }), t = l;
+    },
+    isPending: () => o,
+    flush: (i) => {
+      e && (clearTimeout(e), e = null), t = s(i), o = !1;
+    },
+    destroy: () => {
+      e && (clearTimeout(e), e = null);
     }
-  }), a.length === 0) return;
-  let { tr: o } = e.state;
-  for (let n = a.length - 1; n >= 0; n--) {
-    const r = a[n];
-    if (!r) continue;
-    const { from: c, to: i, code: l, type: s } = r, m = t.create({
-      code: l,
-      type: s
-    });
-    o = o.replaceWith(c, i, m);
-  }
-  e.view.dispatch(o);
+  };
 }
 export {
-  u as VIZEL_UPLOAD_IMAGE_EVENT,
-  V as convertVizelCodeBlocksToDiagrams,
-  g as createVizelUploadEventHandler,
-  U as getVizelEditorState,
-  z as registerVizelUploadEventHandler,
-  y as resolveVizelFeatures,
-  E as transformVizelDiagramCodeBlocks,
-  v as vizelDefaultEditorProps
+  m as VIZEL_DEFAULT_MARKDOWN_DEBOUNCE_MS,
+  V as createVizelMarkdownSyncHandlers,
+  s as getVizelMarkdown,
+  z as initializeVizelMarkdownContent,
+  g as parseVizelMarkdown,
+  f as setVizelMarkdown
 };

package/dist/index28.js

@@ -1,56 +1,40 @@
-import { Editor as E } from "@tiptap/core";
-import { createVizelExtensions as w } from "./index11.js";
-import { resolveVizelFeatures as D, vizelDefaultEditorProps as V } from "./index27.js";
-import { initializeVizelMarkdownContent as F } from "./index29.js";
-function y(f) {
-  const {
-    initialContent: o,
-    initialMarkdown: t,
-    transformDiagramsOnImport: p = !0,
-    placeholder: r,
-    editable: v = !0,
-    autofocus: z = !1,
-    features: e,
-    extensions: g = [],
-    createSlashMenuRenderer: x,
-    onUpdate: n,
-    onCreate: i,
-    onDestroy: a,
-    onSelectionUpdate: s,
-    onFocus: d,
-    onBlur: l
-  } = f, c = D({
-    ...e !== void 0 && { features: e },
-    createSlashMenuRenderer: x
-  }), C = typeof e?.image == "object" ? e.image : {}, m = t ? (u) => {
-    F(u.editor, t, {
-      transformDiagrams: p
-    }), i?.(u);
-  } : i;
-  return {
-    editor: new E({
-      extensions: [
-        ...w({
-          ...r !== void 0 && { placeholder: r },
-          ...c !== void 0 && { features: c }
-        }),
-        ...g
-      ],
-      // Only set initialContent if initialMarkdown is not provided
-      ...!t && o !== void 0 && { content: o },
-      editable: v,
-      autofocus: z,
-      editorProps: V,
-      ...n && { onUpdate: n },
-      ...m && { onCreate: m },
-      ...a && { onDestroy: a },
-      ...s && { onSelectionUpdate: s },
-      ...d && { onFocus: d },
-      ...l && { onBlur: l }
-    }),
-    imageOptions: C
-  };
+const o = "vizel-portal-root", i = {
+  /** Base layer for dropdowns and menus */
+  dropdown: 50,
+  /** Layer for modals and dialogs */
+  modal: 100,
+  /** Layer for tooltips (highest priority) */
+  tooltip: 150
+};
+function a() {
+  let e = document.getElementById(o);
+  return e || (e = document.createElement("div"), e.id = o, e.setAttribute("data-vizel-portal", ""), document.body.appendChild(e)), e;
+}
+function c() {
+  return document.getElementById(o) !== null;
+}
+function u() {
+  const e = document.getElementById(o);
+  e?.parentNode && e.parentNode.removeChild(e);
+}
+function d(e = "dropdown") {
+  const t = document.createElement("div");
+  return t.setAttribute("data-vizel-portal-layer", e), t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.zIndex = String(i[e]), t;
+}
+function m(e, t = {}) {
+  const { layer: r = "dropdown", className: l } = t, n = d(r);
+  return l && (n.className = l), n.appendChild(e), a().appendChild(n), n;
+}
+function s(e) {
+  e.parentNode && e.parentNode.removeChild(e);
 }
 export {
-  y as createVizelEditorInstance
+  o as VIZEL_PORTAL_ID,
+  i as VIZEL_PORTAL_Z_INDEX,
+  d as createVizelPortalElement,
+  a as getVizelPortalContainer,
+  c as hasVizelPortalContainer,
+  m as mountToVizelPortal,
+  u as removeVizelPortalContainer,
+  s as unmountFromVizelPortal
 };

package/dist/index29.js

@@ -1,69 +1,26 @@
-import { transformVizelDiagramCodeBlocks as c, convertVizelCodeBlocksToDiagrams as d } from "./index27.js";
-const m = 300;
-function u(n) {
-  return typeof n.getMarkdown == "function";
-}
-function s(n) {
-  return n ? u(n) ? n.getMarkdown() : (console.warn(
-    "[Vizel] Markdown extension is not enabled. Enable it via features.markdown option."
-  ), "") : "";
-}
-function f(n, r, a = {}) {
-  if (!n) return;
-  const { transformDiagrams: t = !0 } = a;
-  if (!u(n)) {
-    console.warn(
-      "[Vizel] Markdown extension is not enabled. Enable it via features.markdown option."
-    );
-    return;
-  }
-  n.commands.setContent(r, { contentType: "markdown" }), t && d(n);
-}
-function g(n, r, a = {}) {
-  if (!n) return null;
-  const { transformDiagrams: t = !0 } = a, o = n.markdown;
-  if (!o?.parse)
-    return console.warn(
-      "[Vizel] Markdown extension is not enabled. Enable it via features.markdown option."
-    ), null;
-  const e = o.parse(r);
-  return t && e?.type ? c(e) : e;
-}
-function z(n, r, a = {}) {
-  const { transformDiagrams: t = !0 } = a;
-  f(n, r, { transformDiagrams: t });
-}
-function V(n = {}) {
-  const { debounceMs: r = m, transformDiagrams: a = !0 } = n;
-  let t = "", o = !1, e = null;
-  return {
-    handleUpdate: (i) => {
-      if (r === 0) {
-        t = s(i);
-        return;
-      }
-      o = !0, e && clearTimeout(e), e = setTimeout(() => {
-        t = s(i), o = !1, e = null;
-      }, r);
-    },
-    getMarkdown: () => t,
-    setMarkdown: (i, l) => {
-      e && (clearTimeout(e), e = null), o = !1, f(i, l, { transformDiagrams: a }), t = l;
-    },
-    isPending: () => o,
-    flush: (i) => {
-      e && (clearTimeout(e), e = null), t = s(i), o = !1;
+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 && (clearTimeout(e), e = null);
+      e.remove();
     }
   };
 }
+function d(e) {
+  return e.key === "Escape";
+}
 export {
-  m as VIZEL_DEFAULT_MARKDOWN_DEBOUNCE_MS,
-  V as createVizelMarkdownSyncHandlers,
-  s as getVizelMarkdown,
-  z as initializeVizelMarkdownContent,
-  g as parseVizelMarkdown,
-  f as setVizelMarkdown
+  r as VIZEL_SUGGESTION_Z_INDEX,
+  c as createVizelSuggestionContainer,
+  d as handleVizelSuggestionEscape
 };

package/dist/index3.js

@@ -1,69 +1,174 @@
-const a = "system", d = "vizel-theme", i = "data-vizel-theme";
-function c() {
-  return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+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 "./index34.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 = {}) {
+  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 m(t, e) {
-  return t === "system" ? e : t;
+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 s(t) {
-  if (typeof window > "u")
-    return null;
-  try {
-    const e = localStorage.getItem(t);
-    if (e === "light" || e === "dark" || e === "system")
-      return e;
-  } catch {
-  }
-  return null;
+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 u(t, e) {
-  if (!(typeof window > "u"))
-    try {
-      localStorage.setItem(t, e);
-    } catch {
-    }
+function A(e, o) {
+  if (o.markdown === !1) return;
+  const t = typeof o.markdown == "object" ? o.markdown : {};
+  e.push(I(t));
 }
-function l(t, e, n) {
-  if (typeof document > "u")
-    return;
-  const r = e ? document.querySelector(e) : document.documentElement;
-  if (r) {
-    if (n) {
-      const o = document.createElement("style");
-      o.appendChild(
-        document.createTextNode(
-          "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}"
-        )
-      ), document.head.appendChild(o), window.getComputedStyle(document.body), setTimeout(() => {
-        document.head.removeChild(o);
-      }, 1);
-    }
-    r.setAttribute(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 h(t) {
-  if (typeof window > "u")
-    return () => {
-    };
-  const e = window.matchMedia("(prefers-color-scheme: dark)"), n = (r) => {
-    t(r.matches ? "dark" : "light");
-  };
-  return e.addEventListener("change", n), () => {
-    e.removeEventListener("change", n);
-  };
+function Z(e, o) {
+  if (o.dragHandle === !1) return;
+  const t = typeof o.dragHandle == "object" ? o.dragHandle : {};
+  e.push(...w(t));
 }
-function f(t = d) {
-  return `(function(){try{var s=localStorage.getItem('${t}');var d=window.matchMedia('(prefers-color-scheme: dark)').matches;var t=s==='dark'?'dark':s==='light'?'light':d?'dark':'light';document.documentElement.setAttribute('${i}',t)}catch(e){}})()`;
+function $(e, o) {
+  if (o.details === !1) return;
+  const t = typeof o.details == "object" ? o.details : {};
+  e.push(...L(t));
+}
+function oo(e, o) {
+  if (o.embed === !1) return;
+  const t = typeof o.embed == "object" ? o.embed : {};
+  e.push(H(t));
+}
+function to(e, o) {
+  if (o.diagram === !1) return;
+  const t = typeof o.diagram == "object" ? o.diagram : {};
+  e.push(v(t));
+}
+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;
 }
 export {
-  a as VIZEL_DEFAULT_THEME,
-  d as VIZEL_DEFAULT_THEME_STORAGE_KEY,
-  i as VIZEL_THEME_DATA_ATTRIBUTE,
-  l as applyVizelTheme,
-  h as createVizelSystemThemeListener,
-  s as getStoredVizelTheme,
-  c as getVizelSystemTheme,
-  f as getVizelThemeInitScript,
-  m as resolveVizelTheme,
-  u as storeVizelTheme
+  Fo as createVizelExtensions
 };

package/dist/index30.js

@@ -1,40 +1,12 @@
-const o = "vizel-portal-root", i = {
-  /** Base layer for dropdowns and menus */
-  dropdown: 50,
-  /** Layer for modals and dialogs */
-  modal: 100,
-  /** Layer for tooltips (highest priority) */
-  tooltip: 150
-};
-function a() {
-  let e = document.getElementById(o);
-  return e || (e = document.createElement("div"), e.id = o, e.setAttribute("data-vizel-portal", ""), document.body.appendChild(e)), e;
-}
-function c() {
-  return document.getElementById(o) !== null;
-}
-function u() {
-  const e = document.getElementById(o);
-  e?.parentNode && e.parentNode.removeChild(e);
-}
-function d(e = "dropdown") {
-  const t = document.createElement("div");
-  return t.setAttribute("data-vizel-portal-layer", e), t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.zIndex = String(i[e]), t;
-}
-function m(e, t = {}) {
-  const { layer: r = "dropdown", className: l } = t, n = d(r);
-  return l && (n.className = l), n.appendChild(e), a().appendChild(n), n;
-}
-function s(e) {
-  e.parentNode && e.parentNode.removeChild(e);
+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 {
-  o as VIZEL_PORTAL_ID,
-  i as VIZEL_PORTAL_Z_INDEX,
-  d as createVizelPortalElement,
-  a as getVizelPortalContainer,
-  c as hasVizelPortalContainer,
-  m as mountToVizelPortal,
-  u as removeVizelPortalContainer,
-  s as unmountFromVizelPortal
+  g as splitVizelTextByMatches
 };