fix: local imports in builds

Author: itsjavi

.changeset/red-dancers-march.md

@@ -0,0 +1,8 @@
+---
+'@pizzajsdev/react-router-hono': patch
+'@pizzajsdev/app-router-fs': patch
+'@pizzajsdev/utils': patch
+'@pizzajsdev/i18n': patch
+---
+
+fix local imports in builds

examples/basic/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@hono/node-server": "^1.14.1",
     "@pizzajsdev/app-router-fs": "^0.3.0",
-    "@pizzajsdev/react-router-hono": "^0.3.1",
+    "@pizzajsdev/react-router-hono": "workspace:*",
     "@react-router/node": "^7.6.0",
     "@react-router/serve": "^7.6.0",
     "hono": "^4.7.9",

packages/app-router-fs/tsup.config.ts

@@ -15,6 +15,21 @@ const config: Options = {
   treeshake: true,
   skipNodeModulesBundle: true,
   external: ['node_modules'],
+  plugins: [
+    {
+      // https://github.com/egoist/tsup/issues/953
+      // ensuring that all local imports in `.js` files import from `.js` files.
+      name: 'fix-esm-js-imports',
+      renderChunk(code) {
+        if (this.format === 'esm') {
+          const regexEsm = /from(?<space>[\s]*)(?<quote>['"])(?<import>\.[^'"]+)['"]/g
+          return {
+            code: code.replace(regexEsm, 'from$<space>$<quote>$<import>.js$<quote>'),
+          }
+        }
+      },
+    },
+  ],
 }
 
 export default defineConfig([config])

packages/i18n/tsup.config.ts

@@ -15,6 +15,21 @@ const config: Options = {
   treeshake: true,
   skipNodeModulesBundle: true,
   external: ['node_modules'],
+  plugins: [
+    {
+      // https://github.com/egoist/tsup/issues/953
+      // ensuring that all local imports in `.js` files import from `.js` files.
+      name: 'fix-esm-js-imports',
+      renderChunk(code) {
+        if (this.format === 'esm') {
+          const regexEsm = /from(?<space>[\s]*)(?<quote>['"])(?<import>\.[^'"]+)['"]/g
+          return {
+            code: code.replace(regexEsm, 'from$<space>$<quote>$<import>.js$<quote>'),
+          }
+        }
+      },
+    },
+  ],
 }
 
 export default defineConfig([config])

packages/react-router-hono/tsup.config.ts

@@ -15,6 +15,21 @@ const config: Options = {
   treeshake: true,
   skipNodeModulesBundle: true,
   external: ['node_modules'],
+  plugins: [
+    {
+      // https://github.com/egoist/tsup/issues/953
+      // ensuring that all local imports in `.js` files import from `.js` files.
+      name: 'fix-esm-js-imports',
+      renderChunk(code) {
+        if (this.format === 'esm') {
+          const regexEsm = /from(?<space>[\s]*)(?<quote>['"])(?<import>\.[^'"]+)['"]/g
+          return {
+            code: code.replace(regexEsm, 'from$<space>$<quote>$<import>.js$<quote>'),
+          }
+        }
+      },
+    },
+  ],
 }
 
 export default defineConfig([config])

packages/utils/tsup.config.ts

@@ -15,6 +15,21 @@ const config: Options = {
   treeshake: true,
   skipNodeModulesBundle: true,
   external: ['node_modules'],
+  plugins: [
+    {
+      // https://github.com/egoist/tsup/issues/953
+      // ensuring that all local imports in `.js` files import from `.js` files.
+      name: 'fix-esm-js-imports',
+      renderChunk(code) {
+        if (this.format === 'esm') {
+          const regexEsm = /from(?<space>[\s]*)(?<quote>['"])(?<import>\.[^'"]+)['"]/g
+          return {
+            code: code.replace(regexEsm, 'from$<space>$<quote>$<import>.js$<quote>'),
+          }
+        }
+      },
+    },
+  ],
 }
 
 export default defineConfig([config])