dev_toolbar 2.1.0 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6a18b06fb4ebca9df093fe77b0fc00d329965a63016d5b96b7f1e014345d6e51
-  data.tar.gz: 7d61f7d42ce4bfba5c5739fd869d4fcbe9799fcf18f013d1d203a10450169ab5
+  metadata.gz: '0878473f66d6e8b0886db7f6563d26c4d39584961c5695a11bf223f0857d54d3'
+  data.tar.gz: 5c40deeef8f49f7bca4484f16c757d253d4ebd33cbd2ec0466cb6c0c62697353
 SHA512:
-  metadata.gz: 17c4d7b47ed6688e0c16af6bf5987bae26519d7705170adc265e8891449ef8b716f0dd81a9029ce7d32b138b59d5f08a9b489f001b88a96aabfe8841677713e6
-  data.tar.gz: b4f95df36dbbceb5423713ac190a52fa332de5343ada45a4cc7e7cc2350cd23e4edd7b357c134a187a03529534715c90460ea723ffa9e5c646f79b8669042232
+  metadata.gz: 9dae6df0741bd49164de32d1894027f49aac645e0c41b8cccdca2cffb5df36f96228a466950a7efe8cb3ba7043ff73e7512b5d44c67f48d46c9dd8eec6917995
+  data.tar.gz: d48f4130a4db41b7b9c5ca240f90daf199452a904eb706cc32ed4db94c5f620dfd28a6160fce77b1a8e78e979fe5f02573b047c55f68c88a0cae9f8a0d2a4d1a

data/app/assets/javascripts/dev_toolbar/index.js

@@ -0,0 +1,34 @@
+import Toolbar from "dev_toolbar/toolbar"
+
+function waitForElementToExist(selector) {
+  return new Promise(resolve => {
+    if (document.querySelector(selector)) {
+      return resolve(document.querySelector(selector));
+    }
+
+    const observer = new MutationObserver(() => {
+      if (document.querySelector(selector)) {
+        resolve(document.querySelector(selector));
+        observer.disconnect();
+      }
+    });
+
+    observer.observe(document.body, {
+      subtree: true,
+      childList: true,
+    });
+  });
+}
+const loadEvent = self.hasOwnProperty("Turbo") ? "turbo:load" : "DOMContentLoaded";
+
+document.addEventListener(loadEvent, function() {
+  if (!document.getElementById("dev-toolbar")) {
+    Toolbar.render();
+  }
+  waitForElementToExist("#dev-toolbar-toggle").then( () => {
+    document.getElementById("dev-toolbar-toggle").addEventListener("click", function() {
+      var links = document.getElementById("dev-toolbar-links");
+      links.classList.toggle("hidden");
+    });
+  });
+});

data/app/assets/javascripts/dev_toolbar/toolbar.js

@@ -0,0 +1,24 @@
+export default class Toolbar {
+  static render() {
+    const configuration = document.querySelector("meta[name=dev_toolbar_config]")
+    const defined_links = JSON.parse(configuration.content)
+    let toolbar_links = ``
+    for (let index = 0; index < defined_links.length; index++) {
+      const link = defined_links[index];
+      toolbar_links += `<a href="${link.path}" target="_blank" class="dev-toolbar-link">${link.name}</a>`
+    }
+    const toolbar_html = `
+      <div id="dev-toolbar">
+        <div id="dev-toolbar-button">
+          <button id="dev-toolbar-toggle">🛠️</button>
+        </div>
+        <div id="dev-toolbar-links" class="hidden">
+          ${toolbar_links}
+        </div>
+      </div>
+    `
+    document.body.insertAdjacentHTML('beforeend', toolbar_html)
+  }
+
+}
+export { Toolbar }

data/app/assets/stylesheets/dev_toolbar.css

@@ -0,0 +1,41 @@
+#dev-toolbar {
+  position: fixed;
+  right: 0;
+  top: 50vh;
+  transform: translateY(-50%);
+  background-color: #f0f0f0;
+  border: 1px solid #ccc;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+  color: #808080;
+}
+
+#dev-toolbar-toggle {
+  all: unset;
+  font-size: 2em;
+  border: none;
+  cursor: pointer;
+  line-height: 1.5;
+  padding: 0 10px;
+  text-decoration: none;
+}
+
+#dev-toolbar-links {
+  display: flex;
+  flex-direction: column;
+}
+
+.dev-toolbar-link {
+  padding: 5px 10px;
+  border-bottom: 1px #f0f0f0 solid;
+  color: #808080;
+  text-decoration: none;
+  background-color: white;
+}
+
+#dev-toolbar-links.hidden {
+  display: none;
+}

data/{lib/dev_toolbar/app → app}/controllers/dev_toolbar/erd_controller.rb

@@ -4,7 +4,7 @@ module DevToolbar
     
     def show
       @erd_path = Rails.root.join("erd.png")
-      render :show
+      render "dev_toolbar/erd/show", formats: [:html]
     end
   end
 end

data/lib/dev_toolbar/engine.rb

@@ -2,9 +2,25 @@ module DevToolbar
   class Engine < ::Rails::Engine
     isolate_namespace DevToolbar
 
-    config.autoload_paths << File.expand_path("../app/controllers", __FILE__)
-    config.paths["app/views"] << File.expand_path("../app/views", __FILE__)
-    
+    config.assets.paths << root.join("app/assets/stylesheets")
+
+    initializer "dev_toolbar.assets_precompile", group: :all do |app|
+      # Only configure asset precompilation if Sprockets is available
+      if defined?(Sprockets) && app.config.respond_to?(:assets)
+        app.config.assets.precompile += [
+          "dev_toolbar/toolbar.js", 
+          "dev_toolbar/index.js", 
+        ]
+      end
+    end
+
+    initializer "dev_toolbar.add_static_assets_middleware" do |app|
+      app.middleware.use ::Rack::Static,
+        # the url prefix to intercept
+        urls: ["/dev_toolbar"],
+        root: "#{root}/app/"
+    end
+
     initializer "dev_toolbar.add_routes", after: :add_routing_paths do |app|
       app.routes.append do
         get "/erd", to: "dev_toolbar/erd#show"

data/lib/dev_toolbar/middleware.rb

@@ -10,65 +10,10 @@ module DevToolbar
       if Rails.env.development? && headers["Content-Type"]&.include?("text/html")
         response_body = response.body
         toolbar_html = <<-HTML
-          <div id="dev-toolbar">
-            <div id="dev-toolbar-button">
-              <a id="dev-toolbar-toggle">🛠️</a>
-            </div>
-            <div id="dev-toolbar-links" class="hidden">
-              #{toolbar_links}
-            </div>
-          </div>
-          <style>
-            #dev-toolbar {
-              position: fixed;
-              right: 0;
-              top: 50vh;
-              transform: translateY(-50%);
-              background-color: #f0f0f0;
-              border: 1px solid #ccc;
-              z-index: 1000;
-              display: flex;
-              flex-direction: column;
-              align-items: center;
-              font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
-              color: #808080;
-            }
-        
-            #dev-toolbar-toggle {
-              font-size: 2em;
-              border: none;
-              cursor: pointer;
-              line-height: 1.5;
-              padding: 0 10px;
-              text-decoration: none;
-            }
-        
-            #dev-toolbar-links {
-              display: flex;
-              flex-direction: column;
-            }
-
-            .dev-toolbar-link {
-              padding: 5px 10px;
-              border-bottom: 1px #f0f0f0 solid;
-              color: #808080;
-              text-decoration: none;
-              background-color: white;
-            }
-        
-            #dev-toolbar-links.hidden {
-              display: none;
-            }
-          </style>
-          <script>
-            document.getElementById('dev-toolbar-toggle').addEventListener('click', function() {
-              var links = document.getElementById('dev-toolbar-links');
-              links.classList.toggle('hidden');
-            });
-          </script>
+          <meta name="dev_toolbar_config" content='#{toolbar_links_content}'>
         HTML
 
-        response_body.sub!('</body>', "#{toolbar_html}</body>")
+        response_body.sub!('</head>', "#{toolbar_html}</head>")
         headers["Content-Length"] = response_body.bytesize.to_s
 
         response = [response_body]
@@ -79,15 +24,8 @@ module DevToolbar
 
     private
 
-    def toolbar_links
-      DevToolbar.configuration.links.map do |link|
-        # if the erd.png file does not exist in /public, don't show the link
-        if link[:name] == "ERD" && !File.exist?(Rails.root.join("erd.png"))
-          next
-        else
-          "<a href='#{link[:path]}' target='_blank' class='dev-toolbar-link'>#{link[:name]}</a>"
-        end
-      end.compact.join(" ")
+    def toolbar_links_content
+      JSON.generate(DevToolbar.configuration.links)
     end
   end
 end

data/lib/dev_toolbar/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module DevToolbar
-  VERSION = "2.1.0"
+  VERSION = "3.0.0"
 end

metadata

@@ -1,13 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dev_toolbar
 version: !ruby/object:Gem::Version
-  version: 2.1.0
+  version: 3.0.0
 platform: ruby
 authors:
 - Ben Purinton
+autorequire: 
 bindir: exe
 cert_chain: []
-date: 2025-07-04 00:00:00.000000000 Z
+date: 2026-06-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -58,9 +59,12 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- app/assets/javascripts/dev_toolbar/index.js
+- app/assets/javascripts/dev_toolbar/toolbar.js
+- app/assets/stylesheets/dev_toolbar.css
+- app/controllers/dev_toolbar/erd_controller.rb
+- app/views/dev_toolbar/erd/show.html.erb
 - lib/dev_toolbar.rb
-- lib/dev_toolbar/app/controllers/dev_toolbar/erd_controller.rb
-- lib/dev_toolbar/app/views/dev_toolbar/erd/show.html.erb
 - lib/dev_toolbar/configuration.rb
 - lib/dev_toolbar/engine.rb
 - lib/dev_toolbar/middleware.rb
@@ -72,6 +76,7 @@ licenses:
 metadata:
   homepage_uri: https://github.com/firstdraft
   source_code_uri: https://github.com/firstdraft/dev_toolbar
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -86,7 +91,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.5
+rubygems_version: 3.5.16
+signing_key: 
 specification_version: 4
 summary: A development toolbar for Rails applications.
 test_files: []