@editora/core 1.0.0 → 1.0.2

package/dist/BackgroundColorPlugin.native-Dip5uqTg.mjs

@@ -0,0 +1,449 @@
+let a = null, v = null, y = null, d = "#ffff00";
+const B = [
+  "#000000",
+  "#ffffff",
+  "#808080",
+  "#ff0000",
+  "#00ff00",
+  "#0000ff",
+  "#ffff00",
+  "#ff00ff",
+  "#00ffff",
+  "#ffa500",
+  "#800080",
+  "#ffc0cb"
+];
+function R() {
+  if (document.getElementById("rte-bg-color-picker-styles"))
+    return;
+  const e = document.createElement("style");
+  e.id = "rte-bg-color-picker-styles", e.textContent = `
+    /* Background Color Picker Container */
+    .rte-bg-color-picker {
+      position: absolute;
+      background: white;
+      border: 1px solid #ccc;
+      border-radius: 8px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      padding: 16px;
+      z-index: 10000;
+      width: 220px;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+      font-size: 14px;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    /* Preview Section */
+    .rte-bg-color-preview {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .rte-bg-color-preview-label {
+      font-weight: 600;
+      color: #333;
+      font-size: 13px;
+    }
+
+    .rte-bg-color-preview-box {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 3px;
+      background: #f5f5f5;
+      border-radius: 4px;
+      border: 1px solid #e0e0e0;
+    }
+
+    .rte-bg-color-preview-swatch {
+      width: 24px;
+      height: 24px;
+      border: 2px solid #ddd;
+      border-radius: 4px;
+      flex-shrink: 0;
+    }
+
+    .rte-bg-color-preview-hex {
+      font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
+      font-size: 14px;
+      font-weight: 600;
+      color: #555;
+      user-select: all;
+    }
+
+    /* Preset Colors Section */
+    .rte-bg-color-section {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .rte-bg-color-section-label {
+      font-weight: 600;
+      color: #333;
+      font-size: 13px;
+    }
+
+    .rte-bg-color-grid {
+      display: grid;
+      grid-template-columns: repeat(7, 1fr);
+      gap: 6px;
+      max-width: 180px;
+    }
+
+    .rte-bg-color-swatch {
+      width: 100%;
+      aspect-ratio: 1;
+      border: 1px solid #e0e0e0;
+      border-radius: 3px;
+      cursor: pointer;
+      transition: all 0.15s ease;
+      padding: 0;
+      background: none;
+      position: relative;
+      min-height: 20px;
+    }
+
+    .rte-bg-color-swatch:hover {
+      border-color: #ccc;
+      transform: scale(1.05);
+    }
+
+    .rte-bg-color-swatch.selected {
+      border-color: #1976d2;
+      border-width: 2px;
+      transform: scale(1.02);
+    }
+
+    .rte-bg-color-swatch.selected::after {
+      content: '✓';
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      color: white;
+      font-weight: bold;
+      font-size: 12px;
+      text-shadow: 0 0 2px rgba(0,0,0,0.5);
+    }
+
+    /* Custom Color Section */
+    .rte-bg-color-custom {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+    }
+
+    .rte-bg-color-input {
+      width: 50px;
+      height: 26px;
+      border: 2px solid #ddd;
+      border-radius: 4px;
+      cursor: pointer;
+      padding: 2px;
+      background: white;
+    }
+
+    .rte-bg-color-input:hover {
+      border-color: #999;
+    }
+
+    .rte-bg-color-text-input {
+      flex: 1;
+      height: 24px;
+      border: 2px solid #ddd;
+      border-radius: 4px;
+      padding: 0 12px;
+      width: 60px;
+      font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
+      font-size: 14px;
+      transition: border-color 0.2s ease;
+    }
+
+    .rte-bg-color-text-input:focus {
+      outline: none;
+      border-color: #0066cc;
+    }
+
+    .rte-bg-color-text-input::placeholder {
+      color: #aaa;
+    }
+
+    /* Action Buttons */
+    .rte-bg-color-actions {
+      display: flex;
+      gap: 8px;
+      justify-content: flex-end;
+      padding-top: 8px;
+      border-top: 1px solid #e0e0e0;
+    }
+
+    .rte-bg-color-btn {
+      padding: 8px 16px;
+      border: none;
+      border-radius: 4px;
+      font-size: 13px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: all 0.2s ease;
+    }
+
+    .rte-bg-color-btn-cancel {
+      background: #f5f5f5;
+      color: #666;
+    }
+
+    .rte-bg-color-btn-cancel:hover {
+      background: #e0e0e0;
+    }
+
+    .rte-bg-color-btn-apply {
+      background: #0066cc;
+      color: white;
+    }
+
+    .rte-bg-color-btn-apply:hover {
+      background: #0052a3;
+    }
+
+    .rte-bg-color-btn:active {
+      transform: scale(0.98);
+    }
+  `, document.head.appendChild(e);
+}
+function A() {
+  const e = document.createElement("div");
+  e.className = "rte-bg-color-picker";
+  const r = document.createElement("div");
+  r.className = "rte-bg-color-preview";
+  const o = document.createElement("div");
+  o.className = "rte-bg-color-preview-label", o.textContent = "Current Color";
+  const l = document.createElement("div");
+  l.className = "rte-bg-color-preview-box";
+  const c = document.createElement("div");
+  c.className = "rte-bg-color-preview-swatch", c.id = "rte-bg-color-preview-swatch";
+  const t = document.createElement("span");
+  t.className = "rte-bg-color-preview-hex", t.id = "rte-bg-color-preview-hex", l.appendChild(c), l.appendChild(t), r.appendChild(o), r.appendChild(l);
+  const n = document.createElement("div");
+  n.className = "rte-bg-color-section";
+  const i = document.createElement("div");
+  i.className = "rte-bg-color-section-label", i.textContent = "Preset Colors";
+  const g = document.createElement("div");
+  g.className = "rte-bg-color-grid", g.id = "rte-bg-color-grid", B.forEach((E) => {
+    const f = document.createElement("button");
+    f.type = "button", f.className = "rte-bg-color-swatch", f.style.backgroundColor = E, f.dataset.color = E, f.title = E, g.appendChild(f);
+  }), n.appendChild(i), n.appendChild(g);
+  const p = document.createElement("div");
+  p.className = "rte-bg-color-section";
+  const s = document.createElement("div");
+  s.className = "rte-bg-color-section-label", s.textContent = "Custom Color";
+  const C = document.createElement("div");
+  C.className = "rte-bg-color-custom";
+  const b = document.createElement("input");
+  b.type = "color", b.className = "rte-bg-color-input", b.id = "rte-bg-color-input", b.value = d;
+  const u = document.createElement("input");
+  u.type = "text", u.className = "rte-bg-color-text-input", u.id = "rte-bg-color-text-input", u.placeholder = "#FFFF00", u.value = d.toUpperCase(), u.maxLength = 7, C.appendChild(b), C.appendChild(u), p.appendChild(s), p.appendChild(C);
+  const k = document.createElement("div");
+  k.className = "rte-bg-color-actions";
+  const m = document.createElement("button");
+  m.type = "button", m.className = "rte-bg-color-btn rte-bg-color-btn-cancel", m.textContent = "Cancel", m.id = "rte-bg-color-cancel";
+  const h = document.createElement("button");
+  return h.type = "button", h.className = "rte-bg-color-btn rte-bg-color-btn-apply", h.textContent = "Apply", h.id = "rte-bg-color-apply", k.appendChild(m), k.appendChild(h), e.appendChild(r), e.appendChild(n), e.appendChild(p), e;
+}
+function L() {
+  if (!a) return;
+  const e = a.querySelector("#rte-bg-color-grid");
+  e && e.addEventListener("click", (c) => {
+    const t = c.target;
+    if (t.classList.contains("rte-bg-color-swatch")) {
+      const n = t.dataset.color;
+      n && (d = n, w(n), x());
+    }
+  });
+  const r = a.querySelector("#rte-bg-color-input");
+  r && (r.addEventListener("change", (c) => {
+    const t = c.target.value.toUpperCase();
+    d = t, w(t), x();
+  }), r.addEventListener("input", (c) => {
+    d = c.target.value.toUpperCase(), S(), N();
+  }));
+  const o = a.querySelector("#rte-bg-color-text-input");
+  o && (o.addEventListener("change", (c) => {
+    let t = c.target.value.trim();
+    t && !t.startsWith("#") && (t = "#" + t), /^#[0-9A-F]{6}$/i.test(t) && (d = t.toUpperCase(), w(d), x());
+  }), o.addEventListener("input", (c) => {
+    let t = c.target.value.trim();
+    t && !t.startsWith("#") && (t = "#" + t, o.value = t), /^#[0-9A-F]{6}$/i.test(t) && (d = t.toUpperCase(), S(), N());
+  }));
+  const l = (c) => {
+    if (a && v) {
+      const t = c.target;
+      !a.contains(t) && !v.contains(t) && x();
+    }
+  };
+  setTimeout(() => {
+    document.addEventListener("click", l);
+  }, 100), a._clickOutsideHandler = l;
+}
+function S() {
+  if (!a) return;
+  const e = a.querySelector("#rte-bg-color-preview-swatch"), r = a.querySelector("#rte-bg-color-preview-hex"), o = a.querySelector("#rte-bg-color-input"), l = a.querySelector("#rte-bg-color-text-input");
+  e && (e.style.backgroundColor = d), r && (r.textContent = d.toUpperCase()), o && (o.value = d), l && (l.value = d.toUpperCase());
+}
+function N() {
+  if (!a) return;
+  a.querySelectorAll(".rte-bg-color-swatch").forEach((r) => {
+    const o = r.dataset.color;
+    (o == null ? void 0 : o.toUpperCase()) === d.toUpperCase() ? r.classList.add("selected") : r.classList.remove("selected");
+  });
+}
+function P() {
+  try {
+    const e = window.getSelection();
+    if (!e || e.rangeCount === 0)
+      return "#ffff00";
+    const o = e.getRangeAt(0).commonAncestorContainer, l = o.nodeType === 1 ? o : o.parentElement;
+    if (l) {
+      const c = l.closest('[style*="background-color"]');
+      if (c) {
+        const t = c.style.backgroundColor;
+        if (t)
+          return T(t);
+      }
+    }
+    return "#ffff00";
+  } catch (e) {
+    return "#ffff00";
+  }
+}
+function T(e) {
+  if (e.startsWith("#"))
+    return e.toUpperCase();
+  const r = e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+  if (r) {
+    const o = parseInt(r[1]), l = parseInt(r[2]), c = parseInt(r[3]);
+    return "#" + [o, l, c].map((t) => {
+      const n = t.toString(16);
+      return n.length === 1 ? "0" + n : n;
+    }).join("").toUpperCase();
+  }
+  return "#ffff00";
+}
+function w(e) {
+  try {
+    if (y) {
+      const s = window.getSelection();
+      s && (s.removeAllRanges(), s.addRange(y.cloneRange()));
+    }
+    const r = window.getSelection();
+    if (!r || r.rangeCount === 0 || r.isCollapsed)
+      return console.warn("[BackgroundColor] No valid selection"), !1;
+    const o = r.getRangeAt(0);
+    if (o.collapsed)
+      return console.warn("[BackgroundColor] Range is collapsed"), !1;
+    const l = o.startContainer.nodeType === Node.TEXT_NODE ? o.startContainer.parentElement : o.startContainer, c = o.endContainer.nodeType === Node.TEXT_NODE ? o.endContainer.parentElement : o.endContainer;
+    let t = null, n = l;
+    for (; n && n !== document.body; ) {
+      if (n.classList.contains("rte-bg-color")) {
+        const s = document.createRange();
+        if (s.selectNodeContents(n), s.compareBoundaryPoints(Range.START_TO_START, o) <= 0 && s.compareBoundaryPoints(Range.END_TO_END, o) >= 0) {
+          t = n;
+          break;
+        }
+      }
+      n = n.parentElement;
+    }
+    if (t) {
+      t.style.backgroundColor = e;
+      const s = t.closest('[contenteditable="true"]') || document.querySelector('[contenteditable="true"]');
+      return s && s.dispatchEvent(new Event("input", { bubbles: !0 })), console.log("[BackgroundColor] Updated existing span with color:", e), !0;
+    }
+    const i = document.createElement("span");
+    i.style.backgroundColor = e, i.className = "rte-bg-color";
+    const g = o.extractContents();
+    i.appendChild(g), o.insertNode(i), o.setStartAfter(i), o.setEndAfter(i), r.removeAllRanges(), r.addRange(o);
+    const p = i.closest('[contenteditable="true"]') || document.querySelector('[contenteditable="true"]');
+    return p && p.dispatchEvent(new Event("input", { bubbles: !0 })), console.log("[BackgroundColor] Applied color:", e), !0;
+  } catch (r) {
+    return console.error("[BackgroundColor] Failed to apply background color:", r), !1;
+  }
+}
+function x() {
+  if (a) {
+    const e = a._clickOutsideHandler;
+    e && document.removeEventListener("click", e), a.remove(), a = null;
+  }
+  v = null, y = null;
+}
+function U(e, r) {
+  const o = e.getBoundingClientRect(), l = 450, c = 280;
+  let t = o.bottom + 5, n = o.left;
+  if (n + c > window.innerWidth && (n = window.innerWidth - c - 10), t + l > window.innerHeight) {
+    const i = o.top - l - 5;
+    i < 0 ? t = window.scrollY + 10 : t = i + window.scrollY;
+  } else
+    t = t + window.scrollY;
+  n < 0 && (n = 10), r.style.top = `${t}px`, r.style.left = `${n}px`;
+}
+function M() {
+  if (R(), a)
+    return x(), !0;
+  const e = document.querySelector('[data-command="openBackgroundColorPicker"]');
+  if (!e)
+    return !1;
+  const r = window.getSelection();
+  return !r || r.isCollapsed ? (alert("Please select text to apply background color"), !1) : (r.rangeCount > 0 && (y = r.getRangeAt(0).cloneRange()), d = P(), a = A(), document.body.appendChild(a), v = e, U(e, a), S(), N(), L(), !0);
+}
+const q = () => ({
+  name: "backgroundColor",
+  marks: {
+    backgroundColor: {
+      attrs: {
+        color: { default: "#ffffff" }
+      },
+      parseDOM: [
+        {
+          tag: 'span[style*="background-color"]',
+          getAttrs: (e) => {
+            const l = (e.getAttribute("style") || "").match(/background-color:\s*([^;]+)/);
+            return l ? { color: l[1] } : null;
+          }
+        },
+        {
+          tag: "mark",
+          getAttrs: (e) => ({ color: e.style.backgroundColor || "#ffff00" })
+        }
+      ],
+      toDOM: (e) => [
+        "span",
+        {
+          style: `background-color: ${e.attrs.color || "#ffffff"}`,
+          class: "rte-bg-color"
+        },
+        0
+      ]
+    }
+  },
+  toolbar: [
+    {
+      label: "Background Color",
+      command: "openBackgroundColorPicker",
+      icon: '<svg width="24" height="24" focusable="false"><g fill-rule="evenodd"><path class="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z" fill="#000000"></path><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"></path></g></svg>',
+      shortcut: "Mod-Shift-h"
+    }
+  ],
+  commands: {
+    openBackgroundColorPicker: () => M(),
+    setBackgroundColor: (e) => e ? w(e) : !1
+  },
+  keymap: {
+    "Mod-Shift-h": "openBackgroundColorPicker"
+  }
+});
+export {
+  q as BackgroundColorPlugin
+};
+//# sourceMappingURL=BackgroundColorPlugin.native-Dip5uqTg.mjs.map

package/dist/BackgroundColorPlugin.native-Dip5uqTg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundColorPlugin.native-Dip5uqTg.mjs","sources":["../../plugins/background-color/src/BackgroundColorPlugin.native.ts"],"sourcesContent":["import type { Plugin } from '@editora/core';\n\n/**\n * BackgroundColorPlugin - Native implementation with inline color picker\n * \n * Features:\n * - Inline color picker positioned below toolbar button (not modal dialog)\n * - 18 preset colors in 6-column grid\n * - Custom color picker (hex input + native color input)\n * - Real-time color preview with hex display\n * - Apply/Cancel buttons\n * - Click outside to close\n * - Smart positioning to avoid viewport edges\n * - Applies background color (highlight) to selected text\n * \n * Commands:\n * - openBackgroundColorPicker: Opens inline color picker\n * - setBackgroundColor: Sets the background color to specified value\n */\n\n/**\n * Module-level state for the color picker\n */\nlet colorPickerElement: HTMLDivElement | null = null;\nlet currentButton: HTMLElement | null = null;\nlet savedRange: Range | null = null;\nlet selectedColor: string = '#ffff00'; // Default yellow highlight\n\n/**\n * Preset colors for background color - 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 * Inject CSS styles for the background color picker\n */\nfunction injectStyles() {\n  if (document.getElementById('rte-bg-color-picker-styles')) {\n    return; // Already injected\n  }\n\n  const styleElement = document.createElement('style');\n  styleElement.id = 'rte-bg-color-picker-styles';\n  styleElement.textContent = `\n    /* Background Color Picker Container */\n    .rte-bg-color-picker {\n      position: absolute;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n      padding: 16px;\n      z-index: 10000;\n      width: 220px;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n      font-size: 14px;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    /* Preview Section */\n    .rte-bg-color-preview {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .rte-bg-color-preview-label {\n      font-weight: 600;\n      color: #333;\n      font-size: 13px;\n    }\n\n    .rte-bg-color-preview-box {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 3px;\n      background: #f5f5f5;\n      border-radius: 4px;\n      border: 1px solid #e0e0e0;\n    }\n\n    .rte-bg-color-preview-swatch {\n      width: 24px;\n      height: 24px;\n      border: 2px solid #ddd;\n      border-radius: 4px;\n      flex-shrink: 0;\n    }\n\n    .rte-bg-color-preview-hex {\n      font-family: 'Monaco', 'Menlo', 'Courier New', monospace;\n      font-size: 14px;\n      font-weight: 600;\n      color: #555;\n      user-select: all;\n    }\n\n    /* Preset Colors Section */\n    .rte-bg-color-section {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .rte-bg-color-section-label {\n      font-weight: 600;\n      color: #333;\n      font-size: 13px;\n    }\n\n    .rte-bg-color-grid {\n      display: grid;\n      grid-template-columns: repeat(7, 1fr);\n      gap: 6px;\n      max-width: 180px;\n    }\n\n    .rte-bg-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      background: none;\n      position: relative;\n      min-height: 20px;\n    }\n\n    .rte-bg-color-swatch:hover {\n      border-color: #ccc;\n      transform: scale(1.05);\n    }\n\n    .rte-bg-color-swatch.selected {\n      border-color: #1976d2;\n      border-width: 2px;\n      transform: scale(1.02);\n    }\n\n    .rte-bg-color-swatch.selected::after {\n      content: '✓';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: white;\n      font-weight: bold;\n      font-size: 12px;\n      text-shadow: 0 0 2px rgba(0,0,0,0.5);\n    }\n\n    /* Custom Color Section */\n    .rte-bg-color-custom {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n    }\n\n    .rte-bg-color-input {\n      width: 50px;\n      height: 26px;\n      border: 2px solid #ddd;\n      border-radius: 4px;\n      cursor: pointer;\n      padding: 2px;\n      background: white;\n    }\n\n    .rte-bg-color-input:hover {\n      border-color: #999;\n    }\n\n    .rte-bg-color-text-input {\n      flex: 1;\n      height: 24px;\n      border: 2px solid #ddd;\n      border-radius: 4px;\n      padding: 0 12px;\n      width: 60px;\n      font-family: 'Monaco', 'Menlo', 'Courier New', monospace;\n      font-size: 14px;\n      transition: border-color 0.2s ease;\n    }\n\n    .rte-bg-color-text-input:focus {\n      outline: none;\n      border-color: #0066cc;\n    }\n\n    .rte-bg-color-text-input::placeholder {\n      color: #aaa;\n    }\n\n    /* Action Buttons */\n    .rte-bg-color-actions {\n      display: flex;\n      gap: 8px;\n      justify-content: flex-end;\n      padding-top: 8px;\n      border-top: 1px solid #e0e0e0;\n    }\n\n    .rte-bg-color-btn {\n      padding: 8px 16px;\n      border: none;\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .rte-bg-color-btn-cancel {\n      background: #f5f5f5;\n      color: #666;\n    }\n\n    .rte-bg-color-btn-cancel:hover {\n      background: #e0e0e0;\n    }\n\n    .rte-bg-color-btn-apply {\n      background: #0066cc;\n      color: white;\n    }\n\n    .rte-bg-color-btn-apply:hover {\n      background: #0052a3;\n    }\n\n    .rte-bg-color-btn:active {\n      transform: scale(0.98);\n    }\n  `;\n\n  document.head.appendChild(styleElement);\n}\n\n/**\n * Create the inline color picker element\n */\nfunction createColorPicker(): HTMLDivElement {\n  const picker = document.createElement('div');\n  picker.className = 'rte-bg-color-picker';\n\n  // Preview Section\n  const previewSection = document.createElement('div');\n  previewSection.className = 'rte-bg-color-preview';\n\n  const previewLabel = document.createElement('div');\n  previewLabel.className = 'rte-bg-color-preview-label';\n  previewLabel.textContent = 'Current Color';\n\n  const previewBox = document.createElement('div');\n  previewBox.className = 'rte-bg-color-preview-box';\n\n  const previewSwatch = document.createElement('div');\n  previewSwatch.className = 'rte-bg-color-preview-swatch';\n  previewSwatch.id = 'rte-bg-color-preview-swatch';\n\n  const previewHex = document.createElement('span');\n  previewHex.className = 'rte-bg-color-preview-hex';\n  previewHex.id = 'rte-bg-color-preview-hex';\n\n  previewBox.appendChild(previewSwatch);\n  previewBox.appendChild(previewHex);\n  previewSection.appendChild(previewLabel);\n  previewSection.appendChild(previewBox);\n\n  // Preset Colors Section\n  const presetSection = document.createElement('div');\n  presetSection.className = 'rte-bg-color-section';\n\n  const presetLabel = document.createElement('div');\n  presetLabel.className = 'rte-bg-color-section-label';\n  presetLabel.textContent = 'Preset Colors';\n\n  const colorGrid = document.createElement('div');\n  colorGrid.className = 'rte-bg-color-grid';\n  colorGrid.id = 'rte-bg-color-grid';\n\n  PRESET_COLORS.forEach((color) => {\n    const swatch = document.createElement('button');\n    swatch.type = 'button';\n    swatch.className = 'rte-bg-color-swatch';\n    swatch.style.backgroundColor = color;\n    swatch.dataset.color = color;\n    swatch.title = color;\n    colorGrid.appendChild(swatch);\n  });\n\n  presetSection.appendChild(presetLabel);\n  presetSection.appendChild(colorGrid);\n\n  // Custom Color Section\n  const customSection = document.createElement('div');\n  customSection.className = 'rte-bg-color-section';\n\n  const customLabel = document.createElement('div');\n  customLabel.className = 'rte-bg-color-section-label';\n  customLabel.textContent = 'Custom Color';\n\n  const customDiv = document.createElement('div');\n  customDiv.className = 'rte-bg-color-custom';\n\n  const colorInput = document.createElement('input');\n  colorInput.type = 'color';\n  colorInput.className = 'rte-bg-color-input';\n  colorInput.id = 'rte-bg-color-input';\n  colorInput.value = selectedColor;\n\n  const textInput = document.createElement('input');\n  textInput.type = 'text';\n  textInput.className = 'rte-bg-color-text-input';\n  textInput.id = 'rte-bg-color-text-input';\n  textInput.placeholder = '#FFFF00';\n  textInput.value = selectedColor.toUpperCase();\n  textInput.maxLength = 7;\n\n  customDiv.appendChild(colorInput);\n  customDiv.appendChild(textInput);\n  customSection.appendChild(customLabel);\n  customSection.appendChild(customDiv);\n\n  // Action Buttons\n  const actions = document.createElement('div');\n  actions.className = 'rte-bg-color-actions';\n\n  const cancelBtn = document.createElement('button');\n  cancelBtn.type = 'button';\n  cancelBtn.className = 'rte-bg-color-btn rte-bg-color-btn-cancel';\n  cancelBtn.textContent = 'Cancel';\n  cancelBtn.id = 'rte-bg-color-cancel';\n\n  const applyBtn = document.createElement('button');\n  applyBtn.type = 'button';\n  applyBtn.className = 'rte-bg-color-btn rte-bg-color-btn-apply';\n  applyBtn.textContent = 'Apply';\n  applyBtn.id = 'rte-bg-color-apply';\n\n  actions.appendChild(cancelBtn);\n  actions.appendChild(applyBtn);\n\n  // Assemble picker\n  picker.appendChild(previewSection);\n  picker.appendChild(presetSection);\n  picker.appendChild(customSection);\n\n  return picker;\n}\n\n/**\n * Attach event listeners to the color picker\n */\nfunction attachColorPickerListeners() {\n  if (!colorPickerElement) return;\n\n  // Preset color swatches - apply immediately on click\n  const grid = colorPickerElement.querySelector('#rte-bg-color-grid');\n  if (grid) {\n    grid.addEventListener('click', (e) => {\n      const target = e.target as HTMLElement;\n      if (target.classList.contains('rte-bg-color-swatch')) {\n        const color = target.dataset.color;\n        if (color) {\n          selectedColor = color;\n          applyBackgroundColor(color);\n          closeColorPicker();\n        }\n      }\n    });\n  }\n\n  // Native color input - apply on change\n  const colorInput = colorPickerElement.querySelector('#rte-bg-color-input') as HTMLInputElement;\n  if (colorInput) {\n    colorInput.addEventListener('change', (e) => {\n      const color = (e.target as HTMLInputElement).value.toUpperCase();\n      selectedColor = color;\n      applyBackgroundColor(color);\n      closeColorPicker();\n    });\n\n    // Update preview on input (but don't apply yet)\n    colorInput.addEventListener('input', (e) => {\n      const color = (e.target as HTMLInputElement).value.toUpperCase();\n      selectedColor = color;\n      updateColorPreview();\n      updateSelectedSwatch();\n    });\n  }\n\n  // Hex text input - apply on valid change\n  const textInput = colorPickerElement.querySelector('#rte-bg-color-text-input') as HTMLInputElement;\n  if (textInput) {\n    textInput.addEventListener('change', (e) => {\n      let value = (e.target as HTMLInputElement).value.trim();\n      \n      // Auto-prepend # if missing\n      if (value && !value.startsWith('#')) {\n        value = '#' + value;\n      }\n      \n      // Validate and apply hex color format\n      if (/^#[0-9A-F]{6}$/i.test(value)) {\n        selectedColor = value.toUpperCase();\n        applyBackgroundColor(selectedColor);\n        closeColorPicker();\n      }\n    });\n\n    // Update preview on input (but don't apply yet)\n    textInput.addEventListener('input', (e) => {\n      let value = (e.target as HTMLInputElement).value.trim();\n      \n      // Auto-prepend # if missing\n      if (value && !value.startsWith('#')) {\n        value = '#' + value;\n        textInput.value = value;\n      }\n      \n      // Validate hex color format for preview\n      if (/^#[0-9A-F]{6}$/i.test(value)) {\n        selectedColor = value.toUpperCase();\n        updateColorPreview();\n        updateSelectedSwatch();\n      }\n    });\n  }\n\n  // Click outside to close\n  const handleClickOutside = (e: MouseEvent) => {\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 slight delay to prevent immediate closure\n  setTimeout(() => {\n    document.addEventListener('click', handleClickOutside);\n  }, 100);\n\n  // Store handler for cleanup\n  (colorPickerElement as any)._clickOutsideHandler = handleClickOutside;\n}\n\n/**\n * Update the color preview display\n */\nfunction updateColorPreview() {\n  if (!colorPickerElement) return;\n\n  const previewSwatch = colorPickerElement.querySelector('#rte-bg-color-preview-swatch') as HTMLElement;\n  const previewHex = colorPickerElement.querySelector('#rte-bg-color-preview-hex') as HTMLElement;\n  const colorInput = colorPickerElement.querySelector('#rte-bg-color-input') as HTMLInputElement;\n  const textInput = colorPickerElement.querySelector('#rte-bg-color-text-input') as HTMLInputElement;\n\n  if (previewSwatch) {\n    previewSwatch.style.backgroundColor = selectedColor;\n  }\n  if (previewHex) {\n    previewHex.textContent = selectedColor.toUpperCase();\n  }\n  if (colorInput) {\n    colorInput.value = selectedColor;\n  }\n  if (textInput) {\n    textInput.value = selectedColor.toUpperCase();\n  }\n}\n\n/**\n * Update selected swatch highlight\n */\nfunction updateSelectedSwatch() {\n  if (!colorPickerElement) return;\n\n  const swatches = colorPickerElement.querySelectorAll('.rte-bg-color-swatch');\n  swatches.forEach((swatch) => {\n    const swatchColor = (swatch as HTMLElement).dataset.color;\n    if (swatchColor?.toUpperCase() === selectedColor.toUpperCase()) {\n      swatch.classList.add('selected');\n    } else {\n      swatch.classList.remove('selected');\n    }\n  });\n}\n\n/**\n * Get current background color at cursor or selection\n */\nfunction getCurrentBackgroundColor(): string {\n  try {\n    const selection = window.getSelection();\n    if (!selection || selection.rangeCount === 0) {\n      return '#ffff00'; // Default yellow highlight\n    }\n\n    const range = selection.getRangeAt(0);\n    const container = range.commonAncestorContainer;\n    const element = container.nodeType === 1 \n      ? (container as HTMLElement)\n      : container.parentElement;\n\n    if (element) {\n      // Check for background-color in style attribute\n      const bgElement = element.closest('[style*=\"background-color\"]') as HTMLElement;\n      if (bgElement) {\n        const bgColor = bgElement.style.backgroundColor;\n        if (bgColor) {\n          return rgbToHex(bgColor);\n        }\n      }\n    }\n\n    return '#ffff00'; // Default yellow highlight\n  } catch (error) {\n    return '#ffff00';\n  }\n}\n\n/**\n * Convert RGB color to hex format\n */\nfunction rgbToHex(rgb: string): string {\n  // If already hex, return as-is\n  if (rgb.startsWith('#')) {\n    return rgb.toUpperCase();\n  }\n\n  // Parse rgb(r, g, b) or rgba(r, g, b, a)\n  const match = rgb.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n  if (match) {\n    const r = parseInt(match[1]);\n    const g = parseInt(match[2]);\n    const b = parseInt(match[3]);\n    return '#' + [r, g, b].map(x => {\n      const hex = x.toString(16);\n      return hex.length === 1 ? '0' + hex : hex;\n    }).join('').toUpperCase();\n  }\n\n  return '#ffff00'; // Default yellow highlight\n}\n\n/**\n * Apply background color to the saved selection\n */\nfunction applyBackgroundColor(color: string): boolean {\n  try {\n    // Restore saved range\n    if (savedRange) {\n      const selection = window.getSelection();\n      if (selection) {\n        selection.removeAllRanges();\n        selection.addRange(savedRange.cloneRange()); // Clone to avoid mutating saved range\n      }\n    }\n\n    const selection = window.getSelection();\n    if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {\n      console.warn('[BackgroundColor] No valid selection');\n      return false;\n    }\n\n    const range = selection.getRangeAt(0);\n\n    // Check if range is valid and has content\n    if (range.collapsed) {\n      console.warn('[BackgroundColor] Range is collapsed');\n      return false;\n    }\n\n    // Check if the selection is entirely within existing background 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 background 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-bg-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 background color\n    if (targetSpan) {\n      targetSpan.style.backgroundColor = color;\n\n      // Trigger input event to notify editor\n      const editorContent = targetSpan.closest('[contenteditable=\"true\"]') || document.querySelector('[contenteditable=\"true\"]');\n      if (editorContent) {\n        editorContent.dispatchEvent(new Event('input', { bubbles: true }));\n      }\n\n      console.log('[BackgroundColor] Updated existing span with 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.backgroundColor = color;\n    span.className = 'rte-bg-color';\n\n    const contents = range.extractContents();\n    span.appendChild(contents);\n    range.insertNode(span);\n\n    // Move cursor to end of inserted span\n    range.setStartAfter(span);\n    range.setEndAfter(span);\n    selection.removeAllRanges();\n    selection.addRange(range);\n\n    // Trigger input event to notify editor\n    const editorContent = span.closest('[contenteditable=\"true\"]') || document.querySelector('[contenteditable=\"true\"]');\n    if (editorContent) {\n      editorContent.dispatchEvent(new Event('input', { bubbles: true }));\n    }\n\n    console.log('[BackgroundColor] Applied color:', color);\n    return true;\n  } catch (error) {\n    console.error('[BackgroundColor] Failed to apply background color:', error);\n    return false;\n  }\n}\n\n\n\n/**\n * Close and cleanup the color picker\n */\nfunction closeColorPicker() {\n  if (colorPickerElement) {\n    // Remove click outside handler\n    const handler = (colorPickerElement as any)._clickOutsideHandler;\n    if (handler) {\n      document.removeEventListener('click', handler);\n    }\n\n    colorPickerElement.remove();\n    colorPickerElement = null;\n  }\n  currentButton = null;\n  savedRange = null;\n}\n\n/**\n * Position the color picker below the button\n */\nfunction positionColorPicker(button: HTMLElement, picker: HTMLDivElement) {\n  const buttonRect = button.getBoundingClientRect();\n  const pickerHeight = 450; // Approximate height\n  const pickerWidth = 280;\n\n  let top = buttonRect.bottom + 5;\n  let left = buttonRect.left;\n\n  // Adjust if picker would go off right edge\n  if (left + pickerWidth > window.innerWidth) {\n    left = window.innerWidth - pickerWidth - 10;\n  }\n\n  // Adjust if picker would go off bottom edge\n  if (top + pickerHeight > window.innerHeight) {\n    // Try to position above the button\n    const topAbove = buttonRect.top - pickerHeight - 5;\n    \n    // If above position is also off-screen, just position at top of viewport with scroll offset\n    if (topAbove < 0) {\n      top = window.scrollY + 10; // 10px from top of viewport\n    } else {\n      top = topAbove + window.scrollY;\n    }\n  } else {\n    // Add scroll offset for below position\n    top = top + window.scrollY;\n  }\n  \n  // Ensure left is not negative\n  if (left < 0) {\n    left = 10;\n  }\n\n  picker.style.top = `${top}px`;\n  picker.style.left = `${left}px`;\n}\n\n/**\n * Open background color picker\n */\nfunction openBackgroundColorPicker(): boolean {\n  // Ensure styles are injected\n  injectStyles();\n  \n  // Close any existing picker\n  if (colorPickerElement) {\n    closeColorPicker();\n    return true;\n  }\n\n  // Find the background color button\n  const button = document.querySelector('[data-command=\"openBackgroundColorPicker\"]') as HTMLElement;\n  \n  if (!button) {\n    return false;\n  }\n\n  // Check if there's a selection\n  const selection = window.getSelection();\n  \n  if (!selection || selection.isCollapsed) {\n    alert('Please select text to apply background color');\n    return false;\n  }\n\n  // Save current selection\n  if (selection.rangeCount > 0) {\n    savedRange = selection.getRangeAt(0).cloneRange();\n  }\n\n  // Get current color\n  selectedColor = getCurrentBackgroundColor();\n\n  // Create and show picker\n  colorPickerElement = createColorPicker();\n  document.body.appendChild(colorPickerElement);\n\n  currentButton = button;\n  positionColorPicker(button, colorPickerElement);\n\n  // Initialize preview\n  updateColorPreview();\n  updateSelectedSwatch();\n\n  // Attach listeners\n  attachColorPickerListeners();\n\n  return true;\n}\n\n/**\n * Auto-initialization\n */\n// Note: Auto-initialization removed - picker is now opened via command handler\n// The openBackgroundColorPicker() function is called directly by RichTextEditor\n// when the toolbar button is clicked, preventing race conditions\n\nexport const BackgroundColorPlugin = (): Plugin => {\n  return {\n    name: \"backgroundColor\",\n\n    marks: {\n      backgroundColor: {\n        attrs: {\n          color: { default: '#ffffff' },\n        },\n        parseDOM: [\n          {\n            tag: 'span[style*=\"background-color\"]',\n            getAttrs: (dom) => {\n              const element = dom as HTMLElement;\n              const style = element.getAttribute('style') || '';\n              const colorMatch = style.match(/background-color:\\s*([^;]+)/);\n              if (colorMatch) {\n                return { color: colorMatch[1] };\n              }\n              return null;\n            },\n          },\n          {\n            tag: \"mark\",\n            getAttrs: (dom) => {\n              const element = dom as HTMLElement;\n              const color = element.style.backgroundColor || \"#ffff00\";\n              return { color };\n            },\n          },\n        ],\n        toDOM: (mark) => {\n          return [\n            \"span\",\n            { \n              style: `background-color: ${mark.attrs.color || '#ffffff'}`,\n              class: 'rte-bg-color'\n            },\n            0,\n          ];\n        },\n      },\n    },\n\n    toolbar: [\n      {\n        label: \"Background Color\",\n        command: \"openBackgroundColorPicker\",\n        icon: `<svg width=\"24\" height=\"24\" focusable=\"false\"><g fill-rule=\"evenodd\"><path class=\"tox-icon-highlight-bg-color__color\" d=\"M3 18h18v3H3z\" fill=\"#000000\"></path><path fill-rule=\"nonzero\" d=\"M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6\"></path></g></svg>`,\n        shortcut: \"Mod-Shift-h\",\n      },\n    ],\n\n    commands: {\n      openBackgroundColorPicker: () => {\n        return openBackgroundColorPicker();\n      },\n\n      setBackgroundColor: (color?: string) => {\n        if (!color) return false;\n        return applyBackgroundColor(color);\n      },\n    },\n\n    keymap: {\n      'Mod-Shift-h': 'openBackgroundColorPicker',\n    },\n  };\n};\n"],"names":["colorPickerElement","currentButton","savedRange","selectedColor","PRESET_COLORS","injectStyles","styleElement","createColorPicker","picker","previewSection","previewLabel","previewBox","previewSwatch","previewHex","presetSection","presetLabel","colorGrid","color","swatch","customSection","customLabel","customDiv","colorInput","textInput","actions","cancelBtn","applyBtn","attachColorPickerListeners","grid","e","target","applyBackgroundColor","closeColorPicker","updateColorPreview","updateSelectedSwatch","value","handleClickOutside","swatchColor","getCurrentBackgroundColor","selection","container","element","bgElement","bgColor","rgbToHex","error","rgb","match","r","g","b","x","hex","range","startElement","endElement","targetSpan","currentElement","spanRange","editorContent","span","contents","handler","positionColorPicker","button","buttonRect","pickerHeight","pickerWidth","top","left","topAbove","openBackgroundColorPicker","BackgroundColorPlugin","dom","colorMatch","mark"],"mappings":"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"}

package/dist/BlockquotePlugin.native-JFmOLsxN.mjs

@@ -0,0 +1,48 @@
+const c = () => ({
+  name: "blockquote",
+  // Schema definition for blockquote node
+  nodes: {
+    blockquote: {
+      content: "block+",
+      group: "block",
+      parseDOM: [{ tag: "blockquote" }],
+      toDOM: () => ["blockquote", 0]
+    }
+  },
+  // Toolbar button configuration
+  toolbar: [
+    {
+      label: "Quote",
+      command: "toggleBlockquote",
+      icon: '<svg fill="#000000" height="24px" width="24px" version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M13,11c0.6,0,1-0.4,1-1s-0.4-1-1-1c-5,0-9,4-9,9c0,2.8,2.2,5,5,5s5-2.2,5-5s-2.2-5-5-5c-0.3,0-0.7,0-1,0.1 C9.3,11.8,11,11,13,11z"></path> <path d="M23,13c-0.3,0-0.7,0-1,0.1c1.3-1.3,3-2.1,5-2.1c0.6,0,1-0.4,1-1s-0.4-1-1-1c-5,0-9,4-9,9c0,2.8,2.2,5,5,5s5-2.2,5-5 S25.8,13,23,13z"></path> </g> </g></svg>',
+      shortcut: "Mod-Shift-9"
+    }
+  ],
+  // Native command implementations
+  commands: {
+    /**
+     * Toggle blockquote formatting on current selection
+     */
+    toggleBlockquote: () => {
+      const e = window.getSelection();
+      if (!e || e.rangeCount === 0) return !1;
+      let o = e.anchorNode, t = !1;
+      for (; o && o !== document.body; ) {
+        if (o.nodeName === "BLOCKQUOTE") {
+          t = !0;
+          break;
+        }
+        o = o.parentNode;
+      }
+      return t ? document.execCommand("formatBlock", !1, "p") : document.execCommand("formatBlock", !1, "blockquote"), !0;
+    }
+  },
+  // Keyboard shortcuts
+  keymap: {
+    "Mod-Shift-9": "toggleBlockquote"
+  }
+});
+export {
+  c as BlockquotePlugin
+};
+//# sourceMappingURL=BlockquotePlugin.native-JFmOLsxN.mjs.map

package/dist/BlockquotePlugin.native-JFmOLsxN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockquotePlugin.native-JFmOLsxN.mjs","sources":["../../plugins/blockquote/src/BlockquotePlugin.native.ts"],"sourcesContent":["import { Plugin } from '@editora/core';\n\n/**\n * Blockquote Plugin - Framework Agnostic\n * \n * Adds blockquote support with native command implementation.\n * No React dependency required.\n */\nexport const BlockquotePlugin = (): Plugin => ({\n  name: \"blockquote\",\n\n  // Schema definition for blockquote node\n  nodes: {\n    blockquote: {\n      content: \"block+\",\n      group: \"block\",\n      parseDOM: [{ tag: \"blockquote\" }],\n      toDOM: () => [\"blockquote\", 0],\n    },\n  },\n\n  // Toolbar button configuration\n  toolbar: [\n    {\n      label: \"Quote\",\n      command: \"toggleBlockquote\",\n      icon: '<svg fill=\"#000000\" height=\"24px\" width=\"24px\" version=\"1.1\" id=\"Icons\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 32 32\" xml:space=\"preserve\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></g><g id=\"SVGRepo_iconCarrier\"> <g> <path d=\"M13,11c0.6,0,1-0.4,1-1s-0.4-1-1-1c-5,0-9,4-9,9c0,2.8,2.2,5,5,5s5-2.2,5-5s-2.2-5-5-5c-0.3,0-0.7,0-1,0.1 C9.3,11.8,11,11,13,11z\"></path> <path d=\"M23,13c-0.3,0-0.7,0-1,0.1c1.3-1.3,3-2.1,5-2.1c0.6,0,1-0.4,1-1s-0.4-1-1-1c-5,0-9,4-9,9c0,2.8,2.2,5,5,5s5-2.2,5-5 S25.8,13,23,13z\"></path> </g> </g></svg>',\n      shortcut: \"Mod-Shift-9\",\n    },\n  ],\n\n  // Native command implementations\n  commands: {\n    /**\n     * Toggle blockquote formatting on current selection\n     */\n    toggleBlockquote: () => {\n      const selection = window.getSelection();\n      if (!selection || selection.rangeCount === 0) return false;\n\n      // Check if already in blockquote\n      let node = selection.anchorNode;\n      let isInBlockquote = false;\n\n      while (node && node !== document.body) {\n        if (node.nodeName === \"BLOCKQUOTE\") {\n          isInBlockquote = true;\n          break;\n        }\n        node = node.parentNode;\n      }\n\n      if (isInBlockquote) {\n        // Remove blockquote\n        document.execCommand(\"formatBlock\", false, \"p\");\n      } else {\n        // Add blockquote\n        document.execCommand(\"formatBlock\", false, \"blockquote\");\n      }\n\n      return true;\n    },\n  },\n\n  // Keyboard shortcuts\n  keymap: {\n    \"Mod-Shift-9\": \"toggleBlockquote\",\n  },\n});\n"],"names":["BlockquotePlugin","selection","node","isInBlockquote"],"mappings":"AAQO,MAAMA,IAAmB,OAAe;AAAA,EAC7C,MAAM;AAAA;AAAA,EAGN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU,CAAC,EAAE,KAAK,cAAc;AAAA,MAChC,OAAO,MAAM,CAAC,cAAc,CAAC;AAAA,IAAA;AAAA,EAC/B;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,kBAAkB,MAAM;AACtB,YAAMC,IAAY,OAAO,aAAA;AACzB,UAAI,CAACA,KAAaA,EAAU,eAAe,EAAG,QAAO;AAGrD,UAAIC,IAAOD,EAAU,YACjBE,IAAiB;AAErB,aAAOD,KAAQA,MAAS,SAAS,QAAM;AACrC,YAAIA,EAAK,aAAa,cAAc;AAClC,UAAAC,IAAiB;AACjB;AAAA,QACF;AACA,QAAAD,IAAOA,EAAK;AAAA,MACd;AAEA,aAAIC,IAEF,SAAS,YAAY,eAAe,IAAO,GAAG,IAG9C,SAAS,YAAY,eAAe,IAAO,YAAY,GAGlD;AAAA,IACT;AAAA,EAAA;AAAA;AAAA,EAIF,QAAQ;AAAA,IACN,eAAe;AAAA,EAAA;AAEnB;"}

package/dist/BoldPlugin.native-BAzzoqU5.mjs

@@ -0,0 +1,45 @@
+const e = () => ({
+  name: "bold",
+  // Schema definition for bold mark
+  marks: {
+    bold: {
+      parseDOM: [
+        { tag: "strong" },
+        { tag: "b" },
+        {
+          style: "font-weight",
+          getAttrs: (t) => {
+            const o = typeof t == "string" ? t : t.style.fontWeight;
+            return /^(bold(er)?|[5-9]\d{2,})$/.test(o) && null;
+          }
+        }
+      ],
+      toDOM: () => ["strong", 0]
+    }
+  },
+  // Toolbar button configuration
+  toolbar: [
+    {
+      label: "Bold",
+      command: "toggleBold",
+      icon: '<svg width="24" height="24" focusable="false"><path d="M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 0 1-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8Zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4Zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4Z" fill-rule="evenodd"></path></svg>',
+      shortcut: "Mod-b"
+    }
+  ],
+  // Native command implementations
+  commands: {
+    /**
+     * Toggle bold formatting on current selection
+     */
+    toggleBold: () => (document.execCommand("bold", !1), !0)
+  },
+  // Keyboard shortcuts
+  keymap: {
+    "Mod-b": "toggleBold",
+    "Mod-B": "toggleBold"
+  }
+});
+export {
+  e as BoldPlugin
+};
+//# sourceMappingURL=BoldPlugin.native-BAzzoqU5.mjs.map

package/dist/BoldPlugin.native-BAzzoqU5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoldPlugin.native-BAzzoqU5.mjs","sources":["../../plugins/bold/src/BoldPlugin.native.ts"],"sourcesContent":["import { Plugin } from '@editora/core';\n\n/**\n * Bold Plugin - Framework Agnostic\n * \n * Adds bold formatting support with native command implementation.\n * No React dependency required.\n */\nexport const BoldPlugin = (): Plugin => ({\n  name: \"bold\",\n\n  // Schema definition for bold mark\n  marks: {\n    bold: {\n      parseDOM: [\n        { tag: \"strong\" },\n        { tag: \"b\" },\n        {\n          style: \"font-weight\",\n          getAttrs: (value: string | HTMLElement) => {\n            const weight =\n              typeof value === \"string\"\n                ? value\n                : (value as HTMLElement).style.fontWeight;\n            return /^(bold(er)?|[5-9]\\d{2,})$/.test(weight) && null;\n          },\n        },\n      ],\n      toDOM: () => [\"strong\", 0],\n    },\n  },\n\n  // Toolbar button configuration\n  toolbar: [\n    {\n      label: \"Bold\",\n      command: \"toggleBold\",\n      icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path d=\"M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 0 1-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8Zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4Zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4Z\" fill-rule=\"evenodd\"></path></svg>',\n      shortcut: \"Mod-b\",\n    },\n  ],\n\n  // Native command implementations\n  commands: {\n    /**\n     * Toggle bold formatting on current selection\n     */\n    toggleBold: () => {\n      // Use document.execCommand for now\n      // In production, this would manipulate EditorState directly\n      document.execCommand(\"bold\", false);\n      return true;\n    },\n  },\n\n  // Keyboard shortcuts\n  keymap: {\n    \"Mod-b\": \"toggleBold\",\n    \"Mod-B\": \"toggleBold\",\n  },\n});\n"],"names":["BoldPlugin","value","weight"],"mappings":"AAQO,MAAMA,IAAa,OAAe;AAAA,EACvC,MAAM;AAAA;AAAA,EAGN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,UAAU;AAAA,QACR,EAAE,KAAK,SAAA;AAAA,QACP,EAAE,KAAK,IAAA;AAAA,QACP;AAAA,UACE,OAAO;AAAA,UACP,UAAU,CAACC,MAAgC;AACzC,kBAAMC,IACJ,OAAOD,KAAU,WACbA,IACCA,EAAsB,MAAM;AACnC,mBAAO,4BAA4B,KAAKC,CAAM,KAAK;AAAA,UACrD;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,OAAO,MAAM,CAAC,UAAU,CAAC;AAAA,IAAA;AAAA,EAC3B;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,YAAY,OAGV,SAAS,YAAY,QAAQ,EAAK,GAC3B;AAAA,EACT;AAAA;AAAA,EAIF,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb;"}