create-foldkit-app 0.29.0 → 0.29.1

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

@@ -1,5 +1,5 @@
 import { Array, Effect, Match as M, Option, Schema as S, String } from 'effect'
-import { Command, Runtime } from 'foldkit'
+import { Command, Runtime, type Update } from 'foldkit'
 import { Document, Html, HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
 import { UrlRequest, load, pushUrl } from 'foldkit/navigation'
@@ -36,7 +36,7 @@ export type Message = typeof Message.Type
 
 export const init: Runtime.RoutingApplicationInit<Model, Message> = (
   url: Url,
-) => [{ route: urlToAppRoute(url), filterText: '' }, []]
+) => ({ model: { route: urlToAppRoute(url), filterText: '' } })
 
 // COMMAND
 
@@ -56,35 +56,36 @@ const LoadExternal = Command.define('LoadExternal', {
 
 // UPDATE
 
-type UpdateReturn = readonly [Model, ReadonlyArray<Command.Command<Message>>]
+type UpdateReturn = Update.Return<Model, Message>
 const withUpdateReturn = M.withReturnType<UpdateReturn>()
 
 export const update = (model: Model, message: Message) =>
   Message.match<UpdateReturn>(message, {
-    CompletedNavigateInternal: () => [model, []],
-    CompletedLoadExternal: () => [model, []],
+    CompletedNavigateInternal: () => ({ model }),
+    CompletedLoadExternal: () => ({ model }),
 
     ClickedLink: ({ request }) =>
       M.value(request).pipe(
         withUpdateReturn,
         M.tagsExhaustive({
-          Internal: ({ url }) => [
+          Internal: ({ url }) => ({
             model,
-            [NavigateInternal({ url: urlToString(url) })],
-          ],
-          External: ({ href }) => [model, [LoadExternal({ href })]],
+            commands: [NavigateInternal({ url: urlToString(url) })],
+          }),
+          External: ({ href }) => ({
+            model,
+            commands: [LoadExternal({ href })],
+          }),
         }),
       ),
 
-    ChangedUrl: ({ url }) => [
-      evo(model, { route: () => urlToAppRoute(url) }),
-      [],
-    ],
+    ChangedUrl: ({ url }) => ({
+      model: evo(model, { route: () => urlToAppRoute(url) }),
+    }),
 
-    UpdatedFilterText: ({ filterText }) => [
-      evo(model, { filterText: () => filterText }),
-      [],
-    ],
+    UpdatedFilterText: ({ filterText }) => ({
+      model: evo(model, { filterText: () => filterText }),
+    }),
   })
 
 // NOTE: every arm past the guard is a navigation, so none return `false`.

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

@@ -1,6 +1,6 @@
 import { Array, Effect, Match as M, Option, Schema as S, String } from 'effect'
 import { HttpClient, HttpClientRequest } from 'effect/unstable/http'
-import { AsyncData, Command, Http, Runtime } from 'foldkit'
+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'
@@ -40,53 +40,46 @@ export const Message = defineMessageUnion({
 export type Message = typeof Message.Type
 
 export const update = (model: Model, message: Message) =>
-  Message.match<readonly [Model, ReadonlyArray<Command.Command<Message>>]>(
-    message,
-    {
-      UpdatedZipCodeInput: ({ value }) => [
-        evo(model, {
-          zipCodeInput: () => value,
-        }),
-        [],
-      ],
-
-      SubmittedWeatherForm: () => {
-        if (AsyncData.isPending(model.weather)) {
-          return [model, []]
-        }
-        return [
-          evo(model, {
-            weather: () => WeatherAsyncData.Loading(),
-          }),
-          [FetchWeather({ zipCode: model.zipCodeInput })],
-        ]
-      },
-
-      SucceededFetchWeather: ({ weather }) => [
-        evo(model, {
-          weather: () => WeatherAsyncData.Success({ data: weather }),
-        }),
-        [],
-      ],
-
-      FailedFetchWeather: ({ error }) => [
-        evo(model, {
-          weather: () => WeatherAsyncData.Failure({ error }),
+  Message.match<Update.Return<Model, Message>>(message, {
+    UpdatedZipCodeInput: ({ value }) => ({
+      model: evo(model, {
+        zipCodeInput: () => value,
+      }),
+    }),
+
+    SubmittedWeatherForm: () => {
+      if (AsyncData.isPending(model.weather)) {
+        return { model }
+      }
+      return {
+        model: evo(model, {
+          weather: () => WeatherAsyncData.Loading(),
         }),
-        [],
-      ],
+        commands: [FetchWeather({ zipCode: model.zipCodeInput })],
+      }
     },
-  )
+
+    SucceededFetchWeather: ({ weather }) => ({
+      model: evo(model, {
+        weather: () => WeatherAsyncData.Success({ data: weather }),
+      }),
+    }),
+
+    FailedFetchWeather: ({ error }) => ({
+      model: evo(model, {
+        weather: () => WeatherAsyncData.Failure({ error }),
+      }),
+    }),
+  })
 
 // INIT
 
-export const init: Runtime.ApplicationInit<Model, Message> = () => [
-  {
+export const init: Runtime.ApplicationInit<Model, Message> = () => ({
+  model: {
     zipCodeInput: '',
     weather: WeatherAsyncData.Idle(),
   },
-  [],
-]
+})
 
 // COMMAND
 

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

@@ -1,6 +1,6 @@
 import { clsx } from 'clsx'
 import { Schema as S } from 'effect'
-import { Command, CustomElement, Runtime } from 'foldkit'
+import { CustomElement, Runtime, type Update } from 'foldkit'
 import { Document, Html, HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
 import { evo } from 'foldkit/struct'
@@ -34,30 +34,27 @@ const DEFAULT_CONTENT = 'https://foldkit.dev'
 const DEFAULT_FILL_COLOR = '#1e1b4b'
 const DEFAULT_BACKGROUND_COLOR = '#fef3c7'
 
-export const init: Runtime.ApplicationInit<Model, Message> = () => [
-  {
+export const init: Runtime.ApplicationInit<Model, Message> = () => ({
+  model: {
     content: DEFAULT_CONTENT,
     fillColor: DEFAULT_FILL_COLOR,
     backgroundColor: DEFAULT_BACKGROUND_COLOR,
   },
-  [],
-]
+})
 
 // UPDATE
 
-type UpdateReturn = readonly [Model, ReadonlyArray<Command.Command<Message>>]
-
 export const update = (model: Model, message: Message) =>
-  Message.match<UpdateReturn>(message, {
-    UpdatedContent: ({ value }) => [evo(model, { content: () => value }), []],
-    ChangedFillColor: ({ value }) => [
-      evo(model, { fillColor: () => value }),
-      [],
-    ],
-    ChangedBackgroundColor: ({ value }) => [
-      evo(model, { backgroundColor: () => value }),
-      [],
-    ],
+  Message.match<Update.Return<Model, Message>>(message, {
+    UpdatedContent: ({ value }) => ({
+      model: evo(model, { content: () => value }),
+    }),
+    ChangedFillColor: ({ value }) => ({
+      model: evo(model, { fillColor: () => value }),
+    }),
+    ChangedBackgroundColor: ({ value }) => ({
+      model: evo(model, { backgroundColor: () => value }),
+    }),
   })
 
 // WEB COMPONENT

package/dist/templates/examples/websocket-chat/src/main.ts

@@ -10,7 +10,13 @@ import {
   Stream,
   String,
 } from 'effect'
-import { Command, ManagedResource, Runtime, Subscription } from 'foldkit'
+import {
+  Command,
+  ManagedResource,
+  Runtime,
+  Subscription,
+  type Update,
+} from 'foldkit'
 import { Document, Html, HtmlBuilder } from 'foldkit/html'
 import { defineMessageUnion } from 'foldkit/message'
 import { ts } from 'foldkit/schema'
@@ -81,102 +87,90 @@ export type Message = typeof Message.Type
 
 // UPDATE
 
+type UpdateReturn = Update.Return<Model, Message, ChatSocketService>
+
 export const update = (model: Model, message: Message) =>
-  Message.match<
-    [Model, ReadonlyArray<Command.Command<Message, never, ChatSocketService>>]
-  >(message, {
-    ClickedConnect: () => [
-      evo(model, {
+  Message.match<UpdateReturn>(message, {
+    ClickedConnect: () => ({
+      model: evo(model, {
         connection: () => ConnectionConnecting(),
       }),
-      [],
-    ],
+    }),
 
-    Connected: () => [
-      evo(model, {
+    Connected: () => ({
+      model: evo(model, {
         connection: () => ConnectionConnected(),
       }),
-      [],
-    ],
+    }),
 
-    Disconnected: () => [
-      evo(model, {
+    Disconnected: () => ({
+      model: evo(model, {
         connection: () => ConnectionDisconnected(),
         messages: () => [],
       }),
-      [],
-    ],
+    }),
 
-    FailedConnect: ({ error }) => [
-      evo(model, {
+    FailedConnect: ({ error }) => ({
+      model: evo(model, {
         connection: () => ConnectionError({ error }),
       }),
-      [],
-    ],
+    }),
 
-    UpdatedMessageInput: ({ value }) => [
-      evo(model, {
+    UpdatedMessageInput: ({ value }) => ({
+      model: evo(model, {
         messageInput: () => value,
       }),
-      [],
-    ],
+    }),
 
     SubmittedMessage: () => {
       const trimmedMessage = model.messageInput.trim()
 
       if (String.isEmpty(trimmedMessage)) {
-        return [model, []]
+        return { model }
       }
 
       return M.value(model.connection).pipe(
-        M.withReturnType<
-          [
-            Model,
-            ReadonlyArray<Command.Command<Message, never, ChatSocketService>>,
-          ]
-        >(),
-        M.tag('ConnectionConnected', () => [
-          evo(model, {
+        M.withReturnType<UpdateReturn>(),
+        M.tag('ConnectionConnected', () => ({
+          model: evo(model, {
             messageInput: () => '',
           }),
-          [SendMessage({ text: trimmedMessage })],
-        ]),
-        M.orElse(() => [model, []]),
+          commands: [SendMessage({ text: trimmedMessage })],
+        })),
+        M.orElse(() => ({ model })),
       )
     },
 
-    SucceededSendMessage: ({ text }) => [
+    SucceededSendMessage: ({ text }) => ({
       model,
-      [TimestampSentMessage({ text })],
-    ],
+      commands: [TimestampSentMessage({ text })],
+    }),
 
-    ReceivedMessage: ({ text }) => [
+    ReceivedMessage: ({ text }) => ({
       model,
-      [TimestampReceivedMessage({ text })],
-    ],
+      commands: [TimestampReceivedMessage({ text })],
+    }),
 
     TimestampedMessage: ({ text, zoned, isSent }) => {
       const newMessage = ChatMessage.make({ text, zoned, isSent })
 
-      return [
-        evo(model, {
+      return {
+        model: evo(model, {
           messages: messages => [...messages, newMessage],
         }),
-        [],
-      ]
+      }
     },
   })
 
 // INIT
 
-export const init: Runtime.ApplicationInit<Model, Message> = () => [
-  {
+export const init: Runtime.ApplicationInit<Model, Message> = () => ({
+  model: {
     connection: ConnectionDisconnected(),
     messages: [],
     messageInput: '',
   },
-  [],
-]
+})
 
 // COMMAND
 

package/dist/templates/release.json

@@ -1,22 +1,22 @@
 {
   "schemaVersion": 1,
   "channel": "stable",
-  "sourceCommit": "50898c93f064c11b97025b8c0c72eebfd4745105",
+  "sourceCommit": "aafef6783aece18b85bf54919353a70b4e895e19",
   "packages": {
-    "create-foldkit-app": "0.29.0",
-    "@foldkit/devtools": "0.150.0",
+    "create-foldkit-app": "0.29.1",
+    "@foldkit/devtools": "0.151.0",
     "@foldkit/devtools-mcp": "0.17.0",
-    "foldkit": "0.150.0",
+    "foldkit": "0.151.0",
     "@foldkit/markdown": "0.6.0",
-    "@foldkit/oxlint-plugin": "0.7.0",
-    "@foldkit/ui": "0.150.0",
+    "@foldkit/oxlint-plugin": "0.8.0",
+    "@foldkit/ui": "0.151.0",
     "@foldkit/vite-plugin": "0.17.0"
   },
   "dependencies": {
-    "@foldkit/devtools": "0.150.0",
+    "@foldkit/devtools": "0.151.0",
     "@foldkit/vite-plugin": "0.17.0",
     "@foldkit/devtools-mcp": "0.17.0",
-    "@foldkit/oxlint-plugin": "0.7.0",
+    "@foldkit/oxlint-plugin": "0.8.0",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/node": "^25.9.3",
     "happy-dom": "^20.10.4",

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

@@ -1,5 +1,5 @@
 import { Effect, Match as M, Schema as S, pipe } from 'effect'
-import { Command, Runtime } from 'foldkit'
+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'
@@ -30,10 +30,9 @@ export type Message = typeof Message.Type
 
 // INIT
 
-export const init: Runtime.RoutingApplicationInit<Model, Message> = url => [
-  { route: urlToAppRoute(url), count: 0 },
-  [],
-]
+export const init: Runtime.RoutingApplicationInit<Model, Message> = url => ({
+  model: { route: urlToAppRoute(url), count: 0 },
+})
 
 // COMMAND
 
@@ -53,29 +52,33 @@ const LoadExternal = Command.define('LoadExternal', {
 
 // UPDATE
 
-type UpdateReturn = readonly [Model, ReadonlyArray<Command.Command<Message>>]
+type UpdateReturn = Update.Return<Model, Message>
 const withUpdateReturn = M.withReturnType<UpdateReturn>()
 
 export const update = (model: Model, message: Message) =>
   Message.match<UpdateReturn>(message, {
-    ClickedIncrement: () => [evo(model, { count: count => count + 1 }), []],
+    ClickedIncrement: () => ({
+      model: evo(model, { count: count => count + 1 }),
+    }),
     ClickedLink: ({ request }) =>
       M.value(request).pipe(
         withUpdateReturn,
         M.tagsExhaustive({
-          Internal: ({ url }) => [
+          Internal: ({ url }) => ({
             model,
-            [NavigateInternal({ url: urlToString(url) })],
-          ],
-          External: ({ href }) => [model, [LoadExternal({ href })]],
+            commands: [NavigateInternal({ url: urlToString(url) })],
+          }),
+          External: ({ href }) => ({
+            model,
+            commands: [LoadExternal({ href })],
+          }),
         }),
       ),
-    ChangedUrl: ({ url }) => [
-      evo(model, { route: () => urlToAppRoute(url) }),
-      [],
-    ],
-    CompletedNavigateInternal: () => [model, []],
-    CompletedLoadExternal: () => [model, []],
+    ChangedUrl: ({ url }) => ({
+      model: evo(model, { route: () => urlToAppRoute(url) }),
+    }),
+    CompletedNavigateInternal: () => ({ model }),
+    CompletedLoadExternal: () => ({ model }),
   })
 
 // VIEW

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

@@ -1,5 +1,5 @@
 import { Effect, Schema as S } from 'effect'
-import { Command, Runtime } from 'foldkit'
+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'
@@ -39,26 +39,23 @@ export type Message = typeof Message.Type
 // UPDATE
 
 export const update = (model: Model, message: Message) =>
-  Message.match<readonly [Model, ReadonlyArray<Command.Command<Message>>]>(
-    message,
-    {
-      ClickedDecrement: () => {
-        const nextCount = model.count - 1
-        return [
-          evo(model, { count: () => nextCount }),
-          [PersistCount({ count: nextCount })],
-        ]
-      },
-      ClickedIncrement: () => {
-        const nextCount = model.count + 1
-        return [
-          evo(model, { count: () => nextCount }),
-          [PersistCount({ count: nextCount })],
-        ]
-      },
-      CompletedPersistCount: () => [model, []],
+  Message.match<Update.Return<Model, Message>>(message, {
+    ClickedDecrement: () => {
+      const nextCount = model.count - 1
+      return {
+        model: evo(model, { count: () => nextCount }),
+        commands: [PersistCount({ count: nextCount })],
+      }
     },
-  )
+    ClickedIncrement: () => {
+      const nextCount = model.count + 1
+      return {
+        model: evo(model, { count: () => nextCount }),
+        commands: [PersistCount({ count: nextCount })],
+      }
+    },
+    CompletedPersistCount: () => ({ model }),
+  })
 
 // COMMAND
 
@@ -78,14 +75,13 @@ export const PersistCount = Command.define('PersistCount', {
 
 // INIT
 
-export const init: Runtime.ApplicationInit<Model, Message, Flags> = flags => [
-  {
+export const init: Runtime.ApplicationInit<Model, Message, Flags> = flags => ({
+  model: {
     count: flags.initialCount,
     renderedAt: flags.renderedAt,
     renderedOn: flags.renderedOn,
   },
-  [],
-]
+})
 
 // VIEW
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-foldkit-app",
-  "version": "0.29.0",
+  "version": "0.29.1",
   "description": "Create Foldkit applications",
   "type": "module",
   "main": "./dist/index.js",