refactor(): use env var to toggle between sprockets and webpacker

closes #339

Author: ldlsegovia

Gemfile

@@ -14,3 +14,5 @@ gemspec
 # gem "debugger"
 gem "activeadmin"
 gem "mimemagic", github: "mimemagicrb/mimemagic", ref: "01f92d86d15d85cfd0f20dabd025dcbd36a8a60f"
+
+gem "webpacker", "~> 5.0", require: ENV["SPROCKETS"] != "true"

Gemfile.lock

@@ -202,6 +202,8 @@ GEM
     puma (5.3.1)
       nio4r (~> 2.0)
     rack (2.2.2)
+    rack-proxy (0.6.5)
+      rack
     rack-test (1.1.0)
       rack (>= 1.0, < 3)
     rails (5.2.4.1)
@@ -286,6 +288,7 @@ GEM
     selenium-webdriver (3.142.7)
       childprocess (>= 0.5, < 4.0)
       rubyzip (>= 1.2.2)
+    semantic_range (3.0.0)
     shellany (0.0.1)
     shoulda-matchers (4.2.0)
       activesupport (>= 4.2.0)
@@ -309,6 +312,11 @@ GEM
       nokogiri (~> 1.6)
       rubyzip (>= 1.3.0)
       selenium-webdriver (>= 3.0, < 4.0)
+    webpacker (5.3.0)
+      activesupport (>= 5.2)
+      rack-proxy (>= 0.6.1)
+      railties (>= 5.2)
+      semantic_range (>= 2.3.0)
     websocket-driver (0.7.1)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.4)
@@ -341,6 +349,7 @@ DEPENDENCIES
   shoulda-matchers
   sqlite3
   webdrivers
+  webpacker (~> 5.0)
 
 BUNDLED WITH
    2.1.4

Rakefile

@@ -15,10 +15,8 @@ RDoc::Task.new(:rdoc) do |rdoc|
 end
 
 task :tests do
-  sh "bin/setup"
-  sh "rspec"
-  sh "bin/setup --use_webpacker"
-  sh "rspec"
+  system "export SPROCKETS=true; rspec ./spec/features"
+  system "export SPROCKETS=false; rspec"
 end
 
 Bundler::GemHelper.install_tasks

bin/setup

@@ -7,33 +7,6 @@ set -e
 gem install bundler --conservative
 bundle check || bundle install
 
-git restore -s@ -SW spec/dummy
-
-if [ "$1" = "--use_webpacker" ]; then
-  yarn prepublishOnly
-fi
-
 cd spec/dummy
-git checkout .
-git clean -f -d
 bundle exec rake db:setup
-bundle config frozen false
-if [ "$1" = "--use_webpacker" ]; then
-  bundle add webpacker  --version "~>5.0"
-  bundle exec rails webpacker:install
-  bundle exec rails generate active_admin:install --skip-users --skip-comments --use_webpacker
-else
-  set +e
-  bundle remove webpacker
-  yarn remove @activeadmin/activeadmin @rails/webpacker activeadmin_addons webpack-dev-server
-  set -e
-  bundle exec rails generate active_admin:install --skip-users --skip-comments
-fi
-bundle exec rails g activeadmin_addons:install
 
-if [ "$1" = "--use_webpacker" ]; then
-  yarn add file:./../..
-  rm -rf node_modules/activeadmin_addons/spec
-  rm -rf node_modules/activeadmin_addons/vendor
-  cd ../..
-fi

docs/CONTRIBUTING.md

@@ -39,16 +39,20 @@ rails s
 The gem is tested using [rspec](https://github.com/rspec/rspec-rails), [capybara](https://github.com/teamcapybara/capybara#using-capybara-with-rspec) and [selenium-webdriver](https://github.com/SeleniumHQ/selenium/tree/master/rb) with chrome. So, **you need to have chromedriver installed**.
 If you're using homebrew on OS X you can do: `brew install chromedriver`.
 
-To run the tests you can do, in the root of the gem,
+To run the tests you can do, in the root of the gem:
 
 ```
 # For running the full setup (sprockets and webpacker)
 bundle exec rake tests
 
-# For running in the current environment
+# For running with webpacker only
 bundle exec rspec
 ```
 
+# For running with webpacker only
+export SPROCKETS=true; bundle exec rspec
+```
+
 - The addons specs we put them inside `/spec/features`.
 - The helper classes specs we put them inside `/spec/lib`.
 

spec/dummy/.browserslistrc

@@ -0,0 +1 @@
+defaults

spec/dummy/app/admin/dashboard.rb

@@ -0,0 +1,32 @@
+ActiveAdmin.register_page "Dashboard" do
+  menu priority: 1, label: proc { I18n.t("active_admin.dashboard") }
+
+  content title: proc { I18n.t("active_admin.dashboard") } do
+    div class: "blank_slate_container", id: "dashboard_default_message" do
+      span class: "blank_slate" do
+        span I18n.t("active_admin.dashboard_welcome.welcome")
+        small I18n.t("active_admin.dashboard_welcome.call_to_action")
+      end
+    end
+
+    # Here is an example of a simple dashboard with columns and panels.
+    #
+    # columns do
+    #   column do
+    #     panel "Recent Posts" do
+    #       ul do
+    #         Post.recent(5).map do |post|
+    #           li link_to(post.title, admin_post_path(post))
+    #         end
+    #       end
+    #     end
+    #   end
+
+    #   column do
+    #     panel "Info" do
+    #       para "Welcome to ActiveAdmin."
+    #     end
+    #   end
+    # end
+  end # content
+end

spec/dummy/app/assets/javascripts/active_admin.js

@@ -0,0 +1,2 @@
+//= require active_admin/base
+//= require activeadmin_addons/all

spec/dummy/app/assets/stylesheets/active_admin.scss

@@ -0,0 +1,18 @@
+@import 'activeadmin_addons/all';
+// SASS variable overrides must be declared before loading up Active Admin's styles.
+//
+// To view the variables that Active Admin provides, take a look at
+// `app/assets/stylesheets/active_admin/mixins/_variables.scss` in the
+// Active Admin source.
+//
+// For example, to change the sidebar width:
+// $sidebar-width: 242px;
+
+// Active Admin's got SASS!
+@import "active_admin/mixins";
+@import "active_admin/base";
+
+// Overriding any non-variable SASS must be done after the fact.
+// For example, to change the default status-tag color:
+//
+//   .status_tag { background: #6090DB; }

spec/dummy/app/javascript/packs/active_admin.js

@@ -0,0 +1,6 @@
+// Load Active Admin's styles into Webpacker,
+// see `active_admin.scss` for customization.
+import "../stylesheets/active_admin";
+
+import "@activeadmin/activeadmin";
+import "activeadmin_addons"