@vizel/core 0.0.1-alpha.6 → 1.0.0

package/dist/index25.js

@@ -1,56 +1,15 @@
-import { Editor as E } from "@tiptap/core";
-import { createVizelExtensions as w } from "./index3.js";
-import { resolveVizelFeatures as D, vizelDefaultEditorProps as V } from "./index26.js";
-import { initializeVizelMarkdownContent as F } from "./index27.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
-  };
+function s(t) {
+  return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(t);
+}
+function a(t) {
+  const e = t.trim(), r = e.startsWith("#") ? e : `#${e}`;
+  if (r.length === 4) {
+    const [, o, i, n] = r;
+    return `#${o}${o}${i}${i}${n}${n}`.toUpperCase();
+  }
+  return r.toUpperCase();
 }
 export {
-  y as createVizelEditorInstance
+  s as isVizelValidHexColor,
+  a as normalizeVizelHexColor
 };

package/dist/index26.js

@@ -1,140 +1,53 @@
-import "@tiptap/core";
-import "./index42.js";
-import "@tiptap/extension-image";
-import { createVizelImageUploader as p } from "./index31.js";
-import "./index12.js";
-function V(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 { Editor as C } from "@tiptap/core";
+import { createVizelExtensions as D } from "./index3.js";
+import { resolveVizelFeatures as V, vizelDefaultEditorProps as y } from "./index27.js";
+import { initializeVizelMarkdownContent as F } from "./index28.js";
+async function I(f) {
+  const {
+    initialContent: o,
+    initialMarkdown: t,
+    transformDiagramsOnImport: p = !0,
+    placeholder: n,
+    editable: v = !0,
+    autofocus: z = !1,
+    features: e,
+    extensions: x = [],
+    createSlashMenuRenderer: E,
+    onUpdate: i,
+    onCreate: r,
+    onDestroy: a,
+    onSelectionUpdate: s,
+    onFocus: d,
+    onBlur: l
+  } = f, c = V({
+    ...e !== void 0 && { features: e },
+    createSlashMenuRenderer: E
+  }), g = typeof e?.image == "object" ? e.image : {}, m = t ? (u) => {
+    F(u.editor, t, {
+      transformDiagrams: p
+    }), r?.(u);
+  } : r, w = await D({
+    ...n !== void 0 && { placeholder: n },
+    ...c !== void 0 && { features: c }
+  });
+  return {
+    editor: new C({
+      extensions: [...w, ...x],
+      // Only set initialContent if initialMarkdown is not provided
+      ...!t && o !== void 0 && { content: o },
+      editable: v,
+      autofocus: z,
+      editorProps: y,
+      ...i && { onUpdate: i },
+      ...m && { onCreate: m },
+      ...a && { onDestroy: a },
+      ...s && { onSelectionUpdate: s },
+      ...d && { onFocus: d },
+      ...l && { onBlur: l }
+    }),
+    imageOptions: g
   };
 }
-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 w(e) {
-  const t = g(e);
-  return document.addEventListener(u, t), () => {
-    document.removeEventListener(u, t);
-  };
-}
-const F = {
-  attributes: {
-    class: "vizel-editor"
-  }
-};
-function h(e) {
-  return "characterCount" in e && typeof e.characterCount == "object" && e.characterCount !== null && "characters" in e.characterCount && "words" in e.characterCount;
-}
-function A(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
-  };
-}
-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 S(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
-      });
-    }
-  }), 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,
-  S as convertVizelCodeBlocksToDiagrams,
-  g as createVizelUploadEventHandler,
-  A as getVizelEditorState,
-  w as registerVizelUploadEventHandler,
-  V as resolveVizelFeatures,
-  E as transformVizelDiagramCodeBlocks,
-  F as vizelDefaultEditorProps
+  I as createVizelEditorInstance
 };

package/dist/index27.js

@@ -1,69 +1,142 @@
-import { transformVizelDiagramCodeBlocks as c, convertVizelCodeBlocksToDiagrams as d } from "./index26.js";
-const m = 300;
-function u(n) {
-  return typeof n.getMarkdown == "function";
+import "@tiptap/core";
+import "./index41.js";
+import "@tiptap/extension-image";
+import { createVizelImageUploader as p } from "./index32.js";
+import "./index12.js";
+function V(e) {
+  const { features: t, createSlashMenuRenderer: o } = e;
+  if (!t)
+    return {
+      slashCommand: {
+        suggestion: o()
+      }
+    };
+  if (t.slashCommand === !1)
+    return t;
+  const a = typeof t.slashCommand == "object" ? t.slashCommand : {};
+  return a.suggestion ? t : {
+    ...t,
+    slashCommand: {
+      ...a,
+      suggestion: o()
+    }
+  };
 }
-function s(n) {
-  return n ? u(n) ? n.getMarkdown() : (console.warn(
-    "[Vizel] Markdown extension is not enabled. Enable it via features.markdown option."
-  ), "") : "";
+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 o = e.getEditor();
+    if (!o || !f(t)) return;
+    const { file: a } = t.detail, n = o.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
+      }
+    })(a, o.view, n);
+  };
+}
+const u = "vizel:upload-image";
+function w(e) {
+  const t = g(e);
+  return document.addEventListener(u, t), () => {
+    document.removeEventListener(u, t);
+  };
 }
-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;
+const F = {
+  attributes: {
+    class: "vizel-editor"
   }
-  n.commands.setContent(r, { contentType: "markdown" }), t && d(n);
+};
+function h(e) {
+  if (typeof e != "object" || e === null || !("characterCount" in e)) return !1;
+  const t = e.characterCount;
+  return typeof t == "object" && t !== null && "characters" in t && typeof t.characters == "function" && "words" in t && typeof t.words == "function";
 }
-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 A(e) {
+  if (!e)
+    return {
+      isFocused: !1,
+      isEmpty: !0,
+      canUndo: !1,
+      canRedo: !1,
+      characterCount: 0,
+      wordCount: 0
+    };
+  let t = 0, o = 0;
+  const a = e.storage;
+  return h(a) && (t = a.characterCount.characters(), o = a.characterCount.words()), {
+    isFocused: e.isFocused,
+    isEmpty: e.isEmpty,
+    canUndo: e.can().undo(),
+    canRedo: e.can().redo(),
+    characterCount: t,
+    wordCount: o
+  };
 }
-function z(n, r, a = {}) {
-  const { transformDiagrams: t = !0 } = a;
-  f(n, r, { transformDiagrams: t });
+const d = {
+  mermaid: "mermaid",
+  dot: "graphviz",
+  graphviz: "graphviz"
+};
+function y(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((a) => a.text || "").join("").trim() || "",
+      type: d[t]
+    }
+  } : e.content && Array.isArray(e.content) ? {
+    ...e,
+    content: e.content.map(y)
+  } : e;
 }
-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);
+function S(e) {
+  const t = e.schema.nodes.diagram;
+  if (!t) return;
+  const o = [];
+  if (e.state.doc.descendants((n, r) => {
+    if (n.type.name === "codeBlock") {
+      const c = n.attrs.language, i = c ? d[c] : void 0;
+      i && o.push({
+        from: r,
+        to: r + n.nodeSize,
+        code: n.textContent.trim(),
+        type: i
+      });
     }
-  };
+  }), o.length === 0) return;
+  let { tr: a } = e.state;
+  for (let n = o.length - 1; n >= 0; n--) {
+    const r = o[n];
+    if (!r) continue;
+    const { from: c, to: i, code: l, type: s } = r, m = t.create({
+      code: l,
+      type: s
+    });
+    a = a.replaceWith(c, i, m);
+  }
+  e.view.dispatch(a);
 }
 export {
-  m as VIZEL_DEFAULT_MARKDOWN_DEBOUNCE_MS,
-  V as createVizelMarkdownSyncHandlers,
-  s as getVizelMarkdown,
-  z as initializeVizelMarkdownContent,
-  g as parseVizelMarkdown,
-  f as setVizelMarkdown
+  u as VIZEL_UPLOAD_IMAGE_EVENT,
+  S as convertVizelCodeBlocksToDiagrams,
+  g as createVizelUploadEventHandler,
+  A as getVizelEditorState,
+  w as registerVizelUploadEventHandler,
+  V as resolveVizelFeatures,
+  y as transformVizelDiagramCodeBlocks,
+  F as vizelDefaultEditorProps
 };

package/dist/index28.js

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

package/dist/index29.js

@@ -1,26 +1,40 @@
-const r = "50";
+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() {
-  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();
-    }
-  };
+  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 d(e) {
-  return e.key === "Escape";
+function s(e) {
+  e.parentNode && e.parentNode.removeChild(e);
 }
 export {
-  r as VIZEL_SUGGESTION_Z_INDEX,
-  c as createVizelSuggestionContainer,
-  d as handleVizelSuggestionEscape
+  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
 };