create-slide-deck 0.1.0

package/template-minimal/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2021",
+    "lib": ["ES2021", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "allowImportingTsExtensions": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.d.ts", "vite.config.ts"],
+  "exclude": ["node_modules", "dist"]
+}

package/template-minimal/vite.config.ts

@@ -0,0 +1,95 @@
+import { defineConfig, type Plugin, type ViteDevServer } from "vite";
+import react from "@vitejs/plugin-react";
+import path from "path";
+import fs from "fs";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const decksDir = path.resolve(__dirname, "src/reveal/decks");
+
+function findDecks(): string[] {
+  return fs.readdirSync(decksDir).filter(function (name) {
+    return fs.existsSync(path.join(decksDir, name, "index.html"));
+  });
+}
+
+function selfContainDecks(): Plugin {
+  return {
+    name: "self-contain-decks",
+    closeBundle: function () {
+      const outDir = path.resolve(__dirname, "dist");
+      const sharedAssets = path.join(outDir, "assets");
+      if (!fs.existsSync(sharedAssets)) return;
+
+      findDecks().forEach(function (deck) {
+        const deckDir = path.join(outDir, deck);
+        if (!fs.existsSync(deckDir)) return;
+
+        const srcImages = path.join(decksDir, deck, "images");
+        if (fs.existsSync(srcImages)) {
+          const dstImages = path.join(deckDir, "images");
+          fs.mkdirSync(dstImages, { recursive: true });
+          fs.readdirSync(srcImages).forEach(function (f) {
+            fs.copyFileSync(path.join(srcImages, f), path.join(dstImages, f));
+          });
+        }
+
+        const deckAssets = path.join(deckDir, "assets");
+        fs.mkdirSync(deckAssets, { recursive: true });
+        fs.readdirSync(sharedAssets).forEach(function (f) {
+          fs.copyFileSync(path.join(sharedAssets, f), path.join(deckAssets, f));
+        });
+
+        const htmlPath = path.join(deckDir, "index.html");
+        if (fs.existsSync(htmlPath)) {
+          let html = fs.readFileSync(htmlPath, "utf-8");
+          html = html.replace(/\.\.\/assets\//g, "./assets/");
+          fs.writeFileSync(htmlPath, html);
+        }
+      });
+    },
+  };
+}
+
+function deckIndex(): Plugin {
+  return {
+    name: "deck-index",
+    configureServer: function (server: ViteDevServer) {
+      server.middlewares.use(function (req, res, next) {
+        if (req.url === "/" || req.url === "/index.html") {
+          const links = findDecks().map(function (d) {
+            return '<li><a href="/' + d + '/">' + d + "</a></li>";
+          }).join("");
+          res.setHeader("Content-Type", "text/html");
+          res.end("<h2>Decks</h2><ul>" + links + "</ul>");
+          return;
+        }
+        next();
+      });
+    },
+  };
+}
+
+const input: Record<string, string> = {};
+findDecks().forEach(function (deck) {
+  input[deck] = path.join(decksDir, deck, "index.html");
+});
+
+export default defineConfig({
+  root: decksDir,
+  base: "./",
+  plugins: [react(), deckIndex(), selfContainDecks()],
+  build: {
+    outDir: path.resolve(__dirname, "dist"),
+    emptyOutDir: true,
+    rollupOptions: {
+      input: input,
+    },
+  },
+  server: {
+    port: 8766,
+    fs: {
+      allow: [path.resolve(__dirname)],
+    },
+  },
+});