@editora/spell-check 1.0.1

package/dist/index.cjs.js

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=new Set(["the","a","an","and","or","but","in","on","at","to","for","of","with","by","from","is","are","be","was","were","have","has","had","do","does","did","will","would","could","should","may","might","must","can","this","that","these","those","what","which","who","whom","where","when","why","how","all","each","every","both","few","more","most","other","same","such","no","nor","not","only","own","so","than","too","very","just","as","if","because","while","although","though","it","its","their","them","they","you","he","she","we","me","him","her","us","our","i","my","your","his","hers","ours","yours","theirs","editor","document","text","word","paragraph","line","page","content","hello","world","test","example","sample","demo","lorem","ipsum"]),x=new Set,y=new Set;let f=!1,p=null,g=null,l=null;const z=()=>{try{const t=localStorage.getItem("rte-custom-dictionary");t&&JSON.parse(t).forEach(e=>x.add(e.toLowerCase()))}catch(t){console.warn("Failed to load custom dictionary:",t)}},D=()=>{try{const t=Array.from(x);localStorage.setItem("rte-custom-dictionary",JSON.stringify(t))}catch(t){console.warn("Failed to save custom dictionary:",t)}};function F(t,n){const e=[];for(let o=0;o<=n.length;o++)e[o]=[o];for(let o=0;o<=t.length;o++)e[0][o]=o;for(let o=1;o<=n.length;o++)for(let s=1;s<=t.length;s++)n.charAt(o-1)===t.charAt(s-1)?e[o][s]=e[o-1][s-1]:e[o][s]=Math.min(e[o-1][s-1]+1,e[o][s-1]+1,e[o-1][s]+1);return e[n.length][t.length]}function $(t){const n=t.toLowerCase();return N.has(n)||x.has(n)||y.has(n)}function I(t,n=5){const e=t.toLowerCase(),s=Array.from(N).map(r=>({word:r,distance:F(e,r)}));return s.sort((r,i)=>r.distance-i.distance),s.filter(r=>r.distance<=3).slice(0,n).map(r=>r.word)}function j(t){if(t.nodeType!==Node.ELEMENT_NODE)return!1;const n=t;return!!(n.closest('code, pre, [contenteditable="false"], .rte-widget, .rte-template, .rte-comment, .rte-merge-tag')||n.hasAttribute("data-comment-id")||n.hasAttribute("data-template")||n.hasAttribute("data-merge-tag"))}function R(t){const n=[],e=/([\p{L}\p{M}\p{N}\p{Emoji_Presentation}\u200d'-]+|[\uD800-\uDBFF][\uDC00-\uDFFF])/gu;let o;for(;(o=e.exec(t.data))!==null;){const s=o[0],r=o.index,i=r+s.length;/https?:\/\//.test(s)||/@/.test(s)||/\{\{.*\}\}/.test(s)||/^\d+$/.test(s)||$(s)||/[a-z][A-Z]/.test(s)||/-/.test(s)||s[0]===s[0].toUpperCase()&&s.length>1||n.push({id:`${s}-${r}`,node:t,startOffset:r,endOffset:i,word:s,suggestions:I(s),ignored:!1})}return n}const b=()=>{const t=window.getSelection();if(t&&t.rangeCount>0){let e=t.getRangeAt(0).startContainer;for(;e&&e!==document.body;){if(e.nodeType===Node.ELEMENT_NODE){const o=e;if(o.getAttribute("contenteditable")==="true")return o}e=e.parentNode}}const n=document.activeElement;if(n){if(n.getAttribute("contenteditable")==="true")return n;const e=n.closest('[contenteditable="true"]');if(e)return e}return document.querySelector('[contenteditable="true"]')};function v(){const t=b();if(!t)return[];const n=[],e=document.createTreeWalker(t,NodeFilter.SHOW_TEXT,{acceptNode:s=>!s.textContent?.trim()||s.parentNode&&j(s.parentNode)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT});let o=e.nextNode();for(;o;)n.push(...R(o)),o=e.nextNode();return n}function w(t){const n=b();n&&(t||(t=v()),n.querySelectorAll(".rte-misspelled").forEach(e=>{const o=e.parentNode;if(o){for(;e.firstChild;)o.insertBefore(e.firstChild,e);o.removeChild(e)}}),t.forEach(e=>{if(y.has(e.word.toLowerCase()))return;const o=e.node.data.length;if(!(e.startOffset<0||e.endOffset>o||e.startOffset>=e.endOffset))try{const s=document.createRange();s.setStart(e.node,e.startOffset),s.setEnd(e.node,e.endOffset);const r=document.createElement("span");r.className="rte-misspelled",r.setAttribute("data-word",e.word),r.setAttribute("data-suggestions",e.suggestions.join(",")),r.setAttribute("title",`Suggestions: ${e.suggestions.join(", ")}`),r.style.borderBottom="2px wavy red",r.style.cursor="pointer",s.surroundContents(r)}catch{}}),m())}function C(){const t=document.querySelector('[contenteditable="true"]');t&&t.querySelectorAll(".rte-misspelled").forEach(n=>{const e=n.parentNode;if(e){for(;n.firstChild;)e.insertBefore(n.firstChild,n);e.removeChild(n)}})}function A(t,n){const e=document.createRange();e.setStart(t.node,t.startOffset),e.setEnd(t.node,t.endOffset);const o=document.createTextNode(n);e.deleteContents(),e.insertNode(o)}function T(t){y.add(t.toLowerCase()),C(),w(),m()}function L(t){x.add(t.toLowerCase()),D(),C(),w(),m()}function q(t){const n=b();if(!n)return{total:0,misspelled:0,accuracy:100};t||(t=v());const e=t.filter(i=>!y.has(i.word.toLowerCase())).length,r=((n.textContent||"").match(/[\p{L}\p{M}\p{N}]+/gu)||[]).length;return{total:r,misspelled:e,accuracy:r>0?(r-e)/r*100:100}}function _(t,n,e,o,s){document.querySelectorAll(".rte-spellcheck-menu").forEach(a=>a.remove());const r=document.createElement("div");if(r.className="rte-spellcheck-menu",r.style.cssText=`
+    position: fixed;
+    left: ${t}px;
+    top: ${n}px;
+    background: #fff;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+    z-index: 99999;
+    padding: 4px 0;
+    min-width: 160px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    font-size: 13px;
+  `,o.slice(0,5).forEach(a=>{const u=document.createElement("div");u.className="rte-spellcheck-menu-item",u.textContent=a,u.style.cssText="padding: 6px 16px; cursor: pointer; transition: background 0.2s;",u.onmouseenter=()=>u.style.backgroundColor="#f0f0f0",u.onmouseleave=()=>u.style.backgroundColor="transparent",u.onclick=()=>{const E=s.parentNode;if(E){for(const h of E.childNodes)if(h.nodeType===Node.TEXT_NODE&&h.textContent?.includes(e)){const S=h.textContent.indexOf(e),M={node:h,startOffset:S,endOffset:S+e.length};A(M,a);break}}r.remove()},r.appendChild(u)}),o.length>0){const a=document.createElement("div");a.style.cssText="height: 1px; background: #ddd; margin: 4px 0;",r.appendChild(a)}const i=document.createElement("div");i.className="rte-spellcheck-menu-item",i.textContent="Ignore Once",i.style.cssText="padding: 6px 16px; cursor: pointer; color: #666;",i.onmouseenter=()=>i.style.backgroundColor="#f0f0f0",i.onmouseleave=()=>i.style.backgroundColor="transparent",i.onclick=()=>{s.remove(),r.remove()},r.appendChild(i);const d=document.createElement("div");d.className="rte-spellcheck-menu-item",d.textContent="Ignore All",d.style.cssText="padding: 6px 16px; cursor: pointer; color: #666;",d.onmouseenter=()=>d.style.backgroundColor="#f0f0f0",d.onmouseleave=()=>d.style.backgroundColor="transparent",d.onclick=()=>{T(e),r.remove()},r.appendChild(d);const c=document.createElement("div");c.className="rte-spellcheck-menu-item",c.textContent="Add to Dictionary",c.style.cssText="padding: 6px 16px; cursor: pointer; color: #1976d2;",c.onmouseenter=()=>c.style.backgroundColor="#f0f0f0",c.onmouseleave=()=>c.style.backgroundColor="transparent",c.onclick=()=>{L(e),r.remove()},r.appendChild(c),document.body.appendChild(r);const k=a=>{r.contains(a.target)||(r.remove(),document.removeEventListener("mousedown",k))};setTimeout(()=>document.addEventListener("mousedown",k),0)}function B(){document.addEventListener("contextmenu",t=>{const n=t.target;if(n&&n.classList.contains("rte-misspelled")){t.preventDefault();const e=n.getAttribute("data-word"),o=(n.getAttribute("data-suggestions")||"").split(",").filter(s=>s);_(t.clientX,t.clientY,e,o,n)}})}function H(){const t=document.createElement("div");return t.className="rte-spell-check-panel",t.style.cssText=`
+    position: fixed;
+    right: 0;
+    top: 0;
+    width: 350px;
+    height: 100vh;
+    background: white;
+    border-left: 1px solid #ddd;
+    box-shadow: -2px 0 4px rgba(0,0,0,0.1);
+    overflow-y: auto;
+    z-index: 10000;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    padding: 16px;
+  `,document.body.appendChild(t),t}function m(){if(!l)return;const t=v(),n=q(t);l.innerHTML=`
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
+      <h3 style="margin: 0; font-size: 16px; font-weight: 600;">Spell Check</h3>
+      <button class="rte-spellcheck-close" style="background: none; border: none; font-size: 22px; cursor: pointer; color: #888;">✕</button>
+    </div>
+    
+    <div style="display: flex; gap: 24px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #eee;">
+      <div>
+        <div style="font-size: 12px; color: #999;">Total Words</div>
+        <div style="font-size: 16px; font-weight: 600; color: #333;">${n.total}</div>
+      </div>
+      <div>
+        <div style="font-size: 12px; color: #999;">Misspelled</div>
+        <div style="font-size: 16px; font-weight: 600; color: #d32f2f;">${n.misspelled}</div>
+      </div>
+      <div>
+        <div style="font-size: 12px; color: #999;">Accuracy</div>
+        <div style="font-size: 16px; font-weight: 600; color: #388e3c;">${n.accuracy.toFixed(1)}%</div>
+      </div>
+    </div>
+    
+    <div class="misspellings-list">
+      ${t.length===0?'<div style="padding: 12px; text-align: center; color: #999; font-size: 13px;">No spelling errors found</div>':t.map((o,s)=>`
+            <div class="misspelling-item" data-word="${o.word}" data-index="${s}" style="padding: 8px; margin-bottom: 8px; background-color: #f5f5f5; border-radius: 4px;">
+              <div class="word-header" style="display: flex; justify-content: space-between; align-items: center; cursor: pointer;">
+                <span style="font-weight: 600; color: #d32f2f;">${o.word}</span>
+                <button class="expand-btn" style="background: none; border: none; cursor: pointer; font-size: 12px; color: #666;">▶</button>
+              </div>
+              <div class="suggestions" style="display: none; margin-top: 8px; padding-top: 8px; border-top: 1px solid #ddd;">
+                ${o.suggestions.length>0?`<div style="font-size: 12px; font-weight: 600; color: #333; margin-bottom: 6px;">Suggestions:</div>
+                     ${o.suggestions.map(r=>`<button class="suggestion-btn" data-suggestion="${r}" style="display: inline-block; margin-right: 6px; margin-bottom: 6px; padding: 4px 8px; background-color: #1976d2; color: white; border: none; border-radius: 3px; font-size: 12px; cursor: pointer;">${r}</button>`).join("")}`:'<div style="font-size: 12px; color: #999; margin-bottom: 8px;">No suggestions</div>'}
+                <div style="margin-top: 8px; display: flex; gap: 6px;">
+                  <button class="ignore-btn" style="font-size: 12px; padding: 4px 8px; background-color: white; border: 1px solid #ddd; border-radius: 3px; cursor: pointer;">Ignore</button>
+                  <button class="add-btn" style="font-size: 12px; padding: 4px 8px; background-color: white; border: 1px solid #ddd; border-radius: 3px; cursor: pointer;">Add to Dictionary</button>
+                </div>
+              </div>
+            </div>
+          `).join("")}
+    </div>
+  `,l.querySelector(".rte-spellcheck-close")?.addEventListener("click",()=>{O()}),l.querySelectorAll(".word-header").forEach((o,s)=>{o.addEventListener("click",()=>{const i=o.closest(".misspelling-item")?.querySelector(".suggestions"),d=o.querySelector(".expand-btn");i&&d&&(i.style.display==="none"?(i.style.display="block",d.textContent="▼"):(i.style.display="none",d.textContent="▶"))})}),l.querySelectorAll(".suggestion-btn").forEach(o=>{o.addEventListener("click",()=>{const s=o.getAttribute("data-suggestion"),r=o.closest(".misspelling-item");r?.getAttribute("data-word");const i=parseInt(r?.getAttribute("data-index")||"0");t[i]&&A(t[i],s)})}),l.querySelectorAll(".ignore-btn").forEach(o=>{o.addEventListener("click",()=>{const r=o.closest(".misspelling-item")?.getAttribute("data-word");T(r)})}),l.querySelectorAll(".add-btn").forEach(o=>{o.addEventListener("click",()=>{const r=o.closest(".misspelling-item")?.getAttribute("data-word");L(r)})})}function P(){const t=b();t&&(p&&p.disconnect(),p=new MutationObserver(n=>{n.some(e=>e.type==="characterData"||e.type==="childList")&&(g&&clearTimeout(g),g=window.setTimeout(()=>{f&&(w(),m())},350))}),p.observe(t,{characterData:!0,childList:!0,subtree:!0}))}function W(){p&&(p.disconnect(),p=null),g&&(clearTimeout(g),g=null)}function O(){return f=!f,f?(w(),B(),P(),l||(l=H(),m())):(C(),W(),l&&(l.remove(),l=null)),f}const V=()=>({name:"spellCheck",init:()=>{z()},toolbar:[{label:"Spell Check",command:"toggleSpellCheck",icon:'<svg width="24px" height="24px" 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 12.5L3.84375 9.5M3.84375 9.5L5 5.38889C5 5.38889 5.25 4.5 6 4.5C6.75 4.5 7 5.38889 7 5.38889L8.15625 9.5M3.84375 9.5H8.15625M9 12.5L8.15625 9.5M13 16.8333L15.4615 19.5L21 13.5M12 8.5H15C16.1046 8.5 17 7.60457 17 6.5C17 5.39543 16.1046 4.5 15 4.5H12V8.5ZM12 8.5H16C17.1046 8.5 18 9.39543 18 10.5C18 11.6046 17.1046 12.5 16 12.5H12V8.5Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>',shortcut:"F7"}],commands:{toggleSpellCheck:()=>(O(),!0)},keymap:{F7:"toggleSpellCheck"}});exports.SpellCheckPlugin=V;

package/dist/index.esm.js

@@ -0,0 +1,458 @@
+const N = /* @__PURE__ */ new Set([
+  "the",
+  "a",
+  "an",
+  "and",
+  "or",
+  "but",
+  "in",
+  "on",
+  "at",
+  "to",
+  "for",
+  "of",
+  "with",
+  "by",
+  "from",
+  "is",
+  "are",
+  "be",
+  "was",
+  "were",
+  "have",
+  "has",
+  "had",
+  "do",
+  "does",
+  "did",
+  "will",
+  "would",
+  "could",
+  "should",
+  "may",
+  "might",
+  "must",
+  "can",
+  "this",
+  "that",
+  "these",
+  "those",
+  "what",
+  "which",
+  "who",
+  "whom",
+  "where",
+  "when",
+  "why",
+  "how",
+  "all",
+  "each",
+  "every",
+  "both",
+  "few",
+  "more",
+  "most",
+  "other",
+  "same",
+  "such",
+  "no",
+  "nor",
+  "not",
+  "only",
+  "own",
+  "so",
+  "than",
+  "too",
+  "very",
+  "just",
+  "as",
+  "if",
+  "because",
+  "while",
+  "although",
+  "though",
+  "it",
+  "its",
+  "their",
+  "them",
+  "they",
+  "you",
+  "he",
+  "she",
+  "we",
+  "me",
+  "him",
+  "her",
+  "us",
+  "our",
+  "i",
+  "my",
+  "your",
+  "his",
+  "hers",
+  "ours",
+  "yours",
+  "theirs",
+  "editor",
+  "document",
+  "text",
+  "word",
+  "paragraph",
+  "line",
+  "page",
+  "content",
+  "hello",
+  "world",
+  "test",
+  "example",
+  "sample",
+  "demo",
+  "lorem",
+  "ipsum"
+]), x = /* @__PURE__ */ new Set(), y = /* @__PURE__ */ new Set();
+let f = !1, p = null, g = null, l = null;
+const z = () => {
+  try {
+    const t = localStorage.getItem("rte-custom-dictionary");
+    t && JSON.parse(t).forEach((e) => x.add(e.toLowerCase()));
+  } catch (t) {
+    console.warn("Failed to load custom dictionary:", t);
+  }
+}, D = () => {
+  try {
+    const t = Array.from(x);
+    localStorage.setItem("rte-custom-dictionary", JSON.stringify(t));
+  } catch (t) {
+    console.warn("Failed to save custom dictionary:", t);
+  }
+};
+function F(t, n) {
+  const e = [];
+  for (let o = 0; o <= n.length; o++) e[o] = [o];
+  for (let o = 0; o <= t.length; o++) e[0][o] = o;
+  for (let o = 1; o <= n.length; o++)
+    for (let s = 1; s <= t.length; s++)
+      n.charAt(o - 1) === t.charAt(s - 1) ? e[o][s] = e[o - 1][s - 1] : e[o][s] = Math.min(
+        e[o - 1][s - 1] + 1,
+        // substitution
+        e[o][s - 1] + 1,
+        // insertion
+        e[o - 1][s] + 1
+        // deletion
+      );
+  return e[n.length][t.length];
+}
+function $(t) {
+  const n = t.toLowerCase();
+  return N.has(n) || x.has(n) || y.has(n);
+}
+function I(t, n = 5) {
+  const e = t.toLowerCase(), s = Array.from(N).map((r) => ({ word: r, distance: F(e, r) }));
+  return s.sort((r, i) => r.distance - i.distance), s.filter((r) => r.distance <= 3).slice(0, n).map((r) => r.word);
+}
+function R(t) {
+  if (t.nodeType !== Node.ELEMENT_NODE) return !1;
+  const n = t;
+  return !!(n.closest('code, pre, [contenteditable="false"], .rte-widget, .rte-template, .rte-comment, .rte-merge-tag') || n.hasAttribute("data-comment-id") || n.hasAttribute("data-template") || n.hasAttribute("data-merge-tag"));
+}
+function j(t) {
+  const n = [], e = /([\p{L}\p{M}\p{N}\p{Emoji_Presentation}\u200d'-]+|[\uD800-\uDBFF][\uDC00-\uDFFF])/gu;
+  let o;
+  for (; (o = e.exec(t.data)) !== null; ) {
+    const s = o[0], r = o.index, i = r + s.length;
+    /https?:\/\//.test(s) || /@/.test(s) || /\{\{.*\}\}/.test(s) || /^\d+$/.test(s) || $(s) || /[a-z][A-Z]/.test(s) || /-/.test(s) || s[0] === s[0].toUpperCase() && s.length > 1 || n.push({
+      id: `${s}-${r}`,
+      node: t,
+      startOffset: r,
+      endOffset: i,
+      word: s,
+      suggestions: I(s),
+      ignored: !1
+    });
+  }
+  return n;
+}
+const b = () => {
+  const t = window.getSelection();
+  if (t && t.rangeCount > 0) {
+    let e = t.getRangeAt(0).startContainer;
+    for (; e && e !== document.body; ) {
+      if (e.nodeType === Node.ELEMENT_NODE) {
+        const o = e;
+        if (o.getAttribute("contenteditable") === "true")
+          return o;
+      }
+      e = e.parentNode;
+    }
+  }
+  const n = document.activeElement;
+  if (n) {
+    if (n.getAttribute("contenteditable") === "true")
+      return n;
+    const e = n.closest('[contenteditable="true"]');
+    if (e) return e;
+  }
+  return document.querySelector('[contenteditable="true"]');
+};
+function v() {
+  const t = b();
+  if (!t) return [];
+  const n = [], e = document.createTreeWalker(
+    t,
+    NodeFilter.SHOW_TEXT,
+    {
+      acceptNode: (s) => !s.textContent?.trim() || s.parentNode && R(s.parentNode) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
+    }
+  );
+  let o = e.nextNode();
+  for (; o; )
+    n.push(...j(o)), o = e.nextNode();
+  return n;
+}
+function w(t) {
+  const n = b();
+  n && (t || (t = v()), n.querySelectorAll(".rte-misspelled").forEach((e) => {
+    const o = e.parentNode;
+    if (o) {
+      for (; e.firstChild; )
+        o.insertBefore(e.firstChild, e);
+      o.removeChild(e);
+    }
+  }), t.forEach((e) => {
+    if (y.has(e.word.toLowerCase())) return;
+    const o = e.node.data.length;
+    if (!(e.startOffset < 0 || e.endOffset > o || e.startOffset >= e.endOffset))
+      try {
+        const s = document.createRange();
+        s.setStart(e.node, e.startOffset), s.setEnd(e.node, e.endOffset);
+        const r = document.createElement("span");
+        r.className = "rte-misspelled", r.setAttribute("data-word", e.word), r.setAttribute("data-suggestions", e.suggestions.join(",")), r.setAttribute("title", `Suggestions: ${e.suggestions.join(", ")}`), r.style.borderBottom = "2px wavy red", r.style.cursor = "pointer", s.surroundContents(r);
+      } catch {
+      }
+  }), m());
+}
+function C() {
+  const t = document.querySelector('[contenteditable="true"]');
+  t && t.querySelectorAll(".rte-misspelled").forEach((n) => {
+    const e = n.parentNode;
+    if (e) {
+      for (; n.firstChild; )
+        e.insertBefore(n.firstChild, n);
+      e.removeChild(n);
+    }
+  });
+}
+function A(t, n) {
+  const e = document.createRange();
+  e.setStart(t.node, t.startOffset), e.setEnd(t.node, t.endOffset);
+  const o = document.createTextNode(n);
+  e.deleteContents(), e.insertNode(o);
+}
+function L(t) {
+  y.add(t.toLowerCase()), C(), w(), m();
+}
+function T(t) {
+  x.add(t.toLowerCase()), D(), C(), w(), m();
+}
+function q(t) {
+  const n = b();
+  if (!n) return { total: 0, misspelled: 0, accuracy: 100 };
+  t || (t = v());
+  const e = t.filter((i) => !y.has(i.word.toLowerCase())).length, r = ((n.textContent || "").match(/[\p{L}\p{M}\p{N}]+/gu) || []).length;
+  return {
+    total: r,
+    misspelled: e,
+    accuracy: r > 0 ? (r - e) / r * 100 : 100
+  };
+}
+function _(t, n, e, o, s) {
+  document.querySelectorAll(".rte-spellcheck-menu").forEach((a) => a.remove());
+  const r = document.createElement("div");
+  if (r.className = "rte-spellcheck-menu", r.style.cssText = `
+    position: fixed;
+    left: ${t}px;
+    top: ${n}px;
+    background: #fff;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+    z-index: 99999;
+    padding: 4px 0;
+    min-width: 160px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    font-size: 13px;
+  `, o.slice(0, 5).forEach((a) => {
+    const u = document.createElement("div");
+    u.className = "rte-spellcheck-menu-item", u.textContent = a, u.style.cssText = "padding: 6px 16px; cursor: pointer; transition: background 0.2s;", u.onmouseenter = () => u.style.backgroundColor = "#f0f0f0", u.onmouseleave = () => u.style.backgroundColor = "transparent", u.onclick = () => {
+      const E = s.parentNode;
+      if (E) {
+        for (const h of E.childNodes)
+          if (h.nodeType === Node.TEXT_NODE && h.textContent?.includes(e)) {
+            const S = h.textContent.indexOf(e), M = {
+              node: h,
+              startOffset: S,
+              endOffset: S + e.length
+            };
+            A(M, a);
+            break;
+          }
+      }
+      r.remove();
+    }, r.appendChild(u);
+  }), o.length > 0) {
+    const a = document.createElement("div");
+    a.style.cssText = "height: 1px; background: #ddd; margin: 4px 0;", r.appendChild(a);
+  }
+  const i = document.createElement("div");
+  i.className = "rte-spellcheck-menu-item", i.textContent = "Ignore Once", i.style.cssText = "padding: 6px 16px; cursor: pointer; color: #666;", i.onmouseenter = () => i.style.backgroundColor = "#f0f0f0", i.onmouseleave = () => i.style.backgroundColor = "transparent", i.onclick = () => {
+    s.remove(), r.remove();
+  }, r.appendChild(i);
+  const d = document.createElement("div");
+  d.className = "rte-spellcheck-menu-item", d.textContent = "Ignore All", d.style.cssText = "padding: 6px 16px; cursor: pointer; color: #666;", d.onmouseenter = () => d.style.backgroundColor = "#f0f0f0", d.onmouseleave = () => d.style.backgroundColor = "transparent", d.onclick = () => {
+    L(e), r.remove();
+  }, r.appendChild(d);
+  const c = document.createElement("div");
+  c.className = "rte-spellcheck-menu-item", c.textContent = "Add to Dictionary", c.style.cssText = "padding: 6px 16px; cursor: pointer; color: #1976d2;", c.onmouseenter = () => c.style.backgroundColor = "#f0f0f0", c.onmouseleave = () => c.style.backgroundColor = "transparent", c.onclick = () => {
+    T(e), r.remove();
+  }, r.appendChild(c), document.body.appendChild(r);
+  const k = (a) => {
+    r.contains(a.target) || (r.remove(), document.removeEventListener("mousedown", k));
+  };
+  setTimeout(() => document.addEventListener("mousedown", k), 0);
+}
+function B() {
+  document.addEventListener("contextmenu", (t) => {
+    const n = t.target;
+    if (n && n.classList.contains("rte-misspelled")) {
+      t.preventDefault();
+      const e = n.getAttribute("data-word"), o = (n.getAttribute("data-suggestions") || "").split(",").filter((s) => s);
+      _(t.clientX, t.clientY, e, o, n);
+    }
+  });
+}
+function H() {
+  const t = document.createElement("div");
+  return t.className = "rte-spell-check-panel", t.style.cssText = `
+    position: fixed;
+    right: 0;
+    top: 0;
+    width: 350px;
+    height: 100vh;
+    background: white;
+    border-left: 1px solid #ddd;
+    box-shadow: -2px 0 4px rgba(0,0,0,0.1);
+    overflow-y: auto;
+    z-index: 10000;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    padding: 16px;
+  `, document.body.appendChild(t), t;
+}
+function m() {
+  if (!l) return;
+  const t = v(), n = q(t);
+  l.innerHTML = `
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
+      <h3 style="margin: 0; font-size: 16px; font-weight: 600;">Spell Check</h3>
+      <button class="rte-spellcheck-close" style="background: none; border: none; font-size: 22px; cursor: pointer; color: #888;">✕</button>
+    </div>
+    
+    <div style="display: flex; gap: 24px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #eee;">
+      <div>
+        <div style="font-size: 12px; color: #999;">Total Words</div>
+        <div style="font-size: 16px; font-weight: 600; color: #333;">${n.total}</div>
+      </div>
+      <div>
+        <div style="font-size: 12px; color: #999;">Misspelled</div>
+        <div style="font-size: 16px; font-weight: 600; color: #d32f2f;">${n.misspelled}</div>
+      </div>
+      <div>
+        <div style="font-size: 12px; color: #999;">Accuracy</div>
+        <div style="font-size: 16px; font-weight: 600; color: #388e3c;">${n.accuracy.toFixed(1)}%</div>
+      </div>
+    </div>
+    
+    <div class="misspellings-list">
+      ${t.length === 0 ? '<div style="padding: 12px; text-align: center; color: #999; font-size: 13px;">No spelling errors found</div>' : t.map((o, s) => `
+            <div class="misspelling-item" data-word="${o.word}" data-index="${s}" style="padding: 8px; margin-bottom: 8px; background-color: #f5f5f5; border-radius: 4px;">
+              <div class="word-header" style="display: flex; justify-content: space-between; align-items: center; cursor: pointer;">
+                <span style="font-weight: 600; color: #d32f2f;">${o.word}</span>
+                <button class="expand-btn" style="background: none; border: none; cursor: pointer; font-size: 12px; color: #666;">▶</button>
+              </div>
+              <div class="suggestions" style="display: none; margin-top: 8px; padding-top: 8px; border-top: 1px solid #ddd;">
+                ${o.suggestions.length > 0 ? `<div style="font-size: 12px; font-weight: 600; color: #333; margin-bottom: 6px;">Suggestions:</div>
+                     ${o.suggestions.map((r) => `<button class="suggestion-btn" data-suggestion="${r}" style="display: inline-block; margin-right: 6px; margin-bottom: 6px; padding: 4px 8px; background-color: #1976d2; color: white; border: none; border-radius: 3px; font-size: 12px; cursor: pointer;">${r}</button>`).join("")}` : '<div style="font-size: 12px; color: #999; margin-bottom: 8px;">No suggestions</div>'}
+                <div style="margin-top: 8px; display: flex; gap: 6px;">
+                  <button class="ignore-btn" style="font-size: 12px; padding: 4px 8px; background-color: white; border: 1px solid #ddd; border-radius: 3px; cursor: pointer;">Ignore</button>
+                  <button class="add-btn" style="font-size: 12px; padding: 4px 8px; background-color: white; border: 1px solid #ddd; border-radius: 3px; cursor: pointer;">Add to Dictionary</button>
+                </div>
+              </div>
+            </div>
+          `).join("")}
+    </div>
+  `, l.querySelector(".rte-spellcheck-close")?.addEventListener("click", () => {
+    O();
+  }), l.querySelectorAll(".word-header").forEach((o, s) => {
+    o.addEventListener("click", () => {
+      const i = o.closest(".misspelling-item")?.querySelector(".suggestions"), d = o.querySelector(".expand-btn");
+      i && d && (i.style.display === "none" ? (i.style.display = "block", d.textContent = "▼") : (i.style.display = "none", d.textContent = "▶"));
+    });
+  }), l.querySelectorAll(".suggestion-btn").forEach((o) => {
+    o.addEventListener("click", () => {
+      const s = o.getAttribute("data-suggestion"), r = o.closest(".misspelling-item");
+      r?.getAttribute("data-word");
+      const i = parseInt(r?.getAttribute("data-index") || "0");
+      t[i] && A(t[i], s);
+    });
+  }), l.querySelectorAll(".ignore-btn").forEach((o) => {
+    o.addEventListener("click", () => {
+      const r = o.closest(".misspelling-item")?.getAttribute("data-word");
+      L(r);
+    });
+  }), l.querySelectorAll(".add-btn").forEach((o) => {
+    o.addEventListener("click", () => {
+      const r = o.closest(".misspelling-item")?.getAttribute("data-word");
+      T(r);
+    });
+  });
+}
+function W() {
+  const t = b();
+  t && (p && p.disconnect(), p = new MutationObserver((n) => {
+    n.some((e) => e.type === "characterData" || e.type === "childList") && (g && clearTimeout(g), g = window.setTimeout(() => {
+      f && (w(), m());
+    }, 350));
+  }), p.observe(t, {
+    characterData: !0,
+    childList: !0,
+    subtree: !0
+  }));
+}
+function P() {
+  p && (p.disconnect(), p = null), g && (clearTimeout(g), g = null);
+}
+function O() {
+  return f = !f, f ? (w(), B(), W(), l || (l = H(), m())) : (C(), P(), l && (l.remove(), l = null)), f;
+}
+const V = () => ({
+  name: "spellCheck",
+  init: () => {
+    z();
+  },
+  toolbar: [
+    {
+      label: "Spell Check",
+      command: "toggleSpellCheck",
+      icon: '<svg width="24px" height="24px" 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 12.5L3.84375 9.5M3.84375 9.5L5 5.38889C5 5.38889 5.25 4.5 6 4.5C6.75 4.5 7 5.38889 7 5.38889L8.15625 9.5M3.84375 9.5H8.15625M9 12.5L8.15625 9.5M13 16.8333L15.4615 19.5L21 13.5M12 8.5H15C16.1046 8.5 17 7.60457 17 6.5C17 5.39543 16.1046 4.5 15 4.5H12V8.5ZM12 8.5H16C17.1046 8.5 18 9.39543 18 10.5C18 11.6046 17.1046 12.5 16 12.5H12V8.5Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>',
+      shortcut: "F7"
+    }
+  ],
+  commands: {
+    toggleSpellCheck: () => (O(), !0)
+  },
+  keymap: {
+    F7: "toggleSpellCheck"
+  }
+});
+export {
+  V as SpellCheckPlugin
+};

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@editora/spell-check",
+  "version": "1.0.1",
+  "description": "Spell Check plugin for Rich Text Editor - Non-blocking spell checking with suggestions",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "vite build"
+  },
+  "keywords": [
+    "editor",
+    "spell-check",
+    "spell-checker",
+    "language"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ajaykr089/Editora.git"
+  },
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@editora/core": "^1.0.5",
+    "@editora/toast": "^2.0.2"
+  },
+  "devDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}