fix: Add missing extensions to ESM imports (#5751)

Author: lachlancollins

package.json

@@ -56,6 +56,7 @@
     "cpy-cli": "^4.2.0",
     "current-git-branch": "^1.1.0",
     "esbuild": "^0.18.13",
+    "esbuild-plugin-file-path-extensions": "^1.0.0",
     "eslint": "^8.34.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-import-resolver-typescript": "^3.5.5",

packages/eslint-plugin-query/tsup.config.js

@@ -4,5 +4,5 @@ import { defineConfig } from 'tsup'
 import { legacyConfig } from '../../scripts/getTsupConfig.js'
 
 export default defineConfig([
-  legacyConfig({ entry: ['src/*.ts', 'src/*.tsx'], bundle: true }),
+  legacyConfig({ entry: ['src/*.ts', 'src/*.tsx'] }),
 ])

pnpm-lock.yaml

@@ -1,9 +1,10 @@
 // @ts-check
 
+import { esbuildPluginFilePathExtensions } from 'esbuild-plugin-file-path-extensions'
+
 /**
  * @param {Object} opts - Options for building configurations.
  * @param {string[]} opts.entry - The entry array.
- * @param {boolean} [opts.bundle] - Whether to bundle the output.
  * @returns {import('tsup').Options}
  */
 export function modernConfig(opts) {
@@ -12,18 +13,16 @@ export function modernConfig(opts) {
     format: ['cjs', 'esm'],
     target: ['chrome91', 'firefox90', 'edge91', 'safari15', 'ios15', 'opera77'],
     outDir: 'build/modern',
-    bundle: opts.bundle || false,
-    splitting: opts.bundle || false,
     dts: true,
     sourcemap: true,
     clean: true,
+    esbuildPlugins: [esbuildPluginFilePathExtensions({ esmExtension: 'js' })],
   }
 }
 
 /**
  * @param {Object} opts - Options for building configurations.
  * @param {string[]} opts.entry - The entry array.
- * @param {boolean} [opts.bundle] - Whether to bundle the output.
  * @returns {import('tsup').Options}
  */
 export function legacyConfig(opts) {
@@ -32,10 +31,9 @@ export function legacyConfig(opts) {
     format: ['cjs', 'esm'],
     target: ['es2020', 'node16'],
     outDir: 'build/legacy',
-    bundle: opts.bundle || false,
-    splitting: opts.bundle || false,
     dts: true,
     sourcemap: true,
     clean: true,
+    esbuildPlugins: [esbuildPluginFilePathExtensions({ esmExtension: 'js' })],
   }
 }