feedback

packages/html-reporter/bundle.ts

@@ -14,8 +14,8 @@
  * limitations under the License.
  */
 
-import * as fs from 'fs';
-import * as path from 'path';
+import fs from 'fs';
+import path from 'path';
 import type { Plugin, UserConfig } from 'vite';
 
 export function bundle(): Plugin {

packages/html-reporter/playwright.config.ts

@@ -16,6 +16,7 @@
 
 import { devices, defineConfig } from '@playwright/experimental-ct-react';
 import path from 'path';
+import url from 'url';
 
 export default defineConfig({
   testDir: 'src',
@@ -28,7 +29,7 @@ export default defineConfig({
     ctViteConfig: {
       resolve: {
         alias: {
-          '@web': path.resolve(__dirname, '../web/src'),
+          '@web': path.resolve(path.dirname(url.fileURLToPath(import.meta.url)), '../web/src'),
         },
       }
     },

packages/html-reporter/tsconfig.node.json

@@ -2,7 +2,9 @@
   "compilerOptions": {
     "composite": true,
     "module": "esnext",
-    "moduleResolution": "node"
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true
   },
-  "include": ["vite.config.ts", "bundle.ts"]
+  "include": ["playwright.config.ts", "vite.config.ts", "bundle.ts"]
 }

packages/trace-viewer/tsconfig.node.json

@@ -2,7 +2,9 @@
   "compilerOptions": {
     "composite": true,
     "module": "esnext",
-    "moduleResolution": "node"
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true
   },
-  "include": ["vite.config.ts", "bundle.ts"]
+  "include": ["vite.config.ts", "vite.sw.config.ts", "bundle.ts"]
 }

packages/trace-viewer/vite.config.ts

@@ -17,7 +17,7 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import { bundle } from './bundle';
-import * as path from 'path';
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({

packages/trace-viewer/vite.sw.config.ts

@@ -17,7 +17,7 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import { bundle } from './bundle';
-import * as path from 'path';
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({