Add Traditional Chinese localization files for TimeLens

- Created browserUsage.json for browser usage tracking interface.
- Added categories.json for application categorization features.
- Introduced common.json for shared UI elements and messages.
- Implemented dashboard.json for the main dashboard interface.
- Developed focus.json for focus mode functionalities.
- Added goals.json for setting usage goals for applications and categories.
- Created limits.json for daily usage limits and notifications.
- Introduced settings.json for application configuration options.
- Added widgets.json for managing and customizing widgets.

Author: PythonSmall-Q

CHANGELOG.md

@@ -0,0 +1,20 @@
+{
+  "extensionName": {
+    "message": "TimeLens 瀏覽器夥伴翸"
+  },
+  "extensionDescription": {
+    "message": "TimeLens 瀏覽器夥伴。追蹤活躍分頁工作階段，偵測閒置狀態，並將瀏覽器使用資料同步到本機桌面應用程式。翸"
+  },
+  "extensionActionTitle": {
+    "message": "TimeLens 瀏覽器夥伴翸"
+  },
+  "extensionBridgeKey": {
+    "message": "擴充功能橋接金鑰"
+  },
+  "bridgeKeyHint": {
+    "message": "從 TimeLens 設定 > 本機 API / 擴充功能橋接取得金鑰。凫"
+  },
+  "save": {
+    "message": "儲存"
+  }
+}

browser-extension/_locales/zh_TW/messages.json

@@ -61,13 +61,48 @@ const TRANSLATIONS = {
     bridgeKeySaved: "扩展网桥密钥已保存。",
     bridgeKeyCleared: "扩展网桥密钥已清除。",
   },
+  "zh-TW": {
+    connection: "桌面端連線",
+    checking: "檢查中",
+    connected: "已連線",
+    offline: "離線",
+    today: "TimeLens 今日資料",
+    refresh: "重新整理",
+    recentSessions: "最近分頁工作階段",
+    noActiveTab: "目前沒有活動分頁",
+    noData: "暫無資料",
+    noUsage: "本機 API 尚未回傳應用程式使用資料",
+    noSessions: "尚無瀏覽器工作階段記錄",
+    browserCompanion: "瀏覽器夥伴",
+    subtitle: "不需開啟桌面端，也能查看本機狀態與最近瀏覽器工作階段。",
+    reachable: "桌面端已可透過 localhost 連線。{{version}}，{{focus}}。",
+    unreachable: "目前無法連線到 127.0.0.1:49152 上的 TimeLens 桌面端。",
+    focusOn: "專注模式已開啟",
+    focusOff: "專注模式已關閉",
+    unknownVersion: "未知版本",
+    untitledTab: "未命名分頁",
+    activeTab: "活動分頁",
+    unknownSite: "未知網站",
+    extensionDisabled: "桌面端已關閉瀏覽器同步。",
+    extensionBridgeKey: "擴充功能橋接金鑰",
+    bridgeKeyHint: "從 TimeLens 設定 > 本機 API / 擴充功能橋接取得金鑰。",
+    bridgeKeyPlaceholder: "貼上從 TimeLens 設定取得的擴充功能橋接金鑰",
+    save: "儲存",
+    saveOrUpdate: "儲存/更新",
+    bridgeKeySaved: "擴充功能橋接金鑰已儲存。",
+    bridgeKeyCleared: "擴充功能橋接金鑰已清除。",
+  },
 };
 
 export function getLocale() {
   const raw = (globalThis.chrome?.i18n?.getUILanguage?.() || navigator.language || "en").toLowerCase();
-  if (raw.startsWith("zh")) {
-    return "zh-CN";
-  }
+  if (raw === "zh-tw" || raw === "zh-hk" || raw === "zh-mo" || raw === "zh-hant") return "zh-TW";
+  if (raw.startsWith("zh")) return "zh-CN";
+  if (raw.startsWith("ja")) return "ja";
+  if (raw.startsWith("ko")) return "ko";
+  if (raw.startsWith("fr")) return "fr";
+  if (raw.startsWith("de")) return "de";
+  if (raw.startsWith("es")) return "es";
   return "en";
 }
 

browser-extension/i18n.js

@@ -11,6 +11,7 @@ import { fileURLToPath } from 'url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
+const workspaceRoot = __dirname;
 
 const ICON_SPECS = [
     { name: 'Square44x44Logo.png', size: 44 },
@@ -21,32 +22,11 @@ const ICON_SPECS = [
     { name: 'StoreLogo.png', size: 50 }
 ];
 
-async function processIcon(sourceData, metadata, spec) {
-    // Copy the data to avoid mutating the original
-    const data = Buffer.from(sourceData);
-    
-    // Process pixels - remove blue background
-    for (let i = 0; i < data.length; i += 4) {
-        const r = data[i];
-        const g = data[i + 1];
-        const b = data[i + 2];
-        
-        // If this pixel is part of the blue background, make it transparent
-        if (b > r + 20 && b > g + 20 && (r + g + b) < 300) {
-            data[i + 3] = 0;  // Set alpha to 0 (transparent)
-        } else {
-            data[i + 3] = 255;  // Set alpha to 255 (opaque)
-        }
-    }
-    
-    // Create processed image
-    let image = sharp(data, {
-        raw: {
-            width: metadata.width,
-            height: metadata.height,
-            channels: 4
-        }
-    });
+const TASKBAR_TARGET_SIZES = [16, 20, 24, 30, 32, 36, 40, 44, 48, 60, 64, 72, 80, 96, 256];
+
+async function processIcon(sourceIconPath, spec) {
+    // Preserve original icon style; only resize on a transparent background.
+    let image = sharp(sourceIconPath);
 
     // Resize based on spec
     if (spec.width && spec.height) {
@@ -67,7 +47,6 @@ async function processIcon(sourceData, metadata, spec) {
 }
 
 async function main() {
-    const workspaceRoot = 'c:\\Users\\seans\\Documents\\GitHub\\TimeLens';
     const sourceIcon = path.join(workspaceRoot, 'src-tauri', 'icons', 'icon.png');
     const outputDir = path.join(workspaceRoot, 'src-tauri', 'windows', 'msix-staging', 'Assets');
 
@@ -86,7 +65,6 @@ async function main() {
         // Read source icon
         const image = sharp(sourceIcon);
         const metadata = await image.metadata();
-        const { data } = await image.raw().toBuffer({ resolveWithObject: true });
 
         console.log(`Source image: ${metadata.width}x${metadata.height}`);
 
@@ -95,7 +73,7 @@ async function main() {
         for (const spec of ICON_SPECS) {
             const outputPath = path.join(outputDir, spec.name);
             try {
-                const processedImage = await processIcon(data, metadata, spec);
+                const processedImage = await processIcon(sourceIcon, spec);
                 await processedImage.toFile(outputPath);
 
                 const displayName = spec.width ? 
@@ -108,9 +86,35 @@ async function main() {
                 console.error(`✗ ${spec.name}: ${err.message}`);
             }
         }
+
+        for (const size of TASKBAR_TARGET_SIZES) {
+            const names = [
+                `Square44x44Logo.targetsize-${size}.png`,
+                `Square44x44Logo.altform-unplated_targetsize-${size}.png`
+            ];
+
+            for (const name of names) {
+                const outputPath = path.join(outputDir, name);
+                try {
+                    await sharp(sourceIcon)
+                        .resize(size, size, {
+                            fit: 'inside',
+                            background: { r: 0, g: 0, b: 0, alpha: 0 }
+                        })
+                        .png()
+                        .toFile(outputPath);
+
+                    console.log(`✓ ${name} (${size}x${size})`);
+                    successCount++;
+                } catch (err) {
+                    console.error(`✗ ${name}: ${err.message}`);
+                }
+            }
+        }
 
-        console.log(`\n✓ Successfully generated ${successCount}/${ICON_SPECS.length} MSIX icons`);
-        console.log('✓ All icons now have transparent backgrounds');
+        const expectedCount = ICON_SPECS.length + (TASKBAR_TARGET_SIZES.length * 2);
+        console.log(`\n✓ Successfully generated ${successCount}/${expectedCount} MSIX icons`);
+        console.log('✓ Generated base and unplated targetsize icons with transparent backgrounds');
         console.log('\nThe taskbar and Start menu will display correctly without blue backgrounds.');
 
     } catch (error) {

generate-msix-icons.mjs

@@ -170,6 +170,17 @@ $OutDir = Join-Path $WindowsDir "out"
 $MsixPath = Join-Path $OutDir "TimeLens-$Version.msix"
 $SourceIcon = Join-Path $RepoRoot "src-tauri\icons\icon.png"
 
+$baseAssetNames = @(
+  "StoreLogo.png",
+  "Square44x44Logo.png",
+  "Square71x71Logo.png",
+  "Square150x150Logo.png",
+  "Wide310x150Logo.png",
+  "Square310x310Logo.png"
+)
+
+$PreservedAssetsDir = Join-Path $OutDir "_preserved-assets"
+
 # Define publisher and display name first
 $publisher = $TauriConfig.bundle.publisher
 if ([string]::IsNullOrWhiteSpace($publisher)) {
@@ -223,6 +234,20 @@ if (!(Test-Path $ExePath)) {
 }
 
 Write-Host "[2/5] Preparing staging directory..."
+if (Test-Path $PreservedAssetsDir) {
+  Remove-Item -Recurse -Force $PreservedAssetsDir
+}
+
+if (Test-Path $AssetsDir) {
+  New-Item -ItemType Directory -Path $PreservedAssetsDir -Force | Out-Null
+  foreach ($name in $baseAssetNames) {
+    $assetPath = Join-Path $AssetsDir $name
+    if (Test-Path $assetPath) {
+      Copy-Item $assetPath (Join-Path $PreservedAssetsDir $name) -Force
+    }
+  }
+}
+
 if (Test-Path $StagingDir) { Remove-Item -Recurse -Force $StagingDir }
 New-Item -ItemType Directory -Path $StagingDir | Out-Null
 New-Item -ItemType Directory -Path $AssetsDir -Force | Out-Null
@@ -247,34 +272,94 @@ $assetMap = @(
   @{ Name = "Square310x310Logo.png"; Width = 310; Height = 310 }
 )
 
-$srcImg = [System.Drawing.Image]::FromFile($SourceIcon)
-try {
-  foreach ($asset in $assetMap) {
-    $bmp = New-Object System.Drawing.Bitmap($asset.Width, $asset.Height)
-    try {
-      $g = [System.Drawing.Graphics]::FromImage($bmp)
+# Taskbar/jump-list icons: unplated targetsize variants avoid Windows adding a background plate.
+$taskbarTargetSizes = @(16, 20, 24, 30, 32, 36, 40, 44, 48, 60, 64, 72, 80, 96, 256)
+
+$hasPreservedBaseAssets = $true
+foreach ($name in $baseAssetNames) {
+  if (!(Test-Path (Join-Path $PreservedAssetsDir $name))) {
+    $hasPreservedBaseAssets = $false
+    break
+  }
+}
+
+if ($hasPreservedBaseAssets) {
+  Write-Host "[2.5/5] Reusing existing MSIX base assets to preserve icon style..."
+  foreach ($name in $baseAssetNames) {
+    Copy-Item (Join-Path $PreservedAssetsDir $name) (Join-Path $AssetsDir $name) -Force
+  }
+} else {
+  Write-Host "[2.5/5] Generating MSIX base assets from src-tauri/icons/icon.png..."
+  $srcImg = [System.Drawing.Image]::FromFile($SourceIcon)
+  try {
+    foreach ($asset in $assetMap) {
+      $bmp = New-Object System.Drawing.Bitmap($asset.Width, $asset.Height)
       try {
-        $g.Clear([System.Drawing.Color]::Transparent)
-        $g.InterpolationMode = [System.Drawing.Drawing2D.InterpolationMode]::HighQualityBicubic
-        $g.PixelOffsetMode = [System.Drawing.Drawing2D.PixelOffsetMode]::HighQuality
-        $g.CompositingQuality = [System.Drawing.Drawing2D.CompositingQuality]::HighQuality
-        $g.SmoothingMode = [System.Drawing.Drawing2D.SmoothingMode]::HighQuality
-        $g.DrawImage($srcImg, 0, 0, $asset.Width, $asset.Height)
+        $g = [System.Drawing.Graphics]::FromImage($bmp)
+        try {
+          $g.Clear([System.Drawing.Color]::Transparent)
+          $g.InterpolationMode = [System.Drawing.Drawing2D.InterpolationMode]::HighQualityBicubic
+          $g.PixelOffsetMode = [System.Drawing.Drawing2D.PixelOffsetMode]::HighQuality
+          $g.CompositingQuality = [System.Drawing.Drawing2D.CompositingQuality]::HighQuality
+          $g.SmoothingMode = [System.Drawing.Drawing2D.SmoothingMode]::HighQuality
+          $g.DrawImage($srcImg, 0, 0, $asset.Width, $asset.Height)
+        }
+        finally {
+          $g.Dispose()
+        }
+
+        $outPath = Join-Path $AssetsDir $asset.Name
+        $bmp.Save($outPath, [System.Drawing.Imaging.ImageFormat]::Png)
       }
       finally {
-        $g.Dispose()
+        $bmp.Dispose()
       }
-
-      $outPath = Join-Path $AssetsDir $asset.Name
-      $bmp.Save($outPath, [System.Drawing.Imaging.ImageFormat]::Png)
     }
-    finally {
-      $bmp.Dispose()
+  }
+  finally {
+    $srcImg.Dispose()
+  }
+}
+
+$taskbarSourceIcon = Join-Path $AssetsDir "Square44x44Logo.png"
+if (!(Test-Path $taskbarSourceIcon)) {
+  throw "Taskbar source icon not found: $taskbarSourceIcon"
+}
+
+$taskbarSrcImg = [System.Drawing.Image]::FromFile($taskbarSourceIcon)
+try {
+  foreach ($size in $taskbarTargetSizes) {
+    foreach ($name in @("Square44x44Logo.targetsize-$size.png", "Square44x44Logo.altform-unplated_targetsize-$size.png")) {
+      $bmp = New-Object System.Drawing.Bitmap($size, $size)
+      try {
+        $g = [System.Drawing.Graphics]::FromImage($bmp)
+        try {
+          $g.Clear([System.Drawing.Color]::Transparent)
+          $g.InterpolationMode = [System.Drawing.Drawing2D.InterpolationMode]::HighQualityBicubic
+          $g.PixelOffsetMode = [System.Drawing.Drawing2D.PixelOffsetMode]::HighQuality
+          $g.CompositingQuality = [System.Drawing.Drawing2D.CompositingQuality]::HighQuality
+          $g.SmoothingMode = [System.Drawing.Drawing2D.SmoothingMode]::HighQuality
+          $g.DrawImage($taskbarSrcImg, 0, 0, $size, $size)
+        }
+        finally {
+          $g.Dispose()
+        }
+
+        $outPath = Join-Path $AssetsDir $name
+        $bmp.Save($outPath, [System.Drawing.Imaging.ImageFormat]::Png)
+      }
+      finally {
+        $bmp.Dispose()
+      }
     }
   }
 }
 finally {
-  $srcImg.Dispose()
+  $taskbarSrcImg.Dispose()
+}
+
+if (Test-Path $PreservedAssetsDir) {
+  Remove-Item -Recurse -Force $PreservedAssetsDir
 }
 
 Write-Host "[3/5] Resolving MakeAppx.exe..."