everything-dev 0.3.3 → 1.3.3

package/src/lib/session-recorder/flows/login.ts

@@ -1,210 +0,0 @@
-import { Effect } from "effect";
-import { AuthenticationFailed, PopupNotDetected } from "../errors";
-import {
-  type BrowserHandle,
-  clickElement,
-  getBrowserMetrics,
-  navigateTo,
-  sleep,
-  waitForPopup,
-  waitForSelector,
-} from "../playwright";
-import type { SessionEventType } from "../types";
-
-interface FlowRecorder {
-  recordEvent: (
-    type: SessionEventType,
-    label: string,
-    metadata?: Record<string, unknown>
-  ) => Effect.Effect<void>;
-}
-
-interface LoginFlowOptions {
-  baseUrl: string;
-  headless: boolean;
-  stubWallet: boolean;
-  timeout: number;
-}
-
-const DEFAULT_LOGIN_OPTIONS: LoginFlowOptions = {
-  baseUrl: "http://localhost:3000",
-  headless: true,
-  stubWallet: true,
-  timeout: 30000,
-};
-
-export const runLoginFlow = (
-  browser: BrowserHandle,
-  recorder: FlowRecorder,
-  options: Partial<LoginFlowOptions> = {}
-): Effect.Effect<void, AuthenticationFailed | PopupNotDetected> =>
-  Effect.gen(function* () {
-    const opts = { ...DEFAULT_LOGIN_OPTIONS, ...options };
-    const { page, context } = browser;
-
-    yield* Effect.logInfo("Starting login flow");
-    yield* Effect.asVoid(recorder.recordEvent("custom", "login_flow_start"));
-
-    yield* navigateTo(page, `${opts.baseUrl}/login`);
-    yield* Effect.asVoid(recorder.recordEvent("pageload", "/login", { url: `${opts.baseUrl}/login` }));
-
-    yield* sleep(1000);
-
-    const connectButtonSelector = 'button:has-text("connect near wallet")';
-
-    yield* Effect.tryPromise({
-      try: () => page.waitForSelector(connectButtonSelector, { timeout: opts.timeout }),
-      catch: () => new AuthenticationFailed({
-        step: "find_connect_button",
-        reason: "Connect wallet button not found",
-      }),
-    });
-
-    yield* Effect.asVoid(recorder.recordEvent("auth_start", "wallet_connect_initiated"));
-
-    if (opts.headless && opts.stubWallet) {
-      yield* Effect.logInfo("Stubbing wallet connection in headless mode");
-      yield* Effect.asVoid(recorder.recordEvent("custom", "wallet_stubbed", { reason: "headless_mode" }));
-
-      yield* clickElement(page, connectButtonSelector);
-
-      yield* sleep(2000);
-
-      const hasSignInButton = yield* Effect.tryPromise({
-        try: async () => {
-          try {
-            await page.waitForSelector('button:has-text("sign in as")', { timeout: 5000 });
-            return true;
-          } catch {
-            return false;
-          }
-        },
-        catch: () => false,
-      });
-
-      if (hasSignInButton) {
-        yield* Effect.asVoid(recorder.recordEvent("custom", "sign_in_button_appeared"));
-      } else {
-        yield* Effect.asVoid(recorder.recordEvent("custom", "wallet_popup_would_open", {
-          note: "In headed mode, NEAR wallet popup would appear here",
-        }));
-      }
-
-      yield* Effect.asVoid(recorder.recordEvent("auth_complete", "login_flow_completed_stubbed"));
-
-    } else {
-      yield* Effect.logInfo("Running full wallet flow (headed mode)");
-
-      yield* clickElement(page, connectButtonSelector);
-      yield* Effect.asVoid(recorder.recordEvent("click", "connect_wallet_button"));
-
-      const popupPromise = waitForPopup(context, opts.timeout);
-
-      const popup = yield* Effect.catchAll(popupPromise, () =>
-        Effect.fail(new PopupNotDetected({ timeoutMs: opts.timeout }))
-      );
-
-      yield* Effect.asVoid(recorder.recordEvent("popup_open", "near_wallet_popup", {
-        url: popup.url(),
-      }));
-
-      yield* Effect.logInfo("NEAR wallet popup opened - waiting for user interaction");
-      yield* Effect.asVoid(recorder.recordEvent("custom", "awaiting_user_approval"));
-
-      yield* sleep(5000);
-
-      const popupClosed = yield* Effect.tryPromise({
-        try: async () => {
-          try {
-            await popup.waitForSelector("body", { timeout: 1000 });
-            return false;
-          } catch {
-            return true;
-          }
-        },
-        catch: () => true,
-      });
-
-      if (popupClosed) {
-        yield* Effect.asVoid(recorder.recordEvent("popup_close", "near_wallet_popup"));
-      }
-
-      const signInButtonSelector = 'button:has-text("sign in as")';
-      const hasSignIn = yield* Effect.tryPromise({
-        try: async () => {
-          try {
-            await page.waitForSelector(signInButtonSelector, { timeout: 10000 });
-            return true;
-          } catch {
-            return false;
-          }
-        },
-        catch: () => false,
-      });
-
-      if (hasSignIn) {
-        yield* Effect.asVoid(recorder.recordEvent("custom", "wallet_connected"));
-        yield* clickElement(page, signInButtonSelector);
-        yield* Effect.asVoid(recorder.recordEvent("click", "sign_in_button"));
-      }
-
-      yield* Effect.asVoid(recorder.recordEvent("auth_complete", "login_flow_completed"));
-    }
-
-    yield* Effect.logInfo("Login flow completed");
-  });
-
-export const runNavigationFlow = (
-  browser: BrowserHandle,
-  recorder: FlowRecorder,
-  routes: string[],
-  baseUrl: string
-): Effect.Effect<void> =>
-  Effect.gen(function* () {
-    yield* Effect.logInfo(`Running navigation flow through ${routes.length} routes`);
-
-    for (const route of routes) {
-      const url = `${baseUrl}${route}`;
-      yield* navigateTo(browser.page, url);
-      yield* Effect.asVoid(recorder.recordEvent("navigation", route, { url }));
-
-      yield* sleep(1000);
-
-      yield* Effect.asVoid(recorder.recordEvent("interval", `visited_${route}`));
-    }
-
-    yield* Effect.logInfo("Navigation flow completed");
-  });
-
-export const runClickFlow = (
-  browser: BrowserHandle,
-  recorder: FlowRecorder,
-  selectors: Array<{ selector: string; label: string }>
-): Effect.Effect<void> =>
-  Effect.gen(function* () {
-    yield* Effect.logInfo(`Running click flow with ${selectors.length} interactions`);
-
-    for (const { selector, label } of selectors) {
-      const exists = yield* Effect.tryPromise({
-        try: async () => {
-          try {
-            await browser.page.waitForSelector(selector, { timeout: 5000 });
-            return true;
-          } catch {
-            return false;
-          }
-        },
-        catch: () => false,
-      });
-
-      if (exists) {
-        yield* clickElement(browser.page, selector);
-        yield* Effect.asVoid(recorder.recordEvent("click", label, { selector }));
-        yield* sleep(500);
-      } else {
-        yield* Effect.logWarning(`Selector not found: ${selector}`);
-      }
-    }
-
-    yield* Effect.logInfo("Click flow completed");
-  });

package/src/lib/session-recorder/index.ts

@@ -1,361 +0,0 @@
-import { Effect, Logger, LogLevel } from "effect";
-import { createSnapshotWithPlatform, PlatformLive, runSilent } from "../resource-monitor";
-import type { Snapshot } from "../resource-monitor";
-import {
-  type SessionRecorderError,
-  SessionTimeout,
-  SnapshotFailed,
-} from "./errors";
-import {
-  type BrowserHandle,
-  closeBrowser,
-  getBrowserMetrics,
-  launchBrowser,
-} from "./playwright";
-import {
-  exportHTMLReport,
-  exportJSON,
-  formatEventTimeline,
-  formatReportSummary,
-  generateReport,
-} from "./report";
-import {
-  checkPortsAvailable,
-  shutdownServers,
-  startServers,
-  waitForPortFree,
-} from "./server";
-import {
-  DEFAULT_SESSION_CONFIG,
-  type BrowserMetrics,
-  type SessionConfig,
-  type SessionEvent,
-  type SessionEventType,
-  type SessionReport,
-  type ServerOrchestrator,
-} from "./types";
-
-let eventCounter = 0;
-
-const generateEventId = (): string => {
-  eventCounter += 1;
-  return `evt_${Date.now()}_${eventCounter}`;
-};
-
-const generateSessionId = (): string => {
-  return `sess_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
-};
-
-export class SessionRecorder {
-  private config: SessionConfig;
-  private sessionId: string;
-  private events: SessionEvent[] = [];
-  private startTime: number = 0;
-  private endTime: number = 0;
-  private intervalHandle: ReturnType<typeof setInterval> | null = null;
-  private serverOrchestrator: ServerOrchestrator | null = null;
-  private browserHandle: BrowserHandle | null = null;
-  private isRecording = false;
-
-  private constructor(config: SessionConfig) {
-    this.config = config;
-    this.sessionId = generateSessionId();
-  }
-
-  static create = (
-    config?: Partial<SessionConfig>
-  ): Effect.Effect<SessionRecorder> =>
-    Effect.gen(function* () {
-      const fullConfig = { ...DEFAULT_SESSION_CONFIG, ...config };
-      yield* Effect.logInfo(`Creating SessionRecorder: ${JSON.stringify(fullConfig)}`);
-      return new SessionRecorder(fullConfig);
-    });
-
-  getConfig(): SessionConfig {
-    return { ...this.config };
-  }
-
-  getSessionId(): string {
-    return this.sessionId;
-  }
-
-  getEvents(): SessionEvent[] {
-    return [...this.events];
-  }
-
-  isActive(): boolean {
-    return this.isRecording;
-  }
-
-  takeSnapshot(): Effect.Effect<Snapshot, SnapshotFailed> {
-    const self = this;
-    return Effect.gen(function* () {
-      const snapshot = yield* Effect.tryPromise({
-        try: () => runSilent(createSnapshotWithPlatform({ ports: self.config.ports })),
-        catch: (e) => new SnapshotFailed({ reason: String(e) }),
-      });
-      return snapshot;
-    });
-  }
-
-  recordEvent(
-    type: SessionEventType,
-    label: string,
-    metadata?: Record<string, unknown>
-  ): Effect.Effect<SessionEvent, SnapshotFailed> {
-    const self = this;
-    return Effect.gen(function* () {
-      const snapshot = yield* self.takeSnapshot();
-
-      let browserMetrics: BrowserMetrics | undefined;
-      if (self.browserHandle) {
-        const metricsResult = yield* Effect.either(
-          getBrowserMetrics(self.browserHandle.page)
-        );
-        if (metricsResult._tag === "Right") {
-          browserMetrics = metricsResult.right;
-        }
-      }
-
-      const event: SessionEvent = {
-        id: generateEventId(),
-        timestamp: Date.now(),
-        type,
-        label,
-        snapshot,
-        browserMetrics,
-        url: self.browserHandle?.page.url(),
-        metadata,
-      };
-
-      self.events.push(event);
-      yield* Effect.logDebug(`Event recorded: ${type} - ${label}`);
-
-      return event;
-    });
-  }
-
-  startServers(
-    mode: "start" | "dev" = "start"
-  ): Effect.Effect<void, SessionRecorderError> {
-    const self = this;
-    return Effect.gen(function* () {
-      yield* Effect.logInfo(`Starting servers in ${mode} mode`);
-
-      const portsAvailable = yield* checkPortsAvailable(self.config.ports);
-      if (!portsAvailable) {
-        yield* Effect.logWarning("Some ports already in use - proceeding anyway");
-      }
-
-      const orchestrator = yield* startServers(mode, {
-        port: self.config.ports[0],
-      });
-
-      self.serverOrchestrator = orchestrator;
-      yield* Effect.logInfo("Servers started successfully");
-    });
-  }
-
-  stopServers(): Effect.Effect<void> {
-    const self = this;
-    return Effect.gen(function* () {
-      if (self.serverOrchestrator) {
-        yield* shutdownServers(self.serverOrchestrator);
-        self.serverOrchestrator = null;
-      }
-    });
-  }
-
-  launchBrowser(): Effect.Effect<BrowserHandle, SessionRecorderError> {
-    const self = this;
-    return Effect.gen(function* () {
-      yield* Effect.logInfo(`Launching browser (headless: ${self.config.headless})`);
-
-      const handle = yield* launchBrowser(self.config.headless);
-      self.browserHandle = handle;
-
-      return handle;
-    });
-  }
-
-  closeBrowser(): Effect.Effect<void> {
-    const self = this;
-    return Effect.gen(function* () {
-      if (self.browserHandle) {
-        yield* closeBrowser(self.browserHandle);
-        self.browserHandle = null;
-      }
-    });
-  }
-
-  getBrowser(): BrowserHandle | null {
-    return this.browserHandle;
-  }
-
-  startRecording(): Effect.Effect<void, SnapshotFailed> {
-    const self = this;
-    return Effect.gen(function* () {
-      if (self.isRecording) {
-        yield* Effect.logWarning("Already recording");
-        return;
-      }
-
-      self.isRecording = true;
-      self.startTime = Date.now();
-      self.events = [];
-
-      yield* Effect.logInfo("Starting session recording");
-
-      yield* self.recordEvent("baseline", "session_start");
-
-      if (self.config.snapshotIntervalMs > 0) {
-        self.intervalHandle = setInterval(() => {
-          Effect.runPromise(
-            self.recordEvent("interval", "auto_snapshot").pipe(
-              Effect.catchAll(() => Effect.void)
-            )
-          );
-        }, self.config.snapshotIntervalMs);
-      }
-
-      yield* Effect.logInfo(`Recording started with ${self.config.snapshotIntervalMs}ms interval`);
-    });
-  }
-
-  stopRecording(): Effect.Effect<SessionReport, SnapshotFailed> {
-    const self = this;
-    return Effect.gen(function* () {
-      if (!self.isRecording) {
-        yield* Effect.logWarning("Not recording");
-        return generateReport(
-          self.sessionId,
-          self.config,
-          self.events,
-          self.startTime,
-          Date.now()
-        );
-      }
-
-      if (self.intervalHandle) {
-        clearInterval(self.intervalHandle);
-        self.intervalHandle = null;
-      }
-
-      yield* self.recordEvent("custom", "session_end");
-
-      self.isRecording = false;
-      self.endTime = Date.now();
-
-      yield* Effect.logInfo("Recording stopped");
-
-      const report = generateReport(
-        self.sessionId,
-        self.config,
-        self.events,
-        self.startTime,
-        self.endTime
-      );
-
-      return report;
-    });
-  }
-
-  exportReport(
-    filepath: string,
-    format: "json" | "html" = "json"
-  ): Effect.Effect<void, SessionRecorderError> {
-    const self = this;
-    return Effect.gen(function* () {
-      const report = generateReport(
-        self.sessionId,
-        self.config,
-        self.events,
-        self.startTime,
-        self.endTime || Date.now()
-      );
-
-      if (format === "html") {
-        yield* exportHTMLReport(report, filepath);
-      } else {
-        yield* exportJSON(report, filepath);
-      }
-    });
-  }
-
-  generateReport(): SessionReport {
-    return generateReport(
-      this.sessionId,
-      this.config,
-      this.events,
-      this.startTime,
-      this.endTime || Date.now()
-    );
-  }
-
-  printSummary(): Effect.Effect<void> {
-    const self = this;
-    return Effect.sync(() => {
-      const report = self.generateReport();
-      console.log(formatReportSummary(report));
-    });
-  }
-
-  printTimeline(): Effect.Effect<void> {
-    const self = this;
-    return Effect.sync(() => {
-      console.log(formatEventTimeline(self.events));
-    });
-  }
-
-  cleanup(): Effect.Effect<void> {
-    const self = this;
-    return Effect.gen(function* () {
-      yield* Effect.logInfo("Cleaning up session recorder");
-
-      if (self.intervalHandle) {
-        clearInterval(self.intervalHandle);
-        self.intervalHandle = null;
-      }
-
-      yield* self.closeBrowser();
-      yield* self.stopServers();
-
-      yield* Effect.logInfo("Cleanup complete");
-    });
-  }
-}
-
-export const runSession = <E>(
-  effect: Effect.Effect<void, E>
-): Promise<void> =>
-  effect.pipe(
-    Effect.provide(PlatformLive),
-    Logger.withMinimumLogLevel(LogLevel.Info),
-    Effect.runPromise
-  );
-
-export const runSessionSilent = <E>(
-  effect: Effect.Effect<void, E>
-): Promise<void> =>
-  effect.pipe(
-    Effect.provide(PlatformLive),
-    Logger.withMinimumLogLevel(LogLevel.Error),
-    Effect.runPromise
-  );
-
-export const runSessionDebug = <E>(
-  effect: Effect.Effect<void, E>
-): Promise<void> =>
-  effect.pipe(
-    Effect.provide(PlatformLive),
-    Logger.withMinimumLogLevel(LogLevel.Debug),
-    Effect.runPromise
-  );
-
-export * from "./errors";
-export * from "./types";
-export * from "./server";
-export * from "./playwright";
-export * from "./report";
-export { runLoginFlow, runNavigationFlow, runClickFlow } from "./flows/login";
-export { diffSnapshots, hasLeaks, type Snapshot, type SnapshotDiff } from "../resource-monitor";