create-foldkit-app 0.35.1 → 0.35.2

package/dist/templates/examples/map/src/main.ts

@@ -16,7 +16,7 @@ import type { Document, Html } from 'foldkit/html'
 import { HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
 import { defineTaggedUnion } from 'foldkit/schema'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import type { Map as MapInstance } from 'maplibre-gl'
 import maplibreWorkerUrl from 'maplibre-gl/dist/maplibre-gl-worker.mjs?worker&url'
 
@@ -210,19 +210,19 @@ const findLocation = (
 export const update = (model: Model, message: Message) =>
   Message.match<Update.Return<Model, Message>>(message, {
     SucceededMountMap: ({ hostId }) => ({
-      model: evo(model, { maybeMapHostId: () => Option.some(hostId) }),
+      model: modifyFields(model, { maybeMapHostId: () => Option.some(hostId) }),
     }),
 
     FailedMountMap: ({ reason }) => ({
-      model: evo(model, { maybeMapError: () => Option.some(reason) }),
+      model: modifyFields(model, { maybeMapError: () => Option.some(reason) }),
     }),
 
     MovedMap: ({ bounds }) => ({
-      model: evo(model, { maybeBounds: () => Option.some(bounds) }),
+      model: modifyFields(model, { maybeBounds: () => Option.some(bounds) }),
     }),
 
     ClickedMarker: ({ locationId }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeSelectedLocationId: () => Option.some(locationId),
       }),
     }),
@@ -231,7 +231,7 @@ export const update = (model: Model, message: Message) =>
       Option.match(findLocation(model, locationId), {
         onNone: () => ({ model }),
         onSome: ({ lng, lat }) => ({
-          model: evo(model, {
+          model: modifyFields(model, {
             maybeSelectedLocationId: () => Option.some(locationId),
           }),
           commands: [
@@ -246,25 +246,25 @@ export const update = (model: Model, message: Message) =>
       }),
 
     UpdatedSearchQuery: ({ value }) => ({
-      model: evo(model, { searchQuery: () => value }),
+      model: modifyFields(model, { searchQuery: () => value }),
     }),
 
     ClickedFindMe: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         geolocateState: () => GeolocateState.Locating(),
       }),
       commands: [LockBodyScroll(), Geolocate()],
     }),
 
     DismissedGeolocate: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         geolocateState: () => GeolocateState.Idle(),
       }),
       commands: [UnlockBodyScroll()],
     }),
 
     SucceededGeolocate: ({ lng, lat }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeUserLocation: () => Option.some({ lng, lat }),
         geolocateState: () => GeolocateState.Idle(),
       }),
@@ -280,7 +280,7 @@ export const update = (model: Model, message: Message) =>
     }),
 
     FailedGeolocate: ({ reason }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         geolocateState: () => GeolocateState.Failed({ reason }),
       }),
     }),

package/dist/templates/examples/map/src/scene.test.ts

@@ -11,7 +11,7 @@ import {
   text,
   type,
 } from 'foldkit/scene'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { describe, test } from 'vitest'
 
 import {
@@ -93,7 +93,7 @@ describe('view', () => {
     scene(
       { update, view },
       given(
-        evo(mountedModel, {
+        modifyFields(mountedModel, {
           geolocateState: () =>
             GeolocateState.Failed({
               reason: 'Permission denied',
@@ -112,7 +112,7 @@ describe('view', () => {
     scene(
       { update, view },
       given(
-        evo(initialModel, {
+        modifyFields(initialModel, {
           maybeMapError: () => Option.some('Network timeout'),
         }),
       ),
@@ -126,7 +126,7 @@ describe('view', () => {
     scene(
       { update, view },
       given(
-        evo(mountedModel, {
+        modifyFields(mountedModel, {
           maybeBounds: () =>
             Option.some({
               west: -180,

package/dist/templates/examples/map/src/story.test.ts

@@ -1,6 +1,6 @@
 import { Option } from 'effect'
 import { Command, given, message, model, story } from 'foldkit/story'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { expect, test } from 'vitest'
 
 import {
@@ -141,7 +141,7 @@ test('a successful geolocation result clears the locating state and flies the ma
   story(
     update,
     given(
-      evo(mountedModel, {
+      modifyFields(mountedModel, {
         geolocateState: () => GeolocateState.Locating(),
       }),
     ),
@@ -162,7 +162,7 @@ test('a failed geolocation result surfaces the reason in the geolocate state', (
   story(
     update,
     given(
-      evo(initialModel, {
+      modifyFields(initialModel, {
         geolocateState: () => GeolocateState.Locating(),
       }),
     ),
@@ -180,7 +180,7 @@ test('dismissing the geolocate overlay returns to idle', () => {
   story(
     update,
     given(
-      evo(initialModel, {
+      modifyFields(initialModel, {
         geolocateState: () => GeolocateState.Failed({ reason: 'Timed out' }),
       }),
     ),

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

@@ -10,10 +10,10 @@
     "bench": "vitest run --config vitest.bench.config.ts"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.115",
+    "@effect/platform-browser": "4.0.0-rc.116",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.115",
+    "effect": "4.0.0-rc.116",
     "foldkit": "workspace:*"
   },
   "devDependencies": {

package/dist/templates/examples/pixel-art/src/comparison.bench.test.ts

@@ -4,7 +4,7 @@
  * Run: pnpm --filter pixel-art-example exec vitest run src/comparison.bench.ts
  */
 import { Option } from 'effect'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { test } from 'vitest'
 
 import { Dialog, Listbox } from '@foldkit/ui'
@@ -162,7 +162,7 @@ test('benchmark', () => {
     {
       name: 'Flood fill (16\u00d716)',
       foldkit: () => {
-        const m: Model = evo(foldkitModel, { tool: () => 'Fill' })
+        const m: Model = modifyFields(foldkitModel, { tool: () => 'Fill' })
         update(m, Message.PressedCell({ x: 0, y: 0 }))
       },
       react: () => {

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

@@ -1,5 +1,5 @@
 import { Option } from 'effect'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { describe, test } from 'vitest'
 
 import { Dialog, Listbox, RadioGroup } from '@foldkit/ui'
@@ -82,7 +82,9 @@ describe('update: single operations', () => {
 
   test('flood fill (empty grid)', async ({ bench }) => {
     await bench('flood fill (empty grid)', () => {
-      const fillModel: Model = evo(initialModel, { tool: () => 'Fill' })
+      const fillModel: Model = modifyFields(initialModel, {
+        tool: () => 'Fill',
+      })
       dispatch(fillModel, Message.PressedCell({ x: 0, y: 0 }))
     }).run()
   })
@@ -135,7 +137,9 @@ describe('update: paint sequence (16x16 grid)', () => {
 
   test('paint 50 cells with mirror mode', async ({ bench }) => {
     await bench('paint 50 cells with mirror mode', () => {
-      let model: Model = evo(initialModel, { mirrorMode: () => 'Both' })
+      let model: Model = modifyFields(initialModel, {
+        mirrorMode: () => 'Both',
+      })
       for (let i = 0; i < 50; i++) {
         const x = (i * 7 + 3) % GRID_SIZE
         const y = (i * 11 + 5) % GRID_SIZE

package/dist/templates/examples/pixel-art/src/scene.test.ts

@@ -9,7 +9,7 @@ import {
   scene,
   text,
 } from 'foldkit/scene'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { describe, test } from 'vitest'
 
 import { Dialog, Listbox, RadioGroup } from '@foldkit/ui'
@@ -53,7 +53,7 @@ const createTestModel = (): Model => ({
 })
 
 const createPaintedModel = (): Model =>
-  evo(createTestModel(), {
+  modifyFields(createTestModel(), {
     grid: () =>
       createEmptyGrid(4).map((row, y) =>
         row.map((cell, x) =>
@@ -186,7 +186,7 @@ describe('history panel', () => {
   })
 
   test('undo enables after painting and re-disables after undoing', () => {
-    const modelWithHistory: Model = evo(createTestModel(), {
+    const modelWithHistory: Model = modifyFields(createTestModel(), {
       grid: () =>
         createEmptyGrid(4).map((row, y) =>
           row.map((cell, x) =>
@@ -228,7 +228,7 @@ describe('grid size change', () => {
   })
 
   test('confirming grid size change closes dialog and saves canvas', () => {
-    const modelWithPendingResize: Model = evo(createTestModel(), {
+    const modelWithPendingResize: Model = modifyFields(createTestModel(), {
       maybePendingGridSize: () => Option.some(8),
       gridSizeConfirmDialog: () =>
         Dialog.boot({
@@ -254,7 +254,7 @@ describe('grid size change', () => {
   })
 
   test('cancelling grid size change keeps current size', () => {
-    const modelWithPendingResize: Model = evo(createTestModel(), {
+    const modelWithPendingResize: Model = modifyFields(createTestModel(), {
       maybePendingGridSize: () => Option.some(8),
       gridSizeConfirmDialog: () =>
         Dialog.boot({

package/dist/templates/examples/pixel-art/src/story.test.ts

@@ -1,6 +1,6 @@
 import { Equal, Option } from 'effect'
 import { Command, given, message, model, story } from 'foldkit/story'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { describe, expect, test } from 'vitest'
 
 import { Dialog, Listbox, RadioGroup } from '@foldkit/ui'
@@ -254,7 +254,7 @@ describe('fill tool', () => {
     const gridWithBarrier = createEmptyGrid(4).map(row =>
       row.map((cell, x) => (x === 2 ? Option.some<PaletteIndex>(1) : cell)),
     )
-    const modelWithBarrier = evo(emptyModel, {
+    const modelWithBarrier = modifyFields(emptyModel, {
       grid: () => gridWithBarrier,
     })
 
@@ -290,7 +290,7 @@ describe('grid size', () => {
   })
 
   test('painted canvas opens confirmation dialog', () => {
-    const paintedModel: Model = evo(emptyModel, {
+    const paintedModel: Model = modifyFields(emptyModel, {
       grid: () =>
         createEmptyGrid(4).map((row, y) =>
           row.map((cell, x) =>
@@ -313,7 +313,7 @@ describe('grid size', () => {
   })
 
   test('confirming grid size change resets canvas and history', () => {
-    const modelWithPending: Model = evo(emptyModel, {
+    const modelWithPending: Model = modifyFields(emptyModel, {
       maybePendingGridSize: () => Option.some(8),
       gridSizeConfirmDialog: () =>
         Dialog.boot({

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

@@ -43,7 +43,7 @@ export const subscriptions = Subscription.make<Model, Message>()(entry => ({
     Subscription.fromEventFilterMapPreventDefault({
       target: document,
       type: 'keydown',
-      toMessage: toUndoRedoMessage,
+      filterMapEvent: toUndoRedoMessage,
     }),
   ),
 
@@ -51,7 +51,7 @@ export const subscriptions = Subscription.make<Model, Message>()(entry => ({
     Subscription.fromEventFilterMap({
       target: document,
       type: 'keydown',
-      toMessage: toToolMessage,
+      filterMapEvent: toToolMessage,
     }),
   ),
 

package/dist/templates/examples/pixel-art/src/update.ts

@@ -1,6 +1,6 @@
 import { Array, Match, Option } from 'effect'
 import { Update } from 'foldkit'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 
 import { Dialog, Listbox, RadioGroup } from '@foldkit/ui'
 
@@ -56,7 +56,7 @@ const foldErrorDialogOutMessage = Dialog.OutMessage.match<
 >({
   Opened: () => model => ({ model }),
   Closed: () => model => ({
-    model: evo(model, { maybeExportError: () => Option.none() }),
+    model: modifyFields(model, { maybeExportError: () => Option.none() }),
   }),
 })
 
@@ -64,7 +64,7 @@ const foldErrorDialog = Update.foldChild({
   update: Dialog.update,
   read: (model: Model) => Option.some(model.errorDialog),
   write: (model, nextErrorDialog) =>
-    evo(model, { errorDialog: () => nextErrorDialog }),
+    modifyFields(model, { errorDialog: () => nextErrorDialog }),
   toParentMessage: message => Message.GotErrorDialogMessage({ message }),
   foldOutMessage: foldErrorDialogOutMessage,
 })
@@ -73,7 +73,7 @@ const foldErrorDialogOpen = Update.foldChildStep({
   update: Dialog.open,
   read: (model: Model) => Option.some(model.errorDialog),
   write: (model, nextErrorDialog) =>
-    evo(model, { errorDialog: () => nextErrorDialog }),
+    modifyFields(model, { errorDialog: () => nextErrorDialog }),
   toParentMessage: message => Message.GotErrorDialogMessage({ message }),
   foldOutMessage: foldErrorDialogOutMessage,
 })
@@ -89,7 +89,7 @@ const foldThemeListboxOutMessage = Listbox.OutMessage.match<
       if (Option.isNone(maybeNextTheme)) {
         return { model }
       }
-      const nextModel = evo(model, {
+      const nextModel = modifyFields(model, {
         paletteThemeIndex: () => themeIndex,
         selectedColorIndex: () => DEFAULT_COLOR_INDEX,
       })
@@ -101,7 +101,7 @@ const foldThemeListbox = Update.foldChild({
   update: ThemeListbox.update,
   read: (model: Model) => Option.some(model.themeListbox),
   write: (model, nextThemeListbox) =>
-    evo(model, { themeListbox: () => nextThemeListbox }),
+    modifyFields(model, { themeListbox: () => nextThemeListbox }),
   toParentMessage: message => Message.GotThemeListboxMessage({ message }),
   foldOutMessage: foldThemeListboxOutMessage,
 })
@@ -111,7 +111,7 @@ const foldGridSizeConfirmDialogOutMessage = Dialog.OutMessage.match<
 >({
   Opened: () => model => ({ model }),
   Closed: () => model => ({
-    model: evo(model, { maybePendingGridSize: () => Option.none() }),
+    model: modifyFields(model, { maybePendingGridSize: () => Option.none() }),
   }),
 })
 
@@ -119,7 +119,9 @@ const foldGridSizeConfirmDialog = Update.foldChild({
   update: Dialog.update,
   read: (model: Model) => Option.some(model.gridSizeConfirmDialog),
   write: (model, nextGridSizeConfirmDialog) =>
-    evo(model, { gridSizeConfirmDialog: () => nextGridSizeConfirmDialog }),
+    modifyFields(model, {
+      gridSizeConfirmDialog: () => nextGridSizeConfirmDialog,
+    }),
   toParentMessage: message =>
     Message.GotGridSizeConfirmDialogMessage({ message }),
   foldOutMessage: foldGridSizeConfirmDialogOutMessage,
@@ -129,7 +131,9 @@ const foldGridSizeConfirmDialogOpen = Update.foldChildStep({
   update: Dialog.open,
   read: (model: Model) => Option.some(model.gridSizeConfirmDialog),
   write: (model, nextGridSizeConfirmDialog) =>
-    evo(model, { gridSizeConfirmDialog: () => nextGridSizeConfirmDialog }),
+    modifyFields(model, {
+      gridSizeConfirmDialog: () => nextGridSizeConfirmDialog,
+    }),
   toParentMessage: message =>
     Message.GotGridSizeConfirmDialogMessage({ message }),
   foldOutMessage: foldGridSizeConfirmDialogOutMessage,
@@ -139,18 +143,22 @@ const foldGridSizeConfirmDialogClose = Update.foldChildStep({
   update: Dialog.close,
   read: (model: Model) => Option.some(model.gridSizeConfirmDialog),
   write: (model, nextGridSizeConfirmDialog) =>
-    evo(model, { gridSizeConfirmDialog: () => nextGridSizeConfirmDialog }),
+    modifyFields(model, {
+      gridSizeConfirmDialog: () => nextGridSizeConfirmDialog,
+    }),
   toParentMessage: message =>
     Message.GotGridSizeConfirmDialogMessage({ message }),
   foldOutMessage: foldGridSizeConfirmDialogOutMessage,
 })
 
 const selectTool = (model: Model, tool: Tool): UpdateReturn => ({
-  model: evo(model, { tool: () => tool }),
+  model: modifyFields(model, { tool: () => tool }),
 })
 
 const selectColor = (model: Model, colorIndex: PaletteIndex): UpdateReturn => {
-  const nextModel = evo(model, { selectedColorIndex: () => colorIndex })
+  const nextModel = modifyFields(model, {
+    selectedColorIndex: () => colorIndex,
+  })
   return { model: nextModel, commands: [saveCanvas(nextModel)] }
 }
 
@@ -168,7 +176,7 @@ const foldToolRadioGroup = Update.foldChild({
   update: ToolRadioGroup.update,
   read: (model: Model) => Option.some(model.toolRadioGroup),
   write: (model, nextToolRadioGroup) =>
-    evo(model, { toolRadioGroup: () => nextToolRadioGroup }),
+    modifyFields(model, { toolRadioGroup: () => nextToolRadioGroup }),
   toParentMessage: message => Message.GotToolRadioGroupMessage({ message }),
   foldOutMessage: foldToolRadioGroupOutMessage,
 })
@@ -186,7 +194,7 @@ const foldGridSizeRadioGroup = Update.foldChild({
   update: GridSizeRadioGroup.update,
   read: (model: Model) => Option.some(model.gridSizeRadioGroup),
   write: (model, nextGridSizeRadioGroup) =>
-    evo(model, { gridSizeRadioGroup: () => nextGridSizeRadioGroup }),
+    modifyFields(model, { gridSizeRadioGroup: () => nextGridSizeRadioGroup }),
   toParentMessage: message => Message.GotGridSizeRadioGroupMessage({ message }),
   foldOutMessage: foldGridSizeRadioGroupOutMessage,
 })
@@ -207,7 +215,7 @@ const foldPaletteRadioGroup = Update.foldChild({
   update: PaletteRadioGroup.update,
   read: (model: Model) => Option.some(model.paletteRadioGroup),
   write: (model, nextPaletteRadioGroup) =>
-    evo(model, { paletteRadioGroup: () => nextPaletteRadioGroup }),
+    modifyFields(model, { paletteRadioGroup: () => nextPaletteRadioGroup }),
   toParentMessage: message => Message.GotPaletteRadioGroupMessage({ message }),
   foldOutMessage: foldPaletteRadioGroupOutMessage,
 })
@@ -218,7 +226,7 @@ export const update = (model: Model, message: Message) =>
       Match.value(model.tool).pipe(
         withUpdateReturn,
         Match.when('Brush', () => ({
-          model: evo(model, {
+          model: modifyFields(model, {
             grid: () => applyBrush(model, x, y),
             undoStack: () => pushHistory(model.undoStack, model.grid),
             redoStack: () => [],
@@ -226,7 +234,7 @@ export const update = (model: Model, message: Message) =>
           }),
         })),
         Match.when('Fill', () => {
-          const nextModel = evo(model, {
+          const nextModel = modifyFields(model, {
             grid: () => applyFill(model, x, y),
             undoStack: () => pushHistory(model.undoStack, model.grid),
             redoStack: () => [],
@@ -234,7 +242,7 @@ export const update = (model: Model, message: Message) =>
           return { model: nextModel, commands: [saveCanvas(nextModel)] }
         }),
         Match.when('Eraser', () => ({
-          model: evo(model, {
+          model: modifyFields(model, {
             grid: () => applyEraser(model, x, y),
             undoStack: () => pushHistory(model.undoStack, model.grid),
             redoStack: () => [],
@@ -245,19 +253,23 @@ export const update = (model: Model, message: Message) =>
       ),
 
     EnteredCell: ({ x, y }) => {
-      const withHover = evo(model, {
+      const withHover = modifyFields(model, {
         maybeHoveredCell: () => Option.some({ x, y }),
       })
 
       if (model.isDrawing && model.tool === 'Brush') {
         return {
-          model: evo(withHover, { grid: () => applyBrush(model, x, y) }),
+          model: modifyFields(withHover, {
+            grid: () => applyBrush(model, x, y),
+          }),
         }
       }
 
       if (model.isDrawing && model.tool === 'Eraser') {
         return {
-          model: evo(withHover, { grid: () => applyEraser(model, x, y) }),
+          model: modifyFields(withHover, {
+            grid: () => applyEraser(model, x, y),
+          }),
         }
       }
 
@@ -265,14 +277,14 @@ export const update = (model: Model, message: Message) =>
     },
 
     LeftCanvas: () => ({
-      model: evo(model, { maybeHoveredCell: () => Option.none() }),
+      model: modifyFields(model, { maybeHoveredCell: () => Option.none() }),
     }),
 
     ReleasedMouse: () => {
       if (!model.isDrawing) {
         return { model }
       }
-      const nextModel = evo(model, { isDrawing: () => false })
+      const nextModel = modifyFields(model, { isDrawing: () => false })
       return { model: nextModel, commands: [saveCanvas(nextModel)] }
     },
 
@@ -299,7 +311,9 @@ export const update = (model: Model, message: Message) =>
         Match.when('Both', () => 'Vertical' as const),
         Match.exhaustive,
       )
-      return { model: evo(model, { mirrorMode: () => nextMirrorMode }) }
+      return {
+        model: modifyFields(model, { mirrorMode: () => nextMirrorMode }),
+      }
     },
 
     ToggledMirrorVertical: () => {
@@ -310,14 +324,16 @@ export const update = (model: Model, message: Message) =>
         Match.when('Both', () => 'Horizontal' as const),
         Match.exhaustive,
       )
-      return { model: evo(model, { mirrorMode: () => nextMirrorMode }) }
+      return {
+        model: modifyFields(model, { mirrorMode: () => nextMirrorMode }),
+      }
     },
 
     ClickedUndo: () =>
       Array.match(model.undoStack, {
         onEmpty: () => ({ model }),
         onNonEmpty: nonEmptyUndoStack => {
-          const nextModel = evo(model, {
+          const nextModel = modifyFields(model, {
             grid: () => Array.lastNonEmpty(nonEmptyUndoStack),
             undoStack: () => Array.initNonEmpty(nonEmptyUndoStack),
             redoStack: () => [...model.redoStack, model.grid],
@@ -330,7 +346,7 @@ export const update = (model: Model, message: Message) =>
       Array.match(model.redoStack, {
         onEmpty: () => ({ model }),
         onNonEmpty: nonEmptyRedoStack => {
-          const nextModel = evo(model, {
+          const nextModel = modifyFields(model, {
             grid: () => Array.lastNonEmpty(nonEmptyRedoStack),
             undoStack: () => [...model.undoStack, model.grid],
             redoStack: () => Array.initNonEmpty(nonEmptyRedoStack),
@@ -347,7 +363,7 @@ export const update = (model: Model, message: Message) =>
 
       const statesAfterTarget = Array.drop(model.undoStack, stepIndex + 1)
 
-      const nextModel = evo(model, {
+      const nextModel = modifyFields(model, {
         grid: () => targetGrid,
         undoStack: () => Array.take(model.undoStack, stepIndex),
         redoStack: () => [
@@ -371,7 +387,7 @@ export const update = (model: Model, message: Message) =>
         stepIndex + 1,
       )
 
-      const nextModel = evo(model, {
+      const nextModel = modifyFields(model, {
         grid: () => targetGrid,
         undoStack: () => [
           ...model.undoStack,
@@ -385,7 +401,7 @@ export const update = (model: Model, message: Message) =>
     },
 
     ClickedClear: () => {
-      const nextModel = evo(model, {
+      const nextModel = modifyFields(model, {
         grid: () => createEmptyGrid(model.gridSize),
         undoStack: () => pushHistory(model.undoStack, model.grid),
         redoStack: () => [],
@@ -411,7 +427,7 @@ export const update = (model: Model, message: Message) =>
     FailedExportPng: ({ error }) =>
       Update.combine(model, [
         stepModel => ({
-          model: evo(stepModel, {
+          model: modifyFields(stepModel, {
             maybeExportError: () => Option.some(error),
           }),
         }),
@@ -441,7 +457,7 @@ export const update = (model: Model, message: Message) =>
   })
 
 const applyGridSizeChange = (model: Model, size: number): UpdateReturn => ({
-  model: evo(model, {
+  model: modifyFields(model, {
     grid: () => createEmptyGrid(size),
     gridSize: () => size,
     undoStack: () => [],
@@ -462,7 +478,7 @@ const requestGridSizeChange = (model: Model, size: number): UpdateReturn => {
 
   return Update.combine(model, [
     stepModel => ({
-      model: evo(stepModel, {
+      model: modifyFields(stepModel, {
         maybePendingGridSize: () => Option.some(size),
       }),
     }),

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

@@ -9,10 +9,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.115",
+    "@effect/platform-browser": "4.0.0-rc.116",
     "@foldkit/ui": "workspace:*",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.115",
+    "effect": "4.0.0-rc.116",
     "foldkit": "workspace:*"
   },
   "devDependencies": {

package/dist/templates/examples/query-sync/src/main.ts

@@ -17,7 +17,7 @@ import { defineMessageUnion } from 'foldkit/message'
 import { UrlRequest, load, pushUrl, replaceUrl } from 'foldkit/navigation'
 import { defineRouteUnion } from 'foldkit/route'
 import { defineTaggedUnion } from 'foldkit/schema'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { Url, toString as urlToString } from 'foldkit/url'
 
 import { Button, Input, Listbox } from '@foldkit/ui'
@@ -302,7 +302,7 @@ const foldDietListbox = Update.foldChild({
   update: DietListbox.update,
   read: (model: Model) => Option.some(model.dietListbox),
   write: (model, nextDietListbox) =>
-    evo(model, { dietListbox: () => nextDietListbox }),
+    modifyFields(model, { dietListbox: () => nextDietListbox }),
   toParentMessage: message => Message.GotDietListboxMessage({ message }),
   foldOutMessage: foldDietListboxOutMessage,
 })
@@ -330,7 +330,7 @@ const foldPeriodListbox = Update.foldChild({
   update: PeriodListbox.update,
   read: (model: Model) => Option.some(model.periodListbox),
   write: (model, nextPeriodListbox) =>
-    evo(model, { periodListbox: () => nextPeriodListbox }),
+    modifyFields(model, { periodListbox: () => nextPeriodListbox }),
   toParentMessage: message => Message.GotPeriodListboxMessage({ message }),
   foldOutMessage: foldPeriodListboxOutMessage,
 })
@@ -356,7 +356,7 @@ export const update = (model: Model, message: Message) =>
     ChangedUrl: ({ url }) => {
       const nextRoute = urlToAppRoute(url)
 
-      return { model: evo(model, { route: () => nextRoute }) }
+      return { model: modifyFields(model, { route: () => nextRoute }) }
     },
 
     ChangedSearchInput: ({ value }) => {