Move to webpacker. First steps: rails/ujs and turbolinks

Author: ledermann

Diff for: .yarnclean

@@ -9,7 +9,6 @@ docs
 doc
 website
 images
-assets
 
 # examples
 example

Diff for: app/assets/javascripts/application.js

@@ -21,15 +21,13 @@
 //= require blueimp-file-upload/js/jquery.fileupload
 //= require blueimp-load-image/js/load-image
 //= require blueimp-tmpl/js/tmpl
-//= require rails-ujs
 //= require activestorage
-//= require turbolinks
 //= require punchbox
 //= require_tree .
 
-new PiwikAnalytics();
+new PiwikAnalytics()
 
 $(document).on('turbolinks:load', function() {
-  new TooltipEnabler();
-  new InfiniteScrolling();
-});
+  new TooltipEnabler()
+  new InfiniteScrolling()
+})

Diff for: app/javascript/packs/application.js

@@ -7,4 +7,7 @@
 // To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
 // layout file, like app/views/layouts/application.html.erb
 
-console.log('Hello World from Webpacker')
+import Rails from '@rails/ujs'
+import Turbolinks from 'turbolinks'
+Rails.start()
+Turbolinks.start()

Diff for: app/views/layouts/application.html.slim

@@ -9,9 +9,9 @@ html[lang="en"]
     = csp_meta_tag
     = action_cable_meta_tag
     = piwik_meta_tags
+    = javascript_pack_tag    'application', 'data-turbolinks-track': 'reload'
     = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
     = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
-    = javascript_pack_tag    'application', 'data-turbolinks-track': 'reload'
 
   body data-punchbox-controller=controller_path data-punchbox-action=action_name
     = render 'layouts/navbar'

Diff for: package.json

@@ -5,13 +5,15 @@
     "lint": "eslint --ext .js app/javascript"
   },
   "dependencies": {
+    "@rails/ujs": "^6.0.0-alpha",
     "@rails/webpacker": "^4.0.0-rc.7",
     "CSSBox": "TheLastProject/CSSBox",
     "blueimp-file-upload": "^9.28.0",
     "coffeescript": "^2.3.1",
     "corejs-typeahead": "^1.2.1",
     "jquery": "^3.2.1",
-    "parsleyjs": "^2.8.0"
+    "parsleyjs": "^2.8.0",
+    "turbolinks": "^5.2.0"
   },
   "devDependencies": {
     "babel-eslint": "^10.0.1",

Diff for: yarn.lock

@@ -648,6 +648,11 @@
   resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
   integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
 
+"@rails/ujs@^6.0.0-alpha":
+  version "6.0.0-alpha"
+  resolved "https://registry.yarnpkg.com/@rails/ujs/-/ujs-6.0.0-alpha.tgz#d5761d93e19215f5f342229f934d5ca8f6dd22a5"
+  integrity sha512-6AZcab77PeJQv8RdfryDYh6tAGcndcRnqYaciLiFclADBPFE9Ip978pGCPiKcKGgCg8S1P1nZII+1GNIrUrx+g==
+
 "@rails/webpacker@^4.0.0-rc.7":
   version "4.0.0-rc.7"
   resolved "https://registry.yarnpkg.com/@rails/webpacker/-/webpacker-4.0.0-rc.7.tgz#da354003dd0a0e23d801b75c21aa1f3dc722f732"
@@ -7058,6 +7063,11 @@ tunnel-agent@^0.6.0:
   dependencies:
     safe-buffer "^5.0.1"
 
+turbolinks@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/turbolinks/-/turbolinks-5.2.0.tgz#e6877a55ea5c1cb3bb225f0a4ae303d6d32ff77c"
+  integrity sha512-pMiez3tyBo6uRHFNNZoYMmrES/IaGgMhQQM+VFF36keryjb5ms0XkVpmKHkfW/4Vy96qiGW3K9bz0tF5sK9bBw==
+
 tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   version "0.14.5"
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"