first commit

test/e2e/app-dir/app-external/node_modules/browser-module/browser.js

@@ -0,0 +1,4 @@
+'use client'
+
+export const value =
+  'browser-module/' + (typeof window !== 'undefined' ? 'browser' : 'other')

test/e2e/app-dir/app-external/node_modules/browser-module/index.js

@@ -0,0 +1 @@
+export const value = 'browser-module/index'

test/e2e/app-dir/app-external/node_modules/browser-module/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "exports": {
+    "browser": "./browser.js",
+    "default": "./index.js"
+  }
+}

test/e2e/app-dir/app-external/node_modules/cjs-esm-compat/index.cjs

@@ -0,0 +1 @@
+exports.packageEntry = 'cjs-esm-compat/index.cjs'

test/e2e/app-dir/app-external/node_modules/cjs-esm-compat/index.mjs

@@ -0,0 +1 @@
+export const packageEntry = 'cjs-esm-compat/index.mjs'

test/e2e/app-dir/app-external/node_modules/cjs-esm-compat/package.json

@@ -0,0 +1,7 @@
+{
+  "exports": {
+    "import": "./index.mjs",
+    "require": "./index.cjs",
+    "default": "./index.cjs"
+  }
+}

test/e2e/app-dir/app-external/node_modules/cjs-lib/index.js

@@ -0,0 +1 @@
+exports.packageName = 'cjs-lib'

test/e2e/app-dir/app-external/node_modules/cjs-lib/package.json

@@ -0,0 +1,4 @@
+{
+  "name": "cjs-lib",
+  "exports": "./index.js"
+}

test/e2e/app-dir/app-external/node_modules/cjs-modern-syntax/index.cjs

@@ -0,0 +1,8 @@
+class PrivatePropertyClass {
+  #prop = 'prop'
+  getProp() {
+    return this.#prop
+  }
+}
+
+exports.instance = new PrivatePropertyClass()

test/e2e/app-dir/app-external/node_modules/cjs-modern-syntax/package.json

@@ -0,0 +1,3 @@
+{
+  "exports": "./index.cjs"
+}

test/e2e/app-dir/app-external/node_modules/client-cjs-import-esm-wildcard/index.js

@@ -0,0 +1,3 @@
+'use client'
+
+module.exports = require('client-esm-module-wildcard')

test/e2e/app-dir/app-external/node_modules/client-cjs-import-esm-wildcard/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "client-cjs-import-esm-wildcard",
+  "type": "commonjs",
+  "exports": "./index.js"
+}

test/e2e/app-dir/app-external/node_modules/client-esm-module-wildcard-2/bar.js

@@ -0,0 +1,5 @@
+'use client'
+
+export function Bar() {
+  return 'Bar'
+}

test/e2e/app-dir/app-external/node_modules/client-esm-module-wildcard-2/foo.js

@@ -0,0 +1,5 @@
+'use client'
+
+export function Foo() {
+  return 'Foo'
+}

test/e2e/app-dir/app-external/node_modules/client-esm-module-wildcard-2/index.js

@@ -0,0 +1,2 @@
+export * from './foo'
+export * from './bar'

test/e2e/app-dir/app-external/node_modules/client-esm-module-wildcard-2/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "client-esm-module-wildcard-2",
+  "type": "module",
+  "exports": {
+    "default": "./index.js"
+  }
+}

test/e2e/app-dir/app-external/node_modules/client-esm-module-wildcard/index.js

@@ -0,0 +1,3 @@
+'use client'
+
+export * from './lib'

test/e2e/app-dir/app-external/node_modules/client-esm-module-wildcard/lib.js

@@ -0,0 +1,3 @@
+export function Hello() {
+  return 'hello'
+}

test/e2e/app-dir/app-external/node_modules/client-esm-module-wildcard/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "client-esm-module-wildcard",
+  "type": "module",
+  "exports": "./index.js"
+}

test/e2e/app-dir/app-external/node_modules/client-esm-module/index.js

@@ -0,0 +1,5 @@
+'use client'
+
+export function Hello() {
+  return 'hello'
+}

test/e2e/app-dir/app-external/node_modules/client-esm-module/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "client-esm-module",
+  "type": "module",
+  "exports": "./index.js"
+}

test/e2e/app-dir/app-external/node_modules/client-module/index.js

@@ -0,0 +1,3 @@
+'use client'
+
+module.exports = () => 'hello'

test/e2e/app-dir/app-external/node_modules/client-module/index.mjs

@@ -0,0 +1,3 @@
+'use client'
+
+export default () => 'hello'

test/e2e/app-dir/app-external/node_modules/client-module/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "client-module",
+  "main": "index.js",
+  "module": "index.mjs"
+}

test/e2e/app-dir/app-external/node_modules/compat-next-server-module/index.js

@@ -0,0 +1,5 @@
+const { NextResponse } = require('next/server')
+
+exports.respond = function () {
+  return NextResponse.next()
+}

test/e2e/app-dir/app-external/node_modules/compat-next-server-module/index.mjs

@@ -0,0 +1,5 @@
+import { NextResponse } from 'next/server'
+
+export function respond() {
+  return NextResponse.next()
+}

test/e2e/app-dir/app-external/node_modules/compat-next-server-module/package.json

@@ -0,0 +1,9 @@
+{
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "default": "./index.js"
+    }
+  }
+}

test/e2e/app-dir/app-external/node_modules/conditional-exports-optout/index.js

@@ -0,0 +1 @@
+module.exports = 'index.default'

test/e2e/app-dir/app-external/node_modules/conditional-exports-optout/index.server.js

@@ -0,0 +1 @@
+module.exports = 'index.react-server'

test/e2e/app-dir/app-external/node_modules/conditional-exports-optout/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "conditional-exports-optout",
+  "main": "index.js",
+  "exports": {
+    ".": {
+      "react-server": "./index.server.js",
+      "default": "./index.js"
+    },
+    "./subpath": {
+      "react-server": "./subpath.server.js",
+      "default": "./subpath.js"
+    },
+    "./react": {
+      "import": "./react.mjs",
+      "default": "./react.js"
+    },
+    "./package.json": "./package.json"
+  }
+}

test/e2e/app-dir/app-external/node_modules/conditional-exports-optout/react.js

@@ -0,0 +1,7 @@
+const React = require('react')
+
+function getReactVersion() {
+  return React.version
+}
+
+exports.getReactVersion = getReactVersion

test/e2e/app-dir/app-external/node_modules/conditional-exports-optout/react.mjs

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export function getReactVersion() {
+  return React.version
+}

test/e2e/app-dir/app-external/node_modules/conditional-exports-optout/subpath.js

@@ -0,0 +1 @@
+module.exports = 'subpath.default'

test/e2e/app-dir/app-external/node_modules/conditional-exports-optout/subpath.server.js

@@ -0,0 +1 @@
+module.exports = 'subpath.react-server'

test/e2e/app-dir/app-external/node_modules/conditional-exports/dep.js

@@ -0,0 +1 @@
+module.exports = 'dep.default'

test/e2e/app-dir/app-external/node_modules/conditional-exports/dep.server.js

@@ -0,0 +1 @@
+module.exports = 'dep.server'

test/e2e/app-dir/app-external/node_modules/conditional-exports/index.js

@@ -0,0 +1,8 @@
+const react = require('react')
+const dep = require('#dep')
+
+module.exports =
+  'index.default:' +
+  ('useState' in react ? 'react.full' : 'react.subset') +
+  ':' +
+  dep

test/e2e/app-dir/app-external/node_modules/conditional-exports/index.server.js

@@ -0,0 +1,8 @@
+const react = require('react')
+const dep = require('#dep')
+
+module.exports =
+  'index.react-server:' +
+  ('useState' in react ? 'react.full' : 'react.subset') +
+  ':' +
+  dep

test/e2e/app-dir/app-external/node_modules/conditional-exports/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "conditional-exports",
+  "main": "index.js",
+  "imports": {
+    "#dep": {
+      "react-server": "./dep.server.js",
+      "default": "./dep.js"
+    }
+  },
+  "exports": {
+    ".": {
+      "react-server": "./index.server.js",
+      "default": "./index.js"
+    },
+    "./subpath": {
+      "react-server": "./subpath.server.js",
+      "default": "./subpath.js"
+    },
+    "./react": {
+      "import": "./react.js"
+    },
+    "./package.json": "./package.json"
+  }
+}

test/e2e/app-dir/app-external/node_modules/conditional-exports/react.js

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export function getReactVersion() {
+  return React.version
+}

test/e2e/app-dir/app-external/node_modules/conditional-exports/subpath.js

@@ -0,0 +1 @@
+module.exports = 'subpath.default'

test/e2e/app-dir/app-external/node_modules/conditional-exports/subpath.server.js

@@ -0,0 +1 @@
+module.exports = 'subpath.react-server'

test/e2e/app-dir/app-external/node_modules/css/index.js

@@ -0,0 +1 @@
+import './style.css'

test/e2e/app-dir/app-external/node_modules/css/module.js

@@ -0,0 +1,5 @@
+import styles from './styles.module.css'
+
+export default function Foo() {
+  return <h1 className={styles.h1}>Hello</h1>
+}

test/e2e/app-dir/app-external/node_modules/css/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "css",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": "./index.js",
+    "./style.css": "./style.css",
+    "./module": "./module.js",
+    "./package.json": "./package.json"
+  }
+}

test/e2e/app-dir/app-external/node_modules/css/style.css

@@ -0,0 +1,3 @@
+body {
+  color: red;
+}

test/e2e/app-dir/app-external/node_modules/css/styles.module.css

@@ -0,0 +1,3 @@
+.h1 {
+  color: red;
+}

test/e2e/app-dir/app-external/node_modules/dual-pkg-optout/index.cjs

@@ -0,0 +1 @@
+exports.value = 'dual-pkg-optout:cjs'

test/e2e/app-dir/app-external/node_modules/dual-pkg-optout/index.mjs

@@ -0,0 +1 @@
+export const value = 'dual-pkg-optout:mjs'

test/e2e/app-dir/app-external/node_modules/dual-pkg-optout/package.json

@@ -0,0 +1,6 @@
+{
+  "exports": {
+    "import": "./index.mjs",
+    "require": "./index.cjs"
+  }
+}

test/e2e/app-dir/app-external/node_modules/esm-with-react/index.js

@@ -0,0 +1,6 @@
+import React from 'react'
+
+const Context = React.createContext ? React.createContext('hello') : null
+
+export const version = React.version
+export const useValue = () => React.useContext(Context)

test/e2e/app-dir/app-external/node_modules/esm-with-react/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "esm-with-react",
+  "type": "module",
+  "exports": "./index.js",
+  "dependencies": {
+    "react": "^18",
+    "react-dom": "^18"
+  }
+}

test/e2e/app-dir/app-external/node_modules/esm/index.js

@@ -0,0 +1 @@
+export default 'external-pure-esm-lib'

test/e2e/app-dir/app-external/node_modules/esm/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "esm",
+  "type": "module",
+  "exports": "./index.js"
+}

test/e2e/app-dir/app-external/node_modules/font/index.ts

@@ -0,0 +1,3 @@
+import localFont from 'next/font/local'
+
+export const myFont = localFont({ src: './my-font.woff2' })

test/e2e/app-dir/app-external/node_modules/font/package.json

@@ -0,0 +1,4 @@
+{
+  "name": "font",
+  "main": "index.ts"
+}

test/e2e/app-dir/app-external/node_modules/mixed-syntax-esm/index.mjs

@@ -0,0 +1,14 @@
+import React from 'react'
+;(module) => {
+  module.exports = {}
+}
+
+export const value = 'mixed-syntax-esm'
+
+export function Component() {
+  return /*#__PURE__*/ React.createElement(
+    'p',
+    { id: 'component' },
+    'mixed-syntax-esm'
+  )
+}

test/e2e/app-dir/app-external/node_modules/mixed-syntax-esm/package.json

@@ -0,0 +1,3 @@
+{
+  "exports": "./index.mjs"
+}

test/e2e/app-dir/app-external/node_modules/namespace-import-esm/index.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react'
+
+export function NamespaceImport(props) {
+  React.useState(0)
+  return React.createElement('p', props, 'namespace-import:esm')
+}

test/e2e/app-dir/app-external/node_modules/namespace-import-esm/package.json

@@ -0,0 +1,4 @@
+{
+  "name": "namespace-import-esm",
+  "exports": "./index.mjs"
+}

test/e2e/app-dir/app-external/node_modules/nested-import-export-default/index.cjs

@@ -0,0 +1,3 @@
+const value = require('cjs-esm-compat').packageEntry
+
+exports.default = 'nested-import:cjs:' + value

test/e2e/app-dir/app-external/node_modules/nested-import-export-default/index.mjs

@@ -0,0 +1,5 @@
+import { packageEntry as value } from 'cjs-esm-compat'
+
+const packageEntry = 'nested-import:esm:' + value
+
+export default packageEntry

test/e2e/app-dir/app-external/node_modules/nested-import-export-default/package.json

@@ -0,0 +1,6 @@
+{
+  "exports": {
+    "import": "./index.mjs",
+    "require": "./index.cjs"
+  }
+}

test/e2e/app-dir/app-external/node_modules/next-server-cjs-lib/index.js

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, '__esModule', { value: true })
+const server_1 = require('next/server')
+const createResponse = (...args) => {
+  return new server_1.NextResponse(...args)
+}
+exports.createResponse = createResponse
+
+exports.packageName = 'cjs-lib'
+// Note: this is a CJS library that used the `NextResponse` export from `next/server`.

test/e2e/app-dir/app-external/node_modules/next-server-cjs-lib/package.json

@@ -0,0 +1,4 @@
+{
+  "name": "next-server-cjs-lib",
+  "exports": "./index.js"
+}

test/e2e/app-dir/app-external/node_modules/non-isomorphic-text/browser.js

@@ -0,0 +1,3 @@
+export default () => 'browser-export'
+export const named = 'named'
+export const value = 123

test/e2e/app-dir/app-external/node_modules/non-isomorphic-text/index.js

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.default = () => 'esm-export'
+exports.named = 'named'
+exports.value = 123
+exports.array = [4, 5, 6]
+exports.obj = { x: 1 }

test/e2e/app-dir/app-external/node_modules/non-isomorphic-text/index.mjs

@@ -0,0 +1,5 @@
+export default () => 'esm-export'
+export const named = 'named'
+export const value = 123
+export const array = [4, 5, 6]
+export const obj = { x: 1 }

test/e2e/app-dir/app-external/node_modules/non-isomorphic-text/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "non-isomorphic-text",
+  "exports": {
+    "import": "./index.mjs",
+    "require": "./index.js"
+  },
+  "browser": "./browser.js"
+}

test/e2e/app-dir/app-external/node_modules/pure-esm-module/index.js

@@ -0,0 +1,2 @@
+export const random = ~~(Math.random() * 1e5)
+export const name = 'pure-esm-module'

test/e2e/app-dir/app-external/node_modules/pure-esm-module/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "pure-esm-module",
+  "type": "module",
+  "exports": {
+    "import": "./index.js"
+  }
+}

test/e2e/app-dir/app-external/node_modules/server-action-mod/index.js

@@ -0,0 +1,7 @@
+'use server'
+
+export async function action1() {
+  console.log(
+    `action-log:${typeof window === 'undefined' ? 'server' : 'client'}:action1`
+  )
+}

test/e2e/app-dir/app-external/node_modules/server-action-mod/package.json

@@ -0,0 +1,3 @@
+{
+  "exports": "./index.js"
+}

test/e2e/app-dir/app-external/node_modules/server-api-esm/index.js

@@ -0,0 +1,5 @@
+import { NextRequest } from 'next/server'
+
+export function serverApi(req) {
+  return new NextRequest(req)
+}

test/e2e/app-dir/app-external/node_modules/server-api-esm/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "server-api-module",
+  "type": "module",
+  "exports": "./index.js"
+}

test/e2e/app-dir/app-external/node_modules/server-module-field/index.cjs

@@ -0,0 +1 @@
+exports.name = 'server-module-field:main'

test/e2e/app-dir/app-external/node_modules/server-module-field/index.esm.js

@@ -0,0 +1 @@
+export const name = 'server-module-field:module'

test/e2e/app-dir/app-external/node_modules/server-module-field/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "./index.cjs",
+  "module": "./index.esm.js"
+}

test/e2e/app-dir/app-external/node_modules/transitive-external/a.mjs

@@ -0,0 +1 @@
+export default 'a'

test/e2e/app-dir/app-external/node_modules/transitive-external/index.mjs

@@ -0,0 +1,4 @@
+export async function load(name) {
+  let value = (await import(name)).default
+  return `loaded ${value}`
+}

test/e2e/app-dir/app-external/node_modules/transitive-external/package.json

@@ -0,0 +1,4 @@
+{
+  "name": "transitive-external",
+  "exports": "./index.mjs"
+}

test/e2e/app-dir/app-external/node_modules/transitive/index.mjs

@@ -0,0 +1,6 @@
+import { load as loadInternal } from 'transitive-external'
+
+export async function load(name) {
+  let value = await loadInternal('./' + name + '.mjs')
+  return `transitive ${value}`
+}

test/e2e/app-dir/app-external/node_modules/transitive/package.json

@@ -0,0 +1,4 @@
+{
+  "name": "transitive",
+  "exports": "./index.mjs"
+}

test/e2e/app-dir/app-external/node_modules/transpile-cjs-lib/index.js

@@ -0,0 +1 @@
+exports.packageName = 'transpile-cjs-lib'

test/e2e/app-dir/app-external/node_modules/transpile-cjs-lib/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "transpile-cjs-lib",
+  "type": "commonjs",
+  "exports": "./index.js"
+}

test/e2e/app-dir/app-external/node_modules/transpile-ts-lib/index.ts

@@ -0,0 +1,3 @@
+export default function add(a: number, b: number) {
+  return a + b
+}

test/e2e/app-dir/app-external/node_modules/transpile-ts-lib/package.json

@@ -0,0 +1,4 @@
+{
+  "name": "transpile-ts-lib",
+  "main": "index.ts"
+}