P413:[{"_428":67,"_429":71,"_430":431},"app1","app2","diffPatch","diff --git a/.cursor/rules/avoid-use-effect.mdc b/.cursor/rules/avoid-use-effect.mdc\nnew file mode 100644\nindex 0000000..64e53b5\n--- /dev/null\n+++ b/.cursor/rules/avoid-use-effect.mdc\n@@ -0,0 +1,81 @@\n+---\n+description: \n+globs: *.tsx,*.jsx\n+alwaysApply: false\n+---\n+### Avoid useEffect\n+\n+[You Might Not Need `useEffect`](https://react.dev/learn/you-might-not-need-an-effect)\n+\n+Instead of using `useEffect`, use ref callbacks, event handlers with\n+`flushSync`, css, `useSyncExternalStore`, etc.\n+\n+```tsx\n+// This example was ripped from the docs:\n+// ✅ Good\n+function ProductPage({ product, addToCart }) {\n+\tfunction buyProduct() {\n+\t\taddToCart(product)\n+\t\tshowNotification(`Added ${product.name} to the shopping cart!`)\n+\t}\n+\n+\tfunction handleBuyClick() {\n+\t\tbuyProduct()\n+\t}\n+\n+\tfunction handleCheckoutClick() {\n+\t\tbuyProduct()\n+\t\tnavigateTo('/checkout')\n+\t}\n+\t// ...\n+}\n+\n+useEffect(() => {\n+\tsetCount(count + 1)\n+}, [count])\n+\n+// ❌ Avoid\n+function ProductPage({ product, addToCart }) {\n+\tuseEffect(() => {\n+\t\tif (product.isInCart) {\n+\t\t\tshowNotification(`Added ${product.name} to the shopping cart!`)\n+\t\t}\n+\t}, [product])\n+\n+\tfunction handleBuyClick() {\n+\t\taddToCart(product)\n+\t}\n+\n+\tfunction handleCheckoutClick() {\n+\t\taddToCart(product)\n+\t\tnavigateTo('/checkout')\n+\t}\n+\t// ...\n+}\n+```\n+\n+There are a lot more examples in the docs. `useEffect` is not banned or\n+anything. There are just better ways to handle most cases.\n+\n+Here's an example of a situation where `useEffect` is appropriate:\n+\n+```tsx\n+// ✅ Good\n+useEffect(() => {\n+\tconst controller = new AbortController()\n+\n+\twindow.addEventListener(\n+\t\t'keydown',\n+\t\t(event: KeyboardEvent) => {\n+\t\t\tif (event.key !== 'Escape') return\n+\n+\t\t\t// do something based on escape key being pressed\n+\t\t},\n+\t\t{ signal: controller.signal },\n+\t)\n+\n+\treturn () => {\n+\t\tcontroller.abort()\n+\t}\n+}, [])\n+```\ndiff --git a/app/routes/_auth+/auth.$provider.callback.test.ts b/app/routes/_auth+/auth.$provider.callback.test.ts\nindex 3765dd7..643e453 100644\n--- a/app/routes/_auth+/auth.$provider.callback.test.ts\n+++ b/app/routes/_auth+/auth.$provider.callback.test.ts\n@@ -9,7 +9,7 @@ import { GITHUB_PROVIDER_NAME } from '#app/utils/connections.tsx'\n import { prisma } from '#app/utils/db.server.ts'\n import { authSessionStorage } from '#app/utils/session.server.ts'\n import { generateTOTP } from '#app/utils/totp.server.ts'\n-import { generateUserInfo } from '#tests/db-utils.ts'\n+import { createUser } from '#tests/db-utils.ts'\n import { insertGitHubUser, deleteGitHubUsers } from '#tests/mocks/github.ts'\n import { server } from '#tests/mocks/index.ts'\n import { consoleError } from '#tests/setup/setup-test-env.ts'\n@@ -109,7 +109,7 @@ test(`when a user is logged in and has already connected, it doesn't do anything\n test('when a user exists with the same email, create connection and make session', async () => {\n \tconst githubUser = await insertGitHubUser()\n \tconst email = githubUser.primaryEmail.toLowerCase()\n-\tconst { userId } = await setupUser({ ...generateUserInfo(), email })\n+\tconst { userId } = await setupUser({ ...createUser(), email })\n \tconst request = await setupRequest({ code: githubUser.code })\n \tconst response = await loader({ request, params: PARAMS, context: {} })\n \n@@ -141,7 +141,7 @@ test('gives an error if the account is already connected to another user', async\n \tconst githubUser = await insertGitHubUser()\n \tawait prisma.user.create({\n \t\tdata: {\n-\t\t\t...generateUserInfo(),\n+\t\t\t...createUser(),\n \t\t\tconnections: {\n \t\t\t\tcreate: {\n \t\t\t\t\tproviderName: GITHUB_PROVIDER_NAME,\n@@ -245,7 +245,7 @@ async function setupRequest({\n \treturn request\n }\n \n-async function setupUser(userData = generateUserInfo()) {\n+async function setupUser(userData = createUser()) {\n \tconst session = await prisma.session.create({\n \t\tdata: {\n \t\t\texpirationDate: getSessionExpirationDate(),\ndiff --git a/app/routes/users+/$username.test.tsx b/app/routes/users+/$username.test.tsx\nindex 0884a24..b0784bd 100644\n--- a/app/routes/users+/$username.test.tsx\n+++ b/app/routes/users+/$username.test.tsx\n@@ -10,7 +10,7 @@ import { loader as rootLoader } from '#app/root.tsx'\n import { getSessionExpirationDate, sessionKey } from '#app/utils/auth.server.ts'\n import { prisma } from '#app/utils/db.server.ts'\n import { authSessionStorage } from '#app/utils/session.server.ts'\n-import { generateUserInfo, getUserImages } from '#tests/db-utils.ts'\n+import { createUser, getUserImages } from '#tests/db-utils.ts'\n import { default as UsernameRoute, loader } from './$username.tsx'\n \n test('The user profile when not logged in as self', async () => {\n@@ -19,7 +19,7 @@ test('The user profile when not logged in as self', async () => {\n \t\tuserImages[faker.number.int({ min: 0, max: userImages.length - 1 })]\n \tconst user = await prisma.user.create({\n \t\tselect: { id: true, username: true, name: true },\n-\t\tdata: { ...generateUserInfo(), image: { create: userImage } },\n+\t\tdata: { ...createUser(), image: { create: userImage } },\n \t})\n \tconst App = createRoutesStub([\n \t\t{\n@@ -44,7 +44,7 @@ test('The user profile when logged in as self', async () => {\n \t\tuserImages[faker.number.int({ min: 0, max: userImages.length - 1 })]\n \tconst user = await prisma.user.create({\n \t\tselect: { id: true, username: true, name: true },\n-\t\tdata: { ...generateUserInfo(), image: { create: userImage } },\n+\t\tdata: { ...createUser(), image: { create: userImage } },\n \t})\n \tconst session = await prisma.session.create({\n \t\tselect: { id: true },\ndiff --git a/package.json b/package.json\nindex 0ea3098..f4e9d7e 100644\n--- a/package.json\n+++ b/package.json\n@@ -1,5 +1,5 @@\n {\n- \"name\": \"exercises_02.authentication_03.solution.passkeys\",\n+ \"name\": \"exercises_02.authentication_04.problem.protected-logic\",\n \"private\": true,\n \"sideEffects\": false,\n \"type\": \"module\",\n@@ -150,7 +150,6 @@\n \"prettier-plugin-tailwindcss\": \"^0.6.11\",\n \"react-router-devtools\": \"^5.0.5\",\n \"remix-flat-routes\": \"^0.8.5\",\n- \"test-passkey\": \"^1.0.2\",\n \"tsx\": \"^4.19.4\",\n \"tw-animate-css\": \"^1.2.9\",\n \"typescript\": \"^5.8.3\",\ndiff --git a/prisma/seed.ts b/prisma/seed.ts\nindex 521e1d5..8454353 100644\n--- a/prisma/seed.ts\n+++ b/prisma/seed.ts\n@@ -3,7 +3,7 @@ import { prisma } from '#app/utils/db.server.ts'\n import { MOCK_CODE_GITHUB } from '#app/utils/providers/constants'\n import {\n \tcreatePassword,\n-\tgenerateUserInfo,\n+\tcreateUser,\n \tgetNoteImages,\n \tgetUserImages,\n } from '#tests/db-utils.ts'\n@@ -19,7 +19,7 @@ async function seed() {\n \tconst userImages = await getUserImages()\n \n \tfor (let index = 0; index < totalUsers; index++) {\n-\t\tconst userData = generateUserInfo()\n+\t\tconst userData = createUser()\n \t\tconst user = await prisma.user.create({\n \t\t\tselect: { id: true },\n \t\t\tdata: {\ndiff --git a/tests/db-utils.ts b/tests/db-utils.ts\nindex 22980ca..f701a8a 100644\n--- a/tests/db-utils.ts\n+++ b/tests/db-utils.ts\n@@ -1,12 +1,10 @@\n import { faker } from '@faker-js/faker'\n import bcrypt from 'bcryptjs'\n import { UniqueEnforcer } from 'enforce-unique'\n-import { getPasswordHash } from '#app/utils/auth.server.ts'\n-import { prisma } from '#app/utils/db.server.ts'\n \n const uniqueUsernameEnforcer = new UniqueEnforcer()\n \n-export function generateUserInfo() {\n+export function createUser() {\n \tconst firstName = faker.person.firstName()\n \tconst lastName = faker.person.lastName()\n \n@@ -32,59 +29,6 @@ export function generateUserInfo() {\n \t}\n }\n \n-export async function createUser() {\n-\tconst userInfo = generateUserInfo()\n-\tconst password = 'supersecret'\n-\tconst user = await prisma.user.create({\n-\t\tdata: {\n-\t\t\t...userInfo,\n-\t\t\tpassword: { create: { hash: await getPasswordHash(password) } },\n-\t\t},\n-\t})\n-\n-\treturn {\n-\t\tasync [Symbol.asyncDispose]() {\n-\t\t\tawait prisma.user.deleteMany({\n-\t\t\t\twhere: { id: user.id },\n-\t\t\t})\n-\t\t},\n-\t\t...user,\n-\t\tpassword,\n-\t}\n-}\n-\n-export async function createPasskey(input: {\n-\tid: string\n-\tuserId: string\n-\taaguid: string\n-\tpublicKey: Uint8Array\n-\tcounter?: number\n-}) {\n-\tconst passkey = await prisma.passkey.create({\n-\t\tdata: {\n-\t\t\tid: input.id,\n-\t\t\taaguid: input.aaguid,\n-\t\t\tuserId: input.userId,\n-\t\t\tpublicKey: input.publicKey,\n-\t\t\tbackedUp: false,\n-\t\t\twebauthnUserId: input.userId,\n-\t\t\tdeviceType: 'singleDevice',\n-\t\t\tcounter: input.counter || 0,\n-\t\t},\n-\t})\n-\n-\treturn {\n-\t\tasync [Symbol.asyncDispose]() {\n-\t\t\tawait prisma.passkey.deleteMany({\n-\t\t\t\twhere: {\n-\t\t\t\t\tid: passkey.id,\n-\t\t\t\t},\n-\t\t\t})\n-\t\t},\n-\t\t...passkey,\n-\t}\n-}\n-\n export function createPassword(password: string = faker.internet.password()) {\n \treturn {\n \t\thash: bcrypt.hashSync(password, 10),\ndiff --git a/tests/e2e/authentication-passkeys.test.ts b/tests/e2e/authentication-passkeys.test.ts\ndeleted file mode 100644\nindex 7aeeeef..0000000\n--- a/tests/e2e/authentication-passkeys.test.ts\n+++ /dev/null\n@@ -1,81 +0,0 @@\n-import { type Page } from '@playwright/test'\n-import { createTestPasskey } from 'test-passkey'\n-import { createPasskey, createUser } from '#tests/db-utils.ts'\n-import { test, expect } from '#tests/test-extend.ts'\n-\n-async function createWebAuthnClient(page: Page) {\n-\tconst session = await page.context().newCDPSession(page)\n-\tawait session.send('WebAuthn.enable')\n-\n-\tconst authenticator = await session.send('WebAuthn.addVirtualAuthenticator', {\n-\t\toptions: {\n-\t\t\tprotocol: 'ctap2',\n-\t\t\ttransport: 'internal',\n-\t\t\thasResidentKey: true,\n-\t\t\thasUserVerification: true,\n-\t\t\tisUserVerified: true,\n-\t\t\tautomaticPresenceSimulation: true,\n-\t\t},\n-\t})\n-\n-\treturn {\n-\t\tsession,\n-\t\tauthenticatorId: authenticator.authenticatorId,\n-\t}\n-}\n-\n-test('authenticates using an existing passkey', async ({ navigate, page }) => {\n-\tawait using user = await createUser()\n-\n-\tawait navigate('/login')\n-\n-\tconst passkey = createTestPasskey({\n-\t\trpId: new URL(page.url()).hostname,\n-\t})\n-\n-\tawait using _ = await createPasskey({\n-\t\tid: passkey.credential.credentialId,\n-\t\tuserId: user.id,\n-\t\taaguid: passkey.credential.aaguid || '',\n-\t\tpublicKey: passkey.publicKey,\n-\t})\n-\n-\tconst { session, authenticatorId } = await createWebAuthnClient(page)\n-\tawait session.send('WebAuthn.addCredential', {\n-\t\tauthenticatorId,\n-\t\tcredential: {\n-\t\t\t...passkey.credential,\n-\t\t\tisResidentCredential: true,\n-\t\t\tuserName: user.username,\n-\t\t\tuserHandle: btoa(user.id),\n-\t\t\tuserDisplayName: user.name ?? user.email,\n-\t\t},\n-\t})\n-\n-\tawait page.getByRole('button', { name: 'Login with a passkey' }).click()\n-\n-\tawait expect(page.getByRole('link', { name: user.name! })).toBeVisible()\n-})\n-\n-test('displays an error when authenticating via a passkey fails', async ({\n-\tnavigate,\n-\tpage,\n-}) => {\n-\tawait navigate('/login')\n-\n-\tconst { session, authenticatorId } = await createWebAuthnClient(page)\n-\tawait session.send('WebAuthn.setUserVerified', {\n-\t\tauthenticatorId,\n-\t\tisUserVerified: false,\n-\t})\n-\n-\tawait page.getByRole('button', { name: 'Login with a passkey' }).click()\n-\n-\tawait expect(\n-\t\tpage\n-\t\t\t.getByRole('alert')\n-\t\t\t.getByText(\n-\t\t\t\t'Failed to authenticate with passkey: The operation either timed out or was not allowed',\n-\t\t\t),\n-\t).toBeVisible()\n-})\ndiff --git a/tests/e2e/notes-create.test.ts b/tests/e2e/notes-create.test.ts\nnew file mode 100644\nindex 0000000..887cb0f\n--- /dev/null\n+++ b/tests/e2e/notes-create.test.ts\n@@ -0,0 +1,33 @@\n+import { test, expect } from '#tests/test-extend.ts'\n+\n+test('creates a new note', async ({\n+\t// 🐨 Reference the custom \"authenticate\" fixture from the test context.\n+\tpage,\n+}) => {\n+\t// 🐨 Authenticate as a \"user\" persona by calling the \"authenticate\" fixture\n+\t// and providing it with the options object. Specify the \"as\" key in that object\n+\t// and set its value to the name of the persona.\n+\t// 💰 await authenticate({ as: PERSONA_NAME })\n+\t//\n+\t// 🐨 Destructure the returned session object to get its \"user\" key.\n+\t// You will need it later in this test.\n+\t// 💰 const { user } = await authenticate(...)\n+\t//\n+\t// 🐨 Navigate to the new note route in the app.\n+\t// Reference the username from the authenticated \"user\" object.\n+\t// 💰 `/users/:username/notes/new`\n+\t// 💰 await navigate(ROUTE, PARAMS)\n+\t//\n+\t// 🐨 Interact with the \"New note\" form to fill in the note's title and content.\n+\t// 💰 await page.getByLabel('Title').fill(NOTE_TITLE)\n+\t// 💰 await page.getByLabel('Content').fill(NOTE_CONTENT)\n+\t//\n+\t// 🐨 Submit the form to create a new note.\n+\t// 💰 await page.getByRole('button', { name: 'Submit' }).click()\n+\t//\n+\t// 🐨 Finally, assert that the new note has been successfully created.\n+\t// You can do that by writing assertions for the following criteria:\n+\t// 1. The page URL is \"/users/{username}/notes/\";\n+\t// 2. The heading with the note title is visible on the page;\n+\t// 3. The note's content is visible on the page.\n+})\ndiff --git a/tests/test-extend.ts b/tests/test-extend.ts\nindex a51b50d..3bed052 100644\n--- a/tests/test-extend.ts\n+++ b/tests/test-extend.ts\n@@ -1,49 +1,95 @@\n import { test as testBase, expect } from '@playwright/test'\n-import {\n-\tdefinePersona,\n-\tcombinePersonas,\n-\ttype AuthenticateFunction,\n-} from 'playwright-persona'\n+// 🐨 Import `definePersona`, `combinePersonas` and `AuthenticationFunction`\n+// from the `playwright-persona` package\n+// 💰 import { one, two, three } from 'playwright-persona'\n+\n import { href, type Register } from 'react-router'\n import { getPasswordHash } from '#app/utils/auth.server.ts'\n import { prisma } from '#app/utils/db.server.ts'\n-import { generateUserInfo } from '#tests/db-utils'\n+import { createUser } from '#tests/db-utils'\n \n interface Fixtures {\n \tnavigate: (\n \t\t...args: Parameters>\n \t) => Promise\n-\tauthenticate: AuthenticateFunction<[typeof user]>\n+\n+\t// 🐨 Annotate the custom authentication fixture by defining a key\n+\t// called \"authenticate\" and its type as \"AuthenticateFunction\" type\n+\t// you've imported earlier. Provide the list of persona types as the type\n+\t// argument to the \"AuthenticateFunction\" type.\n+\t// 💰 authenticate: AuthenticateFunction<[typeof personaOne, typeof personaTwo]>\n }\n \n-const user = definePersona('user', {\n-\tasync createSession({ page }) {\n-\t\tconst user = await prisma.user.create({\n-\t\t\tdata: {\n-\t\t\t\t...generateUserInfo(),\n-\t\t\t\troles: { connect: { name: 'user' } },\n-\t\t\t\tpassword: { create: { hash: await getPasswordHash('supersecret') } },\n-\t\t\t},\n-\t\t})\n+// 🐨 Declare a new variable called `user` and assign it the result of\n+// calling the `definePersona` function.\n+// 💰 const user = definePersona()\n \n-\t\tawait page.goto('/login')\n-\t\tawait page.getByLabel('Username').fill(user.username)\n-\t\tawait page.getByLabel('Password').fill('supersecret')\n-\t\tawait page.getByRole('button', { name: 'Log in' }).click()\n-\t\tawait page.getByText(user.name!).waitFor({ state: 'visible' })\n+// 🐨 Provide the persona name as the first argument to the `definePersona`\n+// function.\n+// 💰 definePersona('user')\n \n-\t\treturn { user }\n-\t},\n-\tasync verifySession({ page, session }) {\n-\t\tawait page.goto('/')\n-\t\tawait expect(page.getByText(session.user.name!)).toBeVisible({\n-\t\t\ttimeout: 100,\n-\t\t})\n-\t},\n-\tasync destroySession({ session }) {\n-\t\tawait prisma.user.deleteMany({ where: { id: session.user.id } })\n-\t},\n-})\n+// 🐨 Provide an options object as the second argument to `definePersona`.\n+// In that object, define three methods: `createSession`, `verifySession`,\n+// and `destroySession`.\n+// 💰 definePersona('user', { createSession, verifySession, destroySession })\n+\n+/**\n+ * Creating a new session.\n+ */\n+// 💰 await createSession({ page }) {}\n+// 🐨 Now, head to the `createSession` function and use the `page` argument\n+// to interact with your app and authenticate as this persona.\n+// The authentication will consist of the following steps:\n+//\n+// 1. Create a new user in the database.\n+// 💰 const user = await prisma.user.create({\n+// data: {\n+// ...createUser()\n+// roles: { connect: { name: 'user' } },\n+// password: { create: { hash: await getPasswordHash('supersecret') } }\n+// }\n+// }\n+// })\n+//\n+// 2. Navigate to the \"/login\" route in your app.\n+// 💰 await page.goto(ROUTE)\n+//\n+// 3. Fill in username and password of the created `user`.\n+// 💰 await page.getByLabel('Username').fill(USERNAME_HERE)\n+// 💰 await page.getByLabel('Password').fill(PASSWORD_HERE)\n+// 🦉 Inspect what the `user` object contains and decide which values to reference\n+// and which ones to include explicitly when filling in the login form.\n+//\n+// 4. Submit the login form.\n+// 💰 await page.getByRole('button', { name: 'Log in' }).click()\n+//\n+// 5. Await the authenticated state.\n+// This lets Playwright Persona know when it should save the session to disk.\n+// 💰 await page.getByText(user.name!).waitFor({ state: 'visible' })\n+//\n+// 6. Return the session object.\n+// 💰 return { user }\n+\n+/**\n+ * Verifying sessions\n+ */\n+// 💰 await verifySession({ page, session }) {}\n+// 🐨 Proceed to the `verifySession` method of the user persona and implement it\n+// using the following steps:\n+//\n+// 1. Navigate to the homepage (\"/\").\n+// 💰 await page.goto(ROUTE)\n+//\n+// 2. Await the element by text \"session.user.name\" to be visible on the page.\n+// 💰 await page.getByTex(text).isVisible()\n+\n+/**\n+ * Destroying sessions\n+ */\n+// 🐨 To complete the user persona, implement the last method called `destroySession`.\n+// All you have to do in this method is delete the previously created user from the database.\n+// 💰 await destroySession({ session }) {}\n+// 💰 await prisma.user.deleteMany({ where: { id: session.user.id } })\n \n export const test = testBase.extend({\n \tasync navigate({ page }, use) {\n@@ -51,7 +97,13 @@ export const test = testBase.extend({\n \t\t\tawait page.goto(href(...args))\n \t\t})\n \t},\n-\tauthenticate: combinePersonas(user),\n+\n+\t// 🐨 Declare a new fixture called \"authenticate\".\n+\t// As the value of this fixture, provide it the result of calling\n+\t// the \"combinePersonas\" function you've imported earlier.\n+\t// Provide all the personas you want to be available in your tests\n+\t// as arguments to the \"combinePersona\" function.\n+\t// 💰 authenticate: combinePersonas(personaOne, personaTwo, ...)\n })\n \n export { expect }"]

.cursor/rules/avoid-use-effect.mdc-0+81App 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/_auth+/auth.$provider.callback.test.ts-28+28App 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.test.tsx-21+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

package.json-12+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

prisma/seed.ts-14+14App 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-71+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

tests/e2e/authentication-passkeys.test.ts-81+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-create.test.ts-0+33App 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/test-extend.ts-56+108App 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

.cursor/rules/avoid-use-effect.mdc-0+81App 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/_auth+/auth.$provider.callback.test.ts-28+28App 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.test.tsx-21+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

package.json-12+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

prisma/seed.ts-14+14App 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-71+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

tests/e2e/authentication-passkeys.test.ts-81+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-create.test.ts-0+33App 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/test-extend.ts-56+108App 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