active_element 0.0.16 → 0.0.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a5061acace969c49903b783f1395dfcac9683001fca5b18099b50222b62ce25d
-  data.tar.gz: b884bb15effdeca54b82c1a27140418304e09d10c17f3b8d49253d75f9dc8a76
+  metadata.gz: 400b6c6c72f4bf41706eb1266704d9c7ae5a9807969ceb069dce935387db8012
+  data.tar.gz: 716241936a61a2bab52158b538d50ea48880af24f38b0d292f2a2c581a180361
 SHA512:
-  metadata.gz: b3b3b9df909c578397d11260209daabfe8e6e9af8424ce9865c28da05be980f3cea7614dc898fd585e0ab695befe8e214ec16d5cf40ddb2b69e05c8067a3d3c0
-  data.tar.gz: ce25ad80b730f77837e06967e4e4d5217878af9609c1c88bfbaa09eb5f86cbaebbe92233465c3a542b58bf27d842b2cc9ef7a91b2f4b4e565044d9bc030adda9
+  metadata.gz: 1cc434c86434948327d8b1c768883a8a806a3440ddc866087627abcd576a777bdc0bab24cd91330336819bf8e12937c144da29d479b8dc1419bb28e6f7ee3dcc
+  data.tar.gz: 0fc355d84b115702c99a162b2f2df2d8728948b192fe643a99db6bbd0abb58d085ede47af66f087f714bdd24731d8a82637b9bb6998e12be2d7c14a643703d4a

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/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.17'
 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.17
 platform: ruby
 authors:
 - Bob Farrell
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-01-11 00:00:00.000000000 Z
+date: 2024-01-20 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