Fix shared chunk type file extension (#569)

src/build-config.ts

@@ -482,8 +482,11 @@ async function buildOutputConfigs(
       entryFiles,
     ),
     chunkFileNames() {
-      const ext =
-        format === 'cjs' && outputFileExtension === '.cjs' ? 'cjs' : 'js'
+      const ext = dts
+        ? 'd.ts'
+        : format === 'cjs' && outputFileExtension === '.cjs'
+        ? 'cjs'
+        : 'js'
       return '[name]-[hash].' + ext
     },
     // By default in rollup, when creating multiple chunks, transitive imports of entry chunks

test/integration/shared-module-ts/index.test.ts

@@ -0,0 +1,35 @@
+import { readFileSync, promises as fsp } from 'fs'
+import { createIntegrationTest } from '../utils'
+import path from 'path'
+
+describe('integration shared-module-ts', () => {
+  it('should contain correct type file path of shared chunks', async () => {
+    await createIntegrationTest(
+      {
+        directory: __dirname,
+      },
+      async ({ distDir }) => {
+        const files = await fsp.readdir(distDir)
+        const sharedUtilModuleFile = files.find((file) =>
+          /util-shared-\w+\.d\.ts/.test(file),
+        )!
+        const appContextSharedFile = files.find((file) =>
+          /app-context-shared-\w+\.d\.ts/.test(file),
+        )!
+
+        const indexType = files.find((file) => file === 'index.d.ts')!
+        const indexFileContent = readFileSync(
+          path.join(distDir, indexType),
+          'utf-8',
+        )
+
+        expect(indexFileContent).toContain(
+          sharedUtilModuleFile.replace('.d.ts', '.js'),
+        )
+        expect(indexFileContent).toContain(
+          appContextSharedFile.replace('.d.ts', '.js'),
+        )
+      },
+    )
+  })
+})

test/integration/shared-module-ts/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "shared-module",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "react-server": "./dist/index.react-server.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.cjs"
+    },
+    "./another": {
+      "types": "./dist/another.d.ts",
+      "import": "./dist/another.js",
+      "default": "./dist/another.cjs"
+    }
+  },
+  "dependencies": {
+    "react": "*"
+  }
+}

test/integration/shared-module-ts/src/another.ts

@@ -0,0 +1 @@
+export { sharedApi as anotherSharedApi } from './lib/util.shared-runtime'

test/integration/shared-module-ts/src/index.react-server.ts

@@ -0,0 +1 @@
+export { AppContext } from './lib/app-context.shared-runtime'

test/integration/shared-module-ts/src/index.ts

@@ -0,0 +1,3 @@
+export const index = 'index'
+export { sharedApi } from './lib/util.shared-runtime'
+export { AppContext } from './lib/app-context.shared-runtime'

test/integration/shared-module-ts/src/lib/app-context.shared-runtime.ts

@@ -0,0 +1,5 @@
+'use client'
+
+import React from 'react'
+
+export const AppContext = React.createContext(null)

test/integration/shared-module-ts/src/lib/util.shared-runtime.ts

@@ -0,0 +1,3 @@
+export function sharedApi() {
+  return 'common:shared'
+}