formblocks 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 541957d6f438fd71c7ab933fa6c69fdbfe8272c419de1809d37bff23be6bf0fc
-  data.tar.gz: cfe0f10f96076537705ea63160371959b456a0b9a71cf8f723b5acf24d05a3a7
+  metadata.gz: e2b04f8207b4d1d2916bf97d98dc73087aac5362d5062595e8db6825f7be7e7e
+  data.tar.gz: 0b865be55ddc3b825e4a514fac4978d7f097c6ec92aa93802578cc07ea08a5e1
 SHA512:
-  metadata.gz: 972771ede7be90bbccda2a0fc633e351582733a577b72b3e94781cfb0166f97708eefcdf1ac3e740000df18563705ab48370f8968dd5242a2c5be24a45789c0d
-  data.tar.gz: 4e061cf018881bce8a2bae93f8ec60332b5a3b45a0cae94b1442eef1981e44948ee839c937087d05305ffca29dd5da308d0c5934984e96680af7eeba49569a57
+  metadata.gz: f4fd405a7e97b459806ad8ee1dea28ad19ef55775bac6b12d46516caa1c745b6577a7b774f894cc5de5ea0853b1dec6b0fd0fe7c7e24e4a4a93de7cb4eb923aa
+  data.tar.gz: dfe1386a1db2f2b62271c0ba003366cc8a9c8e700528deb619c979c1703b2068c235e90240f63fd039c8afe38f69f58e72777b53afab016549968333060b96f8

data/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.1.1 — 2026-09-15
+
+- Responses: a URL answer that points at an image (an image file extension, or
+  a Cloudinary-style `/image/upload/` path) is shown as a small thumbnail that
+  links to the full image, on the response page and in the responses table.
+
 ## 0.1.0 — 2026-09-15
 
 Initial release.

data/README.md

@@ -317,8 +317,9 @@ config.on_submit = lambda do |response|
 end
 ```
 
-The dashboard lists them fifty at a time, shows one in full, and **Download
-CSV** exports every response with one column per input — plus a column for
+The dashboard lists them fifty at a time, shows one in full — a URL answer
+that points at an image appears as a thumbnail linking to the picture — and
+**Download CSV** exports every response with one column per input — plus a column for
 any key a since-deleted block left behind, so nothing collected is lost. Cells
 a spreadsheet would run as formulas are escaped.
 

data/app/helpers/formblocks/application_helper.rb

@@ -68,6 +68,16 @@ module Formblocks
               'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'aria-hidden': 'true', **options)
     end
 
+    # An answer as the dashboard shows it: a small thumbnail linking to the
+    # full image when a URL answer points at a picture, else the block's text.
+    def fb_answer(block, value)
+      return block.display_answer(value) unless block.respond_to?(:image_answer?) && block.image_answer?(value)
+
+      link_to(value, target: '_blank', rel: 'noopener', class: 'fb-answer-thumb-link', title: value) do
+        image_tag(value, class: 'fb-answer-thumb', alt: '', loading: 'lazy')
+      end
+    end
+
     def fb_status_badge(form)
       tag.span(t("formblocks.status.#{form.status}"), class: "fb-badge fb-badge--#{form.status}")
     end

data/app/models/formblocks/blocks/url.rb

@@ -5,12 +5,21 @@ require 'uri'
 module Formblocks
   module Blocks
     class Url < Text
+      # A URL the dashboard can show as a picture: an image file extension, or
+      # an image delivery path in the Cloudinary style (/image/upload/).
+      IMAGE_URL = %r{\Ahttps?://\S+(?:\.(?:png|jpe?g|gif|webp|avif|svg)(?:\?\S*)?\z|/image/upload/)}i
+
       def self.autocomplete = 'url'
 
       def html_input_type
         'url'
       end
 
+      # True when the stored answer is a link to an image.
+      def image_answer?(value)
+        value.to_s.match?(IMAGE_URL)
+      end
+
       def validate_present_answer(value, errors)
         uri = begin
           URI.parse(value.to_s)

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

@@ -29,7 +29,7 @@
               <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') %>
+                  <%= fb_answer(block, 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>

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

@@ -11,7 +11,7 @@
       <% 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>
+          <dd class="fb-pre"><%= fb_answer(block, @response.answer(block)).presence || tag.span(t('.empty'), class: 'fb-muted') %></dd>
         </div>
       <% end %>
       <% orphans.each do |key| %>

data/lib/formblocks/assets/admin.css

@@ -200,6 +200,9 @@ html:has(.fb-builder-footer) { scroll-padding-bottom: 110px; }
 .fb-admin .fb-dl dd { margin: 0; }
 .fb-admin .fb-pre { white-space: pre-wrap; overflow-wrap: anywhere; }
 .fb-admin .fb-break { overflow-wrap: anywhere; }
+.fb-admin .fb-answer-thumb-link { display: inline-block; line-height: 0; }
+.fb-admin .fb-answer-thumb { display: block; max-width: 160px; max-height: 120px; border-radius: 8px; border: 1px solid var(--fb-border); }
+.fb-admin .fb-cell-clip .fb-answer-thumb { max-width: 64px; max-height: 40px; border-radius: 4px; }
 
 @media (max-width: 640px) {
   .fb-admin .fb-container { padding: 16px 16px 48px; }

data/lib/formblocks/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Formblocks
-  VERSION = '0.1.0'
+  VERSION = '0.1.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: formblocks
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Michael Koper