better setup for debug env vars

thejonroberts · thejonroberts · commit 242fa6a8b8fa · 2024-07-06T08:37:18.000-04:00
diff --git a/app/javascript/controllers/application.js b/app/javascript/controllers/application.js
@@ -2,8 +2,11 @@ import { Application } from "@hotwired/stimulus"
 
 const application = Application.start()
 
-// Configure Stimulus development experience
-application.debug = false
+// set `STIMULUS_DEBUG = 1` in `.env.local` to enable debug mode. see /app/views/layouts/application.html.erb
+if (document.head.querySelector("meta[name=stimulus_debug]")) {
+  application.debug = true
+}
+
 window.Stimulus   = application
 
 export { application }
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -8,6 +8,12 @@
 
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
+
+    <% if Rails.env == 'development' %>
+      <%# set these values in .env.local %>
+      <%= tag :meta, name: :stimulus_debug, content: true if ENV.fetch("STIMULUS_DEBUG", false) %>
+      <% console if ENV.fetch("WEB_CONSOLE", false) %>
+    <% end %>
   </head>
 
   <body>
@@ -16,6 +22,5 @@
       <%= render "layouts/flash" %>
     </div>
     <%= yield %>
-    <% console if Rails.env == 'development' && ENV["WEB_CONSOLE"] %>
   </body>
 </html>
