create-foldkit-app 0.35.1 → 0.35.2

package/dist/templates/examples/ui-showcase/src/ui/view/toast.ts

@@ -23,7 +23,8 @@ const variantClassName = (variant: Variant): string =>
     Match.exhaustive,
   )
 
-const entryClassName = 'w-80'
+const entryClassName =
+  'w-80 motion-safe:data-[swipe=settling]:transition-[translate] motion-safe:data-[swipe=settling]:duration-150 motion-safe:data-[swipe=settling]:ease-out motion-safe:data-[swipe=end]:transition-[translate] motion-safe:data-[swipe=end]:duration-[240ms] motion-safe:data-[swipe=end]:ease-in'
 
 const renderToastEntry = (
   entry: Entry,
@@ -37,11 +38,27 @@ const renderToastEntry = (
       ),
     ],
     [
-      h.p([h.Class('font-semibold text-sm')], [entry.payload.title]),
+      h.p(
+        [h.Class('font-semibold text-sm')],
+        [
+          h.span(
+            [h.DataAttribute('toast-swipe-ignore', '')],
+            [entry.payload.title],
+          ),
+        ],
+      ),
       ...Option.match(entry.payload.maybeDescription, {
         onNone: () => [],
         onSome: description => [
-          h.p([h.Class('text-sm text-gray-700 mt-0.5')], [description]),
+          h.p(
+            [h.Class('text-sm text-gray-700 mt-0.5')],
+            [
+              h.span(
+                [h.DataAttribute('toast-swipe-ignore', '')],
+                [description],
+              ),
+            ],
+          ),
         ],
       }),
       h.button(

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

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

package/dist/templates/examples/view-transitions/src/main.ts

@@ -4,7 +4,7 @@ import { Document, Html, HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
 import { UrlRequest, load, pushUrl } from 'foldkit/navigation'
 import { Transition } from 'foldkit/route'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { Url, toString as urlToString } from 'foldkit/url'
 
 import { Artwork, artworks, findArtwork } from './artwork'
@@ -76,11 +76,11 @@ export const update = (model: Model, message: Message) =>
       }),
 
     ChangedUrl: ({ url }) => ({
-      model: evo(model, { route: () => urlToAppRoute(url) }),
+      model: modifyFields(model, { route: () => urlToAppRoute(url) }),
     }),
 
     UpdatedFilterText: ({ filterText }) => ({
-      model: evo(model, { filterText: () => filterText }),
+      model: modifyFields(model, { filterText: () => filterText }),
     }),
   })
 

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

@@ -3,7 +3,7 @@ import { HttpClient, HttpClientRequest } from 'effect/unstable/http'
 import { AsyncData, Command, Http, Runtime, type 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, Input } from '@foldkit/ui'
 
@@ -42,7 +42,7 @@ export type Message = typeof Message.Type
 export const update = (model: Model, message: Message) =>
   Message.match<Update.Return<Model, Message>>(message, {
     UpdatedZipCodeInput: ({ value }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         zipCodeInput: () => value,
       }),
     }),
@@ -52,7 +52,7 @@ export const update = (model: Model, message: Message) =>
         return { model }
       }
       return {
-        model: evo(model, {
+        model: modifyFields(model, {
           weather: () => WeatherAsyncData.Loading(),
         }),
         commands: [FetchWeather({ zipCode: model.zipCodeInput })],
@@ -60,13 +60,13 @@ export const update = (model: Model, message: Message) =>
     },
 
     SucceededFetchWeather: ({ weather }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         weather: () => WeatherAsyncData.Success({ data: weather }),
       }),
     }),
 
     FailedFetchWeather: ({ error }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         weather: () => WeatherAsyncData.Failure({ error }),
       }),
     }),

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

@@ -9,11 +9,11 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@effect/platform-browser": "4.0.0-rc.115",
+    "@effect/platform-browser": "4.0.0-rc.116",
     "@foldkit/ui": "workspace:*",
     "@shoelace-style/shoelace": "^2.20.1",
     "clsx": "^2.1.1",
-    "effect": "4.0.0-rc.115",
+    "effect": "4.0.0-rc.116",
     "foldkit": "workspace:*",
     "vanilla-colorful": "^0.7.2"
   },

package/dist/templates/examples/web-components/src/main.ts

@@ -3,7 +3,7 @@ import { Schema } from 'effect'
 import { CustomElement, Runtime, type 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 'vanilla-colorful/hex-color-picker.js'
 
 import { Button, Input } from '@foldkit/ui'
@@ -47,13 +47,13 @@ export const init: Runtime.ApplicationInit<Model, Message> = () => ({
 export const update = (model: Model, message: Message) =>
   Message.match<Update.Return<Model, Message>>(message, {
     UpdatedContent: ({ value }) => ({
-      model: evo(model, { content: () => value }),
+      model: modifyFields(model, { content: () => value }),
     }),
     ChangedFillColor: ({ value }) => ({
-      model: evo(model, { fillColor: () => value }),
+      model: modifyFields(model, { fillColor: () => value }),
     }),
     ChangedBackgroundColor: ({ value }) => ({
-      model: evo(model, { backgroundColor: () => value }),
+      model: modifyFields(model, { backgroundColor: () => value }),
     }),
   })
 

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

@@ -20,7 +20,7 @@ import {
 import { 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 } from '@foldkit/ui'
 
@@ -87,32 +87,32 @@ type UpdateReturn = Update.Return<Model, Message, ChatSocketService>
 export const update = (model: Model, message: Message) =>
   Message.match<UpdateReturn>(message, {
     ClickedConnect: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         connection: () => ConnectionState.Connecting(),
       }),
     }),
 
     Connected: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         connection: () => ConnectionState.Connected(),
       }),
     }),
 
     Disconnected: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         connection: () => ConnectionState.Disconnected(),
         messages: () => [],
       }),
     }),
 
     FailedConnect: ({ error }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         connection: () => ConnectionState.Error({ error }),
       }),
     }),
 
     UpdatedMessageInput: ({ value }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         messageInput: () => value,
       }),
     }),
@@ -127,7 +127,7 @@ export const update = (model: Model, message: Message) =>
       return Match.value(model.connection).pipe(
         Match.withReturnType<UpdateReturn>(),
         Match.tag('Connected', () => ({
-          model: evo(model, {
+          model: modifyFields(model, {
             messageInput: () => '',
           }),
           commands: [SendMessage({ text: trimmedMessage })],
@@ -150,7 +150,7 @@ export const update = (model: Model, message: Message) =>
       const newMessage = ChatMessage.make({ text, zoned, isSent })
 
       return {
-        model: evo(model, {
+        model: modifyFields(model, {
           messages: messages => [...messages, newMessage],
         }),
       }

package/dist/templates/examples/websocket-chat/src/scene.test.ts

@@ -12,7 +12,7 @@ import {
   text,
   type,
 } from 'foldkit/scene'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { describe, test } from 'vitest'
 
 import {
@@ -51,7 +51,11 @@ describe('view', () => {
   test('connecting state renders the Connecting message', () => {
     scene(
       { update, view },
-      given(evo(idleModel, { connection: () => ConnectionState.Connecting() })),
+      given(
+        modifyFields(idleModel, {
+          connection: () => ConnectionState.Connecting(),
+        }),
+      ),
       expect(text('Connecting...')).toExist(),
     )
   })
@@ -59,7 +63,11 @@ describe('view', () => {
   test('connected state shows the message input and Send button', () => {
     scene(
       { update, view },
-      given(evo(idleModel, { connection: () => ConnectionState.Connected() })),
+      given(
+        modifyFields(idleModel, {
+          connection: () => ConnectionState.Connected(),
+        }),
+      ),
       expect(placeholder('Type a message...')).toExist(),
       expect(role('button', { name: 'Send' })).toBeDisabled(),
       type(placeholder('Type a message...'), 'hi'),
@@ -71,7 +79,7 @@ describe('view', () => {
     scene(
       { update, view },
       given(
-        evo(idleModel, {
+        modifyFields(idleModel, {
           connection: () =>
             ConnectionState.Error({
               error: 'Connection refused',
@@ -88,7 +96,7 @@ describe('view', () => {
     scene(
       { update, view },
       given(
-        evo(idleModel, {
+        modifyFields(idleModel, {
           connection: () => ConnectionState.Connected(),
           messages: () => [
             { text: 'Hello there', zoned: zonedAt(0), isSent: true },
@@ -149,7 +157,11 @@ describe('view', () => {
   test('a message arriving on the socket Subscription lands in the conversation', () => {
     scene(
       { update, view },
-      given(evo(idleModel, { connection: () => ConnectionState.Connected() })),
+      given(
+        modifyFields(idleModel, {
+          connection: () => ConnectionState.Connected(),
+        }),
+      ),
       Subscription.emit(Message.ReceivedMessage({ text: 'hello from echo' })),
       Command.expectExact(
         TimestampReceivedMessage({ text: 'hello from echo' }),

package/dist/templates/examples/websocket-chat/src/story.test.ts

@@ -1,6 +1,6 @@
 import { DateTime } 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 {
@@ -19,7 +19,7 @@ const idleModel: Model = {
   messageInput: '',
 }
 
-const connectedModel: Model = evo(idleModel, {
+const connectedModel: Model = modifyFields(idleModel, {
   connection: () => ConnectionState.Connected(),
 })
 
@@ -42,7 +42,9 @@ describe('update', () => {
       story(
         update,
         given(
-          evo(idleModel, { connection: () => ConnectionState.Connecting() }),
+          modifyFields(idleModel, {
+            connection: () => ConnectionState.Connecting(),
+          }),
         ),
         message(Message.Connected()),
         model(model => {
@@ -55,7 +57,7 @@ describe('update', () => {
       story(
         update,
         given(
-          evo(connectedModel, {
+          modifyFields(connectedModel, {
             messages: () => [{ text: 'old', zoned: zonedNow, isSent: true }],
           }),
         ),
@@ -71,7 +73,9 @@ describe('update', () => {
       story(
         update,
         given(
-          evo(idleModel, { connection: () => ConnectionState.Connecting() }),
+          modifyFields(idleModel, {
+            connection: () => ConnectionState.Connecting(),
+          }),
         ),
         message(Message.FailedConnect({ error: 'Timeout' })),
         model(model => {
@@ -102,7 +106,7 @@ describe('update', () => {
     test('an empty input is ignored', () => {
       story(
         update,
-        given(evo(connectedModel, { messageInput: () => '' })),
+        given(modifyFields(connectedModel, { messageInput: () => '' })),
         message(Message.SubmittedMessage()),
         Command.expectNone(),
       )
@@ -111,7 +115,7 @@ describe('update', () => {
     test('whitespace-only input is ignored', () => {
       story(
         update,
-        given(evo(connectedModel, { messageInput: () => '   ' })),
+        given(modifyFields(connectedModel, { messageInput: () => '   ' })),
         message(Message.SubmittedMessage()),
         Command.expectNone(),
       )
@@ -120,7 +124,9 @@ describe('update', () => {
     test('connected client fires SendMessage and clears the input', () => {
       story(
         update,
-        given(evo(connectedModel, { messageInput: () => 'Hello there' })),
+        given(
+          modifyFields(connectedModel, { messageInput: () => 'Hello there' }),
+        ),
         message(Message.SubmittedMessage()),
         model(model => {
           expect(model.messageInput).toBe('')
@@ -150,7 +156,7 @@ describe('update', () => {
     test('disconnected client ignores SubmittedMessage', () => {
       story(
         update,
-        given(evo(idleModel, { messageInput: () => 'Hello' })),
+        given(modifyFields(idleModel, { messageInput: () => 'Hello' })),
         message(Message.SubmittedMessage()),
         Command.expectNone(),
         model(model => {

package/dist/templates/release.json

@@ -1,22 +1,22 @@
 {
   "schemaVersion": 1,
   "channel": "stable",
-  "sourceCommit": "7a3180b90d4eff772fa22928f31009e7dda9ff8f",
+  "sourceCommit": "b415a3e22be572abb1785010e23bd3e57f2e24f2",
   "packages": {
-    "create-foldkit-app": "0.35.1",
-    "@foldkit/devtools": "0.161.0",
-    "@foldkit/devtools-mcp": "0.21.0",
-    "foldkit": "0.161.0",
-    "@foldkit/markdown": "0.11.0",
-    "@foldkit/oxlint-plugin": "0.14.0",
-    "@foldkit/ui": "0.161.0",
-    "@foldkit/vite-plugin": "0.23.0"
+    "create-foldkit-app": "0.35.2",
+    "@foldkit/devtools": "0.163.0",
+    "@foldkit/devtools-mcp": "0.22.0",
+    "foldkit": "0.163.0",
+    "@foldkit/markdown": "0.12.0",
+    "@foldkit/oxlint-plugin": "0.15.0",
+    "@foldkit/ui": "0.163.0",
+    "@foldkit/vite-plugin": "0.24.0"
   },
   "dependencies": {
-    "@foldkit/devtools": "0.161.0",
-    "@foldkit/vite-plugin": "0.23.0",
-    "@foldkit/devtools-mcp": "0.21.0",
-    "@foldkit/oxlint-plugin": "0.14.0",
+    "@foldkit/devtools": "0.163.0",
+    "@foldkit/vite-plugin": "0.24.0",
+    "@foldkit/devtools-mcp": "0.22.0",
+    "@foldkit/oxlint-plugin": "0.15.0",
     "@types/node": "^26.4.0",
     "happy-dom": "^20.11.13",
     "oxfmt": "^0.66.0",

package/dist/templates/rendering/ssg/src/main.ts

@@ -3,7 +3,7 @@ import { Command, Runtime, type Update } from 'foldkit'
 import { type Document, type Html, type HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
 import { UrlRequest, load, pushUrl } from 'foldkit/navigation'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 import { Url, toString as urlToString } from 'foldkit/url'
 
 import { AppRoute, aboutRouter, homeRouter, urlToAppRoute } from './route'
@@ -57,7 +57,7 @@ type UpdateReturn = Update.Return<Model, Message>
 export const update = (model: Model, message: Message) =>
   Message.match<UpdateReturn>(message, {
     ClickedIncrement: () => ({
-      model: evo(model, { count: count => count + 1 }),
+      model: modifyFields(model, { count: count => count + 1 }),
     }),
     ClickedLink: ({ request }) =>
       UrlRequest.match<UpdateReturn>(request, {
@@ -71,7 +71,7 @@ export const update = (model: Model, message: Message) =>
         }),
       }),
     ChangedUrl: ({ url }) => ({
-      model: evo(model, { route: () => urlToAppRoute(url) }),
+      model: modifyFields(model, { route: () => urlToAppRoute(url) }),
     }),
     CompletedNavigateInternal: () => ({ model }),
     CompletedLoadExternal: () => ({ model }),

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

@@ -97,8 +97,8 @@ const makeHandler = Effect.gen(function* () {
     () => `http://localhost:${globalThis.String(port)}`,
   )
   const app = yield* loadFetchHandler
-  // NOTE: `index` is unset so a directory request does not serve the raw
-  // client `index.html` template. Page requests go through `fetch` instead.
+  // NOTE: directory requests reach `fetch` even when a generated index file
+  // exists. This host serves assets as files and renders pages at request time.
   const staticFiles = yield* HttpStaticServer.make({
     root: CLIENT_DIR,
     index: undefined,

package/dist/templates/rendering/ssr/src/main.ts

@@ -2,7 +2,7 @@ import { Effect, Schema } from 'effect'
 import { Command, Runtime, type Update } from 'foldkit'
 import { type Document, type HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 
 import { Button } from '@foldkit/ui'
 
@@ -43,14 +43,14 @@ export const update = (model: Model, message: Message) =>
     ClickedDecrement: () => {
       const nextCount = model.count - 1
       return {
-        model: evo(model, { count: () => nextCount }),
+        model: modifyFields(model, { count: () => nextCount }),
         commands: [PersistCount({ count: nextCount })],
       }
     },
     ClickedIncrement: () => {
       const nextCount = model.count + 1
       return {
-        model: evo(model, { count: () => nextCount }),
+        model: modifyFields(model, { count: () => nextCount }),
         commands: [PersistCount({ count: nextCount })],
       }
     },

package/package.json

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