Improve Build Output for SSG

vercel · Dec 12, 2019 · d700575 · d700575
1 parent 867c459
commit d700575
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 11 deletions.
diff --git a/packages/next/build/index.ts b/packages/next/build/index.ts
@@ -384,6 +384,8 @@ export default async function build(dir: string, conf = null): Promise<void> {
       )
 
       let isStatic = false
+      let isSsg = false
+      let ssgPageRoutes: string[] | null = null
 
       pagesManifest[page] = bundleRelative.replace(/\\/g, '/')
 
@@ -432,25 +434,29 @@ export default async function build(dir: string, conf = null): Promise<void> {
 
           if (result.prerender) {
             sprPages.add(page)
+            isSsg = true
 
             if (result.prerenderRoutes) {
               additionalSprPaths.set(page, result.prerenderRoutes)
+              ssgPageRoutes = result.prerenderRoutes
             }
-          }
-
-          if (result.static && customAppGetInitialProps === false) {
+          } else if (result.static && customAppGetInitialProps === false) {
             staticPages.add(page)
             isStatic = true
-          } else if (result.prerender) {
-            sprPages.add(page)
           }
         } catch (err) {
           if (err.message !== 'INVALID_DEFAULT_EXPORT') throw err
           invalidPages.add(page)
         }
       }
 
-      pageInfos.set(page, { size, serverBundle, static: isStatic })
+      pageInfos.set(page, {
+        size,
+        serverBundle,
+        static: isStatic,
+        isSsg,
+        ssgPageRoutes,
+      })
     })
   )
   staticCheckWorkers.end()

diff --git a/packages/next/build/utils.ts b/packages/next/build/utils.ts
@@ -37,7 +37,9 @@ export function collectPages(
 export interface PageInfo {
   isAmp?: boolean
   size: number
-  static?: boolean
+  static: boolean
+  isSsg: boolean
+  ssgPageRoutes: string[] | null
   serverBundle: string
 }
 
@@ -56,8 +58,8 @@ export function printTreeView(
     return chalk.red.bold(size)
   }
 
-  const messages: string[][] = [
-    ['Page', 'Size'].map(entry => chalk.underline(entry)),
+  const messages: [string, string][] = [
+    ['Page', 'Size'].map(entry => chalk.underline(entry)) as [string, string],
   ]
 
   list
@@ -78,7 +80,7 @@ export function printTreeView(
         `${symbol} ${
           item.startsWith('/_')
             ? ' '
-            : pageInfo && pageInfo.static
+            : pageInfo && (pageInfo.static || pageInfo.isSsg)
             ? '*'
             : serverless
             ? 'λ'
@@ -92,11 +94,28 @@ export function printTreeView(
             : ''
           : '',
       ])
+
+      if (pageInfo && pageInfo.ssgPageRoutes && pageInfo.ssgPageRoutes.length) {
+        const totalRoutes = pageInfo.ssgPageRoutes.length
+        const previewPages = totalRoutes === 4 ? 4 : 3
+        const contSymbol = i === list.length - 1 ? ' ' : '├'
+
+        const routes = pageInfo.ssgPageRoutes.slice(0, previewPages)
+        if (totalRoutes > previewPages) {
+          const remaining = totalRoutes - previewPages
+          routes.push(`[+${remaining} more paths]`)
+        }
+
+        routes.forEach((slug, index, { length }) => {
+          const innerSymbol = index === length - 1 ? '└' : '├'
+          messages.push([`${contSymbol}   ${innerSymbol} ${slug}`, ''])
+        })
+      }
     })
 
   console.log(
     textTable(messages, {
-      align: ['l', 'l', 'r', 'r'],
+      align: ['l', 'l'],
       stringLength: str => stripAnsi(str).length,
     })
   )