Add rollup config

Author: sgara

.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    ["@babel/env", { "modules": false, "loose": true } ]
+  ]
+}

app/javascript/active_admin/base.js

@@ -1,23 +1,24 @@
-//= require jquery3
-//= require jquery-ui/widgets/datepicker
-//= require jquery-ui/widgets/dialog
-//= require jquery-ui/widgets/sortable
-//= require jquery-ui/widgets/tabs
-//= require jquery-ui/widget
-//= require jquery_ujs
-//= require_self
-//= require ./ext/jquery
-//= require ./ext/jquery-ui
-//= require ./lib/active_admin
-//= require ./lib/batch_actions
-//= require ./lib/dropdown-menu
-//= require ./lib/has_many
-//= require ./lib/modal_dialog
-//= require ./lib/per_page
-//= require ./lib/checkbox-toggler
-//= require ./lib/table-checkbox-toggler
-//= require ./initializers/datepicker
-//= require ./initializers/filters
-//= require ./initializers/tabs
+import "jquery"
+import "jquery-ui/ui/widgets/datepicker"
+import "jquery-ui/ui/widgets/dialog"
+import "jquery-ui/ui/widgets/sortable"
+import "jquery-ui/ui/widgets/tabs"
+import "jquery-ui/ui/widget"
+import "jquery-ujs"
 
-window.ActiveAdmin = {}
+import "./ext/jquery"
+import "./ext/jquery-ui"
+import "./lib/active_admin"
+import "./lib/batch_actions"
+import "./lib/checkbox-toggler"
+import "./lib/dropdown-menu"
+import "./lib/has_many"
+import "./lib/modal_dialog"
+import "./lib/per_page"
+import "./lib/table-checkbox-toggler"
+import "./initializers/datepicker"
+import "./initializers/filters"
+import "./initializers/tabs"
+
+
+window.ActiveAdmin = {};

package.json

@@ -1,7 +1,14 @@
 {
-  "name": "activeadmin",
+  "name": "active_admin",
   "version": "2.1.0",
   "description": "The administration framework for Ruby on Rails.",
+  "main": "app/assets/javascripts/active_admin.js",
+  "files": [
+    "app/assets/images/*",
+    "app/assets/javascripts/*.js",
+    "app/assets/stylesheets/*.scss",
+    "src/*.js"
+  ],
   "repository": {
     "type": "git",
     "url": "activeadmin/activeadmin"
@@ -17,9 +24,27 @@
   },
   "homepage": "htts://activeadmin.info",
   "devDependencies": {
-    "gherkin-lint": "^3.3.3"
+    "@babel/core": "^7.6.2",
+    "@babel/preset-env": "^7.6.2",
+    "common-tags": "^1.8.0",
+    "eslint": "^6.4.0",
+    "eslint-plugin-import": "^2.18.2",
+    "gherkin-lint": "^3.3.6",
+    "rollup": "^1.21.4",
+    "rollup-plugin-babel": "^4.3.3",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-license": "^0.12.1",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-uglify": "^6.0.3"
   },
   "scripts": {
-    "lint": "gherkin-lint features"
+    "lint": "gherkin-lint features",
+    "build": "rollup --config rollup.config.js",
+    "prepublishOnly": "rm -rf src && cp -R app/javascript/active_admin src"
+  },
+  "dependencies": {
+    "jquery": "^3.4.1",
+    "jquery-ui": "^1.12.1",
+    "jquery-ujs": "^1.2.2"
   }
 }

rollup.config.js

@@ -0,0 +1,56 @@
+import resolve from "rollup-plugin-node-resolve";
+import commonjs from "rollup-plugin-commonjs";
+import babel from "rollup-plugin-babel";
+import { uglify } from "rollup-plugin-uglify";
+import license from "rollup-plugin-license";
+import { stripIndent } from 'common-tags';
+
+const uglifyOptions = {
+  mangle: false,
+  compress: false,
+  output: {
+    beautify: true,
+    indent_level: 2
+  }
+}
+
+export default {
+  input: "app/javascript/active_admin/base.js",
+  output: {
+    file: "app/assets/javascripts/active_admin/base.js",
+    format: "umd",
+    name: "ActiveAdmin"
+  },
+  plugins: [
+    resolve(),
+    commonjs(),
+    babel(),
+    uglify(uglifyOptions),
+    license({
+      banner: {
+        commentStyle: 'none',
+        // Add rails-style imports for sprockets usage
+        content:stripIndent`
+          //= require jquery3
+          //= require jquery-ui/widgets/datepicker
+          //= require jquery-ui/widgets/dialog
+          //= require jquery-ui/widgets/sortable
+          //= require jquery-ui/widgets/tabs
+          //= require jquery-ui/widget
+          //= require jquery_ujs
+          //= require_self
+        `.trim()
+      },
+    }),
+  ],
+  // Use client's yarn dependencies instead of bundling everything
+  external: [
+    'jquery',
+    'jquery-ui/ui/widgets/datepicker',
+    'jquery-ui/ui/widgets/dialog',
+    'jquery-ui/ui/widgets/sortable',
+    'jquery-ui/ui/widgets/tabs',
+    'jquery-ui/ui/widget',
+    'jquery-ujs'
+  ]
+}