data_porter 1.1.0 → 2.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 46a9ae914232272194aaa961ed2619a423e2fcbbe9b5dc4dbdb2762bbcdb7129
-  data.tar.gz: 4de6b7f13955136df74552b6788792b3f9e8ba0b201e8b0fa25000e28294e13b
+  metadata.gz: '04931dd3e74ae9a12b2225ddb1c5467022458013d49fb35a07282121296ec22b'
+  data.tar.gz: 4d0d04002509ae87358375f0df64bec0d8c134201131ead1a1a07460c9e19297
 SHA512:
-  metadata.gz: 0af51f459c999859b1ef723787998134e96a371bfe25c4e99a086a38cd787e35f4c8b2e58331b5594a1baeb7bc0c8220d0ccd5a9c2738f0cbabc1cc69021a754
-  data.tar.gz: 735f5bc4d814f7e641fd8e2d9498487ddf75a5ce784f40439fbcfcdd7a995b131e243538dd261ea5d5b4494148a0035b83b7c5bac924de2f9279f2a019dd6af5
+  metadata.gz: 11ba16dcc818425722fc20e1a919833e4c4f77def52c07b46068707a1e511bb045bf7801edfb9b3186750fbf242a633d526e81e6b1bf3cd4b54b806c47e701aa
+  data.tar.gz: 4c99d6a1c4d04e4cee197199db9dd3517bc7d44b283e511a7289e46703ddf3d69f91a8cd7e4fb4f43ce5e8fdaaccbe805b5a649846d1c5e096a7803eafb07442

data/CHANGELOG.md

@@ -5,6 +5,43 @@ 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
+
+- **Default parent controller changed to `ActionController::Base`** -- Engine controllers no longer inherit from `ApplicationController` by default, avoiding conflicts with authorization gems (Pundit, CanCanCan, etc.). Set `config.parent_controller = "ApplicationController"` to restore the previous behavior
+- **Engine routes mounted at root** -- `resources :imports` now uses `path: "/"` so the mount point controls the full URL (e.g. `mount DataPorter::Engine, at: "/imports"` gives `/imports`, not `/imports/imports`)
+
+### Added
+
+- **Back to mapping** -- `back_to_mapping` action resets a previewing import to the mapping step, preserving file headers and column mapping for re-mapping
+- **Saved mapping persistence** -- Mapping form restores previously saved column mapping instead of resetting to defaults
+
+### Changed
+
+- 423 RSpec examples (up from 413), 0 failures
+
 ## [1.1.0] - 2026-02-08
 
 ### Added

data/README.md

@@ -1,23 +1,13 @@
 # DataPorter
 
-> [!CAUTION]
-> **This gem is under active development and not yet production-ready.**
-> APIs and features may change without notice. Use at your own risk.
+[![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.
 
-<table>
-  <tr>
-    <td><img src="docs/screenshots/index-with-previewing.jpg" width="400" alt="Import list with status badges" /></td>
-    <td><img src="docs/screenshots/modal-new-import.jpg" width="400" alt="New import modal with dropzone" /></td>
-  </tr>
-  <tr>
-    <td><img src="docs/screenshots/mapping.jpg" width="400" alt="Interactive column mapping with templates" /></td>
-    <td><img src="docs/screenshots/preview.jpg" width="400" alt="Preview with summary cards and data table" /></td>
-  </tr>
-</table>
+![DataPorter demo](docs/screenshots/demo_fast.gif)
 
 ## Features
 
@@ -111,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 |
@@ -132,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 |
@@ -142,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     # 405 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/controllers/data_porter/concerns/mapping_management.rb

@@ -12,7 +12,7 @@ module DataPorter
         columns = target._columns || []
         @file_headers = @import.config["file_headers"] || []
         @target_columns = columns.map { |c| [c.label, c.name.to_s, c.required] }
-        @default_mapping = (target._csv_mappings || {}).transform_values(&:to_s)
+        @default_mapping = saved_or_default_mapping(target)
         @templates = load_templates
       end
 
@@ -23,6 +23,13 @@ module DataPorter
         scope.for_target(@import.target_key)
       end
 
+      def saved_or_default_mapping(target)
+        saved = @import.config&.dig("column_mapping")
+        return saved if saved.present?
+
+        (target._csv_mappings || {}).transform_values(&:to_s)
+      end
+
       def save_column_mapping
         merged = (@import.config || {}).merge("column_mapping" => permitted_column_mapping)
         @import.update!(config: merged, status: :pending)

data/app/controllers/data_porter/imports_controller.rb

@@ -9,7 +9,8 @@ module DataPorter
 
     layout "data_porter/application"
 
-    before_action :set_import, only: %i[show parse confirm cancel dry_run update_mapping status export_rejects destroy]
+    before_action :set_import, only: %i[show parse confirm cancel dry_run update_mapping
+                                        status export_rejects destroy back_to_mapping]
     before_action :load_targets, only: %i[index new create]
 
     def index
@@ -63,6 +64,11 @@ module DataPorter
       redirect_to imports_path
     end
 
+    def back_to_mapping
+      @import.reset_to_mapping!
+      redirect_to import_path(@import)
+    end
+
     def dry_run
       @import.update!(status: :pending)
       DataPorter::DryRunJob.perform_later(@import.id)

data/app/models/data_porter/data_import.rb

@@ -53,6 +53,15 @@ module DataPorter
       records.group_by(&:status).transform_values(&:count)
     end
 
+    def reset_to_mapping!
+      update!(
+        status: :mapping,
+        records: [],
+        report: StoreModels::Report.new,
+        config: (config || {}).except("progress")
+      )
+    end
+
     def file_based?
       %w[csv xlsx].include?(source_type)
     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");