refactor: align ui helpers with code quality guidance

Author: KariHall619

console/atest-ui/src/App.vue

@@ -41,8 +41,8 @@ const appVersion = ref('')
 const appVersionLink = ref('https://github.com/LinuxSuRen/api-testing')
 API.GetVersion((d) => {
   appVersion.value = d.version
-  const version = d.version.match('^v\\d*.\\d*.\\d*')
-  const dirtyVersion = d.version.match('^v\\d*.\\d*.\\d*-\\d*-g')
+  const version = d.version.match(String.raw`^v\d*.\d*.\d*`)
+  const dirtyVersion = d.version.match(String.raw`^v\d*.\d*.\d*-\d*-g`)
 
   if (!version && !dirtyVersion) {
     return
@@ -55,16 +55,18 @@ API.GetVersion((d) => {
   }
 })
 
+const hasLocalStorage = typeof globalThis !== 'undefined' && 'localStorage' in globalThis
+const storage = hasLocalStorage ? globalThis.localStorage : undefined
 const isCollapse = ref(true)
 watch(isCollapse, (v: boolean) => {
-  window.localStorage.setItem('button.style', v ? 'simple' : '')
+  storage?.setItem('button.style', v ? 'simple' : '')
 })
-const lastActiveMenu = window.localStorage.getItem('activeMenu')
+const lastActiveMenu = storage?.getItem('activeMenu') ?? 'welcome'
 const activeMenu = ref(lastActiveMenu === '' ? 'welcome' : lastActiveMenu)
 const panelName = ref(activeMenu)
 const handleSelect = (key: string) => {
   panelName.value = key
-  window.localStorage.setItem('activeMenu', key)
+  storage?.setItem('activeMenu', key)
 }
 
 const locale = ref(Cache.GetPreference().language)

console/atest-ui/src/views/Extension.vue

@@ -25,7 +25,8 @@ const loadPlugin = async (): Promise<void> => {
 
             // Implement retry mechanism with exponential backoff
             const checkPluginLoad = (retries = 0, maxRetries = 10) => {
-                const plugin = (window as any).ATestPlugin;
+                const globalScope = globalThis as { ATestPlugin?: { mount?: (el: Element) => void } };
+                const plugin = globalScope.ATestPlugin;
 
                 if (plugin && plugin.mount) {
                     const container = document.getElementById("plugin-container");
@@ -50,13 +51,14 @@ const loadPlugin = async (): Promise<void> => {
         });
     } catch (error) {
         loading.value = false; // Set loading to false on error
+        console.error('Failed to load extension assets', error);
     }
 };
-try {
-    loadPlugin();
-} catch (error) {
-    // Handle error silently, loading state will indicate failure
-}
+
+loadPlugin().catch((error) => {
+    loading.value = false;
+    console.error('Failed to initialize extension plugin', error);
+});
 </script>
 
 <template>