cveRecordSearchModule: use legacy find for "CVERecord" URL in non-production websites

Author: rlxdev

src/components/cveRecordSearchModule.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="mt-1">
-    <div v-if="websiteEnv !== 'prd'" role="alert" class="notification is-warning is-light">
+    <div v-if="!isProductionWebsite" role="alert" class="notification is-warning is-light">
       <div class="is-flex is-align-items-flex-start mt-1" style="max-width: 820px; column-gap: 1rem;">
         <div class="pl-3">
           <p id="alertIconVariousFormts" class="is-hidden">alert</p>
@@ -18,10 +18,10 @@
     </div>
     <div class="field has-addons mt-1">
       <p class="control">
-        <span v-if="websiteEnv !== 'prd'" class="select cve-search-selector">
+        <span v-if="!isProductionWebsite" class="select cve-search-selector">
           <select v-model="searchType">
-            <option>Search CVE List</option>
-            <option>Find a Test CVE Record/ID (Legacy)</option>
+            <option>{{ searchOptionLabel }}</option>
+            <option>{{ legacyOptionLabel }}</option>
           </select>
         </span>
       </p>
@@ -65,6 +65,8 @@ import { useGenericGlobalsStore } from '@/stores/genericGlobals';
 const cveIdRegex = /^CVE\p{Pd}(?<year>\d{4})\p{Pd}(?<id>\d{4,})$/iu;
 const wordRegex = /^[a-z0-9 ]+$/i;
 
+const isProductionWebsite = import.meta.env.VITE_WEBSITE_ENVIRONMENT === 'prd';
+
 // This is the current maximum supported length of the "suffix" portion of
 // the CVE ID.  The schema defines a suffix length up to 19, but code in
 // other modules only supports what's defined here.
@@ -75,20 +77,24 @@ let cveListSearchStore = useCveListSearchStore();
 const route = useRoute();
 const router = useRouter();
 
+const cveRecordRouteName = 'CVERecord';
+const legacyOptionLabel = 'Find a Test CVE Record/ID (Legacy)';
+const searchOptionLabel = 'Search CVE List';
+
 let prevSearchValue = ref('');
 let queryString = ref('');
 let errorMessage = ref('');
 
 let cveGenericGlobalsStore = useGenericGlobalsStore();
 let cveRecordStore = usecveRecordStore();
-let searchType = ref('Search CVE List');
+let searchType = ref(searchOptionLabel);
 let cveId = cveRecordStore.cveId;
 
 // this seems redundant, but it fixes an edge case. if a user searches for a
 // particular field, then on the results page flips the toggle, THEN refreshes
 // without searching, this will keep the correct helper text showing.
 let searchTypeBoolean = computed(() => {
-  return searchType.value == 'Search CVE List' ? true : false;
+  return searchType.value === searchOptionLabel ? true : false;
 });
 
 watch(searchType, () => {
@@ -98,9 +104,21 @@ watch(searchType, () => {
 watch(
   () => route.query,
   () => {
-    if (searchTypeBoolean.value && route.query?.query) {
-        queryString.value = route.query.query.trim();
-        validate();
+    if (searchTypeBoolean.value) {
+
+      // We're currently in "normal" search mode. For non-production websites
+      // (e.g., test), the "legacy" find is used when a CVEID is given in the
+      // URL (i.e., the "cveRecordRouteName" route).  This is significant if the
+      // test website uses a different database (cveawg-test) for the legacy
+      // find than the normal search (cveawg). In this case, we need to switch
+      // the search type to "legacy".  (issue #3426)
+
+      if (route?.name === cveRecordRouteName && !isProductionWebsite)
+        searchType.value = legacyOptionLabel;
+      else if (route.query?.query) {
+          queryString.value = route.query.query.trim();
+          validate();
+      }
     }
   }
 )
@@ -283,10 +301,6 @@ function resetSearch() {
   if (route?.name != 'home' || route?.query)
     router.push({name: 'home', query: {}});
 }
-
-const websiteEnv = computed(() => {
-  return import.meta.env.VITE_WEBSITE_ENVIRONMENT;
-});
 </script>
 
 <style scoped lang="scss">