Prettier

Author: incorbador

.prettierignore

@@ -6,6 +6,7 @@ dist
 .yalc
 .github
 .vercel
+.next
 
 docs
 

packages/react/TODO-observe-integration.md

@@ -5,53 +5,62 @@ All planned phases have been implemented. This document now reflects the final s
 ## What was implemented
 
 ### Flow-level events (ProcessHandler)
+
 - [x] `loginVisible` — fires when LoginInitBlock first becomes primary
 - [x] `loginFinish` — fires in onProcessCompleted when authType === Login
 - [x] `signupVisible` — fires when SignupInitBlock first becomes primary
 - [x] `signupFinish` — fires in onProcessCompleted when authType === Signup
 - [x] `loginReset` — fires when LoginInitBlock becomes primary again (after being away)
 
 ### Social login (LoginInitBlock + SignupInitBlock)
+
 - [x] `socialLoginStart` — fires before startSocialVerification API call
 - [x] `socialLoginFinish` — fires when finishSocialVerification succeeds
 - [x] `socialLoginError` — fires when finishSocialVerification fails
 
 ### Identifier tracking (LoginInitBlock + SignupInitBlock + React components)
+
 - [x] `provideIdentifierStartable` — created via tracker in LoginForm.tsx / SignupInit.tsx with DOM ref
 - [x] `provideIdentifierSubmitted` — fires in start() / updateUserData() before API call
 - [x] `provideIdentifierFinished` — fires on successful API response
 - [x] `provideIdentifierError` — fires on failed API response
 - [x] Input field instrumentation (auto-detect first character, paste, CUI via PatternDetector)
 
 ### Login methods decision (LoginInit + PasskeyError screens)
+
 - [x] `loginMethodsDecisionOffered` — fires in LoginInit.tsx, PasskeyError.tsx, PasskeyErrorLight.tsx
 
 ### Email OTP (EmailVerifyBlock)
+
 - [x] `emailOTPStartable` — fires when block is created with verificationMethod === 'email-otp'
 - [x] `emailOTPSubmitted` — fires in validateCode() before API call
 - [x] `emailOTPFinished` — fires on successful validation
 - [x] `emailOTPError` — fires on failed validation
 - [x] `emailOTPResent` — fires on successful resend
 
 ### Email Link (EmailVerifyBlock)
+
 - [x] `emailLinkStartable` — fires when block is created with verificationMethod === 'email-link'
 - [x] `emailLinkSubmitted` — fires in validateEmailLink() before API call
 - [x] `emailLinkFinished` — fires on successful link validation
 - [x] `emailLinkError` — fires on failed link validation
 
 ### web-core changes (B1 fix)
+
 - [x] `loginWithPasskey()` — added `onCeremonyData` callback exposing assertionOptions + assertionResponse
 - [x] `loginWithPasskeyChallenge()` — extended `onAuthenticatorCompleted` to pass assertionOptions + assertionResponse
 - [x] `appendPasskey()` — added `onCeremonyData` callback exposing attestationOptions + attestationResponse
 
 ### Passkey login (PasskeyVerifyBlock + LoginInitBlock conditional UI)
+
 - [x] `passkeyLoginStart` — fires via onCeremonyData callback with assertionOptions
 - [x] `passkey.submitted` — fires with assertionResponse
 - [x] `passkey.finished` — fires on successful login
 - [x] `passkey.clientError` / `passkey.serverErrorUnknown` — fires on failure
 - [x] Conditional UI tracking — `conditionalUIStartable`, `conditionalUISubmitted`, `conditionalUIFinished`, `conditionalUIClientError` in LoginInitBlock
 
 ### Passkey enrollment (PasskeyAppendBlock)
+
 - [x] `passkeyEnrollmentStartable` — fires when block is initialized
 - [x] `passkey_enrollment.started` — fires via onCeremonyData with attestationOptions
 - [x] `passkey_enrollment.submitted` — fires with attestationResponse
@@ -71,9 +80,9 @@ All planned phases have been implemented. This document now reflects the final s
 
 ## Remaining gaps (future work)
 
-| Gap | Description |
-|-----|-------------|
-| Phone OTP events | No `phoneOTP*` events in observe SDK |
-| Missing fields events | No tracking for the "complete your profile" step |
-| Phone identifier instrumentation | `provideIdentifierStartable` assumes text input |
-| Password events | No password login events tracked (not present in complete SDK) |
+| Gap                              | Description                                                    |
+| -------------------------------- | -------------------------------------------------------------- |
+| Phone OTP events                 | No `phoneOTP*` events in observe SDK                           |
+| Missing fields events            | No tracking for the "complete your profile" step               |
+| Phone identifier instrumentation | `provideIdentifierStartable` assumes text input                |
+| Password events                  | No password login events tracked (not present in complete SDK) |

packages/react/src/shared-ui/flowHandler/blocks/PasskeyAppendBlock.ts

@@ -123,7 +123,7 @@ export class PasskeyAppendBlock extends Block<BlockDataPasskeyAppend> {
       attestationOptions: '',
     } as PasskeyEnrollmentStarted);
 
-    const res = await this.app.authProcessService.appendPasskey((data) => {
+    const res = await this.app.authProcessService.appendPasskey(data => {
       this.#enrollmentOp?.submitted({
         conditional: false,
         auto: this.data.autoSubmit,

packages/react/src/shared-ui/flowHandler/blocks/PasskeyVerifyBlock.ts

@@ -96,7 +96,7 @@ export class PasskeyVerifyBlock extends Block<BlockDataPasskeyVerify> {
       assertionOptions: '',
     } as PasskeyLoginStart);
 
-    const res = await this.app.authProcessService.loginWithPasskey((data) => {
+    const res = await this.app.authProcessService.loginWithPasskey(data => {
       this.#passkeyLoginOp?.submitted({ assertionResponse: data.assertionResponse });
     });
 

packages/tests-e2e/src/complete/scenarios/observe/lists-of-tests.md

@@ -1,14 +1,14 @@
 # Observe integration into complete
 
-- [ ]  merge shared-ui package into react packge
-- [ ]  integrate observe login and signup flows
-- [ ]  manual testing using local react demo
-- [ ]  validate all login methods locally (manual testing)
+- [ ] merge shared-ui package into react packge
+- [ ] integrate observe login and signup flows
+- [ ] manual testing using local react demo
+- [ ] validate all login methods locally (manual testing)
 
 ## 2 Login methods testing
 
 | **type**                                           | **scenario**                                                                       | preconditions                                    | **status** |
-|----------------------------------------------------|------------------------------------------------------------------------------------|--------------------------------------------------|------------|
+| -------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------ | ---------- |
 | passkey-cui                                        | successful                                                                         | confirmed_user_with_pk                           |            |
 |                                                    | successful after cancelled                                                         | confirmed_user_with_pk                           |            |
 |                                                    | successful after pk_deleted                                                        | confirmed_user_with_server_deleted_pk            |            |
@@ -43,7 +43,7 @@
 ## 3 Enrollment testing
 
 | **type** | **scenario**                                  | preconditions                         | **status** |
-|----------|-----------------------------------------------|---------------------------------------|------------|
+| -------- | --------------------------------------------- | ------------------------------------- | ---------- |
 | passkey  | successful (conditional)                      | -                                     |            |
 |          | successful (auto)                             | -                                     |            |
 |          | successful (manual)                           | -                                     |            |

packages/tests-e2e/src/complete/scenarios/observe/passkey-button.spec.ts

@@ -139,7 +139,7 @@ test.describe('observe: passkey-button', () => {
     await preparePasskeyButtonState(email, model);
 
     await model.loginInit.removePasskeyButton();
-    
+
     await model.loginInit.fillEmailUsername(email);
     await model.loginInit.submitPrimary();
     await model.expectScreen(ScreenNames.End);

packages/tests-e2e/src/complete/utils/observe.ts

@@ -5,4 +5,3 @@ export function getObserveProjectId(): string {
   }
   return projectId;
 }
-

playground/react/app/api/test/users/passkeys/route.ts

@@ -28,10 +28,7 @@ export async function PATCH(req: NextRequest) {
     attestationResponse: string;
   };
   if (!body.userID || !body.processID || !body.trackingID || !body.attestationResponse) {
-    return Response.json(
-      { error: 'userID, processID, trackingID and attestationResponse required' },
-      { status: 400 },
-    );
+    return Response.json({ error: 'userID, processID, trackingID and attestationResponse required' }, { status: 400 });
   }
 
   await finishPasskeyForUser(body.userID, body.processID, body.trackingID, body.attestationResponse);

playground/react/app/api/test/users/route.ts

@@ -1,5 +1,9 @@
 import { NextRequest } from 'next/server';
-import { createUserWithPrecondition, listSessionUsers, removeUser } from '../../../../src/server/test-tools/users-service';
+import {
+  createUserWithPrecondition,
+  listSessionUsers,
+  removeUser,
+} from '../../../../src/server/test-tools/users-service';
 import type { PreconditionType } from '../../../../src/tools/types';
 
 export const runtime = 'nodejs';

playground/react/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import './.next/types/routes.d.ts';
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.