feat: remove declarative shadow dom polyfill entirely

gracile-web · Aug 6, 2024 · 265f400 · 265f400
1 parent 315ed00
commit 265f400
Show file tree

Hide file tree

Showing 35 changed files with 38 additions and 166 deletions.
diff --git a/integration/__fixtures__/server-express/dist_expected/client/about/index.html b/integration/__fixtures__/server-express/dist_expected/client/about/index.html
@@ -10,7 +10,6 @@
 
 			<!--  -->
 
-
 
       <script>
 				// REQUEST IDLE CALLBACK - POLYFILL
@@ -54,8 +53,7 @@
 			<link rel="icon" type="image/svg" href="/favicon.svg" />
 
 			<title>Gracile About</title>
-			<script type="module" crossorigin src="/assets/index-YV9WDv3j.js"></script>
-			<link rel="modulepreload" crossorigin href="/assets/document.client-Cca60DWw.js">
+			<script type="module" crossorigin src="/assets/document.client-CMOVr55R.js"></script>
 			<link rel="stylesheet" crossorigin href="/assets/document-aADsc6DG.css">
 		</head>
 

diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/404-YV9WDv3j.js b/integration/__fixtures__/server-express/dist_expected/client/assets/404-YV9WDv3j.js
diff --git a/...client/assets/document.client-Cca60DWw.js → ...client/assets/document.client-CMOVr55R.js b/...client/assets/document.client-Cca60DWw.js → ...client/assets/document.client-CMOVr55R.js
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-BE7fdwSI.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-BE7fdwSI.js
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-Bo3GL0oc.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-Bo3GL0oc.js
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-C6DRZtAV.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-C6DRZtAV.js
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-CKZBGRGy.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-CKZBGRGy.js
@@ -0,0 +1 @@
+import"./document.client-CMOVr55R.js";console.log("Hello from client! (Home)");
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-CzX5SsJy.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-CzX5SsJy.js
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-DoNyqiqH.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-DoNyqiqH.js
@@ -0,0 +1 @@
+import"./document.client-CMOVr55R.js";console.log("Hello from foo/bar client!");
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-M5WC9mrg.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-M5WC9mrg.js
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-N2SDIJ_X.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-N2SDIJ_X.js
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-YV9WDv3j.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-YV9WDv3j.js
diff --git a/integration/__fixtures__/server-express/dist_expected/client/assets/index-bQOEfuds.js b/integration/__fixtures__/server-express/dist_expected/client/assets/index-bQOEfuds.js
diff --git a/integration/__fixtures__/server-express/dist_expected/client/contact/index.html b/integration/__fixtures__/server-express/dist_expected/client/contact/index.html
@@ -10,7 +10,6 @@
 
 			<!--  -->
 
-
 
       <script>
 				// REQUEST IDLE CALLBACK - POLYFILL
@@ -54,8 +53,7 @@
 			<link rel="icon" type="image/svg" href="/favicon.svg" />
 
 			<title>Gracile Contact</title>
-			<script type="module" crossorigin src="/assets/index-CzX5SsJy.js"></script>
-			<link rel="modulepreload" crossorigin href="/assets/document.client-Cca60DWw.js">
+			<script type="module" crossorigin src="/assets/document.client-CMOVr55R.js"></script>
 			<link rel="stylesheet" crossorigin href="/assets/document-aADsc6DG.css">
 		</head>
 

diff --git a/integration/__fixtures__/server-express/dist_expected/server/entrypoint.js b/integration/__fixtures__/server-express/dist_expected/server/entrypoint.js
@@ -140,11 +140,11 @@ const routeImports = new Map(
 const routeAssets = new Map([
   [
     "/404.html",
-    "\t<script type=\"module\" crossorigin src=\"/assets/404-YV9WDv3j.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-Cca60DWw.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
+    "\t<script type=\"module\" crossorigin src=\"/assets/document.client-CMOVr55R.js\"></script>\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
   ],
   [
     "/about/",
-    "\t<script type=\"module\" crossorigin src=\"/assets/index-YV9WDv3j.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-Cca60DWw.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
+    "\t<script type=\"module\" crossorigin src=\"/assets/document.client-CMOVr55R.js\"></script>\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
   ],
   [
     "/api/:path*/",
@@ -156,35 +156,35 @@ const routeAssets = new Map([
   ],
   [
     "/assets-methods/",
-    "\t<script type=\"module\" crossorigin src=\"/assets/index-M5WC9mrg.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-Cca60DWw.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
+    "\t<script type=\"module\" crossorigin src=\"/assets/document.client-CMOVr55R.js\"></script>\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
   ],
   [
     "/contact/",
-    "\t<script type=\"module\" crossorigin src=\"/assets/index-CzX5SsJy.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-Cca60DWw.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
+    "\t<script type=\"module\" crossorigin src=\"/assets/document.client-CMOVr55R.js\"></script>\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
   ],
   [
     "/foo/bar/",
-    "\t<script type=\"module\" crossorigin src=\"/assets/index-BE7fdwSI.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-Cca60DWw.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
+    "\t<script type=\"module\" crossorigin src=\"/assets/index-DoNyqiqH.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-CMOVr55R.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
   ],
   [
     "/",
-    "\t<script type=\"module\" crossorigin src=\"/assets/index-bQOEfuds.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-Cca60DWw.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/index-C17FHxsp.css\">\n"
+    "\t<script type=\"module\" crossorigin src=\"/assets/index-CKZBGRGy.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-CMOVr55R.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/index-C17FHxsp.css\">\n"
   ],
   [
     "/private/",
-    "\t<script type=\"module\" crossorigin src=\"/assets/index-N2SDIJ_X.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-Cca60DWw.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
+    "\t<script type=\"module\" crossorigin src=\"/assets/document.client-CMOVr55R.js\"></script>\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
   ],
   [
     "/redirect/",
     null
   ],
   [
     "/response-init/",
-    "\t<script type=\"module\" crossorigin src=\"/assets/index-C6DRZtAV.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-Cca60DWw.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
+    "\t<script type=\"module\" crossorigin src=\"/assets/document.client-CMOVr55R.js\"></script>\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
   ],
   [
     "/throws/",
-    "\t<script type=\"module\" crossorigin src=\"/assets/index-Bo3GL0oc.js\"></script>\n\n\t<link rel=\"modulepreload\" crossorigin href=\"/assets/document.client-Cca60DWw.js\">\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
+    "\t<script type=\"module\" crossorigin src=\"/assets/document.client-CMOVr55R.js\"></script>\n\n\t<link rel=\"stylesheet\" crossorigin href=\"/assets/document-aADsc6DG.css\">\n"
   ]
 ]);
 

diff --git a/integration/__fixtures__/server-express/src/routes/_404_dev_expected._html b/integration/__fixtures__/server-express/src/routes/_404_dev_expected._html
@@ -19,11 +19,6 @@
 
     <!--  -->
 
-    <script
-      type="module"
-      src="/@id/__x00__/404/index.html?html-proxy&index=2.js"
-    ></script>
-
     <script>
       // REQUEST IDLE CALLBACK - POLYFILL
 

diff --git a/integration/__fixtures__/server-express/src/routes/_404_prod_expected._html b/integration/__fixtures__/server-express/src/routes/_404_prod_expected._html
@@ -20,12 +20,6 @@
 
     <!--  -->
 
-    <script type="module">
-      // DECLARATIVE SHADOW DOM
-      import { checkDsd } from "@gracile/gracile/_internals/polyfills/declarative-shadow-dom";
-      checkDsd();
-    </script>
-
     <script>
       // REQUEST IDLE CALLBACK - POLYFILL
 

diff --git a/integration/__fixtures__/server-express/src/routes/_about_dev_expected._html b/integration/__fixtures__/server-express/src/routes/_about_dev_expected._html
@@ -19,11 +19,6 @@
 
     <!--  -->
 
-    <script
-      type="module"
-      src="/@id/__x00__/about/index.html?html-proxy&index=2.js"
-    ></script>
-
     <script>
       // REQUEST IDLE CALLBACK - POLYFILL
 

diff --git a/integration/__fixtures__/server-express/src/routes/_about_prod_expected._html b/integration/__fixtures__/server-express/src/routes/_about_prod_expected._html
@@ -45,12 +45,11 @@
     <link rel="icon" type="image/svg" href="/favicon.svg" />
 
     <title>Gracile About</title>
-    <script type="module" crossorigin src="/assets/index-YV9WDv3j.js"></script>
-    <link
-      rel="modulepreload"
+    <script
+      type="module"
       crossorigin
-      href="/assets/document.client-Cca60DWw.js"
-    />
+      src="/assets/document.client-CMOVr55R.js"
+    ></script>
     <link rel="stylesheet" crossorigin href="/assets/document-aADsc6DG.css" />
   </head>
 

diff --git a/integration/__fixtures__/server-express/src/routes/_assets-methods_dev_expected._html b/integration/__fixtures__/server-express/src/routes/_assets-methods_dev_expected._html
@@ -19,11 +19,6 @@
 
     <!--  -->
 
-    <script
-      type="module"
-      src="/@id/__x00__/assets-methods/index.html?html-proxy&index=2.js"
-    ></script>
-
     <script>
       // REQUEST IDLE CALLBACK - POLYFILL
 

diff --git a/integration/__fixtures__/server-express/src/routes/_assets-methods_prod_expected._html b/integration/__fixtures__/server-express/src/routes/_assets-methods_prod_expected._html
@@ -45,13 +45,11 @@
     <link rel="icon" type="image/svg" href="/favicon.svg" />
 
     <title>Gracile Assets</title>
-    <script type="module" crossorigin src="/assets/index-M5WC9mrg.js"></script>
-
-    <link
-      rel="modulepreload"
+    <script
+      type="module"
       crossorigin
-      href="/assets/document.client-Cca60DWw.js"
-    />
+      src="/assets/document.client-CMOVr55R.js"
+    ></script>
 
     <link rel="stylesheet" crossorigin href="/assets/document-aADsc6DG.css" />
   </head>

diff --git a/integration/__fixtures__/server-express/src/routes/_contact_dev_expected._html b/integration/__fixtures__/server-express/src/routes/_contact_dev_expected._html
@@ -19,11 +19,6 @@
 
     <!--  -->
 
-    <script
-      type="module"
-      src="/@id/__x00__/contact/index.html?html-proxy&index=2.js"
-    ></script>
-
     <script>
       // REQUEST IDLE CALLBACK - POLYFILL
 

diff --git a/integration/__fixtures__/server-express/src/routes/_contact_prod_expected._html b/integration/__fixtures__/server-express/src/routes/_contact_prod_expected._html
@@ -45,12 +45,11 @@
     <link rel="icon" type="image/svg" href="/favicon.svg" />
 
     <title>Gracile Contact</title>
-    <script type="module" crossorigin src="/assets/index-CzX5SsJy.js"></script>
-    <link
-      rel="modulepreload"
+    <script
+      type="module"
       crossorigin
-      href="/assets/document.client-Cca60DWw.js"
-    />
+      src="/assets/document.client-CMOVr55R.js"
+    ></script>
     <link rel="stylesheet" crossorigin href="/assets/document-aADsc6DG.css" />
   </head>
 

diff --git a/integration/__fixtures__/server-express/src/routes/_home_dev_expected._html b/integration/__fixtures__/server-express/src/routes/_home_dev_expected._html
@@ -19,11 +19,6 @@
 
     <!--  -->
 
-    <script
-      type="module"
-      src="/@id/__x00__/index.html?html-proxy&index=2.js"
-    ></script>
-
     <script>
       // REQUEST IDLE CALLBACK - POLYFILL
 

diff --git a/integration/__fixtures__/server-express/src/routes/_home_prod_expected._html b/integration/__fixtures__/server-express/src/routes/_home_prod_expected._html
@@ -49,12 +49,12 @@
     <link rel="icon" type="image/svg" href="/favicon.svg" />
 
     <title>Gracile Home</title>
-    <script type="module" crossorigin src="/assets/index-bQOEfuds.js"></script>
+    <script type="module" crossorigin src="/assets/index-CKZBGRGy.js"></script>
 
     <link
       rel="modulepreload"
       crossorigin
-      href="/assets/document.client-Cca60DWw.js"
+      href="/assets/document.client-CMOVr55R.js"
     />
 
     <link rel="stylesheet" crossorigin href="/assets/document-aADsc6DG.css" />

diff --git a/integration/__fixtures__/static-site/dist_expected/04-polyfills/00-polyfills/index.html b/integration/__fixtures__/static-site/dist_expected/04-polyfills/00-polyfills/index.html
@@ -5,9 +5,6 @@
 				<meta charset="UTF-8" />
 				<title>Document - With polyfills</title>
 
-				<!-- Not well tested enough -->
-
-
 				<!--  -->
 
 
@@ -45,7 +42,7 @@
 
 			<!-- /PAGE ASSETS -->
 
-				<script type="module" crossorigin src="/assets/index-d4VDqEN4.js"></script>
+				<script type="module" crossorigin src="/assets/index-B-fhizYj.js"></script>
 				<link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-B5Qt9EMX.js">
 			</head>
 

diff --git a/integration/__fixtures__/static-site/dist_expected/assets/index-B-fhizYj.js b/integration/__fixtures__/static-site/dist_expected/assets/index-B-fhizYj.js
@@ -0,0 +1 @@
+import"./modulepreload-polyfill-B5Qt9EMX.js";requestIdleCallback(()=>{console.log("REQUEST IDLE CALLBACK PLEASE!")});
diff --git a/integration/__fixtures__/static-site/dist_expected/assets/index-d4VDqEN4.js b/integration/__fixtures__/static-site/dist_expected/assets/index-d4VDqEN4.js
diff --git a/integration/__fixtures__/static-site/src/routes/04-polyfills/_00-polyfills_expected.html b/integration/__fixtures__/static-site/src/routes/04-polyfills/_00-polyfills_expected.html
@@ -6,13 +6,6 @@
     <meta charset="UTF-8" />
     <title>Document - With polyfills</title>
 
-    <!-- Not well tested enough -->
-
-    <script
-      type="module"
-      src="/@id/__x00__/04-polyfills/00-polyfills/index.html?html-proxy&index=0.js"
-    ></script>
-
     <!--  -->
 
     <script>

diff --git a/integration/__fixtures__/static-site/src/routes/04-polyfills/_document-with-polyfills.ts b/integration/__fixtures__/static-site/src/routes/04-polyfills/_document-with-polyfills.ts
@@ -9,8 +9,6 @@ export function document(context: { url: URL }) {
 				<meta charset="UTF-8" />
 				<title>Document - With polyfills</title>
 
-				<!-- Not well tested enough -->
-				${helpers.polyfills.declarativeShadowDom}
 				<!--  -->
 				${helpers.polyfills.requestIdleCallback}
 				<!--  -->

diff --git a/integration/src/exports.test.ts b/integration/src/exports.test.ts
@@ -9,7 +9,6 @@ import test, { describe } from 'node:test';
 import { fileURLToPath } from 'node:url';
 
 import * as env from '@gracile/engine/server/env';
-import * as dsd from '@gracile/gracile/_internals/polyfills/declarative-shadow-dom';
 import * as requestIdleC from '@gracile/gracile/_internals/polyfills/request-idle-callback';
 import * as serverRuntime from '@gracile/gracile/_internals/server-runtime';
 import * as document from '@gracile/gracile/document';
@@ -85,9 +84,7 @@ describe('gracile package should do its exports correctly', () => {
 	test('internals - lit hydrate', () => {
 		assert.equal('litElementHydrateSupport' in globalThis, true);
 	});
-	test('internals - polyfills - dsd', () => {
-		assert.equal(typeof dsd.checkDsd, 'function');
-	});
+
 	test('internals - polyfills - requestIdleCallback', () => {
 		assert.equal(typeof requestIdleC.requestIdleCallback, 'string');
 	});

diff --git a/packages/client/src/polyfills/declarative-shadow-dom.ts b/packages/client/src/polyfills/declarative-shadow-dom.ts
diff --git a/packages/gracile/src/_internals/polyfills/declarative-shadow-dom.ts b/packages/gracile/src/_internals/polyfills/declarative-shadow-dom.ts
diff --git a/packages/server/src/document.test.ts b/packages/server/src/document.test.ts
@@ -17,12 +17,7 @@ describe('should exports helpers', () => {
 	test('pageAssets', () => {
 		assert.equal(isLitServerTemplate(helpers.pageAssets), true);
 	});
-	test('dsd', () => {
-		assert.equal(
-			isLitServerTemplate(helpers.polyfills.declarativeShadowDom),
-			true,
-		);
-	});
+
 	test('requestIdleCallback', () => {
 		assert.equal(
 			isLitServerTemplate(helpers.polyfills.requestIdleCallback),