FM / pages

/opt/canhelp/node_modules/next/dist/next-devtools/userspace/pages/

/opt/canhelp/node_modules/next/dist/next-devtools/userspace/pages

Name	Size	Mode	Actions
hydration-error-state.d.ts	331	0644	edit dl rm
hydration-error-state.js	7518	0644	edit dl rm
hydration-error-state.js.map	10739	0644	edit dl rm
pages-dev-overlay-error-boundary.d.ts	493	0644	edit dl rm
pages-dev-overlay-error-boundary.js	1374	0644	edit dl rm
pages-dev-overlay-error-boundary.js.map	1329	0644	edit dl rm
pages-dev-overlay-setup.d.ts	354	0644	edit dl rm
pages-dev-overlay-setup.js	5119	0644	edit dl rm
pages-dev-overlay-setup.js.map	7024	0644	edit dl rm

Edit: /opt/canhelp/node_modules/next/dist/next-devtools/userspace/pages/hydration-error-state.js.map (10739B)

{"version":3,"sources":["../../../../src/next-devtools/userspace/pages/hydration-error-state.ts"],"sourcesContent":["import {\n  getHydrationWarningType,\n  isHydrationError as isReact18HydrationError,\n  isHydrationWarning as isReact18HydrationWarning,\n} from '../../shared/react-18-hydration-error'\nimport {\n  isHydrationError as isReact19HydrationError,\n  isErrorMessageWithComponentStackDiff as isReact19HydrationWarning,\n} from '../../shared/react-19-hydration-error'\nimport type { HydrationErrorState } from '../../shared/hydration-error'\n\n// We only need this for React 18 or hydration console errors in React 19.\n// Once we surface console.error in the dev overlay in pages router, we should only\n// use this for React 18.\nlet hydrationErrorState: HydrationErrorState = {}\n\nconst squashedHydrationErrorDetails = new WeakMap<Error, HydrationErrorState>()\n\nexport function getSquashedHydrationErrorDetails(\n  error: Error\n): HydrationErrorState | null {\n  return squashedHydrationErrorDetails.has(error)\n    ? squashedHydrationErrorDetails.get(error)!\n    : null\n}\n\nexport function attachHydrationErrorState(error: Error) {\n  if (!isReact18HydrationError(error) && !isReact19HydrationError(error)) {\n    return\n  }\n\n  let parsedHydrationErrorState: typeof hydrationErrorState = {}\n\n  // If there's any extra information in the error message to display,\n  // append it to the error message details property\n  if (hydrationErrorState.warning) {\n    // The patched console.error found hydration errors logged by React\n    // Append the logged warning to the error message\n    parsedHydrationErrorState = {\n      // It contains the warning, component stack, server and client tag names\n      ...hydrationErrorState,\n    }\n\n    // Consume the cached hydration diff.\n    // This is only required for now when we still squashed the hydration diff log into hydration error.\n    // Once the all error is logged to dev overlay in order, this will go away.\n    if (hydrationErrorState.reactOutputComponentDiff) {\n      parsedHydrationErrorState.reactOutputComponentDiff =\n        hydrationErrorState.reactOutputComponentDiff\n    }\n\n    squashedHydrationErrorDetails.set(error, parsedHydrationErrorState)\n  }\n}\n\n// TODO: Only handle React 18. Once we surface console.error in the dev overlay in pages router,\n// we can use the same behavior as App Router.\nexport function storeHydrationErrorStateFromConsoleArgs(...args: any[]) {\n  let [message, firstContent, secondContent, ...rest] = args\n  if (isReact18HydrationWarning(message)) {\n    // Some hydration warnings has 4 arguments, some has 3, fallback to the last argument\n    // when the 3rd argument is not the component stack but an empty string\n    // For some warnings, there's only 1 argument for template.\n    // The second argument is the diff or component stack.\n    if (args.length === 3) {\n      secondContent = ''\n    }\n\n    const warning = message\n      .replace(/Warning: /, '')\n      .replace('%s', firstContent)\n      .replace('%s', secondContent)\n      // remove the last %s from the message\n      .replace(/%s/g, '')\n\n    const lastArg = (rest[rest.length - 1] || '').trim()\n\n    hydrationErrorState.reactOutputComponentDiff = generateHydrationDiffReact18(\n      message,\n      firstContent,\n      secondContent,\n      lastArg\n    )\n\n    hydrationErrorState.warning = warning\n  } else if (isReact19HydrationWarning(message)) {\n    // Some hydration warnings has 4 arguments, some has 3, fallback to the last argument\n    // when the 3rd argument is not the component stack but an empty string\n    // For some warnings, there's only 1 argument for template.\n    // The second argument is the diff or component stack.\n    if (args.length === 3) {\n      secondContent = ''\n    }\n\n    const warning = message\n      .replace('%s', firstContent)\n      .replace('%s', secondContent)\n      // remove the last %s from the message\n      .replace(/%s/g, '')\n\n    const lastArg = (args[args.length - 1] || '').trim()\n\n    hydrationErrorState.reactOutputComponentDiff = lastArg\n    hydrationErrorState.warning = warning\n  }\n}\n\n/*\n * Some hydration errors in React 18 does not have the diff in the error message.\n * Instead it has the error stack trace which is component stack that we can leverage.\n * Will parse the diff from the error stack trace\n *  e.g.\n *  Warning: Expected server HTML to contain a matching <div> in <p>.\n *    at div\n *    at p\n *    at div\n *    at div\n *    at Page\n *  output:\n *    <Page>\n *      <div>\n *        <p>\n *  >       <div>\n *\n */\nfunction generateHydrationDiffReact18(\n  message: string,\n  firstContent: string,\n  secondContent: string,\n  lastArg: string\n) {\n  const componentStack = lastArg\n  let firstIndex = -1\n  let secondIndex = -1\n  const hydrationWarningType = getHydrationWarningType(message)\n\n  // at div\\n at Foo\\n at Bar (....)\\n -> [div, Foo]\n  const components = componentStack\n    .split('\\n')\n    // .reverse()\n    .map((line: string, index: number) => {\n      // `<space>at <component> (<location>)` -> `at <component> (<location>)`\n      line = line.trim()\n      // extract `<space>at <component>` to `<<component>>`\n      // e.g. `  at Foo` -> `<Foo>`\n      const [, component, location] = /at (\\w+)( \$(.*)\$)?/.exec(line) || []\n      // If there's no location then it's user-land stack frame\n      if (!location) {\n        if (component === firstContent && firstIndex === -1) {\n          firstIndex = index\n        } else if (component === secondContent && secondIndex === -1) {\n          secondIndex = index\n        }\n      }\n      return location ? '' : component\n    })\n    .filter(Boolean)\n    .reverse()\n\n  let diff = ''\n  for (let i = 0; i < components.length; i++) {\n    const component = components[i]\n    const matchFirstContent =\n      hydrationWarningType === 'tag' && i === components.length - firstIndex - 1\n    const matchSecondContent =\n      hydrationWarningType === 'tag' &&\n      i === components.length - secondIndex - 1\n    if (matchFirstContent || matchSecondContent) {\n      const spaces = ' '.repeat(Math.max(i * 2 - 2, 0) + 2)\n      diff += `> ${spaces}<${component}>\\n`\n    } else {\n      const spaces = ' '.repeat(i * 2 + 2)\n      diff += `${spaces}<${component}>\\n`\n    }\n  }\n  if (hydrationWarningType === 'text') {\n    const spaces = ' '.repeat(components.length * 2)\n    diff += `+ ${spaces}\"${firstContent}\"\\n`\n    diff += `- ${spaces}\"${secondContent}\"\\n`\n  } else if (hydrationWarningType === 'text-in-tag') {\n    const spaces = ' '.repeat(components.length * 2)\n    diff += `> ${spaces}<${secondContent}>\\n`\n    diff += `>   ${spaces}\"${firstContent}\"\\n`\n  }\n  return diff\n}\n"],"names":["attachHydrationErrorState","getSquashedHydrationErrorDetails","storeHydrationErrorStateFromConsoleArgs","hydrationErrorState","squashedHydrationErrorDetails","WeakMap","error","has","get","isReact18HydrationError","isReact19HydrationError","parsedHydrationErrorState","warning","reactOutputComponentDiff","set","args","message","firstContent","secondContent","rest","isReact18HydrationWarning","length","replace","lastArg","trim","generateHydrationDiffReact18","isReact19HydrationWarning","componentStack","firstIndex","secondIndex","hydrationWarningType","getHydrationWarningType","components","split","map","line","index","component","location","exec","filter","Boolean","reverse","diff","i","matchFirstContent","matchSecondContent","spaces","repeat","Math","max"],"mappings":"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","ignoreList":[0]}

cmd: