feat: plugin state lang

Author: cstrikeasia

index.js

@@ -17,6 +17,57 @@ class Plugin {
       { value: 'id-ID', text: 'Bahasa Indonesia' },
       { value: 'th-TH', text: 'ภาษาไทย' },
     ];
+    this.msgClassMap = {
+      'no-certificate': {
+        regex: /未發現有效簽名/,
+        translations: {
+          'en-US': 'No valid certificate were found and you should deactivate this extension immediately unless you trust the source of this extension.',
+          'ja-JP': '有効な証明書が見つからなかったので、この拡張機能の提供元を信頼しない限り、この拡張機能を直ちに無効にしてください。',
+          'zh-CN': '未找到有效证书，除非您信任该扩展的来源，否则应立即停用该扩展。',
+          'ko-KR': '유효한 인증서를 찾을 수 없으므로 이 확장 프로그램의 출처를 신뢰하지 않는 한 즉시 이 확장 프로그램을 비활성화해야 합니다。',
+          'vi-VN': 'Không tìm thấy chứng chỉ hợp lệ nào và bạn nên hủy kích hoạt tiện ích mở rộng này ngay lập tức trừ khi bạn tin tưởng nguồn gốc của tiện ích mở rộng này。',
+          'id-ID': 'Tidak ada sertifikat valid yang ditemukan dan Anda harus segera menonaktifkan ekstensi ini kecuali Anda memercayai sumber ekstensi ini.',
+          'th-TH': 'ไม่พบใบรับรองที่ถูกต้อง และคุณควรปิดใช้งานส่วนขยายนี้ทันที เว้นแต่คุณจะเชื่อถือแหล่งที่มาของส่วนขยายนี้',
+        }
+      },
+      'version-low-greater': {
+        regex: /需要至少 TREM-Lite 的版本為 >=([\d.-\w]+) 以上，但目前安裝的版本為 ([\d.-\w]+)。/,
+        translations: {
+          'en-US': 'At least TREM-Lite version >={requiredVersion} is required, but the currently installed version is {installedVersion}.',
+          'ja-JP': '少なくとも TREM-Lite のバージョン >={requiredVersion} が必要ですが、現在インストールされているバージョンは {installedVersion} です。',
+          'zh-CN': '至少需要 TREM-Lite 版本 >={requiredVersion}，但当前安装的版本为 {installedVersion}。',
+          'ko-KR': 'TREM-Lite 버전 >={requiredVersion} 이상이 필요하지만 현재 설치된 버전은 {installedVersion} 입니다.',
+          'vi-VN': 'Yêu cầu ít nhất là phiên bản TREM-Lite >={requiredVersion}, nhưng phiên bản hiện tại được cài đặt là {installedVersion}.',
+          'id-ID': 'Setidaknya versi TREM-Lite >={requiredVersion} diperlukan, tetapi versi yang terinstal saat ini adalah {installedVersion}.',
+          'th-TH': 'อย่างน้อยต้องมีเวอร์ชัน TREM-Lite >={requiredVersion} แต่เวอร์ชันที่ติดตั้งในปัจจุบันคือ {installedVersion}'
+        }
+      },
+      'version-low-equal': {
+        regex: /需要至少 TREM-Lite 的版本為 =([\d.-\w]+) 以上，但目前安裝的版本為 ([\d.-\w]+)。/,
+        translations: {
+          'en-US': 'At least TREM-Lite version ={requiredVersion} is required, but the currently installed version is {installedVersion}.',
+          'ja-JP': '少なくとも TREM-Lite のバージョン ={requiredVersion} が必要ですが、現在インストールされているバージョンは {installedVersion} です。',
+          'zh-CN': '至少需要 TREM-Lite 版本 ={requiredVersion}，但当前安装的版本为 {installedVersion}。',
+          'ko-KR': 'TREM-Lite 버전 ={requiredVersion} 이상이 필요하지만 현재 설치된 버전은 {installedVersion} 입니다.',
+          'vi-VN': 'Yêu cầu ít nhất là phiên bản TREM-Lite ={requiredVersion}, nhưng phiên bản hiện tại được cài đặt là {installedVersion}.',
+          'id-ID': 'Setidaknya versi TREM-Lite ={requiredVersion} diperlukan, tetapi versi yang terinstal saat ini adalah {installedVersion}.',
+          'th-TH': 'อย่างน้อยต้องมีเวอร์ชัน TREM-Lite ={requiredVersion} แต่เวอร์ชันที่ติดตั้งในปัจจุบันคือ {installedVersion}'
+        }
+      },
+      'missing-dependencies': {
+        regex: /缺少 ([\d.-\w]+) 依賴。/,
+        translations: {
+          'en-US': 'Missing {requiredDependencies} dependencies.',
+          'ja-JP': '{requiredDependencies} 依存関係がありません。',
+          'zh-CN': '缺少 {requiredDependencies} 依赖项。',
+          'zh-Hant': '缺少 {requiredDependencies} 依賴。',
+          'ko-KR': '{requiredDependencies} 종속성이 누락되었습니다.',
+          'vi-VN': 'Thiếu các phụ thuộc {requiredDependencies}.',
+          'id-ID': 'Dependensi {requiredDependencies} hilang.',
+          'th-TH': 'ขาดการอ้างอิง {requiredDependencies}'
+        }
+      }
+    };
   }
 
   async updateLanguage(lang, updateStorage = true) {
@@ -33,6 +84,9 @@ class Plugin {
     if (lang !== 'zh-Hant') {
       await this.getLanguagePath(currentPath, lang);
     }
+
+    const pluginStatus = JSON.parse(localStorage.getItem('plugin-status')) || [];
+    this.generatePluginStatusCSS(lang, pluginStatus);
   }
 
   async getLanguagePath(currentPath, lang) {
@@ -47,19 +101,57 @@ class Plugin {
       await this.loadCSS(paths.index);
     } else if (currentPath.includes('/setting')) {
       await this.loadCSS(paths.setting);
+      const pluginStatus = JSON.parse(localStorage.getItem('plugin-status')) || [];
+      this.generatePluginStatusCSS(this.lang, pluginStatus);
     } else if (currentPath.includes('/yaml')) {
       await this.loadCSS(paths.pluginEdit);
     }
   }
 
+  generatePluginStatusCSS(lang, pluginStatus) {  
+    let cssRules = '';
+    pluginStatus.forEach(item => {
+      for (const [className, { regex, translations }] of Object.entries(this.msgClassMap)) {
+        const match = item.msg.match(regex);
+        if (match) {
+          let content = translations[lang];
+          if (!content) continue;
+          if (className === 'version-low-greater' || className === 'version-low-equal') {
+            const requiredVersion = match[1];
+            const installedVersion = match[2];
+            content = content && content
+              .replace('{requiredVersion}', requiredVersion)
+              .replace('{installedVersion}', installedVersion);
+          } else if (className === 'missing-dependencies') {
+            const requiredDependencies = match[1];
+            content = content && content
+              .replace('{requiredDependencies}', requiredDependencies)
+          }
+          cssRules += `.${className}::before {
+            content: "${content && content.replace(/"/g, '\\"')}" !important;
+            font-weight: bold;
+          }\n`;
+          break;
+        }
+      }
+    });
+    const existingStyle = document.getElementById('plugin-status-style');
+    if (existingStyle) existingStyle.remove();
+    const styleElement = document.createElement('style');
+    styleElement.id = 'plugin-status-style';
+    styleElement.textContent = cssRules;
+    document.head.appendChild(styleElement);
+  }
+  
+
   loadCSS(href) {
     return new Promise((resolve, reject) => {
       const link = document.createElement('link');
       link.rel = 'stylesheet';
       link.href = href;
       link.setAttribute('rel', 'preload');
       link.setAttribute('as', 'style');
-      if(!href.includes('main')) {
+      if (!href.includes('main')) {
         link.setAttribute('data-type', 'plugin-lang');
       }
       link.onload = () => {
@@ -73,7 +165,7 @@ class Plugin {
 
   addDropDown() {
     const thisElement = document.querySelector('#plugin-language .extended-list-buttons');
-    if(thisElement) {
+    if (thisElement) {
       const box = document.createElement('div');
       box.className = 'select-language-box';
       const select = document.createElement('select');
@@ -95,7 +187,7 @@ class Plugin {
     if (drop) {
       drop.addEventListener('change', async () => {
         const selectedType = drop.value;
-        this.updateLanguage(selectedType);
+        await this.updateLanguage(selectedType);
       });
     }
 
@@ -123,14 +215,14 @@ class Plugin {
       this.addDropDown();
       this.init();
     } catch (error) {
-      logger.error('CSS 載入失敗:', error);
+      console.error('CSS 載入失敗:', error);
     }
   }
 
   async onLoad() {
     this.initializeStyles();
-    logger.info("Loading Language plugin...");
+    console.info('Loading Language plugin...');
   }
 }
 
-module.exports = Plugin;
+module.exports = Plugin;

info.json

@@ -1,6 +1,6 @@
 {
   "name": "language",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": {
     "zh_tw": "TREM-Lite Language Plugin"
   },

lang/en-US/setting/index.css

@@ -232,6 +232,9 @@ html[lang="en-US"] {
   .current:empty:before {
     content: "Not set";
   }
+  .extended-list-button[for="extended-state-list"]:before {
+    content: "Extended Status";
+  }
   .extended-list-button[for="extended-installed-list"]:before {
     content: "Extended List";
   }

lang/id-ID/setting/index.css

@@ -231,6 +231,9 @@ html[lang="id-ID"] {
   .current:empty:before {
     content: "Tidak diatur";
   }
+  .extended-list-button[for="extended-state-list"]:before {
+    content: "Status Diperpanjang";
+  }
   .extended-list-button[for="extended-installed-list"]:before {
     content: "Daftar Diperpanjang";
   }

lang/ja-JP/setting/index.css

@@ -211,6 +211,9 @@ html[lang="ja-JP"] {
   .confirm-cancel::before {
     content: "取り消";
   }
+  .extended-list-button[for="extended-state-list"]:before {
+    content: "拡張機能ステート";
+  }
   .extended-list-button[for="extended-installed-list"]:before {
     content: "拡張機能リスト";
   }

lang/ko-KR/setting/index.css

@@ -231,6 +231,9 @@ html[lang="ko-KR"] {
   .current:empty:before {
     content: "설정 해제";
   }
+  .extended-list-button[for="extended-state-list"]:before {
+    content: "확장 상태";
+  }
   .extended-list-button[for="extended-installed-list"]:before {
     content: "확장 목록";
   }

lang/th-TH/setting/index.css

@@ -234,6 +234,9 @@ html[lang="th-TH"] {
   .current:empty:before {
     content: "ไม่ได้ตั้งค่า";
   }
+  .extended-list-button[for="extended-state-list"]:before {
+    content: "สถานะฟังก์ชั่นเพิ่มเติม";
+  }
   .extended-list-button[for="extended-installed-list"]:before {
     content: "รายการฟังก์ชั่นเพิ่มเติม";
   }

lang/vi-VN/setting/index.css

@@ -233,6 +233,9 @@ html[lang="vi-VN"] {
   .current:empty:before {
     content: "Chưa thiết lập";
   }
+  .extended-list-button[for="extended-state-list"]:before {
+    content: "Trạng thái mở rộng";
+  }
   .extended-list-button[for="extended-installed-list"]:before {
     content: "Danh sách mở rộng";
   }

lang/zh-CN/setting/index.css

@@ -215,6 +215,9 @@ html[lang="zh-CN"] {
   .current:empty:before {
     content: "未设置";
   }
+  .extended-list-button[for="extended-state-list"]:before {
+    content: "扩充状态";
+  }
   .extended-list-button[for="extended-installed-list"]:before {
     content: "扩充列表";
   }