@firebase/util 1.11.0-firebase-studio-sdk-integration.9de25069c → 1.11.0-firebase-studio-sdk-integration.bffdabd70

package/dist/index.cjs.js

@@ -716,6 +716,87 @@ function createMockUserToken(token, projectId) {
         signature
     ].join('.');
 }
+const emulatorStatus = {};
+// Checks whether any products are running on an emulator
+function areRunningEmulator() {
+    let runningEmulator = false;
+    for (const key of Object.keys(emulatorStatus)) {
+        if (emulatorStatus[key]) {
+            runningEmulator = true;
+        }
+    }
+    return runningEmulator;
+}
+function getOrCreateEl(id) {
+    let parentDiv = document.getElementById(id);
+    let created = false;
+    if (!parentDiv) {
+        parentDiv = document.createElement('div');
+        parentDiv.setAttribute('id', id);
+        created = true;
+    }
+    return { created, element: parentDiv };
+}
+/**
+ * Updates Emulator Banner. Primarily used for Firebase Studio
+ * @param name
+ * @param isRunningEmulator
+ * @public
+ */
+function updateEmulatorBanner(name, isRunningEmulator) {
+    if (typeof window === 'undefined' ||
+        typeof document === 'undefined' ||
+        emulatorStatus[name] === isRunningEmulator) {
+        return;
+    }
+    emulatorStatus[name] = isRunningEmulator;
+    const bannerId = '__firebase__banner';
+    if (!areRunningEmulator()) {
+        tearDown();
+        return;
+    }
+    function tearDown() {
+        const element = document.getElementById(bannerId);
+        if (element) {
+            element.remove();
+        }
+    }
+    function setupDom() {
+        const banner = getOrCreateEl(bannerId);
+        const firebaseText = document.getElementById('__firebase__text') ||
+            document.createElement('span');
+        if (banner.created) {
+            // update styles
+            const bannerEl = banner.element;
+            bannerEl.style.display = 'flex';
+            bannerEl.style.background = '#7faaf0';
+            bannerEl.style.position = 'absolute';
+            bannerEl.style.bottom = '5px';
+            bannerEl.style.left = '5px';
+            bannerEl.style.padding = '.5em';
+            bannerEl.style.borderRadius = '5px';
+            bannerEl.style.alignContent = 'center';
+            const closeBtn = document.createElement('span');
+            closeBtn.style.cursor = 'pointer';
+            closeBtn.style.paddingLeft = '5px';
+            closeBtn.innerHTML = ' ×';
+            closeBtn.onclick = () => {
+                tearDown();
+            };
+            bannerEl.appendChild(firebaseText);
+            bannerEl.appendChild(closeBtn);
+            document.body.appendChild(banner.element);
+        }
+        firebaseText.setAttribute('id', '__firebase__text');
+        firebaseText.innerText = 'Running in this workspace';
+    }
+    if (document.readyState === 'loading') {
+        window.addEventListener('DOMContentLoaded', setupDom);
+    }
+    else {
+        setupDom();
+    }
+}
 
 /**
  * @license
@@ -2208,6 +2289,7 @@ exports.safeGet = safeGet;
 exports.stringLength = stringLength;
 exports.stringToByteArray = stringToByteArray;
 exports.stringify = stringify;
+exports.updateEmulatorBanner = updateEmulatorBanner;
 exports.validateArgCount = validateArgCount;
 exports.validateCallback = validateCallback;
 exports.validateContextObject = validateContextObject;