npm - create-foldkit-app - Versions diffs - 0.34.0 → 0.35.0 - Mend

create-foldkit-app 0.34.0 → 0.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/dist/commands/create.js CHANGED Viewed

@@ -8,14 +8,14 @@ import { createProject } from '../utils/files.js';
 import { devCommand, installDependencies, readFoldkitSubtreeRef, } from '../utils/packages.js';
 import { validateProjectName } from '../validateName.js';
 const isWindows = process.platform === 'win32';
-const promptForName = Prompt.text({
+const promptForName = Prompt.String({
     message: 'Give your project a name',
     validate: value => Option.match(validateProjectName(value), {
         onNone: () => Effect.succeed(value),
         onSome: message => Effect.fail(message),
     }),
 });
-const promptForRendering = Prompt.select({
+const promptForRendering = Prompt.Select({
     message: 'Pick a rendering mode',
     choices: renderings.map(({ value, title, description }) => ({
         value,
@@ -23,7 +23,7 @@ const promptForRendering = Prompt.select({
         description,
     })),
 });
-const promptForExample = Prompt.autoComplete({
+const promptForExample = Prompt.AutoComplete({
     message: 'Pick a starting example',
     choices: examples.map(({ value, title, description }) => ({
         value,
@@ -31,7 +31,7 @@ const promptForExample = Prompt.autoComplete({
         description,
     })),
 });
-const promptForPackageManager = Prompt.select({
+const promptForPackageManager = Prompt.Select({
     message: 'Pick a package manager',
     choices: [
         { value: 'pnpm', title: 'pnpm' },

package/dist/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
-import { Effect, Layer, Option, Schema } from 'effect';
+import { Effect, Option, Schema } from 'effect';
 import { Command, Flag } from 'effect/unstable/cli';
 import { createRequire } from 'node:module';
-import { NodeRuntime, NodeServices, NodeStdio } from '@effect/platform-node';
+import { NodeRuntime, NodeServices } from '@effect/platform-node';
 import { create as create_ } from './commands/create.js';
 import { EXAMPLE_VALUES } from './examples.js';
 import { RENDERING_VALUES } from './rendering.js';
@@ -13,10 +13,10 @@ const nameSchema = Schema.String.pipe(Schema.check(Schema.makeFilter(value => Op
     onNone: () => true,
     onSome: message => message,
 }))));
-const name = Flag.string('name').pipe(Flag.withAlias('n'), Flag.withDescription('The name of the project to create'), Flag.withSchema(nameSchema), Flag.optional);
-const rendering = Flag.choice('rendering', RENDERING_VALUES).pipe(Flag.withAlias('r'), Flag.withDescription('How the application renders: spa renders entirely in the browser, ssg prerenders routes to static HTML at build time, ssr renders each request then hydrates'), Flag.optional);
-const example = Flag.choice('example', EXAMPLE_VALUES).pipe(Flag.withAlias('e'), Flag.withDescription("The example application to start from with spa rendering. Run with no flags for an interactive picker that shows each example's description."), Flag.optional);
-const packageManager = Flag.choice('package-manager', [
+const name = Flag.String('name').pipe(Flag.withAlias('n'), Flag.withDescription('The name of the project to create'), Flag.withSchema(nameSchema), Flag.optional);
+const rendering = Flag.Literals('rendering', RENDERING_VALUES).pipe(Flag.withAlias('r'), Flag.withDescription('How the application renders: spa renders entirely in the browser, ssg prerenders routes to static HTML at build time, ssr renders each request then hydrates'), Flag.optional);
+const example = Flag.Literals('example', EXAMPLE_VALUES).pipe(Flag.withAlias('e'), Flag.withDescription("The example application to start from with spa rendering. Run with no flags for an interactive picker that shows each example's description."), Flag.optional);
+const packageManager = Flag.Literals('package-manager', [
     'pnpm',
     'npm',
     'yarn',
@@ -32,4 +32,4 @@ const create = Command.make('create', {
 const cli = Command.run(create, {
     version: packageJson.version,
 });
-cli.pipe(Effect.provide([Layer.mergeAll(NodeServices.layer, NodeStdio.layer)]), NodeRuntime.runMain);
+cli.pipe(Effect.provide(NodeServices.layer), NodeRuntime.runMain);

package/dist/templates/examples/api-cache/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/auth/package.json CHANGED Viewed

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -23,6 +23,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/canvas-art/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/charting/package.json CHANGED Viewed

@@ -9,11 +9,11 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
     "echarts": "^6.1.0",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -24,6 +24,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/counter/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/counters/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/crash-view/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/embedding/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/form/package.json CHANGED Viewed

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -23,6 +23,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/generative-art/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/interrupting-commands/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/job-application/package.json CHANGED Viewed

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -23,6 +23,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/kanban/package.json CHANGED Viewed

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*",
     "fractional-indexing": "^4.0.0"
   },
@@ -24,6 +24,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/managed-resource-layer/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/map/package.json CHANGED Viewed

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*",
     "maplibre-gl": "^6.6.0"
   },
@@ -24,6 +24,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/pixel-art/package.json CHANGED Viewed

@@ -10,10 +10,10 @@
     "bench": "vitest run --config vitest.bench.config.ts"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -24,6 +24,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/pixel-art/src/main.bench.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Option } from 'effect'
 import { evo } from 'foldkit/struct'
-import { bench, describe } from 'vitest'
+import { describe, test } from 'vitest'
 import { Dialog, Listbox, RadioGroup } from '@foldkit/ui'
@@ -56,29 +56,35 @@ const buildHistoryModel = (steps: number): Model => {
 }
 describe('update: single operations', () => {
-  bench('brush stroke (press + release)', () => {
-    dispatch(
-      initialModel,
-      Message.PressedCell({ x: 5, y: 5 }),
-      Message.ReleasedMouse(),
-    )
+  test('brush stroke (press + release)', async ({ bench }) => {
+    await bench('brush stroke (press + release)', () => {
+      dispatch(
+        initialModel,
+        Message.PressedCell({ x: 5, y: 5 }),
+        Message.ReleasedMouse(),
+      )
+    }).run()
   })
-  bench('brush drag (5 cells)', () => {
-    dispatch(
-      initialModel,
-      Message.PressedCell({ x: 0, y: 0 }),
-      Message.EnteredCell({ x: 1, y: 0 }),
-      Message.EnteredCell({ x: 2, y: 0 }),
-      Message.EnteredCell({ x: 3, y: 0 }),
-      Message.EnteredCell({ x: 4, y: 0 }),
-      Message.ReleasedMouse(),
-    )
+  test('brush drag (5 cells)', async ({ bench }) => {
+    await bench('brush drag (5 cells)', () => {
+      dispatch(
+        initialModel,
+        Message.PressedCell({ x: 0, y: 0 }),
+        Message.EnteredCell({ x: 1, y: 0 }),
+        Message.EnteredCell({ x: 2, y: 0 }),
+        Message.EnteredCell({ x: 3, y: 0 }),
+        Message.EnteredCell({ x: 4, y: 0 }),
+        Message.ReleasedMouse(),
+      )
+    }).run()
   })
-  bench('flood fill (empty grid)', () => {
-    const fillModel: Model = evo(initialModel, { tool: () => 'Fill' })
-    dispatch(fillModel, Message.PressedCell({ x: 0, y: 0 }))
+  test('flood fill (empty grid)', async ({ bench }) => {
+    await bench('flood fill (empty grid)', () => {
+      const fillModel: Model = evo(initialModel, { tool: () => 'Fill' })
+      dispatch(fillModel, Message.PressedCell({ x: 0, y: 0 }))
+    }).run()
   })
 })
@@ -86,49 +92,59 @@ describe('update: undo/redo with history', () => {
   const modelWith10Steps = buildHistoryModel(10)
   const modelWith30Steps = buildHistoryModel(30)
-  bench('undo (10 history entries)', () => {
-    dispatch(modelWith10Steps, Message.ClickedUndo())
+  test('undo (10 history entries)', async ({ bench }) => {
+    await bench('undo (10 history entries)', () => {
+      dispatch(modelWith10Steps, Message.ClickedUndo())
+    }).run()
   })
-  bench('undo (30 history entries)', () => {
-    dispatch(modelWith30Steps, Message.ClickedUndo())
+  test('undo (30 history entries)', async ({ bench }) => {
+    await bench('undo (30 history entries)', () => {
+      dispatch(modelWith30Steps, Message.ClickedUndo())
+    }).run()
   })
-  bench('5x undo then 5x redo', () => {
-    let model = modelWith10Steps
-    for (let i = 0; i < 5; i++) {
-      model = update(model, Message.ClickedUndo()).model
-    }
-    for (let i = 0; i < 5; i++) {
-      model = update(model, Message.ClickedRedo()).model
-    }
+  test('5x undo then 5x redo', async ({ bench }) => {
+    await bench('5x undo then 5x redo', () => {
+      let model = modelWith10Steps
+      for (let i = 0; i < 5; i++) {
+        model = update(model, Message.ClickedUndo()).model
+      }
+      for (let i = 0; i < 5; i++) {
+        model = update(model, Message.ClickedRedo()).model
+      }
+    }).run()
   })
 })
 describe('update: paint sequence (16x16 grid)', () => {
-  bench('paint 50 random cells', () => {
-    let model = initialModel
-    for (let i = 0; i < 50; i++) {
-      const x = (i * 7 + 3) % GRID_SIZE
-      const y = (i * 11 + 5) % GRID_SIZE
-      model = dispatch(
-        model,
-        Message.PressedCell({ x, y }),
-        Message.ReleasedMouse(),
-      )
-    }
+  test('paint 50 random cells', async ({ bench }) => {
+    await bench('paint 50 random cells', () => {
+      let model = initialModel
+      for (let i = 0; i < 50; i++) {
+        const x = (i * 7 + 3) % GRID_SIZE
+        const y = (i * 11 + 5) % GRID_SIZE
+        model = dispatch(
+          model,
+          Message.PressedCell({ x, y }),
+          Message.ReleasedMouse(),
+        )
+      }
+    }).run()
   })
-  bench('paint 50 cells with mirror mode', () => {
-    let model: Model = evo(initialModel, { mirrorMode: () => 'Both' })
-    for (let i = 0; i < 50; i++) {
-      const x = (i * 7 + 3) % GRID_SIZE
-      const y = (i * 11 + 5) % GRID_SIZE
-      model = dispatch(
-        model,
-        Message.PressedCell({ x, y }),
-        Message.ReleasedMouse(),
-      )
-    }
+  test('paint 50 cells with mirror mode', async ({ bench }) => {
+    await bench('paint 50 cells with mirror mode', () => {
+      let model: Model = evo(initialModel, { mirrorMode: () => 'Both' })
+      for (let i = 0; i < 50; i++) {
+        const x = (i * 7 + 3) % GRID_SIZE
+        const y = (i * 11 + 5) % GRID_SIZE
+        model = dispatch(
+          model,
+          Message.PressedCell({ x, y }),
+          Message.ReleasedMouse(),
+        )
+      }
+    }).run()
   })
 })

package/dist/templates/examples/pixel-art/src/subscription.ts CHANGED Viewed

@@ -1,48 +1,58 @@
-import { Effect, Option, Schema, Stream } from 'effect'
+import { Effect, Match, Option, Schema, Stream } from 'effect'
 import { Subscription } from 'foldkit'
 import { Message } from './message'
 import type { Model } from './model'
-export const handleKeyboardEvent = (
-  event: KeyboardEvent,
-): Effect.Effect<Option.Option<Message>> =>
-  Effect.sync(() => {
-    const isCtrlOrMeta = event.ctrlKey || event.metaKey
-    const key = event.key.toLowerCase()
+const toUndoRedoMessage = (event: KeyboardEvent): Option.Option<Message> => {
+  const isCtrlOrMeta = event.ctrlKey || event.metaKey
+  if (!isCtrlOrMeta) {
+    return Option.none()
+  }
-    if (isCtrlOrMeta && key === 'z') {
-      event.preventDefault()
-      return Option.some(
+  return Match.value(event.key.toLowerCase()).pipe(
+    Match.withReturnType<Option.Option<Message>>(),
+    Match.when('z', () =>
+      Option.some(
         event.shiftKey ? Message.ClickedRedo() : Message.ClickedUndo(),
-      )
-    }
-    if (isCtrlOrMeta && key === 'y') {
-      event.preventDefault()
-      return Option.some(Message.ClickedRedo())
-    }
-    if (!isCtrlOrMeta) {
-      if (key === 'b') {
-        return Option.some(Message.SelectedTool({ tool: 'Brush' }))
-      }
-      if (key === 'f') {
-        return Option.some(Message.SelectedTool({ tool: 'Fill' }))
-      }
-      if (key === 'e') {
-        return Option.some(Message.SelectedTool({ tool: 'Eraser' }))
-      }
-    }
+      ),
+    ),
+    Match.when('y', () => Option.some(Message.ClickedRedo())),
+    Match.orElse(() => Option.none()),
+  )
+}
+const toToolMessage = (event: KeyboardEvent): Option.Option<Message> => {
+  if (event.ctrlKey || event.metaKey) {
     return Option.none()
-  })
+  }
-export const subscriptions = Subscription.make<Model, Message>()(entry => ({
-  keyboard: Subscription.persistent(
-    Stream.fromEventListener<KeyboardEvent>(document, 'keydown').pipe(
-      Stream.mapEffect(handleKeyboardEvent),
-      Stream.filter(Option.isSome),
-      Stream.map(option => option.value),
+  return Match.value(event.key.toLowerCase()).pipe(
+    Match.withReturnType<Option.Option<Message>>(),
+    Match.when('b', () => Option.some(Message.SelectedTool({ tool: 'Brush' }))),
+    Match.when('f', () => Option.some(Message.SelectedTool({ tool: 'Fill' }))),
+    Match.when('e', () =>
+      Option.some(Message.SelectedTool({ tool: 'Eraser' })),
     ),
+    Match.orElse(() => Option.none()),
+  )
+}
+export const subscriptions = Subscription.make<Model, Message>()(entry => ({
+  undoRedoKeys: Subscription.persistent(
+    Subscription.fromEventFilterMapPreventDefault<KeyboardEvent, Message>({
+      target: document,
+      type: 'keydown',
+      toMessage: toUndoRedoMessage,
+    }),
+  ),
+  toolKeys: Subscription.persistent(
+    Subscription.fromEventFilterMap<KeyboardEvent, Message>({
+      target: document,
+      type: 'keydown',
+      toMessage: toToolMessage,
+    }),
   ),
   mouseRelease: entry(

package/dist/templates/examples/query-sync/package.json CHANGED Viewed

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -23,6 +23,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/route-transitions/package.json CHANGED Viewed

@@ -9,8 +9,8 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
-    "effect": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -21,6 +21,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/routing/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/shopping-cart/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/slow-warnings/package.json CHANGED Viewed

@@ -9,8 +9,8 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
-    "effect": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -21,6 +21,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/snake/package.json CHANGED Viewed

@@ -9,8 +9,8 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
-    "effect": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -21,6 +21,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/snake/src/main.ts CHANGED Viewed

@@ -1,4 +1,13 @@
-import { Array, Duration, Effect, Match, Schema, Stream, pipe } from 'effect'
+import {
+  Array,
+  Duration,
+  Effect,
+  Match,
+  Option,
+  Schema,
+  Stream,
+  pipe,
+} from 'effect'
 import { Command, Runtime, Subscription, type Update } from 'foldkit'
 import { Document, Html, HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
@@ -243,13 +252,12 @@ export const subscriptions = Subscription.make<Model, Message>()(entry => ({
   ),
   keyboard: Subscription.persistent(
-    Stream.fromEventListener<KeyboardEvent>(document, 'keydown').pipe(
-      Stream.mapEffect(keyboardEvent =>
-        Effect.sync(() => keyboardEvent.preventDefault()).pipe(
-          Effect.as(Message.PressedKey({ key: keyboardEvent.key })),
-        ),
-      ),
-    ),
+    Subscription.fromEventFilterMapPreventDefault<KeyboardEvent, Message>({
+      target: document,
+      type: 'keydown',
+      toMessage: keyboardEvent =>
+        Option.some(Message.PressedKey({ key: keyboardEvent.key })),
+    }),
   ),
 }))

package/dist/templates/examples/ssg/package.json CHANGED Viewed

@@ -10,8 +10,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
-    "effect": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {

package/dist/templates/examples/ssr/package.json CHANGED Viewed

@@ -11,11 +11,11 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
-    "@effect/platform-node": "4.0.0-rc.112",
-    "@effect/platform-node-shared": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
+    "@effect/platform-node": "4.0.0-rc.115",
+    "@effect/platform-node-shared": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -26,6 +26,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/state-machine/package.json CHANGED Viewed

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -23,6 +23,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/stopwatch/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/todo/package.json CHANGED Viewed

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -23,6 +23,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/ui-showcase/package.json CHANGED Viewed

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -23,6 +23,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/view-transitions/package.json CHANGED Viewed

@@ -9,8 +9,8 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
-    "effect": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -21,6 +21,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/weather/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/web-components/package.json CHANGED Viewed

@@ -9,11 +9,11 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
     "@shoelace-style/shoelace": "^2.20.1",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*",
     "vanilla-colorful": "^0.7.2"
   },
@@ -25,6 +25,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/examples/websocket-chat/package.json CHANGED Viewed

@@ -9,9 +9,9 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.112",
+    "@effect/platform-browser": "4.0.0-rc.115",
     "@foldkit/ui": "workspace:*",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "foldkit": "workspace:*"
   },
   "devDependencies": {
@@ -22,6 +22,6 @@
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/release.json CHANGED Viewed

@@ -1,26 +1,26 @@
 {
   "schemaVersion": 1,
   "channel": "stable",
-  "sourceCommit": "ba0d6f141325a66ba6608cdd5957c3667ed5ba37",
+  "sourceCommit": "a124b3451a885f2e58b4477adcd04b2ef9e4795a",
   "packages": {
-    "create-foldkit-app": "0.34.0",
-    "@foldkit/devtools": "0.159.0",
-    "@foldkit/devtools-mcp": "0.19.5",
-    "foldkit": "0.159.0",
-    "@foldkit/markdown": "0.9.2",
-    "@foldkit/oxlint-plugin": "0.12.1",
-    "@foldkit/ui": "0.159.0",
-    "@foldkit/vite-plugin": "0.21.0"
+    "create-foldkit-app": "0.35.0",
+    "@foldkit/devtools": "0.160.0",
+    "@foldkit/devtools-mcp": "0.20.0",
+    "foldkit": "0.160.0",
+    "@foldkit/markdown": "0.10.0",
+    "@foldkit/oxlint-plugin": "0.13.0",
+    "@foldkit/ui": "0.160.0",
+    "@foldkit/vite-plugin": "0.22.0"
   },
   "dependencies": {
-    "@foldkit/devtools": "0.159.0",
-    "@foldkit/vite-plugin": "0.21.0",
-    "@foldkit/devtools-mcp": "0.19.5",
-    "@foldkit/oxlint-plugin": "0.12.1",
+    "@foldkit/devtools": "0.160.0",
+    "@foldkit/vite-plugin": "0.22.0",
+    "@foldkit/devtools-mcp": "0.20.0",
+    "@foldkit/oxlint-plugin": "0.13.0",
     "@types/node": "^26.4.0",
     "happy-dom": "^20.11.13",
     "oxfmt": "^0.66.0",
     "oxlint": "^1.80.0",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   }
 }

package/dist/templates/rendering/ssr/scripts/serve.ts CHANGED Viewed

@@ -28,7 +28,7 @@ const FETCH_MODULE_URL = new URL('../dist/server/fetch.js', import.meta.url)
   .href
 const DEFAULT_PORT = 3000
-const PORT = Config.withDefault(Config.port('PORT'), DEFAULT_PORT)
+const PORT = Config.withDefault(Config.Port('PORT'), DEFAULT_PORT)
 // NOTE: the origin this deployment serves. A client may send an absolute-form
 // target or a network-path reference such as `//elsewhere.example/page`.
@@ -36,7 +36,7 @@ const PORT = Config.withDefault(Config.port('PORT'), DEFAULT_PORT)
 // and cookie domains, so a target that resolves anywhere else is refused
 // before static files or fetch. Set ORIGIN when deploying behind a proxy or
 // TLS terminator.
-const ORIGIN = Config.option(Config.string('ORIGIN')).pipe(
+const ORIGIN = Config.option(Config.String('ORIGIN')).pipe(
   Config.map(Option.filter(String.isNonEmpty)),
 )

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-foldkit-app",
-  "version": "0.34.0",
+  "version": "0.35.0",
   "description": "Create Foldkit applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,17 +11,17 @@
     "dist"
   ],
   "dependencies": {
-    "@effect/platform-node": "4.0.0-rc.112",
-    "@effect/platform-node-shared": "4.0.0-rc.112",
+    "@effect/platform-node": "4.0.0-rc.115",
+    "@effect/platform-node-shared": "4.0.0-rc.115",
     "chalk": "^6.0.0",
-    "effect": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.115",
     "rimraf": "^6.1.3",
     "typescript": "^7.0.2"
   },
   "devDependencies": {
-    "@effect/vitest": "4.0.0-rc.112",
+    "@effect/vitest": "4.0.0-rc.115",
     "@types/node": "^26.4.0",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   },
   "keywords": [
     "create-foldkit-app",