first commit

test/integration/typescript-paths/components/alias-to-d-ts.d.ts

@@ -0,0 +1 @@
+export default () => any

test/integration/typescript-paths/components/alias-to-d-ts.tsx

@@ -0,0 +1,3 @@
+export default () => {
+  return <>Not aliased to d.ts file</>
+}

test/integration/typescript-paths/components/hello.tsx

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export function Hello() {
+  return <>Hello</>
+}

test/integration/typescript-paths/components/world.tsx

@@ -0,0 +1,5 @@
+import React, { type JSX } from 'react'
+
+export function World(): JSX.Element {
+  return <>World</>
+}

test/integration/typescript-paths/lib/a/api.ts

@@ -0,0 +1 @@
+export default () => 'Hello from a'

test/integration/typescript-paths/lib/b/api.ts

@@ -0,0 +1 @@
+export default () => 'Hello from b'

test/integration/typescript-paths/lib/b/b-only.ts

@@ -0,0 +1 @@
+export default () => 'Hello from only b'

test/integration/typescript-paths/next.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  onDemandEntries: {
+    // Make sure entries are not getting disposed.
+    maxInactiveAge: 1000 * 60 * 60,
+  },
+}

test/integration/typescript-paths/pages/alias-to-d-ts.tsx

@@ -0,0 +1,10 @@
+import React, { type JSX } from 'react'
+import NotAliasedToDTS from 'd-ts-alias'
+
+export default function HelloPage(): JSX.Element {
+  return (
+    <div>
+      <NotAliasedToDTS />
+    </div>
+  )
+}

test/integration/typescript-paths/pages/basic-alias.tsx

@@ -0,0 +1,9 @@
+import React, { type JSX } from 'react'
+import { World } from '@c/world'
+export default function HelloPage(): JSX.Element {
+  return (
+    <div>
+      <World />
+    </div>
+  )
+}

test/integration/typescript-paths/pages/resolve-fallback.tsx

@@ -0,0 +1,5 @@
+import React, { type JSX } from 'react'
+import api from '@lib/b-only'
+export default function ResolveOrder(): JSX.Element {
+  return <div>{api()}</div>
+}

test/integration/typescript-paths/pages/resolve-order.tsx

@@ -0,0 +1,5 @@
+import React, { type JSX } from 'react'
+import api from '@lib/api'
+export default function ResolveOrder(): JSX.Element {
+  return <div>{api()}</div>
+}

test/integration/typescript-paths/pages/single-alias.tsx

@@ -0,0 +1,9 @@
+import { Hello } from '@mycomponent'
+
+export default function SingleAlias() {
+  return (
+    <div>
+      <Hello />
+    </div>
+  )
+}

test/integration/typescript-paths/test/index.test.ts

@@ -0,0 +1,87 @@
+/* eslint-env jest */
+
+import { join } from 'path'
+import cheerio from 'cheerio'
+import * as path from 'path'
+import {
+  renderViaHTTP,
+  findPort,
+  launchApp,
+  killApp,
+  File,
+} from 'next-test-utils'
+import * as JSON5 from 'json5'
+
+const appDir = join(__dirname, '..')
+let appPort
+let app
+
+async function get$(path, query?: any) {
+  const html = await renderViaHTTP(appPort, path, query)
+  return cheerio.load(html)
+}
+
+function runTests() {
+  describe('default behavior', () => {
+    beforeAll(async () => {
+      appPort = await findPort()
+      app = await launchApp(appDir, appPort, {})
+    })
+    afterAll(() => killApp(app))
+
+    it('should alias components', async () => {
+      const $ = await get$('/basic-alias')
+      expect($('body').text()).toMatch(/World/)
+    })
+
+    it('should resolve the first item in the array first', async () => {
+      const $ = await get$('/resolve-order')
+      expect($('body').text()).toMatch(/Hello from a/)
+    })
+
+    it('should resolve the second item in as a fallback', async () => {
+      const $ = await get$('/resolve-fallback')
+      expect($('body').text()).toMatch(/Hello from only b/)
+    })
+
+    it('should resolve a single matching alias', async () => {
+      const $ = await get$('/single-alias')
+      expect($('body').text()).toMatch(/Hello/)
+    })
+
+    it('should not resolve to .d.ts files', async () => {
+      const $ = await get$('/alias-to-d-ts')
+      expect($('body').text()).toMatch(/Not aliased to d\.ts file/)
+    })
+  })
+}
+
+describe('typescript paths', () => {
+  runTests()
+})
+
+const tsconfig = new File(path.resolve(__dirname, '../tsconfig.json'))
+
+describe('typescript paths without baseurl', () => {
+  beforeAll(async () => {
+    const tsconfigContent = JSON5.parse(tsconfig.originalContent)
+    delete tsconfigContent.compilerOptions.baseUrl
+    tsconfigContent.compilerOptions.paths = {
+      'isomorphic-unfetch': ['./types/unfetch.d.ts'],
+      '@c/*': ['./components/*'],
+      '@lib/*': ['./lib/a/*', './lib/b/*'],
+      '@mycomponent': ['./components/hello.tsx'],
+      'd-ts-alias': [
+        './components/alias-to-d-ts.d.ts',
+        './components/alias-to-d-ts.tsx',
+      ],
+    }
+    tsconfig.write(JSON.stringify(tsconfigContent, null, 2))
+  })
+
+  afterAll(() => {
+    tsconfig.restore()
+  })
+
+  runTests()
+})

test/integration/typescript-paths/tsconfig.json

@@ -0,0 +1,32 @@
+/* This is a single line comment to check if that works */ {
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "isomorphic-unfetch": ["types/unfetch.d.ts"],
+      "@c/*": ["components/*"],
+      "@lib/*": ["lib/a/*", "lib/b/*"],
+      "@mycomponent": ["components/hello.tsx"],
+      "d-ts-alias": [
+        "components/alias-to-d-ts.d.ts",
+        "components/alias-to-d-ts.tsx"
+      ]
+      // This is a single line comment to check if that works
+    },
+    "esModuleInterop": true,
+    "module": "esnext",
+    "jsx": "react-jsx",
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true
+  },
+  "exclude": ["node_modules", "**/*.test.ts", "**/*.test.tsx"],
+  "include": ["next-env.d.ts", "components", "pages"]
+}