@editora/plugins 1.0.1 → 1.0.4

package/dist/font-family.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=()=>({name:"fontFamily",marks:{fontFamily:{attrs:{family:{default:null}},parseDOM:[{tag:'span[style*="font-family"]',getAttrs:e=>{const t=e.style.fontFamily;return t?{family:t}:!1}},{tag:"font[face]",getAttrs:e=>{const t=e.getAttribute("face");return t?{family:t}:!1}}],toDOM:e=>["span",{style:`font-family: ${e.attrs?.family}`},0]}},toolbar:[{label:"Font Family",command:"setFontFamily",type:"inline-menu",options:[{label:"Arial",value:"Arial, sans-serif"},{label:"Times New Roman",value:"Times New Roman, serif"},{label:"Courier New",value:"Courier New, monospace"},{label:"Georgia",value:"Georgia, serif"},{label:"Verdana",value:"Verdana, sans-serif"},{label:"Helvetica",value:"Helvetica, Arial, sans-serif"},{label:"Trebuchet MS",value:"Trebuchet MS, sans-serif"},{label:"Impact",value:"Impact, sans-serif"}],icon:'<svg fill="#000000" width="24px" height="24px" viewBox="0 0 24 24" 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="M15 4h7v2h-7zm1 4h6v2h-6zm2 4h4v2h-4zM9.307 4l-6 16h2.137l1.875-5h6.363l1.875 5h2.137l-6-16H9.307zm-1.239 9L10.5 6.515 12.932 13H8.068z"></path></g></svg>'}],commands:{setFontFamily:e=>{if(!e)return!1;try{return b(e),!0}catch(n){return console.error("Failed to set font family:",n),!1}}},keymap:{"Mod-Shift-f":"setFontFamily"}}),p="p,div,li,ul,ol,table,thead,tbody,tfoot,tr,td,th,h1,h2,h3,h4,h5,h6,blockquote,pre";function h(e){return!!e.cloneContents().querySelector(p)}function g(e){return(e.nodeType===Node.ELEMENT_NODE?e:e.parentElement)?.closest('[contenteditable="true"]')||document.querySelector('[contenteditable="true"]')}function f(e){e&&e.dispatchEvent(new Event("input",{bubbles:!0}))}function S(e,n){const t=document.createElement("span");for(const a of Array.from(e.attributes))a.name==="face"||a.name==="style"||t.setAttribute(a.name,a.value);const o=e.getAttribute("style");for(o&&t.setAttribute("style",o),t.style.fontFamily=n,t.classList.add("rte-font-family");e.firstChild;)t.appendChild(e.firstChild);e.parentNode?.replaceChild(t,e)}function A(e){e.querySelectorAll("span").forEach(t=>{t.childElementCount>0||(t.textContent||"").trim().length>0||t.remove()})}function C(e,n,t){if(h(e))return!1;const o=document.createElement("span");o.style.fontFamily=t,o.className="rte-font-family";try{e.surroundContents(o)}catch{const l=e.extractContents();o.appendChild(l),e.insertNode(o)}const a=document.createRange();return a.selectNodeContents(o),n.removeAllRanges(),n.addRange(a),!0}function b(e){const n=window.getSelection();if(!n||n.rangeCount===0)return;const t=n.getRangeAt(0),o=t.cloneRange(),a=g(t.commonAncestorContainer);if(t.collapsed)return;const l=t.commonAncestorContainer,i=F(l);if(i&&v(t,i)){i.style.fontFamily=e,i.classList.add("rte-font-family");const r=document.createRange();r.selectNodeContents(i),n.removeAllRanges(),n.addRange(r),f(a);return}if(!a)return;const m=new Set(Array.from(a.querySelectorAll("font[face]"))),u=new Set(Array.from(a.querySelectorAll("span[style*='font-family']")));a.focus({preventScroll:!0});try{document.execCommand("styleWithCSS",!1,"true")}catch{}const d=e.split(",").map(r=>r.trim().replace(/^['"]|['"]$/g,"")).filter(Boolean)[0]||"Arial";let s=document.execCommand("fontName",!1,d),c=!1;Array.from(a.querySelectorAll("font[face]")).forEach(r=>{m.has(r)||(S(r,e),c=!0)}),Array.from(a.querySelectorAll("span[style*='font-family']")).forEach(r=>{u.has(r)||(r.style.fontFamily=e,r.classList.add("rte-font-family"),c=!0)}),s||(s=C(o,n,e)),(s||c)&&(A(a),f(a))}function F(e){let n=e;for(;n;){if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(t.tagName==="SPAN"&&t.style.fontFamily)return t}n=n.parentNode}return null}function v(e,n){const t=e.startContainer,o=e.endContainer,a=n.contains(t)||t.nodeType===Node.TEXT_NODE&&t.parentElement===n,l=n.contains(o)||o.nodeType===Node.TEXT_NODE&&o.parentElement===n;return a&&l}exports.FontFamilyPlugin=y;

package/dist/font-family.esm.js

@@ -0,0 +1,152 @@
+const E = () => ({
+  name: "fontFamily",
+  marks: {
+    fontFamily: {
+      attrs: {
+        family: { default: null }
+      },
+      parseDOM: [
+        {
+          tag: 'span[style*="font-family"]',
+          getAttrs: (e) => {
+            const t = e.style.fontFamily;
+            return t ? { family: t } : !1;
+          }
+        },
+        {
+          tag: "font[face]",
+          getAttrs: (e) => {
+            const t = e.getAttribute("face");
+            return t ? { family: t } : !1;
+          }
+        }
+      ],
+      toDOM: (e) => ["span", { style: `font-family: ${e.attrs?.family}` }, 0]
+    }
+  },
+  toolbar: [
+    {
+      label: "Font Family",
+      command: "setFontFamily",
+      type: "inline-menu",
+      options: [
+        { label: "Arial", value: "Arial, sans-serif" },
+        { label: "Times New Roman", value: "Times New Roman, serif" },
+        { label: "Courier New", value: "Courier New, monospace" },
+        { label: "Georgia", value: "Georgia, serif" },
+        { label: "Verdana", value: "Verdana, sans-serif" },
+        { label: "Helvetica", value: "Helvetica, Arial, sans-serif" },
+        { label: "Trebuchet MS", value: "Trebuchet MS, sans-serif" },
+        { label: "Impact", value: "Impact, sans-serif" }
+      ],
+      icon: '<svg fill="#000000" width="24px" height="24px" viewBox="0 0 24 24" 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="M15 4h7v2h-7zm1 4h6v2h-6zm2 4h4v2h-4zM9.307 4l-6 16h2.137l1.875-5h6.363l1.875 5h2.137l-6-16H9.307zm-1.239 9L10.5 6.515 12.932 13H8.068z"></path></g></svg>'
+    }
+  ],
+  commands: {
+    setFontFamily: (e) => {
+      if (!e) return !1;
+      try {
+        return C(e), !0;
+      } catch (n) {
+        return console.error("Failed to set font family:", n), !1;
+      }
+    }
+  },
+  keymap: {
+    "Mod-Shift-f": "setFontFamily"
+  }
+}), y = "p,div,li,ul,ol,table,thead,tbody,tfoot,tr,td,th,h1,h2,h3,h4,h5,h6,blockquote,pre";
+function p(e) {
+  return !!e.cloneContents().querySelector(y);
+}
+function h(e) {
+  return (e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement)?.closest('[contenteditable="true"]') || document.querySelector('[contenteditable="true"]');
+}
+function f(e) {
+  e && e.dispatchEvent(new Event("input", { bubbles: !0 }));
+}
+function g(e, n) {
+  const t = document.createElement("span");
+  for (const a of Array.from(e.attributes))
+    a.name === "face" || a.name === "style" || t.setAttribute(a.name, a.value);
+  const r = e.getAttribute("style");
+  for (r && t.setAttribute("style", r), t.style.fontFamily = n, t.classList.add("rte-font-family"); e.firstChild; )
+    t.appendChild(e.firstChild);
+  e.parentNode?.replaceChild(t, e);
+}
+function S(e) {
+  e.querySelectorAll("span").forEach((t) => {
+    t.childElementCount > 0 || (t.textContent || "").trim().length > 0 || t.remove();
+  });
+}
+function A(e, n, t) {
+  if (p(e))
+    return !1;
+  const r = document.createElement("span");
+  r.style.fontFamily = t, r.className = "rte-font-family";
+  try {
+    e.surroundContents(r);
+  } catch {
+    const l = e.extractContents();
+    r.appendChild(l), e.insertNode(r);
+  }
+  const a = document.createRange();
+  return a.selectNodeContents(r), n.removeAllRanges(), n.addRange(a), !0;
+}
+function C(e) {
+  const n = window.getSelection();
+  if (!n || n.rangeCount === 0) return;
+  const t = n.getRangeAt(0), r = t.cloneRange(), a = h(t.commonAncestorContainer);
+  if (t.collapsed)
+    return;
+  const l = t.commonAncestorContainer, s = b(l);
+  if (s && F(t, s)) {
+    s.style.fontFamily = e, s.classList.add("rte-font-family");
+    const o = document.createRange();
+    o.selectNodeContents(s), n.removeAllRanges(), n.addRange(o), f(a);
+    return;
+  }
+  if (!a) return;
+  const m = new Set(
+    Array.from(a.querySelectorAll("font[face]"))
+  ), u = new Set(
+    Array.from(
+      a.querySelectorAll("span[style*='font-family']")
+    )
+  );
+  a.focus({ preventScroll: !0 });
+  try {
+    document.execCommand("styleWithCSS", !1, "true");
+  } catch {
+  }
+  const d = e.split(",").map((o) => o.trim().replace(/^['"]|['"]$/g, "")).filter(Boolean)[0] || "Arial";
+  let i = document.execCommand("fontName", !1, d), c = !1;
+  Array.from(
+    a.querySelectorAll("font[face]")
+  ).forEach((o) => {
+    m.has(o) || (g(o, e), c = !0);
+  }), Array.from(
+    a.querySelectorAll("span[style*='font-family']")
+  ).forEach((o) => {
+    u.has(o) || (o.style.fontFamily = e, o.classList.add("rte-font-family"), c = !0);
+  }), i || (i = A(r, n, e)), (i || c) && (S(a), f(a));
+}
+function b(e) {
+  let n = e;
+  for (; n; ) {
+    if (n.nodeType === Node.ELEMENT_NODE) {
+      const t = n;
+      if (t.tagName === "SPAN" && t.style.fontFamily)
+        return t;
+    }
+    n = n.parentNode;
+  }
+  return null;
+}
+function F(e, n) {
+  const t = e.startContainer, r = e.endContainer, a = n.contains(t) || t.nodeType === Node.TEXT_NODE && t.parentElement === n, l = n.contains(r) || r.nodeType === Node.TEXT_NODE && r.parentElement === n;
+  return a && l;
+}
+export {
+  E as FontFamilyPlugin
+};

package/dist/font-size.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=()=>({name:"fontSize",marks:{fontSize:{attrs:{size:{default:null}},parseDOM:[{tag:'span[style*="font-size"]',getAttrs:e=>{const t=e.style.fontSize;return t?{size:t}:!1}},{tag:"font[size]",getAttrs:e=>{const t=e.getAttribute("size");return t?{size:t}:!1}}],toDOM:e=>["span",{style:`font-size: ${e.attrs?.size}`},0]}},toolbar:[{label:"Font Size",command:"fontSize",type:"group",items:[{label:"Decrease Font Size",command:"decreaseFontSize",icon:"−",type:"button"},{label:"Font Size",command:"setFontSize",type:"input",placeholder:"14"},{label:"Increase Font Size",command:"increaseFontSize",icon:"+",type:"button"}]}],commands:{decreaseFontSize:()=>{try{return g(-2),y(),!0}catch(e){return console.error("Failed to decrease font size:",e),!1}},increaseFontSize:()=>{try{return g(2),y(),!0}catch(e){return console.error("Failed to increase font size:",e),!1}},setFontSize:e=>{if(!e)return!1;try{const t=e.trim().match(/^(\d+(?:\.\d+)?)(px|em|rem)?$/i);if(!t)return!1;const n=parseFloat(t[1]),i=t[2]?.toLowerCase()||"px";return i==="px"&&(n<8||n>72)||(i==="em"||i==="rem")&&(n<.5||n>5)?!1:(C(n,i),!0)}catch(o){return console.error("Failed to set font size:",o),!1}}},keymap:{}}),A="p,div,li,ul,ol,table,thead,tbody,tfoot,tr,td,th,h1,h2,h3,h4,h5,h6,blockquote,pre",z={"xx-small":9,"x-small":10,small:13,medium:16,large:18,"x-large":24,"xx-large":32,"xxx-large":48,smaller:13,larger:18};function p(e){const o=e.trim().toLowerCase(),t=o.match(/^(\d+(?:\.\d+)?)(px|em|rem)$/i);if(t)return{value:parseFloat(t[1]),unit:t[2].toLowerCase()};const n=z[o];return n?{value:n,unit:"px"}:null}function N(e){return e.trim().toLowerCase()in z}function x(e){return!!e.cloneContents().querySelector(A)}function w(e){return(e.nodeType===Node.ELEMENT_NODE?e:e.parentElement)?.closest('[contenteditable="true"]')||document.querySelector('[contenteditable="true"]')}function m(e){e&&e.dispatchEvent(new Event("input",{bubbles:!0}))}function E(e,o){const t=document.createElement("span");for(const i of Array.from(e.attributes))i.name==="size"||i.name==="style"||t.setAttribute(i.name,i.value);const n=e.getAttribute("style");for(n&&t.setAttribute("style",n),t.style.fontSize=o;e.firstChild;)t.appendChild(e.firstChild);e.parentNode?.replaceChild(t,e)}function T(e,o,t,n){const i=Array.from(e.querySelectorAll("font[size], [style*='font-size']")),r=s=>{if(!n||!s.isConnected)return!1;try{if(typeof n.intersectsNode=="function")return n.intersectsNode(s)}catch{}const a=document.createRange();return a.selectNodeContents(s),n.compareBoundaryPoints(Range.END_TO_START,a)>0&&n.compareBoundaryPoints(Range.START_TO_END,a)<0};let c=!1;return i.forEach(s=>{const a=!o.has(s),u=s.tagName==="FONT",l=N(s.style.fontSize||""),f=r(s);if(!(!a&&!f)&&!(!a&&!u&&!l)){if(c=!0,s.tagName==="FONT"){E(s,t);return}s.style.fontSize=t}}),c}function S(e){e.querySelectorAll("span").forEach(t=>{t.childElementCount>0||(t.textContent||"").trim().length>0||t.remove()})}function R(e,o,t){if(x(e))return!1;const n=document.createElement("span");n.style.fontSize=t;try{e.surroundContents(n)}catch{const r=e.extractContents();n.appendChild(r),e.insertNode(n)}const i=document.createRange();return i.selectNodeContents(n),o.removeAllRanges(),o.addRange(i),!0}function g(e){const o=window.getSelection();if(!o||o.rangeCount===0)return;const{value:t,unit:n}=h();let i=e;(n==="em"||n==="rem")&&(i=e*.125);let r;n==="px"?r=e<0?Math.max(8,t+e):Math.min(72,t+e):r=e<0?Math.max(.5,t+i):Math.min(5,t+i),C(r,n)}function h(){const e=window.getSelection();if(!e||e.rangeCount===0)return{value:14,unit:"px"};const t=e.getRangeAt(0).startContainer,n=t.nodeType===Node.TEXT_NODE?t.parentElement:t;if(n){const i=n.style?.fontSize;if(i){const a=p(i);if(a)return a}const c=window.getComputedStyle(n).fontSize,s=p(c);if(s)return s}return{value:14,unit:"px"}}function C(e,o="px"){const t=window.getSelection();if(!t||t.rangeCount===0)return;const n=t.getRangeAt(0),i=n.cloneRange(),r=w(n.commonAncestorContainer);if(n.collapsed)return;const c=`${e}${o}`,s=n.commonAncestorContainer,a=v(s);if(a&&O(n,a)){a.style.fontSize=c,m(r);const d=document.createRange();d.selectNodeContents(a),t.removeAllRanges(),t.addRange(d);return}if(!r)return;const u=new Set(Array.from(r.querySelectorAll("font[size], [style*='font-size']")));r.focus({preventScroll:!0});try{document.execCommand("styleWithCSS",!1,"true")}catch{}let l=document.execCommand("fontSize",!1,"7");const f=t.rangeCount>0?t.getRangeAt(0).cloneRange():i,F=T(r,u,c,f);if(l&&F){S(r),m(r);return}l=R(i,t,c),l&&(S(r),m(r))}function v(e){let o=e;for(;o&&o!==document.body;){if(o.nodeType===Node.ELEMENT_NODE){const t=o;if(t.tagName==="SPAN"&&t.style.fontSize)return t}o=o.parentNode}return null}function O(e,o){const t=e.startContainer,n=e.endContainer;return o.contains(t)&&o.contains(n)}function y(){setTimeout(()=>{const{value:e,unit:o}=h(),t=window.getSelection();if(!t||t.rangeCount===0)return;let n=null,r=t.getRangeAt(0).startContainer;for(;r;){if(r instanceof HTMLElement&&(r.classList.contains("rte-editor")||r.classList.contains("editora-editor")||r.hasAttribute("data-editora-editor"))){n=r;break}r=r.parentNode}if(!n)return;const c=n.querySelector(".rte-toolbar-wrapper, .editora-toolbar-container")||n,s=Array.from(c.querySelectorAll('input[data-command="setFontSize"], input.editora-toolbar-input.font-size, input.rte-toolbar-input.font-size, input[title="Font Size"]'));if(s.length===0)return;const u=`${e%1===0?e.toString():e.toFixed(2).replace(/\.?0+$/,"")}${o}`;s.forEach(l=>{l.value=u})},10)}exports.FontSizePlugin=b;

package/dist/font-size.esm.js

@@ -0,0 +1,278 @@
+const O = () => ({
+  name: "fontSize",
+  marks: {
+    fontSize: {
+      attrs: {
+        size: { default: null }
+      },
+      parseDOM: [
+        {
+          tag: 'span[style*="font-size"]',
+          getAttrs: (e) => {
+            const t = e.style.fontSize;
+            return t ? { size: t } : !1;
+          }
+        },
+        {
+          tag: "font[size]",
+          getAttrs: (e) => {
+            const t = e.getAttribute("size");
+            return t ? { size: t } : !1;
+          }
+        }
+      ],
+      toDOM: (e) => ["span", { style: `font-size: ${e.attrs?.size}` }, 0]
+    }
+  },
+  toolbar: [
+    {
+      label: "Font Size",
+      command: "fontSize",
+      type: "group",
+      items: [
+        {
+          label: "Decrease Font Size",
+          command: "decreaseFontSize",
+          icon: "−",
+          type: "button"
+        },
+        {
+          label: "Font Size",
+          command: "setFontSize",
+          type: "input",
+          placeholder: "14"
+        },
+        {
+          label: "Increase Font Size",
+          command: "increaseFontSize",
+          icon: "+",
+          type: "button"
+        }
+      ]
+    }
+  ],
+  commands: {
+    decreaseFontSize: () => {
+      try {
+        return y(-2), z(), !0;
+      } catch (e) {
+        return console.error("Failed to decrease font size:", e), !1;
+      }
+    },
+    increaseFontSize: () => {
+      try {
+        return y(2), z(), !0;
+      } catch (e) {
+        return console.error("Failed to increase font size:", e), !1;
+      }
+    },
+    setFontSize: (e) => {
+      if (!e) return !1;
+      try {
+        const t = e.trim().match(/^(\d+(?:\.\d+)?)(px|em|rem)?$/i);
+        if (!t) return !1;
+        const n = parseFloat(t[1]), i = t[2]?.toLowerCase() || "px";
+        return i === "px" && (n < 8 || n > 72) || (i === "em" || i === "rem") && (n < 0.5 || n > 5) ? !1 : (C(n, i), !0);
+      } catch (o) {
+        return console.error("Failed to set font size:", o), !1;
+      }
+    }
+  },
+  keymap: {}
+}), A = "p,div,li,ul,ol,table,thead,tbody,tfoot,tr,td,th,h1,h2,h3,h4,h5,h6,blockquote,pre", g = {
+  "xx-small": 9,
+  "x-small": 10,
+  small: 13,
+  medium: 16,
+  large: 18,
+  "x-large": 24,
+  "xx-large": 32,
+  "xxx-large": 48,
+  smaller: 13,
+  larger: 18
+};
+function p(e) {
+  const o = e.trim().toLowerCase(), t = o.match(/^(\d+(?:\.\d+)?)(px|em|rem)$/i);
+  if (t)
+    return {
+      value: parseFloat(t[1]),
+      unit: t[2].toLowerCase()
+    };
+  const n = g[o];
+  return n ? { value: n, unit: "px" } : null;
+}
+function N(e) {
+  return e.trim().toLowerCase() in g;
+}
+function b(e) {
+  return !!e.cloneContents().querySelector(A);
+}
+function x(e) {
+  return (e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement)?.closest('[contenteditable="true"]') || document.querySelector('[contenteditable="true"]');
+}
+function m(e) {
+  e && e.dispatchEvent(new Event("input", { bubbles: !0 }));
+}
+function w(e, o) {
+  const t = document.createElement("span");
+  for (const i of Array.from(e.attributes))
+    i.name === "size" || i.name === "style" || t.setAttribute(i.name, i.value);
+  const n = e.getAttribute("style");
+  for (n && t.setAttribute("style", n), t.style.fontSize = o; e.firstChild; )
+    t.appendChild(e.firstChild);
+  e.parentNode?.replaceChild(t, e);
+}
+function E(e, o, t, n) {
+  const i = Array.from(
+    e.querySelectorAll("font[size], [style*='font-size']")
+  ), r = (s) => {
+    if (!n || !s.isConnected) return !1;
+    try {
+      if (typeof n.intersectsNode == "function")
+        return n.intersectsNode(s);
+    } catch {
+    }
+    const a = document.createRange();
+    return a.selectNodeContents(s), n.compareBoundaryPoints(Range.END_TO_START, a) > 0 && n.compareBoundaryPoints(Range.START_TO_END, a) < 0;
+  };
+  let c = !1;
+  return i.forEach((s) => {
+    const a = !o.has(s), u = s.tagName === "FONT", l = N(s.style.fontSize || ""), f = r(s);
+    if (!(!a && !f) && !(!a && !u && !l)) {
+      if (c = !0, s.tagName === "FONT") {
+        w(s, t);
+        return;
+      }
+      s.style.fontSize = t;
+    }
+  }), c;
+}
+function S(e) {
+  e.querySelectorAll("span").forEach((t) => {
+    t.childElementCount > 0 || (t.textContent || "").trim().length > 0 || t.remove();
+  });
+}
+function T(e, o, t) {
+  if (b(e))
+    return !1;
+  const n = document.createElement("span");
+  n.style.fontSize = t;
+  try {
+    e.surroundContents(n);
+  } catch {
+    const r = e.extractContents();
+    n.appendChild(r), e.insertNode(n);
+  }
+  const i = document.createRange();
+  return i.selectNodeContents(n), o.removeAllRanges(), o.addRange(i), !0;
+}
+function y(e) {
+  const o = window.getSelection();
+  if (!o || o.rangeCount === 0) return;
+  const { value: t, unit: n } = h();
+  let i = e;
+  (n === "em" || n === "rem") && (i = e * 0.125);
+  let r;
+  n === "px" ? r = e < 0 ? Math.max(8, t + e) : Math.min(72, t + e) : r = e < 0 ? Math.max(0.5, t + i) : Math.min(5, t + i), C(r, n);
+}
+function h() {
+  const e = window.getSelection();
+  if (!e || e.rangeCount === 0)
+    return { value: 14, unit: "px" };
+  const t = e.getRangeAt(0).startContainer, n = t.nodeType === Node.TEXT_NODE ? t.parentElement : t;
+  if (n) {
+    const i = n.style?.fontSize;
+    if (i) {
+      const a = p(i);
+      if (a)
+        return a;
+    }
+    const c = window.getComputedStyle(n).fontSize, s = p(c);
+    if (s)
+      return s;
+  }
+  return { value: 14, unit: "px" };
+}
+function C(e, o = "px") {
+  const t = window.getSelection();
+  if (!t || t.rangeCount === 0) return;
+  const n = t.getRangeAt(0), i = n.cloneRange(), r = x(n.commonAncestorContainer);
+  if (n.collapsed)
+    return;
+  const c = `${e}${o}`, s = n.commonAncestorContainer, a = R(s);
+  if (a && v(n, a)) {
+    a.style.fontSize = c, m(r);
+    const d = document.createRange();
+    d.selectNodeContents(a), t.removeAllRanges(), t.addRange(d);
+    return;
+  }
+  if (!r) return;
+  const u = new Set(
+    Array.from(
+      r.querySelectorAll("font[size], [style*='font-size']")
+    )
+  );
+  r.focus({ preventScroll: !0 });
+  try {
+    document.execCommand("styleWithCSS", !1, "true");
+  } catch {
+  }
+  let l = document.execCommand("fontSize", !1, "7");
+  const f = t.rangeCount > 0 ? t.getRangeAt(0).cloneRange() : i, F = E(
+    r,
+    u,
+    c,
+    f
+  );
+  if (l && F) {
+    S(r), m(r);
+    return;
+  }
+  l = T(i, t, c), l && (S(r), m(r));
+}
+function R(e) {
+  let o = e;
+  for (; o && o !== document.body; ) {
+    if (o.nodeType === Node.ELEMENT_NODE) {
+      const t = o;
+      if (t.tagName === "SPAN" && t.style.fontSize)
+        return t;
+    }
+    o = o.parentNode;
+  }
+  return null;
+}
+function v(e, o) {
+  const t = e.startContainer, n = e.endContainer;
+  return o.contains(t) && o.contains(n);
+}
+function z() {
+  setTimeout(() => {
+    const { value: e, unit: o } = h(), t = window.getSelection();
+    if (!t || t.rangeCount === 0) return;
+    let n = null, r = t.getRangeAt(0).startContainer;
+    for (; r; ) {
+      if (r instanceof HTMLElement && (r.classList.contains("rte-editor") || r.classList.contains("editora-editor") || r.hasAttribute("data-editora-editor"))) {
+        n = r;
+        break;
+      }
+      r = r.parentNode;
+    }
+    if (!n) return;
+    const c = n.querySelector(
+      ".rte-toolbar-wrapper, .editora-toolbar-container"
+    ) || n, s = Array.from(
+      c.querySelectorAll(
+        'input[data-command="setFontSize"], input.editora-toolbar-input.font-size, input.rte-toolbar-input.font-size, input[title="Font Size"]'
+      )
+    );
+    if (s.length === 0) return;
+    const u = `${e % 1 === 0 ? e.toString() : e.toFixed(2).replace(/\.?0+$/, "")}${o}`;
+    s.forEach((l) => {
+      l.value = u;
+    });
+  }, 10);
+}
+export {
+  O as FontSizePlugin
+};

package/dist/footnote.cjs.js

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=".rte-content, .editora-content",C='.rte-footnotes[data-type="footnotes"]',m=".rte-footnote-ref[data-footnote-id]",g='li.rte-footnote-item[data-type="footnote"]',x="__editoraCommandEditorRoot";let y=!1,S=!1,A=0;function M(){if(y||typeof document>"u")return;y=!0;const t=document.createElement("style");t.id="editora-footnote-plugin-styles",t.textContent=`
+    .rte-footnote-ref {
+      display: inline-block;
+      font-size: 0.72em;
+      line-height: 1;
+      vertical-align: super;
+      margin-left: 1px;
+      color: #1f4dbd;
+      cursor: pointer;
+      user-select: none;
+      border-radius: 4px;
+      padding: 0 2px;
+      outline: none;
+      font-weight: 600;
+    }
+
+    .rte-footnote-ref:focus,
+    .rte-footnote-ref:focus-visible,
+    .rte-footnote-ref.rte-footnote-selected {
+      background: rgba(31, 77, 189, 0.12);
+      box-shadow: 0 0 0 2px rgba(31, 77, 189, 0.24);
+    }
+
+    .rte-footnotes {
+      margin-top: 16px;
+      padding-top: 10px;
+      border-top: 1px solid #d1d5db;
+    }
+
+    .rte-footnotes ol {
+      margin: 0;
+      padding-left: 24px;
+    }
+
+    .rte-footnote-item {
+      margin: 0 0 8px;
+      color: inherit;
+    }
+
+    .rte-footnote-content {
+      display: inline;
+      outline: none;
+    }
+
+    .rte-footnote-backref {
+      margin-left: 8px;
+      color: #1f4dbd;
+      text-decoration: none;
+      font-size: 0.9em;
+      user-select: none;
+    }
+
+    .rte-footnote-backref:hover,
+    .rte-footnote-backref:focus {
+      text-decoration: underline;
+    }
+
+    .rte-footnote-highlighted {
+      animation: rte-footnote-flash 1s ease;
+    }
+
+    @keyframes rte-footnote-flash {
+      0% { background-color: rgba(255, 234, 143, 0.9); }
+      100% { background-color: transparent; }
+    }
+
+    :is([data-theme="dark"], .dark, .editora-theme-dark) .rte-footnote-ref {
+      color: #8ab4ff;
+    }
+
+    :is([data-theme="dark"], .dark, .editora-theme-dark) .rte-footnote-ref:focus,
+    :is([data-theme="dark"], .dark, .editora-theme-dark) .rte-footnote-ref:focus-visible,
+    :is([data-theme="dark"], .dark, .editora-theme-dark) .rte-footnote-ref.rte-footnote-selected {
+      background: rgba(138, 180, 255, 0.16);
+      box-shadow: 0 0 0 2px rgba(138, 180, 255, 0.3);
+    }
+
+    :is([data-theme="dark"], .dark, .editora-theme-dark) .rte-footnotes {
+      border-top-color: #4b5563;
+    }
+
+    :is([data-theme="dark"], .dark, .editora-theme-dark) .rte-footnote-backref {
+      color: #8ab4ff;
+    }
+  `,document.head.appendChild(t)}function v(t){return t?t.nodeType===Node.ELEMENT_NODE?t:t.parentElement:null}function _(t){if(!t)return null;const e=t.querySelector('[contenteditable="true"]');return e instanceof HTMLElement?e:null}function q(){if(typeof window>"u")return null;const t=window[x];if(!(t instanceof HTMLElement))return null;window[x]=null;const e=t.closest("[data-editora-editor], .rte-editor, .editora-editor, editora-editor")||(t.matches("[data-editora-editor], .rte-editor, .editora-editor, editora-editor")?t:null);if(e){const o=_(e);if(o)return o;if(e.getAttribute("contenteditable")==="true")return e}if(t.getAttribute("contenteditable")==="true")return t;const n=t.closest('[contenteditable="true"]');return n instanceof HTMLElement?n:null}function $(t){const e=t.closest('[contenteditable="true"]');if(!e)return null;let n=e,o=n.parentElement;for(;o;)o.getAttribute("contenteditable")==="true"&&(n=o),o=o.parentElement;return n}function u(t){const e=v(t);if(!e)return null;const n=e.closest(R);return n||$(e)}function B(){const t=window.getSelection();return!t||t.rangeCount===0?null:u(t.getRangeAt(0).startContainer)}function H(){const t=q();if(t&&document.contains(t))return t;const e=B();if(e)return e;const n=document.activeElement,o=n?u(n):null;if(o)return o;const r=document.querySelector(R);return r||document.querySelector('[contenteditable="true"]')}function P(){const t=document.createElement("section");t.className="rte-footnotes",t.setAttribute("data-type","footnotes"),t.setAttribute("contenteditable","false");const e=document.createElement("ol");return t.appendChild(e),t}function b(t,e){let n=t.querySelector(C);return!n&&e&&(n=P(),t.appendChild(n)),n?(n.querySelector("ol")||n.appendChild(document.createElement("ol")),n):null}function O(t){let e=t.querySelector("ol");return e||(e=document.createElement("ol"),t.appendChild(e)),e}function z(t){const e=document.createElement("sup");return e.className="rte-footnote-ref",e.setAttribute("data-footnote-id",t),e.setAttribute("data-number","0"),e.setAttribute("contenteditable","false"),e.setAttribute("tabindex","0"),e.setAttribute("role","doc-noteref"),e.id=`ref-${t}`,e.textContent="0",e}function F(t,e){const n=document.createElement("li");n.id=t,n.className="rte-footnote-item",n.setAttribute("data-type","footnote"),n.setAttribute("data-number","0"),n.setAttribute("contenteditable","false");const o=document.createElement("div");o.className="rte-footnote-content",o.setAttribute("contenteditable","true"),o.textContent=e;const r=document.createElement("a");return r.className="rte-footnote-backref",r.href=`#ref-${t}`,r.setAttribute("aria-label","Back to reference"),r.setAttribute("contenteditable","false"),r.textContent="↩",n.appendChild(o),n.appendChild(r),n}function j(t){let e="";do A+=1,e=`fn-${Date.now().toString(36)}-${A.toString(36)}`;while(t.querySelector(`#${CSS.escape(e)}`));return e}function k(t){t.classList.remove("rte-footnote-highlighted"),t.classList.add("rte-footnote-highlighted"),window.setTimeout(()=>{t.classList.remove("rte-footnote-highlighted")},1e3)}function L(t){t&&t.dispatchEvent(new Event("input",{bubbles:!0}))}function I(t,e){if(!t||e===t.innerHTML)return;const n=window.execEditorCommand||window.executeEditorCommand;if(typeof n=="function")try{n("recordDomTransaction",t,e,t.innerHTML)}catch{}}function X(t,e){return Array.from(t.querySelectorAll(m)).find(o=>o.getAttribute("data-footnote-id")===e)||null}function V(t){const e=window.getSelection();if(!e)throw new Error("Selection unavailable");let n=null;if(e.rangeCount>0){const r=e.getRangeAt(0);t.contains(r.commonAncestorContainer)&&(n=r.cloneRange())}if(!n){n=document.createRange();const r=b(t,!1);r?(n.setStartBefore(r),n.collapse(!0)):(n.selectNodeContents(t),n.collapse(!1))}if(v(n.commonAncestorContainer)?.closest(C)){const r=b(t,!0);r&&(n.setStartBefore(r),n.collapse(!0))}return e.removeAllRanges(),e.addRange(n),n}function w(t){const e=t.parentNode;if(!e)return;const n=Array.from(e.childNodes).indexOf(t);if(n<0)return;const o=window.getSelection();if(!o)return;const r=document.createRange();r.setStart(e,n),r.setEnd(e,n+1),o.removeAllRanges(),o.addRange(r),t.focus({preventScroll:!0})}function T(t,e){const n=window.getSelection();if(!n)return;const o=Math.max(0,Math.min(e,t.childNodes.length)),r=document.createRange();r.setStart(t,o),r.collapse(!0),n.removeAllRanges(),n.addRange(r)}function K(t){if(t.collapsed||t.startContainer!==t.endContainer||t.endOffset!==t.startOffset+1||!(t.startContainer instanceof Element||t.startContainer instanceof DocumentFragment))return null;const e=t.startContainer.childNodes[t.startOffset];return!(e instanceof HTMLElement)||!e.matches(m)?null:e}function p(t,e,n){const{startContainer:o,startOffset:r}=t;if(o.nodeType===Node.ELEMENT_NODE){const i=o;if(n==="previous"){if(r>0)return i.childNodes[r-1]||null}else if(r<i.childNodes.length)return i.childNodes[r]||null}if(o.nodeType===Node.TEXT_NODE&&(n==="previous"&&r<o.data.length||n==="next"&&r>0))return null;let c=o;for(;c&&c!==e;){const i=n==="previous"?c.previousSibling:c.nextSibling;if(i)return i;c=c.parentNode}return null}function Y(t,e,n){if(!t.collapsed)return null;const o=i=>i instanceof HTMLElement&&i.matches(m)?i:null,{startContainer:r,startOffset:c}=t;if(r.nodeType===Node.ELEMENT_NODE){const i=r;return n==="Backspace"&&c>0?o(i.childNodes[c-1]||null):n==="Delete"?o(i.childNodes[c]||null):null}if(r.nodeType===Node.TEXT_NODE){const i=r;if(n==="Backspace"&&c===0){const a=o(i.previousSibling);return a||o(p(t,e,"previous"))}if(n==="Delete"&&c===i.data.length){const a=o(i.nextSibling);return a||o(p(t,e,"next"))}}return o(n==="Backspace"?p(t,e,"previous"):p(t,e,"next"))}function D(t){const e=Array.from(t.querySelectorAll(m)).filter(a=>!a.closest(C)),n=b(t,e.length>0);if(!n)return;const o=O(n),r=Array.from(o.querySelectorAll(g)),c=new Map;r.forEach(a=>c.set(a.id,a));const i=[];e.forEach((a,f)=>{const l=a.getAttribute("data-footnote-id");if(!l)return;const s=f+1;a.setAttribute("data-number",String(s)),a.id=`ref-${l}`,a.textContent=String(s);let d=c.get(l);d||(d=F(l,`Footnote ${s}`)),d.setAttribute("data-number",String(s));const h=d.querySelector(".rte-footnote-content");h&&!(h.textContent||"").trim()&&(h.textContent=`Footnote ${s}`);const E=d.querySelector(".rte-footnote-backref");E&&(E.href=`#ref-${l}`,E.setAttribute("aria-label",`Back to reference ${s}`)),i.push(d)}),o.innerHTML="",i.forEach(a=>o.appendChild(a)),i.length===0&&n.remove()}function N(t,e){const n=u(t),o=t.parentNode;if(!n||!o)return!1;const r=n.innerHTML,c=Array.from(o.childNodes).indexOf(t);if(c<0)return!1;const i=t.getAttribute("data-footnote-id")||"";return t.remove(),i&&n.querySelector(`${g}#${CSS.escape(i)}`)?.remove(),T(o,c),D(n),I(n,r),L(n),!0}function G(){S||typeof document>"u"||(S=!0,document.addEventListener("click",t=>{const e=t.target;if(!e)return;const n=e.closest(m);if(n){const f=u(n);if(!f||!f.contains(n))return;t.preventDefault(),t.stopPropagation(),w(n),n.classList.add("rte-footnote-selected"),window.setTimeout(()=>n.classList.remove("rte-footnote-selected"),1200);const l=n.getAttribute("data-footnote-id");if(!l)return;const s=f.querySelector(`${g}#${CSS.escape(l)}`);if(!s)return;s.scrollIntoView({behavior:"smooth",block:"center"}),k(s);return}const o=e.closest(".rte-footnote-backref");if(!o)return;const r=o.closest(g);if(!r)return;const c=u(r);if(!c||!c.contains(r))return;t.preventDefault(),t.stopPropagation();const i=r.id;if(!i)return;const a=X(c,i);a&&(a.scrollIntoView({behavior:"smooth",block:"center"}),k(a),w(a))}),document.addEventListener("keydown",t=>{if(t.key!=="Backspace"&&t.key!=="Delete")return;const e=window.getSelection();if(!e||e.rangeCount===0)return;const n=e.getRangeAt(0),o=u(n.commonAncestorContainer);if(!o||!o.contains(n.commonAncestorContainer))return;const r=K(n);if(r){t.preventDefault(),t.stopPropagation(),N(r,t.key);return}const c=Y(n,o,t.key);c&&(t.preventDefault(),t.stopPropagation(),N(c,t.key))}))}const J=(t="")=>{const e=H();if(!e)return!1;const n=e.innerHTML,o=window.getSelection();if(!o)return!1;let r;try{r=V(e)}catch{return!1}r.collapsed||(r.collapse(!1),o.removeAllRanges(),o.addRange(r));const c=j(e),i=z(c);try{r.insertNode(i)}catch{return!1}const a=document.createRange();a.setStartAfter(i),a.collapse(!0),o.removeAllRanges(),o.addRange(a);const f=b(e,!0);if(!f)return!1;const l=O(f),s=t.trim()||"Footnote";return l.appendChild(F(c,s)),D(e),I(e,n),L(e),!0},Q=()=>(M(),G(),{name:"footnote",toolbar:[{label:"Footnote",command:"insertFootnote",icon:'<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><rect x="3" y="4" width="14" height="2" rx="1"></rect><rect x="3" y="8" width="18" height="2" rx="1"></rect><rect x="3" y="12" width="16" height="2" rx="1"></rect><rect x="3" y="16" width="10" height="1.5" rx="0.75"></rect><text x="19" y="11" font-size="9" font-weight="600" fill="currentColor" font-family="system-ui, sans-serif">1</text></svg>'}],commands:{insertFootnote:()=>J()},keymap:{}});exports.FootnotePlugin=Q;