enhance turbo/links tracing messages

Author: Judahmeek

node_package/src/clientStartup.ts

@@ -196,8 +196,8 @@ function parseRailsContext(): RailsContext | null {
   return JSON.parse(el.textContent);
 }
 
-export function reactOnRailsPageLoaded(): void {
-  debugTurbolinks('reactOnRailsPageLoaded');
+export function reactOnRailsPageLoaded(reason: string): void {
+  debugTurbolinks(`reactOnRailsPageLoaded because ${reason}`);
 
   const railsContext = parseRailsContext();
 
@@ -220,8 +220,8 @@ function unmount(el: Element): void {
   }
 }
 
-function reactOnRailsPageUnloaded(): void {
-  debugTurbolinks('reactOnRailsPageUnloaded');
+function reactOnRailsPageUnloaded(reason: string): void {
+  debugTurbolinks(`reactOnRailsPageUnloaded because ${reason}`);
   const els = reactOnRailsHtmlElements();
   for (let i = 0; i < els.length; i += 1) {
     unmount(els[i]);
@@ -234,30 +234,30 @@ function renderInit(): void {
   // Webpack bundles first.
   if ((!turbolinksInstalled() || !turbolinksSupported()) && !turboInstalled()) {
     debugTurbolinks('NOT USING TURBOLINKS: calling reactOnRailsPageLoaded');
-    reactOnRailsPageLoaded();
+    reactOnRailsPageLoaded('nothing:default');
     return;
   }
 
   if (turboInstalled()) {
     debugTurbolinks(
       'USING TURBO: document added event listeners ' +
       'turbo:before-render and turbo:render.');
-    document.addEventListener('turbo:before-render', reactOnRailsPageUnloaded);
-    document.addEventListener('turbo:render', reactOnRailsPageLoaded);
-    reactOnRailsPageLoaded();
+    document.addEventListener('turbo:before-render', reactOnRailsPageUnloaded('turbo:before-render'));
+    document.addEventListener('turbo:render', reactOnRailsPageLoaded('turbo:render'));
+    reactOnRailsPageLoaded('turbo:default');
   } else if (turbolinksVersion5()) {
     debugTurbolinks(
       'USING TURBOLINKS 5: document added event listeners ' +
       'turbolinks:before-render and turbolinks:render.');
-    document.addEventListener('turbolinks:before-render', reactOnRailsPageUnloaded);
-    document.addEventListener('turbolinks:render', reactOnRailsPageLoaded);
-    reactOnRailsPageLoaded();
+    document.addEventListener('turbolinks:before-render', reactOnRailsPageUnloaded('turbolinks:before-render'));
+    document.addEventListener('turbolinks:render', reactOnRailsPageLoaded('turbolinks:render'));
+    reactOnRailsPageLoaded('turbolinks:default');
   } else {
     debugTurbolinks(
       'USING TURBOLINKS 2: document added event listeners page:before-unload and ' +
       'page:change.');
-    document.addEventListener('page:before-unload', reactOnRailsPageUnloaded);
-    document.addEventListener('page:change', reactOnRailsPageLoaded);
+    document.addEventListener('page:before-unload', reactOnRailsPageUnloaded('page:before-unload'));
+    document.addEventListener('page:change', reactOnRailsPageLoaded('page:change'));
   }
 }