Header search, re-add breadcrumbs, other small features

frontend/public/404.html

@@ -10,18 +10,16 @@
        * everything.
        */
 
-      /** turn on "preserve log" in chrome dev tools to still see this after nav */
-      console.info("Redirecting from:", window.location);
-      console.info("With state:", window.history.state);
+      /** turn on "preserve log" in dev tools to still see this after nav */
+      console.info("Redirecting from:", location);
+      console.info("With state:", history.state);
 
-      /** get redirect and state */
-      const { origin, pathname, search, hash } = window.location;
-      const { state } = window.history;
+      /** save redirect and state */
+      sessionStorage.redirect = location.href;
+      sessionStorage.redirectState = JSON.stringify(history.state);
 
-      /** set redirect and state */
-      window.sessionStorage.redirect = pathname + search + hash;
-      window.sessionStorage.redirectState = JSON.stringify(state);
-      window.location = "/";
+      /** navigate */
+      location = "/";
     </script>
   </body>
 </html>

frontend/src/App.vue

@@ -5,7 +5,8 @@
 <template>
   <TheBanner>
     This web app is the
-    <strong v-if="apiName === 'beta'">BETA VERSION</strong
+    <strong v-if="apiName === 'v3'">BETA VERSION</strong
+    ><strong v-if="apiName === 'beta'">BETA VERSION</strong
     ><strong v-if="apiName === 'dev'">DEV VERSION</strong> successor to the
     <AppLink to="https://monarchinitiative.org/">old web app here</AppLink>. Not
     all features are implemented yet. Please use the feedback form to tell us

frontend/src/api/index.ts

@@ -1,8 +1,8 @@
 /** base biolink api url */
 export const biolink = "https://api.monarchinitiative.org/api";
 
-/** served location of web app, verbatim from browser address bar */
-const url = new URL(window.location.href);
+/** served location of web app, from address bar or storage redirect */
+const url = new URL(window.sessionStorage.redirectHref || window.location.href);
 
 /** get api name/version to use */
 
@@ -50,7 +50,6 @@ if (apiName === "relative") monarch = suffix;
 
 export { monarch };
 
-/** debug */
 console.info({ fromParam, fromEnv, fromDomain, apiName, monarch });
 
 /**
@@ -107,7 +106,6 @@ export const request = async <Response>(
   /** first check if request is cached */
   let response = await cache.match(request);
 
-  /** log details for debugging (except don't clutter logs when running tests) */
   if (import.meta.env.MODE !== "test") {
     console.groupCollapsed(
       response ? "📞 Request (cached)" : "📞 Request (new)",
@@ -148,7 +146,6 @@ export const request = async <Response>(
   const parsed: Response =
     parse === "text" ? await response.text() : await response.json();
 
-  /** log details for debugging (except don't clutter logs when running tests) */
   if (import.meta.env.MODE !== "test") {
     console.groupCollapsed("📣 Response", endpoint);
     console.info("Url", url);