feat: local dev pages

example/preactSSR/router.ts

@@ -90,9 +90,14 @@ router.get("/src/:dirname/:filename", cacher(), async (ctx) => {
   const transformedFilename = ctx.params.filename.replace(".ts", ".js");
   return (
     await file(
-      new URL(
-        `https://raw.githubusercontent.com/sejori/peko/main/example/preactSSR/dist/${ctx.params.dirname}/${transformedFilename}`
-      ),
+      ctx.state.env.ENVIRONMENT === "production"
+        ? new URL(
+            `https://raw.githubusercontent.com/sejori/peko/main/example/preactSSR/dist/${ctx.params.dirname}/${transformedFilename}`
+          )
+        : new URL(
+            `./dist/${ctx.params.dirname}/${transformedFilename}`,
+            import.meta.url
+          ),
       {
         headers: new Headers({
           "Content-Type": "application/javascript",

example/preactSSR/src/components/App.ts

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "preact/hooks";
 import { html } from "htm/preact";
 import List from "./List.ts";
-import { useLocalState } from "../hooks/localstate.ts";
+import { useLocalState } from "../hooks/useLocalState.ts";
 
 const App = () => {
   const [dataArray, setDataArray] = useLocalState("dataArray");

package.json

@@ -10,16 +10,17 @@
   },
   "type": "module",
   "scripts": {
-    "build": "esbuild --bundle --minify --sourcemap --target=es2020 --platform=browser --format=esm --outdir=./example/preactSSR/dist/pages ./example/preactSSR/src/pages/*.ts",
+    "build": "esbuild --bundle --sourcemap --target=es2020 --platform=browser --format=esm --outdir=./example/preactSSR/dist/pages --external:esbuild --external:htm/preact --external:preact --external:preact/hooks --external:preact-render-to-string ./example/preactSSR/src/pages/*.ts",
     "start": "deno run --allow-net --allow-read --allow-env --allow-run scripts/deno/main.ts",
     "test": "deno test --allow-read --allow-net",
     "profile:deno": "deno run --allow-read --allow-net scripts/deno/profile.ts",
     "profile:bun": "bun run scripts/bun/profile.ts",
-    "profile:start:wrangler": "wrangler dev scripts/wrangler/testApp.ts",
     "profile:wrangler": "node --loader ts-node/esm scripts/wrangler/profile.ts",
-    "start:dev:deno": "deno run -A --watch scripts/deno/main.ts",
-    "start:dev:bun": "bun run --watch scripts/bun/main.ts",
-    "start:dev:wrangler": "wrangler dev scripts/wrangler/main.ts"
+    "start:wrangler": "wrangler dev scripts/wrangler/testApp.ts",
+    "dev:build": "esbuild --bundle --sourcemap --target=es2020 --platform=browser --format=esm --outdir=./example/preactSSR/dist/pages --external:esbuild --external:htm/preact --external:preact --external:preact/hooks --external:preact-render-to-string --watch ./example/preactSSR/src/pages/*.ts",
+    "dev:deno": "deno run -A --watch scripts/deno/main.ts",
+    "dev:bun": "bun run --watch scripts/bun/main.ts",
+    "dev:wrangler": "wrangler dev scripts/wrangler/main.ts"
   },
   "repository": {
     "type": "git",