feat: migrate to ESM (partial) - Option B

.circleci/config.yml

@@ -40,8 +40,8 @@ jobs:
           name: Test
           command: |
             npm run pretest
-            TEST=$(./node_modules/.bin/jest --listTests)
-            echo $TEST | circleci tests run --command="xargs ./node_modules/.bin/jest --ci --runInBand --reporters=default --reporters=jest-junit --" --split-by=timings
+            TEST=$(./node_modules/.bin/jest --config jest.config.cjs --listTests)
+            echo $TEST | circleci tests run --command="xargs ./node_modules/.bin/jest --config jest.config.cjs --ci --runInBand --reporters=default --reporters=jest-junit --" --split-by=timings
           environment:
             JEST_JUNIT_OUTPUT_DIR: ../../test-results
           working_directory: packages/extension
@@ -61,8 +61,8 @@ jobs:
           name: Test
           command: |
             npm run pretest
-            TEST=$(./node_modules/.bin/jest --listTests)
-            echo $TEST | circleci tests run --command="xargs ./node_modules/.bin/jest --ci --runInBand --reporters=default --reporters=jest-junit --" --split-by=timings
+            TEST=$(./node_modules/.bin/jest --config jest.config.cjs --listTests)
+            echo $TEST | circleci tests run --command="xargs ./node_modules/.bin/jest --config jest.config.cjs --ci --runInBand --reporters=default --reporters=jest-junit --" --split-by=timings
           environment:
             JEST_JUNIT_OUTPUT_DIR: ../../test-results
           working_directory: packages/webapp
@@ -95,8 +95,8 @@ jobs:
       - run:
           name: Test
           command: |
-            TEST=$(./node_modules/.bin/jest --listTests)
-            echo $TEST | circleci tests run --command="xargs ./node_modules/.bin/jest --ci --runInBand --reporters=default --reporters=jest-junit --" --split-by=timings
+            TEST=$(./node_modules/.bin/jest --config jest.config.cjs --listTests)
+            echo $TEST | circleci tests run --command="xargs ./node_modules/.bin/jest --config jest.config.cjs --ci --runInBand --reporters=default --reporters=jest-junit --" --split-by=timings
           environment:
             JEST_JUNIT_OUTPUT_DIR: ../../test-results
           working_directory: packages/shared

AGENTS.md

@@ -216,7 +216,7 @@ const { value, isLoading } = useConditionalFeature({
 - `pnpm-workspace.yaml` - Monorepo workspace packages
 - `packages/webapp/next.config.ts` - Next.js configuration
 - `packages/shared/tailwind.config.ts` - Base Tailwind configuration
-- `packages/extension/webpack.config.js` - Extension build configuration
+- `packages/extension/webpack.config.cjs` - Extension build configuration
 
 ## Package-Specific Guides
 

package.json

@@ -1,5 +1,6 @@
 {
   "name": "daily-apps",
+  "type": "module",
   "private": true,
   "dependencies": {
     "postcss-rem-to-responsive-pixel": "^6.0.2"

packages/eslint-config/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@dailydotdev/eslint-config",
+  "type": "module",
   "version": "0.0.0",
-  "main": "index.js",
+  "main": "index.cjs",
   "prettier": "@dailydotdev/prettier-config",
   "devDependencies": {
     "@dailydotdev/eslint-plugin-daily-dev-eslint-rules": "workspace:*",

packages/eslint-rules/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@dailydotdev/eslint-plugin-daily-dev-eslint-rules",
+  "type": "module",
   "version": "0.0.0",
   "description": "> TODO: description",
   "author": "Chris Bongers <chrisbongers@gmail.com>",

packages/extension/AGENTS.md

@@ -20,7 +20,7 @@ extension/
 │   ├── contexts/        # Extension-specific contexts
 │   ├── lib/             # Extension utilities
 │   └── manifest.json    # Extension manifest
-└── webpack.config.js    # Build configuration
+└── webpack.config.cjs   # Build configuration
 ```
 
 ## Extension Architecture

packages/extension/package.json

@@ -1,13 +1,14 @@
 {
   "name": "extension",
+  "type": "module",
   "version": "3.42.2",
   "scripts": {
-    "dev": "cross-env NODE_ENV=development cross-env TARGET_BROWSER=chrome webpack --watch",
-    "build": "cross-env NODE_ENV=production cross-env TARGET_BROWSER=chrome webpack",
+    "dev": "cross-env NODE_ENV=development cross-env TARGET_BROWSER=chrome webpack --config webpack.config.cjs --watch",
+    "build": "cross-env NODE_ENV=production cross-env TARGET_BROWSER=chrome webpack --config webpack.config.cjs",
     "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 0 --fix",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 0",
     "pretest": "npm run lint",
-    "test": "jest --runInBand"
+    "test": "jest --config jest.config.cjs --runInBand"
   },
   "prettier": "@dailydotdev/prettier-config",
   "dependencies": {

packages/extension/tsconfig.eslint.json

@@ -6,7 +6,7 @@
     "src/**/*.tsx",
     "*.js",
     "*.ts",
-    "**/.eslintrc.js",
+    "**/.eslintrc.cjs",
     "__tests__/**/*.ts",
     "__tests__/**/*.tsx",
     "__mocks__/**/*.ts",

packages/playwright/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@dailydotdev/playwright",
+  "type": "module",
   "version": "1.0.0",
   "private": true,
   "description": "E2E tests for daily.dev using Playwright",

packages/prettier-config/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@dailydotdev/prettier-config",
+  "type": "module",
   "version": "0.0.0",
-  "main": "index.js"
+  "main": "index.cjs"
 }

packages/shared/package.json

@@ -1,13 +1,20 @@
 {
   "name": "@dailydotdev/shared",
+  "type": "module",
   "version": "0.0.0",
   "main": "./src/index.ts",
   "license": "AGPL-3.0",
+  "exports": {
+    ".": "./src/index.ts",
+    "./postcss.config": "./postcss.config.cjs",
+    "./tailwind.config": "./tailwind.config.ts",
+    "./*": "./*"
+  },
   "scripts": {
     "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix --max-warnings 0",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 0",
     "pretest": "npm run lint",
-    "test": "jest --runInBand"
+    "test": "jest --config jest.config.cjs --runInBand"
   },
   "prettier": "@dailydotdev/prettier-config",
   "peerDependencies": {

packages/shared/tsconfig.eslint.json

@@ -8,7 +8,7 @@
     "tailwind/**/*.ts",
     "*.js",
     "*.ts",
-    "**/.eslintrc.js",
+    "**/.eslintrc.cjs",
     "__tests__/**/*.ts",
     "__tests__/**/*.tsx",
     "__mocks__/**/*.ts",

packages/storybook/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@dailydotdev/storybook",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

packages/webapp/package.json

@@ -1,5 +1,6 @@
 {
   "name": "webapp",
+  "type": "module",
   "version": "0.0.0",
   "scripts": {
     "dev": "next dev -p 5002 --experimental-https --experimental-https-key ./certificates/adhoc-server.key --experimental-https-cert ./certificates/adhoc-server.crt --experimental-https-ca ./certificates/root_ca.crt",
@@ -11,7 +12,7 @@
     "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 0 --fix",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 0",
     "pretest": "npm run lint",
-    "test": "jest --runInBand",
+    "test": "jest --config jest.config.cjs --runInBand",
     "deploy": "vercel"
   },
   "prettier": "@dailydotdev/prettier-config",

packages/webapp/tsconfig.eslint.json

@@ -10,7 +10,7 @@
     "pages/**/*.tsx",
     "pages/**/*.ts",
     "*.js",
-    "**/.eslintrc.js",
+    "**/.eslintrc.cjs",
     "__tests__/**/*.ts",
     "__tests__/**/*.tsx",
     "__mocks__/**/*.ts",