@firebase/util 1.11.0-firebase-studio-sdk-integration.fe1264c00 → 1.11.0-firebase-studio-sdk-integration.dbac496fa

package/dist/index.esm2017.js

@@ -786,6 +786,7 @@ function updateEmulatorBanner(name, isRunningEmulator) {
         typeof document === 'undefined' ||
         !isCloudWorkstation(window.location.host) ||
         emulatorStatus[name] === isRunningEmulator ||
+        emulatorStatus[name] || // If already set to use emulator, can't go back to prod.
         previouslyDismissed) {
         return;
     }
@@ -802,6 +803,54 @@ function updateEmulatorBanner(name, isRunningEmulator) {
             element.remove();
         }
     }
+    function setupBannerStyles(bannerEl) {
+        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';
+    }
+    function setupIconStyles(prependIcon, iconId) {
+        prependIcon.setAttribute('width', '24');
+        prependIcon.setAttribute('id', iconId);
+        prependIcon.setAttribute('height', '24');
+        prependIcon.setAttribute('viewBox', '0 0 24 24');
+        prependIcon.setAttribute('fill', 'none');
+        prependIcon.style.marginLeft = '-6px';
+    }
+    function setupCloseBtn() {
+        const closeBtn = document.createElement('span');
+        closeBtn.style.cursor = 'pointer';
+        closeBtn.style.paddingLeft = '5px';
+        closeBtn.style.width = '10px';
+        closeBtn.innerHTML = ' ×';
+        closeBtn.onclick = () => {
+            previouslyDismissed = true;
+            tearDown();
+        };
+        return closeBtn;
+    }
+    function setupLinkStyles(learnMoreLink, learnMoreId, svgElement) {
+        learnMoreLink.setAttribute('id', learnMoreId);
+        learnMoreLink.innerText = 'Learn more';
+        learnMoreLink.href =
+            'http://firebase.google.com/docs/studio/deploy-app#emulator ';
+        learnMoreLink.setAttribute('target', '__blank');
+        learnMoreLink.style.paddingLeft = '5px';
+        learnMoreLink.style.textDecoration = 'underline';
+        learnMoreLink.appendChild(svgElement);
+    }
+    function setupOpenExternal(svgElement, id) {
+        svgElement.setAttribute('viewBox', '0 0 16 16');
+        svgElement.setAttribute('fill', 'none');
+        svgElement.setAttribute('id', id);
+        svgElement.style.width = '16px';
+        svgElement.style.marginLeft = '4px';
+        svgElement.innerHTML = `<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6667 12.6667H3.33333V3.33333H8V2H3.33333C2.59333 2 2 2.6 2 3.33333V12.6667C2 13.4 2.59333 14 3.33333 14H12.6667C13.4 14 14 13.4 14 12.6667V8H12.6667V12.6667ZM9.33333 2V3.33333H11.7267L5.17333 9.88667L6.11333 10.8267L12.6667 4.27333V6.66667H14V2H9.33333Z" fill="#212121"/>`;
+    }
     function setupDom() {
         const banner = getOrCreateEl(bannerId);
         const firebaseTextId = prefixedId('text');
@@ -812,41 +861,22 @@ function updateEmulatorBanner(name, isRunningEmulator) {
         const prependIconId = prefixedId('preprendIcon');
         const prependIcon = document.getElementById(prependIconId) ||
             document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        const openExternalIconId = prefixedId('openexternal');
+        const openExternalIcon = document.getElementById(openExternalIconId) ||
+            document.createElementNS('http://www.w3.org/2000/svg', 'svg');
         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 = ' &times;';
-            closeBtn.onclick = () => {
-                previouslyDismissed = true;
-                tearDown();
-            };
-            learnMoreLink.setAttribute('id', learnMoreId);
-            learnMoreLink.href =
-                'http://firebase.google.com/docs/studio/deploy-app#emulator ';
-            bannerEl.appendChild(prependIcon);
-            bannerEl.appendChild(firebaseText);
-            bannerEl.appendChild(learnMoreLink);
-            bannerEl.appendChild(closeBtn);
-            prependIcon.setAttribute('width', '24');
-            prependIcon.setAttribute('id', prependIconId);
-            prependIcon.setAttribute('height', '24');
-            prependIcon.setAttribute('viewBox', '0 0 24 24');
-            prependIcon.setAttribute('fill', 'none');
+            setupBannerStyles(bannerEl);
+            setupOpenExternal(openExternalIcon, openExternalIconId);
+            setupLinkStyles(learnMoreLink, learnMoreId, openExternalIcon);
+            const closeBtn = setupCloseBtn();
+            setupIconStyles(prependIcon, prependIconId);
+            bannerEl.append(prependIcon, firebaseText, learnMoreLink, openExternalIcon, closeBtn);
             document.body.appendChild(bannerEl);
         }
         if (showError) {
-            firebaseText.innerText = `Running in Production`;
+            firebaseText.innerText = `Not using emulated backend.`;
             prependIcon.innerHTML = `<g clip-path="url(#clip0_6013_33858)">
 <path d="M4.8 17.6L12 5.6L19.2 17.6H4.8ZM6.91667 16.4H17.0833L12 7.93333L6.91667 16.4ZM12 15.6C12.1667 15.6 12.3056 15.5444 12.4167 15.4333C12.5389 15.3111 12.6 15.1667 12.6 15C12.6 14.8333 12.5389 14.6944 12.4167 14.5833C12.3056 14.4611 12.1667 14.4 12 14.4C11.8333 14.4 11.6889 14.4611 11.5667 14.5833C11.4556 14.6944 11.4 14.8333 11.4 15C11.4 15.1667 11.4556 15.3111 11.5667 15.4333C11.6889 15.5444 11.8333 15.6 12 15.6ZM11.4 13.6H12.6V10.4H11.4V13.6Z" fill="#212121"/>
 </g>
@@ -866,8 +896,6 @@ function updateEmulatorBanner(name, isRunningEmulator) {
 </clipPath>
 </defs>`;
             firebaseText.innerText = 'Using emulated backend';
-            learnMoreLink.href =
-                'https://firebase.google.com/docs/studio/solution-build-with-ai';
         }
         firebaseText.setAttribute('id', firebaseTextId);
     }