npm - @fileverse-dev/ddoc - Versions diffs - 2.1.2-patch-3.1 → 2.1.2-patch-3.3 - Mend

@fileverse-dev/ddoc 2.1.2-patch-3.1 → 2.1.2-patch-3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/index.es.js +142 -90
package/package.json +1 -1

package/dist/index.es.js CHANGED Viewed

@@ -79767,9 +79767,6 @@ const x5 = [
                         .ProseMirror img {
                             max-width: 720px;
                             max-height: calc(100vh - 96px);
-                            width: initial !important;
-                            height: initial !important;
-                            object-fit: scale-down;
                             display: block;
                             margin: 16px auto;
                             position: relative;
@@ -79841,20 +79838,35 @@ const x5 = [
     `;
   iX(n);
 }, rX = (t) => {
-  const e = `
+  const e = document.createElement("div");
+  e.innerHTML = t;
+  const n = [];
+  let r = [];
+  if (Array.from(e.childNodes).forEach((a) => {
+    if (a instanceof HTMLElement && (a.getAttribute("data-type") === "page-break" && a.getAttribute("data-page-break") === "true" || a.tagName.toLowerCase() === "br" && a.getAttribute("data-page-break") === "true")) {
+      if (r.length > 0) {
+        const o = document.createElement("div");
+        r.forEach(
+          (l) => o.appendChild(l.cloneNode(!0))
+        ), n.push(o.innerHTML), r = [];
+      }
+    } else
+      r.push(a.cloneNode(!0));
+  }), r.length > 0) {
+    const a = document.createElement("div");
+    r.forEach((o) => a.appendChild(o.cloneNode(!0))), n.push(a.innerHTML);
+  }
+  const s = `
   <!DOCTYPE html>
   <html>
     <head>
+      <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
       <title>Print Preview</title>
       <style>
-        @page {
-          margin: 0.3in 0.5in 0.3in 0.5in !important;
-        }
-        @page :first {
-          margin: -0.25in 0.5in 0.3in 0.5in !important;
-        }
         @media print {
-          @page { margin: 0; }
+          @page {
+            margin: 0.25in 0.5in;
+          }
           html {
             -webkit-print-color-adjust: exact;
             print-color-adjust: exact;
@@ -79877,9 +79889,8 @@ const x5 = [
           margin: 0;
         }
         img {
-          max-width: initial;
-          height: initial;
-          object-fit: scale-down;
+          max-width: fit-content;
+          height: auto;
           aspect-ratio: auto;
           display: block;
           margin-left: auto;
@@ -79909,86 +79920,128 @@ const x5 = [
             appearance: none;
             background-color: #fff;
             margin: 0;
-            cursor: pointer;
-            width: 1.5em;
-            height: 1.5em;
-            position: relative;
-            border: 2px solid black;
-            margin-right: 0.5rem;
-            display: grid;
-            place-content: center;
-        }
+            font-family: 'Inter', sans-serif;
+          }
+          .print-page {
+            page-break-after: always;
+            box-sizing: border-box;
+          }
+          .print-page:last-child {
+            page-break-after: auto;
+          }
+          img {
+            max-width: 100%;
+            height: auto;
+          }
+          h3 {
+            font-weight: 600;
+            color: #0D0D0D;
+            font-size: 20px;
+            line-height: 1.2;
+          }
+          p {
+            line-height: 1.5;
+            color: #0D0D0D;
+            font-size: 16px;
+          }
+          /* Lists */
+          ul, ol {
+            font-size: 16px;
+            line-height: 1.5;
+            margin: 0 0 16px 0;
+            padding-left: 24px;
+          }
+          /* Task List Styles */
+          input[type='checkbox'] {
+              -webkit-appearance: none;
+              appearance: none;
+              background-color: #fff;
+              margin: 0;
+              cursor: pointer;
+              width: 1.5em;
+              height: 1.5em;
+              position: relative;
+              border: 2px solid black;
+              margin-right: 0.5rem;
+              display: grid;
+              place-content: center;
+          }
-        input[type='checkbox']::before {
-            content: '';
-            width: 1em;
-            height: 1em;
-            transform: scale(0);
-            transition: 120ms transform ease-in-out;
-            box-shadow: inset 1em 1em;
-            transform-origin: center;
-            clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
-        }
+          input[type='checkbox']::before {
+              content: '';
+              width: 1em;
+              height: 1em;
+              transform: scale(0);
+              transition: 120ms transform ease-in-out;
+              box-shadow: inset 1em 1em;
+              transform-origin: center;
+              clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
+          }
-        input[type='checkbox']:checked::before {
-            transform: scale(1);
-        }
+          input[type='checkbox']:checked::before {
+              transform: scale(1);
+          }
-        li:has(input[type="checkbox"]) {
-            list-style-type: none;
-            transform: translateX(-16px);
-            font-size: 24px;
-            display: flex;
-            align-items: center;
-        }
-        ol {
-          list-style-type: decimal;
-        }
-        ol ol {
-          list-style-type: lower-latin;
-        }
-        ol ol ol {
-          list-style-type: lower-roman;
-        }
-        /* Tables */
-        table {
-          width: 100%;
-          border-collapse: collapse;
-          margin: 16px 0;
-          font-size: 16px;
-        }
-        th {
-          background: #F8F9FA;
-          font-weight: 600;
-          text-align: left;
-        }
-        td, th {
-          border: 1px solid #E8EBEC;
-          padding: 12px;
-        }
-        /* Code blocks */
-        pre {
-          background: #F8F9FA;
-          padding: 16px;
-          border-radius: 4px;
-          font-family: monospace;
-          font-size: 12px;
-          margin: 16px 0;
-        }
-        /* Blockquotes */
-        blockquote {
-          border-left: 4px solid #E8EBEC;
-          margin: 16px 0;
-          padding-left: 16px;
-          font-style: italic;
-        }
-        body {
-          padding: 10mm;
+          li:has(input[type="checkbox"]) {
+              list-style-type: none;
+              transform: translateX(-16px);
+              font-size: 24px;
+              display: flex;
+              align-items: center;
+          }
+          ol {
+            list-style-type: decimal;
+          }
+          ol ol {
+            list-style-type: lower-latin;
+          }
+          ol ol ol {
+            list-style-type: lower-roman;
+          }
+          /* Tables */
+          table {
+            width: 100%;
+            border-collapse: collapse;
+            margin: 16px 0;
+            font-size: 16px;
+          }
+          th {
+            background: #F8F9FA;
+            font-weight: 600;
+            text-align: left;
+          }
+          td, th {
+            border: 1px solid #E8EBEC;
+            padding: 12px;
+          }
+          /* Code blocks */
+          pre {
+            background: #F8F9FA;
+            padding: 16px;
+            border-radius: 4px;
+            font-family: monospace;
+            font-size: 12px;
+            margin: 16px 0;
+          }
+          /* Blockquotes */
+          blockquote {
+            border-left: 4px solid #E8EBEC;
+            margin: 16px 0;
+            padding-left: 16px;
+            font-style: italic;
+          }
         }
       </style>
     </head>
     <body>
-      ${t}
+      ${n.map(
+    (a) => `
+        <div class="print-page">
+            ${a}
+        </div>
+    `
+  ).join("")}
       <script>
         window.onload = () => {
           window.print();
@@ -79998,9 +80051,8 @@ const x5 = [
         }
       <\/script>
     </body>
-  </html>
-`;
-  iX(e);
+  </html>`;
+  iX(s);
 }, iX = (t) => {
   var s;
   const e = document.createElement("div");

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@fileverse-dev/ddoc",
   "private": false,
   "description": "DDoc",
-  "version": "2.1.2-patch-3.1",
+  "version": "2.1.2-patch-3.3",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
   "exports": {