@editora/core 1.0.1 → 1.0.2

package/dist/TextAlignmentPlugin.native-CQIs1m7R.mjs

@@ -0,0 +1,97 @@
+const c = ["P", "DIV", "H1", "H2", "H3", "H4", "H5", "H6", "LI", "BLOCKQUOTE", "PRE", "TD", "TH"];
+function d(i) {
+  let t = i;
+  if (t.nodeType === Node.ELEMENT_NODE) {
+    const e = t;
+    if (c.includes(e.tagName))
+      return e;
+  }
+  for (; t; ) {
+    if (t.nodeType === Node.ELEMENT_NODE) {
+      const e = t;
+      if (c.includes(e.tagName))
+        return e;
+      if (e.hasAttribute("contenteditable"))
+        return null;
+    }
+    t = t.parentNode;
+  }
+  return null;
+}
+function f(i) {
+  const t = [], e = d(i.startContainer), l = d(i.endContainer);
+  if (!e && !l) return t;
+  if (i.collapsed)
+    return e && t.push(e), t;
+  if (e === l)
+    e && t.push(e);
+  else {
+    let s = e;
+    const o = /* @__PURE__ */ new Set();
+    for (e && (t.push(e), o.add(e)); s && s !== l && !o.has(l); ) {
+      let n = s.nextElementSibling;
+      for (; n; ) {
+        if (c.includes(n.tagName)) {
+          s = n, o.has(s) || (t.push(s), o.add(s));
+          break;
+        }
+        n = n.nextElementSibling;
+      }
+      if (!n) break;
+    }
+    l && !t.includes(l) && t.push(l);
+  }
+  return t;
+}
+const g = (i) => {
+  var o;
+  if (!i || !["left", "center", "right", "justify"].includes(i)) return !1;
+  const e = window.getSelection();
+  if (!e || e.rangeCount === 0) return !1;
+  const l = e.getRangeAt(0).cloneRange(), s = f(l);
+  if (s.length > 0) {
+    s.forEach((a) => {
+      a && (a.style.textAlign = i);
+    }), e.removeAllRanges(), e.addRange(l);
+    const n = (o = l.commonAncestorContainer.parentElement) == null ? void 0 : o.closest('[contenteditable="true"]');
+    n && n.dispatchEvent(new Event("input", { bubbles: !0 }));
+  } else
+    try {
+      const n = document.createElement("div");
+      n.style.textAlign = i;
+      const a = l.extractContents();
+      n.appendChild(a), l.insertNode(n);
+      const r = document.createRange();
+      r.selectNodeContents(n), e.removeAllRanges(), e.addRange(r);
+      const u = n.closest('[contenteditable="true"]');
+      u && u.dispatchEvent(new Event("input", { bubbles: !0 }));
+    } catch (n) {
+      return console.error("Failed to wrap content for alignment:", n), !1;
+    }
+  return !0;
+}, m = () => ({
+  name: "textAlignment",
+  toolbar: [
+    {
+      label: "Text Alignment",
+      command: "setTextAlignment",
+      type: "inline-menu",
+      options: [
+        { label: "Left", value: "left" },
+        { label: "Center", value: "center" },
+        { label: "Right", value: "right" },
+        { label: "Justify", value: "justify" }
+      ],
+      icon: '<svg width="24" height="24" focusable="false"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"></path></svg>'
+    }
+  ],
+  commands: {
+    setTextAlignment: g
+  },
+  keymap: {}
+});
+export {
+  m as TextAlignmentPlugin,
+  g as setTextAlignmentCommand
+};
+//# sourceMappingURL=TextAlignmentPlugin.native-CQIs1m7R.mjs.map

package/dist/TextAlignmentPlugin.native-CQIs1m7R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAlignmentPlugin.native-CQIs1m7R.mjs","sources":["../../plugins/text-alignment/src/TextAlignmentPlugin.native.ts"],"sourcesContent":["import { Plugin } from '@editora/core';\n\n/**\n * Text Alignment Plugin - Native Implementation\n *\n * Allows users to set text alignment (left, center, right, justify)\n * for selected text by applying CSS styles to block-level elements\n * or wrapping inline content in a div with alignment\n * \n * Uses modern CSS manipulation instead of deprecated execCommand for:\n * - More reliable behavior across browsers\n * - Better control over styling\n * - Consistent results\n */\n\n// Block-level elements that can have text-align applied\nconst BLOCK_LEVEL_TAGS = ['P', 'DIV', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'LI', 'BLOCKQUOTE', 'PRE', 'TD', 'TH'];\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Helper function to find the containing block-level element\n */\nfunction findContainingBlock(node: Node): HTMLElement | null {\n  let current: Node | null = node;\n\n  // If the node itself is a block element, return it\n  if (current.nodeType === Node.ELEMENT_NODE) {\n    const element = current as HTMLElement;\n    if (BLOCK_LEVEL_TAGS.includes(element.tagName)) {\n      return element;\n    }\n  }\n\n  // Traverse up the DOM tree to find the nearest block element\n  while (current) {\n    if (current.nodeType === Node.ELEMENT_NODE) {\n      const element = current as HTMLElement;\n      if (BLOCK_LEVEL_TAGS.includes(element.tagName)) {\n        return element;\n      }\n      // Stop at contenteditable boundary\n      if (element.hasAttribute('contenteditable')) {\n        return null;\n      }\n    }\n    current = current.parentNode;\n  }\n\n  return null;\n}\n\n/**\n * Helper function to find all block elements that intersect with the range\n */\nfunction getBlocksInRange(range: Range): HTMLElement[] {\n  const blocks: HTMLElement[] = [];\n  const startBlock = findContainingBlock(range.startContainer);\n  const endBlock = findContainingBlock(range.endContainer);\n\n  // If no block elements found, return empty array\n  if (!startBlock && !endBlock) return blocks;\n\n  // If range is collapsed (just cursor), return the block containing the cursor\n  if (range.collapsed) {\n    if (startBlock) blocks.push(startBlock);\n    return blocks;\n  }\n\n  // For actual selections, find all blocks between start and end\n  if (startBlock === endBlock) {\n    // Selection is within a single block\n    if (startBlock) blocks.push(startBlock);\n  } else {\n    // Selection spans multiple blocks - find all blocks in between\n    let current: HTMLElement | null = startBlock;\n    const visited = new Set<HTMLElement>();\n    \n    if (startBlock) {\n      blocks.push(startBlock);\n      visited.add(startBlock);\n    }\n    \n    while (current && current !== endBlock && !visited.has(endBlock as HTMLElement)) {\n      let nextSibling = current.nextElementSibling as HTMLElement | null;\n      \n      // Find the next block-level element\n      while (nextSibling) {\n        if (BLOCK_LEVEL_TAGS.includes(nextSibling.tagName)) {\n          current = nextSibling;\n          if (!visited.has(current)) {\n            blocks.push(current);\n            visited.add(current);\n          }\n          break;\n        }\n        nextSibling = nextSibling.nextElementSibling as HTMLElement | null;\n      }\n      \n      // If no more siblings, break\n      if (!nextSibling) break;\n    }\n    \n    // Add the end block if it's different and not already included\n    if (endBlock && !blocks.includes(endBlock)) {\n      blocks.push(endBlock);\n    }\n  }\n\n  return blocks;\n}\n\n/**\n * Set text alignment command\n * Applies CSS text-align styles to block-level elements\n * If no block element found, wraps selection in a div with alignment\n */\nexport const setTextAlignmentCommand = (alignment?: string) => {\n  if (!alignment) return false;\n\n  const validAlignments = ['left', 'center', 'right', 'justify'];\n  if (!validAlignments.includes(alignment)) return false;\n\n  // Get current selection\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return false;\n\n  const range = selection.getRangeAt(0).cloneRange();\n  const blocks = getBlocksInRange(range);\n\n  // If we found block elements, apply alignment to them\n  if (blocks.length > 0) {\n    blocks.forEach(block => {\n      if (block) {\n        block.style.textAlign = alignment;\n      }\n    });\n    \n    // Restore the selection\n    selection.removeAllRanges();\n    selection.addRange(range);\n    \n    // Trigger input event to update editor state\n    const contentElement = range.commonAncestorContainer.parentElement?.closest('[contenteditable=\"true\"]');\n    if (contentElement) {\n      contentElement.dispatchEvent(new Event('input', { bubbles: true }));\n    }\n  } else {\n    // No block elements found - wrap selection in a div with alignment\n    try {\n      const div = document.createElement('div');\n      div.style.textAlign = alignment;\n      \n      // Extract the selected content\n      const contents = range.extractContents();\n      div.appendChild(contents);\n      \n      // Insert the div at the range position\n      range.insertNode(div);\n      \n      // Update the range to select the content inside the div\n      const newRange = document.createRange();\n      newRange.selectNodeContents(div);\n      selection.removeAllRanges();\n      selection.addRange(newRange);\n      \n      // Trigger input event\n      const contentElement = div.closest('[contenteditable=\"true\"]');\n      if (contentElement) {\n        contentElement.dispatchEvent(new Event('input', { bubbles: true }));\n      }\n    } catch (error) {\n      console.error('Failed to wrap content for alignment:', error);\n      return false;\n    }\n  }\n\n  return true;\n};\n\n// ============================================================================\n// Plugin Definition\n// ============================================================================\n\nexport const TextAlignmentPlugin = (): Plugin => ({\n  name: 'textAlignment',\n\n  toolbar: [\n    {\n      label: 'Text Alignment',\n      command: 'setTextAlignment',\n      type: 'inline-menu',\n      options: [\n        { label: 'Left', value: 'left' },\n        { label: 'Center', value: 'center' },\n        { label: 'Right', value: 'right' },\n        { label: 'Justify', value: 'justify' }\n      ],\n      icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path d=\"M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z\" fill-rule=\"evenodd\"></path></svg>'\n    }\n  ],\n\n  commands: {\n    setTextAlignment: setTextAlignmentCommand\n  },\n\n  keymap: {}\n});\n"],"names":["BLOCK_LEVEL_TAGS","findContainingBlock","node","current","element","getBlocksInRange","range","blocks","startBlock","endBlock","visited","nextSibling","setTextAlignmentCommand","alignment","_a","selection","block","contentElement","div","contents","newRange","error","TextAlignmentPlugin"],"mappings":"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"}

package/dist/TextColorPlugin.native-D6SmTglm.mjs

@@ -0,0 +1,432 @@
+let r = null, f = null, g = null, i = "#000000";
+const y = [
+  "#000000",
+  "#ffffff",
+  "#808080",
+  "#ff0000",
+  "#00ff00",
+  "#0000ff",
+  "#ffff00",
+  "#ff00ff",
+  "#00ffff",
+  "#ffa500",
+  "#800080",
+  "#ffc0cb"
+];
+function u(e) {
+  try {
+    if (g) {
+      const s = window.getSelection();
+      s && (s.removeAllRanges(), s.addRange(g));
+    }
+    const o = window.getSelection();
+    if (!o || o.rangeCount === 0 || o.isCollapsed)
+      return !1;
+    const t = o.getRangeAt(0), l = t.startContainer.nodeType === Node.TEXT_NODE ? t.startContainer.parentElement : t.startContainer, c = t.endContainer.nodeType === Node.TEXT_NODE ? t.endContainer.parentElement : t.endContainer;
+    let n = null, a = l;
+    for (; a && a !== document.body; ) {
+      if (a.classList.contains("rte-text-color")) {
+        const s = document.createRange();
+        if (s.selectNodeContents(a), s.compareBoundaryPoints(Range.START_TO_START, t) <= 0 && s.compareBoundaryPoints(Range.END_TO_END, t) >= 0) {
+          n = a;
+          break;
+        }
+      }
+      a = a.parentElement;
+    }
+    if (n)
+      return n.style.color = e, !0;
+    const p = document.createElement("span");
+    p.style.color = e, p.className = "rte-text-color";
+    const h = t.extractContents();
+    return p.appendChild(h), t.insertNode(p), t.setStartAfter(p), t.collapse(!0), o.removeAllRanges(), o.addRange(t), !0;
+  } catch (o) {
+    return console.error("Failed to set text color:", o), !1;
+  }
+}
+function v() {
+  const e = window.getSelection();
+  if (!e || e.rangeCount === 0) return "#000000";
+  let t = e.getRangeAt(0).startContainer;
+  for (; t && t !== document.body; ) {
+    if (t.nodeType === Node.ELEMENT_NODE) {
+      const l = t, c = l.style.color || window.getComputedStyle(l).color;
+      if (c && c !== "rgb(0, 0, 0)")
+        return w(c);
+    }
+    t = t.parentNode;
+  }
+  return "#000000";
+}
+function w(e) {
+  if (e.startsWith("#")) return e;
+  const o = e.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+  if (!o) return "#000000";
+  const t = parseInt(o[1]), l = parseInt(o[2]), c = parseInt(o[3]);
+  return "#" + [t, l, c].map((n) => {
+    const a = n.toString(16);
+    return a.length === 1 ? "0" + a : a;
+  }).join("");
+}
+function C(e) {
+  const o = window.getSelection();
+  o && o.rangeCount > 0 && (g = o.getRangeAt(0).cloneRange()), i = v(), r = document.createElement("div"), r.className = "rte-inline-color-picker", r.addEventListener("click", (l) => l.stopPropagation()), r.innerHTML = `
+    <div class="rte-color-picker-header">
+      <span class="rte-color-picker-title">Text Color</span>
+      <button class="rte-color-picker-close" aria-label="Close">×</button>
+    </div>
+    
+    <div class="rte-color-picker-body">
+      <!-- Current Color Preview -->
+      <div class="rte-color-preview-section">
+        <div class="rte-color-preview-box" style="background-color: ${i}; ${i === "#ffffff" ? "border: 1px solid #ccc;" : ""}"></div>
+        <span class="rte-color-preview-label">${i.toUpperCase()}</span>
+      </div>
+
+      <!-- Preset Colors -->
+      <div class="rte-color-section">
+        <label class="rte-color-section-label">Colors</label>
+        <div class="rte-color-palette">
+          ${y.map((l) => `
+            <button
+              class="rte-color-swatch ${i === l ? "selected" : ""}"
+              style="background-color: ${l}; ${l === "#ffffff" ? "border: 1px solid #ccc;" : ""}"
+              data-color="${l}"
+              title="${l.toUpperCase()}"
+              aria-label="${l.toUpperCase()}"
+            ></button>
+          `).join("")}
+        </div>
+      </div>
+
+      <!-- Custom Color -->
+      <div class="rte-color-section">
+        <label class="rte-color-section-label">Custom</label>
+        <div class="rte-custom-color-inputs">
+          <input
+            type="color"
+            value="${i}"
+            class="rte-color-input-native"
+            aria-label="Color picker"
+          />
+          <input
+            type="text"
+            value="${i}"
+            placeholder="#000000"
+            pattern="^#[0-9A-Fa-f]{6}$"
+            class="rte-color-input-text"
+            aria-label="Hex color input"
+          />
+        </div>
+      </div>
+    </div>
+  `;
+  const t = e.getBoundingClientRect();
+  r.style.position = "absolute", r.style.top = `${t.bottom + window.scrollY + 4}px`, r.style.left = `${t.left + window.scrollX}px`, r.style.zIndex = "10000", document.body.appendChild(r), f = e, k();
+}
+function k() {
+  if (!r) return;
+  const e = r.querySelector(".rte-color-picker-close");
+  e == null || e.addEventListener("click", () => d()), r.querySelectorAll(".rte-color-swatch").forEach((c) => {
+    c.addEventListener("click", () => {
+      const n = c.getAttribute("data-color");
+      n && (i = n, u(n), d());
+    });
+  });
+  const t = r.querySelector(".rte-color-input-native");
+  t == null || t.addEventListener("change", (c) => {
+    const n = c.target.value;
+    i = n, u(n), d();
+  });
+  const l = r.querySelector(".rte-color-input-text");
+  l == null || l.addEventListener("change", (c) => {
+    const n = c.target.value;
+    /^#[0-9A-Fa-f]{6}$/.test(n) && (i = n, u(n), d());
+  }), t == null || t.addEventListener("input", (c) => {
+    const n = c.target.value;
+    i = n, x(n), b(n), T(n);
+  }), l == null || l.addEventListener("input", (c) => {
+    const n = c.target.value;
+    /^#[0-9A-Fa-f]{6}$/.test(n) && (i = n, x(n), b(n), E(n));
+  });
+}
+function x(e) {
+  if (!r) return;
+  const o = r.querySelector(".rte-color-preview-box"), t = r.querySelector(".rte-color-preview-label");
+  o && (o.style.backgroundColor = e, o.style.border = e === "#ffffff" ? "1px solid #ccc" : "none"), t && (t.textContent = e.toUpperCase());
+}
+function b(e) {
+  if (!r) return;
+  r.querySelectorAll(".rte-color-swatch").forEach((t) => {
+    t.getAttribute("data-color") === e ? t.classList.add("selected") : t.classList.remove("selected");
+  });
+}
+function E(e) {
+  if (!r) return;
+  const o = r.querySelector(".rte-color-input-native");
+  o && (o.value = e);
+}
+function T(e) {
+  if (!r) return;
+  const o = r.querySelector(".rte-color-input-text");
+  o && (o.value = e);
+}
+function d() {
+  r && (r.remove(), r = null), f = null, g = null;
+}
+function S() {
+  if (r)
+    return d(), !0;
+  const e = document.querySelector('[data-command="openTextColorPicker"]');
+  return e ? (C(e), !0) : !1;
+}
+function m() {
+  if (!window.__textColorPluginInitialized && (window.__textColorPluginInitialized = !0, document.addEventListener("click", (e) => {
+    if (r && f) {
+      const o = e.target;
+      !r.contains(o) && !f.contains(o) && d();
+    }
+  }), !document.getElementById("text-color-plugin-styles"))) {
+    const e = document.createElement("style");
+    e.id = "text-color-plugin-styles", e.textContent = `
+      .rte-inline-color-picker {
+        background: white;
+        border-radius: 8px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+        width: 220px;
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      }
+
+      .rte-color-picker-header {
+        padding: 12px 16px;
+        border-bottom: 1px solid #eee;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .rte-color-picker-title {
+        font-size: 14px;
+        font-weight: 600;
+        color: #333;
+      }
+
+      .rte-color-picker-close {
+        background: none;
+        border: none;
+        font-size: 24px;
+        cursor: pointer;
+        color: #999;
+        padding: 0;
+        width: 24px;
+        height: 24px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        line-height: 1;
+      }
+
+      .rte-color-picker-close:hover {
+        color: #333;
+      }
+
+      .rte-color-picker-body {
+        padding: 8px;
+      }
+
+      .rte-color-preview-section {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        margin-bottom: 8px;
+        padding: 6px;
+        background-color: #f8f9fa;
+        border-radius: 6px;
+        border: 1px solid #e0e0e0;
+      }
+
+      .rte-color-preview-box {
+        width: 24px;
+        height: 24px;
+        border-radius: 4px;
+        flex-shrink: 0;
+      }
+
+      .rte-color-preview-label {
+        font-size: 13px;
+        font-weight: 500;
+        color: #666;
+        font-family: monospace;
+      }
+
+      .rte-color-section {
+        margin-bottom: 16px;
+      }
+
+      .rte-color-section:last-child {
+        margin-bottom: 0;
+      }
+
+      .rte-color-section-label {
+        display: block;
+        font-size: 12px;
+        font-weight: 600;
+        color: #666;
+        margin-bottom: 8px;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+
+      .rte-color-palette {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+        gap: 6px;
+        max-width: 180px;
+      }
+
+      .rte-color-swatch {
+        width: 100%;
+        aspect-ratio: 1;
+        border: 1px solid #e0e0e0;
+        border-radius: 3px;
+        cursor: pointer;
+        transition: all 0.15s ease;
+        padding: 0;
+        min-height: 20px;
+      }
+
+      .rte-color-swatch:hover {
+        transform: scale(1.05);
+        border-color: #ccc;
+        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+      }
+
+      .rte-color-swatch.selected {
+        border-color: #1976d2;
+        box-shadow: 0 0 0 1px rgba(25, 118, 210, 0.3);
+      }
+
+      .rte-custom-color-inputs {
+        display: flex;
+        gap: 8px;
+      }
+
+      .rte-color-input-native {
+        width: 50px;
+        height: 26px;
+        border: 1px solid #ddd;
+        border-radius: 4px;
+        cursor: pointer;
+        padding: 2px;
+      }
+
+      .rte-color-input-text {
+        flex: 1;
+        height: 26px;
+        width: 50px;
+        border: 1px solid #ddd;
+        border-radius: 4px;
+        padding: 0 12px;
+        font-size: 13px;
+        font-family: monospace;
+      }
+
+      .rte-color-input-text:focus {
+        outline: none;
+        border-color: #1976d2;
+      }
+
+      .rte-color-picker-footer {
+        padding: 12px 16px;
+        border-top: 1px solid #eee;
+        display: flex;
+        gap: 8px;
+        justify-content: flex-end;
+      }
+
+      .rte-btn-primary,
+      .rte-btn-secondary {
+        padding: 6px 16px;
+        border-radius: 4px;
+        font-size: 13px;
+        font-weight: 500;
+        cursor: pointer;
+        transition: all 0.2s;
+        border: none;
+      }
+
+      .rte-btn-primary {
+        background-color: #1976d2;
+        color: white;
+      }
+
+      .rte-btn-primary:hover {
+        background-color: #1565c0;
+      }
+
+      .rte-btn-secondary {
+        background-color: #f5f5f5;
+        color: #333;
+        border: 1px solid #ddd;
+      }
+
+      .rte-btn-secondary:hover {
+        background-color: #eeeeee;
+      }
+    `, document.head.appendChild(e);
+  }
+}
+document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", m) : setTimeout(m, 100);
+const R = () => ({
+  name: "textColor",
+  marks: {
+    textColor: {
+      attrs: {
+        color: { default: "#000000" }
+      },
+      parseDOM: [
+        {
+          tag: "span[style*=color]",
+          getAttrs: (e) => {
+            const t = (e.getAttribute("style") || "").match(/color:\s*([^;]+)/);
+            return t ? { color: t[1] } : null;
+          }
+        },
+        {
+          tag: "font[color]",
+          getAttrs: (e) => {
+            const o = e.getAttribute("color");
+            return o ? { color: o } : null;
+          }
+        }
+      ],
+      toDOM: (e) => {
+        var o;
+        return [
+          "span",
+          {
+            style: `color: ${((o = e.attrs) == null ? void 0 : o.color) || "#000000"}`,
+            class: "rte-text-color"
+          },
+          0
+        ];
+      }
+    }
+  },
+  toolbar: [
+    {
+      label: "Text Color",
+      command: "openTextColorPicker",
+      icon: '<svg width="24" height="24" focusable="false"><g fill-rule="evenodd"><path class="tox-icon-text-color__color" d="M3 18h18v3H3z" fill="currentColor"></path><path d="M8.7 16h-.8a.5.5 0 0 1-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 0 1-.5.6h-.8a.5.5 0 0 1-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4Zm2.6-7.6-.6 2a.5.5 0 0 0 .5.6h1.6a.5.5 0 0 0 .5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4Z"></path></g></svg>'
+    }
+  ],
+  commands: {
+    openTextColorPicker: () => S(),
+    setTextColor: (e) => e ? u(e) : !1
+  },
+  keymap: {}
+});
+export {
+  R as TextColorPlugin
+};
+//# sourceMappingURL=TextColorPlugin.native-D6SmTglm.mjs.map

package/dist/TextColorPlugin.native-D6SmTglm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextColorPlugin.native-D6SmTglm.mjs","sources":["../../plugins/text-color/src/TextColorPlugin.native.ts"],"sourcesContent":["import type { Plugin } from '@editora/core';\n\n/**\n * TextColorPlugin - Native Implementation\n *\n * Allows users to set text color with:\n * - Inline color picker with preset color swatches\n * - Custom color picker (native browser input)\n * - Hex color input\n * - Color preview\n * - Applies foreground color to selected text\n * \n * Features match React ColorPickerDialog component\n */\n\n// ============================================================================\n// Module-Level State\n// ============================================================================\nlet colorPickerElement: HTMLDivElement | null = null;\nlet currentButton: HTMLElement | null = null;\nlet savedRange: Range | null = null;\nlet selectedColor: string = '#000000';\n\n// ============================================================================\n// Preset Colors (matching React version) - Reduced set for smaller picker\n// ============================================================================\nconst PRESET_COLORS = [\n  '#000000', '#ffffff', '#808080', '#ff0000', '#00ff00', '#0000ff',\n  '#ffff00', '#ff00ff', '#00ffff', '#ffa500', '#800080', '#ffc0cb'\n];\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Apply text color to selection\n */\nfunction applyTextColor(color: string): boolean {\n  try {\n    // Restore saved selection if available\n    if (savedRange) {\n      const selection = window.getSelection();\n      if (selection) {\n        selection.removeAllRanges();\n        selection.addRange(savedRange);\n      }\n    }\n\n    const selection = window.getSelection();\n    if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {\n      return false;\n    }\n\n    const range = selection.getRangeAt(0);\n\n    // Check if the selection is entirely within existing color spans\n    const startElement = range.startContainer.nodeType === Node.TEXT_NODE ? range.startContainer.parentElement : range.startContainer as Element;\n    const endElement = range.endContainer.nodeType === Node.TEXT_NODE ? range.endContainer.parentElement : range.endContainer as Element;\n\n    // Find the outermost color span that contains the entire selection\n    let targetSpan: Element | null = null;\n    let currentElement: Element | null = startElement;\n\n    while (currentElement && currentElement !== document.body) {\n      if (currentElement.classList.contains('rte-text-color')) {\n        // Check if this span contains the entire selection\n        const spanRange = document.createRange();\n        spanRange.selectNodeContents(currentElement);\n        \n        // Check if the selection range is within this span's range\n        if (spanRange.compareBoundaryPoints(Range.START_TO_START, range) <= 0 &&\n            spanRange.compareBoundaryPoints(Range.END_TO_END, range) >= 0) {\n          targetSpan = currentElement;\n          break;\n        }\n      }\n      currentElement = currentElement.parentElement;\n    }\n\n    // If we found a target span that contains the entire selection, just update its color\n    if (targetSpan) {\n      targetSpan.style.color = color;\n      return true;\n    }\n\n    // No existing span contains the entire selection, create a new one\n    const span = document.createElement('span');\n    span.style.color = color;\n    span.className = 'rte-text-color';\n\n    const contents = range.extractContents();\n    span.appendChild(contents);\n    range.insertNode(span);\n\n    // Move cursor after the colored text\n    range.setStartAfter(span);\n    range.collapse(true);\n    selection.removeAllRanges();\n    selection.addRange(range);\n\n    return true;\n  } catch (error) {\n    console.error('Failed to set text color:', error);\n    return false;\n  }\n}\nfunction getCurrentTextColor(): string {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return '#000000';\n\n  const range = selection.getRangeAt(0);\n  let node: Node | null = range.startContainer;\n\n  // Traverse up to find a span with color style\n  while (node && node !== document.body) {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      const element = node as HTMLElement;\n      const color = element.style.color || window.getComputedStyle(element).color;\n      if (color && color !== 'rgb(0, 0, 0)') {\n        // Convert rgb to hex\n        return rgbToHex(color);\n      }\n    }\n    node = node.parentNode;\n  }\n\n  return '#000000';\n}\n\n/**\n * Convert RGB color to hex\n */\nfunction rgbToHex(rgb: string): string {\n  if (rgb.startsWith('#')) return rgb;\n  \n  const match = rgb.match(/^rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)$/);\n  if (!match) return '#000000';\n\n  const r = parseInt(match[1]);\n  const g = parseInt(match[2]);\n  const b = parseInt(match[3]);\n\n  return '#' + [r, g, b].map(x => {\n    const hex = x.toString(16);\n    return hex.length === 1 ? '0' + hex : hex;\n  }).join('');\n}\n\n/**\n * Create the inline color picker\n */\nfunction createColorPicker(button: HTMLElement): void {\n  // Save current selection\n  const selection = window.getSelection();\n  if (selection && selection.rangeCount > 0) {\n    savedRange = selection.getRangeAt(0).cloneRange();\n  }\n\n  // Get current color\n  selectedColor = getCurrentTextColor();\n\n  // Create picker element\n  colorPickerElement = document.createElement('div');\n  colorPickerElement.className = 'rte-inline-color-picker';\n  colorPickerElement.addEventListener('click', (e) => e.stopPropagation());\n\n  // Build picker content\n  colorPickerElement.innerHTML = `\n    <div class=\"rte-color-picker-header\">\n      <span class=\"rte-color-picker-title\">Text Color</span>\n      <button class=\"rte-color-picker-close\" aria-label=\"Close\">×</button>\n    </div>\n    \n    <div class=\"rte-color-picker-body\">\n      <!-- Current Color Preview -->\n      <div class=\"rte-color-preview-section\">\n        <div class=\"rte-color-preview-box\" style=\"background-color: ${selectedColor}; ${selectedColor === '#ffffff' ? 'border: 1px solid #ccc;' : ''}\"></div>\n        <span class=\"rte-color-preview-label\">${selectedColor.toUpperCase()}</span>\n      </div>\n\n      <!-- Preset Colors -->\n      <div class=\"rte-color-section\">\n        <label class=\"rte-color-section-label\">Colors</label>\n        <div class=\"rte-color-palette\">\n          ${PRESET_COLORS.map(color => `\n            <button\n              class=\"rte-color-swatch ${selectedColor === color ? 'selected' : ''}\"\n              style=\"background-color: ${color}; ${color === '#ffffff' ? 'border: 1px solid #ccc;' : ''}\"\n              data-color=\"${color}\"\n              title=\"${color.toUpperCase()}\"\n              aria-label=\"${color.toUpperCase()}\"\n            ></button>\n          `).join('')}\n        </div>\n      </div>\n\n      <!-- Custom Color -->\n      <div class=\"rte-color-section\">\n        <label class=\"rte-color-section-label\">Custom</label>\n        <div class=\"rte-custom-color-inputs\">\n          <input\n            type=\"color\"\n            value=\"${selectedColor}\"\n            class=\"rte-color-input-native\"\n            aria-label=\"Color picker\"\n          />\n          <input\n            type=\"text\"\n            value=\"${selectedColor}\"\n            placeholder=\"#000000\"\n            pattern=\"^#[0-9A-Fa-f]{6}$\"\n            class=\"rte-color-input-text\"\n            aria-label=\"Hex color input\"\n          />\n        </div>\n      </div>\n    </div>\n  `;\n\n  // Position picker below button\n  const buttonRect = button.getBoundingClientRect();\n  colorPickerElement.style.position = 'absolute';\n  colorPickerElement.style.top = `${buttonRect.bottom + window.scrollY + 4}px`;\n  colorPickerElement.style.left = `${buttonRect.left + window.scrollX}px`;\n  colorPickerElement.style.zIndex = '10000';\n\n  document.body.appendChild(colorPickerElement);\n  currentButton = button;\n\n  // Attach event listeners\n  attachColorPickerListeners();\n}\n\n/**\n * Attach event listeners to color picker elements\n */\nfunction attachColorPickerListeners(): void {\n  if (!colorPickerElement) return;\n\n  // Close button\n  const closeBtn = colorPickerElement.querySelector('.rte-color-picker-close');\n  closeBtn?.addEventListener('click', () => closeColorPicker());\n\n  // Color swatches - single click applies immediately\n  const swatches = colorPickerElement.querySelectorAll('.rte-color-swatch');\n  swatches.forEach(swatch => {\n    swatch.addEventListener('click', () => {\n      const color = swatch.getAttribute('data-color');\n      if (color) {\n        selectedColor = color;\n        applyTextColor(color);\n        closeColorPicker();\n      }\n    });\n  });\n\n  // Native color input - apply on change\n  const nativeInput = colorPickerElement.querySelector('.rte-color-input-native') as HTMLInputElement;\n  nativeInput?.addEventListener('change', (e) => {\n    const color = (e.target as HTMLInputElement).value;\n    selectedColor = color;\n    applyTextColor(color);\n    closeColorPicker();\n  });\n\n  // Text color input - apply on valid input\n  const textInput = colorPickerElement.querySelector('.rte-color-input-text') as HTMLInputElement;\n  textInput?.addEventListener('change', (e) => {\n    const color = (e.target as HTMLInputElement).value;\n    if (/^#[0-9A-Fa-f]{6}$/.test(color)) {\n      selectedColor = color;\n      applyTextColor(color);\n      closeColorPicker();\n    }\n  });\n\n  // Update preview on input (but don't apply yet)\n  nativeInput?.addEventListener('input', (e) => {\n    const color = (e.target as HTMLInputElement).value;\n    selectedColor = color;\n    updateColorPreview(color);\n    updateSelectedSwatch(color);\n    updateTextInput(color);\n  });\n\n  textInput?.addEventListener('input', (e) => {\n    const color = (e.target as HTMLInputElement).value;\n    if (/^#[0-9A-Fa-f]{6}$/.test(color)) {\n      selectedColor = color;\n      updateColorPreview(color);\n      updateSelectedSwatch(color);\n      updateNativeInput(color);\n    }\n  });\n}\n\n/**\n * Update color preview\n */\nfunction updateColorPreview(color: string): void {\n  if (!colorPickerElement) return;\n  \n  const previewBox = colorPickerElement.querySelector('.rte-color-preview-box') as HTMLElement;\n  const previewLabel = colorPickerElement.querySelector('.rte-color-preview-label') as HTMLElement;\n  \n  if (previewBox) {\n    previewBox.style.backgroundColor = color;\n    previewBox.style.border = color === '#ffffff' ? '1px solid #ccc' : 'none';\n  }\n  if (previewLabel) {\n    previewLabel.textContent = color.toUpperCase();\n  }\n}\n\n/**\n * Update selected swatch\n */\nfunction updateSelectedSwatch(color: string): void {\n  if (!colorPickerElement) return;\n  \n  const swatches = colorPickerElement.querySelectorAll('.rte-color-swatch');\n  swatches.forEach(swatch => {\n    if (swatch.getAttribute('data-color') === color) {\n      swatch.classList.add('selected');\n    } else {\n      swatch.classList.remove('selected');\n    }\n  });\n}\n\n/**\n * Update custom inputs\n */\nfunction updateCustomInputs(color: string): void {\n  updateNativeInput(color);\n  updateTextInput(color);\n}\n\nfunction updateNativeInput(color: string): void {\n  if (!colorPickerElement) return;\n  const nativeInput = colorPickerElement.querySelector('.rte-color-input-native') as HTMLInputElement;\n  if (nativeInput) nativeInput.value = color;\n}\n\nfunction updateTextInput(color: string): void {\n  if (!colorPickerElement) return;\n  const textInput = colorPickerElement.querySelector('.rte-color-input-text') as HTMLInputElement;\n  if (textInput) textInput.value = color;\n}\n\n/**\n * Close color picker\n */\nfunction closeColorPicker(): void {\n  if (colorPickerElement) {\n    colorPickerElement.remove();\n    colorPickerElement = null;\n  }\n  currentButton = null;\n  savedRange = null;\n}\n\n/**\n * Open color picker\n */\nfunction openTextColorPicker(): boolean {\n  // Close any existing picker\n  if (colorPickerElement) {\n    closeColorPicker();\n    return true;\n  }\n\n  // Find the text color button\n  const button = document.querySelector('[data-command=\"openTextColorPicker\"]') as HTMLElement;\n  if (!button) return false;\n\n  createColorPicker(button);\n  return true;\n}\n\n/**\n * Initialize plugin (called once when editor loads)\n */\nfunction initTextColorPlugin(): void {\n  if ((window as any).__textColorPluginInitialized) {\n    return;\n  }\n\n  (window as any).__textColorPluginInitialized = true;\n\n  // Close picker when clicking outside\n  document.addEventListener('click', (e) => {\n    if (colorPickerElement && currentButton) {\n      const target = e.target as Node;\n      if (!colorPickerElement.contains(target) && !currentButton.contains(target)) {\n        closeColorPicker();\n      }\n    }\n  });\n\n  // Add CSS styles\n  if (!document.getElementById('text-color-plugin-styles')) {\n    const styleElement = document.createElement('style');\n    styleElement.id = 'text-color-plugin-styles';\n    styleElement.textContent = `\n      .rte-inline-color-picker {\n        background: white;\n        border-radius: 8px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        width: 220px;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      }\n\n      .rte-color-picker-header {\n        padding: 12px 16px;\n        border-bottom: 1px solid #eee;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      .rte-color-picker-title {\n        font-size: 14px;\n        font-weight: 600;\n        color: #333;\n      }\n\n      .rte-color-picker-close {\n        background: none;\n        border: none;\n        font-size: 24px;\n        cursor: pointer;\n        color: #999;\n        padding: 0;\n        width: 24px;\n        height: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 1;\n      }\n\n      .rte-color-picker-close:hover {\n        color: #333;\n      }\n\n      .rte-color-picker-body {\n        padding: 8px;\n      }\n\n      .rte-color-preview-section {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 8px;\n        padding: 6px;\n        background-color: #f8f9fa;\n        border-radius: 6px;\n        border: 1px solid #e0e0e0;\n      }\n\n      .rte-color-preview-box {\n        width: 24px;\n        height: 24px;\n        border-radius: 4px;\n        flex-shrink: 0;\n      }\n\n      .rte-color-preview-label {\n        font-size: 13px;\n        font-weight: 500;\n        color: #666;\n        font-family: monospace;\n      }\n\n      .rte-color-section {\n        margin-bottom: 16px;\n      }\n\n      .rte-color-section:last-child {\n        margin-bottom: 0;\n      }\n\n      .rte-color-section-label {\n        display: block;\n        font-size: 12px;\n        font-weight: 600;\n        color: #666;\n        margin-bottom: 8px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n      }\n\n      .rte-color-palette {\n        display: grid;\n        grid-template-columns: repeat(7, 1fr);\n        gap: 6px;\n        max-width: 180px;\n      }\n\n      .rte-color-swatch {\n        width: 100%;\n        aspect-ratio: 1;\n        border: 1px solid #e0e0e0;\n        border-radius: 3px;\n        cursor: pointer;\n        transition: all 0.15s ease;\n        padding: 0;\n        min-height: 20px;\n      }\n\n      .rte-color-swatch:hover {\n        transform: scale(1.05);\n        border-color: #ccc;\n        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\n      }\n\n      .rte-color-swatch.selected {\n        border-color: #1976d2;\n        box-shadow: 0 0 0 1px rgba(25, 118, 210, 0.3);\n      }\n\n      .rte-custom-color-inputs {\n        display: flex;\n        gap: 8px;\n      }\n\n      .rte-color-input-native {\n        width: 50px;\n        height: 26px;\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        cursor: pointer;\n        padding: 2px;\n      }\n\n      .rte-color-input-text {\n        flex: 1;\n        height: 26px;\n        width: 50px;\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        padding: 0 12px;\n        font-size: 13px;\n        font-family: monospace;\n      }\n\n      .rte-color-input-text:focus {\n        outline: none;\n        border-color: #1976d2;\n      }\n\n      .rte-color-picker-footer {\n        padding: 12px 16px;\n        border-top: 1px solid #eee;\n        display: flex;\n        gap: 8px;\n        justify-content: flex-end;\n      }\n\n      .rte-btn-primary,\n      .rte-btn-secondary {\n        padding: 6px 16px;\n        border-radius: 4px;\n        font-size: 13px;\n        font-weight: 500;\n        cursor: pointer;\n        transition: all 0.2s;\n        border: none;\n      }\n\n      .rte-btn-primary {\n        background-color: #1976d2;\n        color: white;\n      }\n\n      .rte-btn-primary:hover {\n        background-color: #1565c0;\n      }\n\n      .rte-btn-secondary {\n        background-color: #f5f5f5;\n        color: #333;\n        border: 1px solid #ddd;\n      }\n\n      .rte-btn-secondary:hover {\n        background-color: #eeeeee;\n      }\n    `;\n    document.head.appendChild(styleElement);\n  }\n}\n\n// Auto-initialize when DOM is ready\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', initTextColorPlugin);\n} else {\n  setTimeout(initTextColorPlugin, 100);\n}\n\n// ============================================================================\n// Plugin Definition\n// ============================================================================\n\nexport const TextColorPlugin = (): Plugin => ({\n  name: 'textColor',\n\n  marks: {\n    textColor: {\n      attrs: {\n        color: { default: '#000000' }\n      },\n      parseDOM: [\n        {\n          tag: 'span[style*=color]',\n          getAttrs: (node: HTMLElement) => {\n            const style = node.getAttribute('style') || '';\n            const colorMatch = style.match(/color:\\s*([^;]+)/);\n            if (colorMatch) {\n              return { color: colorMatch[1] };\n            }\n            return null;\n          }\n        },\n        {\n          tag: 'font[color]',\n          getAttrs: (node: HTMLElement) => {\n            const color = node.getAttribute('color');\n            return color ? { color } : null;\n          }\n        }\n      ],\n      toDOM: (mark) => [\n        'span',\n        {\n          style: `color: ${mark.attrs?.color || '#000000'}`,\n          class: 'rte-text-color'\n        },\n        0\n      ]\n    }\n  },\n\n  toolbar: [\n    {\n      label: 'Text Color',\n      command: 'openTextColorPicker',\n      icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><g fill-rule=\"evenodd\"><path class=\"tox-icon-text-color__color\" d=\"M3 18h18v3H3z\" fill=\"currentColor\"></path><path d=\"M8.7 16h-.8a.5.5 0 0 1-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 0 1-.5.6h-.8a.5.5 0 0 1-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4Zm2.6-7.6-.6 2a.5.5 0 0 0 .5.6h1.6a.5.5 0 0 0 .5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4Z\"></path></g></svg>'\n    }\n  ],\n\n  commands: {\n    openTextColorPicker: () => {\n      return openTextColorPicker();\n    },\n    setTextColor: (color?: string) => {\n      if (!color) return false;\n      return applyTextColor(color);\n    }\n  },\n\n  keymap: {}\n});\n"],"names":["colorPickerElement","currentButton","savedRange","selectedColor","PRESET_COLORS","applyTextColor","color","selection","range","startElement","endElement","targetSpan","currentElement","spanRange","span","contents","error","getCurrentTextColor","node","element","rgbToHex","rgb","match","r","g","b","x","hex","createColorPicker","button","e","buttonRect","attachColorPickerListeners","closeBtn","closeColorPicker","swatch","nativeInput","textInput","updateColorPreview","updateSelectedSwatch","updateTextInput","updateNativeInput","previewBox","previewLabel","openTextColorPicker","initTextColorPlugin","target","styleElement","TextColorPlugin","colorMatch","mark","_a"],"mappings":"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"}

package/dist/UnderlinePlugin.native-QpIcK4L2.mjs

@@ -0,0 +1,35 @@
+const e = () => ({
+  name: "underline",
+  // Schema definition for underline mark
+  marks: {
+    underline: {
+      parseDOM: [{ tag: "u" }],
+      toDOM: () => ["u", {}, 0]
+    }
+  },
+  // Toolbar button configuration (matching React version exactly)
+  toolbar: [
+    {
+      label: "Underline",
+      command: "toggleUnderline",
+      icon: '<svg width="24" height="24" focusable="false"><path d="M16 5c.6 0 1 .4 1 1v7c0 2.8-2.2 5-5 5s-5-2.2-5-5V6c0-.6.4-1 1-1s1 .4 1 1v7c0 1.7 1.3 3 3 3s3-1.3 3-3V6c0-.6.4-1 1-1ZM4 17h16c.6 0 1 .4 1 1s-.4 1-1 1H4a1 1 0 1 1 0-2Z" fill-rule="evenodd"></path></svg>',
+      shortcut: "Mod-u"
+    }
+  ],
+  // Native command implementations
+  commands: {
+    /**
+     * Toggle underline formatting on current selection
+     */
+    toggleUnderline: () => (document.execCommand("underline", !1), !0)
+  },
+  // Keyboard shortcuts
+  keymap: {
+    "Mod-u": "toggleUnderline",
+    "Mod-U": "toggleUnderline"
+  }
+});
+export {
+  e as UnderlinePlugin
+};
+//# sourceMappingURL=UnderlinePlugin.native-QpIcK4L2.mjs.map

package/dist/UnderlinePlugin.native-QpIcK4L2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinePlugin.native-QpIcK4L2.mjs","sources":["../../plugins/underline/src/UnderlinePlugin.native.ts"],"sourcesContent":["import { Plugin } from '@editora/core';\n\n/**\n * Underline Plugin - Native Implementation\n * \n * Adds underline formatting support with native command implementation.\n * Matches React version UI/UX exactly.\n */\nexport const UnderlinePlugin = (): Plugin => ({\n  name: 'underline',\n  \n  // Schema definition for underline mark\n  marks: {\n    underline: {\n      parseDOM: [{ tag: 'u' }],\n      toDOM: () => ['u', {}, 0]\n    }\n  },\n  \n  // Toolbar button configuration (matching React version exactly)\n  toolbar: [\n    {\n      label: 'Underline',\n      command: 'toggleUnderline',\n      icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path d=\"M16 5c.6 0 1 .4 1 1v7c0 2.8-2.2 5-5 5s-5-2.2-5-5V6c0-.6.4-1 1-1s1 .4 1 1v7c0 1.7 1.3 3 3 3s3-1.3 3-3V6c0-.6.4-1 1-1ZM4 17h16c.6 0 1 .4 1 1s-.4 1-1 1H4a1 1 0 1 1 0-2Z\" fill-rule=\"evenodd\"></path></svg>',\n      shortcut: 'Mod-u'\n    }\n  ],\n  \n  // Native command implementations\n  commands: {\n    /**\n     * Toggle underline formatting on current selection\n     */\n    toggleUnderline: () => {\n      document.execCommand('underline', false);\n      return true;\n    }\n  },\n  \n  // Keyboard shortcuts\n  keymap: {\n    'Mod-u': 'toggleUnderline',\n    'Mod-U': 'toggleUnderline'\n  }\n});\n"],"names":["UnderlinePlugin"],"mappings":"AAQO,MAAMA,IAAkB,OAAe;AAAA,EAC5C,MAAM;AAAA;AAAA,EAGN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,UAAU,CAAC,EAAE,KAAK,KAAK;AAAA,MACvB,OAAO,MAAM,CAAC,KAAK,CAAA,GAAI,CAAC;AAAA,IAAA;AAAA,EAC1B;AAAA;AAAA,EAIF,SAAS;AAAA,IACP;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA;AAAA,EAIF,UAAU;AAAA;AAAA;AAAA;AAAA,IAIR,iBAAiB,OACf,SAAS,YAAY,aAAa,EAAK,GAChC;AAAA,EACT;AAAA;AAAA,EAIF,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb;"}