Implement i18n support for all command strings and user interface messages across the application

Author: robertpiosik

apps/editor/src/commands/add-file-to-context-command.ts

@@ -5,6 +5,7 @@ import {
   FileItem
 } from '../context/providers/workspace/workspace-provider'
 import { natural_sort } from '../utils/natural-sort'
+import { t } from '../i18n'
 
 interface FileQuickPickItem extends vscode.QuickPickItem {
   full_path: string
@@ -33,17 +34,17 @@ export const add_file_to_context_command = (
           (resolve) => {
             const quick_pick = vscode.window.createQuickPick()
             quick_pick.items = items
-            quick_pick.placeholder = 'Select a workspace folder to browse files'
-            quick_pick.title = 'Workspace Folders'
+            quick_pick.placeholder = t('command.context.add.select-workspace')
+            quick_pick.title = t('command.context.workspace-folders')
             quick_pick.buttons = [
               {
                 iconPath: new vscode.ThemeIcon('close'),
-                tooltip: 'Close'
+                tooltip: t('common.close')
               }
             ]
 
             quick_pick.onDidTriggerButton((button) => {
-              if (button.tooltip == 'Close') {
+              if (button.tooltip == t('common.close')) {
                 quick_pick.hide()
               }
             })
@@ -70,20 +71,20 @@ export const add_file_to_context_command = (
       }
 
       const quick_pick = vscode.window.createQuickPick<FileQuickPickItem>()
-      quick_pick.title = 'Workspace Files'
-      quick_pick.placeholder = 'Select a file to add to context'
+      quick_pick.title = t('command.context.workspace-files')
+      quick_pick.placeholder = t('command.context.add.select-file')
       quick_pick.matchOnDescription = true
       quick_pick.buttons = [
         {
           iconPath: new vscode.ThemeIcon('close'),
-          tooltip: 'Close'
+          tooltip: t('common.close')
         }
       ]
       quick_pick.busy = true
       quick_pick.show()
 
       quick_pick.onDidTriggerButton((button) => {
-        if (button.tooltip == 'Close') {
+        if (button.tooltip == t('common.close')) {
           quick_pick.hide()
         }
       })
@@ -95,7 +96,7 @@ export const add_file_to_context_command = (
 
       quick_pick.onDidTriggerItemButton(async (e) => {
         const item = e.item
-        if (e.button.tooltip == 'Add Parent Folder to Context') {
+        if (e.button.tooltip == t('command.context.add.add-parent-folder')) {
           parent_folder_source_full_path = item.full_path
 
           const workspace_root = workspace_provider.get_workspace_root_for_file(
@@ -120,16 +121,18 @@ export const add_file_to_context_command = (
           }
 
           if (folders.length == 0) {
-            vscode.window.showInformationMessage('No parent folders to add.')
+            vscode.window.showInformationMessage(
+              t('command.context.add.no-parent-folders')
+            )
             return
           }
 
           const folder_quick_pick = vscode.window.createQuickPick<{
             label: string
             full_path: string
           }>()
-          folder_quick_pick.title = 'Parent Folders'
-          folder_quick_pick.placeholder = 'Select a folder to add to context'
+          folder_quick_pick.title = t('command.context.parent-folders')
+          folder_quick_pick.placeholder = t('command.context.add.select-folder')
           folder_quick_pick.items = folders.map((f) => ({
             label: f.label,
             full_path: f.full_path
@@ -241,7 +244,7 @@ export const add_file_to_context_command = (
               ? [
                   {
                     iconPath: new vscode.ThemeIcon('folder'),
-                    tooltip: 'Add Parent Folder to Context'
+                    tooltip: t('command.context.add.add-parent-folder')
                   }
                 ]
               : []

apps/editor/src/commands/apply-chat-response-command/apply-chat-response-command.ts

@@ -22,6 +22,7 @@ import { CHECKPOINTS_STATE_KEY } from '@/constants/state-keys'
 import { ResponseHistoryItem } from '@shared/types/response-history-item'
 import { ApiManager } from '@/services/api-manager'
 import { parse_response } from './utils/clipboard-parser/clipboard-parser'
+import { t } from '@/i18n'
 
 let in_progress = false
 let placeholder_created_at_for_update: number | undefined
@@ -143,7 +144,7 @@ export const apply_chat_response_command = (params: {
         if (file_count > 0) {
           params.panel_provider.send_message({
             command: 'SHOW_PROGRESS',
-            title: 'Preparing response preview...',
+            title: t('command.apply-chat-response.progress.preparing-preview'),
             delay_visibility: file_count == 1
           })
         }

apps/editor/src/commands/apply-chat-response-command/response-processor.ts

@@ -27,6 +27,7 @@ import { handle_conflict_markers } from './handlers/conflict-markers-handler'
 import { handle_truncated_edit } from './handlers/truncated-handler'
 import { WorkspaceProvider } from '@/context/providers/workspace/workspace-provider'
 import { natural_sort } from '@/utils/natural-sort'
+import { t } from '@/i18n'
 import { is_truncation_line } from './utils/edit-formats/truncations'
 
 export type PreviewData = {
@@ -142,10 +143,12 @@ export const process_chat_response = async (
     quick_pick.items = quick_pick_items
     quick_pick.selectedItems = quick_pick_items.filter((i) => i.picked)
     quick_pick.canSelectMany = true
-    quick_pick.title = 'Context Pruning'
-    quick_pick.placeholder = 'Confirm file selection'
+    quick_pick.title = t('command.apply-chat-response.context-pruning.title')
+    quick_pick.placeholder = t(
+      'command.apply-chat-response.context-pruning.placeholder'
+    )
     quick_pick.buttons = [
-      { iconPath: new vscode.ThemeIcon('close'), tooltip: 'Close' }
+      { iconPath: new vscode.ThemeIcon('close'), tooltip: t('common.close') }
     ]
 
     const selected_items = await new Promise<
@@ -193,7 +196,9 @@ export const process_chat_response = async (
 
       if (files_to_check.length > 0) {
         await workspace_provider.set_checked_files(files_to_check)
-        vscode.window.showInformationMessage(`Context pruned successfully.`)
+        vscode.window.showInformationMessage(
+          t('command.apply-chat-response.context-pruning.success')
+        )
       }
     }
 
@@ -403,15 +408,20 @@ export const process_chat_response = async (
       const editor = vscode.window.activeTextEditor
       if (editor) {
         const choice = await vscode.window.showWarningMessage(
-          'No valid code blocks found',
+          t('command.apply-chat-response.warning.no-code-blocks.title'),
           {
             modal: true,
-            detail: 'Apply the clipboard text to the active editor?'
+            detail: t(
+              'command.apply-chat-response.warning.no-code-blocks.detail'
+            )
           },
-          'Apply with Intelligent Update'
+          t('command.apply-chat-response.warning.no-code-blocks.action')
         )
 
-        if (choice == 'Apply with Intelligent Update') {
+        if (
+          choice ==
+          t('command.apply-chat-response.warning.no-code-blocks.action')
+        ) {
           const document = editor.document
           const file_path_for_block = vscode.workspace
             .asRelativePath(document.uri, !is_single_root_folder_workspace)

apps/editor/src/commands/apply-context-command/apply-context-command.ts

@@ -14,6 +14,7 @@ import {
   get_contexts_file_path,
   load_and_merge_global_contexts
 } from './helpers/saving'
+import { t } from '@/i18n'
 
 export const apply_context_command = (params: {
   workspace_provider: WorkspaceProvider
@@ -48,7 +49,7 @@ export const apply_context_command = (params: {
         })[] = []
 
         main_quick_pick_options.push({
-          label: 'Workspace state',
+          label: t('command.apply-context.sources.workspace-state'),
           description: `${internal_contexts.length} ${
             internal_contexts.length == 1 ? 'entry' : 'entries'
           }`,
@@ -57,11 +58,11 @@ export const apply_context_command = (params: {
 
         const open_file_button = {
           iconPath: new vscode.ThemeIcon('go-to-file'),
-          tooltip: 'Open contexts.json'
+          tooltip: t('command.apply-context.action.open-json')
         }
 
         main_quick_pick_options.push({
-          label: 'JSON file',
+          label: t('command.apply-context.sources.json-file'),
           description: `${file_contexts_count} ${
             file_contexts_count == 1 ? 'entry' : 'entries'
           }`,
@@ -70,12 +71,12 @@ export const apply_context_command = (params: {
         })
 
         main_quick_pick_options.push({
-          label: 'Unstaged files',
+          label: t('command.apply-context.sources.unstaged-files'),
           value: 'unstaged'
         })
 
         main_quick_pick_options.push({
-          label: 'Files touched by a commit...',
+          label: t('command.apply-context.sources.commit-files'),
           value: 'commit_files'
         })
 
@@ -84,9 +85,11 @@ export const apply_context_command = (params: {
             value: 'internal' | 'file' | 'unstaged' | 'commit_files' | string
           }
         >()
-        main_quick_pick.title = 'Context Sources'
+        main_quick_pick.title = t('command.apply-context.sources.title')
         main_quick_pick.items = main_quick_pick_options
-        main_quick_pick.placeholder = 'Select option'
+        main_quick_pick.placeholder = t(
+          'command.apply-context.sources.placeholder'
+        )
         main_quick_pick.buttons = [
           { iconPath: new vscode.ThemeIcon('close'), tooltip: 'Close' }
         ]

apps/editor/src/commands/apply-context-command/helpers/applying/apply-saved-context.ts

@@ -4,6 +4,7 @@ import { LAST_CONTEXT_MERGE_REPLACE_OPTION_STATE_KEY } from '../../../../constan
 import { SavedContext } from '@/types/context'
 import { dictionary } from '@shared/constants/dictionary'
 import { resolve_context_paths } from './resolve-context-paths'
+import { t } from '@/i18n'
 
 export const apply_saved_context = async (
   context: SavedContext,
@@ -37,14 +38,18 @@ export const apply_saved_context = async (
     )
 
     if (!all_current_files_in_new_context) {
-      const quick_pick_options = [
+      const quick_pick_options: (vscode.QuickPickItem & {
+        action_id: string
+      })[] = [
         {
-          label: 'Replace',
-          description: 'Replace the current context with the selected one'
+          action_id: 'Replace',
+          label: t('command.apply-context.action.replace.label'),
+          description: t('command.apply-context.action.replace.description')
         },
         {
-          label: 'Merge',
-          description: 'Merge the selected context with the current one'
+          action_id: 'Merge',
+          label: t('command.apply-context.action.merge.label'),
+          description: t('command.apply-context.action.merge.description')
         }
       ]
 
@@ -54,20 +59,22 @@ export const apply_saved_context = async (
 
       const quick_pick = vscode.window.createQuickPick()
       quick_pick.items = quick_pick_options
-      quick_pick.placeholder = `How would you like to apply "${context.name}"?`
+      quick_pick.placeholder = t('command.apply-context.apply.placeholder', {
+        name: context.name
+      })
       quick_pick.buttons = [vscode.QuickInputButtons.Back]
 
       if (last_choice_label) {
         const active_item = quick_pick_options.find(
-          (opt) => opt.label === last_choice_label
+          (opt) => opt.action_id === last_choice_label
         )
         if (active_item) {
           quick_pick.activeItems = [active_item]
         }
       }
 
       const choice = await new Promise<
-        vscode.QuickPickItem | 'back' | undefined
+        (vscode.QuickPickItem & { action_id: string }) | 'back' | undefined
       >((resolve) => {
         let is_accepted = false
         quick_pick.onDidTriggerButton((button) => {
@@ -78,7 +85,11 @@ export const apply_saved_context = async (
         })
         quick_pick.onDidAccept(() => {
           is_accepted = true
-          resolve(quick_pick.selectedItems[0])
+          resolve(
+            quick_pick.selectedItems[0] as vscode.QuickPickItem & {
+              action_id: string
+            }
+          )
           quick_pick.hide()
         })
         quick_pick.onDidHide(() => {
@@ -100,9 +111,9 @@ export const apply_saved_context = async (
 
       await extension_context.workspaceState.update(
         LAST_CONTEXT_MERGE_REPLACE_OPTION_STATE_KEY,
-        choice.label
+        choice.action_id
       )
-      if (choice.label == 'Merge') {
+      if (choice.action_id == 'Merge') {
         paths_to_apply = [
           ...new Set([...currently_checked_files, ...existing_paths])
         ]

apps/editor/src/commands/apply-context-command/helpers/saving/ask-for-new-context-name.ts

@@ -1,16 +1,13 @@
 import * as vscode from 'vscode'
-
-const PROMPT_ENTER_CONTEXT_NAME = 'Enter a name for this context'
-const PLACEHOLDER_CONTEXT_NAME = 'e.g., Backend API Context'
-const VALIDATION_CONTEXT_NAME_EMPTY = 'Context name cannot be empty.'
+import { t } from '@/i18n'
 
 export const ask_for_new_context_name = async (
   with_back_button: boolean
 ): Promise<string | 'back' | undefined> => {
   const input_box = vscode.window.createInputBox()
-  input_box.title = 'New Entry'
-  input_box.prompt = PROMPT_ENTER_CONTEXT_NAME
-  input_box.placeholder = PLACEHOLDER_CONTEXT_NAME
+  input_box.title = t('command.apply-context.ask-name.title')
+  input_box.prompt = t('command.apply-context.ask-name.prompt')
+  input_box.placeholder = t('command.apply-context.ask-name.placeholder')
 
   return new Promise((resolve) => {
     let accepted = false
@@ -20,7 +17,9 @@ export const ask_for_new_context_name = async (
       input_box.onDidAccept(() => {
         const value = input_box.value.trim()
         if (value.length == 0) {
-          input_box.validationMessage = VALIDATION_CONTEXT_NAME_EMPTY
+          input_box.validationMessage = t(
+            'command.apply-context.ask-name.empty'
+          )
           return
         }
         accepted = true