Add printable design using Paged.js

.gitignore

@@ -1,5 +1,7 @@
-# Don't accidentally commit the build artifact to the repo
+# Don't accidentally commit the build artifacts to the repo
 style.min.css
+style-paged.min.css
+latexcss-paged.js
 
 #region https://github.com/github/gitignore/blob/main/Node.gitignore
 # Logs

latexcss-js.vite.config.js

@@ -0,0 +1,13 @@
+/** @type {import("vite").UserConfig} */
+export default {
+  build: {
+    emptyOutDir: false,
+    lib: {
+      entry: "./src/index.js",
+      formats: ["iife"],
+      fileName: "latexcss-paged",
+      name: "LatexCss"
+    },
+  },
+};
+

package.json

@@ -8,11 +8,17 @@
     "fonts",
     "lang",
     "style.css",
-    "style.min.css"
+    "style.min.css",
+    "style-paged.css",
+    "style-paged.min.css",
+    "src",
+    "latexcss-paged.js"
   ],
   "scripts": {
-    "prepack": "vite build && cp dist/style.css style.min.css",
-    "build": "npm pack --dry-run"
+    "prepack": "npm run build-lib && cp dist/style.css style.min.css && cp dist/style-paged.css style-paged.min.css && cp dist/latexcss-paged.iife.js latexcss-paged.js",
+    "build": "npm pack --dry-run",
+    "build-lib": "vite build && vite build --config latexcss-js.vite.config.js",
+    "preview": "vite preview --outDir ./ --port 8000"
   },
   "repository": {
     "type": "git",

src/index.js

@@ -0,0 +1,64 @@
+/*! LatexCss library to configure Paged.js for LaTeX.css paged layout.
+ * Adds automatically Prism.js and MathJax startup promises to Paged.js
+ * configuration, if they are found.
+ *
+ * Source: https://github.com/vincentdoerig/latex-css
+ * Licensed under MIT (https://github.com/vincentdoerig/latex-css/blob/master/LICENSE)
+ */
+
+import { startupPromise } from "./startup.js";
+import * as utils from "./utils.js";
+
+let LatexCssConfig = window.LatexCssConfig || {
+  showBrowserWarning: true
+};
+
+let PagedConfig = window.PagedConfig;
+
+let LatexCss = {};
+LatexCss.startupPromise = startupPromise;
+LatexCss.utils = utils;
+
+const afterPaged = function() {
+  // Go to section anchor after Paged.js has been loaded
+  utils.fixAnchorReload();
+  // Add non-Blink browsers warning
+  if (LatexCssConfig.showBrowserWarning &&
+    !window.navigator.userAgent.includes("Chrome")) utils.addBrowserWarn();
+  console.log("LatexCss: Pagedjs script finished");
+}
+
+LatexCss.afterPaged = afterPaged;
+
+window.LatexCss = LatexCss;
+
+// Scroll to the top of the document
+utils.scrollToTop();
+
+// Paged.js default configuration, if `PagedConfig.before` and `PagedConfig.after`
+// have not been customized by the user.
+// `PagedConfig` is read by Paged.js when starting; although `before` and `after`
+// functions are going to be evaluated after the HTML document has been completely
+// read.
+if (typeof PagedConfig === "undefined") {
+  window.PagedConfig = {
+    before: () => {
+      return startupPromise();
+    },
+    after: () => {
+      afterPaged();
+    },
+  };
+} else {
+  if (typeof PagedConfig.before === "undefined") {
+    window.PagedConfig.before = function() {
+      return startupPromise();
+    };
+  }
+  if (typeof PagedConfig.after === "undefined") {
+    window.PagedConfig.after = function() {
+      afterPaged();
+    };
+  }
+}
+