create-foldkit-app 0.35.1 → 0.35.2

package/dist/templates/examples/charting/src/update.ts

@@ -1,6 +1,6 @@
 import { Array, Option, Result, pipe } from 'effect'
 import { AsyncData, Command, Update } from 'foldkit'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 
 import { RadioGroup } from '@foldkit/ui'
 
@@ -45,7 +45,7 @@ const refetchTelemetry = (model: Model): UpdateReturn =>
   Option.match(AsyncData.revalidateOrLoad(model.telemetry), {
     onNone: () => ({ model }),
     onSome: nextTelemetry => ({
-      model: evo(model, { telemetry: () => nextTelemetry }),
+      model: modifyFields(model, { telemetry: () => nextTelemetry }),
       commands: [FetchTelemetry()],
     }),
   })
@@ -54,7 +54,7 @@ const selectedControl =
   (updateModel: (model: Model) => Model): Update.Step<Model, Message> =>
   model => {
     const nextModel = updateModel(
-      evo(model, { maybeSelectedDatumId: () => Option.none() }),
+      modifyFields(model, { maybeSelectedDatumId: () => Option.none() }),
     )
 
     return {
@@ -74,14 +74,15 @@ const foldChartModeRadioGroupOutMessage = RadioGroup.OutMessage.match<
   Update.Step<Model, Message>,
   RadioGroup.OutMessage<ChartMode>
 >({
-  Selected: ({ value }) => selectedControl(evo({ chartMode: () => value })),
+  Selected: ({ value }) =>
+    selectedControl(modifyFields({ chartMode: () => value })),
 })
 
 const foldChartModeRadioGroup = Update.foldChild({
   update: ChartModeRadioGroup.update,
   read: (model: Model) => Option.some(model.chartModeRadioGroup),
   write: (model, nextChartModeRadioGroup) =>
-    evo(model, { chartModeRadioGroup: () => nextChartModeRadioGroup }),
+    modifyFields(model, { chartModeRadioGroup: () => nextChartModeRadioGroup }),
   toParentMessage: message =>
     Message.GotChartModeRadioGroupMessage({ message }),
   foldOutMessage: foldChartModeRadioGroupOutMessage,
@@ -91,14 +92,15 @@ const foldPeriodRadioGroupOutMessage = RadioGroup.OutMessage.match<
   Update.Step<Model, Message>,
   RadioGroup.OutMessage<Period>
 >({
-  Selected: ({ value }) => selectedControl(evo({ period: () => value })),
+  Selected: ({ value }) =>
+    selectedControl(modifyFields({ period: () => value })),
 })
 
 const foldPeriodRadioGroup = Update.foldChild({
   update: PeriodRadioGroup.update,
   read: (model: Model) => Option.some(model.periodRadioGroup),
   write: (model, nextPeriodRadioGroup) =>
-    evo(model, { periodRadioGroup: () => nextPeriodRadioGroup }),
+    modifyFields(model, { periodRadioGroup: () => nextPeriodRadioGroup }),
   toParentMessage: message => Message.GotPeriodRadioGroupMessage({ message }),
   foldOutMessage: foldPeriodRadioGroupOutMessage,
 })
@@ -108,14 +110,14 @@ const foldPackageRadioGroupOutMessage = RadioGroup.OutMessage.match<
   RadioGroup.OutMessage<PackageId>
 >({
   Selected: ({ value }) =>
-    selectedControl(evo({ selectedPackageId: () => value })),
+    selectedControl(modifyFields({ selectedPackageId: () => value })),
 })
 
 const foldPackageRadioGroup = Update.foldChild({
   update: PackageRadioGroup.update,
   read: (model: Model) => Option.some(model.packageRadioGroup),
   write: (model, nextPackageRadioGroup) =>
-    evo(model, { packageRadioGroup: () => nextPackageRadioGroup }),
+    modifyFields(model, { packageRadioGroup: () => nextPackageRadioGroup }),
   toParentMessage: message => Message.GotPackageRadioGroupMessage({ message }),
   foldOutMessage: foldPackageRadioGroupOutMessage,
 })
@@ -136,7 +138,7 @@ export const update = (model: Model, message: Message) =>
     ClickedRetry: () => refetchTelemetry(model),
 
     ClickedChartDatum: ({ datumId }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeSelectedDatumId: () => Option.some(datumId),
       }),
       commands: syncChart({
@@ -150,7 +152,7 @@ export const update = (model: Model, message: Message) =>
     }),
 
     SucceededFetchTelemetry: ({ telemetry }) => {
-      const nextModel = evo(model, {
+      const nextModel = modifyFields(model, {
         telemetry: () => TelemetryAsyncData.Success({ data: telemetry }),
       })
       return {
@@ -167,13 +169,13 @@ export const update = (model: Model, message: Message) =>
     },
 
     FailedFetchTelemetry: ({ error }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         telemetry: () => AsyncData.settle(model.telemetry, Result.fail(error)),
       }),
     }),
 
     SucceededMountChart: ({ hostId }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeChartHostId: () => Option.some(hostId),
         maybeChartError: () => Option.none(),
       }),
@@ -188,19 +190,19 @@ export const update = (model: Model, message: Message) =>
     }),
 
     FailedMountChart: ({ reason }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeChartError: () => Option.some(reason),
       }),
     }),
 
     SucceededSyncChart: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeChartError: () => Option.none(),
       }),
     }),
 
     FailedSyncChart: ({ reason }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeChartError: () => Option.some(reason),
       }),
     }),

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

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

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

@@ -2,7 +2,7 @@ import { Schema } from 'effect'
 import { Runtime, type Update } from 'foldkit'
 import { Document, HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 
 import { Button } from '@foldkit/ui'
 
@@ -25,12 +25,12 @@ export type Message = typeof Message.Type
 export const update = (model: Model, message: Message) =>
   Message.match<Update.Return<Model, Message>>(message, {
     ClickedDecrement: () => ({
-      model: evo(model, { count: count => count - 1 }),
+      model: modifyFields(model, { count: count => count - 1 }),
     }),
     ClickedIncrement: () => ({
-      model: evo(model, { count: count => count + 1 }),
+      model: modifyFields(model, { count: count => count + 1 }),
     }),
-    ClickedReset: () => ({ model: evo(model, { count: () => 0 }) }),
+    ClickedReset: () => ({ model: modifyFields(model, { count: () => 0 }) }),
   })
 
 // INIT

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

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

package/dist/templates/examples/counters/src/counter.ts

@@ -1,7 +1,7 @@
 import { Schema } from 'effect'
 import { Submodel, type Update } from 'foldkit'
 import { defineMessageUnion } from 'foldkit/message'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 
 import { Button } from '@foldkit/ui'
 
@@ -26,10 +26,10 @@ export type Message = typeof Message.Type
 export const update = (model: Model, message: Message) =>
   Message.match<Update.Return<Model, Message>>(message, {
     ClickedDecrement: () => ({
-      model: evo(model, { count: count => count - 1 }),
+      model: modifyFields(model, { count: count => count - 1 }),
     }),
     ClickedIncrement: () => ({
-      model: evo(model, { count: count => count + 1 }),
+      model: modifyFields(model, { count: count => count + 1 }),
     }),
   })
 

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

@@ -2,7 +2,7 @@ import { Array, Option, Schema, pipe } from 'effect'
 import { Runtime, Update } from 'foldkit'
 import { Document, Html, HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 
 import { Button } from '@foldkit/ui'
 
@@ -46,9 +46,11 @@ const foldCounter = (id: string) =>
         Option.map(row => row.counter),
       ),
     write: (model, nextCounter) =>
-      evo(model, {
+      modifyFields(model, {
         rows: Array.map(row =>
-          row.id === id ? evo(row, { counter: () => nextCounter }) : row,
+          row.id === id
+            ? modifyFields(row, { counter: () => nextCounter })
+            : row,
         ),
       }),
     toParentMessage: message => Message.GotCounterMessage({ id, message }),
@@ -57,7 +59,7 @@ const foldCounter = (id: string) =>
 export const update = (model: Model, message: Message) =>
   Message.match<Update.Return<Model, Message>>(message, {
     ClickedAddRow: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         rows: Array.append({
           id: `counter-${model.nextRowId}`,
           counter: Counter.init,
@@ -66,7 +68,7 @@ export const update = (model: Model, message: Message) =>
       }),
     }),
     ClickedRemoveRow: ({ id }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         rows: Array.filter(row => row.id !== id),
       }),
     }),

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

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

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

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

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

@@ -2,7 +2,7 @@ import { Duration, Effect, Schema, Stream } from 'effect'
 import { Command, Port, Runtime, Subscription, type Update } from 'foldkit'
 import { Html, HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 
 import { Button } from '@foldkit/ui'
 
@@ -59,7 +59,7 @@ type UpdateReturn = Update.Return<Model, Message>
 const advance = (model: Model): UpdateReturn => {
   const count = model.count + model.step
   return {
-    model: evo(model, { count: () => count }),
+    model: modifyFields(model, { count: () => count }),
     commands: [ReportCount({ count })],
   }
 }
@@ -68,7 +68,9 @@ export const update = (model: Model, message: Message) =>
   Message.match<UpdateReturn>(message, {
     Ticked: () => advance(model),
     ClickedAdvance: () => advance(model),
-    ChangedStep: ({ step }) => ({ model: evo(model, { step: () => step }) }),
+    ChangedStep: ({ step }) => ({
+      model: modifyFields(model, { step: () => step }),
+    }),
     CompletedReportCount: () => ({ model }),
   })
 

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

@@ -1,5 +1,5 @@
 import { Command, click, expect, given, role, scene, text } from 'foldkit/scene'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { describe, test } from 'vitest'
 
 import { Message, type Model, ReportCount, update, view } from './main'
@@ -20,7 +20,7 @@ describe('view', () => {
   test('clicking the advance button moves the count by the step', () => {
     scene(
       { update, view },
-      given(evo(initialModel, { step: () => 4 })),
+      given(modifyFields(initialModel, { step: () => 4 })),
       click(role('button', { name: 'Advance by 4' })),
       Command.resolve(ReportCount, Message.CompletedReportCount()),
       expect(text('14')).toExist(),

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

@@ -1,5 +1,5 @@
 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 { Message, type Model, ReportCount, update } from './main'
@@ -11,7 +11,7 @@ describe('update', () => {
     test('Ticked advances the count by the step and reports it on the outbound port', () => {
       story(
         update,
-        given(evo(initialModel, { step: () => 3 })),
+        given(modifyFields(initialModel, { step: () => 3 })),
         message(Message.Ticked()),
         model(model => {
           expect(model.count).toBe(13)

package/dist/templates/examples/form/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/form/src/main.ts

@@ -15,7 +15,7 @@ import {
 import { type Attribute, Document, Html, 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 { Button, Input, Textarea } from '@foldkit/ui'
 
@@ -122,7 +122,7 @@ const isFormValid = (model: Model): boolean =>
 export const update = (model: Model, message: Message) =>
   Message.match<Update.Return<Model, Message>>(message, {
     UpdatedName: ({ value }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         name: () => validateName(value),
       }),
     }),
@@ -132,14 +132,14 @@ export const update = (model: Model, message: Message) =>
 
       if (validateEmailResult._tag === 'Valid') {
         return {
-          model: evo(model, {
+          model: modifyFields(model, {
             email: () => Validating({ value }),
           }),
           commands: [ValidateEmail({ email: value })],
         }
       } else {
         return {
-          model: evo(model, {
+          model: modifyFields(model, {
             email: () => validateEmailResult,
           }),
         }
@@ -149,7 +149,7 @@ export const update = (model: Model, message: Message) =>
     CompletedValidateEmail: ({ field }) => {
       if (field.value === model.email.value) {
         return {
-          model: evo(model, {
+          model: modifyFields(model, {
             email: () => field,
           }),
         }
@@ -159,7 +159,7 @@ export const update = (model: Model, message: Message) =>
     },
 
     UpdatedMessageText: ({ value }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         messageText: () => Valid({ value }),
       }),
     }),
@@ -174,7 +174,7 @@ export const update = (model: Model, message: Message) =>
       }
 
       return {
-        model: evo(model, {
+        model: modifyFields(model, {
           submission: () => Submission.Submitting(),
         }),
         commands: [
@@ -188,7 +188,7 @@ export const update = (model: Model, message: Message) =>
     },
 
     SucceededSubmitForm: ({ name }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         submission: () =>
           Submission.SubmitSuccess({
             confirmationText: `Welcome to the waitlist, ${name}! We'll be in touch soon.`,
@@ -197,7 +197,7 @@ export const update = (model: Model, message: Message) =>
     }),
 
     FailedSubmitForm: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         submission: () =>
           Submission.SubmitError({
             error:

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

@@ -10,7 +10,7 @@ import {
   submit,
   type,
 } from 'foldkit/scene'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { describe, test } from 'vitest'
 
 import {
@@ -58,7 +58,7 @@ describe('view', () => {
   })
 
   test('typing a well-formed email triggers async validation', () => {
-    const modelWithValidName = evo(initialModel, {
+    const modelWithValidName = modifyFields(initialModel, {
       name: () => FieldValidation.Valid({ value: 'Alice' }),
     })
 
@@ -101,7 +101,7 @@ describe('view', () => {
   })
 
   test('submit becomes enabled once name and email are valid', () => {
-    const validModel = evo(initialModel, {
+    const validModel = modifyFields(initialModel, {
       name: () => FieldValidation.Valid({ value: 'Alice' }),
       email: () => FieldValidation.Valid({ value: 'alice@example.com' }),
     })
@@ -114,7 +114,7 @@ describe('view', () => {
   })
 
   test('submitting a valid form shows the loading label then a success banner', () => {
-    const validModel = evo(initialModel, {
+    const validModel = modifyFields(initialModel, {
       name: () => FieldValidation.Valid({ value: 'Alice' }),
       email: () => FieldValidation.Valid({ value: 'alice@example.com' }),
     })
@@ -135,7 +135,7 @@ describe('view', () => {
   })
 
   test('a failed submission renders an error banner', () => {
-    const validModel = evo(initialModel, {
+    const validModel = modifyFields(initialModel, {
       name: () => FieldValidation.Valid({ value: 'Alice' }),
       email: () => FieldValidation.Valid({ value: 'alice@example.com' }),
     })

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

@@ -1,6 +1,6 @@
 import { FieldValidation } from 'foldkit'
 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 {
@@ -12,7 +12,7 @@ import {
   update,
 } from './main'
 
-const validModel: Model = evo(initialModel, {
+const validModel: Model = modifyFields(initialModel, {
   name: () => FieldValidation.Valid({ value: 'Alice' }),
   email: () => FieldValidation.Valid({ value: 'alice@example.com' }),
 })
@@ -83,7 +83,7 @@ describe('update', () => {
     })
 
     test('a validation result for a superseded email value is ignored', () => {
-      const inFlightModel: Model = evo(initialModel, {
+      const inFlightModel: Model = modifyFields(initialModel, {
         email: () => FieldValidation.Validating({ value: 'alice@example.com' }),
       })
 
@@ -102,7 +102,7 @@ describe('update', () => {
     })
 
     test('a validation result for the current email value updates the field', () => {
-      const inFlightModel: Model = evo(initialModel, {
+      const inFlightModel: Model = modifyFields(initialModel, {
         email: () => FieldValidation.Validating({ value: 'taken@example.com' }),
       })
 

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

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

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

@@ -1,6 +1,6 @@
 import { Option } from 'effect'
 import { click, expect, given, label, role, scene, text } from 'foldkit/scene'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { describe, test } from 'vitest'
 
 import { Slider } from '@foldkit/ui'
@@ -55,7 +55,7 @@ const makeParticle = (id: number, x: number, y: number): Particle => ({
 })
 
 const modelWithParticles = (count: number): Model =>
-  evo(initialModel, {
+  modifyFields(initialModel, {
     particles: () =>
       Array.from({ length: count }, (_, index) =>
         makeParticle(index, 100 + index * 5, 100),

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

@@ -1,6 +1,6 @@
 import { Array, 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 { Slider } from '@foldkit/ui'
@@ -77,7 +77,7 @@ describe('update', () => {
     story(
       update,
       given(
-        evo(initialModel, {
+        modifyFields(initialModel, {
           particles: () => [
             makeParticle(0, 100, 100),
             makeParticle(1, 200, 200),
@@ -140,7 +140,7 @@ describe('update', () => {
     story(
       update,
       given(
-        evo(initialModel, {
+        modifyFields(initialModel, {
           particles: () => startingParticles,
           nextId: () => startingParticleCount,
         }),

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

@@ -1,6 +1,6 @@
 import { Array, Number, Option, Result } from 'effect'
 import { Command, Update } from 'foldkit'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 
 import { Slider } from '@foldkit/ui'
 
@@ -155,7 +155,7 @@ const advanceParticle =
         const appendedTrail = Array.append(particle.trail, nextPosition)
         const trimmedTrail = Array.takeRight(appendedTrail, TRAIL_LENGTH)
         return Result.succeed(
-          evo(particle, {
+          modifyFields(particle, {
             trail: () => trimmedTrail,
             ageMs: () => nextAgeMs,
           }),
@@ -216,7 +216,7 @@ const appendGeneratedParticle =
       initialSpeedScale: generatedParticle.initialSpeedScale,
     }
     return {
-      model: evo(model, {
+      model: modifyFields(model, {
         particles: Array.append(newParticle),
         nextId: Number.increment,
       }),
@@ -228,14 +228,14 @@ const foldFlowStrengthSliderOutMessage = Slider.OutMessage.match<
 >({
   ChangedValue:
     ({ value }) =>
-    model => ({ model: evo(model, { flowStrength: () => value }) }),
+    model => ({ model: modifyFields(model, { flowStrength: () => value }) }),
 })
 
 const foldFlowStrengthSlider = Update.foldChild({
   update: Slider.update,
   read: (model: Model) => Option.some(model.flowStrengthSlider),
   write: (model, nextFlowStrengthSlider) =>
-    evo(model, { flowStrengthSlider: () => nextFlowStrengthSlider }),
+    modifyFields(model, { flowStrengthSlider: () => nextFlowStrengthSlider }),
   toParentMessage: message => Message.GotFlowStrengthSliderMessage({ message }),
   foldOutMessage: foldFlowStrengthSliderOutMessage,
 })
@@ -245,14 +245,14 @@ const foldNoiseScaleSliderOutMessage = Slider.OutMessage.match<
 >({
   ChangedValue:
     ({ value }) =>
-    model => ({ model: evo(model, { noiseScale: () => value }) }),
+    model => ({ model: modifyFields(model, { noiseScale: () => value }) }),
 })
 
 const foldNoiseScaleSlider = Update.foldChild({
   update: Slider.update,
   read: (model: Model) => Option.some(model.noiseScaleSlider),
   write: (model, nextNoiseScaleSlider) =>
-    evo(model, { noiseScaleSlider: () => nextNoiseScaleSlider }),
+    modifyFields(model, { noiseScaleSlider: () => nextNoiseScaleSlider }),
   toParentMessage: message => Message.GotNoiseScaleSliderMessage({ message }),
   foldOutMessage: foldNoiseScaleSliderOutMessage,
 })
@@ -272,7 +272,7 @@ export const update = (model: Model, message: Message) =>
           model.maybeMousePosition,
         ),
       )
-      const nextModel = evo(model, {
+      const nextModel = modifyFields(model, {
         particles: () => advancedParticles,
         elapsedSeconds: () => nextElapsedSeconds,
       })
@@ -296,17 +296,17 @@ export const update = (model: Model, message: Message) =>
     }),
 
     MovedPointer: ({ x, y }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeMousePosition: () => Option.some(Point.make({ x, y })),
       }),
     }),
 
     ClickedTogglePlay: () => ({
-      model: evo(model, { isRunning: running => !running }),
+      model: modifyFields(model, { isRunning: running => !running }),
     }),
 
     ClickedReset: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         particles: () => [],
         maybeMousePosition: () => Option.none(),
       }),

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

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