paged integrated 🚀

dmca-glasgow · Nov 15, 2024 · bb988ae · bb988ae
1 parent 2f19277
commit bb988ae
Show file tree

Hide file tree

Showing 86 changed files with 3,760 additions and 807 deletions.
diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
       content="width=device-width, initial-scale=1.0" />
     <title>ISOS</title>
   </head>
+
   <body>
     <textarea id="article" style="display: none"> </textarea>
     <div id="root"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -42,8 +42,6 @@
   "devDependencies": {
     "@axe-core/playwright": "^4.10.0",
     "@babel/preset-react": "^7.25.9",
-    "@linaria/core": "^6.1.0",
-    "@linaria/react": "^6.1.0",
     "@playwright/test": "^1.48.2",
     "@preact/preset-vite": "^2.9.1",
     "@tauri-apps/cli": "^2.0.4",

diff --git a/packages/paged/package.json b/packages/paged/package.json
@@ -3,6 +3,12 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
+  "files": [
+    "src"
+  ],
+  "exports": [
+    "./src/index.ts"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",

diff --git a/packages/paged/src/index.ts b/packages/paged/src/index.ts
@@ -0,0 +1,32 @@
+// @ts-expect-error
+import { chunker } from './pagedjs';
+
+import { config } from './config';
+
+import './pagedjs/index.scss';
+import './pagedjs/interface.scss';
+
+let loading = true;
+
+export async function render(app: HTMLElement, renderTo: HTMLElement) {
+  loading = true;
+
+  console.log('chunking...');
+  const chunks = await chunker(app, renderTo, config);
+  console.log(`took: ${(chunks.performance / 1000).toFixed(2)}s`);
+
+  loading = false;
+  document.dispatchEvent(new Event('pages-loaded'));
+
+  return chunks;
+}
+
+export function waitForRender() {
+  return new Promise((resolve) => {
+    if (loading) {
+      document.addEventListener('pages-loaded', resolve, { once: true });
+    } else {
+      resolve(true);
+    }
+  });
+}
diff --git a/packages/paged/src/pagedjs/interface.scss b/packages/paged/src/pagedjs/interface.scss
@@ -1,5 +1,5 @@
 @media screen {
-  .pages {
+  #print-view {
     $gap: 1em;
     margin: 0 auto;
 

diff --git a/packages/paged/src/styles/pages.scss b/packages/paged/src/styles/pages.scss
@@ -1,28 +1,44 @@
-.pagedjs_page {
-  &:first-child {
-    .pagedjs_page_content > div {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      flex-direction: column;
+#print-view {
+  font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro,
+    sans-serif;
+  font-size: 12pt;
+  line-height: 1.4;
 
-      h1 {
-        font-size: 1.8em;
-        text-align: center;
-      }
+  .pagedjs_page {
+    &:first-child {
+      .pagedjs_page_content > div {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+
+        h1 {
+          font-size: 1.8em;
+          text-align: center;
+        }
 
-      p {
-        padding-left: 2em;
-        padding-right: 2em;
+        p {
+          padding-left: 2em;
+          padding-right: 2em;
+        }
       }
     }
   }
-}
 
-// page styling ------
-
-.pagedjs_page_content > div > *:first-child,
-.pagedjs_page_content > div > .boxout:first-child *:first-child,
-.pagedjs_page_content > div > .boxout:first-child .type {
-  margin-top: 0;
+  .pagedjs_page_content > div > *:first-child,
+  .pagedjs_page_content > div > .boxout:first-child > *:first-child,
+  .pagedjs_page_content > div > .boxout:first-child > .type,
+  .pagedjs_page_content > div > section:first-child > *:first-child,
+  .pagedjs_page_content
+    > div
+    > section:first-child
+    > .boxout:first-child
+    > *:first-child,
+  .pagedjs_page_content
+    > div
+    > section:first-child
+    > .boxout:first-child
+    > .type {
+    margin-top: 0;
+  }
 }