simple_form-bulma 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 4708d7183082a8f605e99d7ea09c5da530583389256f880877055ee45ec0e20e
+  data.tar.gz: 0fbe541e33e9fb3781c7941ce3dd93a9171f2562466d9769922bac14a4fedab9
+SHA512:
+  metadata.gz: 789e6ab35bef3e00a201daada255f00a8642ec6c10dc79e99c084a1178010fcd49c6dddf4317dda9933f7faa0fcdc3b3c4b695e860152e1714fe10293f031ba4
+  data.tar.gz: ecb71e0d4b476ce0956bddef4c43734749bfcd45b130d9bf9b5acaee94d5191ce36bb4a1185931acfee0783bfa4777534ababd0a80790f0c117af3dd26718771

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2024 Juan Vasquez
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,34 @@
+# SimpleForm::Bulma
+The easiest way to use Bulma with SimpleForm.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'simple_form-bulma'
+```
+
+And then execute:
+```bash
+bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install simple_form-bulma
+```
+
+## Usage
+To copy the Bulma theme for SimpleForm, run the following command:
+
+```bash
+bin/rails generate simple_form:bulma:install
+```
+
+Or you can copy the theme manually by copying the `config/initializers/simple_form_bulma.rb` file to your `config/initializers` directory.
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,18 @@
+require 'bundler/setup'
+
+APP_RAKEFILE = File.expand_path('test/dummy/Rakefile', __dir__)
+load 'rails/tasks/engine.rake'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task default: :test

data/app/assets/config/simple_form_bulma_manifest.js

@@ -0,0 +1 @@
+//= link_directory ../stylesheets/simple_form/bulma .css

data/app/assets/stylesheets/simple_form/bulma/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/app/controllers/simple_form/bulma/application_controller.rb

@@ -0,0 +1,6 @@
+module SimpleForm
+  module Bulma
+    class ApplicationController < ActionController::Base
+    end
+  end
+end

data/app/controllers/simple_form/bulma/items_controller.rb

@@ -0,0 +1,36 @@
+require_dependency 'simple_form/bulma/application_controller'
+
+module SimpleForm::Bulma
+  class ItemsController < ApplicationController
+    # GET /items
+    def index
+      @items = Item.all
+    end
+
+    # GET /items/new
+    def new
+      @item = Item.new
+    end
+
+    # POST /items
+    def create
+      @item = Item.new(item_params)
+
+      if @item.valid?
+        Item.all << @item
+        redirect_to @item, notice: 'Item was successfully created.'
+      else
+        render :new
+      end
+    end
+
+    private
+
+    def item_params
+      params.require(:item)
+            .permit(:name, :url, :secret_key, :active, :description, :background,
+                    :serial_number, :quantity, :published_at, :expired_at,
+                    :daily_check_at)
+    end
+  end
+end

data/app/helpers/simple_form/bulma/application_helper.rb

@@ -0,0 +1,6 @@
+module SimpleForm
+  module Bulma
+    module ApplicationHelper
+    end
+  end
+end

data/app/jobs/simple_form/bulma/application_job.rb

@@ -0,0 +1,6 @@
+module SimpleForm
+  module Bulma
+    class ApplicationJob < ActiveJob::Base
+    end
+  end
+end

data/app/mailers/simple_form/bulma/application_mailer.rb

@@ -0,0 +1,8 @@
+module SimpleForm
+  module Bulma
+    class ApplicationMailer < ActionMailer::Base
+      default from: 'from@example.com'
+      layout 'mailer'
+    end
+  end
+end

data/app/models/simple_form/bulma/application_record.rb

@@ -0,0 +1,7 @@
+module SimpleForm
+  module Bulma
+    class ApplicationRecord < ActiveRecord::Base
+      self.abstract_class = true
+    end
+  end
+end

data/app/models/simple_form/bulma/item.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module SimpleForm::Bulma
+  class Item
+    include ActiveModel::Model
+    include ActiveModel::Attributes
+
+    attr_accessor :id, :name, :url, :secret_key, :description,
+                  :background, :serial_number, :quantity
+
+    attribute :active, :boolean, default: true
+    attribute :published_at, :datetime, default: -> { DateTime.current }
+    attribute :expired_at, :date
+    attribute :daily_check_at, :time
+
+    validates :name, :url, presence: true
+    validates :url, format: URI::DEFAULT_PARSER.make_regexp(%w[http https])
+
+    def self.all
+      @all ||= []
+    end
+  end
+end

data/app/views/layouts/simple_form/bulma/application.html.erb

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Simple form bulma</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= stylesheet_link_tag    "simple_form/bulma/application", media: "all" %>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
+</head>
+<body>
+  <div class="container is-widescreen is-fullhd">
+    <%= yield %>
+  </div>
+</body>
+</html>

data/app/views/simple_form/bulma/items/_form.html.erb

@@ -0,0 +1,15 @@
+<%= simple_form_for(item) do |f| %>
+  <%= f.input :name %>
+  <%= f.input :url, placeholder: "URL should start with http or https" %>
+  <%= f.input :secret_key, as: :password %>
+  <%= f.input :active, as: :boolean %>
+  <%= f.input :description, as: :text %>
+  <%= f.input :background, as: :color %>
+  <%= f.input :serial_number, as: :integer %>
+  <%= f.input :quantity, as: :decimal %>
+  <%= f.input :published_at, as: :datetime, html5: true %>
+  <%= f.input :expired_at, as: :date, html5: true %>
+  <%= f.input :daily_check_at, as: :time, html5: true %>
+
+  <%= f.button :submit %>
+<% end %>

data/app/views/simple_form/bulma/items/index.html.erb

@@ -0,0 +1,25 @@
+<p id="notice"><%= notice %></p>
+
+<h1>Items</h1>
+
+<%= link_to 'New Item', new_item_path %>
+
+<table>
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>Active</th>
+      <th>URL</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <% @items.each do |item| %>
+      <tr>
+        <td><%= item.name %></td>
+        <td><%= item.active ? "true" : "false" %></td>
+        <td><%= item.url %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/app/views/simple_form/bulma/items/new.html.erb

@@ -0,0 +1,5 @@
+<h1>New Item</h1>
+
+<%= render 'form', item: @item %>
+
+<%= link_to 'Back', items_path %>

data/config/initializers/simple_form.rb

@@ -0,0 +1,176 @@
+# frozen_string_literal: true
+
+# Uncomment this and change the path if necessary to include your own
+# components.
+# See https://github.com/heartcombo/simple_form#custom-components to know
+# more about custom components.
+# Dir[Rails.root.join('lib/components/**/*.rb')].each { |f| require f }
+#
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  # Wrappers are used by the form builder to generate a
+  # complete input. You can remove any component from the
+  # wrapper, change the order or even add your own to the
+  # stack. The options given below are used to wrap the
+  # whole input.
+  config.wrappers :default, class: :input,
+    hint_class: :field_with_hint, error_class: :field_with_errors, valid_class: :field_without_errors do |b|
+    ## Extensions enabled by default
+    # Any of these extensions can be disabled for a
+    # given input by passing: `f.input EXTENSION_NAME => false`.
+    # You can make any of these extensions optional by
+    # renaming `b.use` to `b.optional`.
+
+    # Determines whether to use HTML5 (:email, :url, ...)
+    # and required attributes
+    b.use :html5
+
+    # Calculates placeholders automatically from I18n
+    # You can also pass a string as f.input placeholder: "Placeholder"
+    b.use :placeholder
+
+    ## Optional extensions
+    # They are disabled unless you pass `f.input EXTENSION_NAME => true`
+    # to the input. If so, they will retrieve the values from the model
+    # if any exists. If you want to enable any of those
+    # extensions by default, you can change `b.optional` to `b.use`.
+
+    # Calculates maxlength from length validations for string inputs
+    # and/or database column lengths
+    b.optional :maxlength
+
+    # Calculate minlength from length validations for string inputs
+    b.optional :minlength
+
+    # Calculates pattern from format validations for string inputs
+    b.optional :pattern
+
+    # Calculates min and max from length validations for numeric inputs
+    b.optional :min_max
+
+    # Calculates readonly automatically from readonly attributes
+    b.optional :readonly
+
+    ## Inputs
+    # b.use :input, class: 'input', error_class: 'is-invalid', valid_class: 'is-valid'
+    b.use :label_input
+    b.use :hint,  wrap_with: { tag: :span, class: :hint }
+    b.use :error, wrap_with: { tag: :span, class: :error }
+
+    ## full_messages_for
+    # If you want to display the full error message for the attribute, you can
+    # use the component :full_error, like:
+    #
+    # b.use :full_error, wrap_with: { tag: :span, class: :error }
+  end
+
+  # The default wrapper to be used by the FormBuilder.
+  config.default_wrapper = :default
+
+  # Define the way to render check boxes / radio buttons with labels.
+  # Defaults to :nested for bootstrap config.
+  #   inline: input + label
+  #   nested: label > input
+  config.boolean_style = :nested
+
+  # Default class for buttons
+  config.button_class = 'btn'
+
+  # Method used to tidy up errors. Specify any Rails Array method.
+  # :first lists the first message for each field.
+  # Use :to_sentence to list all errors for each field.
+  # config.error_method = :first
+
+  # Default tag used for error notification helper.
+  config.error_notification_tag = :div
+
+  # CSS class to add for error notification helper.
+  config.error_notification_class = 'error_notification'
+
+  # Series of attempts to detect a default label method for collection.
+  # config.collection_label_methods = [ :to_label, :name, :title, :to_s ]
+
+  # Series of attempts to detect a default value method for collection.
+  # config.collection_value_methods = [ :id, :to_s ]
+
+  # You can wrap a collection of radio/check boxes in a pre-defined tag, defaulting to none.
+  # config.collection_wrapper_tag = nil
+
+  # You can define the class to use on all collection wrappers. Defaulting to none.
+  # config.collection_wrapper_class = nil
+
+  # You can wrap each item in a collection of radio/check boxes with a tag,
+  # defaulting to :span.
+  # config.item_wrapper_tag = :span
+
+  # You can define a class to use in all item wrappers. Defaulting to none.
+  # config.item_wrapper_class = nil
+
+  # How the label text should be generated altogether with the required text.
+  # config.label_text = lambda { |label, required, explicit_label| "#{required} #{label}" }
+
+  # You can define the class to use on all labels. Default is nil.
+  # config.label_class = nil
+
+  # You can define the default class to be used on forms. Can be overridden
+  # with `html: { :class }`. Defaulting to none.
+  # config.default_form_class = nil
+
+  # You can define which elements should obtain additional classes
+  # config.generate_additional_classes_for = [:wrapper, :label, :input]
+
+  # Whether attributes are required by default (or not). Default is true.
+  # config.required_by_default = true
+
+  # Tell browsers whether to use the native HTML5 validations (novalidate form option).
+  # These validations are enabled in SimpleForm's internal config but disabled by default
+  # in this configuration, which is recommended due to some quirks from different browsers.
+  # To stop SimpleForm from generating the novalidate option, enabling the HTML5 validations,
+  # change this configuration to true.
+  config.browser_validations = false
+
+  # Custom mappings for input types. This should be a hash containing a regexp
+  # to match as key, and the input type that will be used when the field name
+  # matches the regexp as value.
+  # config.input_mappings = { /count/ => :integer }
+
+  # Custom wrappers for input types. This should be a hash containing an input
+  # type as key and the wrapper that will be used for all inputs with specified type.
+  # config.wrapper_mappings = { string: :prepend }
+
+  # Namespaces where SimpleForm should look for custom input classes that
+  # override default inputs.
+  # config.custom_inputs_namespaces << "CustomInputs"
+
+  # Default priority for time_zone inputs.
+  # config.time_zone_priority = nil
+
+  # Default priority for country inputs.
+  # config.country_priority = nil
+
+  # When false, do not use translations for labels.
+  # config.translate_labels = true
+
+  # Automatically discover new inputs in Rails' autoload path.
+  # config.inputs_discovery = true
+
+  # Cache SimpleForm inputs discovery
+  # config.cache_discovery = !Rails.env.development?
+
+  # Default class for inputs
+  # config.input_class = nil
+
+  # Define the default class of the input wrapper of the boolean input.
+  config.boolean_label_class = 'checkbox'
+
+  # Defines if the default input wrapper class should be included in radio
+  # collection wrappers.
+  # config.include_default_input_wrapper_class = true
+
+  # Defines which i18n scope will be used in Simple Form.
+  # config.i18n_scope = 'simple_form'
+
+  # Defines validation classes to the input_field. By default it's nil.
+  # config.input_field_valid_class = 'is-valid'
+  # config.input_field_error_class = 'is-invalid'
+end

data/config/initializers/simple_form_bulma.rb

@@ -0,0 +1,126 @@
+# frozen_string_literal: true
+
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  # Default class for buttons
+  config.button_class = 'button'
+
+  # Define the default class of the input wrapper of the boolean input.
+  config.boolean_label_class = 'checkbox'
+
+  # How the label text should be generated altogether with the required text.
+  config.label_text = lambda { |label, required, explicit_label| "#{label} #{required}" }
+
+  # Define the way to render check boxes / radio buttons with labels.
+  config.boolean_style = :inline
+
+  # You can wrap each item in a collection of radio/check boxes with a tag
+  config.item_wrapper_tag = :div
+
+  # Defines if the default input wrapper class should be included in radio
+  # collection wrappers.
+  config.include_default_input_wrapper_class = false
+
+  # CSS class to add for error notification helper.
+  config.error_notification_class = 'notification is-danger'
+
+  # Method used to tidy up errors. Specify any Rails Array method.
+  # :first lists the first message for each field.
+  # :to_sentence to list all errors for each field.
+  config.error_method = :to_sentence
+
+  # add validation classes to `input_field`
+  config.input_field_error_class = 'is-danger'
+  config.input_field_valid_class = 'is-success'
+
+  # vertical forms
+  #
+  # bulma vertical default_wrapper
+  config.wrappers :vertical_form, tag: 'div', class: 'field' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :minlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+    b.use :label, class: 'label'
+    b.use :input, class: 'input', wrap_with: { tag: 'div', class: 'control' }, error_class: 'is-danger', valid_class: 'is-success'
+    b.use :full_error, wrap_with: { tag: 'div', class: 'help is-danger' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+  end
+
+  # bulma vertical select_form
+  config.wrappers :select_form, tag: 'div', class: 'control' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :pattern
+    b.optional :readonly
+    b.use :input, wrap_with: { tag: 'div', class: 'select' }
+    b.use :full_error, wrap_with: { tag: 'div', class: 'help is-danger' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+  end
+
+  # bulma extension vertical input for boolean
+  config.wrappers :vertical_boolean, tag: 'div', class: 'field' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.use :input, class: 'is-checkradio is-info'
+    b.use :label
+    # b.wrapper :form_check_wrapper, tag: 'div', class: 'control' do |bb|
+    #   bb.use :input, wrap_with: { tag: 'label', class: 'checkbox' }
+    #   bb.use :label, class: 'checkbox'
+    #   bb.use :full_error, wrap_with: { tag: 'div', class: 'help is-danger' }
+    #   bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+    # end
+  end
+
+  ## vertical input for radio buttons and check boxes
+  config.wrappers :vertical_collection, item_wrapper_class: 'form-check', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba|
+      ba.use :label_text
+    end
+    b.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid'
+    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+  end
+
+  ## bulma vertical file input
+  config.wrappers :vertical_file, tag: 'div', class: 'file' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.use :input, class: 'file-input', wrap_with: { tag: 'label', class: 'file-label' }
+    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+  end
+
+  ## bulma vertical multi select
+  config.wrappers :vertical_multi_select, tag: 'div', class: 'field' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.use :label, class: 'label'
+    b.wrapper tag: 'div', class: 'control' do |ba|
+      ba.use :input, class: 'input', error_class: 'is-danger', valid_class: 'is-success'
+    end
+    b.use :full_error, wrap_with: { tag: 'div', class: 'is-danger' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'help' }
+  end
+
+  # The default wrapper to be used by the FormBuilder.
+  config.default_wrapper = :vertical_form
+
+  # Custom wrappers for input types. This should be a hash containing an input
+  # type as key and the wrapper that will be used for all inputs with specified type.
+  config.wrapper_mappings = {
+    boolean: :vertical_boolean,
+    check_boxes: :vertical_collection,
+    date: :vertical_multi_select,
+    datetime: :vertical_multi_select,
+    file: :vertical_file,
+    radio_buttons: :vertical_collection,
+    range: :vertical_range,
+    time: :vertical_multi_select
+  }
+end

data/config/locales/simple_form.en.yml

@@ -0,0 +1,31 @@
+en:
+  simple_form:
+    "yes": 'Yes'
+    "no": 'No'
+    required:
+      text: 'required'
+      mark: '*'
+      # You can uncomment the line below if you need to overwrite the whole required html.
+      # When using html, text and mark won't be used.
+      # html: '<abbr title="required">*</abbr>'
+    error_notification:
+      default_message: "Please review the problems below:"
+    # Examples
+    # labels:
+    #   defaults:
+    #     password: 'Password'
+    #   user:
+    #     new:
+    #       email: 'E-mail to sign in.'
+    #     edit:
+    #       email: 'E-mail.'
+    # hints:
+    #   defaults:
+    #     username: 'User name to sign in.'
+    #     password: 'No special characters, please.'
+    # include_blanks:
+    #   defaults:
+    #     age: 'Rather not say'
+    # prompts:
+    #   defaults:
+    #     age: 'Select your age'

data/config/routes.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+SimpleForm::Bulma::Engine.routes.draw do
+  resources :items, only: %i[index new create]
+
+  root to: 'items#index'
+end

data/lib/generators/simple_form/bulma/USAGE

@@ -0,0 +1,3 @@
+To copy the SimpleForm::Bulma initializer to your Rails App, with the proper configuration, just run the following command:
+
+  rails generate simple_form:bulma:install

data/lib/generators/simple_form/bulma/install_generator.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+require 'rails/generators'
+
+module SimpleForm
+  module Bulma
+    module Generators
+      # bin/rails generate simple_form:bulma:install
+      class InstallGenerator < Rails::Generators::Base
+        source_root File.expand_path('templates', __dir__)
+
+        desc 'Copy SimpleForm Bulma configuration to your application'
+
+        def copy_config
+          template 'config/initializers/simple_form_bulma.rb'
+        end
+      end
+    end
+  end
+end

data/lib/generators/simple_form/bulma/templates/config/initializers/simple_form_bulma.rb

@@ -0,0 +1,126 @@
+# frozen_string_literal: true
+
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  # Default class for buttons
+  config.button_class = 'button'
+
+  # Define the default class of the input wrapper of the boolean input.
+  config.boolean_label_class = 'checkbox'
+
+  # How the label text should be generated altogether with the required text.
+  config.label_text = lambda { |label, required, explicit_label| "#{label} #{required}" }
+
+  # Define the way to render check boxes / radio buttons with labels.
+  config.boolean_style = :inline
+
+  # You can wrap each item in a collection of radio/check boxes with a tag
+  config.item_wrapper_tag = :div
+
+  # Defines if the default input wrapper class should be included in radio
+  # collection wrappers.
+  config.include_default_input_wrapper_class = false
+
+  # CSS class to add for error notification helper.
+  config.error_notification_class = 'notification is-danger'
+
+  # Method used to tidy up errors. Specify any Rails Array method.
+  # :first lists the first message for each field.
+  # :to_sentence to list all errors for each field.
+  config.error_method = :to_sentence
+
+  # add validation classes to `input_field`
+  config.input_field_error_class = 'is-danger'
+  config.input_field_valid_class = 'is-success'
+
+  # vertical forms
+  #
+  # bulma vertical default_wrapper
+  config.wrappers :vertical_form, tag: 'div', class: 'field' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :minlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+    b.use :label, class: 'label'
+    b.use :input, class: 'input', wrap_with: { tag: 'div', class: 'control' }, error_class: 'is-danger', valid_class: 'is-success'
+    b.use :full_error, wrap_with: { tag: 'div', class: 'help is-danger' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+  end
+
+  # bulma vertical select_form
+  config.wrappers :select_form, tag: 'div', class: 'control' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :pattern
+    b.optional :readonly
+    b.use :input, wrap_with: { tag: 'div', class: 'select' }
+    b.use :full_error, wrap_with: { tag: 'div', class: 'help is-danger' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+  end
+
+  # bulma extension vertical input for boolean
+  config.wrappers :vertical_boolean, tag: 'div', class: 'field' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.use :input, class: 'is-checkradio is-info'
+    b.use :label
+    # b.wrapper :form_check_wrapper, tag: 'div', class: 'control' do |bb|
+    #   bb.use :input, wrap_with: { tag: 'label', class: 'checkbox' }
+    #   bb.use :label, class: 'checkbox'
+    #   bb.use :full_error, wrap_with: { tag: 'div', class: 'help is-danger' }
+    #   bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+    # end
+  end
+
+  ## vertical input for radio buttons and check boxes
+  config.wrappers :vertical_collection, item_wrapper_class: 'form-check', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba|
+      ba.use :label_text
+    end
+    b.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid'
+    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+  end
+
+  ## bulma vertical file input
+  config.wrappers :vertical_file, tag: 'div', class: 'file' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.use :input, class: 'file-input', wrap_with: { tag: 'label', class: 'file-label' }
+    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
+  end
+
+  ## bulma vertical multi select
+  config.wrappers :vertical_multi_select, tag: 'div', class: 'field' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.use :label, class: 'label'
+    b.wrapper tag: 'div', class: 'control' do |ba|
+      ba.use :input, class: 'input', error_class: 'is-danger', valid_class: 'is-success'
+    end
+    b.use :full_error, wrap_with: { tag: 'div', class: 'is-danger' }
+    b.use :hint, wrap_with: { tag: 'small', class: 'help' }
+  end
+
+  # The default wrapper to be used by the FormBuilder.
+  config.default_wrapper = :vertical_form
+
+  # Custom wrappers for input types. This should be a hash containing an input
+  # type as key and the wrapper that will be used for all inputs with specified type.
+  config.wrapper_mappings = {
+    boolean: :vertical_boolean,
+    check_boxes: :vertical_collection,
+    date: :vertical_multi_select,
+    datetime: :vertical_multi_select,
+    file: :vertical_file,
+    radio_buttons: :vertical_collection,
+    range: :vertical_range,
+    time: :vertical_multi_select
+  }
+end

data/lib/simple_form/bulma/engine.rb

@@ -0,0 +1,7 @@
+module SimpleForm
+  module Bulma
+    class Engine < ::Rails::Engine
+      isolate_namespace SimpleForm::Bulma
+    end
+  end
+end

data/lib/simple_form/bulma/version.rb

@@ -0,0 +1,5 @@
+module SimpleForm
+  module Bulma
+    VERSION = '0.1.0'
+  end
+end

data/lib/simple_form/bulma.rb

@@ -0,0 +1,10 @@
+require 'simple_form/bulma/version'
+require 'simple_form/bulma/engine'
+
+require 'simple_form'
+
+module SimpleForm
+  module Bulma
+    # Your code goes here...
+  end
+end

data/lib/tasks/simple_form/bulma_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :simple_form_bulma do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,108 @@
+--- !ruby/object:Gem::Specification
+name: simple_form-bulma
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Juan Vasquez
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2024-06-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.1.7
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.1.7.7
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.1.7
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.1.7.7
+- !ruby/object:Gem::Dependency
+  name: simple_form
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.3.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.3.0
+description: This is going to help you to use Bulma CSS Framework with SimpleForm.
+email:
+- simple_form-bulma@juanvasquez.dev
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/config/simple_form_bulma_manifest.js
+- app/assets/stylesheets/simple_form/bulma/application.css
+- app/controllers/simple_form/bulma/application_controller.rb
+- app/controllers/simple_form/bulma/items_controller.rb
+- app/helpers/simple_form/bulma/application_helper.rb
+- app/jobs/simple_form/bulma/application_job.rb
+- app/mailers/simple_form/bulma/application_mailer.rb
+- app/models/simple_form/bulma/application_record.rb
+- app/models/simple_form/bulma/item.rb
+- app/views/layouts/simple_form/bulma/application.html.erb
+- app/views/simple_form/bulma/items/_form.html.erb
+- app/views/simple_form/bulma/items/index.html.erb
+- app/views/simple_form/bulma/items/new.html.erb
+- config/initializers/simple_form.rb
+- config/initializers/simple_form_bulma.rb
+- config/locales/simple_form.en.yml
+- config/routes.rb
+- lib/generators/simple_form/bulma/USAGE
+- lib/generators/simple_form/bulma/install_generator.rb
+- lib/generators/simple_form/bulma/templates/config/initializers/simple_form_bulma.rb
+- lib/simple_form/bulma.rb
+- lib/simple_form/bulma/engine.rb
+- lib/simple_form/bulma/version.rb
+- lib/tasks/simple_form/bulma_tasks.rake
+homepage: https://github.com/juanvqz/simple_form-bulma
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+  homepage_uri: https://github.com/juanvqz/simple_form-bulma
+  source_code_uri: https://github.com/juanvqz/simple_form-bulma
+  changelog_uri: https://github.com/juanvqz/simple_form-bulma/blob/main/CHANGELOG.md
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.6.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.2.3
+signing_key: 
+specification_version: 4
+summary: SimpleForm Theme for Bulma CSS Framework
+test_files: []