Add display name field to frameworks, improve logging, add counters, add

Former-commit-id: b2cf011b6c6405a786fe22367e1cd4e6c2c4c90f

1 files changed, 9 insertions, 4 deletions

diff --git a/src/fallback.ts b/src/fallback.ts
index cf4195c4d..ae969062c 100644
--- a/src/fallback.ts
+++ b/src/fallback.ts
@@ -6,10 +6,9 @@ import {
 } from "./api/schema";
 
 function getFallbackInfo(): FallbackMessageContainer {
-  var binary_string = window.atob(
-    document.querySelector("#__bunfallback").textContent.trim()
+  var binary_string = globalThis.atob(
+    document.getElementById("#__bunfallback").textContent.trim()
   );
-  document.querySelector("#__bunfallback").remove();
 
   var len = binary_string.length;
   var bytes = new Uint8Array(len);
@@ -21,4 +20,10 @@ function getFallbackInfo(): FallbackMessageContainer {
 }
 
 globalThis.__BUN_DATA__ = getFallbackInfo();
-document.getElementById("__bun_fallback_script")?.remove();
+// It's probably better to remove potentially large content from the DOM when not in use
+if ("requestIdleCallback" in globalThis) {
+  globalThis.requestIdleCallback(() => {
+    document.getElementById("__bunfallback")?.remove();
+    document.getElementById("__bun_fallback_script")?.remove();
+  });
+}