debug logs

Author: lubieowoce

packages/next/src/server/app-render/app-render.tsx

@@ -3364,6 +3364,8 @@ async function renderWithRestartOnCacheMissInDev(
   await cacheSignal.cacheReady()
   initialReactController.abort()
 
+  console.log('*********** restarting render ***********')
+
   //===============================================
   // Final render (restarted)
   //===============================================
@@ -3650,6 +3652,32 @@ async function spawnStaticShellValidationInDev(
     workStore,
   } = ctx
 
+  {
+    const logChunks = (chunks: Array<Uint8Array>) => {
+      const textDecoder = new TextDecoder()
+      for (const chunk of chunks) {
+        console.log(textDecoder.decode(chunk))
+      }
+    }
+    console.log('Static chunks')
+    console.log('------------------------')
+    logChunks(staticServerChunks)
+    console.log('------------------------')
+
+    console.log('\n')
+    console.log('Runtime chunks')
+    console.log('------------------------')
+    logChunks(runtimeServerChunks.slice(staticServerChunks.length))
+    console.log('------------------------')
+
+    console.log('\n')
+    console.log('Dynamic chunks')
+    console.log('------------------------')
+    logChunks(dynamicServerChunks.slice(runtimeServerChunks.length))
+    console.log('------------------------')
+    console.log('\n\n')
+  }
+
   const { allowEmptyStaticShell = false } = renderOpts
 
   const rootParams = getRootParams(

packages/next/src/server/app-render/staged-rendering.ts

@@ -86,11 +86,23 @@ export class StagedRenderingController {
     // so we want a slightly different flow.
     // See the implementation of `abandonRenderImpl` for more explanation.
     if (this.mayAbandon) {
+      console.log(
+        '========= initial render: abandoning due to sync IO ========='
+      )
+      console.log(
+        `current stage: ${RenderStage[this.currentStage]}, error: ${reason.message}`
+      )
       return this.abandonRenderImpl()
     }
 
     // If we're in the final render, we cannot abandon it. We need to advance to the Dynamic stage
     // and capture the interruption reason.
+    console.log(
+      '========= final render: advancing stage to Dynamic due to sync IO ========='
+    )
+    console.log(
+      `current stage: ${RenderStage[this.currentStage]}, error: ${reason.message}`
+    )
     switch (this.currentStage) {
       case RenderStage.Static: {
         this.staticInterruptReason = reason