📦 build plugin styles.css with sass, include plugin theme source in dist

esbuild.config.mjs

@@ -20,8 +20,9 @@ const dir = process.env.OUTDIR ? process.env.OUTDIR : "./build";
 
 const map = {
     'src/main.ts': 'main',
+    'src/scss/styles.scss': 'styles',
     'src/scss/layout/slides-extended.scss': 'css/slides-extended',
-    'plugin/reveal.js-elapsed-time-bar/elapsed-time-bar.js': 'plugin/elapsed-time-bar/elapsed-time-bar',
+    'src/plugin/reveal.js-elapsed-time-bar/elapsed-time-bar.js': 'plugin/elapsed-time-bar/elapsed-time-bar',
 };
 
 const themeDir = 'src/scss/theme/';
@@ -65,10 +66,10 @@ const parameters = {
         '.svg': 'dataurl',
     },
     format: 'cjs',
-   // minify: prod,
+    minify: prod,
     target: 'es2020',
     logLevel: "info",
-    // sourcemap: prod ? false : 'inline',
+    sourcemap: prod ? false : 'inline',
     sourcemap: 'inline',
     treeShaking: true,
     outdir: dir,
@@ -91,12 +92,6 @@ const parameters = {
                 to: ['./README.md']
             }
         }),
-        copy({
-            assets: {
-                from: ['styles.css'],
-                to: ['./styles.css']
-            }
-        }),
         copy({
             assets: {
                 from: ['distVersion.json'],
@@ -115,6 +110,13 @@ const parameters = {
                 to: ['./dist/'],
             }
         }),
+        copy({
+            assets: {
+                from: ['node_modules/reveal.js/css/**/*'],
+                to: ['./dist/css/'],
+                keepStructure: true
+            }
+        }),
         copy({
             assets: {
                 from: ['src/scss/theme/source/fonts/**/*'],

src/scss/styles.scss

@@ -0,0 +1,31 @@
+/* Styles */
+
+.workspace-split.mod-right-split .workspace-leaf-content[data-type="reveal-preview-view"] {
+    .view-header {
+        display: flex;
+    }
+    .view-content.reveal-preview-view {
+        position: relative;
+        height: calc(100% - var(--header-height) - 1px);
+    }
+}
+
+.view-content.reveal-preview-view {
+    padding: 0;
+    overflow: hidden;
+}
+
+div.reveal-preview-view {
+    aspect-ratio: 16/9;
+    padding: 0;
+    overflow: hidden;
+}
+
+.view-content.reveal-preview-view>iframe,
+div.reveal-preview-view>iframe {
+    border-style: none;
+    width: 100%;
+    height: 100%;
+}
+
+