P429:[{"_444":83,"_445":87,"_446":447},"app1","app2","diffPatch","diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md\nnew file mode 100644\nindex 0000000..84a2084\n--- /dev/null\n+++ b/.github/PULL_REQUEST_TEMPLATE.md\n@@ -0,0 +1,15 @@\n+\n+\n+## Test Plan\n+\n+\n+\n+## Checklist\n+\n+- [ ] Tests updated\n+- [ ] Docs updated\n+\n+## Screenshots\n+\n+\ndiff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml\nnew file mode 100644\nindex 0000000..49cbbad\n--- /dev/null\n+++ b/.github/workflows/deploy.yml\n@@ -0,0 +1,229 @@\n+name: 🚀 Deploy\n+on:\n+ push:\n+ branches:\n+ - main\n+ - dev\n+ pull_request: {}\n+\n+concurrency:\n+ group: ${{ github.workflow }}-${{ github.ref }}\n+ cancel-in-progress: true\n+\n+permissions:\n+ actions: write\n+ contents: read\n+\n+jobs:\n+ lint:\n+ name: ⬣ ESLint\n+ runs-on: ubuntu-22.04\n+ steps:\n+ - name: ⬇️ Checkout repo\n+ uses: actions/checkout@v4\n+\n+ - name: ⎔ Setup node\n+ uses: actions/setup-node@v4\n+ with:\n+ node-version: 22\n+\n+ - name: 📥 Download deps\n+ uses: bahmutov/npm-install@v1\n+\n+ - name: 🏄 Copy test env vars\n+ run: cp .env.example .env\n+\n+ - name: 🛠 Setup Database\n+ run: npx prisma migrate deploy && npx prisma generate --sql\n+\n+ - name: 🔬 Lint\n+ run: npm run lint\n+\n+ typecheck:\n+ name: ʦ TypeScript\n+ runs-on: ubuntu-22.04\n+ steps:\n+ - name: ⬇️ Checkout repo\n+ uses: actions/checkout@v4\n+\n+ - name: ⎔ Setup node\n+ uses: actions/setup-node@v4\n+ with:\n+ node-version: 22\n+\n+ - name: 📥 Download deps\n+ uses: bahmutov/npm-install@v1\n+\n+ - name: 🏗 Build\n+ run: npm run build\n+\n+ - name: 🏄 Copy test env vars\n+ run: cp .env.example .env\n+\n+ - name: 🛠 Setup Database\n+ run: npx prisma migrate deploy && npx prisma generate --sql\n+\n+ - name: 🔎 Type check\n+ run: npm run typecheck --if-present\n+\n+ vitest:\n+ name: ⚡ Vitest\n+ runs-on: ubuntu-22.04\n+ steps:\n+ - name: ⬇️ Checkout repo\n+ uses: actions/checkout@v4\n+\n+ - name: ⎔ Setup node\n+ uses: actions/setup-node@v4\n+ with:\n+ node-version: 22\n+\n+ - name: 📥 Download deps\n+ uses: bahmutov/npm-install@v1\n+\n+ - name: 🏄 Copy test env vars\n+ run: cp .env.example .env\n+\n+ - name: 🛠 Setup Database\n+ run: npx prisma migrate deploy && npx prisma generate --sql\n+\n+ - name: ⚡ Run vitest\n+ run: npm run test -- --coverage\n+\n+ playwright:\n+ name: 🎭 Playwright\n+ runs-on: ubuntu-22.04\n+ timeout-minutes: 60\n+ steps:\n+ - name: ⬇️ Checkout repo\n+ uses: actions/checkout@v4\n+\n+ - name: 🏄 Copy test env vars\n+ run: cp .env.example .env\n+\n+ - name: ⎔ Setup node\n+ uses: actions/setup-node@v4\n+ with:\n+ node-version: 22\n+\n+ - name: 📥 Download deps\n+ uses: bahmutov/npm-install@v1\n+\n+ - name: 📥 Install Playwright Browsers\n+ run: npm run test:e2e:install\n+\n+ - name: 🛠 Setup Database\n+ run: npx prisma migrate deploy && npx prisma generate --sql\n+\n+ - name: 🏦 Cache Database\n+ id: db-cache\n+ uses: actions/cache@v4\n+ with:\n+ path: prisma/data.db\n+ key:\n+ db-cache-schema_${{ hashFiles('./prisma/schema.prisma')\n+ }}-migrations_${{ hashFiles('./prisma/migrations/*/migration.sql')\n+ }}\n+\n+ - name: 🌱 Seed Database\n+ if: steps.db-cache.outputs.cache-hit != 'true'\n+ run: npx prisma migrate reset --force\n+\n+ - name: 🏗 Build\n+ run: npm run build\n+\n+ - name: 🎭 Playwright tests\n+ run: npx playwright test\n+\n+ - name: 📊 Upload report\n+ uses: actions/upload-artifact@v4\n+ if: always()\n+ with:\n+ name: playwright-report\n+ path: playwright-report/\n+ retention-days: 30\n+\n+ container:\n+ name: 📦 Prepare Container\n+ runs-on: ubuntu-24.04\n+ # only prepare container on pushes\n+ if: ${{ github.event_name == 'push' }}\n+ steps:\n+ - name: ⬇️ Checkout repo\n+ uses: actions/checkout@v4\n+ with:\n+ fetch-depth: 50\n+\n+ - name: 👀 Read app name\n+ uses: SebRollen/toml-action@v1.2.0\n+ id: app_name\n+ with:\n+ file: 'fly.toml'\n+ field: 'app'\n+\n+ - name: 🎈 Setup Fly\n+ uses: superfly/flyctl-actions/setup-flyctl@1.5\n+\n+ - name: 📦 Build Staging Container\n+ if: ${{ github.ref == 'refs/heads/dev' }}\n+ run: |\n+ flyctl deploy \\\n+ --build-only \\\n+ --push \\\n+ --image-label ${{ github.sha }} \\\n+ --build-arg COMMIT_SHA=${{ github.sha }} \\\n+ --app ${{ steps.app_name.outputs.value }}-staging\n+ env:\n+ FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}\n+\n+ - name: 📦 Build Production Container\n+ if: ${{ github.ref == 'refs/heads/main' }}\n+ run: |\n+ flyctl deploy \\\n+ --build-only \\\n+ --push \\\n+ --image-label ${{ github.sha }} \\\n+ --build-arg COMMIT_SHA=${{ github.sha }} \\\n+ --build-secret SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }} \\\n+ --app ${{ steps.app_name.outputs.value }}\n+ env:\n+ FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}\n+\n+ deploy:\n+ name: 🚀 Deploy\n+ runs-on: ubuntu-24.04\n+ needs: [lint, typecheck, vitest, playwright, container]\n+ # only deploy on pushes\n+ if: ${{ github.event_name == 'push' }}\n+ steps:\n+ - name: ⬇️ Checkout repo\n+ uses: actions/checkout@v4\n+ with:\n+ fetch-depth: '50'\n+\n+ - name: 👀 Read app name\n+ uses: SebRollen/toml-action@v1.2.0\n+ id: app_name\n+ with:\n+ file: 'fly.toml'\n+ field: 'app'\n+\n+ - name: 🎈 Setup Fly\n+ uses: superfly/flyctl-actions/setup-flyctl@1.5\n+\n+ - name: 🚀 Deploy Staging\n+ if: ${{ github.ref == 'refs/heads/dev' }}\n+ run: |\n+ flyctl deploy \\\n+ --image \"registry.fly.io/${{ steps.app_name.outputs.value }}-staging:${{ github.sha }}\" \\\n+ --app ${{ steps.app_name.outputs.value }}-staging\n+ env:\n+ FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}\n+\n+ - name: 🚀 Deploy Production\n+ if: ${{ github.ref == 'refs/heads/main' }}\n+ run: |\n+ flyctl deploy \\\n+ --image \"registry.fly.io/${{ steps.app_name.outputs.value }}:${{ github.sha }}\"\n+ env:\n+ FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}\ndiff --git a/.gitignore b/.gitignore\nindex d2b6ddf..e39d8e3 100644\n--- a/.gitignore\n+++ b/.gitignore\n@@ -6,8 +6,8 @@ node_modules\n \n .cache\n \n-/prisma/*.db\n-/prisma/*.db-journal\n+/prisma/data.db\n+/prisma/data.db-journal\n /tests/prisma\n \n /test-results/\ndiff --git a/app/routes/users+/$username_+/notes.tsx b/app/routes/users+/$username_+/notes.tsx\nindex ded41ca..4ffac3f 100644\n--- a/app/routes/users+/$username_+/notes.tsx\n+++ b/app/routes/users+/$username_+/notes.tsx\n@@ -51,22 +51,20 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {\n \t\t\t\t\t\t\t\t{ownerDisplayName}'s Notes\n \t\t\t\t\t\t\t\n \t\t\t\t\t\t\n-\t\t\t\t\t\t\n \t\t\t\t\t\t{isOwner ? (\n-\t\t\t\t\t\t\t\t

\n \t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\t\t\t\tcn(navLinkDefaultClassName, isActive && 'bg-accent')\n+\t\t\t\t\t\t\t\t\tcn('p-1', navLinkDefaultClassName, isActive && 'bg-accent')\n \t\t\t\t\t\t\t\t}\n \t\t\t\t\t\t\t>\n \t\t\t\t\t\t\t\tNew Note\n \t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\t

\n \t\t\t\t\t\t) : null}\n+\t\t\t\t\t\t\n \t\t\t\t\t\t\t{loaderData.owner.notes.map((note) => (\n \t\t\t\t\t\t\t\t

\n \t\t\t\t\t\t\t\t\t> }\n+//\n+// 🐨 In the body of the `createNotes` function, declare a variable called \"notes\".\n+// As the value for this variable, assign the result of creating multiple\n+// notes in the database.\n+// 💰 const notes = await prisma.note.createManyAndReturn({})\n+//\n+// 🐨 In the argument to the `createManyAndReturn` method call, provide the \"data\"\n+// key. As the value for the \"data\" key, iterate over `args.notes` and compose an\n+// object of the following shape:\n+// { ownerId: args.ownerId, ...note }\n+// 💰 { data: args.notes.map((note) => ({ ... })) }\n+//\n+// 🐨 From the `createNotes` function, return an object that has a key \"values\".\n+// Assign the `notes` variable as the value of the \"values\" key.\n+// 💰 return { this: that }\n+//\n+// 🐨 In the object returned from the `createNotes` function, add an asynchronous\n+// method that uses `Symbol.asyncDispose` as its dynamic key name. This will make\n+// the `createNotes` utility disposable so you can delete the notes you've created\n+// once this utility gets garbage-collected.\n+// 💰 return { async[Symbol.asyncDispose]() {} }\n+//\n+// 🐨 In the asynchronous dispose callback, use the `prisma` client to delete\n+// the notes where the owner id is `args.ownerId`.\n+// 💰 await prisma.note.deleteMany({ where: {} })\ndiff --git a/tests/e2e/notes-create.test.ts b/tests/e2e/notes-create.test.ts\ndeleted file mode 100644\nindex 2d9a0a0..0000000\n--- a/tests/e2e/notes-create.test.ts\n+++ /dev/null\n@@ -1,16 +0,0 @@\n-import { test, expect } from '#tests/test-extend.ts'\n-\n-test('creates a new note', async ({ navigate, authenticate, page }) => {\n-\tconst { user } = await authenticate({ as: 'user' })\n-\n-\tawait navigate('/users/:username/notes/new', { username: user.username })\n-\n-\tawait page.getByLabel('Title').fill('My new note')\n-\tawait page.getByLabel('Content').fill('Hello world')\n-\tawait page.getByRole('button', { name: 'Submit' }).click()\n-\n-\tawait expect(page.getByRole('heading', { name: 'My new note' })).toBeVisible()\n-\tawait expect(\n-\t\tpage.getByLabel('My new note').getByText('Hello world'),\n-\t).toBeVisible()\n-})\ndiff --git a/tests/e2e/notes-list.test.ts b/tests/e2e/notes-list.test.ts\nnew file mode 100644\nindex 0000000..e20e0f7\n--- /dev/null\n+++ b/tests/e2e/notes-list.test.ts\n@@ -0,0 +1,37 @@\n+import { createNotes } from '#tests/e2e/utils'\n+import { test, expect } from '#tests/test-extend.ts'\n+\n+test('displays all user notes', async ({ navigate, authenticate, page }) => {\n+\tconst { user } = await authenticate({ as: 'user' })\n+\n+\t// 🐨 Call the `createNotes` utility and await its result.\n+\t// 💰 await fn()\n+\t//\n+\t// 🐨 In the argument to the `createNotes` utility, provide an object\n+\t// with the following keys:\n+\t// - ownerId, the ID of the authenticated `user`;\n+\t// - data, an array of the notes to create.\n+\t//\n+\t// 🐨 In the `data` property of the `createNotes` argument,\n+\t// list a few notes you want to create for this user. Follow the types\n+\t// to provide the required properties of the notes.\n+\t//\n+\t// 🐨 Consume the result of the `createNotes` utility as\n+\t// an asynchronous disposable object called \"notes\".\n+\t// This means using the special `await using` keywords instead of `const`.\n+\t// 💰 await using notes = await fn()\n+\n+\tawait navigate('/users/:username/notes', { username: user.username })\n+\n+\t// 🐨 Declare a variable called `noteLinks`.\n+\t// As the value for this variable, assign it a result of creating a nested\n+\t// locator in Playwright, using the `page` object. The locator is composed\n+\t// of the following accessible roles:\n+\t// main -> list -> listitem -> link.\n+\t// 💰 page.getByRole(one).getByRole(two).getByRole(three)\n+\n+\t// 🐨 Finally, write an assertion that the `noteLinks` have the text content\n+\t// equal to the titles of the created notes. Feel free to map `notes.values`\n+\t// to create the expected array dynamically.\n+\t// 💰 await expect(locator).toHaveText(['one', 'two'])\n+})"]

.github/PULL_REQUEST_TEMPLATE.md-0+15App 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

.github/workflows/deploy.yml-0+229App 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

.gitignore-8+8App 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/routes/users+/$username_+/notes.tsx-22+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

playwright.config.ts-19+11App 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

playwright.setup.ts-11+13App 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

tests/db-utils.ts-3+35App 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

tests/e2e/notes-create.test.ts-16+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

tests/e2e/notes-list.test.ts-0+37App 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

.github/PULL_REQUEST_TEMPLATE.md-0+15App 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

.github/workflows/deploy.yml-0+229App 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

.gitignore-8+8App 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/routes/users+/$username_+/notes.tsx-22+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

playwright.config.ts-19+11App 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

playwright.setup.ts-11+13App 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

tests/db-utils.ts-3+35App 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

tests/e2e/notes-create.test.ts-16+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

tests/e2e/notes-list.test.ts-0+37App 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