feedback_engine 0.3.0 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 156ebb1c4481df5db12c92701ca07f5199f033aa967f264aa855caf327f4542a
-  data.tar.gz: f59ef8d27b7539d16f03eaef38abc4d6ce51ee55cdd630a738433ca7f3463ef7
+  metadata.gz: 0dbeb9cc3333acd2485439cb1896536b2617595f980da907d79ddf0cdb9ccb6c
+  data.tar.gz: a7f6907958921185994ea549d3a6ed987c567a4cc17019e281a8cf821fcbb89f
 SHA512:
-  metadata.gz: 827983bd43f6d4b9af39b6d526f2d14755365ce561cfdbb338e240e97a2a54afa2173e0efb645846078d107c7ee234de27356e9814acbdbd891f8d7116e6a30b
-  data.tar.gz: 3f311aeb99159a9d538ddd87e8d346d7b2bd7d10b4521fcec6e864945801eba2ccf9a5e58bf2ebd65034189379647dabf50d60bc5e421924cb2b012468953481
+  metadata.gz: 8f9bc37eeafccb24cac72fc0ce2099a604e66325e9b4e966cebe622688517575c68154b6b9dce8fdc9b1791b3ed9bba1118fccf0c9e11b1bf6b4c229c003cadf
+  data.tar.gz: 8ad4196a942eab2ce07a17a3fe9048b27015ca769251df5c777876914e7cbb93aa5e3f0168a13ac38ba920e55fd129d9c23d1064f3368eaadbacee25287da256

data/CHANGELOG.md

@@ -1,11 +1,28 @@
 # Changelog
 
+## 0.4.1 (2026-07-23)
+
+- The widget JavaScript moved from `app/assets/` to `lib/` (it was always
+  inlined server-side, never served as an asset). Rails auto-registers every
+  engine's `app/assets/*` directory with the host's asset pipeline, so
+  Propshaft hosts were ingesting the file into their asset namespace under
+  the bare logical name `widget.js` — colliding with any other gem or host
+  file of the same name — and needlessly digesting a public copy at
+  precompile. The gem is now invisible to Sprockets/Propshaft entirely.
+  No behavior change.
+
+## 0.4.0 (2026-07-22)
+
+- Removed the clipboard-paste / drag-and-drop / file-chips screenshot intake
+  added in 0.3.0 — pasted files all arrive as `image.png` and the extra UI
+  wasn't worth its complexity. Screenshots are back to a plain file input.
+
 ## 0.3.0 (2026-07-22)
 
-- Screenshots can now be pasted (Cmd/Ctrl+V) or dragged & dropped anywhere on
+- Screenshots can be pasted (Cmd/Ctrl+V) or dragged & dropped anywhere on
   the feedback form, not just picked via the file dialog. Selected files show
   as removable chips; non-images are ignored and the configured maximum is
-  enforced at intake.
+  enforced at intake. (Removed again in 0.4.0.)
 - The dialog traps Tab focus while open and is labelled for screen readers
   (`aria-labelledby`).
 - Dashboard search across message, author, and section (case-insensitive,

data/README.md

@@ -1,6 +1,7 @@
 # feedback_engine
 
 [![Gem Version](https://img.shields.io/gem/v/feedback_engine)](https://rubygems.org/gems/feedback_engine)
+[![Downloads](https://img.shields.io/gem/dt/feedback_engine)](https://rubygems.org/gems/feedback_engine)
 [![CI](https://github.com/yshmarov/feedback-engine/actions/workflows/ci.yml/badge.svg)](https://github.com/yshmarov/feedback-engine/actions/workflows/ci.yml)
 [![License: MIT](https://img.shields.io/badge/license-MIT-blue)](MIT-LICENSE)
 
@@ -12,6 +13,30 @@ every submission in your own database. A minimal built-in dashboard lets you
 browse and triage what users send. No third-party service, no data leaves your
 app.
 
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="demo-widget-dark.png">
+  <img alt="The feedback widget: type, section, message, and screenshots" src="demo-widget-light.png" width="420">
+</picture>
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="demo-dashboard-dark.png">
+  <img alt="The built-in triage dashboard: status tabs, filters, search" src="demo-dashboard-light.png" width="820">
+</picture>
+
+Both the widget and the dashboard follow the viewer's system appearance —
+these screenshots are the same pages in light and dark mode.
+
+## Why not Canny (or another feedback SaaS)?
+
+Hosted feedback tools are great until you notice the trade: your users'
+feedback lives in someone else's database, behind someone else's login, at a
+per-seat price. `feedback_engine` keeps the core loop — collect, triage,
+resolve — inside your app: **your database, your users, your auth, one gem.**
+Attribution plugs into whatever authentication you already have, gating is a
+lambda, and submissions are ordinary ActiveRecord rows you can query, export,
+or wire into Slack. (A public voting board à la Canny is on the
+[roadmap](https://github.com/yshmarov/feedback-engine/issues/1).)
+
 - **Zero UI dependencies.** The widget is plain JavaScript and styles itself.
   No Tailwind, no Stimulus, no importmap, no build step. The dashboard renders
   its own styles too.
@@ -20,8 +45,7 @@ app.
 - **Trigger it your way.** Use the built-in floating button, or hide it and
   open the form from any element with a `data-feedback-engine-open` attribute.
 - **Screenshots included.** Users can attach up to 3 images (via Active
-  Storage) — picked, pasted (Cmd/Ctrl+V), or dragged onto the form. Limits are
-  configurable and enforced server-side.
+  Storage) — limits are configurable and enforced server-side.
 - **Pluggable gating and attribution.** You decide who can send feedback, who
   can read it, and how a submission is attributed to a user.
 - **Localized.** The widget follows your app's `I18n.locale`; translations ship
@@ -177,11 +201,9 @@ end
 ### Screenshots
 
 Uploads use Active Storage: `bin/rails active_storage:install` if you haven't
-already. Users can pick files, paste an image from the clipboard, or drag &
-drop onto the form; selected files show as removable chips. Limits
-(`max_screenshots`, `max_screenshot_size`) are enforced server-side and shown
-as a hint in the widget. If Active Storage isn't loaded, the upload control
-simply doesn't render and uploads are rejected.
+already. Limits (`max_screenshots`, `max_screenshot_size`) are enforced
+server-side and shown as a hint in the widget. If Active Storage isn't loaded,
+the upload control simply doesn't render and uploads are rejected.
 
 ### Notifications
 

data/app/views/feedback_engine/feedbacks/index.html.erb

@@ -32,7 +32,7 @@
       <thead>
         <tr>
           <th><%= t('feedback_engine.kind', default: 'Type') %></th>
-          <th><%= t('feedback_engine.message', default: 'Message') %></th>
+          <th><%= t('feedback_engine.dashboard.message', default: 'Message') %></th>
           <th><%= t('feedback_engine.section', default: 'Section') %></th>
           <th><%= t('feedback_engine.dashboard.from', default: 'From') %></th>
           <th><%= t('feedback_engine.dashboard.filed', default: 'Filed') %></th>

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

@@ -33,8 +33,9 @@
     .count { display: inline-block; min-width: 20px; padding: 0 6px; margin-left: 4px; border-radius: 999px;
              background: var(--border); font-size: 12px; text-align: center; }
     .filters { margin-bottom: 16px; display: flex; gap: 8px; align-items: center; }
-    .filters select { padding: 6px 8px; border: 1px solid var(--border); border-radius: 8px;
-                      background: var(--surface); color: var(--text); }
+    .filters select, .filters input[type=search] { padding: 6px 8px; border: 1px solid var(--border);
+                      border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }
+    .filters input[type=search] { flex: 1; max-width: 320px; }
     .card { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
     table { width: 100%; border-collapse: collapse; }
     th, td { padding: 10px 14px; text-align: left; vertical-align: top; }

data/config/locales/feedback_engine.en.yml

@@ -30,6 +30,7 @@ en:
       title: "Feedback"
       all_kinds: "All types"
       filter: "Filter"
+      message: "Message"
       search: "Search"
       search_placeholder: "Search message, author, section…"
       from: "From"

data/lib/feedback_engine/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module FeedbackEngine
-  VERSION = '0.3.0'
+  VERSION = '0.4.1'
 end

data/{app/assets → lib}/feedback_engine/widget.js

@@ -20,8 +20,6 @@
   var Z = 2147483000;
   var overlay = null;
   var lastFocused = null;
-  var fileInput = null;
-  var fileChips = null;
 
   function ready(fn) {
     if (document.readyState === "loading") {
@@ -114,25 +112,6 @@
     // Keep Tab (and Shift+Tab) cycling inside the dialog while it is open.
     overlay.addEventListener("keydown", trapFocus);
 
-    // Screenshots can be pasted (Cmd/Ctrl+V) or dropped anywhere on the form —
-    // the file picker is just one way in.
-    if (config.screenshots.enabled) {
-      dialog.addEventListener("paste", function (event) {
-        var files = event.clipboardData && event.clipboardData.files;
-        if (files && files.length) {
-          event.preventDefault();
-          addFiles(files);
-        }
-      });
-      dialog.addEventListener("dragover", function (event) {
-        event.preventDefault();
-      });
-      dialog.addEventListener("drop", function (event) {
-        event.preventDefault();
-        if (event.dataTransfer) addFiles(event.dataTransfer.files);
-      });
-    }
-
     var first = dialog.querySelector("select, textarea, input");
     if (first) first.focus();
   }
@@ -141,8 +120,6 @@
     if (!overlay) return;
     overlay.remove();
     overlay = null;
-    fileInput = null;
-    fileChips = null;
     if (lastFocused && lastFocused.focus) lastFocused.focus();
   }
 
@@ -265,69 +242,19 @@
   }
 
   function screenshotsField() {
-    fileInput = document.createElement("input");
-    fileInput.type = "file";
-    fileInput.name = "screenshots";
-    fileInput.multiple = true;
-    fileInput.accept = "image/*";
-    fileInput.addEventListener("change", renderFileChips);
-    var wrap = field(config.labels.screenshots, fileInput);
+    var input = document.createElement("input");
+    input.type = "file";
+    input.name = "screenshots";
+    input.multiple = true;
+    input.accept = "image/*";
+    var wrap = field(config.labels.screenshots, input);
     var hint = document.createElement("span");
     hint.className = "fbe-hint";
     hint.textContent = config.labels.screenshotsHint;
     wrap.appendChild(hint);
-    fileChips = document.createElement("ul");
-    fileChips.className = "fbe-chips";
-    wrap.appendChild(fileChips);
     return wrap;
   }
 
-  // Merge pasted/dropped images into the file input (the single source of
-  // truth for what gets uploaded), capped at the configured maximum.
-  function addFiles(files) {
-    if (!fileInput) return;
-    var transfer = new DataTransfer();
-    var current = Array.prototype.slice.call(fileInput.files);
-    var incoming = Array.prototype.slice.call(files).filter(function (file) {
-      return /^image\//.test(file.type);
-    });
-    current.concat(incoming).slice(0, config.screenshots.max).forEach(function (file) {
-      transfer.items.add(file);
-    });
-    fileInput.files = transfer.files;
-    renderFileChips();
-  }
-
-  function removeFile(index) {
-    if (!fileInput) return;
-    var transfer = new DataTransfer();
-    Array.prototype.slice.call(fileInput.files).forEach(function (file, i) {
-      if (i !== index) transfer.items.add(file);
-    });
-    fileInput.files = transfer.files;
-    renderFileChips();
-  }
-
-  function renderFileChips() {
-    if (!fileChips) return;
-    fileChips.textContent = "";
-    Array.prototype.slice.call(fileInput.files).forEach(function (file, index) {
-      var chip = document.createElement("li");
-      var name = document.createElement("span");
-      name.textContent = file.name;
-      var remove = document.createElement("button");
-      remove.type = "button";
-      remove.setAttribute("aria-label", config.labels.close + " " + file.name);
-      remove.textContent = "×";
-      remove.addEventListener("click", function () {
-        removeFile(index);
-      });
-      chip.appendChild(name);
-      chip.appendChild(remove);
-      fileChips.appendChild(chip);
-    });
-  }
-
   // --- submit -------------------------------------------------------------------
 
   function submit(form) {
@@ -436,12 +363,6 @@
       "border:1px solid #d1d5db;border-radius:6px;background:none;color:#1c2024;font:inherit;cursor:pointer}",
       "#fbe-dialog textarea{resize:vertical}",
       "#fbe-dialog .fbe-hint{display:block;margin-top:4px;font-size:12px;color:#6b7280;font-weight:400}",
-      "#fbe-dialog .fbe-chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}",
-      "#fbe-dialog .fbe-chips li{display:flex;align-items:center;gap:4px;max-width:100%;",
-      "padding:2px 4px 2px 10px;border:1px solid #d1d5db;border-radius:999px;font-size:12px;font-weight:400}",
-      "#fbe-dialog .fbe-chips span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}",
-      "#fbe-dialog .fbe-chips button{border:0;background:none;color:inherit;cursor:pointer;",
-      "font-size:14px;line-height:1;padding:2px 6px}",
       "#fbe-dialog .fbe-error{color:#dc2626;margin:0 0 12px}",
       "#fbe-dialog .fbe-actions{display:flex;justify-content:flex-end;gap:8px}",
       "#fbe-dialog button{padding:8px 14px;border-radius:8px;cursor:pointer;font:inherit}",
@@ -454,7 +375,6 @@
       "#fbe-dialog select,#fbe-dialog textarea,#fbe-dialog input[type=file]{border-color:#2a313a}",
       "#fbe-dialog input[type=file]{color:#9aa2ab}",
       "#fbe-dialog input[type=file]::file-selector-button{border-color:#2a313a;color:#e6e8ea}",
-      "#fbe-dialog .fbe-chips li{border-color:#2a313a}",
       "#fbe-dialog .fbe-secondary{border-color:#2a313a}",
       "#fbe-dialog .fbe-hint{color:#9aa2ab}",
       "}"

data/lib/feedback_engine/widget.rb

@@ -7,9 +7,11 @@ module FeedbackEngine
   # framework, no build step) and styles itself inline, so it drops into any
   # Rails app regardless of its CSS or JS setup. It is inlined into the page
   # rather than served as a separate asset to avoid any dependency on the
-  # host's asset pipeline.
+  # host's asset pipeline — and it lives under lib/ (not app/assets/) so a
+  # host that *does* run a pipeline never ingests it either: nothing lands in
+  # the host's asset namespace or precompiled output.
   module Widget
-    SOURCE = File.expand_path('../../app/assets/feedback_engine/widget.js', __dir__)
+    SOURCE = File.expand_path('widget.js', __dir__)
 
     # Right-to-left scripts, so the form renders mirrored for those locales.
     # Matched on the language subtag, so region variants ("ar-EG") count too.

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: feedback_engine
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.1
 platform: ruby
 authors:
 - Yaroslav Shmarov
@@ -38,7 +38,6 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
-- app/assets/feedback_engine/widget.js
 - app/controllers/feedback_engine/application_controller.rb
 - app/controllers/feedback_engine/feedbacks_controller.rb
 - app/controllers/feedback_engine/screenshots_controller.rb
@@ -79,6 +78,7 @@ files:
 - lib/feedback_engine/configuration.rb
 - lib/feedback_engine/engine.rb
 - lib/feedback_engine/version.rb
+- lib/feedback_engine/widget.js
 - lib/feedback_engine/widget.rb
 - lib/generators/feedback_engine/install/install_generator.rb
 - lib/generators/feedback_engine/install/templates/create_feedback_engine_feedbacks.rb.tt
@@ -87,8 +87,10 @@ homepage: https://github.com/yshmarov/feedback-engine
 licenses:
 - MIT
 metadata:
+  homepage_uri: https://github.com/yshmarov/feedback-engine
   source_code_uri: https://github.com/yshmarov/feedback-engine
   changelog_uri: https://github.com/yshmarov/feedback-engine/blob/main/CHANGELOG.md
+  bug_tracker_uri: https://github.com/yshmarov/feedback-engine/issues
   rubygems_mfa_required: 'true'
 rdoc_options: []
 require_paths: