formblocks 0.1.0

data/app/views/formblocks/pages/_page.html.erb

@@ -0,0 +1,51 @@
+<section class="fb-page-card" id="<%= dom_id(page) %>">
+  <header class="fb-page-card__header">
+    <div>
+      <h2 class="fb-h2">
+        <%= page.thank_you? ? t('formblocks.forms.edit.thank_you') : t('formblocks.forms.edit.page', number: page.number) %>
+      </h2>
+      <% if page.thank_you? %><p class="fb-muted fb-small"><%= t('formblocks.forms.edit.thank_you_hint') %></p><% end %>
+    </div>
+    <% if page.step? %>
+      <div class="fb-actions">
+        <%= button_to move_form_page_path(form, page, direction: 'up'), method: :patch, class: 'fb-iconbtn',
+                      title: t('formblocks.actions.move_up'), 'aria-label': t('formblocks.actions.move_up'),
+                      disabled: page.number == 1, form: { data: { turbo_action: 'replace' } } do %><%= fb_icon(:up) %><% end %>
+        <%= button_to move_form_page_path(form, page, direction: 'down'), method: :patch, class: 'fb-iconbtn',
+                      title: t('formblocks.actions.move_down'), 'aria-label': t('formblocks.actions.move_down'),
+                      disabled: page.last_step?, form: { data: { turbo_action: 'replace' } } do %><%= fb_icon(:down) %><% end %>
+        <% if form.steps.size > 1 %>
+          <%= button_to form_page_path(form, page), method: :delete, class: 'fb-iconbtn fb-iconbtn--danger',
+                        title: t('formblocks.actions.delete'), 'aria-label': t('formblocks.actions.delete'),
+                        form: { data: { turbo_confirm: t('formblocks.actions.confirm_delete_page'), turbo_action: 'replace' } } do %><%= fb_icon(:trash) %><% end %>
+        <% end %>
+      </div>
+    <% end %>
+  </header>
+
+  <div class="fb-blocks" data-controller="fb-sortable" data-fb-sortable-url-value="<%= reorder_form_page_blocks_path(form, page) %>">
+    <% page.blocks.each do |block| %>
+      <%= render 'formblocks/blocks/block', block: block %>
+    <% end %>
+  </div>
+  <% if page.blocks.empty? %>
+    <p class="fb-empty-page fb-muted"><%= t('formblocks.forms.edit.empty_page') %></p>
+  <% end %>
+
+  <%= render 'formblocks/blocks/palette', page: page, form: form %>
+
+  <% if page.step? %>
+    <footer class="fb-page-card__footer">
+      <%= form_with model: page, url: form_page_path(form, page), method: :patch, class: 'fb-button-editor',
+                    data: { controller: 'fb-autosave',
+                            action: 'input->fb-autosave#queue change->fb-autosave#save turbo:submit-end->fb-autosave#finished' } do |f| %>
+        <%= f.text_field :button_text, value: page.button_label, class: 'fb-button-preview', maxlength: 60, autocomplete: 'off',
+                                       'aria-label': t('formblocks.forms.edit.button_text_label'),
+                                       data: { controller: 'fb-autosize', action: 'input->fb-autosize#resize' } %>
+        <span class="fb-autosave-status" data-fb-autosave-target="status" aria-live="polite"></span>
+        <button class="fb-btn fb-btn--sm fb-nojs" type="submit"><%= t('formblocks.actions.save') %></button>
+      <% end %>
+      <p class="fb-muted fb-small"><%= t('formblocks.forms.edit.button_hint') %></p>
+    </footer>
+  <% end %>
+</section>

data/app/views/formblocks/public/blocks/_checkbox.html.erb

@@ -0,0 +1,15 @@
+<% id = "fb_#{block.key}" %>
+<% error = response&.error_for(block) %>
+<div class="fb-field fb-field--check <%= 'fb-field--error' if error %>">
+  <label class="fb-checkbox" for="<%= id %>">
+    <%= hidden_field_tag "answers[#{block.key}]", '0', id: nil %>
+    <%= check_box_tag "answers[#{block.key}]", '1', response&.answer(block) == true, id: id, required: block.required?,
+                      'aria-describedby': (error ? "#{id}_error" : nil) %>
+    <span>
+      <%= block.label %>
+      <% if block.required? %><span class="fb-required" aria-hidden="true">*</span><% end %>
+    </span>
+  </label>
+  <% if block.help_text.present? %><p class="fb-help"><%= block.help_text %></p><% end %>
+  <% if error %><p class="fb-error" id="<%= id %>_error" role="alert"><%= block.label %> <%= error %></p><% end %>
+</div>

data/app/views/formblocks/public/blocks/_field.html.erb

@@ -0,0 +1,13 @@
+<%# Shared frame for an input: label, the control (yielded), help text and error. %>
+<% error = response&.error_for(block) %>
+<% describe = [(block.help_text.present? ? "#{id}_help" : nil), (error ? "#{id}_error" : nil)].compact %>
+<div class="fb-field <%= 'fb-field--error' if error %>">
+  <label class="fb-label" for="<%= id %>">
+    <%= block.label %>
+    <% if block.required? %><span class="fb-required" aria-hidden="true">*</span>
+    <% else %><span class="fb-optional"><%= t('formblocks.public.optional') %></span><% end %>
+  </label>
+  <%= yield(describe.join(' ').presence) %>
+  <% if block.help_text.present? %><p class="fb-help" id="<%= id %>_help"><%= block.help_text %></p><% end %>
+  <% if error %><p class="fb-error" id="<%= id %>_error" role="alert"><%= block.label %> <%= error %></p><% end %>
+</div>

data/app/views/formblocks/public/blocks/_heading.html.erb

@@ -0,0 +1 @@
+<h2 class="fb-heading"><%= block.content %></h2>

data/app/views/formblocks/public/blocks/_hidden.html.erb

@@ -0,0 +1,5 @@
+<%# The stored answer on a re-render, else the URL's query parameter, else the block's default. %>
+<% value = if response&.answers&.key?(block.key) then response.answer(block)
+           elsif params[block.key].is_a?(String) then params[block.key]
+           else block.default_value end %>
+<%= hidden_field_tag "answers[#{block.key}]", value, id: nil %>

data/app/views/formblocks/public/blocks/_image.html.erb

@@ -0,0 +1,3 @@
+<% if fb_stored?(block.image) %>
+  <figure class="fb-image"><%= image_tag fb_attachment_url(block.image), alt: block.label.to_s %></figure>
+<% end %>

data/app/views/formblocks/public/blocks/_paragraph.html.erb

@@ -0,0 +1 @@
+<div class="fb-paragraph"><%= simple_format(block.content) %></div>

data/app/views/formblocks/public/blocks/_radio_group.html.erb

@@ -0,0 +1,17 @@
+<% id = "fb_#{block.key}" %>
+<% error = response&.error_for(block) %>
+<fieldset class="fb-field fb-field--group <%= 'fb-field--error' if error %>" <%= "aria-describedby=#{id}_error" if error %>>
+  <legend class="fb-label">
+    <%= block.label %>
+    <% if block.required? %><span class="fb-required" aria-hidden="true">*</span>
+    <% else %><span class="fb-optional"><%= t('formblocks.public.optional') %></span><% end %>
+  </legend>
+  <% Array(block.options).each_with_index do |option, index| %>
+    <label class="fb-radio" for="<%= id %>_<%= index %>">
+      <%= radio_button_tag "answers[#{block.key}]", option, response&.answer(block) == option, id: "#{id}_#{index}", required: block.required? %>
+      <span><%= option %></span>
+    </label>
+  <% end %>
+  <% if block.help_text.present? %><p class="fb-help"><%= block.help_text %></p><% end %>
+  <% if error %><p class="fb-error" id="<%= id %>_error" role="alert"><%= block.label %> <%= error %></p><% end %>
+</fieldset>

data/app/views/formblocks/public/blocks/_text.html.erb

@@ -0,0 +1,6 @@
+<% id = "fb_#{block.key}" %>
+<%= render layout: 'formblocks/public/blocks/field', locals: { block: block, response: response, id: id } do |describedby| %>
+  <%= text_field_tag "answers[#{block.key}]", response&.answer(block), id: id, type: block.html_input_type, class: 'fb-input',
+                     required: block.required?, placeholder: block.placeholder.presence, autocomplete: block.autocomplete,
+                     'aria-describedby': describedby %>
+<% end %>

data/app/views/formblocks/public/blocks/_textarea.html.erb

@@ -0,0 +1,5 @@
+<% id = "fb_#{block.key}" %>
+<%= render layout: 'formblocks/public/blocks/field', locals: { block: block, response: response, id: id } do |describedby| %>
+  <%= text_area_tag "answers[#{block.key}]", response&.answer(block), id: id, class: 'fb-input', rows: 4,
+                    required: block.required?, placeholder: block.placeholder.presence, 'aria-describedby': describedby %>
+<% end %>

data/app/views/formblocks/public/forms/not_found.html.erb

@@ -0,0 +1,3 @@
+<div class="fb-thanks">
+  <h1 class="fb-heading"><%= t('formblocks.public.not_found') %></h1>
+</div>

data/app/views/formblocks/public/forms/show.html.erb

@@ -0,0 +1,37 @@
+<% steps = @form.steps %>
+<%= form_with url: main_app.formblocks_form_path(@form.slug, preview: params[:preview].presence), method: :post,
+              class: 'fb-form', data: { controller: 'fb-pager', fb_pager_step_label_value: t('formblocks.public.step', current: '%{current}', total: '%{total}') } do %>
+  <% if @rate_limited %>
+    <p class="fb-alert" role="alert"><%= t('formblocks.errors.rate_limited') %></p>
+  <% elsif @response.errors.any? %>
+    <p class="fb-alert" role="alert"><%= t('formblocks.public.fix_errors') %></p>
+  <% end %>
+
+  <%# The honeypot: off-screen, unlabelled for assistive tech, and never filled by a person. %>
+  <div class="fb-hp" aria-hidden="true">
+    <label for="fb_website">Website</label>
+    <input type="text" id="fb_website" name="fb_website" tabindex="-1" autocomplete="off">
+  </div>
+  <%= hidden_field_tag 'fb_referrer', @referrer, id: nil %>
+
+  <% steps.each_with_index do |page, index| %>
+    <% has_errors = page.blocks.any? { |block| block.input? && @response.error_for(block) } %>
+    <fieldset class="fb-step" data-fb-pager-target="step" <%= 'data-fb-pager-errors' if has_errors %>>
+      <legend class="fb-sr-only"><%= t('formblocks.public.step', current: index + 1, total: steps.size) %></legend>
+      <% page.blocks.each do |block| %>
+        <%= render partial: block.public_partial, locals: { block: block, response: @response } %>
+      <% end %>
+      <div class="fb-step__nav">
+        <% if index.positive? %>
+          <button type="button" class="fb-btn fb-btn--secondary" data-action="fb-pager#back" data-fb-pager-target="nav" hidden><%= t('formblocks.public.back') %></button>
+        <% end %>
+        <% if page.last_step? %>
+          <button type="submit" class="fb-btn fb-btn--primary"><%= page.button_label %></button>
+        <% else %>
+          <button type="button" class="fb-btn fb-btn--primary" data-action="fb-pager#next" data-fb-pager-target="nav" hidden><%= page.button_label %></button>
+        <% end %>
+      </div>
+    </fieldset>
+  <% end %>
+  <p class="fb-progress" data-fb-pager-target="progress" hidden></p>
+<% end %>

data/app/views/formblocks/public/forms/thanks.html.erb

@@ -0,0 +1,5 @@
+<div class="fb-thanks">
+  <% @page.blocks.reject(&:input?).each do |block| %>
+    <%= render partial: block.public_partial, locals: { block: block, response: nil } %>
+  <% end %>
+</div>

data/app/views/formblocks/responses/index.html.erb

@@ -0,0 +1,45 @@
+<% content_for :title, "#{@form.title} · #{t('.title')}" %>
+<%= fb_admin_shell do %>
+  <%= render 'formblocks/forms/header', form: @form, tab: :responses %>
+
+  <header class="fb-header">
+    <h2 class="fb-h2"><%= t('.count', count: @form.responses_count) %></h2>
+    <% if @form.responses_count.positive? %>
+      <%= link_to form_responses_path(@form, format: :csv), class: 'fb-btn', data: { turbo: false } do %>
+        <%= fb_icon(:download) %> <%= t('.download_csv') %>
+      <% end %>
+    <% end %>
+  </header>
+
+  <% if @responses.empty? %>
+    <div class="fb-card fb-empty"><p><%= t('.empty') %></p></div>
+  <% else %>
+    <div class="fb-card fb-card--flush">
+      <table class="fb-table">
+        <thead>
+          <tr>
+            <th><%= t('.submitted') %></th>
+            <% @columns.each do |block| %><th><%= block.label %></th><% end %>
+            <th><span class="fb-sr-only"><%= t('formblocks.actions.actions') %></span></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @responses.each do |response| %>
+            <tr id="<%= dom_id(response) %>">
+              <td><%= link_to fb_time(response.created_at), form_response_path(@form, response), class: 'fb-link fb-link--strong' %></td>
+              <% @columns.each do |block| %>
+                <td class="fb-cell-clip">
+                  <%= block.display_answer(response.answer(block)).presence || tag.span(t('formblocks.responses.show.empty'), class: 'fb-muted') %>
+                </td>
+              <% end %>
+              <td class="fb-table__actions"><%= link_to t('.view'), form_response_path(@form, response), class: 'fb-btn fb-btn--sm' %></td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+    <% if @more %>
+      <p class="fb-more"><%= link_to t('.more'), form_responses_path(@form, page: @page + 1), class: 'fb-btn' %></p>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/formblocks/responses/show.html.erb

@@ -0,0 +1,43 @@
+<% content_for :title, "#{@form.title} · #{t('.title')}" %>
+<%= fb_admin_shell do %>
+  <%= render 'formblocks/forms/header', form: @form, tab: :responses %>
+
+  <p><%= link_to form_responses_path(@form), class: 'fb-backlink' do %><%= fb_icon(:back) %> <%= t('.all') %><% end %></p>
+
+  <% blocks = @form.input_blocks %>
+  <% orphans = @response.answers.to_h.keys - blocks.map(&:key) %>
+  <div class="fb-card">
+    <dl class="fb-dl">
+      <% blocks.each do |block| %>
+        <div class="fb-dl__row">
+          <dt><%= block.label.presence || block.key %></dt>
+          <dd class="fb-pre"><%= block.display_answer(@response.answer(block)).presence || tag.span(t('.empty'), class: 'fb-muted') %></dd>
+        </div>
+      <% end %>
+      <% orphans.each do |key| %>
+        <div class="fb-dl__row">
+          <dt class="fb-mono"><%= key %></dt>
+          <dd class="fb-pre"><%= @response.answers[key].to_s.presence || tag.span(t('.empty'), class: 'fb-muted') %></dd>
+        </div>
+      <% end %>
+    </dl>
+  </div>
+
+  <div class="fb-card">
+    <dl class="fb-dl fb-dl--meta">
+      <div class="fb-dl__row"><dt><%= t('.submitted_at') %></dt><dd><%= fb_time(@response.created_at) %></dd></div>
+      <% if @response.page_url.present? %>
+        <div class="fb-dl__row"><dt><%= t('.page_url') %></dt><dd class="fb-break"><%= @response.page_url %></dd></div>
+      <% end %>
+      <% if @response.user_agent.present? %>
+        <div class="fb-dl__row"><dt><%= t('.user_agent') %></dt><dd class="fb-break fb-small"><%= @response.user_agent %></dd></div>
+      <% end %>
+      <% if @response.locale.present? %>
+        <div class="fb-dl__row"><dt><%= t('.locale') %></dt><dd><%= @response.locale %></dd></div>
+      <% end %>
+    </dl>
+  </div>
+
+  <%= button_to t('formblocks.actions.delete'), form_response_path(@form, @response), method: :delete, class: 'fb-btn fb-btn--danger',
+                form: { data: { turbo_confirm: t('formblocks.actions.confirm_delete') } } %>
+<% end %>

data/app/views/formblocks/settings/show.html.erb

@@ -0,0 +1,19 @@
+<% content_for :title, t('.title') %>
+<%= fb_admin_shell do %>
+  <header class="fb-header">
+    <h1 class="fb-h1"><%= t('.title') %></h1>
+  </header>
+  <p class="fb-muted"><%= t('.hint') %></p>
+
+  <%= form_with model: @setting, url: settings_path, method: :patch, class: 'fb-stack' do |f| %>
+    <%= render 'formblocks/shared/errors', record: @setting %>
+    <section class="fb-card">
+      <%= render 'formblocks/shared/brand_fields', f: f, record: @setting, logo_hint: t('.logo_hint'),
+                 fallbacks: { primary_color: Formblocks.config.default_primary_color,
+                              button_text_color: Formblocks.config.default_button_text_color } %>
+    </section>
+    <div class="fb-form-actions">
+      <%= f.submit t('formblocks.actions.save'), class: 'fb-btn fb-btn--primary' %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/formblocks/shared/_admin.html.erb

@@ -0,0 +1,21 @@
+<%# The admin's own shell, rendered by the views (through fb_admin_shell) rather
+    than the layout. That is deliberate: `config.admin_layout` and
+    `config.base_controller_class` let a host replace the layout, and assets
+    declared in a layout the host replaces vanish. Declaring them here means
+    every layout works, host or gem.
+
+    The `fb-admin` wrapper is what scopes admin.css, so it encloses the content. %>
+<%= formblocks_assets(:admin) %>
+<div class="fb-admin">
+  <nav class="fb-nav" aria-label="<%= t('formblocks.title') %>">
+    <%= link_to t('formblocks.nav.forms'), forms_path,
+                class: class_names('fb-nav__link', 'is-active': controller_name != 'settings') %>
+    <%= link_to t('formblocks.nav.settings'), settings_path,
+                class: class_names('fb-nav__link', 'is-active': controller_name == 'settings') %>
+  </nav>
+  <div class="fb-container">
+    <% if notice.present? %><p class="fb-flash fb-flash--notice" role="status"><%= notice %></p><% end %>
+    <% if alert.present? %><p class="fb-flash fb-flash--alert" role="alert"><%= alert %></p><% end %>
+    <%= content %>
+  </div>
+</div>

data/app/views/formblocks/shared/_brand_fields.html.erb

@@ -0,0 +1,29 @@
+<%# Colors and logo, shared by a form's settings and the global settings.
+    `fallbacks` maps each color attribute to the value it inherits when blank. %>
+<div class="fb-grid">
+  <% fallbacks.each do |attribute, fallback| %>
+    <div class="fb-field" data-controller="fb-color">
+      <%= f.label attribute, t("formblocks.fields.#{attribute}"), class: 'fb-label' %>
+      <div class="fb-color">
+        <input type="color" class="fb-color__picker" value="<%= record.public_send(attribute).presence || fallback %>"
+               data-fb-color-target="picker" data-action="input->fb-color#pick"
+               aria-label="<%= t("formblocks.fields.#{attribute}") %>">
+        <%= f.text_field attribute, class: 'fb-input fb-input--mono', placeholder: fallback, maxlength: 7,
+                                    autocomplete: 'off', spellcheck: false,
+                                    data: { fb_color_target: 'text', action: 'input->fb-color#type' } %>
+      </div>
+      <p class="fb-hint"><%= t('formblocks.fields.color_inherit', color: fallback) %></p>
+    </div>
+  <% end %>
+</div>
+<% if Formblocks.attachments? %>
+  <div class="fb-field">
+    <%= f.label :logo, t('formblocks.fields.logo'), class: 'fb-label' %>
+    <% if fb_stored?(record.logo) %>
+      <div class="fb-logo-preview"><%= image_tag fb_attachment_url(record.logo), alt: '' %></div>
+      <label class="fb-check"><%= f.check_box :remove_logo %> <%= t('formblocks.forms.settings.logo_remove') %></label>
+    <% end %>
+    <%= f.file_field :logo, accept: 'image/*', class: 'fb-input fb-input--file' %>
+    <% if logo_hint.present? %><p class="fb-hint"><%= logo_hint %></p><% end %>
+  </div>
+<% end %>

data/app/views/formblocks/shared/_errors.html.erb

@@ -0,0 +1,7 @@
+<% if record.errors.any? %>
+  <ul class="fb-errors" role="alert">
+    <% record.errors.full_messages.each do |message| %>
+      <li><%= message %></li>
+    <% end %>
+  </ul>
+<% end %>

data/app/views/layouts/formblocks/application.html.erb

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+<head>
+  <meta charset="utf-8">
+  <title><%= [content_for(:title), t('formblocks.title'), Formblocks.app_name].compact_blank.join(' · ') %></title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <%# Turbo 8 morphs page refreshes, so a builder change (add a block, move a page) re-renders in place without losing scroll position. %>
+  <meta name="turbo-refresh-method" content="morph">
+  <meta name="turbo-refresh-scroll" content="preserve">
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+  <%# The stylesheet and script are declared by the views (formblocks/shared/_admin),
+      not here, so they survive a host replacing this layout via config.admin_layout. %>
+</head>
+<body class="fb-page">
+  <%= yield %>
+</body>
+</html>

data/app/views/layouts/formblocks/public.html.erb

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+<head>
+  <meta charset="utf-8">
+  <title><%= [@form&.title, Formblocks.app_name].compact_blank.join(' · ') %></title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+  <%= formblocks_assets(:public) %>
+  <%= formblocks_brand_style(@form) if @form %>
+</head>
+<body class="fb-public fb-brand">
+  <main class="fb-public__main">
+    <% if @form && (logo = @form.effective_logo) %>
+      <div class="fb-public__logo"><%= image_tag fb_attachment_url(logo), alt: Formblocks.app_name %></div>
+    <% end %>
+    <%= yield %>
+  </main>
+</body>
+</html>

data/config/locales/formblocks.en.yml

@@ -0,0 +1,188 @@
+en:
+  formblocks:
+    title: Forms
+    forbidden: Forbidden. Set Formblocks.config.authorize_admin to grant access.
+    nav:
+      forms: Forms
+      settings: Settings
+    status:
+      draft: Draft
+      published: Published
+    actions:
+      actions: Actions
+      save: Save
+      cancel: Cancel
+      delete: Delete
+      delete_form: Delete this form
+      duplicate: Duplicate
+      back: Back
+      move_up: Move up
+      move_down: Move down
+      confirm_delete: Delete this? This cannot be undone.
+      confirm_delete_form: Delete this form and all of its responses? This cannot be undone.
+      confirm_delete_page: Delete this page and its blocks?
+      confirm_delete_block: Delete this block?
+    flash:
+      form_created: Form created.
+      form_updated: Settings saved.
+      form_deleted: Form deleted.
+      form_duplicated: Form duplicated.
+      form_unpublished: Form unpublished. It is no longer reachable at its public URL.
+      settings_updated: Settings saved.
+      response_deleted: Response deleted.
+    forms:
+      index:
+        title: Forms
+        new: New form
+        empty: No forms yet. Create your first one.
+        columns:
+          title: Title
+          status: Status
+          responses: Responses
+          updated: Updated
+      new:
+        title: New form
+        blank: Blank form
+        blank_description: Start from scratch with one empty page.
+        start_blank: Start blank
+        use_template: Use template
+        untitled: Untitled form
+        summary:
+          one: "%{pages} page · %{fields} fields"
+          other: "%{pages} pages · %{fields} fields"
+      edit:
+        page: "Page %{number}"
+        thank_you: Thank you page
+        thank_you_hint: Shown after a successful submission. Content blocks only.
+        add_page: Add page
+        add_block: Add block
+        content_blocks: Content
+        input_blocks: Inputs
+        empty_page: This page has no blocks yet. Add one below.
+        button_text_label: Button text
+        button_hint: Click the button to change its text.
+        drag: Drag to reorder
+        preview: Preview
+        publish: Publish
+        unpublish: Unpublish
+        published_hint: "Live at %{url}"
+        draft_hint: Draft — visitors cannot see this form until you publish it.
+      tabs:
+        builder: Builder
+        settings: Settings
+        responses: Responses
+      settings:
+        general: General
+        branding: Branding
+        branding_hint: Leave a color blank to inherit the global setting.
+        slug_hint: Lowercase letters, numbers and dashes. Leave blank to generate one from the title.
+        logo_remove: Remove logo
+        danger: Danger zone
+        delete_hint: Deleting a form also deletes all of its responses.
+      published:
+        title: Your form is live
+        message: Anyone with the link can now fill it in.
+        url_label: Public URL
+        copy: Copy
+        copied: Copied!
+        open: Open form
+        back_to_builder: Back to builder
+        view_responses: View responses
+    fields:
+      title: Title
+      slug: Slug
+      primary_color: Primary color
+      button_text_color: Button text color
+      logo: Logo
+      label: Label
+      placeholder: Placeholder
+      help_text: Help text
+      required: Required
+      content: Text
+      options: Options
+      options_hint: One option per line.
+      key: Field name
+      key_hint: The name the value is stored under. A matching query parameter on the public URL fills it (for example ?utm_source=…).
+      value: Default value
+      image: Image
+      alt_text: Alt text
+      remove_image: Remove image
+      attachments_off: Image uploads need Active Storage in your app.
+      color_inherit: "Blank inherits %{color}"
+    blocks:
+      heading:
+        name: Heading
+      paragraph:
+        name: Paragraph
+      image:
+        name: Image
+      name:
+        name: Name
+      email:
+        name: Email
+      phone:
+        name: Phone
+      url:
+        name: URL
+      text:
+        name: Short text
+      textarea:
+        name: Long text
+      hidden:
+        name: Hidden field
+      checkbox:
+        name: Checkbox
+      radio_group:
+        name: Radio group
+      defaults:
+        heading: Heading
+        paragraph: Write something here.
+        option: "Option %{n}"
+        "yes": "Yes"
+        "no": "No"
+    responses:
+      index:
+        title: Responses
+        empty: No responses yet.
+        download_csv: Download CSV
+        submitted: Submitted
+        view: View
+        more: Load more
+        count:
+          one: 1 response
+          other: "%{count} responses"
+      show:
+        title: Response
+        all: All responses
+        submitted_at: Submitted
+        page_url: Came from
+        user_agent: Browser
+        locale: Locale
+        empty: (empty)
+      csv:
+        submitted_at: Submitted at
+    settings:
+      show:
+        title: Settings
+        hint: Defaults for every form. A form can override each of these in its own settings.
+        logo_hint: Shown at the top of every form that has no logo of its own.
+    public:
+      next: Next
+      back: Back
+      submit: Submit
+      step: "Step %{current} of %{total}"
+      optional: optional
+      fix_errors: Please check the highlighted fields.
+      thanks_title: Thank you!
+      thanks_message: Your response has been recorded.
+      not_found: This form is not available.
+    errors:
+      required: is required
+      invalid_email: is not a valid email address
+      invalid_url: is not a valid URL (include http:// or https://)
+      invalid_option: is not one of the options
+      must_be_checked: must be checked
+      too_long: is too long
+      rate_limited: Too many submissions. Please wait a moment and try again.
+      not_an_image: must be an image
+      file_too_large: "is too large (max %{size} MB)"

data/config/routes.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+Formblocks::Engine.routes.draw do
+  # The engine's own CSS and JavaScript, served same-origin (see Formblocks::Assets).
+  get 'assets/:name', to: 'assets#show', as: :engine_asset, format: false, constraints: { name: /[\w.-]+/ }
+
+  # Global brand settings — declared before the forms so `/settings` is never
+  # read as a form id.
+  resource :settings, only: %i[show update]
+
+  # Flat, human URLs: the mount path IS the forms index. /forms is the list,
+  # /forms/new the template picker, /forms/12/edit the builder.
+  resources :forms, path: '', except: :show do
+    member do
+      post :duplicate
+      post :publish
+      post :unpublish
+      get :published
+      get :settings
+    end
+
+    resources :pages, only: %i[create update destroy] do
+      member { patch :move }
+
+      resources :blocks, only: %i[create update destroy] do
+        member { patch :move }
+        collection { patch :reorder }
+      end
+    end
+
+    resources :responses, only: %i[index show destroy]
+  end
+
+  root to: 'forms#index'
+end