feat(i18n): internacionalización completa ES/EN — v2.2.0

- i18n.ts: ~130 claves EN/ES (app, vault, share, detail, card, settings, shortcuts)
- App.svelte: títulos de pestaña y botón de tema traducidos
- VaultScreen: bulk actions (Fusionar hilo / Eliminar)
- PostCard: aria-labels, autor desconocido, nota, confirmación
- PostDetailScreen: galería, carrusel, vídeo inline, errores de script
- SettingsScreen: todas las secciones, modal importar, atajos
- CategoryManager: 'Sin nombre' → t()
- Auto-detección navigator.language, persistencia localStorage
- Versión bump 2.1.0 → 2.2.0

Author: D4vRAM369

package.json

@@ -1,7 +1,7 @@
 {
   "name": "threadsvault-desktop",
   "private": true,
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Bóveda local para posts de Threads. Guarda contenido offline sin nube ni telemetría.",
   "type": "module",
   "scripts": {

src/App.svelte

@@ -2,6 +2,8 @@
   import { onMount } from 'svelte'
   import { loadVault, posts } from './lib/stores/vault'
   import type { Post } from './lib/types'
+  import { t, locale } from './lib/i18n'
+  $locale; // reactive subscription — re-renders on locale change
 
   // ── Zoom global ──────────────────────────────────────────
   const ZOOM_STEP = 0.1
@@ -31,9 +33,9 @@
 
   function computeTitle(route: string, allPosts: Post[]): string {
     if (route === '#/' || route === '') return 'ThreadsVault'
-    if (route === '#/share')      return 'ThreadsVault — Añadir post'
-    if (route === '#/settings')   return 'ThreadsVault — Ajustes'
-    if (route === '#/categories') return 'ThreadsVault — Categorías'
+    if (route === '#/share')      return t('app.page_share')
+    if (route === '#/settings')   return t('app.page_settings')
+    if (route === '#/categories') return t('app.page_categories')
     if (route.startsWith('#/post/')) {
       const id   = route.replace('#/post/', '')
       const post = allPosts.find(p => p.id === id)
@@ -43,6 +45,7 @@
   }
 
   $effect(() => {
+    void $locale // track locale changes → re-run when language switches
     const title = computeTitle(currentRoute, $posts)
     document.title = title
     if ('__TAURI_INTERNALS__' in window) {
@@ -140,8 +143,8 @@
 <button
   class="theme-toggle"
   onclick={() => { theme = theme === 'dark' ? 'light' : 'dark' }}
-  title={theme === 'dark' ? 'Cambiar a tema claro' : 'Cambiar a tema oscuro'}
-  aria-label="Alternar tema"
+  title={theme === 'dark' ? t('app.theme_to_light') : t('app.theme_to_dark')}
+  aria-label={t('app.theme_toggle')}
 >
   {#if theme === 'dark'}
     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

src/components/CategoryManager.svelte

@@ -131,7 +131,7 @@
 
   function getCategoryLabel(cat: Category): string {
     const label = cat.name?.trim()
-    return label ? label : 'Sin nombre'
+    return label ? label : t('vault.no_category_name')
   }
 </script>
 

src/components/PostCard.svelte

@@ -4,6 +4,8 @@
   import { getPostDisplayPath } from "../lib/utils/url-parser";
   import { savePost, loadVault } from "../lib/stores/vault";
   import { invoke } from "@tauri-apps/api/core";
+  import { t, locale } from "../lib/i18n";
+  $locale; // reactive subscription
 
   let {
     post,
@@ -161,7 +163,7 @@
 <!-- svelte-ignore a11y_no_noninteractive_element_to_interactive_role -->
 <article
   role="button"
-  aria-label="Abrir detalle del post"
+  aria-label={t('card.open')}
   class="rounded-2xl p-4 mb-3 cursor-pointer group relative overflow-hidden"
   style="
     background: {selected ? 'rgba(124,77,255,0.12)' : 'var(--vault-card-bg)'};
@@ -238,7 +240,7 @@
         letter-spacing: 0.015em;
       "
       >
-        {post.author || "Autor desconocido"}
+        {post.author || t('card.unknown_author')}
       </p>
 
       <!--
@@ -329,7 +331,7 @@
                 el.style.background = "rgba(124,77,255,0.14)";
                 el.style.borderColor = "rgba(124,77,255,0.30)";
               }}
-              aria-label="Abrir enlace externo"
+              aria-label={t('card.open_link')}
             >
               <svg
                 width="9"
@@ -394,7 +396,7 @@
             el.style.borderRightColor = "transparent";
             el.style.borderBottomColor = "transparent";
           }}
-          aria-label="Editar nota personal"
+          aria-label={t('card.edit_note')}
         >
           <!-- Pencil icon with glow dot -->
           <span
@@ -599,15 +601,15 @@
             onclick={(e) => {
               e.stopPropagation();
               onDelete(post.id);
-            }}>Sí</button
+            }}>{t('common.yes')}</button
           >
           <button
             class="px-2.5 py-1 rounded-lg text-xs font-semibold"
             style="background: var(--vault-card-hover-bg); color: var(--vault-on-bg); font-family: var(--font-display)"
             onclick={(e) => {
               e.stopPropagation();
               confirmingDelete = false;
-            }}>No</button
+            }}>{t('common.no')}</button
           >
         </div>
       {:else}
@@ -624,7 +626,7 @@
             e.stopPropagation();
             confirmingDelete = true;
           }}
-          aria-label="Eliminar post"
+          aria-label={t('card.delete_post')}
         >
           <svg
             width="9"
@@ -720,7 +722,7 @@
         <textarea
           bind:value={noteValue}
           rows="3"
-          placeholder="Escribe tu nota…"
+          placeholder={t('card.note_placeholder')}
           class="w-full bg-transparent resize-none text-sm leading-relaxed outline-none px-3 py-2"
           style="
             color: var(--vault-on-bg);
@@ -751,7 +753,7 @@
             border: 1px solid rgba(0,188,212,0.45);
             font-family: var(--font-display);
             opacity: {savingNote ? '0.6' : '1'};
-          ">{savingNote ? "Guardando…" : "Guardar"}</button
+          ">{savingNote ? t('common.saving') : t('common.save')}</button
         >
 
         <button
@@ -766,7 +768,7 @@
             border: 1px solid var(--vault-ghost-btn-border);
             color: var(--vault-on-bg-muted);
             font-family: var(--font-display);
-          ">Cancelar</button
+          ">{t('common.cancel')}</button
         >
 
         {#if post.note}
@@ -781,7 +783,7 @@
               border: 1px solid var(--vault-danger-border);
               color: var(--vault-danger-color);
               font-family: var(--font-display);
-            ">Eliminar nota</button
+            ">{t('card.delete_note')}</button
           >
         {/if}
       </div>

src/lib/i18n.ts

@@ -92,6 +92,7 @@ const translations = {
     'detail.update_media': 'Actualizar media',
     'detail.personal_note': 'NOTA PERSONAL',
     'detail.unknown_author': 'Autor desconocido',
+    'detail.downloading': 'Procesando descarga...',
 
     // PostCard
     'card.open': 'Abrir detalle del post',
@@ -140,6 +141,64 @@ const translations = {
     'settings.shortcuts': 'Atajos de teclado',
     'settings.dev_title': 'Desarrollador de ThreadsVault',
     'settings.close': 'CERRAR',
+    'settings.import_completed': 'Importación completada',
+    'settings.import_error_title': 'Error al importar',
+    'settings.import_error_fallback': 'No se pudo completar la importación. Verifica que el archivo sea un backup válido de ThreadsVault.',
+    'settings.import_skipped_note': 'Los elementos omitidos tenían datos incompatibles. El resto se importó correctamente.',
+    'settings.import_warning_suffix': 'y los reemplazará con los del archivo seleccionado. Esta acción no se puede deshacer.',
+    'settings.error_read_file': 'No se pudo leer el archivo seleccionado.',
+    'settings.error_import_unknown': 'Error desconocido al importar',
+
+    // App
+    'app.page_share': 'ThreadsVault — Añadir post',
+    'app.page_settings': 'ThreadsVault — Ajustes',
+    'app.page_categories': 'ThreadsVault — Categorías',
+    'app.theme_to_light': 'Cambiar a tema claro',
+    'app.theme_to_dark': 'Cambiar a tema oscuro',
+    'app.theme_toggle': 'Alternar tema',
+
+    // VaultScreen bulk
+    'vault.merging': 'Fusionando...',
+    'vault.merge_thread': 'Fusionar hilo',
+    'vault.deleting': 'Eliminando...',
+
+    // PostDetailScreen galería / vídeo
+    'detail.hide_failed': 'Ocultar fallidos',
+    'detail.show_failed': 'Mostrar fallidos',
+    'detail.image_of': 'Imagen {i} de {total}',
+    'detail.video_loading': 'Cargando vídeo…',
+    'detail.video_on_threads': 'Vídeo en Threads',
+    'detail.video_searching': 'Buscando fuente reproducible…',
+    'detail.video_protected': 'Threads protege sus vídeos. Ábrelo directamente para reproducirlo.',
+    'detail.video_downloading': 'Descargando...',
+    'detail.download_video': 'Descargar video',
+    'detail.resource_unavailable': 'Recurso no visible en app. Puedes abrir o descargar desde la URL.',
+    'detail.lightbox_alt': 'Vista ampliada',
+
+    // PostDetailScreen mensajes de error (script)
+    'detail.error_download': 'No se pudo descargar el video.',
+    'detail.error_no_new_text': 'No se encontró texto nuevo. Abre el post en Threads e intenta de nuevo.',
+    'detail.error_extract': 'Error al extraer. Comprueba la conexión e inténtalo de nuevo.',
+    'detail.error_stream': 'No se pudo resolver el stream del vídeo.',
+    'detail.error_stream_app': 'Falló la resolución del vídeo en la app.',
+    'detail.preparing_download': 'Preparando descarga...',
+    'detail.error_timeout': 'La descarga tardó demasiado. Reintenta o abre en Threads.',
+    'detail.error_download_failed': 'La descarga falló.',
+    'detail.error_no_new_media': 'No se encontró contenido nuevo. Abre el post en Threads e intenta de nuevo.',
+    'detail.error_update_media': 'No se pudo actualizar media ahora. Abre el post en Threads y vuelve a intentar.',
+
+    // Shortcuts
+    'shortcut.back': 'Volver atrás',
+    'shortcut.add_post': 'Añadir post',
+    'shortcut.search_posts': 'Buscar posts',
+    'shortcut.search_app': 'Buscar en la app',
+    'shortcut.navigate': 'Navegar entre posts',
+    'shortcut.zoom_in': 'Acercar (zoom in)',
+    'shortcut.zoom_out': 'Alejar (zoom out)',
+    'shortcut.zoom_reset': 'Zoom normal',
+    'shortcut.ctx_global': 'Global',
+    'shortcut.ctx_vault': 'En vault',
+    'shortcut.ctx_post': 'En post',
   },
   en: {
     // Common
@@ -232,6 +291,7 @@ const translations = {
     'detail.update_media': 'Update media',
     'detail.personal_note': 'PERSONAL NOTE',
     'detail.unknown_author': 'Unknown author',
+    'detail.downloading': 'Processing download...',
 
     // PostCard
     'card.open': 'Open post detail',
@@ -280,6 +340,64 @@ const translations = {
     'settings.shortcuts': 'Keyboard shortcuts',
     'settings.dev_title': 'ThreadsVault Developer',
     'settings.close': 'CLOSE',
+    'settings.import_completed': 'Import completed',
+    'settings.import_error_title': 'Import error',
+    'settings.import_error_fallback': 'Could not complete import. Check that the file is a valid ThreadsVault backup.',
+    'settings.import_skipped_note': 'Skipped items had incompatible data. The rest was imported correctly.',
+    'settings.import_warning_suffix': 'and replace them with those from the selected file. This action cannot be undone.',
+    'settings.error_read_file': 'Could not read the selected file.',
+    'settings.error_import_unknown': 'Unknown import error',
+
+    // App
+    'app.page_share': 'ThreadsVault — Add post',
+    'app.page_settings': 'ThreadsVault — Settings',
+    'app.page_categories': 'ThreadsVault — Categories',
+    'app.theme_to_light': 'Switch to light theme',
+    'app.theme_to_dark': 'Switch to dark theme',
+    'app.theme_toggle': 'Toggle theme',
+
+    // VaultScreen bulk
+    'vault.merging': 'Merging...',
+    'vault.merge_thread': 'Merge thread',
+    'vault.deleting': 'Deleting...',
+
+    // PostDetailScreen gallery / video
+    'detail.hide_failed': 'Hide failed',
+    'detail.show_failed': 'Show failed',
+    'detail.image_of': 'Image {i} of {total}',
+    'detail.video_loading': 'Loading video…',
+    'detail.video_on_threads': 'Video on Threads',
+    'detail.video_searching': 'Looking for playable source…',
+    'detail.video_protected': 'Threads protects its videos. Open it directly to play it.',
+    'detail.video_downloading': 'Downloading...',
+    'detail.download_video': 'Download video',
+    'detail.resource_unavailable': 'Resource not visible in app. You can open or download from the URL.',
+    'detail.lightbox_alt': 'Enlarged view',
+
+    // PostDetailScreen error messages (script)
+    'detail.error_download': 'Could not download the video.',
+    'detail.error_no_new_text': 'No new text found. Open the post on Threads and try again.',
+    'detail.error_extract': 'Extraction error. Check your connection and try again.',
+    'detail.error_stream': 'Could not resolve the video stream.',
+    'detail.error_stream_app': 'Video stream resolution failed in app.',
+    'detail.preparing_download': 'Preparing download...',
+    'detail.error_timeout': 'Download took too long. Retry or open in Threads.',
+    'detail.error_download_failed': 'Download failed.',
+    'detail.error_no_new_media': 'No new content found. Open the post on Threads and try again.',
+    'detail.error_update_media': 'Could not update media now. Open the post on Threads and try again.',
+
+    // Shortcuts
+    'shortcut.back': 'Go back',
+    'shortcut.add_post': 'Add post',
+    'shortcut.search_posts': 'Search posts',
+    'shortcut.search_app': 'Search in app',
+    'shortcut.navigate': 'Navigate between posts',
+    'shortcut.zoom_in': 'Zoom in',
+    'shortcut.zoom_out': 'Zoom out',
+    'shortcut.zoom_reset': 'Normal zoom',
+    'shortcut.ctx_global': 'Global',
+    'shortcut.ctx_vault': 'In vault',
+    'shortcut.ctx_post': 'In post',
   }
 } as const