@editora/plugins 1.0.2 → 1.0.4

package/dist/preview.esm.js

@@ -0,0 +1,321 @@
+let c = !1;
+const g = () => {
+  if (typeof document > "u") return;
+  const r = "rte-preview-plugin-styles";
+  if (document.getElementById(r)) return;
+  const t = document.createElement("style");
+  t.id = r, t.textContent = `
+    /* Preview Editor Dialog Styles */
+    .rte-preview-editor-overlay {
+      position: fixed !important;
+      top: 0 !important;
+      left: 0 !important;
+      right: 0 !important;
+      bottom: 0 !important;
+      width: 100vw !important;
+      height: 100vh !important;
+      background-color: rgba(0, 0, 0, 0.6) !important;
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      z-index: 10000 !important;
+      padding: 20px !important;
+      box-sizing: border-box !important;
+      margin: 0 !important;
+    }
+
+    .rte-preview-editor-modal {
+      background: white;
+      border-radius: 8px;
+      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+      width: 100%;
+      max-width: 1200px;
+      max-height: 90vh;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      position: relative;
+    }
+
+    .rte-preview-editor-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid #e1e5e9;
+      background: #f8f9fa;
+      border-radius: 8px 8px 0 0;
+    }
+
+    .rte-preview-editor-header h2 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: #1a1a1a;
+    }
+
+    .rte-preview-editor-header-actions {
+      display: flex;
+      gap: 8px;
+    }
+
+    .rte-preview-editor-close-btn {
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 4px;
+      color: #666;
+      font-size: 16px;
+      line-height: 1;
+      transition: all 0.2s ease;
+    }
+
+    .rte-preview-editor-close-btn:hover {
+      background: #e1e5e9;
+      color: #1a1a1a;
+    }
+
+    .rte-preview-editor-body {
+      flex: 1;
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+      padding: 25px;
+    }
+
+    .rte-preview-editor-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .rte-preview-editor-light-editor {
+      flex: 1;
+      overflow: auto;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+      font-size: 16px;
+      line-height: 1.6;
+      color: #1a1a1a;
+      padding: 20px;
+      background: #fafafa;
+      border: 1px solid #e1e5e9;
+      border-radius: 4px;
+      min-height: 400px;
+    }
+
+    .rte-preview-editor-light-editor h1,
+    .rte-preview-editor-light-editor h2,
+    .rte-preview-editor-light-editor h3,
+    .rte-preview-editor-light-editor h4,
+    .rte-preview-editor-light-editor h5,
+    .rte-preview-editor-light-editor h6 {
+      margin-top: 1.5em;
+      margin-bottom: 0.5em;
+      font-weight: 600;
+    }
+
+    .rte-preview-editor-light-editor h1 {
+      font-size: 2em;
+    }
+
+    .rte-preview-editor-light-editor h2 {
+      font-size: 1.5em;
+    }
+
+    .rte-preview-editor-light-editor h3 {
+      font-size: 1.25em;
+    }
+
+    .rte-preview-editor-light-editor p {
+      margin: 1em 0;
+    }
+
+    .rte-preview-editor-light-editor ul,
+    .rte-preview-editor-light-editor ol {
+      padding-left: 2em;
+      margin: 1em 0;
+    }
+
+    .rte-preview-editor-light-editor li {
+      margin: 0.5em 0;
+    }
+
+    .rte-preview-editor-light-editor table {
+      border-collapse: collapse;
+      width: 100%;
+      margin: 1em 0;
+    }
+
+    .rte-preview-editor-light-editor table td,
+    .rte-preview-editor-light-editor table th {
+      border: 1px solid #ddd;
+      padding: 0.5em;
+    }
+
+    .rte-preview-editor-light-editor table th {
+      background: #f5f5f5;
+      font-weight: 600;
+    }
+
+    .rte-preview-editor-light-editor blockquote {
+      border-left: 4px solid #ddd;
+      margin: 1em 0;
+      padding-left: 1em;
+      color: #666;
+    }
+
+    .rte-preview-editor-light-editor code {
+      background: #f5f5f5;
+      padding: 2px 6px;
+      border-radius: 3px;
+      font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
+      font-size: 0.9em;
+    }
+
+    .rte-preview-editor-light-editor pre {
+      background: #f5f5f5;
+      padding: 1em;
+      border-radius: 4px;
+      overflow-x: auto;
+      margin: 1em 0;
+    }
+
+    .rte-preview-editor-light-editor pre code {
+      background: none;
+      padding: 0;
+    }
+
+    .rte-preview-editor-light-editor img {
+      max-width: 100%;
+      height: auto;
+    }
+
+    .rte-preview-editor-light-editor a {
+      color: #007acc;
+      text-decoration: underline;
+    }
+
+    .rte-preview-editor-light-editor a:hover {
+      color: #0056b3;
+    }
+
+    /* Responsive design */
+    @media (max-width: 768px) {
+      .rte-preview-editor-overlay {
+        padding: 10px;
+      }
+
+      .rte-preview-editor-modal {
+        max-height: 95vh;
+      }
+
+      .rte-preview-editor-header {
+        padding: 12px 16px;
+      }
+
+      .rte-preview-editor-body {
+        padding: 16px;
+      }
+
+      .rte-preview-editor-light-editor {
+        padding: 12px;
+        font-size: 14px;
+      }
+    }
+  `, document.head.appendChild(t);
+}, v = () => {
+  const r = window.getSelection();
+  if (r && r.rangeCount > 0) {
+    let e = r.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 t = document.activeElement;
+  if (t) {
+    if (t.getAttribute("contenteditable") === "true")
+      return t;
+    const e = t.closest('[contenteditable="true"]');
+    if (e) return e;
+  }
+  return document.querySelector('[contenteditable="true"]');
+}, h = () => {
+  const r = v();
+  if (!r) return "";
+  const t = r.cloneNode(!0);
+  return [
+    ".rte-floating-toolbar",
+    ".rte-selection-marker",
+    ".rte-toolbar",
+    ".rte-resize-handle",
+    "[data-rte-internal]"
+  ].forEach((o) => {
+    t.querySelectorAll(o).forEach((i) => i.remove());
+  }), t.innerHTML;
+}, w = (r) => {
+  const t = document.createElement("div");
+  return t.innerHTML = r, t.querySelectorAll(
+    'script, iframe[src^="javascript:"], object, embed, form[action^="javascript:"]'
+  ).forEach((i) => i.remove()), t.querySelectorAll("*").forEach((i) => {
+    Array.from(i.attributes).forEach((n) => {
+      n.name.startsWith("on") && i.removeAttribute(n.name), (n.name === "href" || n.name === "src") && n.value.startsWith("javascript:") && i.removeAttribute(n.name);
+    });
+  }), t.innerHTML;
+}, u = () => {
+  if (typeof window > "u" || c) return;
+  c = !0, g();
+  const r = h(), t = w(r), e = document.createElement("div");
+  e.className = "rte-preview-editor-overlay", e.setAttribute("role", "dialog"), e.setAttribute("aria-modal", "true"), e.setAttribute("aria-labelledby", "preview-editor-title");
+  const o = document.createElement("div");
+  o.className = "rte-preview-editor-modal";
+  const i = document.createElement("div");
+  i.className = "rte-preview-editor-header", i.innerHTML = `
+    <h2 id="preview-editor-title">Preview Editor</h2>
+    <div class="rte-preview-editor-header-actions">
+      <button class="rte-preview-editor-close-btn" aria-label="Close preview editor">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </button>
+    </div>
+  `;
+  const n = document.createElement("div");
+  n.className = "rte-preview-editor-body";
+  const a = document.createElement("div");
+  a.className = "rte-preview-editor-content";
+  const l = document.createElement("div");
+  l.className = "rte-preview-editor-light-editor", l.innerHTML = t, a.appendChild(l), n.appendChild(a), o.appendChild(i), o.appendChild(n), e.appendChild(o);
+  const p = () => {
+    e.parentNode && e.parentNode.removeChild(e), c = !1, document.removeEventListener("keydown", s);
+  }, s = (d) => {
+    d.key === "Escape" && (d.preventDefault(), d.stopPropagation(), p());
+  }, m = i.querySelector(".rte-preview-editor-close-btn");
+  m && m.addEventListener("click", (d) => {
+    d.preventDefault(), d.stopPropagation(), p();
+  }), e.addEventListener("click", (d) => {
+    d.target === e && p();
+  }), document.addEventListener("keydown", s), document.body.appendChild(e);
+}, f = () => ({
+  name: "preview",
+  toolbar: [
+    {
+      label: "Preview",
+      command: "togglePreview",
+      icon: '<svg fill="#000000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 92 92" enable-background="new 0 0 92 92" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="XMLID_1239_" d="M91.3,43.8C90.6,42.8,74.4,19,46,19C17.6,19,1.4,42.8,0.7,43.8c-0.9,1.3-0.9,3.1,0,4.5 C1.4,49.2,17.6,73,46,73c28.4,0,44.6-23.8,45.3-24.8C92.2,46.9,92.2,45.1,91.3,43.8z M46,65C26.7,65,13.5,51.4,9,46 c4.5-5.5,17.6-19,37-19c19.3,0,32.5,13.6,37,19C78.4,51.5,65.3,65,46,65z M48.3,29.6c-4.4-0.6-8.7,0.5-12.3,3.2c0,0,0,0,0,0 c-7.3,5.5-8.8,15.9-3.3,23.2c2.7,3.6,6.5,5.8,10.9,6.5c0.8,0.1,1.6,0.2,2.3,0.2c3.6,0,7-1.2,9.9-3.3c7.3-5.5,8.8-15.9,3.3-23.2 C56.6,32.5,52.7,30.2,48.3,29.6z M52.3,54.5c-2.2,1.7-5,2.4-7.8,2c-2.8-0.4-5.3-1.9-7-4.1C34.1,47.7,35,41,39.7,37.5 c2.2-1.7,5-2.4,7.8-2c2.8,0.4,5.3,1.9,7,4.1C57.9,44.3,57,51,52.3,54.5z M51.9,40c0.8,0.7,1.2,1.8,1.2,2.8c0,1-0.4,2.1-1.2,2.8 c-0.7,0.7-1.8,1.2-2.8,1.2c-1.1,0-2.1-0.4-2.8-1.2c-0.8-0.8-1.2-1.8-1.2-2.8c0-1.1,0.4-2.1,1.2-2.8c0.7-0.8,1.8-1.2,2.8-1.2 C50.2,38.9,51.2,39.3,51.9,40z"></path> </g></svg>'
+    }
+  ],
+  commands: {
+    togglePreview: () => (u(), !0)
+  },
+  keymap: {}
+});
+export {
+  f as PreviewPlugin
+};

package/dist/print.cjs.js

@@ -0,0 +1,254 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=()=>`
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    html, body {
+      background: white;
+      color: black;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+      line-height: 1.5;
+    }
+
+    .rte-print {
+      background: white;
+      color: black;
+    }
+
+    /* Page break handling */
+    .rte-page-break {
+      page-break-after: always;
+      display: block;
+      height: 0;
+      margin: 0;
+      border: none;
+      background: none;
+    }
+
+    .rte-page-break::before {
+      display: none;
+    }
+
+    /* Code block formatting */
+    .rte-code-block,
+    pre {
+      background: #f5f5f5;
+      border: 1px solid #ddd;
+      border-radius: 4px;
+      padding: 12px;
+      margin: 12px 0;
+      overflow-x: auto;
+      page-break-inside: avoid;
+    }
+
+    .rte-code-block code,
+    pre code {
+      font-family: 'Courier New', Courier, monospace;
+      font-size: 12px;
+      line-height: 1.4;
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    /* Footnotes */
+    .rte-footnotes {
+      border-top: 1px solid #ccc;
+      margin-top: 40px;
+      padding-top: 12px;
+      page-break-inside: avoid;
+    }
+
+    .rte-footnotes ol {
+      margin-left: 20px;
+    }
+
+    .rte-footnotes li {
+      margin: 8px 0;
+      font-size: 0.9em;
+    }
+
+    .rte-footnote-ref {
+      vertical-align: super;
+      font-size: 0.8em;
+    }
+
+    .rte-footnote-backref {
+      margin-left: 4px;
+      text-decoration: none;
+      color: #666;
+    }
+
+    /* Anchors - preserve IDs but hide visual markers */
+    .rte-anchor {
+      display: none;
+    }
+
+    /* Lists and tables */
+    ul, ol {
+      margin: 12px 0;
+      padding-left: 40px;
+    }
+
+    li {
+      margin: 4px 0;
+    }
+
+    table {
+      border-collapse: collapse;
+      width: 100%;
+      margin: 12px 0;
+      page-break-inside: avoid;
+    }
+
+    th, td {
+      border: 1px solid #ddd;
+      padding: 8px;
+      text-align: left;
+    }
+
+    th {
+      background: #f5f5f5;
+      font-weight: bold;
+    }
+
+    /* Heading hierarchy */
+    h1 { 
+      font-size: 2em; 
+      margin: 20px 0 12px;
+      page-break-after: avoid;
+    }
+    
+    h2 { 
+      font-size: 1.5em; 
+      margin: 16px 0 10px;
+      page-break-after: avoid;
+    }
+    
+    h3 { 
+      font-size: 1.25em; 
+      margin: 14px 0 8px;
+      page-break-after: avoid;
+    }
+    
+    h4 { 
+      font-size: 1.1em; 
+      margin: 12px 0 6px;
+      page-break-after: avoid;
+    }
+    
+    h5 { 
+      font-size: 1em; 
+      margin: 12px 0 6px;
+      page-break-after: avoid;
+    }
+    
+    h6 { 
+      font-size: 0.9em; 
+      margin: 12px 0 6px;
+      page-break-after: avoid;
+    }
+
+    p {
+      margin: 8px 0;
+    }
+
+    /* Emphasis and strong */
+    strong, b {
+      font-weight: bold;
+    }
+
+    em, i {
+      font-style: italic;
+    }
+
+    u {
+      text-decoration: underline;
+    }
+
+    /* Block elements */
+    blockquote {
+      border-left: 4px solid #ddd;
+      margin: 12px 0;
+      padding-left: 16px;
+      color: #666;
+    }
+
+    hr {
+      border: none;
+      border-top: 1px solid #ddd;
+      margin: 16px 0;
+      page-break-after: avoid;
+    }
+
+    /* Images */
+    img {
+      max-width: 100%;
+      height: auto;
+      page-break-inside: avoid;
+    }
+
+    /* Links */
+    a {
+      color: #0066cc;
+      text-decoration: underline;
+    }
+
+    /* Merge tags */
+    .rte-merge-tag {
+      background-color: #e3f2fd;
+      border: 1px solid #bbdefb;
+      border-radius: 3px;
+      padding: 2px 6px;
+      margin: 0 2px;
+      display: inline-block;
+      white-space: nowrap;
+      font-weight: 500;
+      color: #1976d2;
+      font-size: 0.9em;
+    }
+
+    /* Hide selection */
+    ::selection {
+      background: transparent;
+    }
+
+    /* Print-specific rules */
+    @media print {
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      .rte-page-break {
+        page-break-after: always;
+      }
+
+      h1, h2, h3, h4, h5, h6 {
+        page-break-after: avoid;
+        page-break-inside: avoid;
+      }
+
+      table, figure, img, pre {
+        page-break-inside: avoid;
+      }
+
+      ul, ol, blockquote {
+        page-break-inside: avoid;
+      }
+    }
+  `,l=()=>{if(typeof window>"u")return!1;const a=(()=>{const i=window.getSelection();if(i&&i.rangeCount>0){let t=i.getRangeAt(0).startContainer;for(;t&&t!==document.body;){if(t.nodeType===Node.ELEMENT_NODE){const d=t;if(d.getAttribute("contenteditable")==="true")return d}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"]')})();if(!a)return console.warn("Editor content not found"),!1;const c=a.cloneNode(!0),r=document.createElement("article");r.className="rte-document rte-print",r.appendChild(c);const p=`
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Print Document</title>
+        <style>${s()}</style>
+      </head>
+      <body>
+        ${r.outerHTML}
+      </body>
+    </html>
+  `,e=document.createElement("iframe");e.style.position="absolute",e.style.left="-9999px",e.style.top="-9999px",e.style.width="0",e.style.height="0",document.body.appendChild(e);const o=e.contentDocument||e.contentWindow?.document;return o?(o.open(),o.write(p),o.close(),setTimeout(()=>{e.contentWindow&&(e.contentWindow.print(),setTimeout(()=>{document.body.removeChild(e)},100))},250),!0):(console.error("Could not access print frame document"),document.body.removeChild(e),!1)},g=()=>({name:"print",toolbar:[{label:"Print",command:"print",icon:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" focusable="false" aria-hidden="true"><path d="M7 9V4h10v5M6 18h12v-4H6v4Zm0 0v2h12v-2M6 9H5a2 2 0 0 0-2 2v3h3m12-5h1a2 2 0 0 1 2 2v3h-3" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>',shortcut:"Mod-p"}],commands:{print:l},keymap:{"Mod-p":()=>(l(),!0)}});exports.PrintPlugin=g;