[dev-overlay] Move code into new top-level folder in src/

Author: eps1lon

.eslintrc.json

@@ -297,6 +297,17 @@
     "no-octal": "error",
     "no-octal-escape": "error",
     "no-regex-spaces": "error",
+    "no-restricted-imports": [
+      "error",
+      {
+        "patterns": [
+          {
+            "group": ["*/next-devtools/dev-overlay*"],
+            "message": "Use `next/dist/compiled/next-devtools` (`src/next-devtools/dev-overlay/entrypoint.ts`) instead. Prefer `src/next-devtools/shared/` for shared utils."
+          }
+        ]
+      }
+    ],
     "no-restricted-syntax": [
       "error",
       "WithStatement",

packages/next/next-devtools.webpack-config.js

@@ -25,10 +25,7 @@ module.exports = ({ dev, ...rest }) => {
   const target = `browserslist:${MODERN_BROWSERSLIST_TARGET.join(', ')}`
 
   return {
-    entry: path.join(
-      __dirname,
-      'src/client/components/react-dev-overlay/entrypoint.js'
-    ),
+    entry: path.join(__dirname, 'src/next-devtools/entrypoint.ts'),
     target,
     mode: dev ? 'development' : 'production',
     output: {

packages/next/src/build/output/index.ts

@@ -2,7 +2,7 @@ import { bold, red, yellow } from '../../lib/picocolors'
 import stripAnsi from 'next/dist/compiled/strip-ansi'
 import textTable from 'next/dist/compiled/text-table'
 import createStore from 'next/dist/compiled/unistore'
-import formatWebpackMessages from '../../client/components/react-dev-overlay/utils/format-webpack-messages'
+import formatWebpackMessages from '../../shared/lib/format-webpack-messages'
 import { store as consoleStore } from './store'
 import type { OutputState } from './store'
 import type { webpack } from 'next/dist/compiled/webpack/webpack'

packages/next/src/build/webpack-build/impl.ts

@@ -1,7 +1,7 @@
 import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import { stringBufferUtils } from 'next/dist/compiled/webpack-sources3'
 import { red } from '../../lib/picocolors'
-import formatWebpackMessages from '../../client/components/react-dev-overlay/utils/format-webpack-messages'
+import formatWebpackMessages from '../../shared/lib/format-webpack-messages'
 import { nonNullable } from '../../lib/non-nullable'
 import type { COMPILER_INDEXES } from '../../shared/lib/constants'
 import {

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

@@ -3,7 +3,7 @@ import { SimpleWebpackError } from './simpleWebpackError'
 import {
   createOriginalStackFrame,
   getIgnoredSources,
-} from '../../../../client/components/react-dev-overlay/server/middleware-webpack'
+} from '../../../../server/dev/middleware-webpack'
 import type { webpack } from 'next/dist/compiled/webpack/webpack'
 
 // Based on https://github.com/webpack/webpack/blob/fcdd04a833943394bbb0a9eeb54a962a24cc7e41/lib/stats/DefaultStatsFactoryPlugin.js#L422-L431

packages/next/src/cli/next-info.ts

@@ -8,7 +8,7 @@ import { PHASE_INFO } from '../shared/lib/constants'
 import loadConfig from '../server/config'
 import { getRegistry } from '../lib/helpers/get-registry'
 import { parseVersionInfo } from '../server/dev/parse-version-info'
-import { getStaleness } from '../client/components/react-dev-overlay/ui/components/version-staleness-info/version-staleness-info'
+import { getStaleness } from '../next-devtools/shared/version-staleness'
 import { warn } from '../build/output/log'
 
 export type NextInfoOptions = {

packages/next/src/client/app-index.tsx

@@ -272,7 +272,7 @@ export function hydrate(
     // Server rendering failed, fall back to client-side rendering
     if (process.env.NODE_ENV !== 'production') {
       const { createRootLevelDevOverlayElement } =
-        require('./components/react-dev-overlay/app/client-entry') as typeof import('./components/react-dev-overlay/app/client-entry')
+        require('../next-devtools/userspace/app/client-entry') as typeof import('../next-devtools/userspace/app/client-entry')
 
       // Note this won't cause hydration mismatch because we are doing CSR w/o hydration
       element = createRootLevelDevOverlayElement(element)

packages/next/src/client/app-next-dev.ts

@@ -7,7 +7,7 @@ import { appBootstrap } from './app-bootstrap'
 import {
   getComponentStack,
   getOwnerStack,
-} from './components/react-dev-overlay/app/errors/stitched-error'
+} from '../next-devtools/userspace/app/errors/stitched-error'
 import { isRecoverableError } from './react-client-callbacks/on-recoverable-error'
 
 // eslint-disable-next-line @next/internal/typechecked-require

packages/next/src/client/app-next-turbopack.ts

@@ -2,7 +2,7 @@ import { appBootstrap } from './app-bootstrap'
 import {
   getComponentStack,
   getOwnerStack,
-} from './components/react-dev-overlay/app/errors/stitched-error'
+} from '../next-devtools/userspace/app/errors/stitched-error'
 import { isRecoverableError } from './react-client-callbacks/on-recoverable-error'
 
 window.next.version += '-turbo'