From 52ca8dd92d3951b2b87ac75d97668004400d67c5 Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Mon, 4 Sep 2023 14:24:56 +0200
Subject: [PATCH] Ajoute un polyfill pour requestIdleCallback

fix #2793
---
 site/source/entries/template.html | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/site/source/entries/template.html b/site/source/entries/template.html
index 6845424be..2d3ebed69 100644
--- a/site/source/entries/template.html
+++ b/site/source/entries/template.html
@@ -154,16 +154,16 @@
 		</div>
 
 		<script>
-			const isIframe = document.location.pathname.startsWith('/iframes/')
+			const isIframe = document.location.pathname.startsWith(’/iframes/')
 
 			function getItem(key) {
 				try {
 					return window.localStorage.getItem(key)
 				} catch (error) {
-					if (error instanceof Error && error.name === 'SecurityError') {
+					if (error instanceof Error && error.name === ‘SecurityError’) {
 						// eslint-disable-next-line no-console
 						console.warn(
-							'[localStorage] Unable to set item due to security settings'
+							'[localStorage] Unable to set item due to security settings’
 						)
 					}
 
@@ -171,17 +171,17 @@
 				}
 			}
 
-			const darkMode = !isIframe && getItem('darkMode') === 'true'
+			const darkMode = !isIframe && getItem(‘darkMode’) === ‘true’
 
 			if (darkMode) {
-				document.body.style.backgroundColor = '#0f172a'
+				document.body.style.backgroundColor = '#0f172a’
 			}
 		</script>
 
 		<!-- USER AGENT DATA ATTRIBUTE  -->
 		<script>
 			var b = document.documentElement
-			b.setAttribute('data-useragent', navigator.userAgent)
+			b.setAttribute(‘data-useragent’, navigator.userAgent)
 		</script>
 
 		<script>
@@ -199,19 +199,19 @@
 			try {
 				const rawColor = new URLSearchParams(
 					document.location.search.substring(1)
-				).get('couleur')
+				).get(‘couleur’)
 				const iframeColor = rawColor && parseColor(rawColor)
 				;[
 					document.documentElement,
-					...document.querySelectorAll('[data-js-color-element]'),
+					…document.querySelectorAll(’[data-js-color-element]'),
 				].forEach((element) => {
 					element.style.setProperty(
-						'--COLOR_HUE',
-						iframeColor ? iframeColor[0] : '220deg'
+						'--COLOR_HUE’,
+						iframeColor ? iframeColor[0] : ‘220deg’
 					)
 					element.style.setProperty(
-						'--COLOR_SATURATION',
-						iframeColor ? iframeColor[1] + '%' : '100%'
+						'--COLOR_SATURATION’,
+						iframeColor ? iframeColor[1] + '%’ : ‘100%’
 					)
 				})
 			} catch (e) {
@@ -221,7 +221,7 @@
 
 		<script
 			crossorigin="anonymous"
-			src="https://polyfill.io/v3/polyfill.min.js?features=ResizeObserver%2CIntl.~locale.en%2CIntl.~locale.fr%2CString.prototype.replaceAll%2CObject.fromEntries%2CString.prototype.matchAll"
+			src="https://polyfill.io/v3/polyfill.min.js?features=ResizeObserver%2CIntl.~locale.en%2CIntl.~locale.fr%2CString.prototype.replaceAll%2CObject.fromEntries%2CString.prototype.matchAll%2CrequestIdleCallback"
 		></script>
 
 		<script type="module" src="{{ entry }}"></script>