Better modularization of our plugins

.babelrc

@@ -3,12 +3,9 @@
  [
  "es2015",
  {
- "loose": true,
  "modules": false
  }
  ]
  ],
- "plugins": [
- "transform-es2015-modules-strip"
- ]
+ "plugins": ["external-helpers"]
 }

build/build-plugins.js

@@ -0,0 +1,94 @@
+const path = require('path')
+const rollup = require('rollup')
+const babel = require('rollup-plugin-babel')
+
+const files = {
+ Util: path.resolve(__dirname, '../js/src/util.js'),
+ Alert: path.resolve(__dirname, '../js/src/alert.js'),
+ Button: path.resolve(__dirname, '../js/src/button.js'),
+ Carousel: path.resolve(__dirname, '../js/src/carousel.js'),
+ Collapse: path.resolve(__dirname, '../js/src/collapse.js'),
+ Dropdown: path.resolve(__dirname, '../js/src/dropdown.js'),
+ Modal: path.resolve(__dirname, '../js/src/modal.js'),
+ Popover: path.resolve(__dirname, '../js/src/popover.js'),
+ Scrollspy: path.resolve(__dirname, '../js/src/scrollspy.js'),
+ Tab: path.resolve(__dirname, '../js/src/tab.js'),
+ Tooltip: path.resolve(__dirname, '../js/src/tooltip.js'),
+ Index: path.resolve(__dirname, '../js/src/index.js')
+}
+
+const pathDest = path.resolve(__dirname, '../js/dist/')
+const pathDestESM = path.resolve(__dirname, '../js/dist/esm/')
+const relativePathSrc = 'js/src/'
+const relativePathDist = 'js/dist/'
+const relativePathDistESM = 'js/dist/esm/'
+const externalIndex = []
+
+for (const plugin in files) {
+ if (!Object.prototype.hasOwnProperty.call(files, plugin)) {
+ continue
+ }
+ const file = `${plugin.toLowerCase()}.js`
+ var externalArray = ['jquery', 'popper.js']
+
+ if (files[plugin] !== files.Util) {
+ externalArray.push(files.Util)
+ }
+
+ if (files[plugin] === files.Popover) {
+ externalArray.push(files.Tooltip)
+ }
+
+ // Do not export every plugins for the Index
+ if (files[plugin] !== files.Index) {
+ externalIndex.push(files[plugin])
+ }
+ else {
+ externalArray = externalIndex
+ }
+
+ rollup.rollup({
+ entry: files[plugin],
+ external: externalArray,
+ plugins: [
+ babel({
+ exclude: 'node_modules/**' // only transpile our source code
+ })
+ ],
+ onwarn: function (warning) {
+ // Avoid warning for Tooltip and Util imports
+ if (warning.code === 'MISSING_GLOBAL_NAME') {
+ return
+ }
+ }
+ })
+ .then(function (bundle) {
+ const conf = {
+ dest: `${pathDest}/${file}`,
+ format: 'umd',
+ moduleName: plugin === 'Index' ? 'bootstrap' : plugin,
+ sourceMap: true,
+ globals: {
+ jquery: '$',
+ 'popper.js': 'Popper'
+ }
+ }
+ // Write plugin in UMD
+ bundle.write(conf)
+ .then(function () {
+ console.log(`${relativePathSrc}${file} -> ${relativePathDist}${file}`)
+
+ conf.format = 'es'
+ conf.moduleName = null
+ conf.dest = `${pathDestESM}/${file}`
+ conf.globals = null
+
+ // Write plugin in ESM
+ bundle.write(conf)
+ .then(function () {
+ console.log(`${relativePathSrc}${file} -> ${relativePathDistESM}${file}`)
+ })
+ })
+ })
+ .catch(console.error) // log errors
+}

build/rollup.config.js

@@ -0,0 +1,43 @@
+const path = require('path')
+const fs = require('fs')
+const babel = require('rollup-plugin-babel')
+const resolve = require('rollup-plugin-node-resolve')
+const BUNDLE = process.env.BUNDLE === 'true'
+const year = new Date().getFullYear()
+
+const dataPkg = fs.readFileSync(path.resolve(__dirname, '../package.json'))
+const pkg = JSON.parse(dataPkg)
+
+var fileDest = 'bootstrap.js'
+var external = ['jquery', 'popper.js']
+const plugins = [
+ babel({
+ exclude: 'node_modules/**' // only transpile our source code
+ })
+]
+
+if (BUNDLE) {
+ fileDest = 'bootstrap.bundle.js'
+ // remove last entry in external array ton bundle Popper
+ external.pop()
+ plugins.push(resolve())
+}
+
+module.exports = {
+ entry: path.resolve(__dirname, '../js/src/index.js'),
+ format: 'umd',
+ moduleName: 'bootstrap',
+ dest: path.resolve(__dirname, `../dist/js/${fileDest}`),
+ external: external,
+ globals: {
+ jquery: '$',
+ 'popper.js': 'Popper'
+ },
+ plugins: plugins,
+ banner: `/*!
+ * Bootstrap v${pkg.version} (${pkg.homepage})
+ * Copyright 2011-${year} ${pkg.author}
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+`
+}