P387:[{"_402":67,"_403":71,"_404":405},"app1","app2","diffPatch","diff --git a/package.json b/package.json\nindex d029c25..729f665 100644\n--- a/package.json\n+++ b/package.json\n@@ -1,12 +1,10 @@\n {\n \"type\": \"module\",\n- \"name\": \"exercises_02.vitest-browser-mode_05.solution.multiple-workspaces\",\n+ \"name\": \"exercises_03.best-practices_01.problem.queries\",\n \"scripts\": {\n \"dev\": \"vite\",\n \"test\": \"vitest\",\n- \"build\": \"vite build\",\n- \"test:unit\": \"vitest --project=unit\",\n- \"test:integration\": \"vitest --project=browser\"\n+ \"build\": \"vite build\"\n },\n \"dependencies\": {\n \"react\": \"^19.0.0\",\n@@ -14,7 +12,6 @@\n },\n \"devDependencies\": {\n \"@tailwindcss/vite\": \"^4.0.11\",\n- \"@types/node\": \"^22.10.6\",\n \"@types/react\": \"^19.0.6\",\n \"@types/react-dom\": \"^19.0.3\",\n \"@vitejs/plugin-react\": \"^4.3.4\",\ndiff --git a/src/app.tsx b/src/app.tsx\nindex 45b49bb..58f3fd6 100644\n--- a/src/app.tsx\n+++ b/src/app.tsx\n@@ -1,38 +1,5 @@\n-import { useState } from 'react'\n-import { FilePreview } from './file-preview.jsx'\n+import { DiscountCodeForm } from './discount-code-form.js'\n \n export function App() {\n-\tconst [file, setFile] = useState()\n-\n-\treturn (\n-\t\t

\n-\t\t\t{file ? (\n-\t\t\t\t

\n-\t\t\t\t\t\n-\t\t\t\t\t setFile(undefined)}\n-\t\t\t\t\t>\n-\t\t\t\t\t\tPreview another file\n-\t\t\t\t\t\n-\t\t\t\t

\n-\t\t\t) : (\n-\t\t\t\t

\n-\t\t\t\t\t {\n-\t\t\t\t\t\t\tconst [selectedFile] = event.currentTarget.files || []\n-\n-\t\t\t\t\t\t\tif (selectedFile) {\n-\t\t\t\t\t\t\t\tsetFile(selectedFile)\n-\t\t\t\t\t\t\t}\n-\t\t\t\t\t\t}}\n-\t\t\t\t\t/>\n-\t\t\t\t

\n-\t\t\t)}\n-\t\t

\n-\t)\n+\treturn \n }\ndiff --git a/src/discount-code-form.browser.test.tsx b/src/discount-code-form.browser.test.tsx\nnew file mode 100644\nindex 0000000..89d1a81\n--- /dev/null\n+++ b/src/discount-code-form.browser.test.tsx\n@@ -0,0 +1,21 @@\n+import { page } from '@vitest/browser/context'\n+import { render } from 'vitest-browser-react'\n+import { DiscountCodeForm } from './discount-code-form'\n+\n+test('renders the discount form', async () => {\n+\trender()\n+\n+\t// 🐨 Create a variable called `discountInput` and assign it\n+\t// the result of locating the element by label text \"Discount code\".\n+\t// 💰 const discountInput = page.getByLabelText(labelText)\n+\t//\n+\t// 🐨 Write an assertion that the `discountInput` element is visible.\n+\t// 💰 await expect.element(locator).toBeVisible()\n+\t//\n+\t// 🐨 Create a new variable called `applyDiscountButton` and assign it\n+\t// the result of locating the element by role 'button' and accessible name\n+\t// \"Apply discount\".\n+\t// 💰 const applyDiscountButton = page.getByRole(role, { name: accessibleName })\n+\t//\n+\t// 🐨 Finally, write another assertion that the apply discount button is visible.\n+})\ndiff --git a/src/discount-code-form.tsx b/src/discount-code-form.tsx\nnew file mode 100644\nindex 0000000..44a44be\n--- /dev/null\n+++ b/src/discount-code-form.tsx\n@@ -0,0 +1,57 @@\n+import { useState, type FormEventHandler } from 'react'\n+\n+export interface Discount {\n+\tcode: string\n+\tamount: number\n+}\n+\n+export function DiscountCodeForm() {\n+\tconst [appliedDiscount, setAppliedDiscount] = useState()\n+\n+\tconst handleSubmit: FormEventHandler = async (event) => {\n+\t\tevent.preventDefault()\n+\n+\t\tconst data = new FormData(event.currentTarget)\n+\t\tconst code = data.get('discountCode') as string\n+\n+\t\tsetAppliedDiscount({\n+\t\t\tcode,\n+\t\t\tamount: 20,\n+\t\t})\n+\t}\n+\n+\treturn (\n+\t\t

\n+\t\t\t{appliedDiscount ? (\n+\t\t\t\t

\n+\t\t\t\t\tDiscount: {appliedDiscount.code} (-\n+\t\t\t\t\t{appliedDiscount.amount}%)\n+\t\t\t\t

\n+\t\t\t) : (\n+\t\t\t\t

\n+\t)\n+}\ndiff --git a/src/file-preview.browser.test.tsx b/src/file-preview.browser.test.tsx\ndeleted file mode 100644\nindex f61837f..0000000\n--- a/src/file-preview.browser.test.tsx\n+++ /dev/null\n@@ -1,10 +0,0 @@\n-import { page } from '@vitest/browser/context'\n-import { render } from 'vitest-browser-react'\n-import { FilePreview } from './file-preview'\n-\n-test('displays the preview card', async () => {\n-\trender()\n-\n-\tawait expect.element(page.getByText('file.txt')).toBeVisible()\n-\tawait expect.element(page.getByText('hello world')).toBeVisible()\n-})\ndiff --git a/src/file-preview.tsx b/src/file-preview.tsx\ndeleted file mode 100644\nindex ef73f86..0000000\n--- a/src/file-preview.tsx\n+++ /dev/null\n@@ -1,21 +0,0 @@\n-import { useEffect, useState } from 'react'\n-import { readFile } from './utils/read-file.js'\n-\n-export function FilePreview({ file }: { file: File }) {\n-\tconst [previewText, setPreviewText] = useState()\n-\n-\tuseEffect(() => {\n-\t\treadFile(file).then(setPreviewText)\n-\t}, [file])\n-\n-\treturn (\n-\t\t

\n-\t\t\t

\n-\t\t\t\t

\n-\t\t\t\t\t{file.name}\n-\t\t\t\t

\n-\t\t\t\t

{previewText}

\n-\t\t\t

\n-\t\t

\n-\t)\n-}\ndiff --git a/src/utils/read-file.test.ts b/src/utils/read-file.test.ts\ndeleted file mode 100644\nindex 0456c8b..0000000\n--- a/src/utils/read-file.test.ts\n+++ /dev/null\n@@ -1,13 +0,0 @@\n-import { readFile } from './read-file'\n-\n-test('returns contents of a text file', async () => {\n-\tawait expect(readFile(new File(['hello world'], 'file.txt'))).resolves.toBe(\n-\t\t'hello world',\n-\t)\n-})\n-\n-test('returns contents of a buffer file', async () => {\n-\tawait expect(\n-\t\treadFile(new File([new TextEncoder().encode('hello world')], 'file.txt')),\n-\t).resolves.toBe('hello world')\n-})\ndiff --git a/src/utils/read-file.ts b/src/utils/read-file.ts\ndeleted file mode 100644\nindex 90862f7..0000000\n--- a/src/utils/read-file.ts\n+++ /dev/null\n@@ -1,3 +0,0 @@\n-export async function readFile(file: File): Promise {\n-\treturn file.text()\n-}\ndiff --git a/tsconfig.app.json b/tsconfig.app.json\nindex ed23433..bd1d0f4 100644\n--- a/tsconfig.app.json\n+++ b/tsconfig.app.json\n@@ -1,7 +1,7 @@\n {\n \t\"extends\": \"./tsconfig.base.json\",\n \t\"include\": [\"src/**/*\"],\n-\t\"exclude\": [\"src/**/*.test.ts*\"],\n+\t\"exclude\": [\"src/**/*.browser.test.ts*\"],\n \t\"compilerOptions\": {\n \t\t\"lib\": [\"ES2020\", \"DOM\", \"DOM.Iterable\"],\n \t\t\"jsx\": \"react-jsx\"\ndiff --git a/tsconfig.json b/tsconfig.json\nindex 7c7c8ec..8ccdfa5 100644\n--- a/tsconfig.json\n+++ b/tsconfig.json\n@@ -3,7 +3,6 @@\n \t\"references\": [\n \t\t{ \"path\": \"./tsconfig.app.json\" },\n \t\t{ \"path\": \"./tsconfig.node.json\" },\n-\t\t{ \"path\": \"./tsconfig.test.unit.json\" },\n \t\t{ \"path\": \"./tsconfig.test.browser.json\" }\n \t]\n }\ndiff --git a/tsconfig.test.unit.json b/tsconfig.test.unit.json\ndeleted file mode 100644\nindex bf721eb..0000000\n--- a/tsconfig.test.unit.json\n+++ /dev/null\n@@ -1,8 +0,0 @@\n-{\n-\t\"extends\": \"./tsconfig.base.json\",\n-\t\"include\": [\"src/**/*.test.ts*\"],\n-\t\"exclude\": [\"src/**/*.browser.test.ts*\"],\n-\t\"compilerOptions\": {\n-\t\t\"types\": [\"node\", \"vitest/globals\"]\n-\t}\n-}\ndiff --git a/vite.config.ts b/vite.config.ts\nindex e3035c8..b7554c7 100644\n--- a/vite.config.ts\n+++ b/vite.config.ts\n@@ -1,6 +1,5 @@\n /// \n import { defineConfig } from 'vite'\n-import { configDefaults } from 'vitest/config'\n import react from '@vitejs/plugin-react'\n import tailwindcss from '@tailwindcss/vite'\n \n@@ -10,24 +9,11 @@ export default defineConfig({\n \t\tport: process.env.PORT ? Number(process.env.PORT) : undefined,\n \t},\n \ttest: {\n-\t\tworkspace: [\n-\t\t\t{\n-\t\t\t\ttest: {\n-\t\t\t\t\tname: 'unit',\n-\t\t\t\t\tglobals: true,\n-\t\t\t\t\tenvironment: 'node',\n-\t\t\t\t\tinclude: ['./src/**/*.test.ts'],\n-\t\t\t\t\texclude: [...configDefaults.exclude, 'src/**/*.browser.test.ts(x)?'],\n-\t\t\t\t},\n-\t\t\t},\n-\t\t\t{\n-\t\t\t\textends: true,\n-\t\t\t\ttest: {\n-\t\t\t\t\tname: 'browser',\n \t\tglobals: true,\n-\t\t\t\t\tinclude: ['./src/**/*.browser.test.ts(x)?'],\n+\t\tinclude: ['**/*.browser.test.ts(x)?'],\n \t\tbrowser: {\n \t\t\tenabled: true,\n+\t\t\theadless: true,\n \t\t\tprovider: 'playwright',\n \t\t\tinstances: [\n \t\t\t\t{\n@@ -37,7 +23,4 @@ export default defineConfig({\n \t\t\t],\n \t\t},\n \t},\n-\t\t\t},\n-\t\t],\n-\t},\n })"]

package.json-19+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/app.tsx-38+5App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/discount-code-form.browser.test.tsx-0+21App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/discount-code-form.tsx-0+57App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/file-preview.browser.test.tsx-10+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/file-preview.tsx-21+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/utils/read-file.test.ts-13+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/utils/read-file.ts-3+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tsconfig.app.json-7+7App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tsconfig.json-7+6App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tsconfig.test.unit.json-8+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

vite.config.ts-37+20App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

package.json-19+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/app.tsx-38+5App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/discount-code-form.browser.test.tsx-0+21App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/discount-code-form.tsx-0+57App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/file-preview.browser.test.tsx-10+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/file-preview.tsx-21+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/utils/read-file.test.ts-13+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

src/utils/read-file.ts-3+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tsconfig.app.json-7+7App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tsconfig.json-7+6App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tsconfig.test.unit.json-8+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

vite.config.ts-37+20App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2