@editora/core 1.0.0 → 1.0.2

package/dist/LinkPlugin.native-BdAOV-iu.mjs

@@ -0,0 +1,206 @@
+let r = null, a = !1, i = null;
+const v = (e) => {
+  if (!e) return null;
+  let t = e;
+  for (; t; ) {
+    if (t.hasAttribute("contenteditable") && t.getAttribute("contenteditable") === "true" || t.hasAttribute("data-editora-content"))
+      return t;
+    t = t.parentElement;
+  }
+  return null;
+}, w = (e) => {
+  if (!r) {
+    console.warn("No selection range stored");
+    return;
+  }
+  const t = r.startContainer, n = t.nodeType === Node.TEXT_NODE ? t.parentElement : t, s = v(n);
+  if (s) {
+    if (a && i) {
+      i.href = e.url, i.textContent = e.text, i.target = e.target, e.target === "_blank" ? i.setAttribute("rel", "noopener noreferrer") : i.removeAttribute("rel"), e.title ? i.title = e.title : i.removeAttribute("title");
+      const o = document.createRange();
+      o.selectNodeContents(i);
+      const l = window.getSelection();
+      l && (l.removeAllRanges(), l.addRange(o));
+    } else {
+      const o = document.createElement("a");
+      o.href = e.url, o.textContent = e.text, o.target = e.target, e.target === "_blank" && o.setAttribute("rel", "noopener noreferrer"), e.title && (o.title = e.title), r.deleteContents(), r.insertNode(o), r.setStartAfter(o), r.setEndAfter(o);
+      const l = window.getSelection();
+      l && (l.removeAllRanges(), l.addRange(r));
+    }
+    s.focus(), r = null, a = !1, i = null;
+  }
+}, g = (e) => {
+  const t = document.createElement("div");
+  t.className = "link-dialog-overlay", t.style.cssText = `
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 10000;
+  `;
+  const n = document.createElement("div");
+  n.className = "link-dialog", n.style.cssText = `
+    background: white;
+    border-radius: 8px;
+    width: 500px;
+    max-width: 90%;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+  `, n.innerHTML = `
+    <div class="link-dialog-header" style="padding: 16px 20px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center;">
+      <h3 style="margin: 0; font-size: 18px;">${e.isEditing ? "Edit Link" : "Insert Link"}</h3>
+      <button class="link-dialog-close" style="background: none; border: none; font-size: 24px; cursor: pointer; padding: 0; width: 30px; height: 30px;">×</button>
+    </div>
+    <form id="link-form">
+      <div class="link-dialog-body" style="padding: 20px;">
+        <div class="form-group" style="margin-bottom: 16px;">
+          <label for="link-text" style="display: block; margin-bottom: 6px; font-weight: 500;">Link Text:</label>
+          <input
+            id="link-text"
+            type="text"
+            value="${e.text || ""}"
+            placeholder="Enter link text"
+            style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;"
+          />
+        </div>
+        <div class="form-group" style="margin-bottom: 16px;">
+          <label for="link-url" style="display: block; margin-bottom: 6px; font-weight: 500;">URL:</label>
+          <input
+            id="link-url"
+            type="url"
+            value="${e.url || ""}"
+            placeholder="https://example.com"
+            required
+            style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;"
+          />
+        </div>
+        <div class="form-group" style="margin-bottom: 16px;">
+          <label for="link-title" style="display: block; margin-bottom: 6px; font-weight: 500;">Title (optional):</label>
+          <input
+            id="link-title"
+            type="text"
+            value="${e.title || ""}"
+            placeholder="Link tooltip text"
+            style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;"
+          />
+        </div>
+        <div class="form-group" style="margin-bottom: 0;">
+          <label style="display: flex; align-items: center; cursor: pointer;">
+            <input
+              id="link-target"
+              type="checkbox"
+              ${e.target === "_blank" ? "checked" : ""}
+              style="margin-right: 8px;"
+            />
+            Open in new window/tab
+          </label>
+        </div>
+      </div>
+      <div class="link-dialog-footer" style="padding: 12px 20px; border-top: 1px solid #ddd; display: flex; justify-content: flex-end; gap: 10px;">
+        <button type="button" class="btn-cancel" style="padding: 8px 16px; border: 1px solid #ccc; background: white; border-radius: 4px; cursor: pointer;">Cancel</button>
+        <button type="submit" class="btn-submit" style="padding: 8px 16px; border: none; background: #007bff; color: white; border-radius: 4px; cursor: pointer;">
+          ${e.isEditing ? "Update Link" : "Insert Link"}
+        </button>
+      </div>
+    </form>
+  `, t.appendChild(n), document.body.appendChild(t);
+  const s = n.querySelector("#link-form"), o = n.querySelector("#link-text"), l = n.querySelector("#link-url"), x = n.querySelector("#link-title"), k = n.querySelector("#link-target"), y = n.querySelector(".link-dialog-close"), h = n.querySelector(".btn-cancel"), d = () => {
+    document.body.removeChild(t);
+  };
+  y.addEventListener("click", d), h.addEventListener("click", d), t.addEventListener("click", (c) => {
+    c.target === t && d();
+  }), s.addEventListener("submit", (c) => {
+    c.preventDefault();
+    const u = l.value.trim();
+    u && (w({
+      text: o.value.trim() || u,
+      url: u,
+      target: k.checked ? "_blank" : "_self",
+      title: x.value.trim() || void 0
+    }), d());
+  }), setTimeout(() => o.focus(), 100);
+}, b = () => {
+  const e = window.getSelection();
+  if (!e || e.rangeCount === 0) return !1;
+  const t = e.getRangeAt(0).cloneRange();
+  r = t;
+  const n = e.toString() || "", s = t.startContainer, o = s.nodeType === Node.TEXT_NODE ? s.parentElement : s, l = o == null ? void 0 : o.closest("a");
+  return l ? (a = !0, i = l, g({
+    text: l.textContent || "",
+    url: l.href,
+    target: l.target || "_self",
+    title: l.title || "",
+    isEditing: !0
+  })) : (a = !1, i = null, g({
+    text: n,
+    url: "",
+    target: "_self",
+    isEditing: !1
+  })), !0;
+}, m = () => (document.execCommand("unlink", !1), !0), p = (e, t) => {
+  var n;
+  typeof window != "undefined" && ((n = window.registerEditorCommand) == null || n.call(window, e, t));
+}, f = () => {
+  p("openLinkDialog", b), p("removeLink", m), p("createLink", (e) => {
+    e && document.execCommand("createLink", !1, e);
+  });
+};
+typeof window != "undefined" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", f) : f());
+const L = () => ({
+  name: "link",
+  marks: {
+    link: {
+      attrs: {
+        href: {},
+        title: { default: null },
+        target: { default: null }
+      },
+      parseDOM: [
+        {
+          tag: "a[href]",
+          getAttrs: (e) => ({
+            href: e.getAttribute("href"),
+            title: e.getAttribute("title"),
+            target: e.getAttribute("target")
+          })
+        }
+      ],
+      toDOM: (e) => [
+        "a",
+        {
+          href: e.attrs.href,
+          title: e.attrs.title,
+          target: e.attrs.target,
+          rel: e.attrs.target === "_blank" ? "noopener noreferrer" : null
+        },
+        0
+      ]
+    }
+  },
+  toolbar: [
+    {
+      label: "Link",
+      command: "openLinkDialog",
+      type: "button",
+      icon: '<svg width="24" height="24" focusable="false"><path d="M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2-2a2 2 0 1 0-2.6-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2Z" fill-rule="nonzero"></path></svg>',
+      shortcut: "Mod-k"
+    }
+  ],
+  commands: {
+    openLinkDialog: b,
+    removeLink: m
+  },
+  keymap: {
+    "Mod-k": "openLinkDialog"
+  }
+});
+export {
+  L as LinkPlugin,
+  b as openLinkDialog,
+  m as removeLink
+};
+//# sourceMappingURL=LinkPlugin.native-BdAOV-iu.mjs.map

package/dist/LinkPlugin.native-BdAOV-iu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPlugin.native-BdAOV-iu.mjs","sources":["../../plugins/link/src/LinkPlugin.native.ts"],"sourcesContent":["import { Plugin } from '@editora/core';\n\n/**\n * Link Plugin - Native Implementation\n * Author: Ajay Kumar <ajaykr089@gmail.com>\n * \n * Provides hyperlink functionality with:\n * - Dialog-based link insertion/editing\n * - Link text, URL, title, and target options\n * - Edit existing links\n * - Smart link detection\n * - Security (rel=\"noopener noreferrer\" for _blank)\n */\n\ninterface LinkData {\n  text: string;\n  url: string;\n  target: '_blank' | '_self';\n  title?: string;\n}\n\nlet selectionRange: Range | null = null;\nlet isEditingLink = false;\nlet editingLinkElement: HTMLAnchorElement | null = null;\n\n/**\n * Find editor content element\n */\nconst findContentElement = (element: HTMLElement | null): HTMLElement | null => {\n  if (!element) return null;\n  \n  let current: HTMLElement | null = element;\n  while (current) {\n    if (current.hasAttribute('contenteditable') && current.getAttribute('contenteditable') === 'true') {\n      return current;\n    }\n    if (current.hasAttribute('data-editora-content')) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\n/**\n * Insert or update link\n */\nconst handleInsertLink = (linkData: LinkData): void => {\n  if (!selectionRange) {\n    console.warn('No selection range stored');\n    return;\n  }\n\n  const rangeNode = selectionRange.startContainer;\n  const element = rangeNode.nodeType === Node.TEXT_NODE \n    ? rangeNode.parentElement \n    : rangeNode as HTMLElement;\n\n  const contentEl = findContentElement(element);\n  if (!contentEl) return;\n\n  if (isEditingLink && editingLinkElement) {\n    // Edit existing link\n    editingLinkElement.href = linkData.url;\n    editingLinkElement.textContent = linkData.text;\n    editingLinkElement.target = linkData.target;\n    \n    if (linkData.target === '_blank') {\n      editingLinkElement.setAttribute('rel', 'noopener noreferrer');\n    } else {\n      editingLinkElement.removeAttribute('rel');\n    }\n    \n    if (linkData.title) {\n      editingLinkElement.title = linkData.title;\n    } else {\n      editingLinkElement.removeAttribute('title');\n    }\n\n    // Select the edited link\n    const range = document.createRange();\n    range.selectNodeContents(editingLinkElement);\n    const selection = window.getSelection();\n    if (selection) {\n      selection.removeAllRanges();\n      selection.addRange(range);\n    }\n  } else {\n    // Create new link\n    const linkElement = document.createElement('a');\n    linkElement.href = linkData.url;\n    linkElement.textContent = linkData.text;\n    linkElement.target = linkData.target;\n    \n    if (linkData.target === '_blank') {\n      linkElement.setAttribute('rel', 'noopener noreferrer');\n    }\n    \n    if (linkData.title) {\n      linkElement.title = linkData.title;\n    }\n\n    // Insert the link\n    selectionRange.deleteContents();\n    selectionRange.insertNode(linkElement);\n\n    // Move cursor after the link\n    selectionRange.setStartAfter(linkElement);\n    selectionRange.setEndAfter(linkElement);\n    const selection = window.getSelection();\n    if (selection) {\n      selection.removeAllRanges();\n      selection.addRange(selectionRange);\n    }\n  }\n\n  // Focus back to editor\n  contentEl.focus();\n\n  // Reset state\n  selectionRange = null;\n  isEditingLink = false;\n  editingLinkElement = null;\n};\n\n/**\n * Create and show link dialog\n */\nconst showLinkDialog = (initialData: Partial<LinkData> & { isEditing?: boolean }): void => {\n  // Create overlay\n  const overlay = document.createElement('div');\n  overlay.className = 'link-dialog-overlay';\n  overlay.style.cssText = `\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10000;\n  `;\n\n  // Create dialog\n  const dialog = document.createElement('div');\n  dialog.className = 'link-dialog';\n  dialog.style.cssText = `\n    background: white;\n    border-radius: 8px;\n    width: 500px;\n    max-width: 90%;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n  `;\n\n  // Dialog HTML\n  dialog.innerHTML = `\n    <div class=\"link-dialog-header\" style=\"padding: 16px 20px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center;\">\n      <h3 style=\"margin: 0; font-size: 18px;\">${initialData.isEditing ? 'Edit Link' : 'Insert Link'}</h3>\n      <button class=\"link-dialog-close\" style=\"background: none; border: none; font-size: 24px; cursor: pointer; padding: 0; width: 30px; height: 30px;\">×</button>\n    </div>\n    <form id=\"link-form\">\n      <div class=\"link-dialog-body\" style=\"padding: 20px;\">\n        <div class=\"form-group\" style=\"margin-bottom: 16px;\">\n          <label for=\"link-text\" style=\"display: block; margin-bottom: 6px; font-weight: 500;\">Link Text:</label>\n          <input\n            id=\"link-text\"\n            type=\"text\"\n            value=\"${initialData.text || ''}\"\n            placeholder=\"Enter link text\"\n            style=\"width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;\"\n          />\n        </div>\n        <div class=\"form-group\" style=\"margin-bottom: 16px;\">\n          <label for=\"link-url\" style=\"display: block; margin-bottom: 6px; font-weight: 500;\">URL:</label>\n          <input\n            id=\"link-url\"\n            type=\"url\"\n            value=\"${initialData.url || ''}\"\n            placeholder=\"https://example.com\"\n            required\n            style=\"width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;\"\n          />\n        </div>\n        <div class=\"form-group\" style=\"margin-bottom: 16px;\">\n          <label for=\"link-title\" style=\"display: block; margin-bottom: 6px; font-weight: 500;\">Title (optional):</label>\n          <input\n            id=\"link-title\"\n            type=\"text\"\n            value=\"${initialData.title || ''}\"\n            placeholder=\"Link tooltip text\"\n            style=\"width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px;\"\n          />\n        </div>\n        <div class=\"form-group\" style=\"margin-bottom: 0;\">\n          <label style=\"display: flex; align-items: center; cursor: pointer;\">\n            <input\n              id=\"link-target\"\n              type=\"checkbox\"\n              ${initialData.target === '_blank' ? 'checked' : ''}\n              style=\"margin-right: 8px;\"\n            />\n            Open in new window/tab\n          </label>\n        </div>\n      </div>\n      <div class=\"link-dialog-footer\" style=\"padding: 12px 20px; border-top: 1px solid #ddd; display: flex; justify-content: flex-end; gap: 10px;\">\n        <button type=\"button\" class=\"btn-cancel\" style=\"padding: 8px 16px; border: 1px solid #ccc; background: white; border-radius: 4px; cursor: pointer;\">Cancel</button>\n        <button type=\"submit\" class=\"btn-submit\" style=\"padding: 8px 16px; border: none; background: #007bff; color: white; border-radius: 4px; cursor: pointer;\">\n          ${initialData.isEditing ? 'Update Link' : 'Insert Link'}\n        </button>\n      </div>\n    </form>\n  `;\n\n  overlay.appendChild(dialog);\n  document.body.appendChild(overlay);\n\n  // Get form elements\n  const form = dialog.querySelector('#link-form') as HTMLFormElement;\n  const textInput = dialog.querySelector('#link-text') as HTMLInputElement;\n  const urlInput = dialog.querySelector('#link-url') as HTMLInputElement;\n  const titleInput = dialog.querySelector('#link-title') as HTMLInputElement;\n  const targetCheckbox = dialog.querySelector('#link-target') as HTMLInputElement;\n  const closeBtn = dialog.querySelector('.link-dialog-close') as HTMLButtonElement;\n  const cancelBtn = dialog.querySelector('.btn-cancel') as HTMLButtonElement;\n\n  // Close dialog function\n  const closeDialog = () => {\n    document.body.removeChild(overlay);\n  };\n\n  // Event listeners\n  closeBtn.addEventListener('click', closeDialog);\n  cancelBtn.addEventListener('click', closeDialog);\n  overlay.addEventListener('click', (e) => {\n    if (e.target === overlay) closeDialog();\n  });\n\n  form.addEventListener('submit', (e) => {\n    e.preventDefault();\n    const url = urlInput.value.trim();\n    if (url) {\n      handleInsertLink({\n        text: textInput.value.trim() || url,\n        url,\n        target: targetCheckbox.checked ? '_blank' : '_self',\n        title: titleInput.value.trim() || undefined\n      });\n      closeDialog();\n    }\n  });\n\n  // Focus first input\n  setTimeout(() => textInput.focus(), 100);\n};\n\n/**\n * Open link dialog\n */\nexport const openLinkDialog = (): boolean => {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return false;\n\n  const range = selection.getRangeAt(0).cloneRange();\n  selectionRange = range;\n\n  const selectedText = selection.toString() || '';\n\n  // Check if selection is within a link\n  const startContainer = range.startContainer;\n  const startElement = startContainer.nodeType === Node.TEXT_NODE\n    ? startContainer.parentElement\n    : startContainer as HTMLElement;\n\n  const linkElement = startElement?.closest('a') as HTMLAnchorElement;\n\n  if (linkElement) {\n    // Edit mode\n    isEditingLink = true;\n    editingLinkElement = linkElement;\n    showLinkDialog({\n      text: linkElement.textContent || '',\n      url: linkElement.href,\n      target: (linkElement.target as '_blank' | '_self') || '_self',\n      title: linkElement.title || '',\n      isEditing: true\n    });\n  } else {\n    // Insert mode\n    isEditingLink = false;\n    editingLinkElement = null;\n    showLinkDialog({\n      text: selectedText,\n      url: '',\n      target: '_self',\n      isEditing: false\n    });\n  }\n\n  return true;\n};\n\n/**\n * Remove link from selection\n */\nexport const removeLink = (): boolean => {\n  document.execCommand('unlink', false);\n  return true;\n};\n\n/**\n * Register commands globally\n */\nconst registerCommand = (command: string, handler: (...args: any[]) => void): void => {\n  if (typeof window !== 'undefined') {\n    (window as any).registerEditorCommand?.(command, handler);\n  }\n};\n\n/**\n * Initialize global command registration\n */\nconst initializeCommands = (): void => {\n  registerCommand('openLinkDialog', openLinkDialog);\n  registerCommand('removeLink', removeLink);\n  registerCommand('createLink', (url?: string) => {\n    if (url) document.execCommand('createLink', false, url);\n  });\n};\n\n// Initialize on load\nif (typeof window !== 'undefined') {\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initializeCommands);\n  } else {\n    initializeCommands();\n  }\n}\n\nexport const LinkPlugin = (): Plugin => ({\n  name: 'link',\n\n  marks: {\n    link: {\n      attrs: {\n        href: {},\n        title: { default: null },\n        target: { default: null }\n      },\n      parseDOM: [\n        {\n          tag: 'a[href]',\n          getAttrs: (dom: HTMLElement) => ({\n            href: dom.getAttribute('href'),\n            title: dom.getAttribute('title'),\n            target: dom.getAttribute('target')\n          })\n        }\n      ],\n      toDOM: (mark: any) => [\n        'a',\n        {\n          href: mark.attrs.href,\n          title: mark.attrs.title,\n          target: mark.attrs.target,\n          rel: mark.attrs.target === '_blank' ? 'noopener noreferrer' : null\n        },\n        0\n      ]\n    }\n  },\n\n  toolbar: [\n    {\n      label: 'Link',\n      command: 'openLinkDialog',\n      type: 'button',\n      icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path d=\"M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2-2a2 2 0 1 0-2.6-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2Z\" fill-rule=\"nonzero\"></path></svg>',\n      shortcut: 'Mod-k'\n    }\n  ],\n\n  commands: {\n    openLinkDialog,\n    removeLink\n  },\n\n  keymap: {\n    'Mod-k': 'openLinkDialog'\n  }\n});\n"],"names":["selectionRange","isEditingLink","editingLinkElement","findContentElement","element","current","handleInsertLink","linkData","rangeNode","contentEl","range","selection","linkElement","showLinkDialog","initialData","overlay","dialog","form","textInput","urlInput","titleInput","targetCheckbox","closeBtn","cancelBtn","closeDialog","e","url","openLinkDialog","selectedText","startContainer","startElement","removeLink","registerCommand","command","handler","_a","initializeCommands","LinkPlugin","dom","mark"],"mappings":"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"}

package/dist/ListPlugin.native-CLFU5AUQ.mjs

@@ -0,0 +1,59 @@
+const l = () => (document.execCommand("insertUnorderedList", !1), !0), s = () => (document.execCommand("insertOrderedList", !1), !0), e = (d, i) => {
+  var t;
+  typeof window != "undefined" && ((t = window.registerEditorCommand) == null || t.call(window, d, i));
+}, o = () => {
+  e("toggleBulletList", l), e("toggleOrderedList", s);
+};
+typeof window != "undefined" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", o) : o());
+const a = () => ({
+  name: "list",
+  nodes: {
+    bulletList: {
+      content: "listItem+",
+      group: "block",
+      parseDOM: [{ tag: "ul" }],
+      toDOM: () => ["ul", 0]
+    },
+    orderedList: {
+      content: "listItem+",
+      group: "block",
+      parseDOM: [{ tag: "ol" }],
+      toDOM: () => ["ol", 0]
+    },
+    listItem: {
+      content: "paragraph",
+      parseDOM: [{ tag: "li" }],
+      toDOM: () => ["li", 0]
+    }
+  },
+  toolbar: [
+    {
+      label: "Bullet List",
+      command: "toggleBulletList",
+      type: "button",
+      icon: '<svg width="24" height="24" focusable="false"><path d="M11 5h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2ZM4.5 6c0 .4.1.8.4 1 .3.4.7.5 1.1.5.4 0 .8-.1 1-.4.4-.3.5-.7.5-1.1 0-.4-.1-.8-.4-1-.3-.4-.7-.5-1.1-.5-.4 0-.8.1-1 .4-.4.3-.5.7-.5 1.1Zm0 6c0 .4.1.8.4 1 .3.4.7.5 1.1.5.4 0 .8-.1 1-.4.4-.3.5-.7.5-1.1 0-.4-.1-.8-.4-1-.3-.4-.7-.5-1.1-.5-.4 0-.8.1-1 .4-.4.3-.5.7-.5 1.1Zm0 6c0 .4.1.8.4 1 .3.4.7.5 1.1.5.4 0 .8-.1 1-.4.4-.3.5-.7.5-1.1 0-.4-.1-.8-.4-1-.3-.4-.7-.5-1.1-.5-.4 0-.8.1-1 .4-.4.3-.5.7-.5 1.1Z" fill-rule="evenodd"></path></svg>',
+      shortcut: "Mod-Shift-8"
+    },
+    {
+      label: "Numbered List",
+      command: "toggleOrderedList",
+      type: "button",
+      icon: '<svg width="24" height="24" focusable="false"><path d="M10 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 1 1 0-2ZM6 4v3.5c0 .3-.2.5-.5.5a.5.5 0 0 1-.5-.5V5h-.5a.5.5 0 0 1 0-1H6Zm-1 8.8l.2.2h1.3c.3 0 .5.2.5.5s-.2.5-.5.5H4.9a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0 0-.2l-.7.3a.5.5 0 0 1-.7-.3.5.5 0 0 1 .3-.6l.7-.4c.5-.2 1.1 0 1.4.4.3.5.3 1.1-.1 1.5l-1.2.7Zm0 3.7v.5c0 .3.2.5.5.5h1c.3 0 .5.2.5.5s-.2.5-.5.5h-1a1.5 1.5 0 0 1-1.5-1.5v-.5c0-.3.1-.6.3-.8l1.3-1.4c.3-.4.1-.9-.2-1-.1 0-.2 0-.3.2l-.4.5a.5.5 0 0 1-.7.1.5.5 0 0 1-.1-.7l.4-.5c.5-.5 1.2-.6 1.8-.4.6.3 1 .9 1 1.6 0 .4-.2.8-.5 1.1l-1.3 1.4-.3.4Z" fill-rule="evenodd"></path></svg>',
+      shortcut: "Mod-Shift-7"
+    }
+  ],
+  commands: {
+    toggleBulletList: l,
+    toggleOrderedList: s
+  },
+  keymap: {
+    "Mod-Shift-8": "toggleBulletList",
+    "Mod-Shift-7": "toggleOrderedList"
+  }
+});
+export {
+  a as ListPlugin,
+  l as toggleBulletList,
+  s as toggleOrderedList
+};
+//# sourceMappingURL=ListPlugin.native-CLFU5AUQ.mjs.map

package/dist/ListPlugin.native-CLFU5AUQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPlugin.native-CLFU5AUQ.mjs","sources":["../../plugins/list/src/ListPlugin.native.ts"],"sourcesContent":["import { Plugin } from '@editora/core';\n\n/**\n * List Plugin - Native Implementation\n * Author: Ajay Kumar <ajaykr089@gmail.com>\n * \n * Provides bullet and ordered list functionality with:\n * - Bullet lists (unordered lists with • markers)\n * - Numbered lists (ordered lists with 1, 2, 3... markers)\n * - Toggle on/off behavior\n * - Keyboard shortcuts (Cmd-Shift-8, Cmd-Shift-7)\n * - Global command registration\n */\n\n/**\n * Toggle bullet (unordered) list\n */\nexport const toggleBulletList = (): boolean => {\n  document.execCommand('insertUnorderedList', false);\n  return true;\n};\n\n/**\n * Toggle numbered (ordered) list\n */\nexport const toggleOrderedList = (): boolean => {\n  document.execCommand('insertOrderedList', false);\n  return true;\n};\n\n/**\n * Register commands globally\n */\nconst registerCommand = (command: string, handler: () => void): void => {\n  if (typeof window !== 'undefined') {\n    (window as any).registerEditorCommand?.(command, handler);\n  }\n};\n\n/**\n * Initialize global command registration\n */\nconst initializeCommands = (): void => {\n  registerCommand('toggleBulletList', toggleBulletList);\n  registerCommand('toggleOrderedList', toggleOrderedList);\n};\n\n// Initialize on load\nif (typeof window !== 'undefined') {\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initializeCommands);\n  } else {\n    initializeCommands();\n  }\n}\n\nexport const ListPlugin = (): Plugin => ({\n  name: 'list',\n\n  nodes: {\n    bulletList: {\n      content: 'listItem+',\n      group: 'block',\n      parseDOM: [{ tag: 'ul' }],\n      toDOM: () => ['ul', 0]\n    },\n    orderedList: {\n      content: 'listItem+',\n      group: 'block',\n      parseDOM: [{ tag: 'ol' }],\n      toDOM: () => ['ol', 0]\n    },\n    listItem: {\n      content: 'paragraph',\n      parseDOM: [{ tag: 'li' }],\n      toDOM: () => ['li', 0]\n    }\n  },\n\n  toolbar: [\n    {\n      label: 'Bullet List',\n      command: 'toggleBulletList',\n      type: 'button',\n      icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path d=\"M11 5h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2ZM4.5 6c0 .4.1.8.4 1 .3.4.7.5 1.1.5.4 0 .8-.1 1-.4.4-.3.5-.7.5-1.1 0-.4-.1-.8-.4-1-.3-.4-.7-.5-1.1-.5-.4 0-.8.1-1 .4-.4.3-.5.7-.5 1.1Zm0 6c0 .4.1.8.4 1 .3.4.7.5 1.1.5.4 0 .8-.1 1-.4.4-.3.5-.7.5-1.1 0-.4-.1-.8-.4-1-.3-.4-.7-.5-1.1-.5-.4 0-.8.1-1 .4-.4.3-.5.7-.5 1.1Zm0 6c0 .4.1.8.4 1 .3.4.7.5 1.1.5.4 0 .8-.1 1-.4.4-.3.5-.7.5-1.1 0-.4-.1-.8-.4-1-.3-.4-.7-.5-1.1-.5-.4 0-.8.1-1 .4-.4.3-.5.7-.5 1.1Z\" fill-rule=\"evenodd\"></path></svg>',\n      shortcut: 'Mod-Shift-8'\n    },\n    {\n      label: 'Numbered List',\n      command: 'toggleOrderedList',\n      type: 'button',\n      icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path d=\"M10 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 1 1 0-2ZM6 4v3.5c0 .3-.2.5-.5.5a.5.5 0 0 1-.5-.5V5h-.5a.5.5 0 0 1 0-1H6Zm-1 8.8l.2.2h1.3c.3 0 .5.2.5.5s-.2.5-.5.5H4.9a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0 0-.2l-.7.3a.5.5 0 0 1-.7-.3.5.5 0 0 1 .3-.6l.7-.4c.5-.2 1.1 0 1.4.4.3.5.3 1.1-.1 1.5l-1.2.7Zm0 3.7v.5c0 .3.2.5.5.5h1c.3 0 .5.2.5.5s-.2.5-.5.5h-1a1.5 1.5 0 0 1-1.5-1.5v-.5c0-.3.1-.6.3-.8l1.3-1.4c.3-.4.1-.9-.2-1-.1 0-.2 0-.3.2l-.4.5a.5.5 0 0 1-.7.1.5.5 0 0 1-.1-.7l.4-.5c.5-.5 1.2-.6 1.8-.4.6.3 1 .9 1 1.6 0 .4-.2.8-.5 1.1l-1.3 1.4-.3.4Z\" fill-rule=\"evenodd\"></path></svg>',\n      shortcut: 'Mod-Shift-7'\n    }\n  ],\n\n  commands: {\n    toggleBulletList,\n    toggleOrderedList\n  },\n\n  keymap: {\n    'Mod-Shift-8': 'toggleBulletList',\n    'Mod-Shift-7': 'toggleOrderedList'\n  }\n});\n"],"names":["toggleBulletList","toggleOrderedList","registerCommand","command","handler","_a","initializeCommands","ListPlugin"],"mappings":"AAiBO,MAAMA,IAAmB,OAC9B,SAAS,YAAY,uBAAuB,EAAK,GAC1C,KAMIC,IAAoB,OAC/B,SAAS,YAAY,qBAAqB,EAAK,GACxC,KAMHC,IAAkB,CAACC,GAAiBC,MAA8B;AAhBjE,MAAAC;AAiBL,EAAI,OAAO,UAAW,iBACnBA,IAAA,OAAe,0BAAf,QAAAA,EAAA,aAAuCF,GAASC;AAErD,GAKME,IAAqB,MAAY;AACrC,EAAAJ,EAAgB,oBAAoBF,CAAgB,GACpDE,EAAgB,qBAAqBD,CAAiB;AACxD;AAGI,OAAO,UAAW,gBAChB,SAAS,eAAe,YAC1B,SAAS,iBAAiB,oBAAoBK,CAAkB,IAEhEA,EAAA;AAIG,MAAMC,IAAa,OAAe;AAAA,EACvC,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU,CAAC,EAAE,KAAK,MAAM;AAAA,MACxB,OAAO,MAAM,CAAC,MAAM,CAAC;AAAA,IAAA;AAAA,IAEvB,aAAa;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU,CAAC,EAAE,KAAK,MAAM;AAAA,MACxB,OAAO,MAAM,CAAC,MAAM,CAAC;AAAA,IAAA;AAAA,IAEvB,UAAU;AAAA,MACR,SAAS;AAAA,MACT,UAAU,CAAC,EAAE,KAAK,MAAM;AAAA,MACxB,OAAO,MAAM,CAAC,MAAM,CAAC;AAAA,IAAA;AAAA,EACvB;AAAA,EAGF,SAAS;AAAA,IACP;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAGF,UAAU;AAAA,IACR,kBAAAP;AAAA,IACA,mBAAAC;AAAA,EAAA;AAAA,EAGF,QAAQ;AAAA,IACN,eAAe;AAAA,IACf,eAAe;AAAA,EAAA;AAEnB;"}

package/dist/MathPlugin.native-DE_ii-LA.mjs

@@ -0,0 +1,182 @@
+const T = {
+  latex: [
+    { name: "Fraction", formula: "\\frac{a}{b}", description: "Simple fraction" },
+    { name: "Square Root", formula: "\\sqrt{x}", description: "Square root" },
+    { name: "Power", formula: "x^{2}", description: "Exponent/power" },
+    { name: "Subscript", formula: "x_{sub}", description: "Subscript" },
+    { name: "Integral", formula: "\\int_{a}^{b} f(x) \\, dx", description: "Definite integral" },
+    { name: "Summation", formula: "\\sum_{i=1}^{n} x_{i}", description: "Summation" },
+    { name: "Limit", formula: "\\lim_{x \\to 0} f(x)", description: "Limit" },
+    { name: "Derivative", formula: "\\frac{d}{dx} f(x)", description: "Derivative" },
+    { name: "Matrix 2x2", formula: "\\begin{pmatrix} a & b \\\\ c & d \\end{pmatrix}", description: "2x2 matrix" },
+    { name: "System", formula: "\\begin{cases} x + y = 1 \\\\ 2x - y = 0 \\end{cases}", description: "System of equations" }
+  ],
+  mathml: [
+    { name: "Fraction", formula: "<mfrac><mi>a</mi><mi>b</mi></mfrac>", description: "Simple fraction" },
+    { name: "Square Root", formula: "<msqrt><mi>x</mi></msqrt>", description: "Square root" },
+    { name: "Power", formula: "<msup><mi>x</mi><mn>2</mn></msup>", description: "Exponent/power" },
+    { name: "Subscript", formula: "<msub><mi>x</mi><mi>sub</mi></msub>", description: "Subscript" },
+    { name: "Parentheses", formula: '<mfenced open="(" close=")"><mi>a</mi><mo>+</mo><mi>b</mi></mfenced>', description: "Grouped expression" }
+  ]
+};
+let u = null, h = null, w = !1;
+const $ = () => new Promise((n, d) => {
+  if (window.katex) {
+    n(window.katex);
+    return;
+  }
+  if (w) {
+    const i = setInterval(() => {
+      window.katex && (clearInterval(i), n(window.katex));
+    }, 100);
+    return;
+  }
+  w = !0;
+  const r = document.createElement("link");
+  r.rel = "stylesheet", r.href = "https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css", document.head.appendChild(r);
+  const o = document.createElement("script");
+  o.src = "https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js", o.onload = () => n(window.katex), o.onerror = d, document.head.appendChild(o);
+}), k = async (n) => {
+  const d = window.getSelection();
+  d && d.rangeCount > 0 && (u = d.getRangeAt(0).cloneRange()), await $();
+  const r = document.createElement("div");
+  r.style.cssText = "position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 99999;";
+  const o = document.createElement("div");
+  o.style.cssText = "background: white; border-radius: 8px; width: 90%; max-width: 600px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);";
+  let i = (n == null ? void 0 : n.format) || "latex", s = (n == null ? void 0 : n.formula) || "", f = (n == null ? void 0 : n.inline) !== !1;
+  o.innerHTML = `
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #e1e5e9; background: #f8f9fa;">
+      <h2 style="margin: 0; font-size: 18px; font-weight: 600;">${n ? "Edit" : "Insert"} Math Formula</h2>
+      <button class="close-btn" style="background: none; border: none; font-size: 28px; cursor: pointer; color: #6c757d; padding: 0; width: 30px; height: 30px; line-height: 1;">×</button>
+    </div>
+    
+    <div style="padding: 20px; overflow-y: auto; flex: 1;">
+      <div style="margin-bottom: 20px;">
+        <label style="display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;">Format:</label>
+        <div style="display: flex; gap: 16px;">
+          <label style="cursor: pointer;"><input type="radio" name="format" value="latex" ${i === "latex" ? "checked" : ""} style="margin-right: 6px;"> LaTeX</label>
+          <label style="cursor: pointer;"><input type="radio" name="format" value="mathml" ${i === "mathml" ? "checked" : ""} style="margin-right: 6px;"> MathML</label>
+        </div>
+      </div>
+
+      <div style="margin-bottom: 20px;">
+        <label style="display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;">Quick Templates:</label>
+        <div id="templates-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; max-height: 200px; overflow-y: auto;"></div>
+      </div>
+
+      <div style="margin-bottom: 20px;">
+        <label style="cursor: pointer;"><input type="checkbox" id="inline-cb" ${f ? "checked" : ""} style="margin-right: 8px;"> Inline math</label>
+      </div>
+
+      <div style="margin-bottom: 20px;">
+        <label style="display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;">Formula:</label>
+        <textarea id="formula-input" rows="4" style="width: 100%; padding: 10px; border: 1px solid #ced4da; border-radius: 4px; font-family: 'Courier New', monospace; font-size: 14px;">${s}</textarea>
+      </div>
+
+      <div style="margin-bottom: 20px;">
+        <label style="display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;">Preview:</label>
+        <div id="preview-area" style="min-height: 60px; padding: 15px; border: 1px solid #dee2e6; border-radius: 4px; background: #f8f9fa; display: flex; align-items: center; justify-content: center; color: #6c757d;"></div>
+      </div>
+    </div>
+
+    <div style="display: flex; justify-content: flex-end; gap: 10px; padding: 16px 20px; border-top: 1px solid #e1e5e9; background: #f8f9fa;">
+      <button class="cancel-btn" style="padding: 10px 20px; background: #fff; border: 1px solid #ced4da; border-radius: 4px; cursor: pointer; font-size: 14px;">Cancel</button>
+      <button id="insert-btn" style="padding: 10px 20px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px;" disabled>${n ? "Update" : "Insert"}</button>
+    </div>
+  `, r.appendChild(o), document.body.appendChild(r);
+  const l = o.querySelector("#formula-input"), c = o.querySelector("#preview-area"), g = o.querySelector("#templates-grid"), M = o.querySelectorAll('input[name="format"]'), L = o.querySelector("#inline-cb"), x = o.querySelector("#insert-btn"), E = o.querySelector(".close-btn"), S = o.querySelector(".cancel-btn"), y = () => {
+    const e = T[i];
+    g.innerHTML = e.map((t) => `
+      <button type="button" data-formula="${t.formula.replace(/"/g, "&quot;")}" title="${t.description}" style="padding: 8px; border: 1px solid #ced4da; border-radius: 4px; background: #fff; cursor: pointer; text-align: left;">
+        <div style="font-weight: 600; font-size: 12px;">${t.name}</div>
+        <div style="font-size: 10px; color: #6c757d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${t.formula.substring(0, 20)}...</div>
+      </button>
+    `).join(""), g.querySelectorAll("button").forEach((t) => {
+      t.addEventListener("click", () => {
+        l.value = t.getAttribute("data-formula") || "", s = l.value, m();
+      });
+    });
+  }, m = () => {
+    const e = l.value.trim();
+    if (!e) {
+      c.innerHTML = '<span style="color: #6c757d;">Enter a formula to see preview</span>', x.disabled = !0;
+      return;
+    }
+    x.disabled = !1;
+    try {
+      if (i === "latex") {
+        const t = window.katex;
+        c.innerHTML = t.renderToString(e, { displayMode: !1, throwOnError: !1 });
+      } else
+        e.trim().startsWith("<math") ? c.innerHTML = e : c.innerHTML = `<math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">${e}</math>`;
+    } catch (t) {
+      c.innerHTML = '<span style="color: #cc0000;">Invalid formula</span>';
+    }
+  }, p = () => document.body.removeChild(r), v = () => {
+    const e = l.value.trim();
+    if (!e) return;
+    const t = { formula: e, format: i, inline: L.checked }, a = t.inline ? document.createElement("span") : document.createElement("div");
+    if (a.className = t.inline ? "math-formula" : "math-block", a.setAttribute("data-math-formula", e), a.setAttribute("data-math-format", i), a.contentEditable = "false", a.style.cssText = t.inline ? "background: #f0f8ff; border: 1px solid #b8daff; border-radius: 4px; padding: 2px 6px; margin: 0 2px; color: #004085; display: inline-block; cursor: pointer;" : "background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; margin: 8px 0; text-align: center; display: block; cursor: pointer;", i === "latex") {
+      const b = window.katex;
+      try {
+        a.innerHTML = b.renderToString(e, {
+          displayMode: !t.inline,
+          throwOnError: !1
+        });
+      } catch (q) {
+        a.textContent = t.inline ? `$${e}$` : `$$${e}$$`;
+      }
+    } else if (e.trim().startsWith("<math"))
+      a.innerHTML = e;
+    else {
+      const b = `<math xmlns="http://www.w3.org/1998/Math/MathML" display="${t.inline ? "inline" : "block"}">${e}</math>`;
+      a.innerHTML = b;
+    }
+    h ? h.replaceWith(a) : u && (u.deleteContents(), u.insertNode(a)), p();
+  };
+  E.addEventListener("click", p), S.addEventListener("click", p), x.addEventListener("click", v), r.addEventListener("click", (e) => {
+    e.target === r && p();
+  }), M.forEach((e) => {
+    e.addEventListener("change", (t) => {
+      i = t.target.value, y(), m();
+    });
+  }), l.addEventListener("input", () => {
+    s = l.value, m();
+  }), l.addEventListener("keydown", (e) => {
+    (e.ctrlKey || e.metaKey) && e.key === "Enter" && (e.preventDefault(), v());
+  }), y(), m(), l.focus();
+};
+if (typeof window != "undefined" && !window.__mathPluginDoubleClickInitialized) {
+  window.__mathPluginDoubleClickInitialized = !0;
+  const n = (r) => {
+    const i = r.target.closest(".math-formula, .math-block");
+    if (i) {
+      r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation(), h = i;
+      const s = i.getAttribute("data-math-formula") || "", f = i.getAttribute("data-math-format") || "latex", l = i.classList.contains("math-formula");
+      k({ formula: s, format: f, inline: l });
+    }
+  }, d = () => {
+    document.addEventListener("dblclick", n, { capture: !0 });
+  };
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", d) : setTimeout(d, 100);
+}
+const C = () => ({
+  name: "math",
+  toolbar: [
+    {
+      label: "Insert Math",
+      command: "insertMath",
+      icon: '<svg width="24" height="24" focusable="false"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.8c.1-.5.5-.8 1-.8h10a1 1 0 1 1 0 2h-9.2L8.3 19.2a1 1 0 0 1-1.7.4l-3.4-4.2a1 1 0 0 1 1.6-1.2l2 2.5L9 4.8Zm9.7 5.5c.4.4.4 1 0 1.4L17 13.5l1.8 1.8a1 1 0 0 1-1.4 1.4L15.5 15l-1.8 1.8a1 1 0 0 1-1.4-1.4l1.8-1.8-1.8-1.8a1 1 0 0 1 1.4-1.4l1.8 1.8 1.8-1.8a1 1 0 0 1 1.4 0Z"></path></svg>'
+    }
+  ],
+  commands: {
+    insertMath: () => (k(), !0)
+  },
+  keymap: {
+    "Mod-Shift-m": "insertMath"
+  }
+});
+export {
+  C as MathPlugin
+};
+//# sourceMappingURL=MathPlugin.native-DE_ii-LA.mjs.map

package/dist/MathPlugin.native-DE_ii-LA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathPlugin.native-DE_ii-LA.mjs","sources":["../../plugins/math/src/MathPlugin.native.ts"],"sourcesContent":["import type { Plugin } from '@editora/core';\n\n/**\n * MathPlugin - Native implementation for mathematical equations\n * \n * Features:\n * - Math dialog with LaTeX/MathML templates\n * - Live KaTeX preview\n * - Double-click to edit formulas\n * - Inline/block math support\n */\n\nconst MATH_TEMPLATES = {\n  latex: [\n    { name: 'Fraction', formula: '\\\\frac{a}{b}', description: 'Simple fraction' },\n    { name: 'Square Root', formula: '\\\\sqrt{x}', description: 'Square root' },\n    { name: 'Power', formula: 'x^{2}', description: 'Exponent/power' },\n    { name: 'Subscript', formula: 'x_{sub}', description: 'Subscript' },\n    { name: 'Integral', formula: '\\\\int_{a}^{b} f(x) \\\\, dx', description: 'Definite integral' },\n    { name: 'Summation', formula: '\\\\sum_{i=1}^{n} x_{i}', description: 'Summation' },\n    { name: 'Limit', formula: '\\\\lim_{x \\\\to 0} f(x)', description: 'Limit' },\n    { name: 'Derivative', formula: '\\\\frac{d}{dx} f(x)', description: 'Derivative' },\n    { name: 'Matrix 2x2', formula: '\\\\begin{pmatrix} a & b \\\\\\\\ c & d \\\\end{pmatrix}', description: '2x2 matrix' },\n    { name: 'System', formula: '\\\\begin{cases} x + y = 1 \\\\\\\\ 2x - y = 0 \\\\end{cases}', description: 'System of equations' },\n  ],\n  mathml: [\n    { name: 'Fraction', formula: '<mfrac><mi>a</mi><mi>b</mi></mfrac>', description: 'Simple fraction' },\n    { name: 'Square Root', formula: '<msqrt><mi>x</mi></msqrt>', description: 'Square root' },\n    { name: 'Power', formula: '<msup><mi>x</mi><mn>2</mn></msup>', description: 'Exponent/power' },\n    { name: 'Subscript', formula: '<msub><mi>x</mi><mi>sub</mi></msub>', description: 'Subscript' },\n    { name: 'Parentheses', formula: '<mfenced open=\"(\" close=\")\"><mi>a</mi><mo>+</mo><mi>b</mi></mfenced>', description: 'Grouped expression' },\n  ],\n};\n\nlet savedSelection: Range | null = null;\nlet editingMathElement: HTMLElement | null = null;\nlet katexLoaded = false;\n\n// Global flag to ensure listener is added only once across all instances\ndeclare global {\n  interface Window {\n    __mathPluginDoubleClickInitialized?: boolean;\n  }\n}\n\nconst loadKaTeX = (): Promise<any> => {\n  return new Promise((resolve, reject) => {\n    if ((window as any).katex) {\n      resolve((window as any).katex);\n      return;\n    }\n\n    if (katexLoaded) {\n      const checkInterval = setInterval(() => {\n        if ((window as any).katex) {\n          clearInterval(checkInterval);\n          resolve((window as any).katex);\n        }\n      }, 100);\n      return;\n    }\n\n    katexLoaded = true;\n\n    const link = document.createElement('link');\n    link.rel = 'stylesheet';\n    link.href = 'https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css';\n    document.head.appendChild(link);\n\n    const script = document.createElement('script');\n    script.src = 'https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js';\n    script.onload = () => resolve((window as any).katex);\n    script.onerror = reject;\n    document.head.appendChild(script);\n  });\n};\n\nconst showMathDialog = async (initialData?: { formula: string; format: 'latex' | 'mathml'; inline: boolean }) => {\n  const selection = window.getSelection();\n  if (selection && selection.rangeCount > 0) {\n    savedSelection = selection.getRangeAt(0).cloneRange();\n  }\n\n  await loadKaTeX();\n\n  const overlay = document.createElement('div');\n  overlay.style.cssText = 'position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 99999;';\n\n  const dialog = document.createElement('div');\n  dialog.style.cssText = 'background: white; border-radius: 8px; width: 90%; max-width: 600px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);';\n\n  let currentFormat: 'latex' | 'mathml' = initialData?.format || 'latex';\n  let currentFormula = initialData?.formula || '';\n  let currentInline = initialData?.inline !== false;\n\n  dialog.innerHTML = `\n    <div style=\"display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #e1e5e9; background: #f8f9fa;\">\n      <h2 style=\"margin: 0; font-size: 18px; font-weight: 600;\">${initialData ? 'Edit' : 'Insert'} Math Formula</h2>\n      <button class=\"close-btn\" style=\"background: none; border: none; font-size: 28px; cursor: pointer; color: #6c757d; padding: 0; width: 30px; height: 30px; line-height: 1;\">×</button>\n    </div>\n    \n    <div style=\"padding: 20px; overflow-y: auto; flex: 1;\">\n      <div style=\"margin-bottom: 20px;\">\n        <label style=\"display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;\">Format:</label>\n        <div style=\"display: flex; gap: 16px;\">\n          <label style=\"cursor: pointer;\"><input type=\"radio\" name=\"format\" value=\"latex\" ${currentFormat === 'latex' ? 'checked' : ''} style=\"margin-right: 6px;\"> LaTeX</label>\n          <label style=\"cursor: pointer;\"><input type=\"radio\" name=\"format\" value=\"mathml\" ${currentFormat === 'mathml' ? 'checked' : ''} style=\"margin-right: 6px;\"> MathML</label>\n        </div>\n      </div>\n\n      <div style=\"margin-bottom: 20px;\">\n        <label style=\"display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;\">Quick Templates:</label>\n        <div id=\"templates-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; max-height: 200px; overflow-y: auto;\"></div>\n      </div>\n\n      <div style=\"margin-bottom: 20px;\">\n        <label style=\"cursor: pointer;\"><input type=\"checkbox\" id=\"inline-cb\" ${currentInline ? 'checked' : ''} style=\"margin-right: 8px;\"> Inline math</label>\n      </div>\n\n      <div style=\"margin-bottom: 20px;\">\n        <label style=\"display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;\">Formula:</label>\n        <textarea id=\"formula-input\" rows=\"4\" style=\"width: 100%; padding: 10px; border: 1px solid #ced4da; border-radius: 4px; font-family: 'Courier New', monospace; font-size: 14px;\">${currentFormula}</textarea>\n      </div>\n\n      <div style=\"margin-bottom: 20px;\">\n        <label style=\"display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;\">Preview:</label>\n        <div id=\"preview-area\" style=\"min-height: 60px; padding: 15px; border: 1px solid #dee2e6; border-radius: 4px; background: #f8f9fa; display: flex; align-items: center; justify-content: center; color: #6c757d;\"></div>\n      </div>\n    </div>\n\n    <div style=\"display: flex; justify-content: flex-end; gap: 10px; padding: 16px 20px; border-top: 1px solid #e1e5e9; background: #f8f9fa;\">\n      <button class=\"cancel-btn\" style=\"padding: 10px 20px; background: #fff; border: 1px solid #ced4da; border-radius: 4px; cursor: pointer; font-size: 14px;\">Cancel</button>\n      <button id=\"insert-btn\" style=\"padding: 10px 20px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px;\" disabled>${initialData ? 'Update' : 'Insert'}</button>\n    </div>\n  `;\n\n  overlay.appendChild(dialog);\n  document.body.appendChild(overlay);\n\n  const formulaInput = dialog.querySelector('#formula-input') as HTMLTextAreaElement;\n  const previewArea = dialog.querySelector('#preview-area') as HTMLDivElement;\n  const templatesGrid = dialog.querySelector('#templates-grid') as HTMLDivElement;\n  const formatRadios = dialog.querySelectorAll('input[name=\"format\"]') as NodeListOf<HTMLInputElement>;\n  const inlineCb = dialog.querySelector('#inline-cb') as HTMLInputElement;\n  const insertBtn = dialog.querySelector('#insert-btn') as HTMLButtonElement;\n  const closeBtn = dialog.querySelector('.close-btn') as HTMLButtonElement;\n  const cancelBtn = dialog.querySelector('.cancel-btn') as HTMLButtonElement;\n\n  const updateTemplates = () => {\n    const templates = MATH_TEMPLATES[currentFormat];\n    templatesGrid.innerHTML = templates.map(t => `\n      <button type=\"button\" data-formula=\"${t.formula.replace(/\"/g, '&quot;')}\" title=\"${t.description}\" style=\"padding: 8px; border: 1px solid #ced4da; border-radius: 4px; background: #fff; cursor: pointer; text-align: left;\">\n        <div style=\"font-weight: 600; font-size: 12px;\">${t.name}</div>\n        <div style=\"font-size: 10px; color: #6c757d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">${t.formula.substring(0, 20)}...</div>\n      </button>\n    `).join('');\n\n    templatesGrid.querySelectorAll('button').forEach(btn => {\n      btn.addEventListener('click', () => {\n        formulaInput.value = btn.getAttribute('data-formula') || '';\n        currentFormula = formulaInput.value;\n        updatePreview();\n      });\n    });\n  };\n\n  const updatePreview = () => {\n    const formula = formulaInput.value.trim();\n    \n    if (!formula) {\n      previewArea.innerHTML = '<span style=\"color: #6c757d;\">Enter a formula to see preview</span>';\n      insertBtn.disabled = true;\n      return;\n    }\n\n    insertBtn.disabled = false;\n\n    try {\n      if (currentFormat === 'latex') {\n        const katex = (window as any).katex;\n        previewArea.innerHTML = katex.renderToString(formula, { displayMode: false, throwOnError: false });\n      } else {\n        // For MathML, check if it starts with <math>, if not, wrap it\n        if (formula.trim().startsWith('<math')) {\n          previewArea.innerHTML = formula;\n        } else {\n          // Wrap in <math> tag and render\n          previewArea.innerHTML = `<math xmlns=\"http://www.w3.org/1998/Math/MathML\" display=\"inline\">${formula}</math>`;\n        }\n      }\n    } catch {\n      previewArea.innerHTML = '<span style=\"color: #cc0000;\">Invalid formula</span>';\n    }\n  };\n\n  const closeDialog = () => document.body.removeChild(overlay);\n\n  const insertMath = () => {\n    const formula = formulaInput.value.trim();\n    if (!formula) return;\n\n    const mathData = { formula, format: currentFormat, inline: inlineCb.checked };\n    const mathEl = mathData.inline ? document.createElement('span') : document.createElement('div');\n    \n    mathEl.className = mathData.inline ? 'math-formula' : 'math-block';\n    mathEl.setAttribute('data-math-formula', formula);\n    mathEl.setAttribute('data-math-format', currentFormat);\n    mathEl.contentEditable = 'false';\n    mathEl.style.cssText = mathData.inline \n      ? 'background: #f0f8ff; border: 1px solid #b8daff; border-radius: 4px; padding: 2px 6px; margin: 0 2px; color: #004085; display: inline-block; cursor: pointer;'\n      : 'background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; margin: 8px 0; text-align: center; display: block; cursor: pointer;';\n    \n    // Render with KaTeX for LaTeX formulas\n    if (currentFormat === 'latex') {\n      const katex = (window as any).katex;\n      try {\n        mathEl.innerHTML = katex.renderToString(formula, { \n          displayMode: !mathData.inline, \n          throwOnError: false \n        });\n      } catch {\n        mathEl.textContent = mathData.inline ? `$${formula}$` : `$$${formula}$$`;\n      }\n    } else {\n      // For MathML, wrap in <math> tag if not already wrapped\n      if (formula.trim().startsWith('<math')) {\n        mathEl.innerHTML = formula;\n      } else {\n        // Create proper MathML with namespace\n        const mathContent = `<math xmlns=\"http://www.w3.org/1998/Math/MathML\" display=\"${mathData.inline ? 'inline' : 'block'}\">${formula}</math>`;\n        mathEl.innerHTML = mathContent;\n      }\n    }\n\n    if (editingMathElement) {\n      editingMathElement.replaceWith(mathEl);\n    } else if (savedSelection) {\n      savedSelection.deleteContents();\n      savedSelection.insertNode(mathEl);\n    }\n\n    closeDialog();\n  };\n\n  closeBtn.addEventListener('click', closeDialog);\n  cancelBtn.addEventListener('click', closeDialog);\n  insertBtn.addEventListener('click', insertMath);\n  overlay.addEventListener('click', (e) => { if (e.target === overlay) closeDialog(); });\n\n  formatRadios.forEach(radio => {\n    radio.addEventListener('change', (e) => {\n      currentFormat = (e.target as HTMLInputElement).value as 'latex' | 'mathml';\n      updateTemplates();\n      updatePreview();\n    });\n  });\n\n  formulaInput.addEventListener('input', () => {\n    currentFormula = formulaInput.value;\n    updatePreview();\n  });\n\n  formulaInput.addEventListener('keydown', (e) => {\n    if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {\n      e.preventDefault();\n      insertMath();\n    }\n  });\n\n  updateTemplates();\n  updatePreview();\n  formulaInput.focus();\n};\n\n// Initialize double-click editing (only once globally)\nif (typeof window !== 'undefined' && !window.__mathPluginDoubleClickInitialized) {\n  window.__mathPluginDoubleClickInitialized = true;\n  \n  const handleMathDoubleClick = (e: MouseEvent) => {\n    const target = e.target as HTMLElement;\n    const mathEl = target.closest('.math-formula, .math-block') as HTMLElement;\n    \n    if (mathEl) {\n      e.preventDefault();\n      e.stopPropagation();\n      e.stopImmediatePropagation();\n      \n      editingMathElement = mathEl;\n      const formula = mathEl.getAttribute('data-math-formula') || '';\n      const format = (mathEl.getAttribute('data-math-format') || 'latex') as 'latex' | 'mathml';\n      const inline = mathEl.classList.contains('math-formula');\n      showMathDialog({ formula, format, inline });\n    }\n  };\n\n  const initDoubleClick = () => {\n    document.addEventListener('dblclick', handleMathDoubleClick, { capture: true });\n  };\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initDoubleClick);\n  } else {\n    setTimeout(initDoubleClick, 100);\n  }\n}\n\nexport const MathPlugin = (): Plugin => ({\n  name: \"math\",\n\n  toolbar: [\n    {\n      label: \"Insert Math\",\n      command: \"insertMath\",\n      icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 4.8c.1-.5.5-.8 1-.8h10a1 1 0 1 1 0 2h-9.2L8.3 19.2a1 1 0 0 1-1.7.4l-3.4-4.2a1 1 0 0 1 1.6-1.2l2 2.5L9 4.8Zm9.7 5.5c.4.4.4 1 0 1.4L17 13.5l1.8 1.8a1 1 0 0 1-1.4 1.4L15.5 15l-1.8 1.8a1 1 0 0 1-1.4-1.4l1.8-1.8-1.8-1.8a1 1 0 0 1 1.4-1.4l1.8 1.8 1.8-1.8a1 1 0 0 1 1.4 0Z\"></path></svg>',\n    },\n  ],\n\n  commands: {\n    insertMath: () => {\n      showMathDialog();\n      return true;\n    },\n  },\n\n  keymap: {\n    \"Mod-Shift-m\": \"insertMath\",\n  },\n});"],"names":["MATH_TEMPLATES","savedSelection","editingMathElement","katexLoaded","loadKaTeX","resolve","reject","checkInterval","link","script","showMathDialog","initialData","selection","overlay","dialog","currentFormat","currentFormula","currentInline","formulaInput","previewArea","templatesGrid","formatRadios","inlineCb","insertBtn","closeBtn","cancelBtn","updateTemplates","templates","btn","updatePreview","formula","katex","e","closeDialog","insertMath","mathData","mathEl","mathContent","radio","handleMathDoubleClick","format","inline","initDoubleClick","MathPlugin"],"mappings":"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"}