basecoat 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c1dcf92eb8d942f66523c91a21a820d5ff109cba67b38f98093eccdcac678c75
-  data.tar.gz: 1a0404ad13c2e6ccbf20a9bfc7374253135acf5dd92fe3cc5eee7106c1b2b6e4
+  metadata.gz: dadf44785123af07635692a4f315fb01b9643fdd78ca5ad069f3a102569bcaf0
+  data.tar.gz: fcf782397f0232aa0e99456d80fb8169639d64a3aed3b910e39ecc8a5ad192cd
 SHA512:
-  metadata.gz: ca937fa7dd72ca69780aa873be1eddb53e8ec6b38cf7295faba256b73c0349b212e5b27cb642b6cba2564d523c1f1fdeae117e9c0c5b356f6f737e53059ac03d
-  data.tar.gz: ebb20c9cd7bd6e839423e9b396e36a01ad5d5177422163666d964c01b9dec11889254cf66b5c0eec9f3b6b667970d9104d750a4bd7699a639c06708ff8db7011
+  metadata.gz: ae5d800a24e3cbbfdf80577591615678ea1e176033b2e3ee5c0827f33d418e2bb30cf290d2329838ea13e8f588717dbf278ef6a6b86bfc24ebb1e318838a3e85
+  data.tar.gz: 03706d6dc426530b68bfa825de75e66ffd97138f268a6ce64e498ec02192650487f73a4d25dd3eb23af0c1a0fa88c7ee209020da1227ce18d1b3112b4652eec0

data/lib/basecoat/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Basecoat
-  VERSION = "0.1.2"
+  VERSION = "0.1.3"
 end

data/lib/generators/basecoat/templates/basecoat-helper.js

@@ -0,0 +1,38 @@
+// Re-initialize basecoat-css components after Turbo navigation
+document.addEventListener('turbo:load', () => {
+  document.dispatchEvent(new Event('DOMContentLoaded', { bubbles: true, cancelable: false }))
+})
+
+// View transitions for turbo frame navigation
+addEventListener("turbo:before-frame-render", (event) => {
+    if (document.startViewTransition) {
+        const originalRender = event.detail.render
+        event.detail.render = async (currentElement, newElement) => {
+            const transition = document.startViewTransition(() => originalRender(currentElement, newElement))
+            await transition.finished
+        }
+    }
+})
+
+// Dark mode toggle
+const apply = dark => {
+    document.documentElement.classList.toggle('dark', dark);
+    try { localStorage.setItem('themeMode', dark ? 'dark' : 'light'); } catch (_) {}
+};
+
+// Apply theme on initial load (runs immediately to prevent flash)
+try {
+    const stored = localStorage.getItem('themeMode');
+    if (stored ? stored === 'dark'
+        : matchMedia('(prefers-color-scheme: dark)').matches) {
+        document.documentElement.classList.add('dark');
+    }
+} catch (_) {}
+
+// Set up theme toggle event listener
+document.addEventListener('basecoat:theme', (event) => {
+    const mode = event.detail?.mode;
+    apply(mode === 'dark' ? true
+        : mode === 'light' ? false
+            : !document.documentElement.classList.contains('dark'));
+})

data/lib/tasks/basecoat.rake

@@ -12,12 +12,20 @@ namespace :basecoat do
     if File.exist?(Rails.root.join("config/importmap.rb"))
       importmap_path = Rails.root.join("config/importmap.rb")
       importmap_content = File.read(importmap_path)
+
       unless importmap_content.include?("basecoat-css")
         File.open(importmap_path, "a") do |f|
           f.puts "\npin \"basecoat-css/all\", to: \"https://cdn.jsdelivr.net/npm/basecoat-css@0.3.2/dist/js/all.js\""
         end
         puts "  Added: basecoat-css to config/importmap.rb"
       end
+
+      unless importmap_content.include?("basecoat-helper")
+        File.open(importmap_path, "a") do |f|
+          f.puts "pin \"basecoat-helper\""
+        end
+        puts "  Added: basecoat-helper to config/importmap.rb"
+      end
     end
 
     # Add JavaScript imports and code
@@ -25,6 +33,7 @@ namespace :basecoat do
     if File.exist?(js_path)
       js_content = File.read(js_path)
 
+      # Add basecoat-css import
       unless js_content.include?("basecoat-css")
         # Add import after the last import line
         js_content = js_content.sub(/(import\s+.*\n)(?!import)/, "\\1import \"basecoat-css/all\"\n")
@@ -32,54 +41,20 @@ namespace :basecoat do
         puts "  Added: basecoat-css import to app/javascript/application.js"
       end
 
-      # Add view transitions code
-      unless js_content.include?("turbo:before-frame-render")
-        view_transition_code = <<~JS
-
-          // View transitions for turbo frame navigation
-          addEventListener("turbo:before-frame-render", (event) => {
-              if (document.startViewTransition) {
-                  const originalRender = event.detail.render
-                  event.detail.render = async (currentElement, newElement) => {
-                      const transition = document.startViewTransition(() => originalRender(currentElement, newElement))
-                      await transition.finished
-                  }
-              }
-          })
-        JS
-        File.open(js_path, "a") { |f| f.write(view_transition_code) }
-        puts "  Added: View transitions to app/javascript/application.js"
-      end
+      # Copy basecoat-helper.js
+      helper_source = File.expand_path("../generators/basecoat/templates/basecoat-helper.js", __dir__)
+      helper_destination = Rails.root.join("app/javascript/basecoat-helper.js")
+
+      FileUtils.cp(helper_source, helper_destination)
+      puts "  Created: app/javascript/basecoat-helper.js"
 
-      # Add dark mode toggle code
-      unless js_content.include?("basecoat:theme")
-        dark_mode_code = <<~JS
-
-          // Dark mode toggle
-          const apply = dark => {
-              document.documentElement.classList.toggle('dark', dark);
-              try { localStorage.setItem('themeMode', dark ? 'dark' : 'light'); } catch (_) {}
-          };
-
-          // Apply theme on initial load (runs immediately to prevent flash)
-          try {
-              const stored = localStorage.getItem('themeMode');
-              if (stored ? stored === 'dark'
-                  : matchMedia('(prefers-color-scheme: dark)').matches) {
-                  document.documentElement.classList.add('dark');
-              }
-          } catch (_) {}
-
-          // Set up theme toggle event listener
-          document.addEventListener('basecoat:theme', (event) => {
-              const mode = event.detail?.mode;
-              apply(mode === 'dark' ? true
-                  : mode === 'light' ? false
-                      : !document.documentElement.classList.contains('dark'));
-          })
-        JS
-        File.open(js_path, "a") { |f| f.write(dark_mode_code) }
-        puts "  Added: Dark mode toggle to app/javascript/application.js"
+      # Add basecoat-helper import
+      js_content = File.read(js_path)
+      unless js_content.include?("basecoat-helper")
+        # Add import after the last import line
+        js_content = js_content.sub(/(import\s+.*\n)(?!import)/, "\\1import \"basecoat-helper\"\n")
+        File.write(js_path, js_content)
+        puts "  Added: basecoat-helper import to app/javascript/application.js"
       end
     end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: basecoat
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Martijn Lafeber
@@ -43,6 +43,7 @@ files:
 - lib/basecoat/railtie.rb
 - lib/basecoat/version.rb
 - lib/generators/basecoat/templates/application.html.erb
+- lib/generators/basecoat/templates/basecoat-helper.js
 - lib/generators/basecoat/templates/devise.html.erb
 - lib/generators/basecoat/templates/devise/confirmations/new.html.erb
 - lib/generators/basecoat/templates/devise/mailer/confirmation_instructions.html.erb