v0.5.8

Author: realanthonyc

index.html

@@ -293,30 +293,30 @@
     const translations = [
       {
         head: "日本語で Webflow を体験しましょう！",
-        desc: "Kumaflow は Webflow のダッシュボードとデザイナー UI を日本語、繁体字・簡体字中国語、韓国語、フランス語、タイ語に翻訳します。"
+        desc: "Kumaflow は Webflow のダッシュボードとデザイナー UI を日本語、繁/簡体字中国語、韓国語、フランス語、タイ語に翻訳します。"
       },
       {
         head: "用中文体验 Webflow！",
-        desc: "Kumaflow 现已支持将 Webflow 仪表板和设计器界面翻译为日语、繁体与简体中文、韩语、法语和泰语。"
+        desc: "Kumaflow 能将 Webflow 仪表板和设计器界面翻译为日语、繁体与简体中文、韩语、法语和泰语。"
       },
       {
         head: "用中文體驗 Webflow！",
-        desc: "Kumaflow 現在支援將 Webflow 儀表板和設計器介面翻譯為日語、繁體與簡體中文、韓語、法語和泰語。"
+        desc: "Kumaflow 能將 Webflow 儀表板和設計器介面翻譯為日語、繁體與簡體中文、韓語、法語和泰語。"
       },
       {
         head: "한국어로 Webflow를 경험하세요!",
-        desc: "Kumaflow는 이제 Webflow 대시보드와 디자이너 UI를 일본어, 중국어(번체 및 간체), 한국어, 프랑스어, 태국어로 번역합니다."
+        desc: "Kumaflow는 Webflow 대시보드와 디자이너 UI를 일본어, 중국어(번체 및 간체), 한국어, 프랑스어, 태국어로 번역합니다."
       },
       {
         head: "Découvrez Webflow en français !",
-        desc: "Kumaflow traduit désormais l'interface du tableau de bord et du concepteur Webflow en japonais, chinois traditionnel et simplifié, coréen, français et thaï."
+        desc: "Kumaflow traduit l'interface du tableau de bord et du concepteur Webflow en japonais, chinois traditionnel et simplifié, coréen, français et thaï."
       },
       {
         head: "สัมผัสประสบการณ์ Webflow ในภาษาไทย!",
-        desc: "ตอนนี้ Kumaflow แปลหน้า Dashboard และ Designer ของ Webflow เป็นภาษาญี่ปุ่น จีน (ตัวเต็มและตัวย่อ) เกาหลี ฝรั่งเศส และไทย"
+        desc: "Kumaflow แปลหน้า Dashboard และ Designer ของ Webflow เป็นภาษาญี่ปุ่น จีน (ตัวเต็มและตัวย่อ) เกาหลี ฝรั่งเศส และไทย"
       }
     ];
-    let currentIndex = 0;
+    let currentIndex = -1;
     const introText = document.getElementById('intro-text');
     function rotateText() {
       introText.classList.add('fade-out');

manifest.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/chrome-manifest.json",
   "manifest_version": 3,
-  "version": "0.5.7",
+  "version": "0.5.8",
   "default_locale": "en",
   "name": "__MSG_appName__",
   "description": "__MSG_appDescription__",

package-lock.json

@@ -2,7 +2,7 @@
   "private": true,
   "name": "webflow-ui-localization",
   "description": "Translate the Webflow Dashboard and Designer UI into Japanese, Chinese, Korean, and more!",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "license": "MIT",
   "type": "module",
   "author": {

package.json

@@ -10,6 +10,7 @@ To add a new language code (e.g. "fr"), update these files:
 - `src/content/injections.ts`: Add new language options.
 - `.github/scripts/pull-poeditor.mjs`: Add 'fr' to the list for pulling from POEditor.
 - `_locales/fr/messages.json`: Create extension metadata (name/description) for Chrome Web Store.
+- `verify_json.mjs`: Add to the list of json files to verify.
 
 Content updates:
 

src/_new_lang_checklist.md

@@ -1 +1,22 @@
+/**
+ * Key used for caching fetched locale data in local storage.
+ */
 export const LOCALE_CACHE_KEY = 'cdnLocaleCache_v1'
+
+/**
+ * List of CSS selectors to exclude from translation.
+ * Any text node inside an element matching these selectors (or the element itself) will be skipped.
+ */
+export const EXCLUDED_SELECTORS = [
+    // Examples:
+    // '#apple-pie',        // ID example
+    // '.top-bar',          // Class example
+    // '[data-pop="wow"]',  // Attribute example
+    // 'nav.top',           // Tag + Class example (excludes <nav class="top"> but not <div class="top">)
+    // There are parts in Webflow, especially in the Designer, that should not be translated.
+    // Default selectors here:
+    'div.bem-SearchResultPreview',
+    '[data-automation-id="page-list-row-wrapper"] div.bem-List_Cell',
+    '[data-palette="CMSListItem"]',
+    '[data-palette="CMSItemsListPanelTitle"]'
+];

src/constants.ts

@@ -15,8 +15,9 @@ import th from '../locales/th.json'
 import fr from '../locales/fr.json'
 import { injectDashboardFooter } from './injections'
 import type { LanguageCode, Dictionary } from '../types'
-import { LOCALE_CACHE_KEY } from '../constants'
-import { EXCLUDED_SELECTORS } from './exclusion-selectors'
+import { LOCALE_CACHE_KEY, EXCLUDED_SELECTORS } from '../constants'
+// import { EXCLUDED_SELECTORS } from './exclusion-selectors' // Removed
+
 
 // ---------------------------------------------------------------------------
 // TYPES

src/content/exclusion-selectors.ts

@@ -36,6 +36,7 @@ If these words are in the middle of a sentence, KEEP them as they are in ENGLISH
 - Grid
 - Flex
 - Gap
+- Alt / alt (img's alt attribute)
 
 Special rules - Japanese:
 

src/content/scripts.ts

@@ -5,7 +5,7 @@
 // It manages user settings and provides manual controls for clearing cache.
 
 import type { LanguageCode, Dictionary } from '../types'
-import { LOCALE_CACHE_KEY } from '../constants'
+import { LOCALE_CACHE_KEY, EXCLUDED_SELECTORS } from '../constants'
 
 // Extension UI Translations
 import extJa from '../locales-extension/ja.json'
@@ -14,7 +14,8 @@ import extZhCn from '../locales-extension/zh-CN.json'
 import extKo from '../locales-extension/ko.json'
 import extTh from '../locales-extension/th.json'
 import extFr from '../locales-extension/fr.json'
-import { EXCLUDED_SELECTORS } from '../content/exclusion-selectors'
+// import { EXCLUDED_SELECTORS } from '../content/exclusion-selectors' // Removed
+
 
 // ---------------------------------------------------------------------------
 // TYPES