bard-attachment_field 0.1.0

data/input-attachment/src/components.d.ts

@@ -0,0 +1,175 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
+export namespace Components {
+    interface AttachmentFile {
+        "accepts": string;
+        "filename": string;
+        "filetype": string;
+        "max": number;
+        "name": string;
+        /**
+          * @default 100
+         */
+        "percent": number;
+        /**
+          * @default true
+         */
+        "preview": boolean;
+        "size": number;
+        "src": string;
+        /**
+          * @default "complete"
+         */
+        "state": string;
+        "url": string;
+        "validationMessage": string;
+        /**
+          * @default ""
+         */
+        "value": string;
+    }
+    interface AttachmentPreview {
+        "filetype": string;
+        "src": string;
+    }
+    interface InputAttachment {
+        "accepts": string;
+        "directupload": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "max": number;
+        /**
+          * @default false
+         */
+        "multiple": boolean;
+        "name": string;
+        /**
+          * @default true
+         */
+        "preview": boolean;
+        /**
+          * @default false
+         */
+        "required": boolean;
+    }
+}
+export interface AttachmentFileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLAttachmentFileElement;
+}
+declare global {
+    interface HTMLAttachmentFileElementEventMap {
+        "attachment-file:remove": any;
+        "attachment-file:validation": any;
+    }
+    interface HTMLAttachmentFileElement extends Components.AttachmentFile, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLAttachmentFileElementEventMap>(type: K, listener: (this: HTMLAttachmentFileElement, ev: AttachmentFileCustomEvent<HTMLAttachmentFileElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLAttachmentFileElementEventMap>(type: K, listener: (this: HTMLAttachmentFileElement, ev: AttachmentFileCustomEvent<HTMLAttachmentFileElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLAttachmentFileElement: {
+        prototype: HTMLAttachmentFileElement;
+        new (): HTMLAttachmentFileElement;
+    };
+    interface HTMLAttachmentPreviewElement extends Components.AttachmentPreview, HTMLStencilElement {
+    }
+    var HTMLAttachmentPreviewElement: {
+        prototype: HTMLAttachmentPreviewElement;
+        new (): HTMLAttachmentPreviewElement;
+    };
+    interface HTMLInputAttachmentElement extends Components.InputAttachment, HTMLStencilElement {
+    }
+    var HTMLInputAttachmentElement: {
+        prototype: HTMLInputAttachmentElement;
+        new (): HTMLInputAttachmentElement;
+    };
+    interface HTMLElementTagNameMap {
+        "attachment-file": HTMLAttachmentFileElement;
+        "attachment-preview": HTMLAttachmentPreviewElement;
+        "input-attachment": HTMLInputAttachmentElement;
+    }
+}
+declare namespace LocalJSX {
+    interface AttachmentFile {
+        "accepts"?: string;
+        "filename"?: string;
+        "filetype"?: string;
+        "max"?: number;
+        "name"?: string;
+        "onAttachment-file:remove"?: (event: AttachmentFileCustomEvent<any>) => void;
+        "onAttachment-file:validation"?: (event: AttachmentFileCustomEvent<any>) => void;
+        /**
+          * @default 100
+         */
+        "percent"?: number;
+        /**
+          * @default true
+         */
+        "preview"?: boolean;
+        "size"?: number;
+        "src"?: string;
+        /**
+          * @default "complete"
+         */
+        "state"?: string;
+        "url"?: string;
+        "validationMessage"?: string;
+        /**
+          * @default ""
+         */
+        "value"?: string;
+    }
+    interface AttachmentPreview {
+        "filetype"?: string;
+        "src"?: string;
+    }
+    interface InputAttachment {
+        "accepts"?: string;
+        "directupload"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "max"?: number;
+        /**
+          * @default false
+         */
+        "multiple"?: boolean;
+        "name"?: string;
+        /**
+          * @default true
+         */
+        "preview"?: boolean;
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+    }
+    interface IntrinsicElements {
+        "attachment-file": AttachmentFile;
+        "attachment-preview": AttachmentPreview;
+        "input-attachment": InputAttachment;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "attachment-file": LocalJSX.AttachmentFile & JSXBase.HTMLAttributes<HTMLAttachmentFileElement>;
+            "attachment-preview": LocalJSX.AttachmentPreview & JSXBase.HTMLAttributes<HTMLAttachmentPreviewElement>;
+            "input-attachment": LocalJSX.InputAttachment & JSXBase.HTMLAttributes<HTMLInputAttachmentElement>;
+        }
+    }
+}

data/input-attachment/src/global.d.ts

@@ -0,0 +1,3 @@
+declare module '@rails/activestorage'
+declare module '@rails/request.js'
+declare module 'rails-request-json'

data/input-attachment/src/index.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
+    <title>&lt;input-attachment&gt; and friends</title>
+    <script type="importmap">
+      { "imports": {
+        "@stencil/core": "https://ga.jspm.io/npm:@stencil/core@4.8.0/internal/stencil-core/index.js",
+        "@stencil/core/internal/app-data": "https://ga.jspm.io/npm:@stencil/core@4.8.0/internal/app-data/index.js",
+        "@stencil/core/internal/client": "https://ga.jspm.io/npm:@stencil/core@4.8.0/internal/client/index.js"
+      } }
+    </script>
+    <script type="module" src="./build/input-attachment.esm.js"></script>
+  </head>
+  <body style="background: #f0f0f0;">
+    <fieldset>
+      <legend>&lt;input-attachment&gt;</legend>
+      <form>
+        <input-attachment name="image" id="pep" directupload="http://smh.localhost/rails/active_storage/direct_uploads" accepts="image,video">
+          <attachment-file name="image" src="images/example.jpg" filename="example1.jpg" size="36287" max="1000000"></attachment-file>
+        </input-attachment>
+      </form>
+    </fieldset>
+
+    <fieldset>
+      <legend>&lt;attachment-file&gt;</legend>
+      <attachment-file name="image" src="images/example.jpg" filename="example.jpg" size="36287" filetype="image" max="1000000"></attachment-file>
+    </fieldset>
+
+    <fieldset>
+      <legend>&lt;attachment-preview&gt;</legend>
+      <attachment-preview src="images/example.jpg" filetype="image"></attachment-preview>
+    </fieldset>
+  </body>
+</html>

data/input-attachment/src/index.ts

@@ -0,0 +1 @@
+export * from './components';

data/input-attachment/src/utils/utils.spec.ts

@@ -0,0 +1,19 @@
+import { html, arrayRemove } from './utils';
+
+describe('utils', () => {
+  describe('html', () => {
+    it('creates DOM elements from HTML string', () => {
+      const element = html('<div>test</div>');
+      expect(element.tagName).toBe('DIV');
+      expect(element.textContent).toBe('test');
+    });
+  });
+
+  describe('arrayRemove', () => {
+    it('removes first occurrence of item from array', () => {
+      const arr = [1, 2, 3, 4, 3];
+      arrayRemove(arr, 3);
+      expect(arr).toEqual([1, 2, 4, 3]);
+    });
+  });
+});

data/input-attachment/src/utils/utils.ts

@@ -0,0 +1,14 @@
+function html(html) {
+  const el = document.createElement("div")
+  el.innerHTML = html
+  return el.children[0]
+}
+
+function arrayRemove(arr, e) {
+  const index = arr.findIndex(x => x === e)
+  if(index !== -1) {
+    arr.splice(index, 1)
+  }
+}
+
+export { html, arrayRemove }

data/input-attachment/stencil.config.ts

@@ -0,0 +1,43 @@
+import { Config } from '@stencil/core';
+
+export const config: Config = {
+  namespace: 'input-attachment',
+  outputTargets: [
+    {
+      type: 'dist-custom-elements',
+      dir: 'dist/components',
+      customElementsExportBehavior: 'bundle',
+      isPrimaryPackageOutputTarget: true,
+    },
+    {
+      type: 'www',
+      dir: 'www',
+      serviceWorker: null,
+      copy: [
+        { src: 'images', dest: 'images' }
+      ]
+    },
+    {
+      type: 'docs-readme',
+    },
+  ],
+  devServer: {
+    reloadStrategy: 'pageReload',
+    root: 'www',
+  },
+  testing: {
+    browserHeadless: "new",
+    useESModules: true,
+    moduleNameMapper: {
+      "^@botandrose/progress-bar$": "<rootDir>/test-mocks/progress-bar.cjs",
+      "^@botandrose/file-drop$": "<rootDir>/test-mocks/file-drop.cjs"
+    },
+    transformIgnorePatterns: [
+      "node_modules/(?!(rails-request-json|@botandrose/progress-bar|@botandrose/file-drop|@rails/request\.js))"
+    ],
+    testPathIgnorePatterns: ["/node_modules/", "/dist/"],
+    setupFilesAfterEnv: ["<rootDir>/jest-setup.js"],
+    browserArgs: process.env.CI ? ['--no-sandbox', '--disable-setuid-sandbox'] : []
+  },
+  validatePrimaryPackageOutputTarget: true,
+};

data/input-attachment/test-mocks/file-drop.cjs

@@ -0,0 +1,7 @@
+// Mock for @botandrose/file-drop in Jest tests (CommonJS)
+module.exports = {};
+if (typeof customElements !== 'undefined' && !customElements.get('file-drop')) {
+  customElements.define('file-drop', class extends HTMLElement {
+    connectedCallback() {}
+  });
+}

data/input-attachment/test-mocks/progress-bar.cjs

@@ -0,0 +1,9 @@
+// Mock for @botandrose/progress-bar in Jest tests (CommonJS)
+module.exports = {};
+if (typeof customElements !== 'undefined' && !customElements.get('progress-bar')) {
+  customElements.define('progress-bar', class extends HTMLElement {
+    static get observedAttributes() { return ['value', 'max']; }
+    connectedCallback() {}
+    attributeChangedCallback() {}
+  });
+}

data/input-attachment/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "allowUnreachableCode": false,
+    "declaration": false,
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "lib": [
+      "dom",
+      "esnext"
+    ],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "target": "esnext",
+    "skipLibCheck": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "jsx": "react",
+    "jsxFactory": "h",
+    "jsxFragmentFactory": "Fragment",
+    "types": []
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "**/*.spec.ts",
+    "**/*.spec.tsx",
+    "**/*.e2e.ts",
+    "**/*.e2e.tsx"
+  ]
+}

data/lib/bard/attachment_field/cucumber.rb

@@ -0,0 +1,277 @@
+# Cucumber integration for bard-attachment_field
+#
+# Usage: require "bard/attachment_field/cucumber" in your features/support/env.rb
+#
+# Provides step definitions and helpers for testing attachment fields.
+#
+# Note: CDP's DOM.setFileInputFiles silently fails for file inputs inside shadow DOM.
+# This integration uses a workaround that creates a temporary regular DOM input to
+# receive files via CDP, then transfers them to the component via its addFiles() method.
+
+require "active_support/core_ext/module/attribute_accessors"
+require "chop"
+require "rspec/expectations"
+
+module Bard::AttachmentField::TestHelper
+  mattr_accessor :fixtures_path do
+    -> { Rails.root.join("features/support/fixtures") }
+  end
+
+  module_function
+
+  def resolve_fixture_path(filename)
+    File.expand_path(filename, fixtures_path.call)
+  end
+
+  def find_field(session, label)
+    label_element = session.find("label", text: /^#{Regexp.escape(label)}$/)
+    element_id = label_element[:for]
+    session.find("input-attachment##{element_id}")
+  end
+
+  # CDP's setFileInputFiles fails silently for file inputs inside shadow DOM,
+  # so we use a temp regular DOM input and transfer files via JavaScript.
+  def attach_files(session, element_id, file_paths)
+    session.execute_script("document.body.insertAdjacentHTML('beforeend', '<input type=\"file\" id=\"_cdp_file_helper\" multiple style=\"display:none\">')")
+
+    temp_input = session.find("#_cdp_file_helper", visible: :all)
+    temp_input.native.node.select_file(file_paths)
+
+    session.execute_script(<<~JS)
+      (() => {
+        const temp = document.getElementById('_cdp_file_helper');
+        const host = document.getElementById('#{element_id}');
+        host.addFiles(temp.files);
+        temp.remove();
+      })()
+    JS
+  end
+
+  def wait_for_upload(session, element_id, timeout: 30)
+    session.document.synchronize(timeout, errors: [RuntimeError]) do
+      states = session.evaluate_script(<<~JS)
+        Array.from(document.getElementById('#{element_id}').querySelectorAll('attachment-file')).map(e => e.getAttribute('state'))
+      JS
+      raise "Uploads not complete (states=#{states})" unless states.all? { |s| s == "complete" || s == "error" }
+    end
+  end
+
+  def get_files(field)
+    field.all("attachment-file").map { |e| e[:filename] }
+  end
+
+  def validation_messages(session, element)
+    messages = []
+    messages << element.evaluate_script("this.validationMessage")
+    # Get validation errors from attachment-file elements' shadow DOM
+    child_errors = session.evaluate_script(<<~JS, element[:id])
+      ((elementId) => {
+        const host = document.getElementById(elementId);
+        const files = host.querySelectorAll('attachment-file');
+        return Array.from(files).map(f => {
+          const errorEl = f.shadowRoot?.querySelector('.validation-error');
+          return errorEl?.textContent || '';
+        }).filter(e => e);
+      })(arguments[0])
+    JS
+    messages.concat(child_errors)
+    messages.select { |m| m && !m.empty? }
+  end
+end
+
+# Chop integration for form diffing and filling
+class Chop::Form::AttachmentField < Chop::Form::Field
+  def self.css_selector
+    "input-attachment"
+  end
+
+  def matches?
+    field.tag_name == "input-attachment"
+  end
+
+  def get_value
+    Bard::AttachmentField::TestHelper.get_files(field)
+  end
+
+  def diff_value
+    get_value.join(", ")
+  end
+
+  def set_value
+    filenames = if field[:multiple]
+      value.to_s.split(", ").map(&:strip)
+    else
+      [value.to_s.strip]
+    end
+    filenames.reject(&:empty?)
+  end
+
+  def fill_in!
+    return if set_value.empty?
+
+    file_paths = set_value.map do |filename|
+      ::File.expand_path(::File.join(path, filename)).tap do |full_path|
+        ::File.open(full_path) {} # raise Errno::ENOENT if file doesn't exist
+      end
+    end
+
+    Bard::AttachmentField::TestHelper.attach_files(session, field[:id], file_paths)
+    Bard::AttachmentField::TestHelper.wait_for_upload(session, field[:id])
+  end
+end
+
+# Step definitions
+
+When "I attach the file {string} to {string}" do |path, field|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+  file_path_full = Bard::AttachmentField::TestHelper.resolve_fixture_path(path)
+
+  Bard::AttachmentField::TestHelper.attach_files(page, element[:id], [file_path_full])
+
+  page.document.synchronize(15, errors: [Capybara::ElementNotFound]) do
+    element.find("attachment-file")
+  end
+
+  Bard::AttachmentField::TestHelper.wait_for_upload(page, element[:id])
+end
+
+When "I attach the following files to {string}:" do |field, table|
+  files = table.raw.map(&:first).map { |filename| Bard::AttachmentField::TestHelper.resolve_fixture_path(filename) }
+
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+
+  Bard::AttachmentField::TestHelper.attach_files(page, element[:id], files)
+
+  page.document.synchronize(15, errors: [Capybara::ElementNotFound]) do
+    element.all("attachment-file", minimum: files.length)
+  end
+
+  Bard::AttachmentField::TestHelper.wait_for_upload(page, element[:id], timeout: 60)
+end
+
+When "I remove the file from {string}" do |field|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+  element_id = element[:id]
+  # Use JavaScript to click the remove link since Cuprite has issues with shadow DOM paths
+  page.execute_script(<<~JS, element_id)
+    ((elementId) => {
+      const host = document.getElementById(elementId);
+      const attachmentFile = host.querySelector('attachment-file');
+      const removeLink = attachmentFile.shadowRoot.querySelector('a.remove-media');
+      removeLink.click();
+    })(arguments[0])
+  JS
+  # Wait for the file to be removed (refetch element to avoid stale reference)
+  page.document.synchronize(5, errors: [Capybara::ElementNotFound]) do
+    fresh_element = page.find("##{element_id}")
+    expect(fresh_element).to have_no_css("attachment-file")
+  end
+end
+
+When "I remove {string} from {string}" do |filename, field|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+  element_id = element[:id]
+  # Use JavaScript to click the remove link since Cuprite has issues with shadow DOM paths
+  page.execute_script(<<~JS, element_id, filename)
+    ((elementId, filename) => {
+      const host = document.getElementById(elementId);
+      const attachmentFile = host.querySelector(`attachment-file[filename='${filename}']`);
+      const removeLink = attachmentFile.shadowRoot.querySelector('a.remove-media');
+      removeLink.click();
+    })(arguments[0], arguments[1])
+  JS
+  # Wait for the file to be removed (refetch element to avoid stale reference)
+  page.document.synchronize(5, errors: [Capybara::ElementNotFound]) do
+    fresh_element = page.find("##{element_id}")
+    expect(fresh_element).to have_no_css("attachment-file[filename='#{filename}']")
+  end
+end
+
+When "I drag the file {string} onto the {string} attachment field" do |path, field|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+  file_path_full = Bard::AttachmentField::TestHelper.resolve_fixture_path(path)
+
+  # Create temp input to get File objects via CDP, then dispatch drop event on file-drop
+  page.execute_script("document.body.insertAdjacentHTML('beforeend', '<input type=\"file\" id=\"_cdp_file_helper\" multiple style=\"display:none\">')")
+  temp_input = page.find("#_cdp_file_helper", visible: :all)
+  temp_input.native.node.select_file([file_path_full])
+
+  page.execute_script(<<~JS, element[:id])
+    ((elementId) => {
+      const temp = document.getElementById('_cdp_file_helper');
+      const host = document.getElementById(elementId);
+      const fileDrop = host.shadowRoot.querySelector('file-drop');
+
+      const dt = new DataTransfer();
+      Array.from(temp.files).forEach(f => dt.items.add(f));
+
+      const dropEvent = new DragEvent('drop', {
+        bubbles: true,
+        cancelable: true,
+        dataTransfer: dt
+      });
+      fileDrop.dispatchEvent(dropEvent);
+      temp.remove();
+    })(arguments[0])
+  JS
+
+  page.document.synchronize(15, errors: [Capybara::ElementNotFound]) do
+    element.find("attachment-file")
+  end
+
+  Bard::AttachmentField::TestHelper.wait_for_upload(page, element[:id])
+end
+
+Then "I should see a preview of {string} for the {string} field" do |filename, field|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+  expect(element.find("attachment-file")[:filename]).to eq(filename)
+end
+
+When "I follow the {string} download link for {string}" do |filename, field|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+  # Click the download link inside attachment-file's shadow DOM
+  page.execute_script(<<~JS, element[:id], filename)
+    ((elementId, filename) => {
+      const host = document.getElementById(elementId);
+      const attachmentFile = host.querySelector(`attachment-file[filename='${filename}']`) ||
+                             host.querySelector('attachment-file');
+      const downloadLink = attachmentFile.shadowRoot.querySelector('a.download-link');
+      downloadLink.click();
+    })(arguments[0], arguments[1])
+  JS
+end
+
+Then "the {string} attachment field should be disabled" do |field|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+
+  is_disabled = page.evaluate_script(<<~JS)
+    (function() {
+      const element = document.getElementById('#{element[:id]}');
+      if (element.hasAttribute('disabled')) return true;
+      if (element.closest('fieldset[disabled]')) return true;
+      const fileInput = element.shadowRoot?.querySelector('input[type="file"]');
+      return fileInput?.disabled || false;
+    })()
+  JS
+
+  expect(is_disabled).to be true
+end
+
+Then "the {string} attachment field should have a validation error containing {string}" do |field, message|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+  messages = Bard::AttachmentField::TestHelper.validation_messages(page, element)
+  expect(messages).to include(a_string_including(message))
+end
+
+Then "the {string} attachment field should have no validation errors" do |field|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+  messages = Bard::AttachmentField::TestHelper.validation_messages(page, element)
+  expect(messages).to be_empty
+end
+
+Then "I should not be able to attach a file to {string}" do |field|
+  element = Bard::AttachmentField::TestHelper.find_field(page, field)
+  shadow_root = element.shadow_root
+  file_input = shadow_root.find("input[type='file']", visible: :all)
+  expect(file_input).to be_disabled
+end

data/lib/bard/attachment_field/field.rb

@@ -0,0 +1,33 @@
+module Bard
+  module AttachmentField
+    class Field < ActionView::Helpers::Tags::TextField
+      def render &block
+        options = @options.stringify_keys.reverse_merge({
+          "directupload" => "/rails/active_storage/direct_uploads",
+          "preview" => true,
+        })
+        add_default_name_and_id(options)
+
+        content_tag("input-attachment", options) do
+          next block.call(options) if block
+          Array(object.try(@method_name)).map do |attachment|
+            content_tag("attachment-file", nil, {
+              name: options["name"],
+              src: blob_path(attachment),
+              filename: attachment.filename,
+              value: attachment.signed_id,
+              preview: options["preview"],
+            })
+          end.join("\n").html_safe
+        end
+      end
+
+      private
+
+      def blob_path(attachment)
+        "/rails/active_storage/blobs/redirect/#{attachment.signed_id}/#{attachment.filename}"
+      end
+    end
+  end
+end
+

data/lib/bard/attachment_field/form_builder.rb

@@ -0,0 +1,12 @@
+require_relative "field"
+
+module Bard
+  module AttachmentField
+    module FormBuilder
+      def attachment_field method, options={}, &block
+        self.multipart = true
+        Field.new(@object_name, method, @template, objectify_options(options)).render(&block)
+      end
+    end
+  end
+end