active_element 0.0.16 → 0.0.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a5061acace969c49903b783f1395dfcac9683001fca5b18099b50222b62ce25d
-  data.tar.gz: b884bb15effdeca54b82c1a27140418304e09d10c17f3b8d49253d75f9dc8a76
+  metadata.gz: 7c6d9d2e62cd64334ba324d02116adda1fb4177b3ada32e2634c69ddc8a59d42
+  data.tar.gz: d37225180b3932060de9cbbaa4d1e5c69a70ccf277aeaaa27fdd94a99b2327f9
 SHA512:
-  metadata.gz: b3b3b9df909c578397d11260209daabfe8e6e9af8424ce9865c28da05be980f3cea7614dc898fd585e0ab695befe8e214ec16d5cf40ddb2b69e05c8067a3d3c0
-  data.tar.gz: ce25ad80b730f77837e06967e4e4d5217878af9609c1c88bfbaa09eb5f86cbaebbe92233465c3a542b58bf27d842b2cc9ef7a91b2f4b4e565044d9bc030adda9
+  metadata.gz: 6f97e214aa565b0c47bcac56a11340a043ecf5f0d138229e9827f7a35f730cc66d44e0ce73666c8f7fe87126a30beb0fe06e8a16072eadcb4cf264fe579762f5
+  data.tar.gz: d30d2534b1418c8f9ad70dcca84b7a53587d5e171d7c9b8489d51667c4714f502de905382d7ec030566da90eb02f8c2141f76a888f7a52770b4a711fbf6576b7

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    active_element (0.0.16)
+    active_element (0.0.18)
       bootstrap (~> 5.3.0alpha3)
       kaminari (~> 1.2)
       paintbrush (~> 0.1.2)
@@ -150,7 +150,7 @@ GEM
     mini_mime (1.1.5)
     mini_portile2 (2.8.2)
     minitest (5.18.1)
-    net-imap (0.4.9.1)
+    net-imap (0.4.10)
       date
       net-protocol
     net-pop (0.1.2)

data/app/assets/config/active_element/manifest.js

@@ -1,2 +1,2 @@
-//= link active_element/application.js
-//= link active_element/application.css
+//= link active_element/active_element.js
+//= link active_element/active_element.css

data/app/assets/javascripts/active_element/{application.js → active_element.js}

@@ -1,4 +1,3 @@
-//= require rails-ujs
 //= require bootstrap
 //= require active_element/setup
 //= require active_element/theme

data/app/assets/javascripts/active_element/confirm.js

@@ -1,7 +1,7 @@
 (() => {
   const cloneElement = (id) => ActiveElement.cloneElement('form', id);
 
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener(ActiveElement.reloadEvent, () => {
     const confirmLinks = document.querySelectorAll('[data-confirm-action="true"]');
 
     confirmLinks.forEach((element) => {

data/app/assets/javascripts/active_element/form.js

@@ -39,7 +39,7 @@
     });
   };
 
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener(ActiveElement.reloadEvent, () => {
     initModalButtons();
     initClearFormButtons();
   });

data/app/assets/javascripts/active_element/json_field.js

@@ -602,7 +602,7 @@ ActiveElement.JsonField = (() => {
 })();
 
 (() => {
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener(ActiveElement.reloadEvent, () => {
     document.querySelectorAll('.json-field').forEach((element) => {
       ActiveElement.JsonField(element);
     });

data/app/assets/javascripts/active_element/pagination.js

@@ -1,5 +1,5 @@
 (() => {
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener(ActiveElement.reloadEvent, () => {
     const paginationSelect = document.querySelector('#collection-table-page-size-selector');
 
     if (paginationSelect) {

data/app/assets/javascripts/active_element/popover.js

@@ -1,5 +1,5 @@
 (() => {
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener(ActiveElement.reloadEvent, () => {
     const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
     const popoverList = popoverTriggerList.map(function (element) {
       return new bootstrap.Popover(element)

data/app/assets/javascripts/active_element/secret.js

@@ -1,7 +1,7 @@
 (() => {
   const cloneElement = (id) => ActiveElement.cloneElement('secret', id);
 
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener(ActiveElement.reloadEvent, () => {
     document.querySelectorAll('span[data-field-type="secret"]').forEach((element) => {
       const secret = element.dataset.secret;
       const showButton = cloneElement('show-button');

data/app/assets/javascripts/active_element/setup.js

@@ -33,6 +33,7 @@
 
   const ActiveElement = {
     debug: false,
+    reloadEvent: window.ActiveElement.turbo ? 'turbo:load' : 'DOMContentLoaded',
     log: {
       debug: (message) => { ActiveElement.debug && console.log(`[ActiveElement:debug]`, message); },
       info: (message) => { console.log(`[ActiveElement:info] ${message}`); },
@@ -47,7 +48,7 @@
     controller_path: document.querySelector('meta[name="active_element_controller_path"]').content
   };
 
-  window.ActiveElement = ActiveElement;
+  window.ActiveElement = { ...(window.ActiveElement || {}), ...ActiveElement };
 })();
 
 ActiveElement.log.info('Initialized');

data/app/assets/javascripts/active_element/text_search_field.js

@@ -58,7 +58,7 @@
     }
   };
 
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener(ActiveElement.reloadEvent, () => {
     document.querySelectorAll('[data-field-type="text-search"]').forEach((element) => {
       const id = element.id;
       const hiddenId = `${id}-hidden-value`;

data/app/assets/javascripts/active_element/theme.js

@@ -1,7 +1,7 @@
 (() => {
   const cloneElement = (id) => ActiveElement.cloneElement('theme', id);
 
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener(ActiveElement.reloadEvent, () => {
     const themeSelect = document.querySelector('#theme-select');
 
     const setTheme = (theme) => {

data/app/assets/javascripts/active_element/timezones.js

@@ -1,5 +1,5 @@
 (() => {
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener(ActiveElement.reloadEvent, () => {
     const timezoneOffset = new Date().getTimezoneOffset();
     document.cookie = `timezone_offset=${timezoneOffset};`;
   });

data/app/views/active_element/default_views/edit.html.erb

@@ -1,5 +1,9 @@
 <%= active_element.component.page_title record.model_name.to_s.titleize %>
 
+<%= render_active_element_hook "#{controller_path}/before_edit" %>
+
 <%= active_element.component.form model: [namespace, record].compact,
                                   destroy: active_element.state.deletable?,
                                   fields: active_element.state.editable_fields %>
+
+<%= render_active_element_hook "#{controller_path}/after_edit" %>

data/app/views/active_element/default_views/index.html.erb

@@ -7,6 +7,8 @@
                                     fields: active_element.state.searchable_fields %>
 <% end %>
 
+<%= render_active_element_hook "#{controller_path}/before_index" %>
+
 <% if active_element.state.search_required && search_filters.compact_blank.blank? %>
   <% if active_element.state.creatable? %>
     <%= active_element.component.new_button(collection.model&.new, float: 'end', class: 'mb-3') %>
@@ -21,3 +23,5 @@
                                      collection: collection,
                                      fields: active_element.state.listable_fields %>
 <% end %>
+
+<%= render_active_element_hook "#{controller_path}/after_index" %>

data/app/views/active_element/default_views/new.html.erb

@@ -1,4 +1,8 @@
 <%= active_element.component.page_title record.model_name.to_s.titleize %>
 
+<%= render_active_element_hook "#{controller_path}/before_new" %>
+
 <%= active_element.component.form model: [namespace, record].compact,
                                   fields: active_element.state.editable_fields %>
+
+<%= render_active_element_hook "#{controller_path}/after_new" %>

data/app/views/active_element/default_views/show.html.erb

@@ -1,7 +1,10 @@
 <%= active_element.component.page_title record.model_name.to_s.titleize %>
 
+<%= render_active_element_hook "#{controller_path}/before_show" %>
+
 <%= active_element.component.table item: record,
                                    edit: active_element.state.editable?,
                                    destroy: active_element.state.deletable?,
                                    fields: active_element.state.viewable_fields %>
 
+<%= render_active_element_hook "#{controller_path}/after_show" %>

data/app/views/layouts/active_element.html.erb

@@ -1,9 +1,24 @@
 <html>
   <head>
+    <script>
+      window.ActiveElement = window.ActiveElement || {};
+    </script>
+
     <%= render_active_element_hook 'active_element/before_head' %>
     <%= render_active_element_hook 'active_element/favicon' %>
     <%= render_active_element_hook 'active_element/title' %>
 
+    <% if respond_to?(:javascript_importmap_tags) %>
+      <%= javascript_importmap_tags %>
+      <script>
+        window.ActiveElement.turbo = true;
+      </script>
+    <% else %>
+      <script>
+        window.ActiveElement.turbo = false;
+      </script>
+    <% end %>
+
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet"
           href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
@@ -48,16 +63,16 @@
       window.ActiveElement = window.ActiveElement || {};
     </script>
 
-    <%= stylesheet_link_tag 'active_element/application', 'data-turbolinks-track': 'reload' %>
+    <%= csrf_meta_tag %>
+    <meta name="active_element_controller_path" content="<%= controller_path %>">
+
+    <%= stylesheet_link_tag 'active_element/active_element' %>
+    <%= javascript_include_tag 'active_element/active_element' %>
 
     <% if Rails.application.assets&.find_asset('application.css').present? %>
-      <%= stylesheet_link_tag 'application', 'data-turbolinks-track': 'reload' %>
+      <%= stylesheet_link_tag 'application' %>
     <% end %>
 
-    <%= csrf_meta_tag %>
-
-    <meta name="active_element_controller_path" content="<%= controller_path %>">
-
     <%= render_active_element_hook 'active_element/after_head' %>
   </head>
 
@@ -97,9 +112,10 @@
 
     <%= render_active_element_hook 'active_element/after_content' %>
 
-    <%= javascript_include_tag 'active_element/application', 'data-turbolinks-track': 'reload' %>
-    <% if Rails.application.assets&.find_asset('application.js').present? %>
-      <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
+    <% if !respond_to?(:javascript_importmap_tags) && Rails.application.assets&.find_asset('application.js').present? %>
+      <%= javascript_include_tag 'active_element/active_element', 'data-turbo-track': 'reload', 'data-turbolinks-track': 'reload' %>
+      <%= javascript_include_tag 'application', 'data-turbo-track': 'reload', 'data-turbolinks-track': 'reload' %>
     <% end %>
+
   </body>
 </html>

data/lib/active_element/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ActiveElement
-  VERSION = '0.0.16'
+  VERSION = '0.0.18'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_element
 version: !ruby/object:Gem::Version
-  version: 0.0.16
+  version: 0.0.18
 platform: ruby
 authors:
 - Bob Farrell
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-01-11 00:00:00.000000000 Z
+date: 2024-02-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap
@@ -113,7 +113,7 @@ files:
 - Rakefile
 - active_element.gemspec
 - app/assets/config/active_element/manifest.js
-- app/assets/javascripts/active_element/application.js
+- app/assets/javascripts/active_element/active_element.js
 - app/assets/javascripts/active_element/confirm.js
 - app/assets/javascripts/active_element/form.js
 - app/assets/javascripts/active_element/highlight.js
@@ -128,7 +128,7 @@ files:
 - app/assets/javascripts/active_element/toast.js
 - app/assets/stylesheets/active_element/_dark.scss
 - app/assets/stylesheets/active_element/_variables.scss
-- app/assets/stylesheets/active_element/application.scss
+- app/assets/stylesheets/active_element/active_element.scss
 - app/controllers/active_element/application_controller.rb
 - app/controllers/concerns/active_element/default_controller_actions.rb
 - app/views/active_element/_title.html.erb