feat: convert to esm

.eslintrc.js

@@ -196,7 +196,7 @@ module.exports = {
         'import/no-extraneous-dependencies': [
           'error',
           {
-            devDependencies: false,
+            devDependencies: true,
             optionalDependencies: false,
             peerDependencies: true,
           },

packages/project-config/build.js

@@ -0,0 +1,26 @@
+import * as esbuild from 'esbuild'
+
+const optiions = {
+  entryPoints: ['./src/index.ts'],
+  outdir: 'dist',
+
+  platform: 'node',
+  target: ['node20'],
+  bundle: true,
+  packages: 'external',
+
+  logLevel: 'info',
+  metafile: true,
+}
+
+await esbuild.build({
+  ...optiions,
+  format: 'esm',
+  outExtension: { '.js': '.mjs' },
+})
+
+await esbuild.build({
+  ...optiions,
+  format: 'cjs',
+  outExtension: { '.js': '.cjs' },
+})

packages/project-config/package.json

@@ -7,15 +7,18 @@
     "directory": "packages/project-config"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
-    ".": "./dist/index.js"
+    "types": "./dist/index.d.ts",
+    "import": "./dist/index.mjs",
+    "default": "./dist/index.cjs"
   },
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "yarn node ./build.mjs && run build:types",
+    "build": "yarn node ./build.js && run build:types",
     "build:pack": "yarn pack -o redwoodjs-project-config.tgz",
     "build:types": "tsc --build --verbose",
     "build:watch": "nodemon --watch src --ext \"js,ts,tsx\" --ignore dist --exec \"yarn build\"",

packages/project-config/src/config.ts

@@ -4,7 +4,7 @@ import toml from '@iarna/toml'
 import merge from 'deepmerge'
 import { env as envInterpolation } from 'string-env-interpolation'
 
-import { getConfigPath } from './configPath'
+import { getConfigPath } from './configPath.js'
 
 export enum TargetEnum {
   NODE = 'node',

packages/project-config/src/configPath.ts

@@ -1,4 +1,4 @@
-import { findUp } from './findUp'
+import { findUp } from './findUp.js'
 
 const CONFIG_FILE_NAME = 'redwood.toml'
 

packages/project-config/src/index.ts

@@ -1,4 +1,4 @@
-export * from './config'
-export * from './configPath'
-export * from './paths'
-export * from './findUp'
+export * from './config.js'
+export * from './configPath.js'
+export * from './paths.js'
+export * from './findUp.js'

packages/project-config/src/paths.ts

@@ -3,8 +3,8 @@ import path from 'path'
 
 import fg from 'fast-glob'
 
-import { getConfig } from './config'
-import { getConfigPath } from './configPath'
+import { getConfig } from './config.js'
+import { getConfigPath } from './configPath.js'
 
 export interface NodeTargetPaths {
   base: string

packages/project-config/tsconfig.json

@@ -1,6 +1,8 @@
 {
   "extends": "../../tsconfig.compilerOption.json",
   "compilerOptions": {
+    "moduleResolution": "NodeNext",
+    "module": "NodeNext",
     "baseUrl": ".",
     "rootDir": "src",
     "outDir": "dist",

packages/vite/bins/rw-vite-dev.mjs

@@ -2,9 +2,9 @@
 import { createServer } from 'vite'
 import yargsParser from 'yargs-parser'
 
-import projectConfig from '@redwoodjs/project-config'
+import { getPaths } from '@redwoodjs/project-config'
 
-const rwPaths = projectConfig.getPaths()
+const rwPaths = getPaths()
 
 const startDevServer = async () => {
   const configFile = rwPaths.web.viteConfig

packages/vite/src/__tests__/viteNestedPages.test.mts

@@ -6,7 +6,7 @@ import { transformWithEsbuild } from 'vite'
 import { test, describe, beforeEach, afterAll, beforeAll, it, expect, vi } from 'vitest'
 
 import * as babel from '@babel/core'
-import projectConfig from '@redwoodjs/project-config'
+import { getPaths } from '@redwoodjs/project-config'
 
 import {
   Flags,
@@ -41,7 +41,6 @@ async function transform(srcPath: string) {
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 const FIXTURE_PATH = path.join(__dirname, 'fixtures/nestedPages')
-const { getPaths } = projectConfig
 
 test('transform', async () => {
   vi.spyOn(fs, 'readFileSync').mockImplementationOnce(() => {