@editora/core 1.0.1 → 1.0.2

package/dist/PreviewPlugin.native-DBvfpmIv.mjs

@@ -0,0 +1,322 @@
+let c = !1;
+const g = () => {
+  if (typeof document == "undefined") 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 == "undefined" || 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
+};
+//# sourceMappingURL=PreviewPlugin.native-DBvfpmIv.mjs.map

package/dist/PreviewPlugin.native-DBvfpmIv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPlugin.native-DBvfpmIv.mjs","sources":["../../plugins/preview/src/PreviewPlugin.native.ts"],"sourcesContent":["import { Plugin } from '@editora/core';\n\n/**\n * Preview Plugin - Native Implementation\n * \n * Features:\n * - In-page modal preview dialog\n * - Read-only content display\n * - Clean, sanitized HTML output\n * - Responsive design\n * - Escape key to close\n */\n\n// Module-level flag to prevent multiple dialogs\nlet isPreviewDialogOpen = false;\n\n/**\n * Inject preview dialog styles into document head\n */\nconst injectStyles = (): void => {\n  if (typeof document === 'undefined') return;\n  \n  const styleId = 'rte-preview-plugin-styles';\n  if (document.getElementById(styleId)) return;\n  \n  const style = document.createElement('style');\n  style.id = styleId;\n  style.textContent = `\n    /* Preview Editor Dialog Styles */\n    .rte-preview-editor-overlay {\n      position: fixed !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      width: 100vw !important;\n      height: 100vh !important;\n      background-color: rgba(0, 0, 0, 0.6) !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      z-index: 10000 !important;\n      padding: 20px !important;\n      box-sizing: border-box !important;\n      margin: 0 !important;\n    }\n\n    .rte-preview-editor-modal {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n      width: 100%;\n      max-width: 1200px;\n      max-height: 90vh;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .rte-preview-editor-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 16px 20px;\n      border-bottom: 1px solid #e1e5e9;\n      background: #f8f9fa;\n      border-radius: 8px 8px 0 0;\n    }\n\n    .rte-preview-editor-header h2 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: #1a1a1a;\n    }\n\n    .rte-preview-editor-header-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .rte-preview-editor-close-btn {\n      background: none;\n      border: none;\n      cursor: pointer;\n      padding: 4px;\n      border-radius: 4px;\n      color: #666;\n      font-size: 16px;\n      line-height: 1;\n      transition: all 0.2s ease;\n    }\n\n    .rte-preview-editor-close-btn:hover {\n      background: #e1e5e9;\n      color: #1a1a1a;\n    }\n\n    .rte-preview-editor-body {\n      flex: 1;\n      overflow: auto;\n      display: flex;\n      flex-direction: column;\n      padding: 25px;\n    }\n\n    .rte-preview-editor-content {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .rte-preview-editor-light-editor {\n      flex: 1;\n      overflow: auto;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n      font-size: 16px;\n      line-height: 1.6;\n      color: #1a1a1a;\n      padding: 20px;\n      background: #fafafa;\n      border: 1px solid #e1e5e9;\n      border-radius: 4px;\n      min-height: 400px;\n    }\n\n    .rte-preview-editor-light-editor h1,\n    .rte-preview-editor-light-editor h2,\n    .rte-preview-editor-light-editor h3,\n    .rte-preview-editor-light-editor h4,\n    .rte-preview-editor-light-editor h5,\n    .rte-preview-editor-light-editor h6 {\n      margin-top: 1.5em;\n      margin-bottom: 0.5em;\n      font-weight: 600;\n    }\n\n    .rte-preview-editor-light-editor h1 {\n      font-size: 2em;\n    }\n\n    .rte-preview-editor-light-editor h2 {\n      font-size: 1.5em;\n    }\n\n    .rte-preview-editor-light-editor h3 {\n      font-size: 1.25em;\n    }\n\n    .rte-preview-editor-light-editor p {\n      margin: 1em 0;\n    }\n\n    .rte-preview-editor-light-editor ul,\n    .rte-preview-editor-light-editor ol {\n      padding-left: 2em;\n      margin: 1em 0;\n    }\n\n    .rte-preview-editor-light-editor li {\n      margin: 0.5em 0;\n    }\n\n    .rte-preview-editor-light-editor table {\n      border-collapse: collapse;\n      width: 100%;\n      margin: 1em 0;\n    }\n\n    .rte-preview-editor-light-editor table td,\n    .rte-preview-editor-light-editor table th {\n      border: 1px solid #ddd;\n      padding: 0.5em;\n    }\n\n    .rte-preview-editor-light-editor table th {\n      background: #f5f5f5;\n      font-weight: 600;\n    }\n\n    .rte-preview-editor-light-editor blockquote {\n      border-left: 4px solid #ddd;\n      margin: 1em 0;\n      padding-left: 1em;\n      color: #666;\n    }\n\n    .rte-preview-editor-light-editor code {\n      background: #f5f5f5;\n      padding: 2px 6px;\n      border-radius: 3px;\n      font-family: 'Monaco', 'Menlo', 'Courier New', monospace;\n      font-size: 0.9em;\n    }\n\n    .rte-preview-editor-light-editor pre {\n      background: #f5f5f5;\n      padding: 1em;\n      border-radius: 4px;\n      overflow-x: auto;\n      margin: 1em 0;\n    }\n\n    .rte-preview-editor-light-editor pre code {\n      background: none;\n      padding: 0;\n    }\n\n    .rte-preview-editor-light-editor img {\n      max-width: 100%;\n      height: auto;\n    }\n\n    .rte-preview-editor-light-editor a {\n      color: #007acc;\n      text-decoration: underline;\n    }\n\n    .rte-preview-editor-light-editor a:hover {\n      color: #0056b3;\n    }\n\n    /* Responsive design */\n    @media (max-width: 768px) {\n      .rte-preview-editor-overlay {\n        padding: 10px;\n      }\n\n      .rte-preview-editor-modal {\n        max-height: 95vh;\n      }\n\n      .rte-preview-editor-header {\n        padding: 12px 16px;\n      }\n\n      .rte-preview-editor-body {\n        padding: 16px;\n      }\n\n      .rte-preview-editor-light-editor {\n        padding: 12px;\n        font-size: 14px;\n      }\n    }\n  `;\n  \n  document.head.appendChild(style);\n};\n\n/**\n * Find the active editor based on current selection or focus\n */\nconst findActiveEditor = (): HTMLElement | null => {\n  // Try to find editor from current selection\n  const selection = window.getSelection();\n  if (selection && selection.rangeCount > 0) {\n    let node: Node | null = selection.getRangeAt(0).startContainer;\n    while (node && node !== document.body) {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const element = node as HTMLElement;\n        if (element.getAttribute('contenteditable') === 'true') {\n          return element;\n        }\n      }\n      node = node.parentNode;\n    }\n  }\n  \n  // Try to find focused editor\n  const activeElement = document.activeElement;\n  if (activeElement) {\n    if (activeElement.getAttribute('contenteditable') === 'true') {\n      return activeElement as HTMLElement;\n    }\n    const editor = activeElement.closest('[contenteditable=\"true\"]');\n    if (editor) return editor as HTMLElement;\n  }\n  \n  // Fallback to first editor\n  return document.querySelector('[contenteditable=\"true\"]');\n};\n\n/**\n * Serialize editor content to clean HTML\n */\nconst serializeEditorContent = (): string => {\n  const editorElement = findActiveEditor();\n  if (!editorElement) return '';\n\n  // Clone the content to avoid modifying the original\n  const clonedContent = editorElement.cloneNode(true) as HTMLElement;\n\n  // Remove RTE-specific elements that shouldn't be in the preview\n  const elementsToRemove = [\n    '.rte-floating-toolbar',\n    '.rte-selection-marker',\n    '.rte-toolbar',\n    '.rte-resize-handle',\n    '[data-rte-internal]'\n  ];\n  \n  elementsToRemove.forEach(selector => {\n    clonedContent.querySelectorAll(selector).forEach(el => el.remove());\n  });\n\n  // Return the clean HTML\n  return clonedContent.innerHTML;\n};\n\n/**\n * Sanitize HTML to prevent XSS attacks\n */\nconst sanitizeHTML = (html: string): string => {\n  const tempDiv = document.createElement('div');\n  tempDiv.innerHTML = html;\n\n  // Remove dangerous elements\n  const dangerousElements = tempDiv.querySelectorAll(\n    'script, iframe[src^=\"javascript:\"], object, embed, form[action^=\"javascript:\"]'\n  );\n  dangerousElements.forEach(el => el.remove());\n\n  // Remove dangerous attributes\n  const allElements = tempDiv.querySelectorAll('*');\n  allElements.forEach(el => {\n    // Remove event handlers (onclick, onload, etc.)\n    Array.from(el.attributes).forEach(attr => {\n      if (attr.name.startsWith('on')) {\n        el.removeAttribute(attr.name);\n      }\n      // Remove javascript: URLs\n      if ((attr.name === 'href' || attr.name === 'src') && \n          attr.value.startsWith('javascript:')) {\n        el.removeAttribute(attr.name);\n      }\n    });\n  });\n\n  return tempDiv.innerHTML;\n};\n\n/**\n * Show the preview dialog\n */\nconst showPreviewDialog = (): void => {\n  if (typeof window === 'undefined' || isPreviewDialogOpen) return;\n  \n  isPreviewDialogOpen = true;\n  injectStyles();\n\n  // Serialize and sanitize content\n  const rawHtml = serializeEditorContent();\n  const cleanHtml = sanitizeHTML(rawHtml);\n\n  // Create dialog overlay\n  const overlay = document.createElement('div');\n  overlay.className = 'rte-preview-editor-overlay';\n  overlay.setAttribute('role', 'dialog');\n  overlay.setAttribute('aria-modal', 'true');\n  overlay.setAttribute('aria-labelledby', 'preview-editor-title');\n\n  // Create modal\n  const modal = document.createElement('div');\n  modal.className = 'rte-preview-editor-modal';\n\n  // Create header\n  const header = document.createElement('div');\n  header.className = 'rte-preview-editor-header';\n  header.innerHTML = `\n    <h2 id=\"preview-editor-title\">Preview Editor</h2>\n    <div class=\"rte-preview-editor-header-actions\">\n      <button class=\"rte-preview-editor-close-btn\" aria-label=\"Close preview editor\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </button>\n    </div>\n  `;\n\n  // Create body\n  const body = document.createElement('div');\n  body.className = 'rte-preview-editor-body';\n\n  const content = document.createElement('div');\n  content.className = 'rte-preview-editor-content';\n\n  const editor = document.createElement('div');\n  editor.className = 'rte-preview-editor-light-editor';\n  editor.innerHTML = cleanHtml;\n\n  content.appendChild(editor);\n  body.appendChild(content);\n\n  // Assemble modal\n  modal.appendChild(header);\n  modal.appendChild(body);\n  overlay.appendChild(modal);\n\n  // Close dialog function\n  const closeDialog = () => {\n    if (overlay.parentNode) {\n      overlay.parentNode.removeChild(overlay);\n    }\n    isPreviewDialogOpen = false;\n    document.removeEventListener('keydown', handleEscape);\n  };\n\n  // Handle escape key\n  const handleEscape = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n      closeDialog();\n    }\n  };\n\n  // Event listeners\n  const closeBtn = header.querySelector('.rte-preview-editor-close-btn');\n  if (closeBtn) {\n    closeBtn.addEventListener('click', (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      closeDialog();\n    });\n  }\n\n  // Close on overlay click (but not modal click)\n  overlay.addEventListener('click', (e) => {\n    if (e.target === overlay) {\n      closeDialog();\n    }\n  });\n\n  // Add escape key listener\n  document.addEventListener('keydown', handleEscape);\n\n  // Add to DOM\n  document.body.appendChild(overlay);\n};\n\nexport const PreviewPlugin = (): Plugin => ({\n  name: 'preview',\n  \n  toolbar: [\n    {\n      label: 'Preview',\n      command: 'togglePreview',\n      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>'\n    }\n  ],\n  \n  commands: {\n    togglePreview: () => {\n      showPreviewDialog();\n      return true;\n    }\n  },\n  \n  keymap: {}\n});\n"],"names":["isPreviewDialogOpen","injectStyles","styleId","style","findActiveEditor","selection","node","element","activeElement","editor","serializeEditorContent","editorElement","clonedContent","selector","el","sanitizeHTML","html","tempDiv","attr","showPreviewDialog","rawHtml","cleanHtml","overlay","modal","header","body","content","closeDialog","handleEscape","e","closeBtn","PreviewPlugin"],"mappings":"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"}

package/dist/PrintPlugin.native-BUpm52VJ.mjs

@@ -0,0 +1,311 @@
+const g = () => `
+    * {
+      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;
+      }
+    }
+  `, p = () => {
+  var d;
+  if (typeof window == "undefined") 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 l = t;
+          if (l.getAttribute("contenteditable") === "true")
+            return l;
+        }
+        t = t.parentNode;
+      }
+    }
+    const r = document.activeElement;
+    if (r) {
+      if (r.getAttribute("contenteditable") === "true")
+        return r;
+      const t = r.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), n = document.createElement("article");
+  n.className = "rte-document rte-print", n.appendChild(c);
+  const s = `
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Print Document</title>
+        <style>${g()}</style>
+      </head>
+      <body>
+        ${n.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 || ((d = e.contentWindow) == null ? void 0 : d.document);
+  return o ? (o.open(), o.write(s), 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);
+}, b = () => ({
+  name: "print",
+  toolbar: [
+    {
+      label: "Print",
+      command: "print",
+      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="M7 18H6.2C5.0799 18 4.51984 18 4.09202 17.782C3.71569 17.5903 3.40973 17.2843 3.21799 16.908C3 16.4802 3 15.9201 3 14.8V10.2C3 9.0799 3 8.51984 3.21799 8.09202C3.40973 7.71569 3.71569 7.40973 4.09202 7.21799C4.51984 7 5.0799 7 6.2 7H7M17 18H17.8C18.9201 18 19.4802 18 19.908 17.782C20.2843 17.5903 20.5903 17.2843 20.782 16.908C21 16.4802 21 15.9201 21 14.8V10.2C21 9.07989 21 8.51984 20.782 8.09202C20.5903 7.71569 20.2843 7.40973 19.908 7.21799C19.4802 7 18.9201 7 17.8 7H17M7 11H7.01M17 7V5.4V4.6C17 4.03995 17 3.75992 16.891 3.54601C16.7951 3.35785 16.6422 3.20487 16.454 3.10899C16.2401 3 15.9601 3 15.4 3H8.6C8.03995 3 7.75992 3 7.54601 3.10899C7.35785 3.20487 7.20487 3.35785 7.10899 3.54601C7 3.75992 7 4.03995 7 4.6V5.4V7M17 7H7M8.6 21H15.4C15.9601 21 16.2401 21 16.454 20.891C16.6422 20.7951 16.7951 20.6422 16.891 20.454C17 20.2401 17 19.9601 17 19.4V16.6C17 16.0399 17 15.7599 16.891 15.546C16.7951 15.3578 16.6422 15.2049 16.454 15.109C16.2401 15 15.9601 15 15.4 15H8.6C8.03995 15 7.75992 15 7.54601 15.109C7.35785 15.2049 7.20487 15.3578 7.10899 15.546C7 15.7599 7 16.0399 7 16.6V19.4C7 19.9601 7 20.2401 7.10899 20.454C7.20487 20.6422 7.35785 20.7951 7.54601 20.891C7.75992 21 8.03995 21 8.6 21Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>',
+      shortcut: "Mod-p"
+    }
+  ],
+  commands: {
+    print: p
+  },
+  keymap: {
+    "Mod-p": () => (p(), !0)
+  }
+});
+export {
+  b as PrintPlugin
+};
+//# sourceMappingURL=PrintPlugin.native-BUpm52VJ.mjs.map