wip

Platane · Platane · commit 018ab29a7625 · 2025-12-11T22:31:35.000+01:00
diff --git a/bun.lock b/bun.lock
diff --git a/packages/demo/demo.json b/packages/demo/demo.json
diff --git a/packages/demo/getBestRoute/index.html b/packages/demo/getBestRoute/index.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="module" src="./index.ts"></script>
+  </head>
+</html>
diff --git a/packages/demo/getBestRoute/index.ts b/packages/demo/getBestRoute/index.ts
@@ -1,8 +1,8 @@
-import "./menu";
-import { createCanvas } from "./canvas";
+import "../utils/menu";
+import { createCanvas } from "../utils/canvas";
+import { grid, snake } from "../utils/sample";
 import { getBestRoute } from "@snk/solver/getBestRoute";
 import { Color, copyGrid } from "@snk/types/grid";
-import { grid, snake } from "./sample";
 import { step } from "@snk/solver/step";
 
 const chain = getBestRoute(grid, snake)!;
diff --git a/packages/demo/getBestTunnel/index.html b/packages/demo/getBestTunnel/index.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="module" src="./index.ts"></script>
+  </head>
+</html>
diff --git a/packages/demo/getBestTunnel/index.ts b/packages/demo/getBestTunnel/index.ts
@@ -1,7 +1,7 @@
-import "./menu";
-import { createCanvas } from "./canvas";
+import "../utils/menu";
+import { createCanvas } from "../utils/canvas";
+import { grid, snake } from "../utils/sample";
 import { getSnakeLength } from "@snk/types/snake";
-import { grid, snake } from "./sample";
 import { getColor } from "@snk/types/grid";
 import { getBestTunnel } from "@snk/solver/getBestTunnel";
 import { createOutside } from "@snk/solver/outside";
diff --git a/packages/demo/getPathTo/index.html b/packages/demo/getPathTo/index.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="module" src="./index.ts"></script>
+  </head>
+</html>
diff --git a/packages/demo/getPathTo/index.ts b/packages/demo/getPathTo/index.ts
@@ -1,7 +1,7 @@
-import "./menu";
-import { createCanvas } from "./canvas";
+import "../utils/menu";
+import { createCanvas } from "../utils/canvas";
+import { grid, snake as snake0 } from "../utils/sample";
 import { copySnake, snakeToCells } from "@snk/types/snake";
-import { grid, snake as snake0 } from "./sample";
 import { getPathTo } from "@snk/solver/getPathTo";
 
 const { canvas, ctx, draw, getPointedCell, highlightCell } = createCanvas(grid);
diff --git a/packages/demo/getPathToPose/index.html b/packages/demo/getPathToPose/index.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="module" src="./index.ts"></script>
+  </head>
+</html>
diff --git a/packages/demo/getPathToPose/index.ts b/packages/demo/getPathToPose/index.ts
@@ -1,7 +1,7 @@
-import "./menu";
-import { createCanvas } from "./canvas";
+import "../utils/menu";
+import { createCanvas } from "../utils/canvas";
+import { grid, snake } from "../utils/sample";
 import { createSnakeFromCells, snakeToCells } from "@snk/types/snake";
-import { grid, snake } from "./sample";
 import { getPathToPose } from "@snk/solver/getPathToPose";
 
 const { canvas, ctx, draw, highlightCell } = createCanvas(grid);
diff --git a/packages/demo/interactive/index.html b/packages/demo/interactive/index.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="module" src="./index.ts"></script>
+  </head>
+</html>
diff --git a/packages/demo/interactive/index.ts b/packages/demo/interactive/index.ts
@@ -12,7 +12,7 @@ import {
 import { userContributionToGrid } from "@snk/action/userContributionToGrid";
 import { createSvg } from "@snk/svg-creator";
 import { createRpcClient } from "./worker-utils";
-import type { API as WorkerAPI } from "./demo.interactive.worker";
+import type { API as WorkerAPI } from "./worker";
 import { basePalettes } from "@snk/action/palettes";
 
 const createForm = ({
@@ -294,7 +294,7 @@ const onSubmit = async (userName: string) => {
 
 const worker = new Worker(
   new URL(
-    "./demo.interactive.worker.ts",
+    "./worker.ts",
     // @ts-ignore
     import.meta.url,
   ),
diff --git a/packages/demo/interactive/springUtils.ts b/packages/demo/interactive/springUtils.ts
diff --git a/packages/demo/interactive/worker-utils.ts b/packages/demo/interactive/worker-utils.ts
diff --git a/packages/demo/interactive/worker.ts b/packages/demo/interactive/worker.ts
diff --git a/packages/demo/outside/index.html b/packages/demo/outside/index.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="module" src="./index.ts"></script>
+  </head>
+</html>
diff --git a/packages/demo/outside/index.ts b/packages/demo/outside/index.ts
@@ -1,6 +1,6 @@
-import "./menu";
-import { createCanvas } from "./canvas";
-import { grid } from "./sample";
+import "../utils/menu";
+import { createCanvas } from "../utils/canvas";
+import { grid } from "../utils/sample";
 import type { Color } from "@snk/types/grid";
 import { createOutside, isOutside } from "@snk/solver/outside";
 
diff --git a/packages/demo/package.json b/packages/demo/package.json
@@ -7,21 +7,14 @@
     "@snk/github-user-contribution": "1.0.0",
     "@snk/solver": "1.0.0",
     "@snk/svg-creator": "1.0.0",
-    "@snk/types": "1.0.0"
-  },
-  "devDependencies": {
+    "@snk/types": "1.0.0",
     "@types/dat.gui": "0.7.13",
     "dat.gui": "0.7.9",
     "dotenv": "17.2.3",
-    "html-webpack-plugin": "5.6.5",
-    "ts-loader": "9.5.4",
-    "ts-node": "10.9.2",
-    "webpack": "5.103.0",
-    "webpack-cli": "6.0.1",
-    "webpack-dev-server": "5.2.2"
+    "vite": "7.2.7"
   },
   "scripts": {
-    "build": "webpack",
-    "dev": "webpack serve"
+    "build": "vite build",
+    "dev": "vite"
   }
 }
diff --git a/packages/demo/svg/index.html b/packages/demo/svg/index.html
@@ -0,0 +1,8 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="module" src="./index.ts"></script>
+  </head>
+</html>
diff --git a/packages/demo/svg/index.ts b/packages/demo/svg/index.ts
@@ -1,8 +1,8 @@
-import "./menu";
+import "../utils/menu";
 import { getBestRoute } from "@snk/solver/getBestRoute";
 import { createSvg } from "@snk/svg-creator";
-import { grid, snake } from "./sample";
-import { drawOptions } from "./canvas";
+import { grid, snake } from "../utils/sample";
+import { drawOptions } from "../utils/canvas";
 import { getPathToPose } from "@snk/solver/getPathToPose";
 
 const chain = getBestRoute(grid, snake);
diff --git a/packages/demo/utils/canvas.ts b/packages/demo/utils/canvas.ts
diff --git a/packages/demo/utils/menu.ts b/packages/demo/utils/menu.ts
@@ -3,7 +3,16 @@ import * as grids from "@snk/types/__fixtures__/grid";
 import * as snakes from "@snk/types/__fixtures__/snake";
 import { grid, snake } from "./sample";
 
-const demos: string[] = require("./demo.json");
+const demos = [
+  //
+  "getBestRoute",
+  "getBestTunnel",
+  "getPathTo",
+  "getPathToPose",
+  "interactive",
+  "outside",
+  "svg",
+];
 
 export const gui = new GUI();
 
@@ -24,7 +33,8 @@ const onChange = () => {
   }).toString();
 
   const url = new URL(
-    config.demo + ".html?" + search,
+    // @ts-ignore
+    import.meta.env.BASE_URL + "/" + config.demo + "/index.html?" + search,
     window.location.href,
   ).toString();
 
diff --git a/packages/demo/utils/sample.ts b/packages/demo/utils/sample.ts
diff --git a/packages/demo/vite.config.ts b/packages/demo/vite.config.ts
@@ -0,0 +1,44 @@
+import "dotenv/config";
+import * as fs from "node:fs";
+import path from "node:path";
+import { Plugin, type UserConfig } from "vite";
+import { getGithubUserContribution } from "../github-user-contribution";
+
+const findHtmlFiles = (dir: string): string[] =>
+  fs.readdirSync(dir).flatMap((f) => {
+    if (f === "dist") return [];
+    const d = path.join(dir, f);
+    const s = fs.statSync(d);
+    if (s.isFile() && f.endsWith(".html")) return [d];
+    if (s.isDirectory()) return findHtmlFiles(d);
+    return [];
+  });
+
+const devRoute: Plugin = {
+  name: "api-handler",
+  configureServer(server) {
+    server.middlewares.use("/api/github-user-contribution/", (req, res) => {
+      const userName = req.url!.split("/").filter(Boolean)[0];
+      const githubToken = process.env.GITHUB_TOKEN!;
+      getGithubUserContribution(userName, { githubToken }).then((g) => {
+        res.writeHead(200, { "Content-Type": "application/json" });
+        res.end(JSON.stringify(g));
+      });
+    });
+  },
+};
+
+export default {
+  plugins: [devRoute],
+  define: {
+    "process.env.GITHUB_USER_CONTRIBUTION_API_ENDPOINT": JSON.stringify(
+      process.env.GITHUB_USER_CONTRIBUTION_API_ENDPOINT ||
+        "/api/github-user-contribution/",
+    ),
+  },
+  build: {
+    rollupOptions: {
+      input: findHtmlFiles(__dirname),
+    },
+  },
+} satisfies UserConfig;
diff --git a/packages/demo/webpack.config.ts b/packages/demo/webpack.config.ts
