Make a Wish Foundation. Shovel hear my plea.

website/package.json

@@ -4,15 +4,15 @@
   "scripts": {
     "build": "ts-node-esm src/build.ts && echo crank.js.org > dist/CNAME",
     "watch": "nodemon --exec ts-node-esm src/build.ts -e 'js,ts,css,md' --ignore dist",
-    "serve": "shovel src/serve.ts --port 1338",
+    "serve": "shovel develop src/app.ts --port 1338",
     "static": "http-server dist -p 1337 -c-1",
     "predeploy": "npm run build",
     "deploy": "gh-pages -d dist"
   },
   "dependencies": {
     "@b9g/crank": "file:../dist",
     "@b9g/revise": "file:../../revise/dist",
-    "@b9g/shovel": "^0.1.1",
+    "@b9g/shovel": "^0.1.2",
     "@babel/core": "^7.21.0",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.0",

website/src/serve.ts → website/src/app.ts

@@ -5,10 +5,9 @@ import {jsx} from "@b9g/crank/standalone";
 import {renderer} from "@b9g/crank/html";
 import {renderStylesToString} from "@emotion/server";
 
-//import {Request, Response} from "@remix-run/web-fetch";
-
 import {router} from "./routes.js";
 import {Storage} from "./components/esbuild.js";
+import {collectDocuments} from "./models/document.js";
 
 const __dirname = new URL(".", import.meta.url).pathname;
 const storage = new Storage({
@@ -17,7 +16,7 @@ const storage = new Storage({
 });
 
 export default {
-	fetch: async (req: Request) => {
+	async fetch(req: Request) {
 		console.info("serving", req.url);
 		const path = new URL(req.url).pathname;
 		if (path.startsWith(storage.publicPath)) {
@@ -55,4 +54,18 @@ export default {
 			headers: {"Content-Type": "text/html"},
 		});
 	},
+
+	async staticPaths() {
+		const blogDocs = await collectDocuments(
+			Path.join(__dirname, "../documents/blog"),
+			Path.join(__dirname, "../documents"),
+		);
+		const guideDocs = await collectDocuments(
+			Path.join(__dirname, "../documents/guides"),
+			Path.join(__dirname, "../documents"),
+		);
+		const blogURLs = blogDocs.map((doc) => doc.url);
+		const guideURLs = guideDocs.map((doc) => doc.url);
+		return ["/", "/blog", "/playground", ...guideURLs, ...blogURLs];
+	},
 };

website/src/components/code-editor.ts

@@ -1,11 +1,10 @@
 import {jsx} from "@b9g/crank/standalone";
 import type {Context, Element as CrankElement} from "@b9g/crank";
 import {css} from "@emotion/css";
-
 import {Edit} from "@b9g/revise/edit.js";
+
 import {Keyer} from "@b9g/revise/keyer.js";
 import {EditHistory} from "@b9g/revise/history.js";
-
 import type {ContentAreaElement} from "@b9g/revise/contentarea.js";
 
 import type {Token} from "prismjs";

website/src/views/blog.ts

@@ -11,7 +11,6 @@ import type {ViewProps} from "../router.js";
 import {collectDocuments} from "../models/document.js";
 
 const __dirname = new URL(".", import.meta.url).pathname;
-
 export default async function BlogPage({url, context: {storage}}: ViewProps) {
 	const posts = await collectDocuments(
 		path.join(__dirname, "../../documents/blog"),