@streamplace/components 0.8.9 → 0.8.11

package/locales/zh-Hant/settings.ftl

@@ -0,0 +1,154 @@
+# Settings Page Translations - Chinese Traditional (Taiwan)
+
+## App Version
+app-version = 播家 v{ $version }
+
+download-new-update = 下載新更新
+check-for-updates = 檢查更新
+
+bundled-runtype = 捆綁版
+ota-runtype = 空中下載 (OTA)
+recovery-runtype = 復原模式
+
+modal-latest-version = 您正在使用最新版本。
+modal-no-update-available = 您已經在使用最新版本的直播地，太棒了！
+modal-update-available-title = 有可用更新
+modal-update-available-description = 新版本的直播地已準備好下載
+modal-update-failed = 更新檢查失敗。您可能需要透過 { $store } 更新應用程式。
+modal-update-failed-title = 更新失敗
+modal-update-failed-description = 更新檢查失敗。您可能需要透過 { $store } 更新應用程式。
+button-reload-app-on-update = 套用更新 (將重新載入應用程式)
+
+## Custom Node Settings
+use-custom-node = 使用自訂節點
+default-url = 預設：{ $url }
+enter-custom-node-url = 輸入自訂節點網址
+save-button = 儲存
+
+## Language Settings
+language-selection = 語言
+language-selection-description = 選擇您偏好的語言
+help-translate = 幫助我們翻譯播家
+help-translate-description = 我們正在尋找志願者協助將播家翻譯成更多語言。如果您有興趣，請在 Discord 或 GitHub 上與我們聯繫！
+currently-translating = 翻譯正在進行中
+currently-translating-description = 應用程式的某些部分可能看起來不完整。感謝您的耐心等待！
+
+## Debug Recording
+debug-recording-title = 允許 { $host } 錄製您的直播串流以進行除錯和服務改善
+debug-recording-description = 可選項目
+input-search-languages = 搜尋語言...
+
+## Key Management
+manage-keys = 管理金鑰
+
+## General UI
+settings-title = 設定
+loading = 載入中...
+error = 錯誤
+cancel = 取消
+confirm = 確認
+
+## Demo and Testing
+welcome-user = 歡迎，{ $username }！
+notification-count = { $count ->
+    [0] 無通知
+    [1] 一則通知
+   *[other] { $count } 則通知
+}
+search-placeholder = 搜尋...
+message-input = 請輸入您的訊息...
+
+## Status Messages
+success = 成功
+warning = 警告
+info = 資訊
+close = 關閉
+open = 開啟
+delete = 刪除
+edit = 編輯
+create = 建立
+update = 更新
+refresh = 重新整理
+
+## Actions
+save = 儲存
+cancel-button = 取消
+ok = 確定
+yes = 是
+no = 否
+continue = 繼續
+back = 返回
+next = 下一步
+finish = 完成
+
+## 導航類別
+about = 關於
+advanced = 進階
+danmu = 彈幕
+developer = 開發者
+languages = 語言
+privacy-security = 隱私與安全
+streaming = 串流
+
+## 常用動作
+cancel = 取消
+create = 建立
+delete = 刪除
+refresh = 重新整理
+save-button = 儲存
+sign-in = 登入
+update = 更新
+
+## 金鑰管理
+key-management = 金鑰管理
+key-manager = 金鑰管理器
+manage-keys = 管理金鑰
+your-stream-pubkeys = 您的串流公開金鑰
+no-keys = 尚未設定金鑰
+pubkey-description = 公開金鑰與串流金鑰（用於串流軟體）配對以簽署和驗證您的串流
+keys-count = { $count } 個金鑰
+
+## Webhook 管理
+webhooks = Webhooks
+webhook-integrations = Webhook 整合
+webhook-integrations-description = 連接外部服務以即時接收有關您串流的更新
+create-webhook = 建立 Webhook
+edit-webhook = 編輯 Webhook
+delete-webhook = 刪除 Webhook
+no-webhooks-yet = 尚未設定 webhook
+failed-load-webhooks = 載入 webhook 失敗
+webhook-will-no-longer-receive-events = 此 webhook 將不再接收事件
+create-first-webhook-description = 建立您的第一個 webhook 以開始接收串流事件
+example-captain-hook = 虎克船長
+webhooks-count = { $count ->
+   *[other] { $count } 個 webhook
+}
+
+## Webhook 事件
+activates-on = 觸發於：
+events-livestream = 直播串流事件
+events-chat = 聊天事件
+untitled-webhook = 未命名的 Webhook
+inactive = 停用
+
+## 除錯錄製
+debug-recording = 除錯錄製
+
+## 彈幕設定
+danmu-enabled = 啟用彈幕
+danmu-enabled-description = 將即時聊天訊息以浮動評論的形式顯示在您的螢幕上
+danmu-opacity = 不透明度
+danmu-speed = 速度
+danmu-lane-count = 軌道數量
+danmu-max-messages = 最大訊息數
+
+## 一般
+app-version-description = 目前版本資訊
+confirm-delete = 您確定要刪除嗎？
+action-cannot-be-undone = 此動作無法復原
+name-optional = 名稱（選填）
+deleting = 刪除中...
+saving = 儲存中...
+go-to-dashboard = 前往控制台
+need-setup-live-dashboard = 您需要先在控制台中設定直播串流
+no-languages-found = 找不到語言

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamplace/components",
-  "version": "0.8.9",
+  "version": "0.8.11",
   "description": "Streamplace React (Native) Components",
   "main": "dist/index.js",
   "types": "src/index.tsx",
@@ -17,13 +17,18 @@
   "author": "Streamplace",
   "license": "MIT",
   "devDependencies": {
+    "@fluent/syntax": "^0.19.0",
     "@types/sdp-transform": "^2.15.0",
+    "nodemon": "^3.1.10",
     "tsup": "^8.5.0"
   },
   "dependencies": {
     "@atproto/api": "^0.16.7",
     "@atproto/crypto": "^0.4.4",
     "@emoji-mart/react": "^1.1.1",
+    "@fluent/bundle": "^0.19.1",
+    "@fluent/langneg": "^0.7.0",
+    "@fluent/react": "^0.15.2",
     "@gorhom/bottom-sheet": "^5.1.6",
     "@rn-primitives/dropdown-menu": "^1.2.0",
     "@rn-primitives/portal": "^1.3.0",
@@ -35,7 +40,14 @@
     "expo-sqlite": "~15.2.12",
     "expo-video": "^2.0.0",
     "hls.js": "^1.5.17",
+    "i18next": "^25.4.2",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "i18next-fluent": "^2.0.0",
+    "i18next-http-backend": "^3.0.2",
+    "i18next-resources-to-backend": "^1.2.1",
+    "intl-pluralrules": "^2.0.1",
     "lucide-react-native": "^0.514.0",
+    "react-i18next": "^15.7.3",
     "react-native": "^0.79.0",
     "react-native-edge-to-edge": "^1.6.2",
     "react-native-gesture-handler": "^2.20.0",
@@ -49,12 +61,21 @@
     "zustand": "^5.0.5"
   },
   "peerDependencies": {
+    "expo-localization": "*",
     "react": "*"
   },
+  "peerDependenciesMeta": {
+    "expo-localization": {
+      "optional": true
+    }
+  },
   "scripts": {
     "build": "tsc",
     "start": "tsc --watch --preserveWatchOutput",
-    "prepare": "tsc"
+    "prepare": "tsc && node scripts/compile-translations.js",
+    "i18n:compile": "node scripts/compile-translations.js",
+    "i18n:watch": "nodemon scripts/compile-translations.js --watch locales/**/*.ftl",
+    "i18n:extract": "node scripts/extract-i18n.js"
   },
-  "gitHead": "2ac59bf91315b2b1f848842c1048a23bd74658b7"
+  "gitHead": "deec4cd1bea51452762e5463462550336057e156"
 }

package/scripts/compile-translations.js

@@ -0,0 +1,254 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+const { parse: parseFtl } = require("@fluent/syntax");
+
+// Load language manifest
+const MANIFEST_PATH = path.join(__dirname, "..", "locales", "manifest.json");
+const manifest = JSON.parse(fs.readFileSync(MANIFEST_PATH, "utf-8"));
+
+// Configuration
+const LOCALES_SOURCE_DIR = path.join(__dirname, "..", "locales");
+const LOCALES_OUTPUT_DIR = path.join(__dirname, "..", "public", "locales");
+
+/**
+ * Find all .ftl files in a directory (non-recursive, just top-level)
+ */
+function findFtlFiles(dir) {
+  const files = [];
+  const entries = fs.readdirSync(dir, { withFileTypes: true });
+
+  for (const entry of entries) {
+    if (entry.isFile() && entry.name.endsWith(".ftl")) {
+      files.push({
+        path: path.join(dir, entry.name),
+        namespace: path.basename(entry.name, ".ftl"),
+      });
+    }
+  }
+
+  return files;
+}
+
+/**
+ * Parse FTL content using @fluent/syntax and extract messages
+ */
+function extractMessagesFromFtl(content) {
+  const messages = {};
+
+  try {
+    const resource = parseFtl(content);
+
+    for (const entry of resource.body) {
+      // Only process Message entries (not Comments, Terms, etc.)
+      if (entry.type === "Message" && entry.id) {
+        const key = entry.id.name;
+
+        // For now, just serialize the pattern back to FTL format
+        // i18next-fluent will handle the actual parsing at runtime
+        if (entry.value) {
+          messages[key] = serializePattern(entry.value);
+        }
+      }
+    }
+  } catch (error) {
+    console.error("Error parsing FTL:", error.message);
+    throw error;
+  }
+
+  return messages;
+}
+
+/**
+ * Serialize a Fluent pattern back to FTL string format
+ * This is a simple serializer - @fluent/syntax has a full serializer
+ * but we just need the pattern text for JSON storage
+ */
+function serializePattern(pattern) {
+  if (!pattern || !pattern.elements) {
+    return "";
+  }
+
+  let result = "";
+
+  for (const element of pattern.elements) {
+    if (element.type === "TextElement") {
+      result += element.value;
+    } else if (element.type === "Placeable") {
+      result += serializePlaceable(element);
+    }
+  }
+
+  return result;
+}
+
+/**
+ * Serialize a placeable (variables, select expressions, etc.)
+ */
+function serializePlaceable(placeable) {
+  if (!placeable.expression) {
+    return "{}";
+  }
+
+  const expr = placeable.expression;
+
+  if (expr.type === "VariableReference") {
+    return `{$${expr.id.name}}`;
+  } else if (expr.type === "SelectExpression") {
+    let result = `{${serializeInlineExpression(expr.selector)} ->`;
+
+    for (const variant of expr.variants) {
+      const key =
+        variant.key.type === "Identifier"
+          ? `[${variant.key.name}]`
+          : `[${variant.key.value}]`;
+
+      result += `\n   ${variant.default ? "*" : ""}${key} ${serializePattern(variant.value)}`;
+    }
+
+    result += "\n  }";
+    return result;
+  } else if (expr.type === "FunctionReference") {
+    const args = expr.arguments.positional
+      .map((arg) => serializeInlineExpression(arg))
+      .join(", ");
+    return `{${expr.id.name}(${args})}`;
+  }
+
+  return "{}";
+}
+
+/**
+ * Serialize inline expressions (for function arguments, etc.)
+ */
+function serializeInlineExpression(expr) {
+  if (expr.type === "VariableReference") {
+    return `$${expr.id.name}`;
+  } else if (expr.type === "NumberLiteral") {
+    return expr.value;
+  } else if (expr.type === "StringLiteral") {
+    return `"${expr.value}"`;
+  }
+
+  return "";
+}
+
+/**
+ * Main compilation function
+ */
+function compileTranslations() {
+  console.log("🌍 Compiling translation files...");
+
+  if (!fs.existsSync(LOCALES_SOURCE_DIR)) {
+    console.error(`❌ Locales directory not found: ${LOCALES_SOURCE_DIR}`);
+    process.exit(1);
+  }
+
+  // Create output directory if it doesn't exist
+  if (!fs.existsSync(LOCALES_OUTPUT_DIR)) {
+    fs.mkdirSync(LOCALES_OUTPUT_DIR, { recursive: true });
+  }
+
+  // Get supported locales from manifest
+  const manifestLocales = manifest.supportedLocales;
+  const locales = manifestLocales.filter((locale) => {
+    const localeDir = path.join(LOCALES_SOURCE_DIR, locale);
+    return fs.existsSync(localeDir) && fs.statSync(localeDir).isDirectory();
+  });
+
+  if (locales.length === 0) {
+    console.error(`❌ No locale directories found in ${LOCALES_SOURCE_DIR}`);
+    process.exit(1);
+  }
+
+  let totalFiles = 0;
+
+  // Process each locale
+  for (const locale of locales) {
+    const localeSourceDir = path.join(LOCALES_SOURCE_DIR, locale);
+    const localeOutputDir = path.join(LOCALES_OUTPUT_DIR, locale);
+
+    console.log(`📦 Processing locale: ${locale}`);
+
+    // Create locale output directory
+    if (!fs.existsSync(localeOutputDir)) {
+      fs.mkdirSync(localeOutputDir, { recursive: true });
+    }
+
+    // Find all .ftl files for this locale
+    const ftlFiles = findFtlFiles(localeSourceDir);
+
+    if (ftlFiles.length === 0) {
+      console.warn(`⚠️  No .ftl files found in ${localeSourceDir}`);
+      continue;
+    }
+
+    // Process each .ftl file as a separate namespace
+    for (const { path: ftlPath, namespace } of ftlFiles) {
+      try {
+        const content = fs.readFileSync(ftlPath, "utf-8");
+        const messages = extractMessagesFromFtl(content);
+
+        if (Object.keys(messages).length === 0) {
+          console.warn(`⚠️  No messages found in ${ftlPath}`);
+          continue;
+        }
+
+        // Write namespace JSON file
+        const outputPath = path.join(localeOutputDir, `${namespace}.json`);
+        fs.writeFileSync(
+          outputPath,
+          JSON.stringify(messages, null, 2),
+          "utf-8",
+        );
+
+        console.log(
+          `  ✅ ${namespace}: ${Object.keys(messages).length} keys → ${path.relative(process.cwd(), outputPath)}`,
+        );
+        totalFiles++;
+      } catch (error) {
+        console.error(`❌ Error processing ${ftlPath}:`, error.message);
+      }
+    }
+  }
+
+  console.log(
+    `🎉 Compilation complete! ${totalFiles} namespace files generated.`,
+  );
+}
+
+/**
+ * Copy compiled translations to app/public/locales
+ */
+function copyToApp() {
+  const appPublicLocales = path.join(
+    __dirname,
+    "..",
+    "..",
+    "app",
+    "public",
+    "locales",
+  );
+
+  console.log("\n📋 Copying translations to app...");
+
+  // Remove old locales directory in app
+  if (fs.existsSync(appPublicLocales)) {
+    fs.rmSync(appPublicLocales, { recursive: true, force: true });
+  }
+
+  // Copy compiled locales to app
+  fs.cpSync(LOCALES_OUTPUT_DIR, appPublicLocales, { recursive: true });
+
+  console.log(`✅ Copied to ${path.relative(process.cwd(), appPublicLocales)}`);
+}
+
+// Run the compilation
+compileTranslations();
+
+// Copy to app if it exists
+const appPath = path.join(__dirname, "..", "..", "app");
+if (fs.existsSync(appPath)) {
+  copyToApp();
+}