Migrate turbo from webpack to importmaps

Author: edwinthinks

app/javascript/application.js

@@ -5,10 +5,16 @@
  * all the interactions.
  */
 import jQuery from 'jquery'
+import 'admin-lte'
+import "@oddcamp/cocoon-vanilla-js";
+import { Turbo } from "@hotwired/turbo-rails"
+
 window.jQuery = jQuery
 window.$ = jQuery
 
-import 'admin-lte'
-import "@oddcamp/cocoon-vanilla-js";
+// Disable turbo by default to avoid issues with turbolinks
+Turbo.session.drive = false
 
 console.log("Hello from importmap-rails!")
+
+

app/views/layouts/application.html.erb

@@ -6,7 +6,7 @@
   <title><%= content_for?(:title) ? yield(:title) : default_title_content %></title>
   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
   <%= csrf_meta_tags %>
-  <%= javascript_include_tag 'application' %>
+  <%# javascript_include_tag 'application' %>
   <%= stylesheet_link_tag 'application', media: 'all' %>
   <%= raw fullstory_script(current_user: current_user) if Rails.env.production? %>
   <%# javascript_pack_tag 'application' %>

config/importmap.rb

@@ -1,6 +1,9 @@
 # Pin npm packages by running ./bin/importmap
 
 pin "application", preload: true
+pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
+pin "@hotwired/stimulus", to: "https://ga.jspm.io/npm:@hotwired/[email protected]/dist/stimulus.js"
+pin_all_from "app/javascript/controllers", under: "controllers"
 pin "admin-lte", to: "https://ga.jspm.io/npm:[email protected]/dist/js/adminlte.min.js"
 pin "jquery", to: "https://ga.jspm.io/npm:[email protected]/dist/jquery.js", preload: true
 pin "@oddcamp/cocoon-vanilla-js", to: "https://ga.jspm.io/npm:@oddcamp/[email protected]/index.js"