bullet_train-themes-light 1.3.22 → 1.3.23

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 001a0d44ebf47d4ec75398cf011dafdf7fd85c4e5f4aefc1ad82b5c9082d738b
-  data.tar.gz: f8051ae0dbe0930264f8074d52df5940ca6a0d87e9edd4709d098ba1693f3329
+  metadata.gz: 437f822c3d8ab03b2b316020e1597f0a25626e24051f503a7225046af0cda90a
+  data.tar.gz: 4fe3b37b205202c6680f325f88dc71b48a0ec36ba33212da35ccb909d345ff72
 SHA512:
-  metadata.gz: f34781fd7662b6753273a430545843083515855cbf2f03aae46f8bc216de9d862d0b481f6b5e7432a2b88b40b4d6499d06f328f3ccdab562442e384e86fe4506
-  data.tar.gz: 3649a581630ff0ee8daf3289d471d6eac1a96b9fddeef4aa5b1c5a2955c7505e985c7d555e9136fbcd09ead021bba6f2a90bd50148a9b33dff63e563ccb4df1b
+  metadata.gz: 9e8cf89ea54197232dd36f34b417b7fd787532728bee6ce7f68a2a7e3a08f303b82aa56a0ad3e5b38c91d20411056018799fe3bc9395991ee9b1038046d5260d
+  data.tar.gz: 6f5d15ed50126e67e76db0c2adefb5b41c8bd15178d01c76fd97a35ea812f0a86b35110f647a885d888f672f22f61da2f5431297e03c3bcbb0d80d2141bbbc40

data/app/views/showcase/engine/_head.html.erb

@@ -2,9 +2,64 @@
 <%= javascript_include_tag "application" %>
 
 <script>
-  const color = "<%= BulletTrain::Themes::Light.color %>"
-  const secondaryColor = "<%= BulletTrain::Themes::Light.secondary_color %>"
+  const BulletTrain = {}
 
-  if (color) document.documentElement.classList.add(`theme-${color}`)
-  if (secondaryColor) document.documentElement.classList.add(`theme-secondary-${secondaryColor}`)
+  class ___theme {
+    start() {
+      this.color = "<%= BulletTrain::Themes::Light.color %>"
+      this.secondaryColor = "<%= BulletTrain::Themes::Light.secondary_color %>"
+    }
+
+    set color(value) {
+      this.removeMatching(/theme-\w+$/)
+      if (value) this.classList.add(`theme-${value}`)
+    }
+
+    set secondaryColor(value) {
+      this.removeMatching(/theme-secondary-\w+$/)
+      if (value) this.classList.add(`theme-secondary-${value}`)
+    }
+
+    removeMatching(matching) {
+      const values = Array.from(this.classList.values()).filter((key) => matching.test(key))
+      if (values.length) this.classList.remove(...values)
+    }
+
+    get classList() {
+      return document.documentElement.classList
+    }
+  }
+
+  BulletTrain.theme = new ___theme()
+  BulletTrain.theme.start()
+
+  function placeThemeSelector() {
+    const node = document.getElementById("bullet_train_theme_selects").content.cloneNode(true)
+    document.querySelector("main").appendChild(node)
+    const selectorNode = document.getElementById("bt-theme-selector")
+    document.querySelector("main").style.paddingBottom = selectorNode.offsetHeight + "px"
+  }
+
+  document.addEventListener("DOMContentLoaded", placeThemeSelector);
+  document.addEventListener("turbo:load", placeThemeSelector);
 </script>
+
+<template id="bullet_train_theme_selects">
+  <section class="border-t w-full p-4 flex justify-end left-0 bottom-0 fixed bg-white dark:sc-bg-neutral-900" id="bt-theme-selector">
+    <h3 class="pt-2">Bullet Train Light theme options</h3>
+
+    <div>
+      <label for="bullet_train_color" class="pl-4">Color</label>
+      <select id="bullet_train_color" class="rounded-lg text-xs" style="background-color: inherit !important;" onchange="BulletTrain.theme.color = this.value">
+        <option value=""></option>
+        <%= options_for_select BulletTrain::Themes::Light.colors.index_by(&:humanize), BulletTrain::Themes::Light.color %>
+      </select>
+
+      <label for="bullet_train_secondary_color" class="pl-4">Secondary Color</label>
+      <select id="bullet_train_secondary_color" class="rounded-lg text-xs" style="background-color: inherit !important;" onchange="BulletTrain.theme.secondaryColor = this.value">
+        <option value=""></option>
+        <%= options_for_select BulletTrain::Themes::Light.colors.index_by(&:humanize), BulletTrain::Themes::Light.secondary_color %>
+      </select>
+    </div>
+  </section>
+</template>

data/app/views/themes/light/fields/_field.html.erb

@@ -15,9 +15,18 @@ options ||= {}
 options[:id] ||= form.field_id(method)
 # options[:disabled] ||= !field_editable?(form.object, method) if user_signed_in?
 options[:placeholder] ||= labels.placeholder if labels.placeholder
+
 other_options ||= {}
 other_options[:help] = [other_options[:help], labels.help].compact.join(" ")
 
+if !other_options.key?(:required)
+  other_options[:required] = options.fetch(:required) { presence_validated?(form.object, method) }
+end
+
+if other_options[:required]
+  options[:"aria-required"] = true
+end
+
 errors = [method, method.to_s.gsub(/_id$/, '').to_sym].uniq.map { |attribute| form.object.errors.full_messages_for(attribute) }.flatten
 has_errors = errors.any? || partial.error? || other_options[:error].present?
 
@@ -31,7 +40,7 @@ end
 
 %>
 
-<div class="<%= 'required' if presence_validated?(form.object, method) %>">
+<div class="<%= 'required' if other_options[:required] %>">
 
   <% # the label. %>
   <% unless other_options[:hide_label] == true %>

data/lib/bullet_train/themes/light/version.rb

@@ -1,7 +1,7 @@
 module BulletTrain
   module Themes
     module Light
-      VERSION = "1.3.22"
+      VERSION = "1.3.23"
     end
   end
 end

data/lib/bullet_train/themes/light.rb

@@ -7,6 +7,32 @@ require "bullet_train/themes/light/custom_theme_file_replacer"
 module BulletTrain
   module Themes
     module Light
+      # Matches the color list in app/assets/stylesheets/light/tailwind/colors.css
+      mattr_accessor :colors, default: %w[
+        blue
+        slate
+        gray
+        zinc
+        neutral
+        stone
+        red
+        orange
+        amber
+        yellow
+        lime
+        green
+        emerald
+        teal
+        cyan
+        sky
+        indigo
+        violet
+        purple
+        fuchsia
+        pink
+        rose
+      ]
+
       # TODO Not sure this is the right place for this in the long-term.
       mattr_accessor :color, default: :blue
       mattr_accessor :secondary_color, default: nil

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bullet_train-themes-light
 version: !ruby/object:Gem::Version
-  version: 1.3.22
+  version: 1.3.23
 platform: ruby
 authors:
 - Andrew Culver
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-09-01 00:00:00.000000000 Z
+date: 2023-09-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: standard