From 8fec6395f12a8409bf9e93647a7534ca482632d0 Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Mon, 17 May 2021 16:29:32 +0200
Subject: [PATCH] =?UTF-8?q?:art:=20Fix=20le=20pr=C3=A9rendu=20avec=20style?=
 =?UTF-8?q?d-component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Jusqu'alors les styled-component n'étaient pas pris en compte dans le prérendu, ce qui aboutissait à un CLS très important sur nos pages. C'est maintenant réparé
---
 mon-entreprise/index.html      | 16 +++++++++++++++-
 mon-entreprise/webpack.prod.js |  1 +
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/mon-entreprise/index.html b/mon-entreprise/index.html
index 7d7052a35..4606eccde 100644
--- a/mon-entreprise/index.html
+++ b/mon-entreprise/index.html
@@ -208,7 +208,21 @@
 			var b = document.documentElement
 			b.setAttribute('data-useragent', navigator.userAgent)
 		</script>
-
+		<script>
+			// Hack to force styled components to render styles during prerender
+			if (window.__PRERENDER_INJECTED) {
+				window.onload = () => {
+					var el = document.createElement('style');
+					document.head.appendChild(el)
+					var styles = document.querySelectorAll('style[data-styled]')
+					for (style of styles.values()) {
+							for (rule of style.sheet.rules) {
+								el.appendChild(document.createTextNode(rule.cssText))
+							}
+					}
+			}
+			};
+		</script>
 		<!-- APP  -->
 		<div id="js"></div>
 
diff --git a/mon-entreprise/webpack.prod.js b/mon-entreprise/webpack.prod.js
index 1cbea8d37..790762f0e 100644
--- a/mon-entreprise/webpack.prod.js
+++ b/mon-entreprise/webpack.prod.js
@@ -21,6 +21,7 @@ const prerenderConfig = () => ({
 	staticDir: path.resolve('dist'),
 	renderer: new Renderer({
 		renderAfterTime: 5000,
+		inject: true,
 		skipThirdPartyRequests: true,
 	}),
 	postProcess: (context) => {