chore: provide slice rendering context to <HTML> (#36799)

pieh · web-flow · commit 93e02574f013 · 2022-10-11T20:35:17.000+02:00
diff --git a/packages/gatsby/cache-dir/static-entry.js b/packages/gatsby/cache-dir/static-entry.js
@@ -283,12 +283,12 @@ export default async function staticPage({
       }
     ).pop()
 
+    const slicesContext = {
+      // if we're in build now, we know we're on the server
+      // otherwise we're in an engine
+      renderEnvironment: renderContext.isDuringBuild ? `server` : `engines`,
+    }
     if (process.env.GATSBY_SLICES) {
-      const slicesContext = {
-        // if we're in build now, we know we're on the server
-        // otherwise we're in an engine
-        renderEnvironment: renderContext.isDuringBuild ? `server` : `engines`,
-      }
       // if we're running in an engine, we need to manually wrap body with
       // the results context to pass the map of slice name to component/data/context
       if (slicesContext.renderEnvironment === `engines`) {
@@ -509,7 +509,7 @@ export default async function staticPage({
       pathPrefix: __PATH_PREFIX__,
     })
 
-    const html = `<!DOCTYPE html>${renderToStaticMarkup(
+    let htmlElement = (
       <Html
         {...bodyProps}
         headComponents={headComponents}
@@ -520,7 +520,17 @@ export default async function staticPage({
         body={bodyHtml}
         path={pagePath}
       />
-    )}`
+    )
+
+    if (process.env.GATSBY_SLICES) {
+      htmlElement = (
+        <SlicesContext.Provider value={slicesContext}>
+          {htmlElement}
+        </SlicesContext.Provider>
+      )
+    }
+
+    const html = `<!DOCTYPE html>${renderToStaticMarkup(htmlElement)}`
 
     return {
       html,
