create-foldkit-app 0.32.1 → 0.33.0-canary.a74bfca634bb

package/dist/templates/base/.oxfmtrc.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "semi": false,
+  "singleQuote": true,
+  "arrowParens": "avoid",
+  "trailingComma": "all",
+  "printWidth": 80,
+  "sortImports": {
+    "ignoreCase": false,
+    "customGroups": [
+      { "groupName": "scoped", "elementNamePattern": ["@*", "@*/**"] }
+    ],
+    "groups": [
+      ["builtin", "external"],
+      "scoped",
+      ["parent", "sibling", "index"],
+      "unknown"
+    ]
+  },
+  "sortPackageJson": false,
+  "ignorePatterns": [
+    "node_modules",
+    "dist",
+    "repos",
+    "*.tsbuildinfo",
+    "pnpm-lock.yaml"
+  ]
+}

package/dist/templates/base/.oxlintrc.json

@@ -19,6 +19,10 @@
     "typescript/consistent-type-assertions": [
       "error",
       { "assertionStyle": "never" }
+    ],
+    "sort-imports": [
+      "error",
+      { "ignoreDeclarationSort": true, "ignoreCase": false }
     ]
   },
   "ignorePatterns": [

package/dist/templates/base/FOLDKIT.md

@@ -149,7 +149,7 @@ type Message = typeof Message.Type
 
 Keep the `defineMessageUnion()` declaration and `type Message` alias adjacent. Construct values through the namespace (`Message.ClickedSubmit()`) and handle the union with `Message.match`. Never destructure constructors from `Message` or `OutMessage`; the owning namespace stays visible at every call site.
 
-Keep each case's payload object on one line when it fits. Let Prettier wrap payloads that need more space, so the declaration remains easy to scan as one variant per line.
+Keep each case's payload object on one line when it fits. Let Oxfmt wrap payloads that need more space, so the declaration remains easy to scan as one variant per line.
 
 Messages are verb-first past-tense. Common prefixes: `Clicked*`, `Updated*` (input changes and external state updates), `Submitted*`, `Pressed*`, `Selected*`, `Succeeded*` / `Failed*` (paired async results), `Completed*` (every other Command result), `Got*` (child OutMessage in the Submodel pattern).
 

package/dist/templates/base/package.json

@@ -7,7 +7,7 @@
     "build": "vite build",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
-    "format": "prettier -w .",
+    "format": "oxfmt",
     "test": "vitest run",
     "lint": "oxlint src"
   }

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

@@ -18,9 +18,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

package/dist/templates/examples/api-cache/src/scene.test.ts

@@ -12,7 +12,6 @@ import {
 import { describe, test } from 'vitest'
 
 import { Tabs } from '@foldkit/ui'
-import { Message as TabsMessage } from '@foldkit/ui/tabs'
 
 import { FetchPostDetail, FetchStats, Message, update, view } from './main'
 import {
@@ -26,7 +25,7 @@ import {
 
 const resolveFocusTab = Command.resolve(
   Tabs.FocusTab,
-  TabsMessage.CompletedFocusTab(),
+  Tabs.Message.CompletedFocusTab(),
 )
 
 describe('view', () => {

package/dist/templates/examples/api-cache/src/story.test.ts

@@ -3,7 +3,6 @@ import { Command, given, message, model, story } from 'foldkit/story'
 import { expect, test } from 'vitest'
 
 import { Tabs } from '@foldkit/ui'
-import { Message as TabsMessage } from '@foldkit/ui/tabs'
 
 import {
   FetchPostDetail,
@@ -32,16 +31,16 @@ const postDetailTag = (model: Model, postId: string): string =>
   )
 
 const selectedPostsTab = Message.GotTabsMessage({
-  message: TabsMessage.SelectedTab({ index: 0, value: 'Posts' }),
+  message: Tabs.Message.SelectedTab({ index: 0, value: 'Posts' }),
 })
 
 const selectedStatsTab = Message.GotTabsMessage({
-  message: TabsMessage.SelectedTab({ index: 1, value: 'Stats' }),
+  message: Tabs.Message.SelectedTab({ index: 1, value: 'Stats' }),
 })
 
 const resolveFocusTab = Command.resolve(
   Tabs.FocusTab,
-  TabsMessage.CompletedFocusTab(),
+  Tabs.Message.CompletedFocusTab(),
 )
 
 test('first visit to the Stats tab fetches stats', () => {

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

@@ -19,9 +19,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -18,9 +18,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -20,9 +20,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -12,7 +12,6 @@ import {
 import { describe, test } from 'vitest'
 
 import { RadioGroup } from '@foldkit/ui'
-import { Message as RadioGroupMessage } from '@foldkit/ui/radioGroup'
 
 import { SyncChart } from './command'
 import { loadingModel, readyModel, sampleTelemetry } from './main.fixtures'
@@ -34,7 +33,7 @@ const acknowledgeChartSync = Command.resolve(
 
 const resolveFocusOption = Command.resolve(
   RadioGroup.FocusOption,
-  RadioGroupMessage.CompletedFocusOption(),
+  RadioGroup.Message.CompletedFocusOption(),
 )
 
 describe('view', () => {

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

@@ -2,7 +2,6 @@ import { Command, given, message, model, story } from 'foldkit/story'
 import { expect, test } from 'vitest'
 
 import { RadioGroup } from '@foldkit/ui'
-import { Message as RadioGroupMessage } from '@foldkit/ui/radioGroup'
 
 import { FetchTelemetry, SyncChart } from './command'
 import {
@@ -18,7 +17,7 @@ import { update } from './update'
 
 const selectedChartMode = (chartMode: ChartMode) =>
   Message.GotChartModeRadioGroupMessage({
-    message: RadioGroupMessage.SelectedOption({
+    message: RadioGroup.Message.SelectedOption({
       index: chartModes.indexOf(chartMode),
       value: chartMode,
     }),
@@ -26,7 +25,7 @@ const selectedChartMode = (chartMode: ChartMode) =>
 
 const selectedPackage = (packageId: PackageId) =>
   Message.GotPackageRadioGroupMessage({
-    message: RadioGroupMessage.SelectedOption({
+    message: RadioGroup.Message.SelectedOption({
       index: packageIds.indexOf(packageId),
       value: packageId,
     }),
@@ -34,7 +33,7 @@ const selectedPackage = (packageId: PackageId) =>
 
 const resolveChartModeFocus = Command.resolve(
   RadioGroup.FocusOption,
-  RadioGroupMessage.CompletedFocusOption(),
+  RadioGroup.Message.CompletedFocusOption(),
 )
 
 test('mounting the chart syncs current telemetry into ECharts', () => {

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

@@ -18,9 +18,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -18,9 +18,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -18,9 +18,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -18,9 +18,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -19,9 +19,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -18,9 +18,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -18,9 +18,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

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

@@ -19,9 +19,7 @@
     "@foldkit/devtools": "workspace:*",
     "@foldkit/vite-plugin": "workspace:*",
     "@tailwindcss/vite": "^4.3.3",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "happy-dom": "^20.11.13",
-    "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.2.2",

package/dist/templates/examples/job-application/src/main.fixture.ts

@@ -0,0 +1,69 @@
+import { Array } from 'effect'
+import { Calendar } from 'foldkit'
+import { Valid } from 'foldkit/fieldValidation'
+import { evo } from 'foldkit/struct'
+
+import { Menu, Tabs } from '@foldkit/ui'
+
+import { type Model, Submission } from './model'
+import {
+  Attachments,
+  CoverLetter,
+  Education,
+  PersonalInfo,
+  Skills,
+  WorkHistory,
+} from './step'
+
+export const today = Calendar.make(2026, 4, 16)
+
+export const initialModel: Model = {
+  currentStep: 'PersonalInfo',
+  personalInfo: PersonalInfo.init(today),
+  workHistory: WorkHistory.init(today, 'work-history-entry-1'),
+  education: Education.init(today, 'education-entry-1'),
+  skills: Skills.init('skills-entry-1'),
+  coverLetter: CoverLetter.init(),
+  attachments: Attachments.init(),
+  isPreviewVisible: false,
+  submission: Submission.NotSubmitted(),
+  stepMenu: Menu.init({ id: 'step-menu' }),
+  stepTabs: Tabs.init({ id: 'step-tabs' }),
+  isSubmitAttempted: false,
+}
+
+export const completeModel: Model = evo(initialModel, {
+  personalInfo: personalInfo =>
+    evo(personalInfo, {
+      firstName: () => Valid({ value: 'Jane' }),
+      lastName: () => Valid({ value: 'Doe' }),
+      email: () => Valid({ value: 'jane@example.com' }),
+    }),
+  workHistory: workHistory =>
+    evo(workHistory, {
+      entries: Array.map(entry =>
+        evo(entry, {
+          company: () => Valid({ value: 'Foldkit' }),
+          title: () => Valid({ value: 'Engineer' }),
+        }),
+      ),
+    }),
+  education: education =>
+    evo(education, {
+      entries: Array.map(entry =>
+        evo(entry, {
+          school: () => Valid({ value: 'MIT' }),
+          degree: () => Valid({ value: 'BS' }),
+          fieldOfStudy: () => Valid({ value: 'CS' }),
+        }),
+      ),
+    }),
+  skills: skills =>
+    evo(skills, {
+      entries: Array.map(entry =>
+        evo(entry, {
+          name: () => Valid({ value: 'TypeScript' }),
+        }),
+      ),
+    }),
+})

package/dist/templates/examples/job-application/src/main.ts

@@ -15,7 +15,7 @@ import {
   WorkHistory,
 } from './step'
 import { update } from './update'
-import { view } from './view'
+import { view } from './view/view'
 
 // FLAGS
 

package/dist/templates/examples/job-application/src/scene.test.ts

@@ -1,5 +1,4 @@
-import { Calendar } from 'foldkit'
-import { Valid, Validating } from 'foldkit/fieldValidation'
+import { Validating } from 'foldkit/fieldValidation'
 import {
   Command,
   click,
@@ -12,75 +11,16 @@ import {
 } from 'foldkit/scene'
 import { describe, test } from 'vitest'
 
-import { Menu, Tabs } from '@foldkit/ui'
-import { Message as TabsMessage } from '@foldkit/ui/tabs'
+import { Tabs } from '@foldkit/ui'
 
-import { type Model, Submission } from './model'
-import {
-  Attachments,
-  CoverLetter,
-  Education,
-  PersonalInfo,
-  Skills,
-  WorkHistory,
-} from './step'
+import { completeModel, initialModel } from './main.fixture'
+import { Submission } from './model'
 import { update } from './update'
-import { view } from './view'
-
-const today = Calendar.make(2026, 4, 16)
-
-const initialModel: Model = {
-  currentStep: 'PersonalInfo',
-  personalInfo: PersonalInfo.init(today),
-  workHistory: WorkHistory.init(today, 'work-history-entry-1'),
-  education: Education.init(today, 'education-entry-1'),
-  skills: Skills.init('skills-entry-1'),
-  coverLetter: CoverLetter.init(),
-  attachments: Attachments.init(),
-  isPreviewVisible: false,
-  submission: Submission.NotSubmitted(),
-  stepMenu: Menu.init({ id: 'step-menu' }),
-  stepTabs: Tabs.init({ id: 'step-tabs' }),
-  isSubmitAttempted: false,
-}
-
-const completeModel: Model = {
-  ...initialModel,
-  personalInfo: {
-    ...initialModel.personalInfo,
-    firstName: Valid({ value: 'Jane' }),
-    lastName: Valid({ value: 'Doe' }),
-    email: Valid({ value: 'jane@example.com' }),
-  },
-  workHistory: {
-    ...initialModel.workHistory,
-    entries: initialModel.workHistory.entries.map(entry => ({
-      ...entry,
-      company: Valid({ value: 'Foldkit' }),
-      title: Valid({ value: 'Engineer' }),
-    })),
-  },
-  education: {
-    ...initialModel.education,
-    entries: initialModel.education.entries.map(entry => ({
-      ...entry,
-      school: Valid({ value: 'MIT' }),
-      degree: Valid({ value: 'BS' }),
-      fieldOfStudy: Valid({ value: 'CS' }),
-    })),
-  },
-  skills: {
-    ...initialModel.skills,
-    entries: initialModel.skills.entries.map(entry => ({
-      ...entry,
-      name: Valid({ value: 'TypeScript' }),
-    })),
-  },
-}
+import { view } from './view/view'
 
 const resolveFocusTab = Command.resolve(
   Tabs.FocusTab,
-  TabsMessage.CompletedFocusTab(),
+  Tabs.Message.CompletedFocusTab(),
 )
 
 describe('view', () => {

package/dist/templates/examples/job-application/src/step/attachments/index.ts

@@ -0,0 +1,2 @@
+export { Model, Message, init, update } from './attachments'
+export { view } from './view'

package/dist/templates/examples/job-application/src/step/attachments/scene.test.ts

@@ -0,0 +1,19 @@
+import { expect, given, role, scene, text } from 'foldkit/scene'
+import { describe, test } from 'vitest'
+
+import { init, update } from './attachments'
+import { view } from './view'
+
+describe('attachments', () => {
+  test('renders the resume and additional-files drop zones', () => {
+    scene(
+      { update, view },
+      given(init()),
+      expect(role('heading', { name: 'Resume (PDF)' })).toExist(),
+      expect(text('Drop your resume or click to upload')).toExist(),
+      expect(
+        role('heading', { name: 'Additional Files (optional)' }),
+      ).toExist(),
+    )
+  })
+})

package/dist/templates/examples/job-application/src/step/attachments/story.test.ts

@@ -0,0 +1,46 @@
+import { given, message, model, story } from 'foldkit/story'
+import { describe, expect, test } from 'vitest'
+
+import { FileDrop } from '@foldkit/ui'
+
+import { Message, init, update } from './attachments'
+
+describe('attachments', () => {
+  test('a dropped resume is stored as maybeResume', () => {
+    const resume = new globalThis.File(['pdf-bytes'], 'resume.pdf', {
+      type: 'application/pdf',
+    })
+
+    story(
+      update,
+      given(init()),
+      message(
+        Message.GotResumeDropMessage({
+          message: FileDrop.Message.DroppedFiles({ files: [resume] }),
+        }),
+      ),
+      model(model => {
+        expect(model.maybeResume._tag).toBe('Some')
+      }),
+    )
+  })
+
+  test('dropped additional files are appended to the list', () => {
+    const file = new globalThis.File(['content'], 'portfolio.pdf', {
+      type: 'application/pdf',
+    })
+
+    story(
+      update,
+      given(init()),
+      message(
+        Message.GotAdditionalFilesDropMessage({
+          message: FileDrop.Message.DroppedFiles({ files: [file] }),
+        }),
+      ),
+      model(model => {
+        expect(model.additionalFiles).toHaveLength(1)
+      }),
+    )
+  })
+})

package/dist/templates/examples/job-application/src/{view/attachments.ts → step/attachments/view.ts}

@@ -5,8 +5,7 @@ import type { Html, HtmlBuilder } from 'foldkit/html'
 
 import { Button, FileDrop } from '@foldkit/ui'
 
-import { Attachments } from '../step'
-import { Message } from '../step/attachments'
+import { Message, type Model } from './attachments'
 
 const BYTES_PER_KB = 1024
 const BYTES_PER_MB = BYTES_PER_KB * BYTES_PER_KB
@@ -27,10 +26,7 @@ const dropZoneClassName =
 const fileKey = (file: File.File): string =>
   `${File.name(file)}:${File.size(file)}:${file.lastModified}`
 
-const resumeView = (
-  resume: File.File,
-  h: HtmlBuilder<Attachments.Message>,
-): Html =>
+const resumeView = (resume: File.File, h: HtmlBuilder<Message>): Html =>
   h.div(
     [
       h.Class(
@@ -79,7 +75,7 @@ const resumeView = (
 const additionalFileView = (
   file: File.File,
   fileIndex: number,
-  h: HtmlBuilder<Attachments.Message>,
+  h: HtmlBuilder<Message>,
 ): Html =>
   h.keyed('div')(
     fileKey(file),
@@ -119,10 +115,7 @@ const additionalFileView = (
     ],
   )
 
-export const attachmentsView = Submodel.defineView<
-  Attachments.Model,
-  Attachments.Message
->((model, h): Html => {
+export const view = Submodel.defineView<Model, Message>((model, h): Html => {
   const { resumeDrop, maybeResume, additionalFilesDrop, additionalFiles } =
     model
 

package/dist/templates/examples/job-application/src/{view → step/coverLetter}/coverLetter.ts

@@ -1,19 +1,48 @@
 import clsx from 'clsx'
-import { Submodel } from 'foldkit'
+import { Schema } from 'effect'
+import { Submodel, type Update } from 'foldkit'
 import type { Html } from 'foldkit/html'
+import { defineMessageUnion } from 'foldkit/message'
+import { evo } from 'foldkit/struct'
 
 import { Textarea } from '@foldkit/ui'
 
-import { CoverLetter } from '../step'
-import { Message } from '../step/coverLetter'
+// MODEL
+
+export const Model = Schema.Struct({
+  content: Schema.String,
+})
+export type Model = typeof Model.Type
+
+// MESSAGE
+
+export const Message = defineMessageUnion({
+  UpdatedContent: { value: Schema.String },
+})
+
+export type Message = typeof Message.Type
+
+// INIT
+
+export const init = (): Model => ({
+  content: '',
+})
+
+// UPDATE
+
+export const update = (model: Model, message: Message) =>
+  Message.match<Update.Return<Model, Message>>(message, {
+    UpdatedContent: ({ value }) => ({
+      model: evo(model, { content: () => value }),
+    }),
+  })
+
+// VIEW
 
 const MAX_COVER_LETTER_LENGTH = 2000
 const WARNING_THRESHOLD_CHARS = 200
 
-export const coverLetterView = Submodel.defineView<
-  CoverLetter.Model,
-  CoverLetter.Message
->((model, h): Html => {
+export const view = Submodel.defineView<Model, Message>((model, h): Html => {
   const remaining = MAX_COVER_LETTER_LENGTH - model.content.length
   const isOverLimit = remaining < 0
   const isWarning = !isOverLimit && remaining <= WARNING_THRESHOLD_CHARS

package/dist/templates/examples/job-application/src/step/coverLetter/index.ts

@@ -0,0 +1 @@
+export { Model, Message, init, update, view } from './coverLetter'

package/dist/templates/examples/job-application/src/step/coverLetter/scene.test.ts

@@ -0,0 +1,24 @@
+import { expect, given, label, scene, text, type } from 'foldkit/scene'
+import { describe, test } from 'vitest'
+
+import { init, update, view } from './coverLetter'
+
+describe('coverLetter', () => {
+  test('renders the cover letter field', () => {
+    scene(
+      { update, view },
+      given(init()),
+      expect(label('Cover Letter')).toExist(),
+      expect(text('2000 characters remaining')).toExist(),
+    )
+  })
+
+  test('typing updates the remaining character count', () => {
+    scene(
+      { update, view },
+      given(init()),
+      type(label('Cover Letter'), 'Hello'),
+      expect(text('1995 characters remaining')).toExist(),
+    )
+  })
+})