chore: (feature-branch), convert @packages/socket and @packages/extension into bundle packages and @packages/extension to vitest

[AtofStryker]

USE A MERGE COMMIT

• Closes

Additional details

contains PRs:

• chore: bundle the browser and node entry points for @packages/socket #32726
• chore: migrate @packages/extension to TypeScript and tests to Vitest #32680

Steps to test

How has the user experience changed?

PR Tasks

• Have tests been added/updated?
• Has a PR for user-facing changes been opened in cypress-documentation?
• Have API changes been updated in the type definitions?

---

Note

Splits @packages/socket into browser and node bundles and migrates @packages/extension to TypeScript/Vitest with new app-dist/lib-dist builds, updating imports/tests across the repo and making minor server/proxy/CI adjustments.

• Packages:
  • @packages/socket:
    • Split into browser (browser/client) and node (cjs/node, esm/node) bundles with new entrypoints/exports (SocketIOServer, CDPSocketServer, client, createWebsocket).
    • Added build scripts and TS configs (tsconfig.browser.json, tsconfig.cjs.json, tsconfig.esm.json); removed legacy index.js and reorganized sources.
  • @packages/extension:
    • Migrated sources to TypeScript; switched tests from Mocha/Sinon to Vitest; updated README and .gitignore.
    • New build pipeline: output to app-dist/ (v2 via webpack, v3 via tsc) and lib-dist/ (CJS); rewrote gulpfile.ts and webpack.config.mjs.
    • Replaced lib/extension.js with lib/index.ts; removed util.js; added new TS configs and vitest config.
    • Converted integration/unit tests to .spec.ts and updated mocks/types.
• Repo-wide import updates:
  • Browser clients now import from @packages/socket/browser/client; server/types import from @packages/socket.
  • Updated usages in packages/app, frontend-shared, network, server tests, and system tests.
• Server/Proxy adjustments:
  • Inlined getCookieUrl in server/lib/automation/cookies.ts (removed @packages/extension dependency).
  • Updated Chrome/Electron browser code to import CDPSocketServer from @packages/socket and extension as module.
  • Proxy error middleware now imports from @packages/errors.
  • V8 snapshot metadata updated to new socket CJS paths.
• Docs:
  • guides/esm-migration.md status updates (extension/socket completed) and notes.
• CI:
  • CircleCI mocha expected result count adjusted from 4 to 3.

^{Written by Cursor Bugbot for commit 2408fe5. This will update automatically on new commits. Configure here.}

[cypress]

cypress    Run #66768

Run Properties:   Passed #66768  •  2408fe5e96: chore: update expected result count

Project	cypress
Branch Review	chore/refactor-socket-and-extension
Run status	Passed #66768
Run duration	19m 47s
Commit	2408fe5e96: chore: update expected result count
Committer	Bill Glesias
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	12
Pending	1102
Skipped	4
Passing	26752
View all changes introduced in this branch ↗︎

---

Warning

Partial Report: The results for the Application Quality reports may be incomplete.

UI Coverage  45.61%
Untested elements	187
Tested elements	161

Accessibility  97.98%
Failed rules	4 critical   8 serious   2 moderate   2 minor
Failed elements	101

[AtofStryker]

@jennifer-shehane are you able to review the feature branch? only commit that isn't reviewed already is 2408fe5 just to get things synced with develop

[cursor]

Bug: Incorrect SocketIO Imports Cause Module Resolution Errors

The socketIo imports are incorrect for CommonJS contexts. cypress.config.js imports the ESM client from @packages/socket/browser/client. Test files (websockets_spec.js, socket_spec.js) import from @packages/socket/lib/client, which is a source path, not the built CommonJS output at @packages/socket/cjs/node. These paths will cause module resolution errors.

Additional Locations (2)

• packages/server/test/unit/socket_spec.js#L7-L8
• system-tests/projects/non-proxied/cypress.config.js#L3-L4

 

[AtofStryker]

Bug: Incorrect SocketIO Imports Cause Module Resolution Errors

The socketIo imports are incorrect for CommonJS contexts. cypress.config.js imports the ESM client from @packages/socket/browser/client. Test files (websockets_spec.js, socket_spec.js) import from @packages/socket/lib/client, which is a source path, not the built CommonJS output at @packages/socket/cjs/node. These paths will cause module resolution errors.

Additional Locations (2)

• packages/server/test/unit/socket_spec.js#L7-L8
• system-tests/projects/non-proxied/cypress.config.js#L3-L4

 

this is intentional until we are able to convert those tests to vitest. there is a giant comment where the import from source is happening