@tygo-van-den-hurk/slyde 0.0.2-unstable-0192a39.0 → 0.0.2-unstable-8f6d5a0.0

package/README.md

@@ -1,7 +1,7 @@
 <div align="center">
   <picture>
-    <source srcset="https://github.com/Tygo-van-den-Hurk/Slyde/blob/0192a399344a453f752428758b40f698063ca2cd/docs/assets/logo-standalone.svg" media="(max-width: 600px)">
-    <img src="https://github.com/Tygo-van-den-Hurk/Slyde/blob/0192a399344a453f752428758b40f698063ca2cd/docs/assets/logo-with-text.svg" width="50%" alt="the Slyde logo">
+    <source srcset="https://github.com/Tygo-van-den-Hurk/Slyde/blob/8f6d5a052ccfa5de6f833b9fecd4ed5e0f5ce640/docs/assets/logo-standalone.svg" media="(max-width: 600px)">
+    <img src="https://github.com/Tygo-van-den-Hurk/Slyde/blob/8f6d5a052ccfa5de6f833b9fecd4ed5e0f5ce640/docs/assets/logo-with-text.svg" width="50%" alt="the Slyde logo">
   </picture>
   <br>
   <br>
@@ -26,7 +26,7 @@ Slyde is a program to create professional beautifully animated presentations fro
 
 This would output the following fully animated presentation:
 
-<img src="https://github.com/Tygo-van-den-Hurk/Slyde/blob/0192a399344a453f752428758b40f698063ca2cd/docs/assets/example-presentation.gif" width="100%" alt="An example Slyde presentation based on the previous example XML template">
+<img src="https://github.com/Tygo-van-den-Hurk/Slyde/blob/8f6d5a052ccfa5de6f833b9fecd4ed5e0f5ce640/docs/assets/example-presentation.gif" width="100%" alt="An example Slyde presentation based on the previous example XML template">
 
 ## Features
 
@@ -57,7 +57,7 @@ To install Slyde using npm from [GitHub' NPM registry](https://npm.pkg.github.co
 To install and run slyde using [docker](http://docker.com), run the following command:
 
 ```Shell
-docker run --interactive --tty --volume "$PWD:/pwd" --rm ghcr.io/tygo-van-den-hurk/slyde:latest compile /pwd/slyde.xml --output /pwd/slyde.html
+docker run -it --volume "$PWD:/pwd" --rm ghcr.io/tygo-van-den-hurk/slyde:latest compile
 ```
 
 ### Building from source
@@ -81,4 +81,4 @@ You can also install Slyde in your path by adding the `--global` flag. You might
 
 ## Licence
 
-All files in this repository fall under a [licence](https://github.com/Tygo-van-den-Hurk/Slyde/blob/0192a399344a453f752428758b40f698063ca2cd/LICENSE).
+All files in this repository fall under a [licence](https://github.com/Tygo-van-den-Hurk/Slyde/blob/8f6d5a052ccfa5de6f833b9fecd4ed5e0f5ce640/LICENSE).

package/dist/browser/css/modes/base.d.ts

@@ -0,0 +1,8 @@
+import type { SlydeHtmlDocumentCssProperties } from '#browser/css/types';
+/** Passes the provided arguments as CSS variables up the tree. */
+export declare const variables: ({ background, foreground, primary, secondary, size, }: SlydeHtmlDocumentCssProperties) => string;
+/** All the CSS for the HTML body. */
+export declare const html = "\n  html {\n    height: 100vh;\n    width: 100vw;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: black;\n    font-family: \"DejaVu Sans\", sans-serif !important;\n  }\n";
+/** The default CSS to display regardless of the mode we're in. */
+export declare const baseCSS: (args: SlydeHtmlDocumentCssProperties) => string;
+//# sourceMappingURL=base.d.ts.map

package/dist/browser/css/modes/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../browser/css/modes/base.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AAEzE,kEAAkE;AAClE,eAAO,MAAM,SAAS,GAAsB,uDAMzC,8BAA8B,KAAG,MAcnC,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,IAAI,kQAYhB,CAAC;AAyEF,kEAAkE;AAClE,eAAO,MAAM,OAAO,GAAoB,MAAM,8BAA8B,KAAG,MAW9E,CAAC"}

package/dist/browser/css/modes/base.js

@@ -0,0 +1,110 @@
+/* eslint-disable no-inline-comments */
+import { Component } from '#lib/core/components/class';
+/** Passes the provided arguments as CSS variables up the tree. */
+export const variables = function variables({ background, foreground, primary, secondary, size, }) {
+    return /*CSS*/ `
+    /*
+     !!!! Any changes to this function removing variables are very much breaking changes !!!!
+     */
+    :root { 
+      --width: ${size.width} !important;
+      --height: ${size.height} !important;
+      --foreground: ${foreground} !important;
+      --background: ${background} !important;
+      --secondary: ${secondary} !important;
+      --primary: ${primary} !important;
+    }
+  `;
+};
+/** All the CSS for the HTML body. */
+export const html = /*CSS*/ `
+  html {
+    height: 100vh;
+    width: 100vw;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: black;
+    font-family: "DejaVu Sans", sans-serif !important;
+  }
+`;
+/** Disables all scrollbars everywhere */
+const scrollBars = /*CSS*/ `
+  * {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+
+  *::-webkit-scrollbar {
+    display: none;
+  }
+`;
+/** A list of things that should never be displayed. */
+const hide = /*CSS*/ `
+  head, style, script {
+    display: none !important;
+    visibility: hidden !important;
+  }
+`;
+/** Styles the latex containers created by the latex parsers. */
+const latex = /*CSS*/ `
+  mjx-container { 
+    display: inline-block;
+    vertical-align: middle;
+  }
+`;
+const fontSize = 1;
+/** The CSS related to the body. */
+const body = /*CSS*/ `
+  body { /* Calculation of --unit */
+    color: var(--foreground);
+    position: relative;
+    
+    --unit: min(
+      (min(100vw, calc(100vh * var(--width) / var(--height))) / var(--width)),
+      (min(100vh, calc(100vw * var(--height) / var(--width))) / var(--height)),
+    ) !important;
+
+    container-name: document;
+    container-type: size;
+    width: calc(var(--width) * var(--unit));
+  }
+  
+  body { /* Calculation of the --font size. */
+    --font-size: min(
+      ${fontSize} * 1vw * (100 / var(--width)), 
+      100vh * (${fontSize} / var(--height))
+    ) !important;
+    font-size: var(--font-size);
+  }
+`;
+/** CSS related to the slides */
+const slide = /*CSS*/ `
+  body slyde-component[level="${Component.level.slide}"] {
+    display: block;
+    background-color: var(--background);
+    width: 100%;
+    aspect-ratio: var(--width) / var(--height);
+  }
+`;
+/** CSS related to anchors */
+const anchors = /*CSS*/ `
+  a { color: var(--secondary) }
+  a:hover { text-decoration: underline }
+`;
+/** The default CSS to display regardless of the mode we're in. */
+export const baseCSS = function baseCSS(args) {
+    return /* CSS */ `
+    ${variables(args)}
+    ${html}
+    ${scrollBars}
+    ${hide}
+    ${latex}
+    ${body}
+    ${slide}
+    ${anchors}
+  `;
+};
+//# sourceMappingURL=base.js.map

package/dist/browser/css/modes/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../browser/css/modes/base.ts"],"names":[],"mappings":"AAAA,uCAAuC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGvD,kEAAkE;AAClE,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,SAAS,CAAC,EAC1C,UAAU,EACV,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,GAC2B;IAC/B,OAAO,OAAO,CAAC;;;;;iBAKA,IAAI,CAAC,KAAK;kBACT,IAAI,CAAC,MAAM;sBACP,UAAU;sBACV,UAAU;qBACX,SAAS;mBACX,OAAO;;GAEvB,CAAC;AACJ,CAAC,CAAC;AAEF,qCAAqC;AACrC,MAAM,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC;;;;;;;;;;;;CAY3B,CAAC;AAEF,yCAAyC;AACzC,MAAM,UAAU,GAAG,OAAO,CAAC;;;;;;;;;CAS1B,CAAC;AAEF,uDAAuD;AACvD,MAAM,IAAI,GAAG,OAAO,CAAC;;;;;CAKpB,CAAC;AAEF,gEAAgE;AAChE,MAAM,KAAK,GAAG,OAAO,CAAC;;;;;CAKrB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,CAAC;AAEnB,mCAAmC;AACnC,MAAM,IAAI,GAAG,OAAO,CAAC;;;;;;;;;;;;;;;;;QAiBb,QAAQ;iBACC,QAAQ;;;;CAIxB,CAAC;AAEF,gCAAgC;AAChC,MAAM,KAAK,GAAG,OAAO,CAAC;gCACU,SAAS,CAAC,KAAK,CAAC,KAAK;;;;;;CAMpD,CAAC;AAEF,6BAA6B;AAC7B,MAAM,OAAO,GAAG,OAAO,CAAC;;;CAGvB,CAAC;AAEF,kEAAkE;AAClE,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,IAAoC;IAC1E,OAAO,SAAS,CAAC;MACb,SAAS,CAAC,IAAI,CAAC;MACf,IAAI;MACJ,UAAU;MACV,IAAI;MACJ,KAAK;MACL,IAAI;MACJ,KAAK;MACL,OAAO;GACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/browser/css/modes/pdf.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This file contains all the CSS to ONLY apply when the document is in "PDF" mode.
+ */
+/** The CSS to apply when in this mode */
+export declare const pdfModeStyle: string;
+//# sourceMappingURL=pdf.d.ts.map

package/dist/browser/css/modes/pdf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf.d.ts","sourceRoot":"","sources":["../../../../browser/css/modes/pdf.ts"],"names":[],"mappings":"AAAA;;GAEG;AAyBH,yCAAyC;AACzC,eAAO,MAAM,YAAY,QAAoB,CAAC"}

package/dist/browser/css/modes/pdf.js

@@ -0,0 +1,26 @@
+/**
+ * This file contains all the CSS to ONLY apply when the document is in "PDF" mode.
+ */
+//
+import { Component } from '#lib/core/components/class';
+/** The CSS for the body. */
+// eslint-disable-next-line no-inline-comments
+const body = /*CSS*/ `
+  body {
+    overflow-x: scroll;
+    height: 100vh;
+  }
+`;
+// eslint-disable-next-line no-inline-comments
+const slide = /*CSS*/ `
+  body slyde-component[level="${Component.level.slide}"] {
+    margin-bottom: var(--unit);
+  }
+
+  body slyde-component[level="${Component.level.slide}"]:last-child {
+    margin-bottom: 0;
+  }
+`;
+/** The CSS to apply when in this mode */
+export const pdfModeStyle = `${body}${slide}`;
+//# sourceMappingURL=pdf.js.map

package/dist/browser/css/modes/pdf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf.js","sourceRoot":"","sources":["../../../../browser/css/modes/pdf.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,EAAE;AAEF,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,4BAA4B;AAC5B,8CAA8C;AAC9C,MAAM,IAAI,GAAG,OAAO,CAAC;;;;;CAKX,CAAC;AAEX,8CAA8C;AAC9C,MAAM,KAAK,GAAG,OAAO,CAAC;gCACU,SAAS,CAAC,KAAK,CAAC,KAAK;;;;gCAIrB,SAAS,CAAC,KAAK,CAAC,KAAK;;;CAG3C,CAAC;AAEX,yCAAyC;AACzC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC"}

package/dist/browser/css/modes/presentation.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This file contains all the CSS to only apply when the document is in it's default "presenting" mode.
+ */
+/** Makes nothing selectable. Prevents selecting things when presenting. */
+export declare const nothingSelectable: "\n  * {\n    user-select: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n  }\n";
+/** The CSS to apply when in presentation mode. */
+export declare const presentationModeStyle: "\n  \n  * {\n    user-select: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n  }\n\n  \n  body slyde-component[level=\"1\"] {\n    display: none;\n  }\n  \n  /* Move to a separate style element later to allow JS to alter it. */\n  body slyde-component[level=\"1\"]:first-of-type {\n    display: block;\n  }\n\n  \n  body {\n    overflow: hidden;\n    aspect-ratio: var(--width) / var(--height);\n    /* Full height, unless it would be wider then the slide itself. */\n    height: min(100vh, calc(100vw * var(--height) / var(--width)));\n  }\n\n";
+//# sourceMappingURL=presentation.d.ts.map

package/dist/browser/css/modes/presentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation.d.ts","sourceRoot":"","sources":["../../../../browser/css/modes/presentation.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,2EAA2E;AAE3E,eAAO,MAAM,iBAAiB,mIAOpB,CAAC;AAyBX,kDAAkD;AAClD,eAAO,MAAM,qBAAqB,qlBAIxB,CAAC"}

package/dist/browser/css/modes/presentation.js

@@ -0,0 +1,43 @@
+/**
+ * This file contains all the CSS to only apply when the document is in it's default "presenting" mode.
+ */
+//
+import { Component } from '#lib/core/components/class';
+/** Makes nothing selectable. Prevents selecting things when presenting. */
+// eslint-disable-next-line no-inline-comments
+export const nothingSelectable = /*CSS*/ `
+  * {
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+  }
+`;
+/** The CSS for the body */
+// eslint-disable-next-line no-inline-comments
+const body = /*CSS*/ `
+  body {
+    overflow: hidden;
+    aspect-ratio: var(--width) / var(--height);
+    /* Full height, unless it would be wider then the slide itself. */
+    height: min(100vh, calc(100vw * var(--height) / var(--width)));
+  }
+`;
+// eslint-disable-next-line no-inline-comments
+const slide = /*CSS*/ `
+  body slyde-component[level="${Component.level.slide}"] {
+    display: none;
+  }
+  
+  /* Move to a separate style element later to allow JS to alter it. */
+  body slyde-component[level="${Component.level.slide}"]:first-of-type {
+    display: block;
+  }
+`;
+/** The CSS to apply when in presentation mode. */
+export const presentationModeStyle = `
+  ${nothingSelectable}
+  ${slide}
+  ${body}
+`;
+//# sourceMappingURL=presentation.js.map

package/dist/browser/css/modes/presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation.js","sourceRoot":"","sources":["../../../../browser/css/modes/presentation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,EAAE;AAEF,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,2EAA2E;AAC3E,8CAA8C;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAC;;;;;;;CAO/B,CAAC;AAEX,2BAA2B;AAC3B,8CAA8C;AAC9C,MAAM,IAAI,GAAG,OAAO,CAAC;;;;;;;CAOX,CAAC;AAEX,8CAA8C;AAC9C,MAAM,KAAK,GAAG,OAAO,CAAC;gCACU,SAAS,CAAC,KAAK,CAAC,KAAK;;;;;gCAKrB,SAAS,CAAC,KAAK,CAAC,KAAK;;;CAG3C,CAAC;AAEX,kDAAkD;AAClD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,iBAAiB;IACjB,KAAK;IACL,IAAI;CACE,CAAC"}

package/dist/browser/css/tw-config.d.ts

@@ -0,0 +1,6 @@
+import type { SlydeHtmlDocumentCssProperties } from '#browser/css/types';
+/** The config for tailwind in the browser. */
+export declare const tailwindConfig: ({ background, foreground, secondary, primary, }: SlydeHtmlDocumentCssProperties) => {
+    theme: Record<string, Record<string, unknown>>;
+};
+//# sourceMappingURL=tw-config.d.ts.map

package/dist/browser/css/tw-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tw-config.d.ts","sourceRoot":"","sources":["../../../browser/css/tw-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AAEzE,8CAA8C;AAC9C,eAAO,MAAM,cAAc,GAA2B,iDAKnD,8BAA8B,KAAG;IAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;CAoCnF,CAAC"}

package/dist/browser/css/tw-config.js

@@ -0,0 +1,34 @@
+/** The config for tailwind in the browser. */
+export const tailwindConfig = function tailwindConfig({ background, foreground, secondary, primary, }) {
+    return {
+        theme: {
+            /**
+             * Allow **only** these colors.
+             */
+            colors: { background, foreground, primary, secondary },
+            /**
+             * Extend the tailwind config with these options.
+             */
+            extend: {},
+            /** The different font sizes */
+            fontSize: {
+                '2xl': 'calc(var(--font-size) * 2.50)',
+                '2xs': 'calc(var(--font-size) * 0.25)',
+                '3xl': 'calc(var(--font-size) * 3.00)',
+                '4xl': 'calc(var(--font-size) * 3.50)',
+                '5xl': 'calc(var(--font-size) * 4.00)',
+                base: 'calc(var(--font-size) * 1.00)',
+                lg: 'calc(var(--font-size) * 1.50)',
+                sm: 'calc(var(--font-size) * 0.75)',
+                xl: 'calc(var(--font-size) * 2.00)',
+                xs: 'calc(var(--font-size) * 0.50)',
+            },
+            /**
+             * Allow **only** the scale of `--unit` which is the unit of measurement in a slyde HTML document as it changes
+             * based on the size of the document. All other measurements don't.
+             */
+            spacing: Object.fromEntries(Array.from({ length: 1000 }, (_ignore, amount) => [amount, `calc(${amount} * var(--unit))`])),
+        },
+    };
+};
+//# sourceMappingURL=tw-config.js.map

package/dist/browser/css/tw-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tw-config.js","sourceRoot":"","sources":["../../../browser/css/tw-config.ts"],"names":[],"mappings":"AAEA,8CAA8C;AAC9C,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EACpD,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAO,GACwB;IAC/B,OAAO;QACL,KAAK,EAAE;YACL;;eAEG;YACH,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE;YAEtD;;eAEG;YACH,MAAM,EAAE,EAAE;YAEV,+BAA+B;YAC/B,QAAQ,EAAE;gBACR,KAAK,EAAE,+BAA+B;gBACtC,KAAK,EAAE,+BAA+B;gBACtC,KAAK,EAAE,+BAA+B;gBACtC,KAAK,EAAE,+BAA+B;gBACtC,KAAK,EAAE,+BAA+B;gBACtC,IAAI,EAAE,+BAA+B;gBACrC,EAAE,EAAE,+BAA+B;gBACnC,EAAE,EAAE,+BAA+B;gBACnC,EAAE,EAAE,+BAA+B;gBACnC,EAAE,EAAE,+BAA+B;aACpC;YAED;;;eAGG;YACH,OAAO,EAAE,MAAM,CAAC,WAAW,CACzB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,QAAQ,MAAM,iBAAiB,CAAC,CAAC,CAC7F;SACF;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/browser/{css.d.ts → css/types.d.ts}

@@ -1,4 +1,4 @@
-/** All properties that a Slyde HTML document requires. */
+/** All properties that a Slyde HTML document requires for CSS generation. */
 export interface SlydeHtmlDocumentCssProperties {
     /** The background color of the document */
     readonly background: string;
@@ -16,12 +16,4 @@ export interface SlydeHtmlDocumentCssProperties {
         readonly width: number;
     };
 }
-/** The config for tailwind in the browser. */
-export declare const tailwindConfig: ({ background, foreground, secondary, primary, }: SlydeHtmlDocumentCssProperties) => {
-    theme: Record<string, Record<string, unknown>>;
-};
-/** Returns a base Tailwind CSS style block that sets default styles. */
-export declare const baseTailwind: () => string;
-/** The only part of the CSS that cannot be done using TailWindCss. */
-export declare const baseCSS: (args: SlydeHtmlDocumentCssProperties) => string;
-//# sourceMappingURL=css.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dist/browser/css/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../browser/css/types.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,MAAM,WAAW,8BAA8B;IAC7C,2CAA2C;IAC3C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,6BAA6B;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,4CAA4C;IAC5C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,qFAAqF;IACrF,QAAQ,CAAC,IAAI,EAAE;QACb,6CAA6C;QAC7C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;QACxB,6CAA6C;QAC7C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;KACxB,CAAC;CACH"}

package/dist/browser/css/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/browser/css/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../browser/css/types.ts"],"names":[],"mappings":""}

package/dist/browser/html.d.ts

@@ -1,4 +1,4 @@
-import { type SlydeHtmlDocumentCssProperties } from '#browser/css';
+import type { SlydeHtmlDocumentCssProperties } from '#browser/css/types';
 /** The properties a  */
 export interface SlydeHtmlDocumentHtmlProperties extends SlydeHtmlDocumentCssProperties {
     /** The title of the presentation. */

package/dist/browser/html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../browser/html.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,8BAA8B,EAIpC,MAAM,cAAc,CAAC;AAGtB,wBAAwB;AACxB,MAAM,WAAW,+BAAgC,SAAQ,8BAA8B;IACrF,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,iCAAiC;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,yCAAyC;IACzC,QAAQ,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,iDAAiD;IACjD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,0FAA0F;IAC1F,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,oCAAoC;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,qCAAqC;AACrC,eAAO,MAAM,YAAY,GAAyB,MAAM,+BAA+B,KAAG,MAmCzF,CAAC"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../browser/html.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AASzE,wBAAwB;AACxB,MAAM,WAAW,+BAAgC,SAAQ,8BAA8B;IACrF,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,iCAAiC;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,yCAAyC;IACzC,QAAQ,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,iDAAiD;IACjD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,0FAA0F;IAC1F,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,oCAAoC;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,qCAAqC;AACrC,eAAO,MAAM,YAAY,GAAyB,MAAM,+BAA+B,KAAG,MAuCzF,CAAC"}

package/dist/browser/html.js

@@ -1,6 +1,10 @@
-/* eslint-disable @typescript-eslint/strict-boolean-expressions, no-ternary */
-import { baseCSS, baseTailwind, tailwindConfig, } from '#browser/css';
-import { setupScriptCode } from '#browser/page-logic.browser';
+import { baseCSS } from '#browser/css/modes/base';
+import inputBindingScript from '#browser/scripts/input-bindings';
+import pdfModeScript from '#browser/scripts/pdf-mode';
+import { pdfModeStyle } from '#browser/css/modes/pdf';
+import slideControlScript from '#browser/scripts/slide-control';
+import { tailwindConfig } from '#browser/css/tw-config';
+import utilsScript from '#browser/scripts/utils';
 /** Creates an HTML document from  */
 export const htmlDocument = function htmlDocument(args) {
     // eslint-disable-next-line no-inline-comments
@@ -8,14 +12,15 @@ export const htmlDocument = function htmlDocument(args) {
     <!DOCTYPE html>
     <html lang="en">
       <head>
-        <style> ${baseCSS({ ...args })} </style>
-        ${baseTailwind()}
         <title>${args.title}</title>
         <!-- TODO: wget this script and then inject it as a string instead. -->
-        <script> const Logger = Object.freeze({ ...console, critical: console.error }); </script>
         <script src="https://cdn.tailwindcss.com"></script>
         <script id="tailwind-config-setup"> tailwind.config = ${JSON.stringify(tailwindConfig({ ...args }))}; </script>
-        <script id="event-listening-setup" type="module">${setupScriptCode}</script>
+        <script> const Logger = Object.freeze({ ...console, critical: console.error }); </script>
+        <script type="module">${utilsScript}</script>
+        <script type="module">${slideControlScript}</script>
+        <script type="module">${pdfModeScript}</script>
+        <script type="module">${inputBindingScript}</script>
         <meta charset="UTF-8">
         <meta name="darkreader-lock">
         <meta property="og:title" content="${args.title}">
@@ -26,11 +31,14 @@ export const htmlDocument = function htmlDocument(args) {
         <meta name="authors" content="${args.authors.join(',')}">
         <meta name="msapplication-TileImage" content="${args.icon}" />
         <meta name="msapplication-TileColor" content="${args.background}" />
-        <!-- <meta http-equiv="Content-Security-Policy" content="connect-src 'none'; script-src 'self' ${args.nonce ? `'nonce-${args.nonce}'` : ''};"> -->
+        <!-- <meta http-equiv="Content-Security-Policy" content="connect-src 'none'; script-src 'self' ${((args.nonce ?? '') !== '' && `'nonce-${args.nonce}'`) || ''};"> -->
         <meta name="theme-color" content="${args.primary}" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
         <link rel="icon" href="${args.icon}">
         <link rel="apple-touch-icon" href="${args.icon}">    
+        <style> ${baseCSS({ ...args })} </style>
+        <style id="dynamic-style">${pdfModeStyle}</style>
+        <noscript><style id="pdf-mode-style">${pdfModeStyle}</style></noscript>
       </head>
       <body>
         ${args.content}

package/dist/browser/html.js.map

@@ -1 +1 @@
-{"version":3,"file":"html.js","sourceRoot":"","sources":["../../browser/html.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAE9E,OAAO,EAEL,OAAO,EACP,YAAY,EACZ,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAwB9D,qCAAqC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,IAAqC;IACrF,8CAA8C;IAC9C,OAAO,QAAQ,CAAC;;;;kBAIA,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;UAC5B,YAAY,EAAE;iBACP,IAAI,CAAC,KAAK;;;;gEAIqC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;2DAChD,eAAe;;;6CAG7B,IAAI,CAAC,KAAK;mDACJ,IAAI,CAAC,WAAW;6CACtB,IAAI,CAAC,IAAI;yCACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;4CACpB,IAAI,CAAC,WAAW;wCACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;wDACN,IAAI,CAAC,IAAI;wDACT,IAAI,CAAC,UAAU;yGACkC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;4CACtG,IAAI,CAAC,OAAO;;iCAEvB,IAAI,CAAC,IAAI;6CACG,IAAI,CAAC,IAAI;;;UAG5C,IAAI,CAAC,OAAO;;;GAGnB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../browser/html.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AACjE,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAwBjD,qCAAqC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,IAAqC;IACrF,8CAA8C;IAC9C,OAAO,QAAQ,CAAC;;;;iBAID,IAAI,CAAC,KAAK;;;gEAGqC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;;gCAE3E,WAAW;gCACX,kBAAkB;gCAClB,aAAa;gCACb,kBAAkB;;;6CAGL,IAAI,CAAC,KAAK;mDACJ,IAAI,CAAC,WAAW;6CACtB,IAAI,CAAC,IAAI;yCACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;4CACpB,IAAI,CAAC,WAAW;wCACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;wDACN,IAAI,CAAC,IAAI;wDACT,IAAI,CAAC,UAAU;yGACkC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,UAAU,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,EAAE;4CACzH,IAAI,CAAC,OAAO;;iCAEvB,IAAI,CAAC,IAAI;6CACG,IAAI,CAAC,IAAI;kBACpC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;oCACF,YAAY;+CACD,YAAY;;;UAGjD,IAAI,CAAC,OAAO;;;GAGnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/browser/scripts/input-bindings.d.ts

@@ -0,0 +1,23 @@
+declare let script: string;
+/** Handles key presses on the document, and moves slides accordingly. */
+export declare const handleKeyPresses: (event: KeyboardEvent) => void;
+/** Handles scrolling through on the document, and moves slides accordingly. */
+export declare const handleScrollEvents: (event: WheelEvent) => void;
+/**
+ * Handles touch events the screen. Goes to the next slide, when tapping the right half,
+ * and the previous slide when tapping the left half of the screen.
+ */
+export declare const handleTouchEvents: (event: TouchEvent) => void;
+/** Prevents context menus from showing up when right clicking. */
+export declare const handleContextMenus: (event: MouseEvent) => void;
+interface MouseHider {
+    (): void;
+    hideTimeout?: NodeJS.Timeout;
+}
+/** Hides mouse cursor when its not moving, shows the mouse cursor when it is. */
+export declare const handleMouseMove: MouseHider;
+/** Handles mouse presses on the document, and moves slides accordingly. */
+export declare const handleMousePresses: (event: MouseEvent) => void;
+/** The contents of the input binding script. */
+export default script;
+//# sourceMappingURL=input-bindings.d.ts.map

package/dist/browser/scripts/input-bindings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-bindings.d.ts","sourceRoot":"","sources":["../../../browser/scripts/input-bindings.ts"],"names":[],"mappings":"AAEA,QAAA,IAAI,MAAM,QAAoB,CAAC;AAE/B,yEAAyE;AAEzE,eAAO,MAAM,gBAAgB,GAA6B,OAAO,aAAa,KAAG,IAgDhF,CAAC;AAIF,+EAA+E;AAE/E,eAAO,MAAM,kBAAkB,GAA+B,OAAO,UAAU,KAAG,IAIjF,CAAC;AAIF;;;GAGG;AAEH,eAAO,MAAM,iBAAiB,GAA8B,OAAO,UAAU,KAAG,IAe/E,CAAC;AAIF,kEAAkE;AAElE,eAAO,MAAM,kBAAkB,GAA+B,OAAO,UAAU,KAAG,IAGjF,CAAC;AAIF,UAAU,UAAU;IAClB,IAAI,IAAI,CAAC;IACT,WAAW,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;CAC9B;AAED,iFAAiF;AACjF,eAAO,MAAM,eAAe,EAWvB,UAAU,CAAC;AAIhB,2EAA2E;AAE3E,eAAO,MAAM,kBAAkB,GAA+B,OAAO,UAAU,KAAG,IAWjF,CAAC;AAIF,gDAAgD;AAChD,eAAe,MAAM,CAAC"}

package/dist/browser/scripts/input-bindings.js

@@ -0,0 +1,129 @@
+import { Logger } from '#lib/logger';
+let script = '"use-strict";\n';
+/** Handles key presses on the document, and moves slides accordingly. */
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types, complexity
+export const handleKeyPresses = function handleKeyPresses(event) {
+    event.preventDefault();
+    Logger.warn(event);
+    switch (event.key) {
+        // Moving to the next slide:
+        case 'Enter':
+        case 'Space':
+        case 'Tab':
+        case ' ':
+        case 'd':
+        case 'D':
+        case 'l':
+        case 'L':
+        case 'ArrowRight':
+            if (window.isPDF())
+                break;
+        case 'ArrowDown': // eslint-disable-line no-fallthrough
+        case 'PageDown':
+            window.goToNextSlide();
+            break;
+        // Moving to the previous slide:
+        case 'a':
+        case 'A':
+        case 'h':
+        case 'H':
+        case 'ArrowLeft':
+            if (window.isPDF())
+                break;
+        case 'ArrowUp': // eslint-disable-line no-fallthrough
+        case 'PageUp':
+            window.goToPreviousSlide();
+            break;
+        // Making the presentation full screen
+        case 'f':
+        case 'F':
+        case 'F11':
+            window.toggleFullScreen();
+            break;
+        // Toggling PDF mode
+        case 'p':
+        case 'P':
+            window.togglePdfMode();
+            break;
+        // Ignore unknown keybindings.
+        default:
+    }
+};
+script += `window.addEventListener("keydown", ${handleKeyPresses.toString()});\n`;
+/** Handles scrolling through on the document, and moves slides accordingly. */
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+export const handleScrollEvents = function handleScrollEvents(event) {
+    if (window.isPDF())
+        return;
+    if (event.deltaY < -1)
+        window.goToNextSlide(); // eslint-disable-line @typescript-eslint/no-magic-numbers
+    if (event.deltaY > 1)
+        window.goToPreviousSlide();
+};
+script += `window.addEventListener("wheel", ${handleScrollEvents.toString()});\n`;
+/**
+ * Handles touch events the screen. Goes to the next slide, when tapping the right half,
+ * and the previous slide when tapping the left half of the screen.
+ */
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+export const handleTouchEvents = function handleTouchEvents(event) {
+    if (window.isPDF())
+        return;
+    const half = 2;
+    const screenWidth = window.innerWidth;
+    for (const touch of event.touches) {
+        // Ignoring touches outside of the presentation, or are not on document nodes.
+        const { target } = touch;
+        if (!(target instanceof Node))
+            continue;
+        if (!document.body.contains(target))
+            continue;
+        if (target === document.documentElement)
+            continue;
+        if (touch.clientX > screenWidth / half)
+            window.goToNextSlide();
+        else
+            window.goToPreviousSlide();
+    }
+};
+script += `window.addEventListener("touch", ${handleScrollEvents.toString()});\n`;
+/** Prevents context menus from showing up when right clicking. */
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+export const handleContextMenus = function handleContextMenus(event) {
+    if (window.isPDF())
+        return;
+    event.preventDefault();
+};
+script += `window.addEventListener("contextmenu", ${handleContextMenus.toString()});\n`;
+/** Hides mouse cursor when its not moving, shows the mouse cursor when it is. */
+export const handleMouseMove = function handleMouseMove() {
+    if (window.isPDF())
+        return;
+    const ref = handleMouseMove;
+    clearTimeout(ref.hideTimeout);
+    document.documentElement.style.cursor = 'default';
+    const oneSecond = 1000;
+    ref.hideTimeout = setTimeout(() => {
+        document.documentElement.style.cursor = 'none';
+    }, oneSecond);
+};
+script += `window.addEventListener("mousemove", ${handleMouseMove.toString()});\n`;
+/** Handles mouse presses on the document, and moves slides accordingly. */
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+export const handleMousePresses = function handleMousePresses(event) {
+    if (window.isPDF())
+        return;
+    // Letting the "handle touch" function handle clicks if they are on mobile.
+    if ('ontouchstart' in window || navigator.maxTouchPoints > 0)
+        return;
+    const leftClick = 0;
+    if (event.button === leftClick)
+        window.goToNextSlide();
+    const rightClick = 2;
+    if (event.button === rightClick)
+        window.goToPreviousSlide();
+};
+script += `window.addEventListener("mousedown", ${handleMousePresses.toString()});\n`;
+/** The contents of the input binding script. */
+export default script; // eslint-disable-line import/no-default-export
+//# sourceMappingURL=input-bindings.js.map

package/dist/browser/scripts/input-bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-bindings.js","sourceRoot":"","sources":["../../../browser/scripts/input-bindings.ts"],"names":[],"mappings":"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"}

package/dist/browser/scripts/pdf-mode.d.ts

@@ -0,0 +1,29 @@
+declare let script: string;
+interface isPdfFunction {
+    (state?: boolean): boolean;
+    readonly state: boolean;
+}
+/** Checks if the document is supposed to viewed as a PDF. */
+export declare const isPDF: isPdfFunction;
+declare global {
+    interface Window {
+        /** Checks if the document is supposed to viewed as a PDF. */
+        isPDF: typeof isPDF;
+    }
+}
+/** Toggles PDF mode, triggers on a `slyde:mode:pdf:toggle` event. */
+export declare const togglePdfMode: () => void;
+declare global {
+    interface Window {
+        togglePdfMode: typeof togglePdfMode;
+    }
+}
+/** Toggles PDF mode, triggers on a `slyde:mode:pdf:on` event. */
+export declare const turnPdfModeOnEventCallback: () => void;
+/** Toggles PDF mode, triggers on a `slyde:mode:pdf:off` event. */
+export declare const turnPdfModeOffEventCallback: () => void;
+/** The callback to exec when the window loads and we can set the PDF type. */
+export declare const onWindowPdfModeCallback: () => void;
+/** The JavaScript to inject in relation to PDF mode. */
+export default script;
+//# sourceMappingURL=pdf-mode.d.ts.map

package/dist/browser/scripts/pdf-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-mode.d.ts","sourceRoot":"","sources":["../../../browser/scripts/pdf-mode.ts"],"names":[],"mappings":"AAIA,QAAA,IAAI,MAAM,QAAoB,CAAC;AAQ/B,UAAU,aAAa;IACrB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;CACzB;AAED,6DAA6D;AAG7D,eAAO,MAAM,KAAK,EAkBb,aAAa,CAAC;AAInB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,6DAA6D;QAC7D,KAAK,EAAE,OAAO,KAAK,CAAC;KACrB;CACF;AAED,qEAAqE;AACrE,eAAO,MAAM,aAAa,QAA6B,IAEtD,CAAC;AAKF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,aAAa,EAAE,OAAO,aAAa,CAAC;KACrC;CACF;AAED,iEAAiE;AACjE,eAAO,MAAM,0BAA0B,QAA0C,IAEhF,CAAC;AAIF,kEAAkE;AAClE,eAAO,MAAM,2BAA2B,QAA2C,IAElF,CAAC;AAIF,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,QAAuC,IAI1E,CAAC;AAIF,wDAAwD;AACxD,eAAe,MAAM,CAAC"}