add pdf.css to the Preview

AirWalk-Digital · May 9, 2023 · dc20698 · dc20698
1 parent 56ead17
commit dc20698
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/layouts/PrintSlide.jsx b/layouts/PrintSlide.jsx
@@ -47,7 +47,7 @@ export default dynamic(() => Promise.resolve(PrintSlide), {
 });
 
 function PrintSlide({ children, next }) {
-  console.log('PrintSlide:children : ', children)
+  // console.log('PrintSlide:children : ', children)
   let generatedSlides = [];
   let generatorCount = 0;
   // Filter down children by only Slides

diff --git a/pages/files/[format]/[file].js b/pages/files/[format]/[file].js
@@ -15,6 +15,7 @@ import fs from 'fs'
 import path from 'path'
 import Head from 'next/head';
 import Script from 'next/script';
+import dynamic from 'next/dynamic'
 
 const glob = require('glob')
 
@@ -126,7 +127,11 @@ export async function getStaticProps(context) {
   }
 }
 
-export default function Pad({ source, format }) {
+export default dynamic(() => Promise.resolve(Pad), {
+  ssr: false,
+});
+
+function Pad({ source, format }) {
   const mdxContainer = useRef(null);
   const previewContainer = useRef(null);
   let contentMdx = ``;
@@ -136,7 +141,7 @@ export default function Pad({ source, format }) {
       contentMdx = `${mdxContainer.current?.innerHTML}`;
       paged
         .preview(contentMdx,
-          [],
+          ['/pdf.css'],
           previewContainer.current
         )
         .then((flow) => {
@@ -159,7 +164,7 @@ export default function Pad({ source, format }) {
     return (
       <>
         <Head>
-          <Script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></Script>
+          {/* <Script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></Script> */}
         </Head>
         <div ref={mdxContainer} style={{ display: 'none' }}>
           {/* style={{ display: 'none' }}> */}

diff --git a/pages/files/[format]/pdf.module.css → public/pdf.css b/pages/files/[format]/pdf.module.css → public/pdf.css
diff --git a/tsconfig.json b/tsconfig.json
@@ -21,7 +21,8 @@
       {
         "name": "next"
       }
-    ]
+    ],
+    "incremental": true
   },
   "include": [
     "next-env.d.ts",
@@ -38,4 +39,4 @@
   "exclude": [
     "node_modules"
   ]
-}
+}