[dev-tools] display metadata object

Author: devjiwonchoi

packages/next/src/lib/metadata/resolve-metadata.ts

@@ -1082,12 +1082,16 @@ export async function resolveMetadata(
     getDynamicParamFromSegment,
     workStore
   )
-  return accumulateMetadata(
+  const resolvedMetadata = await accumulateMetadata(
     workStore.route,
     metadataItems,
     pathname,
     metadataContext
   )
+
+  console.log({ resolvedMetadata })
+
+  return resolvedMetadata
 }
 
 // Exposed API for viewport component, that directly resolve the loader tree and related context as resolved viewport.

packages/next/src/server/dev/dev-tools-server-state.ts

@@ -1,4 +1,5 @@
 import type { VersionInfo } from './parse-version-info'
+import type { ResolvedMetadata } from '../../types'
 import type { DebugInfo } from '../../client/components/react-dev-overlay/types'
 
 export type DevToolsServerState = {
@@ -11,6 +12,7 @@ export type DevToolsServerState = {
     staticPaths: string[]
     isPageIncludedInStaticPaths: boolean
   }
+  resolvedMetadata: ResolvedMetadata
 }
 
 export const devToolsServerState: DevToolsServerState = {
@@ -28,4 +30,8 @@ export const devToolsServerState: DevToolsServerState = {
     staticPaths: [],
     isPageIncludedInStaticPaths: false,
   },
+  // ResolvedMetadata expects items to be null by default,
+  // but is not strictly necessary for a default value so
+  // used `as ResolvedMetadata`.
+  resolvedMetadata: {} as ResolvedMetadata,
 }

packages/next/src/shared/lib/devtool/app-segment-tree.tsx

@@ -3,6 +3,7 @@
 import { type ReactNode, useEffect, useSyncExternalStore } from 'react'
 import type { OverlayState } from '../../../client/components/react-dev-overlay/shared'
 import { createTrie, type Trie } from './trie'
+import type { ResolvedMetadata } from '../../../types'
 
 export type SegmentNode = {
   type: string
@@ -12,6 +13,7 @@ export type SegmentNode = {
 type DevtoolClientState = {
   tree?: Trie<SegmentNode>
   staticPathsInfo?: OverlayState['devToolsClientState']['staticPathsInfo']
+  resolvedMetadata?: ResolvedMetadata
 }
 
 const DEFAULT_CLIENT_STATE =