move repo to esm

Author: KingSora

local/browser-testing/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@~local/browser-testing",
   "private": true,
+  "type": "module",
   "version": "0.0.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

local/browser-testing/tsconfig.json

@@ -3,6 +3,7 @@
   "compilerOptions": {
     "outDir": "./dist/",
     "baseUrl": "./src/",
+    "module": "ESNext",
     "typeRoots": []
   }
 }

local/config/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@~local/config",
+  "type": "module",
   "private": true,
   "exports": {
     "./resolve": "./src/resolve.json",
     "./playwright": "./src/playwright.js",
     "./playwright.coverage": "./src/playwright.coverage.js",
     "./jest": "./src/jest.js",
-    "./jest-babel": "./src/jest.babel.js",
+    "./jest-babel": "./src/jest.babel.cjs",
     "./full-coverage": "./src/full-coverage.js",
-    "./vitest": "./src/vitest.mjs",
-    "./vitest.new-jsdom.env": "./src/vitest.new-jsdom.env.mjs"
+    "./vitest": "./src/vitest.js",
+    "./vitest.new-jsdom.env": "./src/vitest.new-jsdom.env.js"
   },
   "version": "0.0.0"
 }

local/config/src/full-coverage.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   tmpCoverageDirectory: './.coverage/.nycFull',
   coverageDirectory: './.coverage/full',
 };

local/config/src/jest.babel.js renamed to local/config/src/jest.babel.cjs

@@ -9,4 +9,5 @@ module.exports = {
       },
     ],
   ],
+  plugins: ['@babel/plugin-syntax-import-attributes'],
 };

local/config/src/jest.fileMock.js

@@ -1 +1 @@
-module.exports = {};
+export default {};

local/config/src/jest.js

@@ -1,21 +1,23 @@
-const path = require('path');
-const resolve = require('./resolve');
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import resolve from './resolve.json' with { type: 'json' };
 
 // For a detailed explanation regarding each configuration property, visit:
 // https://jestjs.io/docs/en/configuration.html
 
+const dirname = path.dirname(fileURLToPath(import.meta.url));
 const assetFilesModuleNameMapper = {
   '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
-    path.resolve(__dirname, 'jest.fileMock.js'),
-  '.*\\.(css|less|scss|sass)$': path.resolve(__dirname, 'jest.fileMock.js'),
+    path.resolve(dirname, 'jest.fileMock.js'),
+  '.*\\.(css|less|scss|sass)$': path.resolve(dirname, 'jest.fileMock.js'),
 };
 const coveragePathIgnorePatterns = [
   '/node_modules/',
   '<rootDir>/([^/]*)\\.config\\.(js|mjs|cjs|ts)',
 ];
 
 /** @type {import('jest').Config} */
-module.exports = {
+export default {
   coverageDirectory: './.coverage/unit',
   projects: [
     {
@@ -30,7 +32,7 @@ module.exports = {
         ...resolve.paths.jest.moduleNameMapper,
       },
       testPathIgnorePatterns: ['/node_modules/'],
-      setupFilesAfterEnv: [path.resolve(__dirname, './jest.setup.node.js')],
+      setupFilesAfterEnv: [path.resolve(dirname, './jest.setup.node.js')],
       coveragePathIgnorePatterns,
     },
     {
@@ -45,7 +47,7 @@ module.exports = {
         ...resolve.paths.jest.moduleNameMapper,
       },
       testPathIgnorePatterns: ['/node_modules/'],
-      setupFilesAfterEnv: [path.resolve(__dirname, './jest.setup.jsdom.js')],
+      setupFilesAfterEnv: [path.resolve(dirname, './jest.setup.jsdom.js')],
       coveragePathIgnorePatterns,
     },
   ],

local/config/src/jest.setup.jsdom.js

@@ -1,4 +1,4 @@
-import { mockAnimationApi, mockComputedStyles } from './mocks';
+import { mockAnimationApi, mockComputedStyles } from './mocks.js';
 
 mockAnimationApi();
 mockComputedStyles();

local/config/src/playwright.coverage.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   tmpCoverageDirectory: './.coverage/.nycPlaywright',
   coverageDirectory: './.coverage/e2e',
 };

local/config/src/playwright.js

@@ -1,6 +1,6 @@
-const { devices } = require('@playwright/test');
+import { devices } from '@playwright/test';
 
-module.exports = {
+export default {
   testMatch: /.*\/test\/playwright\/.*\.test\.[jt]sx?/,
   timeout: 10 * 60 * 1500,
   navigationTimeout: 1000,
@@ -10,6 +10,15 @@ module.exports = {
   fullyParallel: true,
   reporter: 'list',
   outputDir: '.playwright',
+  build: {
+    // external: [
+    //   'local/playwright-tooling/**/*',
+    //   'local/config/**/*',
+    //   'local/rollup/**/*',
+    //   'local/esbuild/**/*',
+    //   'scrollSnap/**/*',
+    // ],
+  },
   projects: [
     {
       name: 'Chromium',