Assign layer to app client entries

packages/next/build/entries.ts

@@ -19,7 +19,7 @@ import {
   SERVER_RUNTIME,
   WEBPACK_LAYERS,
 } from '../lib/constants'
-import { RSC_MODULE_TYPES } from '../shared/lib/constants'
+import { APP_CLIENT_INTERNALS, RSC_MODULE_TYPES } from '../shared/lib/constants'
 import {
   CLIENT_STATIC_FILES_RUNTIME_AMP,
   CLIENT_STATIC_FILES_RUNTIME_MAIN,
@@ -517,6 +517,12 @@ export function finalizeEntrypoint({
     }
   }
 
+  const isAppLayer =
+    hasAppDir &&
+    (name === CLIENT_STATIC_FILES_RUNTIME_MAIN_APP ||
+      name === APP_CLIENT_INTERNALS ||
+      name.startsWith('app/'))
+
   if (
     // Client special cases
     name !== CLIENT_STATIC_FILES_RUNTIME_POLYFILLS &&
@@ -525,10 +531,10 @@ export function finalizeEntrypoint({
     name !== CLIENT_STATIC_FILES_RUNTIME_AMP &&
     name !== CLIENT_STATIC_FILES_RUNTIME_REACT_REFRESH
   ) {
-    // TODO-APP: this is a temporary fix. @shuding is going to change the handling of server components
-    if (hasAppDir && entry.import.includes('next-flight-client-entry-loader')) {
+    if (isAppLayer) {
       return {
         dependOn: CLIENT_STATIC_FILES_RUNTIME_MAIN_APP,
+        layer: WEBPACK_LAYERS.appClient,
         ...entry,
       }
     }
@@ -542,5 +548,12 @@ export function finalizeEntrypoint({
     }
   }
 
+  if (isAppLayer) {
+    return {
+      layer: WEBPACK_LAYERS.appClient,
+      ...entry,
+    }
+  }
+
   return entry
 }

packages/next/build/webpack/plugins/wellknown-errors-plugin/parseNotFoundError.ts

@@ -65,6 +65,7 @@ export async function getNotFoundError(
       column: loc.start.column,
       source: originalSource,
       rootDirectory: compilation.options.context!,
+      modulePath: fileName,
       frame: {},
     })
 

packages/next/lib/constants.ts

@@ -76,4 +76,5 @@ export const WEBPACK_LAYERS = {
   api: 'api',
   middleware: 'middleware',
   edgeAsset: 'edge-asset',
+  appClient: 'app-client',
 }