bard-attachment_field 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4231d75f98a1affd65c85e91421526be46fd90a969e70909e89a34a515f43727
-  data.tar.gz: 2653d547bdaa5dc5177b0eacfb1a7918ce4f22398e5df62ce2ce052db4632947
+  metadata.gz: eb0a5828862fbe5feb5e9da0492d9e23dc3698a099168c09e04a90e83f40c493
+  data.tar.gz: f868efb0bb5eac969ecb0d6ed809c5385b7c8111b6c68e43ec64a8f6e91c7ae1
 SHA512:
-  metadata.gz: 634da0a3393a99090235047810cfbbda78325036b2b84dd288327121e194c9035fe560938153d8614c90014be66603ec47b7eb061473d9924a41e2dc19824215
-  data.tar.gz: d744c1ee748c6444dc1bf8beae7bdc8d7bf355a4ced26227be0e06b8107d155e06d36b41f14f72e1d74ca0af938e78827db4a3486dbba160d9d85521d86030f9
+  metadata.gz: 36b03a42ab7d9820fcb049f3406dbe2fe47bb57c13d73b2c102f2373194ed23eb22dee20360ada23f2d9618fa29cf789973702aae22f28a346212b39c11c26c7
+  data.tar.gz: 24f650bbdc0c0468a371e579255b52cc5a18cbfa5511d92e17671a9903383ad62e9f4ca9abbd73b9ca2c1b5997e4b895f1cb46a1a357f1a3e8f48be93f73f64d

data/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## [0.2.0] - 2026-03-03
+
+### Features
+
+- Prevent form submission when direct uploads fail, with retry button
+
+### Bug Fixes
+
+- Re-enable input-attachment after removing a file
+- Fix direct upload URL race condition on disconnected Stencil elements
+
 ## [0.1.0] - 2026-01-03
 
 Initial release of bard-attachment_field, a rewrite of bard-file_field.

data/CLAUDE.md

@@ -0,0 +1,78 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+`bard-attachment_field` is a Ruby gem that provides an enhanced file upload field for Rails forms, powered by Stencil web components. It adds `form.attachment_field :avatar` to Rails form builders, rendering `<input-attachment>` web components with drag-and-drop uploads, image/video previews, and ActiveStorage direct upload integration.
+
+## Development Commands
+
+### Ruby/Rails (gem)
+
+- **Run all tests**: `bundle exec cucumber features/`
+- **Run a single feature**: `bundle exec cucumber features/validations.feature`
+- **Run a specific scenario**: `bundle exec cucumber features/validations.feature:42`
+- **Default rake task** (runs cucumber): `rake`
+
+### JavaScript (web components)
+
+The web components live in `input-attachment/` and use **Bun** (not npm).
+
+- **Install deps**: `cd input-attachment && bun install`
+- **Build**: `cd input-attachment && bun run build`
+- **Run JS tests**: `cd input-attachment && bun run test`
+- **Dev server with watch**: `cd input-attachment && bun start`
+
+JavaScript must be built before running Cucumber tests — the built bundle at `app/assets/javascripts/input-attachment.js` is served by Sprockets in the test app.
+
+### Multi-Rails testing
+
+Uses Appraisal with gemfiles in `gemfiles/` for Rails 7.1, 7.2, 8.0, and 8.1. CI runs the matrix against Ruby 3.2/3.3/3.4.
+
+## Architecture
+
+### Two-part project
+
+1. **Ruby gem** (`lib/bard/attachment_field/`) — Rails Engine that adds `attachment_field` to form builders
+2. **Stencil web components** (`input-attachment/`) — TypeScript components compiled to a JS bundle
+
+### Ruby side
+
+- `Engine` (`lib/bard/attachment_field.rb`) — mixes `FormBuilder` into the default form builder on `after_initialize`
+- `FormBuilder` (`lib/bard/attachment_field/form_builder.rb`) — adds `attachment_field` method
+- `Field` (`lib/bard/attachment_field/field.rb`) — inherits from `ActionView::Helpers::Tags::TextField`, renders `<input-attachment>` element with existing `<attachment-file>` children for persisted attachments
+
+### Web components side (`input-attachment/src/components/`)
+
+- `<input-attachment>` — main component, manages file state, drag/drop, validation
+- `<attachment-file>` — individual file with preview, upload state, removal
+- `<attachment-preview>` — preview display
+- `FormController` — coordinates upload queue on form submit
+- `DirectUploadController` — handles Rails ActiveStorage direct uploads
+
+### Upload flow
+
+1. User selects/drops files → `<attachment-file>` components created
+2. On form submit, `FormController` queues uploads
+3. `DirectUploadController` uploads each file to ActiveStorage
+4. Completed uploads provide signed IDs for form submission
+
+### Test app
+
+The Cucumber test suite uses a self-contained Rails app defined in `features/support/app.rb` with:
+- SQLite database at `tmp/test_app/tmp/test.db`
+- `Post` model with `has_one_attached :image`, `has_many_attached :images`, etc.
+- Controllers/views in `features/support/`
+- Capybara with Cuprite (headless Chrome) driver
+- `capybara-shadowdom` for interacting with shadow DOM elements
+
+### Cucumber test helpers
+
+`lib/bard/attachment_field/cucumber.rb` provides:
+- Step definitions for attaching, removing, dragging files and checking previews/validation
+- `Bard::AttachmentField::TestHelper` with `attach_files`, `wait_for_upload`, `find_field`
+- Chop integration (`Chop::Form::AttachmentField`) for form table diffing/filling
+- CDP workaround for shadow DOM file inputs (creates temp regular DOM input, transfers files via JS)
+
+Consumer apps can `require "bard/attachment_field/cucumber"` and configure `TestHelper.fixtures_path`.

data/app/assets/javascripts/input-attachment.js

@@ -5267,7 +5267,7 @@ var request = (verb, url, payload, headers) => {
   });
 };
 var get = (url, payload = {}, headers = {}) => request("get", url, payload, headers);
-var attachmentFileCss = `:host{display:block;width:100%;max-width:100%;font-size:13px}figure{margin:0}.progress-details{position:relative;display:flex;align-items:center}progress-bar{flex:1 0;padding:0 10px}progress-bar.pending{opacity:0.5}progress-bar.complete{opacity:0.8}progress-bar:not(.complete)+.progress-icon{display:none}progress-bar.complete+.progress-icon{content:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><g><path d="M6.3,9.1c0.2,0,0.5,0.1,0.7,0.4c0.5,0.5,1,1,1.4,1.4c0.3,0.3,0.3,0.3,0.6,0c1.4-1.3,2.7-2.6,4-3.9c0.3-0.3,0.6-0.4,1-0.4 c0.5,0.1,0.9,0.6,0.7,1.1c-0.1,0.2-0.2,0.4-0.3,0.6c-1.6,1.6-3.2,3.2-4.8,4.8c-0.5,0.5-1,0.5-1.6,0c-0.8-0.7-1.5-1.5-2.3-2.3 c-0.3-0.3-0.5-0.6-0.3-1.1C5.5,9.3,5.8,9.1,6.3,9.1z"/></g></svg>');filter:invert(100%)}.progress-icon{display:inline-block;flex:0 0 20px;width:28px;height:28px;background-size:contain;position:absolute;right:30px;z-index:1}progress-bar.error{background:#f8b3b1;background:rgba(74, 70, 70, 0.25);opacity:1}.progress-bar a{color:#fff}.download-link{padding-right:20px;color:#fff}.remove-media{display:inline-block;content:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve"><g><path d="M0,19.9C0.2,8.5,9.2-0.1,20.1,0C31.8,0.1,40.2,9.5,40,20.4c-0.2,11-8.9,19.7-20.1,19.6C8,39.9,0,30.5,0,19.9z M20,3.7 c-9,0-16.3,7-16.3,16.2C3.7,29,10.9,36.3,20,36.3c9,0,16.3-7.1,16.4-16.3C36.3,11,29.2,3.8,20,3.7z"/><path d="M17.3,20c-0.2-0.2-0.3-0.4-0.5-0.6c-1-1-2-1.9-2.9-2.9c-0.5-0.5-0.8-1.1-0.7-1.9c0.1-0.7,0.5-1.2,1.2-1.4 c0.8-0.2,1.5,0,2.1,0.6c1,1,2,2,3,3.1c0.3,0.4,0.6,0.3,0.9,0c1-1,2-2,3-3c0.3-0.3,0.7-0.5,1.1-0.6c0.8-0.2,1.6,0.1,2,0.8 c0.4,0.8,0.3,1.7-0.4,2.4c-1,1-2,2-3,3c-0.2,0.2-0.3,0.4-0.5,0.6c1.2,1.2,2.3,2.3,3.4,3.4c0.6,0.6,0.9,1.3,0.6,2.2 c-0.4,1.1-1.7,1.6-2.6,1c-0.3-0.2-0.5-0.4-0.8-0.6c-1-1-1.9-1.9-2.9-2.9c-0.3-0.3-0.5-0.3-0.9,0c-1,1-2,2.1-3,3 c-0.4,0.4-1,0.6-1.5,0.8c-0.6,0.1-1.2-0.2-1.5-0.8c-0.4-0.6-0.5-1.3-0.1-1.9c0.2-0.3,0.4-0.5,0.6-0.7C15.1,22.3,16.2,21.2,17.3,20z "/></g></svg>');flex:0 0 25px;width:25px;height:20px;align-items:center;opacity:0.25}.remove-media:hover{opacity:1;filter:invert(50%)sepia(100%)saturate(10000%)}.remove-media span{display:inline-block;text-indent:-9999px;color:transparent}.validation-error{color:#c00;font-size:12px;margin:4px 0 0 10px}`;
+var attachmentFileCss = `:host{display:block;width:100%;max-width:100%;font-size:13px}figure{margin:0}.progress-details{position:relative;display:flex;align-items:center}progress-bar{flex:1 0;padding:0 10px}progress-bar.pending{opacity:0.5}progress-bar.complete{opacity:0.8}progress-bar:not(.complete)+.progress-icon{display:none}progress-bar.complete+.progress-icon{content:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><g><path d="M6.3,9.1c0.2,0,0.5,0.1,0.7,0.4c0.5,0.5,1,1,1.4,1.4c0.3,0.3,0.3,0.3,0.6,0c1.4-1.3,2.7-2.6,4-3.9c0.3-0.3,0.6-0.4,1-0.4 c0.5,0.1,0.9,0.6,0.7,1.1c-0.1,0.2-0.2,0.4-0.3,0.6c-1.6,1.6-3.2,3.2-4.8,4.8c-0.5,0.5-1,0.5-1.6,0c-0.8-0.7-1.5-1.5-2.3-2.3 c-0.3-0.3-0.5-0.6-0.3-1.1C5.5,9.3,5.8,9.1,6.3,9.1z"/></g></svg>');filter:invert(100%)}.progress-icon{display:inline-block;flex:0 0 20px;width:28px;height:28px;background-size:contain;position:absolute;right:30px;z-index:1}progress-bar.error{background:#f8b3b1;background:rgba(74, 70, 70, 0.25);opacity:1}.progress-bar a{color:#fff}.download-link{padding-right:20px;color:#fff}.remove-media{display:inline-block;content:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve"><g><path d="M0,19.9C0.2,8.5,9.2-0.1,20.1,0C31.8,0.1,40.2,9.5,40,20.4c-0.2,11-8.9,19.7-20.1,19.6C8,39.9,0,30.5,0,19.9z M20,3.7 c-9,0-16.3,7-16.3,16.2C3.7,29,10.9,36.3,20,36.3c9,0,16.3-7.1,16.4-16.3C36.3,11,29.2,3.8,20,3.7z"/><path d="M17.3,20c-0.2-0.2-0.3-0.4-0.5-0.6c-1-1-2-1.9-2.9-2.9c-0.5-0.5-0.8-1.1-0.7-1.9c0.1-0.7,0.5-1.2,1.2-1.4 c0.8-0.2,1.5,0,2.1,0.6c1,1,2,2,3,3.1c0.3,0.4,0.6,0.3,0.9,0c1-1,2-2,3-3c0.3-0.3,0.7-0.5,1.1-0.6c0.8-0.2,1.6,0.1,2,0.8 c0.4,0.8,0.3,1.7-0.4,2.4c-1,1-2,2-3,3c-0.2,0.2-0.3,0.4-0.5,0.6c1.2,1.2,2.3,2.3,3.4,3.4c0.6,0.6,0.9,1.3,0.6,2.2 c-0.4,1.1-1.7,1.6-2.6,1c-0.3-0.2-0.5-0.4-0.8-0.6c-1-1-1.9-1.9-2.9-2.9c-0.3-0.3-0.5-0.3-0.9,0c-1,1-2,2.1-3,3 c-0.4,0.4-1,0.6-1.5,0.8c-0.6,0.1-1.2-0.2-1.5-0.8c-0.4-0.6-0.5-1.3-0.1-1.9c0.2-0.3,0.4-0.5,0.6-0.7C15.1,22.3,16.2,21.2,17.3,20z "/></g></svg>');flex:0 0 25px;width:25px;height:20px;align-items:center;opacity:0.25}.remove-media:hover{opacity:1;filter:invert(50%)sepia(100%)saturate(10000%)}.remove-media span{display:inline-block;text-indent:-9999px;color:transparent}.retry-media{color:#c00;font-size:12px;text-decoration:underline;cursor:pointer;padding-left:8px}.retry-media:hover{color:#900}.validation-error{color:#c00;font-size:12px;margin:4px 0 0 10px}`;
 var AttachmentFile = /* @__PURE__ */ proxyCustomElement(class AttachmentFile2 extends H {
   constructor(registerHost2) {
     super();
@@ -5302,9 +5302,20 @@ var AttachmentFile = /* @__PURE__ */ proxyCustomElement(class AttachmentFile2 ex
     this.controller?.cancel();
     this.removeEvent.emit(this);
   };
+  retryClicked = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    this.state = "pending";
+    this.percent = 0;
+    this.validationError = "";
+    this.uploadError = "";
+    this.controller = new DirectUploadController2(this.el, this._file);
+    this.controller.dispatch("initialize", { controller: this.controller });
+  };
   controller;
   _file;
   validationError = "";
+  uploadError = "";
   componentWillLoad() {
     this.setMissingFiletype();
   }
@@ -5348,7 +5359,7 @@ var AttachmentFile = /* @__PURE__ */ proxyCustomElement(class AttachmentFile2 ex
     event.preventDefault();
     const { error } = event.detail;
     this.state = "error";
-    this.validationError = error;
+    this.uploadError = error;
   }
   end(_event) {
     if (this.state !== "error") {
@@ -5357,7 +5368,7 @@ var AttachmentFile = /* @__PURE__ */ proxyCustomElement(class AttachmentFile2 ex
     }
   }
   render() {
-    return h(Host, { key: "b4ee8d4972ea0ed8406c9fe96c23dfc6ee48a980" }, h("slot", { key: "c8d48faeaf8a66f7dce8f28ba762fc1d4e568443" }), h("figure", { key: "1afd377c02f883e31cd4346c3f840c86c5fe9199" }, h("div", { key: "7c05e3b92dd5bd1598970ff2682d5a7fd3abcc05", class: "progress-details" }, h("progress-bar", { key: "c2b763ddb9b0de0f8bd95d9cc0f7b3f96763d810", percent: this.percent, class: this.state }, h("a", { key: "0426c1fcfc5f0f418e4fabbace84a6defaa4e4fb", class: "download-link", href: this.src, download: this.filename, onClick: (e) => e.stopPropagation() }, this.filename)), h("span", { key: "cc0accb102d91e5bb2dd84e97123675fa0c96afb", class: "progress-icon" }), h("a", { key: "830973ccad0e991b72868a2f33c84e1c772b3907", class: "remove-media", onClick: this.removeClicked, href: "#" }, h("span", { key: "5f8f67d06ff5e85faa9ae5642c09a646ab5edbe3" }, "Remove media"))), this.validationError ? h("p", { class: "validation-error" }, this.validationError) : "", this.preview ? h("attachment-preview", { src: this.src, filetype: this.filetype }) : ""));
+    return h(Host, { key: "048e2ff577fe17addf864b61d83a039108016a12" }, h("slot", { key: "8be67080894acaff712da3384fc8d801a29ec577" }), h("figure", { key: "272c3a327466f2da4654e13627cdd724b5f0cd6a" }, h("div", { key: "cd4d689a99ee9f24c1440905e9c127b5aca2d54f", class: "progress-details" }, h("progress-bar", { key: "b96ddb30bf8bec245ebd2905df0eca909774a9f0", percent: this.percent, class: this.state }, h("a", { key: "a7999fb28b349a78705d8d3babc57d731e7161b4", class: "download-link", href: this.src, download: this.filename, onClick: (e) => e.stopPropagation() }, this.filename)), h("span", { key: "ea430736922cbb19e797796555be2316fc4a7615", class: "progress-icon" }), h("a", { key: "ad2af0cbdd7fffb8fd1b3250d82fa6e2f46c0147", class: "remove-media", onClick: this.removeClicked, href: "#" }, h("span", { key: "5a1bfd7c33320b96472910b127c9f1d8c124e004" }, "Remove media")), this.uploadError && this._file ? h("a", { class: "retry-media", onClick: this.retryClicked, href: "#" }, h("span", null, "Retry upload")) : ""), this.validationError || this.uploadError ? h("p", { class: "validation-error" }, this.validationError || this.uploadError) : "", this.preview ? h("attachment-preview", { src: this.src, filetype: this.filetype }) : ""));
   }
   componentDidLoad() {
     if (this.state == "pending" && this._file) {
@@ -5421,14 +5432,12 @@ var FormController = class _FormController {
   controllers;
   submitted;
   processing;
-  errors;
   constructor(form) {
     this.element = form;
     this.progressTargetMap = {};
     this.controllers = [];
     this.submitted = false;
     this.processing = false;
-    this.errors = false;
     this.element.insertAdjacentHTML("beforeend", `<dialog id="form-controller-dialog">
         <div class="direct-upload-wrapper">
           <div class="direct-upload-content">
@@ -5482,8 +5491,16 @@ var FormController = class _FormController {
       this.submitForm();
     }
   }
+  hasUploadErrors() {
+    return Array.from(this.element.querySelectorAll("attachment-file")).some((el) => el.state === "error");
+  }
   submitForm() {
     if (this.submitted) {
+      if (this.hasUploadErrors()) {
+        this.dialog.close();
+        this.setInputAttachmentsDisabled(false);
+        return;
+      }
       this.setInputAttachmentsDisabled(true);
       window.setTimeout(() => {
         this.element.submit();
@@ -5529,6 +5546,8 @@ var FormController = class _FormController {
       document.getElementById(`direct-upload-${id2}`).remove();
       delete this.progressTargetMap[id2];
     }
+    this.setInputAttachmentsDisabled(false);
+    requestAnimationFrame(() => this.submitForm());
   }
 };
 function arrayRemove(arr, e) {
@@ -5935,7 +5954,7 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
       const attachmentFile = document.createElement("attachment-file");
       attachmentFile.name = this.name;
       attachmentFile.preview = this.preview;
-      attachmentFile.url = this.directupload;
+      attachmentFile.setAttribute("url", this.directupload);
       attachmentFile.accepts = this.accepts;
       attachmentFile.max = this.max;
       attachmentFile.file = file;

data/input-attachment/src/components/attachment-file/attachment-file.css

@@ -82,6 +82,18 @@ progress-bar.error{
   color: transparent;
 }
 
+.retry-media{
+  color: #c00;
+  font-size: 12px;
+  text-decoration: underline;
+  cursor: pointer;
+  padding-left: 8px;
+}
+
+.retry-media:hover{
+  color: #900;
+}
+
 .validation-error{
   color: #c00;
   font-size: 12px;

data/input-attachment/src/components/attachment-file/attachment-file.tsx

@@ -40,9 +40,21 @@ export class AttachmentFile {
     this.removeEvent.emit(this)
   }
 
+  private retryClicked = event => {
+    event.stopPropagation()
+    event.preventDefault()
+    this.state = "pending"
+    this.percent = 0
+    this.validationError = ""
+    this.uploadError = ""
+    this.controller = new DirectUploadController(this.el, this._file)
+    this.controller.dispatch("initialize", { controller: this.controller })
+  }
+
   controller: DirectUploadController
   _file: File
   validationError: string = ""
+  uploadError: string = ""
 
   componentWillLoad() {
     this.setMissingFiletype()
@@ -99,7 +111,7 @@ export class AttachmentFile {
     event.preventDefault()
     const { error } = event.detail
     this.state = "error"
-    this.validationError = error
+    this.uploadError = error
   }
 
   @Listen("direct-upload:end")
@@ -126,8 +138,13 @@ export class AttachmentFile {
             <a class="remove-media" onClick={this.removeClicked} href="#">
               <span>Remove media</span>
             </a>
+            {this.uploadError && this._file ?
+              <a class="retry-media" onClick={this.retryClicked} href="#">
+                <span>Retry upload</span>
+              </a>
+            : ''}
           </div>
-          {this.validationError ? <p class="validation-error">{this.validationError}</p> : ''}
+          {(this.validationError || this.uploadError) ? <p class="validation-error">{this.validationError || this.uploadError}</p> : ''}
           {this.preview ? <attachment-preview src={this.src} filetype={this.filetype}></attachment-preview> : ''}
         </figure>
       </Host>

data/input-attachment/src/components/input-attachment/form-controller.tsx

@@ -13,7 +13,6 @@ export default class FormController {
   controllers: Array<DirectUploadController>
   submitted: boolean
   processing: boolean
-  errors: boolean
 
   constructor(form) {
     this.element = form
@@ -21,7 +20,6 @@ export default class FormController {
     this.controllers = []
     this.submitted = false
     this.processing = false
-    this.errors = false
 
     this.element.insertAdjacentHTML("beforeend",
       `<dialog id="form-controller-dialog">
@@ -85,8 +83,18 @@ export default class FormController {
     }
   }
 
+  hasUploadErrors() {
+    return Array.from(this.element.querySelectorAll("attachment-file"))
+      .some((el: any) => el.state === "error")
+  }
+
   submitForm() {
     if(this.submitted) {
+      if(this.hasUploadErrors()) {
+        this.dialog.close()
+        this.setInputAttachmentsDisabled(false)
+        return
+      }
       this.setInputAttachmentsDisabled(true)
       window.setTimeout(() => { // allow other async tasks to complete
         this.element.submit()
@@ -142,5 +150,7 @@ export default class FormController {
       document.getElementById(`direct-upload-${id}`).remove()
       delete this.progressTargetMap[id]
     }
+    this.setInputAttachmentsDisabled(false)
+    requestAnimationFrame(() => this.submitForm())
   }
 }

data/input-attachment/src/components/input-attachment/input-attachment.tsx

@@ -318,7 +318,7 @@ export class InputAttachment {
       const attachmentFile = document.createElement('attachment-file') as any
       attachmentFile.name = this.name
       attachmentFile.preview = this.preview
-      attachmentFile.url = this.directupload
+      attachmentFile.setAttribute("url", this.directupload)
       attachmentFile.accepts = this.accepts
       attachmentFile.max = this.max
       attachmentFile.file = file

data/lib/bard/attachment_field/version.rb

@@ -2,6 +2,6 @@
 
 module Bard
   module AttachmentField
-    VERSION = "0.1.0"
+    VERSION = "0.2.0"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bard-attachment_field
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Micah Geisel
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-01-03 00:00:00.000000000 Z
+date: 2026-03-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activestorage
@@ -318,6 +318,7 @@ files:
 - ".ruby-version"
 - Appraisals
 - CHANGELOG.md
+- CLAUDE.md
 - Gemfile
 - LICENSE
 - README.md