bard-attachment_field 0.3.1 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3b550a7ccc4937f60e42b9a19129cae22ba0e357705e9c239d4962abbb6dc005
-  data.tar.gz: 2d471d6085ac11fd2013006ae3397efc163c6ca0d91ca996d23697ce231eb50b
+  metadata.gz: 2e6782336d0ead03e5a80c840f02b3427a0e4a9397c192e424057305b6ec8110
+  data.tar.gz: eac00b7e082a15f20f0ec8bc4d858da978a19ba6d5b701bfec1f96c1a5964c7a
 SHA512:
-  metadata.gz: 7aba1939902c829690034fc9f2db0f0b6068fca76f297c54baaba98f6f227c35e4f27b397eaeefd13175d52af565c924d2ee3b7e8d27ea0f30d8126a524c47be
-  data.tar.gz: d51ffb195e0637448f30100051d5cc0e6a99073d7bc1e9858c5edb18a04b88b26e2b52ed3b462580024a352a2f6ec8a101ca2a6096f828dd236dcc1359509668
+  metadata.gz: d60984b410b8fd23682468b45d58244c867c57e567accabd8f02f22f73170b50abb15f37324b367dfeb1c7809e28edfb5885948e92fdba16209a4c6bb958536e
+  data.tar.gz: 77fbabc4df6df530b394883c4481488ee2c0ea1ffc5ce1da5a18797d4d499057e536e033d391980c53201cc96b4dbc8c383a4104721f9deb6c7bf5935a90bbfb

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

@@ -5788,54 +5788,12 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
     const existingFiles = Array.from(this.el.children).filter((e) => e.tagName == "ATTACHMENT-FILE");
     if (existingFiles.length > 0)
       this.files = existingFiles;
-    this.restoreFromLocalStorage();
     if (this.files.length > 0)
       this.updateFormValue();
   }
   componentDidLoad() {
-    if (this.form) {
-      this.form.addEventListener("submit", () => this.clearLocalStorage());
-    }
     this.fileInput?.addEventListener("change", this.handleFileInputChange);
   }
-  get localStorageKey() {
-    if (!this.form || !this.name)
-      return null;
-    const formId = this.form.id || this.form.action || "form";
-    return `input-attachment:${formId}:${this.name}`;
-  }
-  saveToLocalStorage() {
-    const key = this.localStorageKey;
-    if (!key)
-      return;
-    const data = this.persistenceData;
-    if (data.length > 0) {
-      localStorage.setItem(key, JSON.stringify(data));
-    } else {
-      localStorage.removeItem(key);
-    }
-  }
-  restoreFromLocalStorage() {
-    const key = this.localStorageKey;
-    if (!key || this.files.length > 0)
-      return;
-    try {
-      const stored = localStorage.getItem(key);
-      if (stored) {
-        const data = JSON.parse(stored);
-        if (Array.isArray(data) && data.length > 0) {
-          this.restoreFromPersistence(data);
-        }
-      }
-    } catch (e) {
-    }
-  }
-  clearLocalStorage() {
-    const key = this.localStorageKey;
-    if (key) {
-      localStorage.removeItem(key);
-    }
-  }
   // Methods
   get files() {
     return this._files;
@@ -5848,23 +5806,7 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
     this.fireChangeEvent();
   }
   get value() {
-    return this.files.map((e) => e.value);
-  }
-  set value(val) {
-    const newValue = val || [];
-    if (JSON.stringify(this.value) !== JSON.stringify(newValue)) {
-      this.files = newValue.map((signedId) => {
-        const attachmentFile = document.createElement("attachment-file");
-        attachmentFile.name = this.name;
-        attachmentFile.preview = this.preview;
-        attachmentFile.signedId = signedId;
-        return attachmentFile;
-      });
-    }
-  }
-  // For form-persistence: store complete attachment data (not just signed_ids)
-  get persistenceData() {
-    return this.files.map((f) => ({
+    return JSON.stringify(this.files.map((f) => ({
       value: f.value,
       filename: f.filename,
       src: f.src,
@@ -5872,11 +5814,14 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
       percent: f.percent,
       size: f.size,
       filetype: f.filetype
-    }));
+    })));
   }
-  restoreFromPersistence(data) {
-    if (!Array.isArray(data) || data.length === 0)
+  set value(val) {
+    const data = JSON.parse(val || "[]");
+    if (data.length === 0) {
+      this.files = [];
       return;
+    }
     this.files = data.map((item) => {
       const attachmentFile = document.createElement("attachment-file");
       attachmentFile.name = this.name;
@@ -5896,7 +5841,7 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
     if (!this.name || !this.internals?.setFormValue)
       return;
     const formData = new FormData();
-    const values = this.value.filter((v) => v);
+    const values = this.files.map((f) => f.value).filter((v) => v);
     if (this.multiple) {
       values.forEach((signedId) => formData.append(this.name, signedId));
       if (values.length === 0)
@@ -5905,7 +5850,6 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
       formData.set(this.name, values[0] || "");
     }
     this.internals.setFormValue(formData);
-    this.saveToLocalStorage();
     if (this.required && this.files.length === 0) {
       this.internals.setValidity({ valueMissing: true }, "Please select a file.", this.fileInput);
     } else {
@@ -5918,8 +5862,7 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
     }
   }
   reset() {
-    this.value = [];
-    this.clearLocalStorage();
+    this.files = [];
   }
   handleFileInputChange = () => {
     if (!this.fileInput?.files?.length)
@@ -5956,12 +5899,12 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
     return this.disabled || !!this.el.closest("fieldset[disabled]");
   }
   render() {
-    return h(Host, { key: "e63c2624a4d88232adacc7d1610983fac89eb9db" }, h("input", { key: "baea544d4d62e31e1228d92ba8b0356d40e75ce5", ref: (el) => this.fileInput = el, type: "file", multiple: this.multiple, accept: this.accepts, required: this.required && this.files.length === 0, disabled: this.isDisabled, onChange: () => this.handleFileInputChange(), style: {
+    return h(Host, { key: "d6cdfb923931f8232c1a6118dcb38889266cc5d0" }, h("input", { key: "e77f98d380aa090cabc70f712fd0787c0cf1373b", ref: (el) => this.fileInput = el, type: "file", multiple: this.multiple, accept: this.accepts, required: this.required && this.files.length === 0, disabled: this.isDisabled, onChange: () => this.handleFileInputChange(), style: {
       opacity: "0.01",
       width: "1px",
       height: "1px",
       zIndex: "-999"
-    } }), h("file-drop", { key: "0b5621010445988462b8056cb360bf18ac6b0b59", onClick: () => this.fileInput?.click(), onDrop: this.handleDrop }, h("p", { key: "718fe6b91ed9cdc5c5a2b54317fad8f1f25b3cd4", part: "title" }, h("strong", { key: "f28b9ffc58bb086bb1941ee01e943fe5068482a4" }, "Choose ", this.multiple ? "files" : "file", " "), h("span", { key: "eeca7b2f619a7a4d7863f98ba37218d6a66fdcfd" }, "or drag ", this.multiple ? "them" : "it", " here.")), h("div", { key: "2a1d0a824139f5c26833611a5523354965be0d9d", class: `media-preview ${this.multiple ? "-stacked" : ""}` }, h("slot", { key: "59455a857d01dfabd7aa5e697616f4be72cbbb20" }))));
+    } }), h("file-drop", { key: "87f1d105a94d63b1ff23061cca0787d6dcf909cf", onClick: () => this.fileInput?.click(), onDrop: this.handleDrop }, h("p", { key: "97fbb415cf9d528f1813a4c4ab512819f63e1838", part: "title" }, h("strong", { key: "f856b14d87bee688d2bec237b0cdef748f9ddc33" }, "Choose ", this.multiple ? "files" : "file", " "), h("span", { key: "c51929dd34c8826a434ee15dc577ce8ae4e65c72" }, "or drag ", this.multiple ? "them" : "it", " here.")), h("div", { key: "9a847df1d30360e515f6dd69652841ff56efb915", class: `media-preview ${this.multiple ? "-stacked" : ""}` }, h("slot", { key: "e2d06462bddde0191f1071eb6f1fd78b04c4b49a" }))));
   }
   componentDidRender() {
     if (this.files.length === 0) {

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

@@ -46,65 +46,15 @@ export class InputAttachment {
     const existingFiles = Array.from(this.el.children).filter(e => e.tagName == "ATTACHMENT-FILE");
     if(existingFiles.length > 0) this.files = existingFiles
 
-    // Restore from localStorage BEFORE setting initial validity (which triggers saveToLocalStorage)
-    this.restoreFromLocalStorage()
-
     // Set initial validity state (only if we have files from above)
     if(this.files.length > 0) this.updateFormValue()
   }
 
   componentDidLoad() {
-    // Clear persistence data when form is submitted
-    if (this.form) {
-      this.form.addEventListener('submit', () => this.clearLocalStorage())
-    }
-
     // Listen for file input changes directly (JSX onChange doesn't reliably work in shadow DOM)
     this.fileInput?.addEventListener('change', this.handleFileInputChange)
   }
 
-  get localStorageKey() {
-    if (!this.form || !this.name) return null
-    const formId = this.form.id || this.form.action || 'form'
-    return `input-attachment:${formId}:${this.name}`
-  }
-
-  saveToLocalStorage() {
-    const key = this.localStorageKey
-    if (!key) return
-
-    const data = this.persistenceData
-    if (data.length > 0) {
-      localStorage.setItem(key, JSON.stringify(data))
-    } else {
-      localStorage.removeItem(key)
-    }
-  }
-
-  restoreFromLocalStorage() {
-    const key = this.localStorageKey
-    if (!key || this.files.length > 0) return
-
-    try {
-      const stored = localStorage.getItem(key)
-      if (stored) {
-        const data = JSON.parse(stored)
-        if (Array.isArray(data) && data.length > 0) {
-          this.restoreFromPersistence(data)
-        }
-      }
-    } catch (e) {
-      // Invalid JSON, ignore
-    }
-  }
-
-  clearLocalStorage() {
-    const key = this.localStorageKey
-    if (key) {
-      localStorage.removeItem(key)
-    }
-  }
-
   // Methods
 
   get files() {
@@ -119,25 +69,7 @@ export class InputAttachment {
   }
 
   get value() {
-    return this.files.map(e => e.value)
-  }
-
-  set value(val) {
-    const newValue = val || []
-    if(JSON.stringify(this.value) !== JSON.stringify(newValue)) { // this is insane. javascript is fucking garbage.
-      this.files = newValue.map(signedId => {
-        const attachmentFile = document.createElement('attachment-file') as any
-        attachmentFile.name = this.name
-        attachmentFile.preview = this.preview
-        attachmentFile.signedId = signedId
-        return attachmentFile
-      })
-    }
-  }
-
-  // For form-persistence: store complete attachment data (not just signed_ids)
-  get persistenceData() {
-    return this.files.map(f => ({
+    return JSON.stringify(this.files.map(f => ({
       value: f.value,
       filename: f.filename,
       src: f.src,
@@ -145,12 +77,15 @@ export class InputAttachment {
       percent: f.percent,
       size: f.size,
       filetype: f.filetype,
-    }))
+    })))
   }
 
-  restoreFromPersistence(data: any[]) {
-    if (!Array.isArray(data) || data.length === 0) return
-
+  set value(val) {
+    const data = JSON.parse(val || "[]")
+    if (data.length === 0) {
+      this.files = []
+      return
+    }
     this.files = data.map(item => {
       const attachmentFile = document.createElement('attachment-file') as any
       attachmentFile.name = this.name
@@ -170,7 +105,7 @@ export class InputAttachment {
   updateFormValue() {
     if (!this.name || !this.internals?.setFormValue) return
     const formData = new FormData()
-    const values = this.value.filter(v => v) // filter out empty values
+    const values = this.files.map(f => f.value).filter(v => v)
     if (this.multiple) {
       // For has_many_attached: append each signed_id separately
       values.forEach(signedId => formData.append(this.name, signedId))
@@ -182,9 +117,6 @@ export class InputAttachment {
     }
     this.internals.setFormValue(formData)
 
-    // Save to localStorage for persistence across page reloads
-    this.saveToLocalStorage()
-
     // Update validity state - check for required and child validation errors
     if (this.required && this.files.length === 0) {
       this.internals.setValidity({ valueMissing: true }, "Please select a file.", this.fileInput)
@@ -202,8 +134,7 @@ export class InputAttachment {
   }
 
   reset() {
-    this.value = []
-    this.clearLocalStorage()
+    this.files = []
   }
 
   handleFileInputChange = () => {

data/lib/bard/attachment_field/version.rb

@@ -2,6 +2,6 @@
 
 module Bard
   module AttachmentField
-    VERSION = "0.3.1"
+    VERSION = "0.4.0"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bard-attachment_field
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.4.0
 platform: ruby
 authors:
 - Micah Geisel
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-03-15 00:00:00.000000000 Z
+date: 2026-03-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activestorage