decouple webcomponents.js from window

Author: krichprollsch

src/browser/js/Env.zig

@@ -563,5 +563,7 @@ fn generateIsolateSnaphot(params: *v8.CreateParams) v8.StartupData {
     context.enter();
     defer context.exit();
 
-    return snapshot_creator.createSnapshotDataBlob("function LightpandaSnapshotPoC() { return 73; }");
+    return snapshot_creator.createSnapshotDataBlob(
+        @import("../polyfill/webcomponents.zig").source,
+    );
 }

src/browser/polyfill/polyfill.zig

@@ -56,8 +56,8 @@ pub const Loader = struct {
         }
 
         if (!self.done.webcomponents and isWebcomponents(name)) {
-            const source = @import("webcomponents.zig").source;
-            self.load("webcomponents", source, js_context);
+            const lazy = @import("webcomponents.zig").lazy;
+            self.load("webcomponents", lazy, js_context);
             // We return false here: We want v8 to continue the calling chain
             // to finally find the polyfill we just inserted. If we want to
             // return false and stops the call chain, we have to use

src/browser/polyfill/webcomponents.js

@@ -36,6 +36,11 @@ pub const pre =
     \\ })();
 ;
 
+pub const lazy =
+    \\ __polyfillWebcomponents(window);
+    \\ delete(__polyfillWebcomponents);
+;
+
 const testing = @import("../../testing.zig");
 test "Browser: Polyfill.WebComponents" {
     try testing.htmlRunner("polyfill/webcomponents.html");

src/browser/polyfill/webcomponents.zig

@@ -13,8 +13,6 @@
     }
   }
 
-  testing.expectEqual(73, LightpandaSnapshotPoC());
-
   window.customElements.define("lightpanda-test", LightPanda);
   const main = document.getElementById('main');
   main.appendChild(document.createElement('lightpanda-test'));