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

package/dist/index.cjs.js

@@ -716,6 +716,97 @@ function createMockUserToken(token, projectId) {
         signature
     ].join('.');
 }
+const emulatorStatus = {};
+// Checks whether any products are running on an emulator
+function getEmulatorSummary() {
+    const summary = {
+        prod: [],
+        emulator: []
+    };
+    for (const key of Object.keys(emulatorStatus)) {
+        if (emulatorStatus[key]) {
+            summary.emulator.push(key);
+        }
+        else {
+            summary.prod.push(key);
+        }
+    }
+    return summary;
+}
+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';
+    const summary = getEmulatorSummary();
+    const showError = summary.prod.length > 0;
+    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(bannerEl);
+        }
+        if (showError) {
+            banner.element.style.background = '#cd5c5c';
+            firebaseText.innerText = `Product${summary.prod.length > 0 ? 's' : ''} Running in Production: ${summary.prod.join(', ')}`;
+        }
+        else {
+            firebaseText.innerText = 'Running in this workspace';
+        }
+        firebaseText.setAttribute('id', '__firebase__text');
+    }
+    if (document.readyState === 'loading') {
+        window.addEventListener('DOMContentLoaded', setupDom);
+    }
+    else {
+        setupDom();
+    }
+}
 
 /**
  * @license
@@ -2208,6 +2299,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;