data_porter 2.0.0 → 2.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0439ba2634bbf47987015524141c3f961b54c362d234dcaeecc7811895c4ec34'
-  data.tar.gz: b4b2daf3519743518b2119b75863ca83114db258599fa2026e1b7a2ae844668e
+  metadata.gz: '04931dd3e74ae9a12b2225ddb1c5467022458013d49fb35a07282121296ec22b'
+  data.tar.gz: 4d0d04002509ae87358375f0df64bec0d8c134201131ead1a1a07460c9e19297
 SHA512:
-  metadata.gz: b2ddc41b18ab043cbabb97518594ec27a0d1ec4ea0f4f1e542a6dde664c6914d6d1b61c609e6436d9a9bd741298c31766c623886eb3964a417b9a5ebec532b44
-  data.tar.gz: 2fe7cc8d5910005f86b9198db007afc406bb186d933d0ff1a5e4c147fab191ade9386550fdbb5b85f4756c6795da979f81da5b4681782c027f7901763f1dd972
+  metadata.gz: 11ba16dcc818425722fc20e1a919833e4c4f77def52c07b46068707a1e511bb045bf7801edfb9b3186750fbf242a633d526e81e6b1bf3cd4b54b806c47e701aa
+  data.tar.gz: 4c99d6a1c4d04e4cee197199db9dd3517bc7d44b283e511a7289e46703ddf3d69f91a8cd7e4fb4f43ce5e8fdaaccbe805b5a649846d1c5e096a7803eafb07442

data/CHANGELOG.md

@@ -5,6 +5,27 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.1.1] - 2026-02-20
+
+### Fixed
+
+- **Route ordering** -- `mapping_templates` routes declared before the catch-all `imports` resource to prevent `/mapping_templates` from matching `imports#show`
+- **Locale generator** -- Fixed `source_root` resolution so `copy_file` finds locale templates correctly
+- **Locale generator** -- Added post-generation instructions (next steps message)
+
+## [2.1.0] - 2026-02-20
+
+### Added
+
+- **i18n** -- All UI strings, error messages, and status labels are now translatable via Rails I18n. Ships with English and French locales (~100 keys each)
+- **Locale generator** -- `rails g data_porter:locale fr` copies a locale file with all keys pre-filled for translation
+- **Documentation site** -- MkDocs Material site with GitHub Pages deployment, search, dark mode, and full API reference
+- **Progress labels via data attributes** -- Stimulus progress controller reads translated labels from the server instead of hardcoded JS strings
+
+### Changed
+
+- 438 RSpec examples (up from 423), 0 failures
+
 ## [2.0.0] - 2026-02-19
 
 ### Breaking

data/README.md

@@ -1,5 +1,8 @@
 # DataPorter
 
+[![Gem Version](https://badge.fury.io/rb/data_porter.svg?icon=si%3Arubygems)](https://badge.fury.io/rb/data_porter)
+[![Docs](https://img.shields.io/badge/docs-GitHub%20Pages-blue)](https://seryllns.github.io/data_porter/)
+
 A mountable Rails engine for data import workflows: **Upload**, **Map**, **Preview**, **Import**.
 
 Supports CSV, JSON, XLSX, and API sources with a declarative DSL for defining import targets. Business-agnostic by design -- all domain logic lives in your host app.
@@ -98,6 +101,8 @@ pending -> parsing -> previewing -> importing -> completed
 
 ## Documentation
 
+**[Full documentation on GitHub Pages](https://seryllns.github.io/data_porter/)**
+
 | Topic | Description |
 |---|---|
 | [Configuration](docs/CONFIGURATION.md) | All options, authentication, context builder, real-time updates |
@@ -119,6 +124,7 @@ pending -> parsing -> previewing -> importing -> completed
 | POST | `/imports/:id/parse` | Parse source |
 | POST | `/imports/:id/confirm` | Run import |
 | POST | `/imports/:id/cancel` | Cancel import |
+| POST | `/imports/:id/back_to_mapping` | Reset to mapping step |
 | POST | `/imports/:id/dry_run` | Dry run validation |
 | GET | `/imports/:id/export_rejects` | Download rejects CSV |
 | | `/mapping_templates` | Full CRUD for templates |
@@ -129,7 +135,7 @@ pending -> parsing -> previewing -> importing -> completed
 git clone https://github.com/SerylLns/data_porter.git
 cd data_porter
 bin/setup
-bundle exec rspec     # 413 specs
+bundle exec rspec     # 423 specs
 bundle exec rubocop   # 0 offenses
 ```
 

data/ROADMAP.md

@@ -1,89 +1,99 @@
 # Roadmap
 
-## Completed
-
-### v0.2.0 -- XLSX Source
-- ~~Parse `.xlsx` files natively via `creek` gem~~
-- ~~Sheet selector via `config["sheet_index"]`~~
-- ~~Same parsing pipeline as CSV~~
-
-### v0.3.0 -- Interactive Column Mapping & Templates
-- ~~Mapping UI: each CSV/XLSX column header gets a dropdown to select the target field~~
-- ~~Save mapping as a reusable template (name + column-to-field pairs)~~
-- ~~Template selector that pre-fills all dropdowns at once~~
-- ~~Stored per-target so each import type has its own template library~~
-- ~~Header extraction step before parsing for file-based sources~~
-- ~~Dynamic mapping priority: user mapping > code mapping > auto-map~~
-
-### v0.4.0 -- Standalone Engine UX
-- ~~Self-contained layout with Stimulus + Turbo Drive via CDN importmap~~
-- ~~Required field indication and duplicate mapping detection~~
-- ~~File validation on create for file-based sources~~
-- ~~Turbo Drive for instant page navigation~~
-- ~~Import details card on show page~~
-- ~~Improved template management UI~~
+## Next
+
+### Column transformers
+
+Built-in transformation pipeline applied per-column before the target's `transform` method. Declarative DSL in the target:
+
+```ruby
+columns do
+  column :email, type: :string, transform: [:strip, :downcase]
+  column :phone, type: :string, transform: [:strip, :normalize_phone]
+  column :born_on, type: :date, transform: [:parse_date]
+end
+```
+
+Ships with common transformers (`strip`, `downcase`, `titleize`, `normalize_phone`, `parse_date`). Custom transformers via a registry.
+
+### Webhooks
+
+HTTP callbacks on import lifecycle events (started, completed, failed). Configurable per-target with URL, headers, and payload template. Enables integration with Slack notifications, CI pipelines, or external dashboards.
 
 ---
 
 ## Planned
 
-### High Priority
+### Bulk import
+
+High-volume import support using `insert_all` / `upsert_all` for batch persistence. Opt-in per target to bypass per-record `persist` calls, enabling 10-100x throughput for simple create/upsert scenarios. Configurable batch size, with fallback to per-record mode on conflict.
 
-#### Export (reverse workflow)
-- `ExportTarget` DSL mirroring the import Target
-- Define query scope, columns, and output format (CSV, JSON, XLSX)
-- Background job with progress bar (reuse existing ActionCable infrastructure)
-- Download link on completion
+### Update & diff mode
 
-#### Batch Import
-- Process large files in configurable batches (default: 1,000 records)
-- Use `insert_all` / `upsert_all` for bulk persistence
-- Granular progress: "12,000 / 150,000 records"
-- Memory-efficient streaming parser for CSV and XLSX
+Support update (upsert) imports alongside create-only. Given a `deduplicate_by` key, detect existing records and show a diff preview: new records, changed fields (highlighted), unchanged rows. User confirms which changes to apply. Enables recurring data sync workflows.
 
-#### Scheduled Imports
-- Cron-like configuration in the Target DSL: `schedule "0 3 * * *"`
-- Recurring API source imports (fetch external data on a timer)
-- Dashboard for scheduled imports with last run status and next run time
-- Built on ActiveJob + `solid_queue` or host app's queue adapter
+### Resume / retry on failure
 
-### Medium Priority
+If an import fails mid-way (timeout, crash, transient error), resume from the last successful record instead of restarting from scratch. Track a checkpoint index in the report. Critical for large imports (5k+ records) where re-processing everything is not acceptable.
+
+### API pagination
+
+Support paginated API sources. The current API source does a single GET, which works for small datasets but not for APIs returning thousands of records across multiple pages. Support offset, cursor, and link-header pagination strategies via `api_config`:
 
-#### Column Transformers
-- Inline transform lambdas in the column DSL
-- Built-in transformers: `downcase`, `strip`, `normalize_phone`, `parse_date`
 ```ruby
-column :email, type: :email, transform: ->(v) { v.downcase.strip }
+api_config do
+  endpoint "https://api.example.com/contacts"
+  pagination :cursor, param: "after", root: "data", next_key: "meta.next_cursor"
+end
 ```
 
-#### Auto-suggest Mapping
-- Fuzzy matching between file headers and target columns
-- Suggest mappings based on Levenshtein distance or string similarity
-- Pre-fill dropdowns with best guesses, user confirms
-
-#### Diff Mode
-- Compare incoming records with existing database data
-- Show what will be created, updated, or left unchanged
-- Visual diff on the preview step before confirming
-- Supports `deduplicate_by` keys for record matching
-
-#### Webhooks
-- Notify an external URL on import completion or failure
-- Configurable per-target or globally
-- JSON payload with import summary and error details
-
-#### Import API (REST)
-- `POST /data_porter/api/imports` to trigger imports programmatically
-- Accept file upload or source URL
-- JSON response with import ID for status polling
-
-### Low Priority
-
-#### Dashboard Analytics
-- Stats: imports per week, error rate, average duration, top targets
-- Lightweight charts (inline SVG, no JS dependency)
-
-#### Rollback
-- Undo a completed import (soft-delete created records)
-- Uses `target_id` already tracked on each ImportRecord
-- Confirmation step with summary of records to be reverted
+### Import API (REST)
+
+Headless REST API for programmatic imports:
+
+- `POST /api/imports` — create import (multipart file upload or JSON payload)
+- `GET /api/imports/:id` — status + results
+- Auth via `config.api_authenticate` lambda (API key or Bearer token)
+- Reuses existing job pipeline (parse, import, dry run)
+
+### View generator & theming
+
+Customizable UI in two layers:
+
+- **View generator** — `rails g data_porter:views` copies the 7 ERB templates into the host app for structural customization (layout, buttons, sections). Similar to `devise:views`.
+- **CSS theming** — All styles use `--dp-*` custom properties. Host apps override variables to match their design system, no ERB changes needed.
+- **Light / dark mode** — Two built-in presets toggled via `prefers-color-scheme` or a `.dp-dark` class.
+
+### Auto-map heuristics
+
+Smart column mapping suggestions using tokenized header matching and synonym dictionaries. When a CSV has "E-mail Address", auto-suggest mapping to `:email`. Built-in synonyms for common patterns (phone → phone_number, first name → first_name). Configurable synonym lists per target.
+
+---
+
+## Ideas
+
+### Export (reverse workflow)
+
+`ExportTarget` DSL mirroring the import Target. Define query scope, columns, and output format (CSV, JSON, XLSX). Background job with progress bar and download link on completion.
+
+### External connectors
+
+Source plugins beyond local files and HTTP APIs:
+
+- **Google Sheets** — OAuth2 + Sheets API, treat a spreadsheet as a source
+- **SFTP** — Poll a remote directory for new files
+- **AWS S3** — Watch a bucket/prefix for uploads
+
+Each connector implements the `Sources::Base` interface. Installed as optional companion gems (`data_porter-google_sheets`, `data_porter-s3`).
+
+### Scheduled imports
+
+Recurring imports from API or remote sources on a cron schedule. A target declares a schedule, and DataPorter automatically fetches and imports at the configured interval. Built on ActiveJob with configurable queue.
+
+### Rollback
+
+Undo a completed import by soft-deleting the created records. Confirmation step with summary of records to be reverted.
+
+### Dashboard & analytics
+
+Import statistics dashboard: success rates, average duration, records per import, most-used targets, failure trends. Mountable as an admin-only route.

data/app/assets/javascripts/data_porter/progress_controller.js

@@ -2,7 +2,7 @@ import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = ["bar", "text", "label"]
-  static values = { id: Number, url: String }
+  static values = { id: Number, url: String, labels: Object }
 
   connect() {
     this.poll()
@@ -32,8 +32,8 @@ export default class extends Controller {
 
   updateLabel(status) {
     if (!this.hasLabelTarget) return
-    var labels = { pending: "Waiting...", extracting_headers: "Extracting headers...", parsing: "Parsing records...", importing: "Importing...", dry_running: "Dry run..." }
-    this.labelTarget.textContent = labels[status] || "Processing..."
+    var labels = this.hasLabelsValue ? this.labelsValue : {}
+    this.labelTarget.textContent = labels[status] || labels["processing"] || status
   }
 
   disconnect() {

data/app/controllers/data_porter/concerns/import_validation.rb

@@ -18,7 +18,7 @@ module DataPorter
         allowed = target._sources || DataPorter.configuration.enabled_sources
         return true if allowed.map(&:to_s).include?(@import.source_type.to_s)
 
-        @import.errors.add(:source_type, "#{@import.source_type} is not available for this target")
+        @import.errors.add(:source_type, I18n.t("data_porter.errors.source_unavailable", source: @import.source_type))
         false
       end
 
@@ -26,7 +26,7 @@ module DataPorter
         return true unless %w[csv json xlsx].include?(@import.source_type)
         return true if @import.file.attached?
 
-        @import.errors.add(:file, "must be attached for #{@import.source_type.upcase} imports")
+        @import.errors.add(:file, I18n.t("data_porter.errors.file_required", source: @import.source_type.upcase))
         false
       end
 
@@ -34,7 +34,7 @@ module DataPorter
         missing = missing_required_params
         return true if missing.empty?
 
-        missing.each { |p| @import.errors.add(:base, "#{p.label} is required") }
+        missing.each { |p| @import.errors.add(:base, I18n.t("data_porter.errors.required", label: p.label)) }
         false
       end
 
@@ -55,7 +55,7 @@ module DataPorter
         max = DataPorter.configuration.max_file_size
         return true if @import.file.blob.byte_size <= max
 
-        @import.errors.add(:file, "is too large (max #{max / 1.megabyte} MB)")
+        @import.errors.add(:file, I18n.t("data_porter.errors.file_too_large", max: max / 1.megabyte))
         false
       end
 
@@ -68,7 +68,7 @@ module DataPorter
         content_type = @import.file.blob.content_type
         return true if allowed.include?(content_type)
 
-        @import.errors.add(:file, "has an invalid content type (#{content_type})")
+        @import.errors.add(:file, I18n.t("data_porter.errors.invalid_content_type", type: content_type))
         false
       end
     end

data/app/views/data_porter/imports/index.html.erb

@@ -3,11 +3,11 @@
      data-data-porter--import-form-params-value="<%= @targets.map { |t| [t[:key], t[:params]] }.to_h.to_json %>"
      data-action="keydown@document->data-porter--import-form#closeModal">
   <div class="dp-header">
-    <h1 class="dp-title">Imports</h1>
+    <h1 class="dp-title"><%= t("data_porter.imports.title") %></h1>
     <div class="dp-header__actions">
-      <%= link_to "Mapping Templates", mapping_templates_path, class: "dp-btn dp-btn--secondary" %>
+      <%= link_to t("data_porter.mapping_templates.title"), mapping_templates_path, class: "dp-btn dp-btn--secondary" %>
       <button type="button" class="dp-btn dp-btn--primary" data-action="data-porter--import-form#openModal">
-        New Import
+        <%= t("data_porter.imports.new_import") %>
       </button>
     </div>
   </div>
@@ -16,11 +16,11 @@
     <table class="dp-table">
       <thead>
         <tr>
-          <th>ID</th>
-          <th>Target</th>
-          <th>Source</th>
-          <th>Status</th>
-          <th>Created</th>
+          <th><%= t("data_porter.imports.table.id") %></th>
+          <th><%= t("data_porter.imports.table.target") %></th>
+          <th><%= t("data_porter.imports.table.source") %></th>
+          <th><%= t("data_porter.imports.table.status") %></th>
+          <th><%= t("data_porter.imports.table.created") %></th>
           <th></th>
         </tr>
       </thead>
@@ -33,11 +33,11 @@
             <td><%= raw DataPorter::Components::Shared::StatusBadge.new(status: import.status).call %></td>
             <td><%= import.created_at&.strftime("%Y-%m-%d %H:%M") %></td>
             <td class="dp-table__actions">
-              <%= link_to "View", import_path(import), class: "dp-btn dp-btn--sm dp-btn--secondary" %>
+              <%= link_to t("data_porter.imports.view"), import_path(import), class: "dp-btn dp-btn--sm dp-btn--secondary" %>
               <% if import.completed? || import.failed? %>
-                <%= button_to "Delete", import_path(import),
+                <%= button_to t("data_porter.imports.delete"), import_path(import),
                       method: :delete, class: "dp-btn dp-btn--sm dp-btn--danger",
-                      data: { turbo_confirm: "Delete this import?" } %>
+                      data: { turbo_confirm: t("data_porter.imports.delete_confirm") } %>
               <% end %>
             </td>
           </tr>
@@ -47,9 +47,9 @@
   <% else %>
     <div class="dp-empty-state">
       <div class="dp-empty-state__icon">&#128230;</div>
-      <p class="dp-empty-state__text">No imports yet</p>
+      <p class="dp-empty-state__text"><%= t("data_porter.imports.no_imports") %></p>
       <button type="button" class="dp-btn dp-btn--primary" data-action="data-porter--import-form#openModal">
-        Create your first import
+        <%= t("data_porter.imports.create_first") %>
       </button>
     </div>
   <% end %>
@@ -58,16 +58,16 @@
     <div class="dp-modal__backdrop" data-action="click->data-porter--import-form#closeModalClick"></div>
     <div class="dp-modal__content">
       <div class="dp-modal__header">
-        <h2 class="dp-modal__title">New Import</h2>
+        <h2 class="dp-modal__title"><%= t("data_porter.imports.new_import") %></h2>
         <button type="button" class="dp-modal__close" data-action="data-porter--import-form#closeModalClick">&times;</button>
       </div>
 
       <%= form_with model: DataPorter::DataImport.new, url: imports_path, class: "dp-modal__body", multipart: true, data: { turbo: false } do |f| %>
         <div class="dp-field">
-          <%= f.label :target_key, "Target", class: "dp-label" %>
+          <%= f.label :target_key, t("data_porter.imports.form.target_label"), class: "dp-label" %>
           <%= f.select :target_key,
                 @targets.map { |t| [t[:label], t[:key]] },
-                { prompt: "Select a target..." },
+                { prompt: t("data_porter.imports.form.target_prompt") },
                 class: "dp-select",
                 data: {
                   data_porter__import_form_target: "targetSelect",
@@ -78,10 +78,10 @@
         <div data-data-porter--import-form-target="paramsContainer"></div>
 
         <div class="dp-field">
-          <%= f.label :source_type, "Source Type", class: "dp-label" %>
+          <%= f.label :source_type, t("data_porter.imports.form.source_label"), class: "dp-label" %>
           <%= f.select :source_type,
                 DataPorter.configuration.enabled_sources.map { |s| [s.to_s.upcase, s] },
-                { prompt: "Select source type..." },
+                { prompt: t("data_porter.imports.form.source_prompt") },
                 class: "dp-select",
                 data: {
                   data_porter__import_form_target: "sourceSelect",
@@ -90,7 +90,7 @@
         </div>
 
         <div class="dp-field" data-data-porter--import-form-target="fileField">
-          <%= f.label :file, "File", class: "dp-label" %>
+          <%= f.label :file, t("data_porter.imports.form.file_label"), class: "dp-label" %>
           <label class="dp-dropzone" data-data-porter--import-form-target="dropzone"
                  data-action="dragover->data-porter--import-form#dragover dragleave->data-porter--import-form#dragleave drop->data-porter--import-form#drop">
             <input type="file" name="data_import[file]" class="dp-dropzone__input"
@@ -98,16 +98,16 @@
                    data-action="data-porter--import-form#handleFile" />
             <div class="dp-dropzone__content">
               <div class="dp-dropzone__icon">&#128196;</div>
-              <span class="dp-dropzone__text">Drop your file here or <strong>browse</strong></span>
-              <span class="dp-dropzone__hint">CSV, JSON, or XLSX files accepted</span>
+              <span class="dp-dropzone__text"><%= raw t("data_porter.imports.form.dropzone_text") %></span>
+              <span class="dp-dropzone__hint"><%= t("data_porter.imports.form.dropzone_hint") %></span>
             </div>
             <div class="dp-dropzone__selected" data-data-porter--import-form-target="fileName" style="display: none;"></div>
           </label>
         </div>
 
         <div class="dp-modal__footer">
-          <%= f.submit "Start Import", class: "dp-btn dp-btn--primary" %>
-          <button type="button" class="dp-btn dp-btn--secondary" data-action="data-porter--import-form#closeModalClick">Cancel</button>
+          <%= f.submit t("data_porter.imports.start_import"), class: "dp-btn dp-btn--primary" %>
+          <button type="button" class="dp-btn dp-btn--secondary" data-action="data-porter--import-form#closeModalClick"><%= t("data_porter.imports.cancel") %></button>
         </div>
       <% end %>
     </div>

data/app/views/data_porter/imports/new.html.erb

@@ -1,6 +1,6 @@
 <div class="data-porter">
   <div class="dp-header">
-    <h1 class="dp-title">New Import</h1>
+    <h1 class="dp-title"><%= t("data_porter.imports.new_title") %></h1>
   </div>
 
   <% if @import.errors.any? %>
@@ -13,10 +13,10 @@
 
   <%= form_with model: @import, url: imports_path, class: "dp-form", multipart: true, data: { turbo: false } do |f| %>
     <div class="dp-field">
-      <%= f.label :target_key, "Target", class: "dp-label" %>
+      <%= f.label :target_key, t("data_porter.imports.form.target_label"), class: "dp-label" %>
       <%= f.select :target_key,
             @targets.map { |t| [t[:label], t[:key]] },
-            { prompt: "Select a target..." },
+            { prompt: t("data_porter.imports.form.target_prompt") },
             id: "dp-target-select-new",
             class: "dp-select",
             data: {
@@ -28,30 +28,30 @@
     <div id="dp-params-container" class="dp-params-container"></div>
 
     <div class="dp-field">
-      <%= f.label :source_type, "Source Type", class: "dp-label" %>
+      <%= f.label :source_type, t("data_porter.imports.form.source_label"), class: "dp-label" %>
       <%= f.select :source_type,
             DataPorter.configuration.enabled_sources.map { |s| [s.to_s.upcase, s] },
-            { prompt: "Select source type..." },
+            { prompt: t("data_porter.imports.form.source_prompt") },
             id: "dp-source-select-new",
             class: "dp-select" %>
     </div>
 
     <div id="dp-file-field-new" class="dp-field">
-      <%= f.label :file, "File", class: "dp-label" %>
+      <%= f.label :file, t("data_porter.imports.form.file_label"), class: "dp-label" %>
       <label class="dp-dropzone" id="dp-dropzone-new">
         <input type="file" name="data_import[file]" id="dp-file-input-new" class="dp-dropzone__input" />
         <div class="dp-dropzone__content">
           <div class="dp-dropzone__icon">&#128196;</div>
-          <span class="dp-dropzone__text">Drop your file here or <strong>browse</strong></span>
-          <span class="dp-dropzone__hint">CSV, JSON, or XLSX files accepted</span>
+          <span class="dp-dropzone__text"><%= raw t("data_porter.imports.form.dropzone_text") %></span>
+          <span class="dp-dropzone__hint"><%= t("data_porter.imports.form.dropzone_hint") %></span>
         </div>
         <div class="dp-dropzone__selected" id="dp-file-name-new" style="display: none;"></div>
       </label>
     </div>
 
     <div class="dp-actions">
-      <%= f.submit "Start Import", class: "dp-btn dp-btn--primary" %>
-      <%= link_to "Cancel", imports_path, class: "dp-btn dp-btn--secondary" %>
+      <%= f.submit t("data_porter.imports.start_import"), class: "dp-btn dp-btn--primary" %>
+      <%= link_to t("data_porter.imports.cancel"), imports_path, class: "dp-btn dp-btn--secondary" %>
     </div>
   <% end %>
 </div>
@@ -84,7 +84,7 @@
           input.className = "dp-select";
           var blank = document.createElement("option");
           blank.value = "";
-          blank.textContent = "Select...";
+          blank.textContent = "<%= j t("data_porter.imports.form.select_prompt") %>";
           input.appendChild(blank);
           p.collection.forEach(function(opt) {
             var o = document.createElement("option");

data/app/views/data_porter/imports/show.html.erb

@@ -1,28 +1,28 @@
 <div class="data-porter">
   <div class="dp-header">
     <div class="dp-header__actions">
-      <%= link_to "Back to imports", imports_path, class: "dp-btn dp-btn--secondary" %>
+      <%= link_to t("data_porter.imports.back_to_imports"), imports_path, class: "dp-btn dp-btn--secondary" %>
     </div>
     <h1 class="dp-title">
-      <%= @target._label %> Import #<%= @import.id %>
+      <%= t("data_porter.imports.show_title", target: @target._label, id: @import.id) %>
     </h1>
     <%= raw DataPorter::Components::Shared::StatusBadge.new(status: @import.status).call %>
   </div>
 
   <div class="dp-import-details">
     <dl class="dp-details-grid">
-      <dt>Target</dt>
+      <dt><%= t("data_porter.imports.details.target") %></dt>
       <dd><%= @target._label %></dd>
-      <dt>Source</dt>
+      <dt><%= t("data_porter.imports.details.source") %></dt>
       <dd><%= @import.source_type.upcase %></dd>
       <% if @import.file.attached? %>
-        <dt>File</dt>
+        <dt><%= t("data_porter.imports.details.file") %></dt>
         <dd><%= @import.file.filename %></dd>
       <% end %>
-      <dt>Created</dt>
+      <dt><%= t("data_porter.imports.details.created") %></dt>
       <dd><%= @import.created_at&.strftime("%Y-%m-%d %H:%M") %></dd>
       <% if @import.report.records_count.positive? %>
-        <dt>Records</dt>
+        <dt><%= t("data_porter.imports.details.records") %></dt>
         <dd><%= @import.report.records_count %></dd>
       <% end %>
     </dl>
@@ -58,18 +58,18 @@
 
     <div class="dp-actions">
       <%= button_to confirm_import_path(@import), method: :post, class: "dp-btn dp-btn--primary", data: { dp_submit: true } do %>
-        Confirm Import
+        <%= t("data_porter.imports.confirm_import") %>
       <% end %>
       <% if @target._dry_run_enabled %>
         <%= button_to dry_run_import_path(@import), method: :post, class: "dp-btn dp-btn--secondary", data: { dp_submit: true } do %>
-          Dry Run
+          <%= t("data_porter.imports.dry_run") %>
         <% end %>
       <% end %>
       <% if @import.file_based? %>
-        <%= button_to "Back to Mapping", back_to_mapping_import_path(@import),
+        <%= button_to t("data_porter.imports.back_to_mapping"), back_to_mapping_import_path(@import),
               method: :post, class: "dp-btn dp-btn--secondary" %>
       <% end %>
-      <%= button_to "Cancel", cancel_import_path(@import),
+      <%= button_to t("data_porter.imports.cancel"), cancel_import_path(@import),
             method: :post, class: "dp-btn dp-btn--danger" %>
     </div>
   <% end %>
@@ -89,25 +89,25 @@
           ).call %>
     <% end %>
     <div class="dp-actions">
-      <%= link_to "Back to imports", imports_path, class: "dp-btn dp-btn--primary" %>
+      <%= link_to t("data_porter.imports.back_to_imports"), imports_path, class: "dp-btn dp-btn--primary" %>
       <% rejected = @import.report.errored_count.to_i + @import.report.missing_count.to_i + @import.report.partial_count.to_i %>
       <% if rejected.positive? %>
-        <%= link_to "Download rejects CSV", export_rejects_import_path(@import), class: "dp-btn dp-btn--secondary" %>
+        <%= link_to t("data_porter.imports.download_rejects"), export_rejects_import_path(@import), class: "dp-btn dp-btn--secondary" %>
       <% end %>
-      <%= button_to "Delete", import_path(@import),
+      <%= button_to t("data_porter.imports.delete"), import_path(@import),
             method: :delete, class: "dp-btn dp-btn--danger",
-            data: { turbo_confirm: "Delete this import?" } %>
+            data: { turbo_confirm: t("data_porter.imports.delete_confirm") } %>
     </div>
   <% end %>
 
   <% if @import.failed? %>
     <%= raw DataPorter::Components::Shared::FailureAlert.new(report: @import.report).call %>
     <div class="dp-actions">
-      <%= button_to "Retry", parse_import_path(@import),
+      <%= button_to t("data_porter.imports.retry"), parse_import_path(@import),
             method: :post, class: "dp-btn dp-btn--primary" %>
-      <%= button_to "Delete", import_path(@import),
+      <%= button_to t("data_porter.imports.delete"), import_path(@import),
             method: :delete, class: "dp-btn dp-btn--danger",
-            data: { turbo_confirm: "Delete this import?" } %>
+            data: { turbo_confirm: t("data_porter.imports.delete_confirm") } %>
     </div>
   <% end %>
 </div>
@@ -117,7 +117,7 @@
     document.querySelectorAll("[data-dp-submit]").forEach(function(btn) {
       btn.closest("form").addEventListener("submit", function() {
         btn.disabled = true;
-        btn.innerHTML = '<span class="dp-spinner"></span>Processing...';
+        btn.innerHTML = '<span class="dp-spinner"></span><%= j t("data_porter.imports.processing") %>';
       });
     });
   })();