@editora/plugins 1.0.2 → 1.0.5

package/dist/print.esm.js

@@ -0,0 +1,309 @@
+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 p = a.cloneNode(!0), r = document.createElement("article");
+  r.className = "rte-document rte-print", r.appendChild(p);
+  const c = `
+    <!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(c), 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);
+}, m = () => ({
+  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)
+  }
+});
+export {
+  m as PrintPlugin
+};