@vizel/core 0.0.1-alpha.5 → 1.0.0

package/dist/index33.js

@@ -1,95 +1,268 @@
-import { Table as w, TableCell as A, TableHeader as T } from "@tiptap/extension-table";
-function g(t, e) {
-  return t.tokens ? e.parseInline(t.tokens) : t.text ? [e.createTextNode(t.text)] : [];
-}
-function f(t, e) {
-  return t.length > 0 ? [e.createNode("paragraph", void 0, t)] : [e.createNode("paragraph")];
-}
-function x(t, e) {
-  const { header: l, align: r, rows: s } = t, a = l.map((n, i) => {
-    const o = g(n, e), c = r[i] ? { textAlign: r[i] } : void 0;
-    return e.createNode("tableHeader", c, f(o, e));
-  }), d = e.createNode("tableRow", void 0, a), u = s.map((n) => {
-    const i = n.map((o, c) => {
-      const m = g(o, e), p = r[c] ? { textAlign: r[c] } : void 0;
-      return e.createNode("tableCell", p, f(m, e));
-    });
-    return e.createNode("tableRow", void 0, i);
-  });
-  return e.createNode("table", void 0, [d, ...u]);
-}
-function b(t, e) {
-  if (!t.content || t.content.length === 0)
-    return "";
-  const l = t.content, r = l[0];
-  if (!r?.content)
-    return "";
-  const s = r.content.map(
-    (n) => n.attrs?.textAlign || null
-  ), a = l.map((n) => n.content ? `| ${n.content.map((o) => (o.content ? e.renderChildren(o.content, "") : "").replace(/\n/g, " ").trim()).join(" | ")} |` : "|"), u = `| ${s.map((n) => {
-    switch (n) {
-      case "left":
-        return ":---";
-      case "center":
-        return ":---:";
-      case "right":
-        return "---:";
-      default:
-        return "---";
-    }
-  }).join(" | ")} |`;
-  return a.length > 0 ? [a[0], u, ...a.slice(1)].join(`
-`) : a.join(`
-`);
-}
-const C = w.extend({
-  // Register markdown name for token matching
-  name: "table",
-  addStorage() {
-    return {
-      ...this.parent?.(),
-      // Mark this extension as markdown-aware
-      markdown: {
-        parse: x,
-        serialize: b
+import l from "fuse.js";
+const h = [
+  // Text group
+  {
+    title: "Heading 1",
+    description: "Large section heading",
+    icon: "heading1",
+    group: "Text",
+    keywords: ["h1", "title", "header", "big"],
+    shortcut: "⌘⌥1",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setNode("heading", { level: 1 }).run();
+    }
+  },
+  {
+    title: "Heading 2",
+    description: "Medium section heading",
+    icon: "heading2",
+    group: "Text",
+    keywords: ["h2", "subtitle", "header"],
+    shortcut: "⌘⌥2",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setNode("heading", { level: 2 }).run();
+    }
+  },
+  {
+    title: "Heading 3",
+    description: "Small section heading",
+    icon: "heading3",
+    group: "Text",
+    keywords: ["h3", "header", "section"],
+    shortcut: "⌘⌥3",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setNode("heading", { level: 3 }).run();
+    }
+  },
+  // Lists group
+  {
+    title: "Bullet List",
+    description: "Create a simple bullet list",
+    icon: "bulletList",
+    group: "Lists",
+    keywords: ["ul", "unordered", "bullets", "points"],
+    shortcut: "⌘⇧8",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleBulletList().run();
+    }
+  },
+  {
+    title: "Numbered List",
+    description: "Create a numbered list",
+    icon: "orderedList",
+    group: "Lists",
+    keywords: ["ol", "ordered", "numbers", "steps"],
+    shortcut: "⌘⇧7",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleOrderedList().run();
+    }
+  },
+  {
+    title: "Task List",
+    description: "Create a task list with checkboxes",
+    icon: "taskList",
+    group: "Lists",
+    keywords: ["todo", "checkbox", "checklist", "tasks"],
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleTaskList().run();
+    }
+  },
+  // Blocks group
+  {
+    title: "Quote",
+    description: "Capture a quote",
+    icon: "blockquote",
+    group: "Blocks",
+    keywords: ["blockquote", "citation", "cite"],
+    shortcut: "⌘⇧B",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleBlockquote().run();
+    }
+  },
+  {
+    title: "Divider",
+    description: "Insert a horizontal divider",
+    icon: "horizontalRule",
+    group: "Blocks",
+    keywords: ["hr", "horizontal", "line", "separator", "break"],
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setHorizontalRule().run();
+    }
+  },
+  {
+    title: "Details",
+    description: "Collapsible content block",
+    icon: "details",
+    group: "Blocks",
+    keywords: ["accordion", "toggle", "collapse", "expand", "summary", "details"],
+    command: ({ editor: e, range: t }) => {
+      e.can().setDetails?.() && e.chain().focus().deleteRange(t).setDetails().run();
+    }
+  },
+  {
+    title: "Code Block",
+    description: "Insert a code snippet",
+    icon: "codeBlock",
+    group: "Blocks",
+    keywords: ["pre", "code", "programming", "syntax", "snippet"],
+    shortcut: "⌘⌥C",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleCodeBlock().run();
+    }
+  },
+  {
+    title: "Table",
+    description: "Insert a table",
+    icon: "table",
+    group: "Blocks",
+    keywords: ["grid", "spreadsheet", "columns", "rows"],
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run();
+    }
+  },
+  // Media group
+  {
+    title: "Image",
+    description: "Insert an image from URL",
+    icon: "image",
+    group: "Media",
+    keywords: ["picture", "photo", "img", "url"],
+    command: ({ editor: e, range: t }) => {
+      const o = window.prompt("Enter image URL:");
+      o && e.chain().focus().deleteRange(t).setImage({ src: o }).run();
+    }
+  },
+  {
+    title: "Upload Image",
+    description: "Upload an image from your device",
+    icon: "imageUpload",
+    group: "Media",
+    keywords: ["picture", "photo", "upload", "file"],
+    command: ({ editor: e, range: t }) => {
+      try {
+        e.chain().focus().deleteRange(t).run();
+      } catch {
       }
-    };
+      const o = document.createElement("input");
+      o.type = "file", o.accept = "image/*", o.onchange = () => {
+        const i = o.files?.[0];
+        if (i) {
+          const n = new CustomEvent("vizel:upload-image", {
+            detail: { file: i, editor: e }
+          });
+          document.dispatchEvent(n);
+        }
+      }, o.click();
+    }
+  },
+  {
+    title: "Embed",
+    description: "Embed a URL (YouTube, Twitter, etc.)",
+    icon: "embed",
+    group: "Media",
+    keywords: ["link", "url", "youtube", "video", "twitter", "embed", "iframe", "oembed"],
+    command: ({ editor: e, range: t }) => {
+      if (!(typeof e.commands.setEmbed == "function")) {
+        const n = window.prompt("Enter URL:");
+        n && e.chain().focus().deleteRange(t).setLink({ href: n }).run();
+        return;
+      }
+      const i = window.prompt("Enter URL to embed:");
+      i && e.chain().focus().deleteRange(t).setEmbed({ url: i }).run();
+    }
+  },
+  // Advanced group
+  {
+    title: "Math Equation",
+    description: "Insert a mathematical expression",
+    icon: "mathBlock",
+    group: "Advanced",
+    keywords: ["latex", "formula", "equation", "katex", "math"],
+    command: ({ editor: e, range: t }) => {
+      e.can().insertMathBlock?.({ latex: "" }) && e.chain().focus().deleteRange(t).insertMathBlock({ latex: "" }).run();
+    }
+  },
+  {
+    title: "Inline Math",
+    description: "Insert an inline math expression",
+    icon: "mathInline",
+    group: "Advanced",
+    keywords: ["latex", "formula", "inline", "katex", "math"],
+    command: ({ editor: e, range: t }) => {
+      e.can().insertMath?.({ latex: "" }) && e.chain().focus().deleteRange(t).insertMath({ latex: "" }).run();
+    }
   },
-  // Add markdown parsing support
-  // @ts-expect-error - parseMarkdown is a @tiptap/markdown extension point
-  parseMarkdown(t, e) {
-    return t.type !== "table" ? null : x(t, e);
+  {
+    title: "Mermaid Diagram",
+    description: "Insert a Mermaid diagram",
+    icon: "mermaid",
+    group: "Advanced",
+    keywords: ["diagram", "chart", "flowchart", "mermaid", "sequence", "graph", "uml"],
+    command: ({ editor: e, range: t }) => {
+      e.can().insertDiagram?.({ code: "" }) && e.chain().focus().deleteRange(t).insertDiagram({ code: "", type: "mermaid" }).run();
+    }
   },
-  // Add markdown rendering support
-  // @ts-expect-error - renderMarkdown is a @tiptap/markdown extension point
-  renderMarkdown(t, e, l) {
-    return b(t, e);
+  {
+    title: "GraphViz Diagram",
+    description: "Insert a GraphViz (DOT) diagram",
+    icon: "graphviz",
+    group: "Advanced",
+    keywords: ["diagram", "graphviz", "dot", "graph", "network", "nodes", "edges"],
+    command: ({ editor: e, range: t }) => {
+      e.can().insertDiagram?.({ code: "" }) && e.chain().focus().deleteRange(t).insertDiagram({ code: "", type: "graphviz" }).run();
+    }
   }
-}), M = A.extend({
-  addAttributes() {
+], u = ["Text", "Lists", "Blocks", "Media", "Advanced"], m = {
+  keys: [
+    { name: "title", weight: 0.4 },
+    { name: "description", weight: 0.2 },
+    { name: "keywords", weight: 0.4 }
+  ],
+  threshold: 0.4,
+  includeScore: !0,
+  includeMatches: !0,
+  minMatchCharLength: 1
+}, s = /* @__PURE__ */ new WeakMap();
+function c(e) {
+  let t = s.get(e);
+  return t || (t = new l(e, m), s.set(e, t)), t;
+}
+function p(e, t) {
+  return t.trim() ? c(e).search(t).map((n) => n.item) : e;
+}
+function f(e, t) {
+  return t.trim() ? c(e).search(t).map((n) => {
+    const r = n.matches?.find((d) => d.key === "title")?.indices;
     return {
-      ...this.parent?.(),
-      textAlign: {
-        default: null,
-        parseHTML: (t) => t.style.textAlign || null,
-        renderHTML: (t) => t.textAlign ? { style: `text-align: ${t.textAlign}` } : {}
-      }
+      item: n.item,
+      score: n.score ?? 0,
+      titleMatches: r
     };
+  }) : e.map((n) => ({ item: n, score: 0 }));
+}
+function k(e, t = u) {
+  const o = /* @__PURE__ */ new Map();
+  for (const n of e) {
+    const a = n.group ?? "Other", r = o.get(a) ?? [];
+    r.push(n), o.set(a, r);
   }
-}), N = T.extend({
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      textAlign: {
-        default: null,
-        parseHTML: (t) => t.style.textAlign || null,
-        renderHTML: (t) => t.textAlign ? { style: `text-align: ${t.textAlign}` } : {}
-      }
-    };
+  const i = [];
+  for (const n of t) {
+    const a = o.get(n);
+    a && a.length > 0 && (i.push({ name: n, items: a }), o.delete(n));
   }
-});
+  for (const [n, a] of o)
+    a.length > 0 && i.push({ name: n, items: a });
+  return i;
+}
+function w(e) {
+  return e.flatMap((t) => t.items);
+}
 export {
-  C as VizelTable,
-  M as VizelTableCell,
-  N as VizelTableHeader
+  u as defaultGroupOrder,
+  h as defaultSlashCommands,
+  p as filterSlashCommands,
+  w as flattenSlashCommandGroups,
+  k as groupSlashCommands,
+  f as searchSlashCommands
 };

package/dist/index34.js

@@ -1,66 +1,95 @@
-import { Mark as d, mergeAttributes as a } from "@tiptap/core";
-var s = d.create({
-  name: "underline",
-  addOptions() {
+import { Table as w, TableCell as A, TableHeader as T } from "@tiptap/extension-table";
+function g(t, e) {
+  return t.tokens ? e.parseInline(t.tokens) : t.text ? [e.createTextNode(t.text)] : [];
+}
+function f(t, e) {
+  return t.length > 0 ? [e.createNode("paragraph", void 0, t)] : [e.createNode("paragraph")];
+}
+function x(t, e) {
+  const { header: l, align: r, rows: s } = t, a = l.map((n, i) => {
+    const o = g(n, e), c = r[i] ? { textAlign: r[i] } : void 0;
+    return e.createNode("tableHeader", c, f(o, e));
+  }), d = e.createNode("tableRow", void 0, a), u = s.map((n) => {
+    const i = n.map((o, c) => {
+      const m = g(o, e), p = r[c] ? { textAlign: r[c] } : void 0;
+      return e.createNode("tableCell", p, f(m, e));
+    });
+    return e.createNode("tableRow", void 0, i);
+  });
+  return e.createNode("table", void 0, [d, ...u]);
+}
+function b(t, e) {
+  if (!t.content || t.content.length === 0)
+    return "";
+  const l = t.content, r = l[0];
+  if (!r?.content)
+    return "";
+  const s = r.content.map(
+    (n) => n.attrs?.textAlign || null
+  ), a = l.map((n) => n.content ? `| ${n.content.map((o) => (o.content ? e.renderChildren(o.content, "") : "").replace(/\n/g, " ").trim()).join(" | ")} |` : "|"), u = `| ${s.map((n) => {
+    switch (n) {
+      case "left":
+        return ":---";
+      case "center":
+        return ":---:";
+      case "right":
+        return "---:";
+      default:
+        return "---";
+    }
+  }).join(" | ")} |`;
+  return a.length > 0 ? [a[0], u, ...a.slice(1)].join(`
+`) : a.join(`
+`);
+}
+const C = w.extend({
+  // Register markdown name for token matching
+  name: "table",
+  addStorage() {
     return {
-      HTMLAttributes: {}
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "u"
-      },
-      {
-        style: "text-decoration",
-        consuming: !1,
-        getAttrs: (e) => e.includes("underline") ? {} : !1
+      ...this.parent?.(),
+      // Mark this extension as markdown-aware
+      markdown: {
+        parse: x,
+        serialize: b
       }
-    ];
-  },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["u", a(this.options.HTMLAttributes, e), 0];
-  },
-  parseMarkdown(e, n) {
-    return n.applyMark(this.name || "underline", n.parseInline(e.tokens || []));
+    };
   },
-  renderMarkdown(e, n) {
-    return `++${n.renderChildren(e)}++`;
+  // Add markdown parsing support
+  // @ts-expect-error - parseMarkdown is a @tiptap/markdown extension point
+  parseMarkdown(t, e) {
+    return t.type !== "table" ? null : x(t, e);
   },
-  markdownTokenizer: {
-    name: "underline",
-    level: "inline",
-    start(e) {
-      return e.indexOf("++");
-    },
-    tokenize(e, n, i) {
-      const r = /^(\+\+)([\s\S]+?)(\+\+)/.exec(e);
-      if (!r)
-        return;
-      const t = r[2].trim();
-      return {
-        type: "underline",
-        raw: r[0],
-        text: t,
-        tokens: i.inlineTokens(t)
-      };
-    }
-  },
-  addCommands() {
+  // Add markdown rendering support
+  // @ts-expect-error - renderMarkdown is a @tiptap/markdown extension point
+  renderMarkdown(t, e, l) {
+    return b(t, e);
+  }
+}), M = A.extend({
+  addAttributes() {
     return {
-      setUnderline: () => ({ commands: e }) => e.setMark(this.name),
-      toggleUnderline: () => ({ commands: e }) => e.toggleMark(this.name),
-      unsetUnderline: () => ({ commands: e }) => e.unsetMark(this.name)
+      ...this.parent?.(),
+      textAlign: {
+        default: null,
+        parseHTML: (t) => t.style.textAlign || null,
+        renderHTML: (t) => t.textAlign ? { style: `text-align: ${t.textAlign}` } : {}
+      }
     };
-  },
-  addKeyboardShortcuts() {
+  }
+}), N = T.extend({
+  addAttributes() {
     return {
-      "Mod-u": () => this.editor.commands.toggleUnderline(),
-      "Mod-U": () => this.editor.commands.toggleUnderline()
+      ...this.parent?.(),
+      textAlign: {
+        default: null,
+        parseHTML: (t) => t.style.textAlign || null,
+        renderHTML: (t) => t.textAlign ? { style: `text-align: ${t.textAlign}` } : {}
+      }
     };
   }
-}), l = s;
+});
 export {
-  s as Underline,
-  l as default
+  C as VizelTable,
+  M as VizelTableCell,
+  N as VizelTableHeader
 };

package/dist/index35.js

@@ -1,6 +1,66 @@
-import { CharacterCount as a } from "./index48.js";
-var t = a;
+import { Mark as d, mergeAttributes as a } from "@tiptap/core";
+var s = d.create({
+  name: "underline",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "u"
+      },
+      {
+        style: "text-decoration",
+        consuming: !1,
+        getAttrs: (e) => e.includes("underline") ? {} : !1
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: e }) {
+    return ["u", a(this.options.HTMLAttributes, e), 0];
+  },
+  parseMarkdown(e, n) {
+    return n.applyMark(this.name || "underline", n.parseInline(e.tokens || []));
+  },
+  renderMarkdown(e, n) {
+    return `++${n.renderChildren(e)}++`;
+  },
+  markdownTokenizer: {
+    name: "underline",
+    level: "inline",
+    start(e) {
+      return e.indexOf("++");
+    },
+    tokenize(e, n, i) {
+      const r = /^(\+\+)([\s\S]+?)(\+\+)/.exec(e);
+      if (!r)
+        return;
+      const t = r[2].trim();
+      return {
+        type: "underline",
+        raw: r[0],
+        text: t,
+        tokens: i.inlineTokens(t)
+      };
+    }
+  },
+  addCommands() {
+    return {
+      setUnderline: () => ({ commands: e }) => e.setMark(this.name),
+      toggleUnderline: () => ({ commands: e }) => e.toggleMark(this.name),
+      unsetUnderline: () => ({ commands: e }) => e.unsetMark(this.name)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-u": () => this.editor.commands.toggleUnderline(),
+      "Mod-U": () => this.editor.commands.toggleUnderline()
+    };
+  }
+}), l = s;
 export {
-  a as CharacterCount,
-  t as default
+  s as Underline,
+  l as default
 };