Support hash changes

Author: auniverseaway

nx/blocks/toast/toast.js

@@ -19,6 +19,6 @@ export default async function init(a) {
   }
 
   // Setup basic styles
-  toast.classList.add('toast', 'toast-warning');
+  toast.classList.add('toast', 'toast-warning', 'sandbox-org');
   document.body.append(toast);
 }

nx/utils/org-check.js

@@ -1,6 +1,7 @@
 import { DA_ORIGIN } from '../public/utils/constants.js';
 import { loadBlock } from '../scripts/nexter.js';
 
+const DEF_SANDBOX = 'aem-sandbox';
 const TOAST_PATH = '/fragments/toasts/sandbox';
 
 async function getIsSandbox(org) {
@@ -16,18 +17,20 @@ async function getIsSandbox(org) {
   return json.length > 0;
 }
 
-(async function orgCheck() {
-  const { pathname, hash } = window.location;
+async function orgCheck() {
+  // Remove existing toast if it exists
+  document.querySelector('.toast.sandbox-org')?.remove();
 
+  const { pathname, hash } = window.location;
   // Do not show on app screens
   if (pathname.startsWith('/app')) return;
   if (!hash) return;
   const hashVal = hash.replace('#', '');
   // Do nothing if not a path
   if (!hashVal.startsWith('/')) return;
   const [org] = hashVal.substring(1).split('/');
-  // Do nothing if no org
-  if (!org) return;
+  // Do nothing if no org or known sandbox
+  if (!org || org === DEF_SANDBOX) return;
   const isSandbox = await getIsSandbox(org);
   // Do nothing if not a sandbox
   if (!isSandbox) return;
@@ -36,5 +39,9 @@ async function getIsSandbox(org) {
   const link = document.createElement('a');
   link.href = TOAST_PATH;
   link.className = 'nx-toast';
+  link.id = 'sandbox-org';
   loadBlock(link);
-}());
+}
+
+orgCheck();
+window.addEventListener('hashchange', orgCheck);