@editora/plugins 1.0.2 → 1.0.5

package/dist/comments.esm.js

@@ -0,0 +1,692 @@
+const C = /* @__PURE__ */ new WeakMap();
+let x = null, S = !1, k = 0;
+const E = "User";
+function h(e) {
+  return k += 1, `${e}-${Date.now()}-${k}`;
+}
+function v(e) {
+  if (!e) return null;
+  const t = e instanceof Element ? e : e.parentElement;
+  return t ? t.closest("[data-editora-editor]") || t.closest(".rte-editor") || t.closest(".editora-editor") : null;
+}
+function w(e, t) {
+  return t.contains(e.commonAncestorContainer);
+}
+function I() {
+  if (typeof window < "u") {
+    const o = window.__editoraCommandEditorRoot;
+    if (o instanceof HTMLElement) {
+      const a = o.closest("[data-editora-editor], .rte-editor, .editora-editor, editora-editor") || (o.matches("[data-editora-editor], .rte-editor, .editora-editor, editora-editor") ? o : null);
+      if (a)
+        return x = a, window.__editoraCommandEditorRoot = null, a;
+    }
+  }
+  const e = document.activeElement, t = e ? v(e) : null;
+  if (t) return t;
+  const r = window.getSelection();
+  if (r && r.rangeCount > 0) {
+    const o = v(
+      r.getRangeAt(0).commonAncestorContainer
+    );
+    if (o) return o;
+  }
+  return x;
+}
+function B(e) {
+  const t = C.get(e);
+  if (t) return t;
+  const r = {
+    root: e,
+    comments: /* @__PURE__ */ new Map(),
+    panelVisible: !1,
+    panelElement: null,
+    expandedComments: /* @__PURE__ */ new Set(),
+    replyTexts: {},
+    savedSelection: null,
+    newCommentText: "",
+    selectionChangeListener: null
+  };
+  return C.set(e, r), r;
+}
+function f() {
+  const e = I();
+  return e ? (x = e, B(e)) : null;
+}
+function T(e) {
+  const t = window.getSelection();
+  if (!t || t.rangeCount === 0 || t.isCollapsed) return null;
+  const r = t.getRangeAt(0);
+  return w(r, e) ? r.cloneRange() : null;
+}
+function R(e, t) {
+  if (!t.anchorId) return;
+  const r = e.root.querySelector(`#${t.anchorId}`);
+  r && r.classList.toggle("rte-comment-anchor-resolved", t.resolved);
+}
+function b(e, t, r) {
+  const o = e.comments.get(t);
+  if (!o || !o.anchorId) return;
+  const a = e.root.querySelector(`#${o.anchorId}`);
+  a && a.classList.toggle("highlighted", r);
+}
+function $(e, t, r) {
+  t.onclick = (o) => {
+    o.preventDefault(), o.stopPropagation(), x = e.root, e.expandedComments.add(r), y(e, !0), m(e);
+  };
+}
+function q(e) {
+  const t = e.parentNode;
+  if (t) {
+    for (; e.firstChild; )
+      t.insertBefore(e.firstChild, e);
+    e.remove();
+  }
+}
+function y(e, t) {
+  F(), H(e), e.panelVisible = t, e.root.setAttribute("data-rte-comments-open", t ? "true" : "false"), e.panelElement && (e.panelElement.classList.toggle("is-open", t), e.panelElement.setAttribute("aria-hidden", t ? "false" : "true")), t ? N(e) : z(e);
+}
+function H(e) {
+  if (e.panelElement) return;
+  const t = document.createElement("aside");
+  t.className = "rte-comments-panel", t.setAttribute("role", "complementary"), t.setAttribute("aria-label", "Comments"), t.setAttribute("aria-hidden", "true"), window.getComputedStyle(e.root).position === "static" && (e.root.style.position = "relative"), e.root.appendChild(t), e.panelElement = t;
+}
+function N(e) {
+  e.selectionChangeListener || (e.selectionChangeListener = () => {
+    const t = window.getSelection();
+    if (!t || t.rangeCount === 0 || t.isCollapsed) return;
+    const r = t.getRangeAt(0);
+    w(r, e.root) && (e.savedSelection = r.cloneRange(), x = e.root);
+  }, document.addEventListener("selectionchange", e.selectionChangeListener));
+}
+function z(e) {
+  e.selectionChangeListener && (document.removeEventListener("selectionchange", e.selectionChangeListener), e.selectionChangeListener = null);
+}
+function V(e) {
+  return Array.from(e.comments.values()).sort(
+    (t, r) => r.createdAt.localeCompare(t.createdAt)
+  );
+}
+function A(e) {
+  return new Date(e).toLocaleString();
+}
+function M(e, t) {
+  const r = e.expandedComments.has(t.id), o = document.createElement("article");
+  o.className = `rte-comment-item${t.resolved ? " resolved" : ""}`, o.innerHTML = `
+    <header class="rte-comment-header">
+      <div class="rte-comment-meta">
+        <strong class="rte-comment-author">${t.author}</strong>
+        <time class="rte-comment-date">${A(t.createdAt)}</time>
+      </div>
+      <button class="rte-comment-expand" type="button" aria-label="Toggle details">
+        ${r ? "▾" : "▸"}
+      </button>
+    </header>
+    <div class="rte-comment-text"></div>
+    ${t.selectedText ? `<blockquote class="rte-comment-selection">${t.selectedText}</blockquote>` : ""}
+    <section class="rte-comment-expanded${r ? " show" : ""}"></section>
+  `;
+  const a = o.querySelector(".rte-comment-text");
+  a && (a.textContent = t.text), o.querySelector(".rte-comment-expand")?.addEventListener("click", () => {
+    e.expandedComments.has(t.id) ? e.expandedComments.delete(t.id) : e.expandedComments.add(t.id), m(e);
+  });
+  const p = o.querySelector(".rte-comment-expanded");
+  if (p && r) {
+    if (t.replies.length > 0) {
+      const n = document.createElement("div");
+      n.className = "rte-comment-replies", t.replies.forEach((s) => {
+        const l = document.createElement("div");
+        l.className = "rte-comment-reply", l.innerHTML = `
+          <div class="rte-comment-reply-header">
+            <strong>${s.author}</strong>
+            <time>${A(s.createdAt)}</time>
+          </div>
+          <div class="rte-comment-reply-text"></div>
+        `;
+        const u = l.querySelector(".rte-comment-reply-text");
+        u && (u.textContent = s.text), n.appendChild(l);
+      }), p.appendChild(n);
+    }
+    if (!t.resolved) {
+      const n = document.createElement("div");
+      n.className = "rte-comment-reply-composer", n.innerHTML = `
+        <textarea class="rte-comment-reply-textarea" rows="2" placeholder="Reply..."></textarea>
+        <button type="button" class="rte-comment-btn primary">Reply</button>
+      `;
+      const s = n.querySelector(
+        ".rte-comment-reply-textarea"
+      ), l = n.querySelector(
+        ".rte-comment-btn.primary"
+      );
+      if (s && l) {
+        s.value = e.replyTexts[t.id] || "";
+        const u = () => {
+          const g = !!s.value.trim();
+          l.disabled = !g;
+        };
+        u(), s.addEventListener("input", () => {
+          e.replyTexts[t.id] = s.value, u();
+        }), l.addEventListener("click", () => {
+          const g = s.value.trim();
+          g && (_(t.id, E, g), e.replyTexts[t.id] = "", m(e));
+        });
+      }
+      p.appendChild(n);
+    }
+    const i = document.createElement("div");
+    if (i.className = "rte-comment-actions", t.anchorId) {
+      const n = document.createElement("button");
+      n.type = "button", n.className = "rte-comment-btn ghost", n.textContent = "Jump to text", n.onclick = () => {
+        const s = e.root.querySelector(`#${t.anchorId}`);
+        s && (s.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" }), b(e, t.id, !0), window.setTimeout(() => b(e, t.id, !1), 1200));
+      }, i.appendChild(n);
+    }
+    if (t.resolved) {
+      const n = document.createElement("button");
+      n.type = "button", n.className = "rte-comment-btn ghost", n.textContent = "Reopen", n.onclick = () => j(t.id), i.appendChild(n);
+    } else {
+      const n = document.createElement("button");
+      n.type = "button", n.className = "rte-comment-btn success", n.textContent = "Resolve", n.onclick = () => O(t.id, E), i.appendChild(n);
+    }
+    const c = document.createElement("button");
+    c.type = "button", c.className = "rte-comment-btn danger", c.textContent = "Delete", c.onclick = () => P(t.id), i.appendChild(c), p.appendChild(i);
+  }
+  return o.addEventListener("mouseenter", () => b(e, t.id, !0)), o.addEventListener("mouseleave", () => b(e, t.id, !1)), o;
+}
+function m(e) {
+  const t = e || f();
+  if (!t?.panelElement) return;
+  const r = V(t);
+  t.panelElement.innerHTML = `
+    <div class="rte-comments-header">
+      <div>
+        <h3>Comments (${r.length})</h3>
+        <p>Select text and add comments, or add a general note.</p>
+      </div>
+      <button class="rte-comments-close" type="button" aria-label="Close comments panel">✕</button>
+    </div>
+    <div class="rte-comments-composer">
+      <textarea class="new-comment-textarea" rows="3" placeholder="Add a comment..."></textarea>
+      <div class="rte-comments-composer-actions">
+        <button class="rte-comment-btn primary add-comment-btn" type="button">Add Comment</button>
+      </div>
+    </div>
+    ${r.length === 0 ? '<div class="rte-comments-empty">No comments yet.</div>' : '<div class="rte-comments-list"></div>'}
+  `, t.panelElement.querySelector(".rte-comments-close")?.addEventListener("click", () => {
+    y(t, !1);
+  });
+  const a = t.panelElement.querySelector(
+    ".new-comment-textarea"
+  ), d = t.panelElement.querySelector(
+    ".add-comment-btn"
+  );
+  if (a && d) {
+    a.value = t.newCommentText;
+    const i = () => {
+      const c = !!a.value.trim();
+      d.disabled = !c;
+    };
+    i(), a.addEventListener("input", () => {
+      t.newCommentText = a.value, i();
+    }), a.addEventListener("keydown", (c) => {
+      (c.ctrlKey || c.metaKey) && c.key === "Enter" && (c.preventDefault(), d.click());
+    }), d.addEventListener("click", () => {
+      const c = a.value.trim();
+      if (!c) return;
+      const n = !!t.savedSelection;
+      D(E, c, !n), t.newCommentText = "", m(t);
+    });
+  }
+  const p = t.panelElement.querySelector(".rte-comments-list");
+  p && r.forEach((i) => {
+    p.appendChild(M(t, i));
+  });
+}
+function L() {
+  S || (S = !0, document.addEventListener("focusin", (e) => {
+    const t = v(e.target);
+    t && (x = t);
+  }), document.addEventListener("selectionchange", () => {
+    const e = window.getSelection();
+    if (!e || e.rangeCount === 0) return;
+    const t = e.getRangeAt(0), r = v(t.commonAncestorContainer);
+    if (!r) return;
+    x = r;
+    const o = C.get(r);
+    !o || e.isCollapsed || w(t, r) && (o.savedSelection = t.cloneRange());
+  }));
+}
+function D(e, t, r = !1) {
+  const o = f();
+  if (!o) return "";
+  const a = t.trim();
+  if (!a) return "";
+  if (r) {
+    const l = h("comment");
+    return o.comments.set(l, {
+      id: l,
+      anchorId: "",
+      selectedText: "",
+      author: e,
+      text: a,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      resolved: !1,
+      replies: []
+    }), m(o), l;
+  }
+  const d = o.savedSelection || T(o.root);
+  if (!d || !w(d, o.root)) return "";
+  const p = d.toString().trim();
+  if (!p) return "";
+  const i = h("comment"), c = h("comment-anchor"), n = document.createElement("span");
+  n.id = c, n.className = "rte-comment-anchor", n.setAttribute("data-comment-id", i), n.setAttribute("title", "Commented text");
+  try {
+    const l = d.cloneRange(), u = l.extractContents();
+    if (!u.textContent?.trim()) return "";
+    n.appendChild(u), l.insertNode(n);
+  } catch {
+    return "";
+  }
+  return $(o, n, i), o.comments.set(i, {
+    id: i,
+    anchorId: c,
+    selectedText: p,
+    author: e,
+    text: a,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    resolved: !1,
+    replies: []
+  }), o.savedSelection = null, window.getSelection()?.removeAllRanges(), m(o), i;
+}
+function O(e, t) {
+  const r = f();
+  if (!r) return;
+  const o = r.comments.get(e);
+  o && (o.resolved = !0, o.resolvedBy = t, o.resolvedAt = (/* @__PURE__ */ new Date()).toISOString(), R(r, o), m(r));
+}
+function j(e) {
+  const t = f();
+  if (!t) return;
+  const r = t.comments.get(e);
+  r && (r.resolved = !1, r.resolvedBy = void 0, r.resolvedAt = void 0, R(t, r), m(t));
+}
+function P(e) {
+  const t = f();
+  if (!t) return;
+  const r = t.comments.get(e);
+  if (r) {
+    if (r.anchorId) {
+      const o = t.root.querySelector(`#${r.anchorId}`);
+      o && q(o);
+    }
+    t.comments.delete(e), t.expandedComments.delete(e), delete t.replyTexts[e], m(t);
+  }
+}
+function _(e, t, r) {
+  const o = f();
+  if (!o) return;
+  const a = o.comments.get(e);
+  if (!a) return;
+  const d = r.trim();
+  d && (a.replies.push({
+    id: h("reply"),
+    author: t,
+    text: d,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString()
+  }), m(o));
+}
+function F() {
+  if (document.getElementById("rte-comments-panel-styles")) return;
+  const e = document.createElement("style");
+  e.id = "rte-comments-panel-styles", e.textContent = `
+    .rte-comments-panel {
+      --rte-comments-panel-width: min(360px, 42vw);
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: var(--rte-comments-panel-width);
+      display: flex;
+      flex-direction: column;
+      background: var(--rte-color-bg-primary, #ffffff);
+      color: var(--rte-color-text-primary, #111827);
+      border-left: 1px solid var(--rte-color-border, #d1d5db);
+      box-shadow: -12px 0 28px rgba(15, 23, 42, 0.2);
+      transform: translateX(100%);
+      opacity: 0;
+      pointer-events: none;
+      transition: transform 180ms ease, opacity 180ms ease;
+      z-index: 55;
+    }
+
+    .rte-comments-panel.is-open {
+      transform: translateX(0);
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    [data-rte-comments-open="true"] :is(.rte-toolbar, .editora-toolbar, .rte-content, .editora-content, .editora-statusbar, .editora-statusbar-container) {
+      margin-right: var(--rte-comments-panel-width);
+      transition: margin-right 180ms ease;
+    }
+
+    .rte-comments-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 14px 14px 12px;
+      border-bottom: 1px solid var(--rte-color-border-light, #e5e7eb);
+      background: var(--rte-color-bg-secondary, #f8fafc);
+    }
+
+    .rte-comments-header h3 {
+      margin: 0;
+      font-size: 15px;
+      line-height: 1.2;
+    }
+
+    .rte-comments-header p {
+      margin: 6px 0 0;
+      font-size: 12px;
+      color: var(--rte-color-text-muted, #64748b);
+    }
+
+    .rte-comments-close {
+      border: 1px solid var(--rte-color-border, #d1d5db);
+      background: transparent;
+      color: var(--rte-color-text-secondary, #475569);
+      border-radius: 6px;
+      width: 30px;
+      height: 30px;
+      cursor: pointer;
+      font-size: 16px;
+      line-height: 1;
+    }
+
+    .rte-comments-close:hover {
+      background: var(--rte-color-bg-hover, #f1f5f9);
+      color: var(--rte-color-text-primary, #0f172a);
+    }
+
+    .rte-comments-composer {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      padding: 12px 14px;
+      border-bottom: 1px solid var(--rte-color-border-light, #e5e7eb);
+      background: var(--rte-color-bg-secondary, #f8fafc);
+    }
+
+    .new-comment-textarea,
+    .rte-comment-reply-textarea {
+      width: 100%;
+      resize: vertical;
+      min-height: 62px;
+      font-family: inherit;
+      font-size: 13px;
+      line-height: 1.35;
+      border: 1px solid var(--rte-color-border, #d1d5db);
+      border-radius: 8px;
+      background: var(--rte-color-bg-primary, #ffffff);
+      color: var(--rte-color-text-primary, #0f172a);
+      padding: 8px 10px;
+      outline: none;
+    }
+
+    .new-comment-textarea:focus,
+    .rte-comment-reply-textarea:focus {
+      border-color: var(--rte-color-border-focus, #2563eb);
+      box-shadow: 0 0 0 2px color-mix(in srgb, var(--rte-color-border-focus, #2563eb) 20%, transparent);
+    }
+
+    .rte-comments-composer-actions {
+      display: flex;
+      justify-content: flex-end;
+    }
+
+    .rte-comments-list {
+      flex: 1;
+      overflow: auto;
+      padding: 12px;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    .rte-comments-empty {
+      padding: 18px 14px;
+      color: var(--rte-color-text-muted, #64748b);
+      font-size: 13px;
+    }
+
+    .rte-comment-item {
+      border: 1px solid var(--rte-color-border-light, #e5e7eb);
+      border-radius: 10px;
+      background: var(--rte-color-bg-primary, #ffffff);
+      padding: 10px;
+    }
+
+    .rte-comment-item.resolved {
+      opacity: 0.74;
+    }
+
+    .rte-comment-header {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 8px;
+    }
+
+    .rte-comment-meta {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .rte-comment-author {
+      font-size: 13px;
+      color: var(--rte-color-text-primary, #0f172a);
+    }
+
+    .rte-comment-date {
+      font-size: 11px;
+      color: var(--rte-color-text-muted, #64748b);
+    }
+
+    .rte-comment-expand {
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      color: var(--rte-color-text-secondary, #475569);
+      font-size: 16px;
+      line-height: 1;
+      padding: 0;
+    }
+
+    .rte-comment-text {
+      margin-top: 8px;
+      font-size: 13px;
+      line-height: 1.45;
+      color: var(--rte-color-text-primary, #0f172a);
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    .rte-comment-selection {
+      margin: 8px 0 0;
+      border-left: 3px solid var(--rte-color-primary, #2563eb);
+      background: var(--rte-color-bg-secondary, #f8fafc);
+      color: var(--rte-color-text-secondary, #475569);
+      padding: 6px 8px;
+      border-radius: 6px;
+      font-size: 12px;
+      font-style: italic;
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    .rte-comment-expanded {
+      display: none;
+      margin-top: 10px;
+      padding-top: 10px;
+      border-top: 1px solid var(--rte-color-border-light, #e5e7eb);
+    }
+
+    .rte-comment-expanded.show {
+      display: block;
+    }
+
+    .rte-comment-replies {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      margin-bottom: 10px;
+    }
+
+    .rte-comment-reply {
+      border: 1px solid var(--rte-color-border-light, #e5e7eb);
+      border-radius: 8px;
+      padding: 8px;
+      background: var(--rte-color-bg-secondary, #f8fafc);
+    }
+
+    .rte-comment-reply-header {
+      display: flex;
+      justify-content: space-between;
+      gap: 8px;
+      margin-bottom: 4px;
+      font-size: 11px;
+      color: var(--rte-color-text-muted, #64748b);
+    }
+
+    .rte-comment-reply-text {
+      font-size: 12px;
+      color: var(--rte-color-text-secondary, #334155);
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    .rte-comment-reply-composer {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      margin-bottom: 10px;
+    }
+
+    .rte-comment-actions {
+      display: flex;
+      justify-content: flex-end;
+      flex-wrap: wrap;
+      gap: 6px;
+    }
+
+    .rte-comment-btn {
+      border: 1px solid var(--rte-color-border, #d1d5db);
+      border-radius: 7px;
+      padding: 5px 9px;
+      font-size: 12px;
+      cursor: pointer;
+      background: var(--rte-color-bg-primary, #ffffff);
+      color: var(--rte-color-text-secondary, #334155);
+    }
+
+    .rte-comment-btn:hover {
+      background: var(--rte-color-bg-hover, #f1f5f9);
+      color: var(--rte-color-text-primary, #0f172a);
+    }
+
+    .rte-comment-btn:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .rte-comment-btn.primary {
+      border-color: var(--rte-color-primary, #2563eb);
+      background: var(--rte-color-primary, #2563eb);
+      color: var(--rte-color-text-inverse, #ffffff);
+    }
+
+    .rte-comment-btn.primary:hover {
+      background: var(--rte-color-primary-hover, #1d4ed8);
+      border-color: var(--rte-color-primary-hover, #1d4ed8);
+      color: var(--rte-color-text-inverse, #ffffff);
+    }
+
+    .rte-comment-btn.success {
+      border-color: color-mix(in srgb, var(--rte-color-success, #15803d) 60%, transparent);
+      color: var(--rte-color-success, #15803d);
+    }
+
+    .rte-comment-btn.danger {
+      border-color: color-mix(in srgb, var(--rte-color-danger, #b91c1c) 60%, transparent);
+      color: var(--rte-color-danger, #b91c1c);
+    }
+
+    .rte-comment-anchor {
+      background: rgba(250, 204, 21, 0.34);
+      border-bottom: 2px solid rgba(217, 119, 6, 0.75);
+      border-radius: 2px;
+      cursor: pointer;
+      transition: outline-color 120ms ease, box-shadow 120ms ease;
+    }
+
+    .rte-comment-anchor.rte-comment-anchor-resolved {
+      background: rgba(148, 163, 184, 0.2);
+      border-bottom-color: rgba(100, 116, 139, 0.6);
+    }
+
+    .rte-comment-anchor.highlighted {
+      outline: 2px solid var(--rte-color-primary, #2563eb);
+      outline-offset: 2px;
+    }
+
+    :is([theme="dark"], [data-theme="dark"], .dark, .editora-theme-dark) .rte-comments-panel {
+      box-shadow: -14px 0 30px rgba(0, 0, 0, 0.45);
+    }
+
+    @media (max-width: 900px) {
+      .rte-comments-panel {
+        --rte-comments-panel-width: min(420px, 100%);
+      }
+
+      [data-rte-comments-open="true"] :is(.rte-toolbar, .editora-toolbar, .rte-content, .editora-content, .editora-statusbar, .editora-statusbar-container) {
+        margin-right: 0;
+      }
+    }
+  `, document.head.appendChild(e);
+}
+const Z = () => ({
+  name: "comments",
+  toolbar: [
+    {
+      label: "Add Comment",
+      command: "addComment",
+      type: "button",
+      icon: '<svg fill="#000000" width="24px" height="24px" viewBox="0 0 32 32" id="icon" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title>add-comment</title><path d="M17.74,30,16,29l4-7h6a2,2,0,0,0,2-2V8a2,2,0,0,0-2-2H6A2,2,0,0,0,4,8V20a2,2,0,0,0,2,2h9v2H6a4,4,0,0,1-4-4V8A4,4,0,0,1,6,4H26a4,4,0,0,1,4,4V20a4,4,0,0,1-4,4H21.16Z"></path><polygon points="17 9 15 9 15 13 11 13 11 15 15 15 15 19 17 19 17 15 21 15 21 13 17 13 17 9"></polygon><rect class="cls-1" width="32" height="32"></rect></svg>'
+    },
+    {
+      label: "Show / Hide Comments",
+      command: "toggleComments",
+      type: "button",
+      icon: '<svg width="24px" height="24px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1H4V11H8L10 13L12 11H16V1Z" fill="#000000"></path><path d="M2 5V13H7.17157L8.70711 14.5355L7.29289 15.9497L6.34315 15H0V5H2Z" fill="#000000"></path></svg>'
+    }
+  ],
+  commands: {
+    addComment: () => {
+      L();
+      const e = f();
+      return e ? (e.savedSelection = T(e.root), e.savedSelection && window.getSelection()?.removeAllRanges(), y(e, !0), m(e), e.panelElement?.querySelector(
+        ".new-comment-textarea"
+      )?.focus({ preventScroll: !0 }), !0) : !1;
+    },
+    toggleComments: () => {
+      L();
+      const e = f();
+      return e ? (y(e, !e.panelVisible), e.panelVisible && m(e), !0) : !1;
+    }
+  },
+  keymap: {}
+});
+export {
+  Z as CommentsPlugin
+};

package/dist/direction.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=new Set(["P","DIV","H1","H2","H3","H4","H5","H6","LI","BLOCKQUOTE","PRE"]),l=e=>f.has(e.tagName)&&e.getAttribute("contenteditable")!=="true",h=()=>{const e=window.getSelection();if(e&&e.rangeCount>0){let t=e.getRangeAt(0).startContainer;for(;t&&t!==document.body;){if(t.nodeType===Node.ELEMENT_NODE){const r=t;if(r.getAttribute("contenteditable")==="true")return r}t=t.parentNode}}const n=document.activeElement;if(n){if(n.getAttribute("contenteditable")==="true")return n;const t=n.closest('[contenteditable="true"]');if(t)return t}return document.querySelector('[contenteditable="true"]')},u=e=>{let n=e;for(;n&&n!==document.body;){if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(l(t))return t;if(t.getAttribute("contenteditable")==="true")break}n=n.parentNode}return null},C=(e,n)=>{const t=[],r=new Set,i=o=>{!o||r.has(o)||n.contains(o)&&l(o)&&(r.add(o),t.push(o))};if(e.collapsed)return i(u(e.startContainer)),t;const s=document.createTreeWalker(n,NodeFilter.SHOW_ELEMENT,{acceptNode:o=>{const d=o;if(!l(d))return NodeFilter.FILTER_SKIP;if(typeof e.intersectsNode=="function")return e.intersectsNode(d)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP;const a=document.createRange();return a.selectNodeContents(d),e.compareBoundaryPoints(Range.END_TO_START,a)>0&&e.compareBoundaryPoints(Range.START_TO_END,a)<0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});let c=s.nextNode();for(;c;)i(c),c=s.nextNode();return t.length===0&&i(u(e.commonAncestorContainer)),t},T=(e,n)=>{if(n===e.innerHTML)return;const t=window.execEditorCommand||window.executeEditorCommand;if(typeof t=="function")try{t("recordDomTransaction",e,n,e.innerHTML)}catch{}},g=e=>{const n=h();if(!n)return!1;const t=window.getSelection();if(!t||t.rangeCount===0)return!1;const r=t.getRangeAt(0);if(!n.contains(r.commonAncestorContainer))return!1;const i=C(r,n);if(i.length===0)return!1;const s=n.innerHTML;return i.forEach(c=>{e==="rtl"?c.setAttribute("dir","rtl"):c.removeAttribute("dir")}),T(n,s),n.dispatchEvent(new Event("input",{bubbles:!0})),!0},p=()=>({name:"direction",toolbar:[{label:"Left to Right",command:"setDirectionLTR",icon:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M21 18H3M21 18L18 21M21 18L18 15M13 3V12M13 3H7M13 3C13.4596 3 13.9148 3.0776 14.3394 3.22836C14.764 3.37913 15.1499 3.6001 15.4749 3.87868C15.7999 4.15726 16.0577 4.48797 16.2336 4.85195C16.4095 5.21593 16.5 5.60603 16.5 6C16.5 6.39397 16.4095 6.78407 16.2336 7.14805C16.0577 7.51203 15.7999 7.84274 15.4749 8.12132C15.1499 8.3999 14.764 8.62087 14.3394 8.77164C13.9148 8.9224 13.4596 9 13 9V3ZM9 3V12" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>',shortcut:"Mod-Shift-l"},{label:"Right to Left",command:"setDirectionRTL",icon:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M3 18H21M3 18L6 21M3 18L6 15M11 12V3H17M15 3V12M10.5 3C10.0404 3 9.58525 3.0776 9.16061 3.22836C8.73597 3.37913 8.35013 3.6001 8.02513 3.87868C7.70012 4.15726 7.44231 4.48797 7.26642 4.85195C7.09053 5.21593 7 5.60603 7 6C7 6.39397 7.09053 6.78407 7.26642 7.14805C7.44231 7.51203 7.70012 7.84274 8.02513 8.12132C8.35013 8.3999 8.73597 8.62087 9.16061 8.77164C9.58525 8.9224 10.0404 9 10.5 9L10.5 3Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>',shortcut:"Mod-Shift-r"}],commands:{setDirectionLTR:()=>{try{return g(null)}catch(e){return console.error("Failed to set LTR direction:",e),!1}},setDirectionRTL:()=>{try{return g("rtl")}catch(e){return console.error("Failed to set RTL direction:",e),!1}}},keymap:{"Mod-Shift-l":"setDirectionLTR","Mod-Shift-r":"setDirectionRTL"}});exports.DirectionPlugin=p;