Add Turbo Drive enabled status to the info tab

leonvogt · Jun 3, 2024 · 6db393f · 6db393f
1 parent 2fcc5c9
commit 6db393f
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 6 deletions.
diff --git a/src/components/detail_panel.js b/src/components/detail_panel.js
@@ -306,14 +306,29 @@ export default class DetailPanel {
             <span>Turbo Frames:</span>
             <span>${document.querySelectorAll("turbo-frame").length}</span>
           </div>
+          ${
+            typeof this.devTool.turboDetails.turboDriveEnabled === "boolean"
+              ? `
+                <div class="info-tab-content-wrapper" title="Checks 'window.Turbo.session.drive' to see if Turbo Drive is enabled">
+                  <span>Turbo Drive:</span>
+                  <span>${this.devTool.turboDetails.turboDriveEnabled ? "On" : "Off"}</span>
+                </div>
+              `
+              : `
+                <div class="info-tab-content-wrapper" title="Checks 'window.Turbo.session.drive' to see if Turbo Drive is enabled">
+                  <span>Turbo Drive:</span>
+                  <span>-</span>
+                </div>
+              `
+          }
           ${
             getMetaContent("turbo-prefetch") === "false"
               ? `
-            <div class="info-tab-content-wrapper">
-              <span>Link Prefetch:</span>
-              <span>Off</span>
-            </div>
-          `
+                  <div class="info-tab-content-wrapper" title="Checks the meta tag 'turbo-prefetch' to see if Link Prefetch is enabled">
+                    <span>Link Prefetch:</span>
+                    <span>Off</span>
+                  </div>
+                `
               : ""
           }
           <div class="info-tab-content-wrapper" title="Defines how Turbo handles page refreshes. Meta Tag: turbo-refresh-method">

diff --git a/src/content.js b/src/content.js
@@ -121,7 +121,7 @@ const injectedScriptMessageHandler = (event) => {
       }
       break
     case "turboDetails":
-      detailPanel.turboDetails = event.data.details
+      devTool.turboDetails = event.data.details
       renderDetailPanel()
       break
   }

diff --git a/src/inject.js b/src/inject.js
@@ -26,3 +26,5 @@ const events = ["DOMContentLoaded", "turbolinks:load", "turbo:load", "turbo:fram
 events.forEach((event) => {
   document.addEventListener(event, sendWindowDetails)
 })
+
+sendWindowDetails()