feat(client): replace platform abstraction with module stubs

packages/isomorphic/stackTrace.ts

@@ -199,3 +199,33 @@ function fileURLToPath(fileUrl: string, pathSeparator: string): string {
 
   return path.replace(/\//g, pathSeparator);
 }
+
+let _coreDir: string | undefined;
+let _boxedStackPrefixes: string[] = [];
+let _showInternalStackFrames = false;
+
+export function setCoreDir(dir: string | undefined) {
+  _coreDir = dir;
+}
+
+export function coreDir(): string | undefined {
+  return _coreDir;
+}
+
+export function setBoxedStackPrefixes(prefixes: string[]) {
+  _boxedStackPrefixes = prefixes;
+}
+
+export function boxedStackPrefixes(): string[] {
+  if (_showInternalStackFrames)
+    return [];
+  return _coreDir ? [_coreDir, ..._boxedStackPrefixes] : _boxedStackPrefixes.slice();
+}
+
+export function setShowInternalStackFrames(value: boolean) {
+  _showInternalStackFrames = value;
+}
+
+export function showInternalStackFrames(): boolean {
+  return _showInternalStackFrames;
+}

packages/playwright-client/package.json

@@ -18,17 +18,11 @@
   "exports": {
     ".": {
       "types": "./index.d.ts",
-      "import": "./index.mjs",
-      "require": "./index.js",
-      "default": "./index.js"
+      "import": "./lib/index.mjs",
+      "default": "./lib/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "scripts": {
-    "esbuild": "node build.js",
-    "build": "npm run esbuild",
-    "watch": "npm run esbuild -- --watch"
-  },
   "dependencies": {
     "playwright-core": "1.62.0-next"
   }

packages/playwright-client/src/index.ts

@@ -15,7 +15,6 @@
  */
 
 import { Connection } from '../../playwright-core/src/client/connection';
-import { webPlatform } from './webPlatform';
 
 import type { Browser } from '../../playwright-core/src/client/browser';
 
@@ -30,7 +29,7 @@ export async function connect(wsEndpoint: string, browserName: string, options:
     ws.addEventListener('error', r);
   });
 
-  const connection = new Connection(webPlatform);
+  const connection = new Connection();
   connection.onmessage = message => ws.send(JSON.stringify(message));
   ws.addEventListener('message', message => connection.dispatch(JSON.parse(message.data)));
   ws.addEventListener('close', () => connection.close());

packages/playwright-client/src/nodeStubs/async_hooks.ts

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export class AsyncLocalStorage<T> {
+  run<R>(_store: T, callback: () => R): R {
+    return callback();
+  }
+
+  getStore(): T | undefined {
+    return undefined;
+  }
+}
+
+export default { AsyncLocalStorage };

packages/playwright-client/src/nodeStubs/colors.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Browser polyfill for `colors/safe`.
+
+import { noColors } from '@isomorphic/colors';
+
+export default noColors;

packages/playwright-client/index.mjs → packages/playwright-client/src/nodeStubs/events.ts

@@ -14,4 +14,8 @@
  * limitations under the License.
  */
 
-export { connect } from './index.js';
+export class EventEmitter {
+  static defaultMaxListeners = 10;
+}
+
+export default { EventEmitter };

packages/playwright-client/src/nodeStubs/fs.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+function notAvailable(): never {
+  throw new Error('fs is not available in the browser');
+}
+
+export const promises: any = new Proxy({}, { get: () => notAvailable });
+export const createReadStream: any = notAvailable;
+export const createWriteStream: any = notAvailable;
+
+export default { promises, createReadStream, createWriteStream };

packages/playwright-client/index.js → packages/playwright-client/src/nodeStubs/inspector.ts

@@ -14,4 +14,8 @@
  * limitations under the License.
  */
 
-module.exports = require('./lib/index');
+export function url(): string | undefined {
+  return undefined;
+}
+
+export default { url };

packages/playwright-client/src/nodeStubs/path.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+function notAvailable(): never {
+  throw new Error('path is not available in the browser');
+}
+
+export const sep = '/';
+export const dirname: any = notAvailable;
+export const basename: any = notAvailable;
+export const resolve: any = notAvailable;
+export const join: any = notAvailable;
+export const relative: any = notAvailable;
+export const isAbsolute: any = notAvailable;
+
+export default { sep, dirname, basename, resolve, join, relative, isAbsolute };

packages/playwright-client/src/nodeStubs/processShim.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Injected (esbuild `inject`) as the `process` global in the browser build.
+export const process = {
+  env: {} as Record<string, string | undefined>,
+  platform: 'browser',
+  argv: [] as string[],
+};

packages/playwright-client/src/nodeStubs/stream.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export class Readable {}
+export class Writable {}
+
+export const promises = {
+  pipeline: (): Promise<void> => Promise.reject(new Error('stream is not available in the browser')),
+};
+
+export default { Readable, Writable, promises };

packages/playwright-client/src/nodeStubs/util.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export const inspect: any = Object.assign((value: unknown) => String(value), {
+  custom: Symbol.for('nodejs.util.inspect.custom'),
+});
+
+export default { inspect };