Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
build-plugins.js 4.77 KiB
1 
/*!
2 
 * Script to build our plugins to use them separately.
3 
 * Copyright 2019 The Bootstrap Authors
4 
 * Copyright 2019 Twitter, Inc.
5 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 
 */
7
8 
'use strict'
9
10 
const path = require('path')
11 
const rollup = require('rollup')
12 
const babel = require('rollup-plugin-babel')
13 
const banner = require('./banner.js')
14
15 
const TEST = process.env.NODE_ENV === 'test'
16 
const plugins = [
17 
  babel({
18 
    // Only transpile our source code
19 
    exclude: 'node_modules/**',
20 
    // Include only required helpers
21 
    externalHelpersWhitelist: [
22 
      'defineProperties',
23 
      'createClass',
24 
      'inheritsLoose',
25 
      'defineProperty',
26 
      'objectSpread'
27 
    ]
28 
  })
29 
]
30 
const bsPlugins = {
31 
  Data: path.resolve(__dirname, '../js/src/dom/data.js'),
32 
  EventHandler: path.resolve(__dirname, '../js/src/dom/event-handler.js'),
33 
  Manipulator: path.resolve(__dirname, '../js/src/dom/manipulator.js'),
34 
  SelectorEngine: path.resolve(__dirname, '../js/src/dom/selector-engine.js'),
35 
  Alert: path.resolve(__dirname, '../js/src/alert.js'),
36 
  Button: path.resolve(__dirname, '../js/src/button.js'),
37 
  Carousel: path.resolve(__dirname, '../js/src/carousel.js'),
38 
  Collapse: path.resolve(__dirname, '../js/src/collapse.js'),
39 
  Dropdown: path.resolve(__dirname, '../js/src/dropdown.js'),
40 
  Modal: path.resolve(__dirname, '../js/src/modal.js'),
41 
  Popover: path.resolve(__dirname, '../js/src/popover.js'),
42 
  ScrollSpy: path.resolve(__dirname, '../js/src/scrollspy.js'),
43 
  Tab: path.resolve(__dirname, '../js/src/tab.js'),
44 
  Toast: path.resolve(__dirname, '../js/src/toast.js'),
45 
  Tooltip: path.resolve(__dirname, '../js/src/tooltip.js')
46 
}
47 
const rootPath = TEST ? '../js/coverage/dist/' : '../js/dist/'
48
49 
if (TEST) {
50 
  bsPlugins.Util = path.resolve(__dirname, '../js/src/util/index.js')
51 
  bsPlugins.Sanitizer = path.resolve(__dirname, '../js/src/util/sanitizer.js')
52 
}
53
54 
const defaultPluginConfig = {
55 
  external: [
56 
    bsPlugins.Data,
57 
    bsPlugins.EventHandler,
58 
    bsPlugins.SelectorEngine
59 
  ],
60 
  globals: {
61 
    [bsPlugins.Data]: 'Data',
62 
    [bsPlugins.EventHandler]: 'EventHandler',
63 
    [bsPlugins.SelectorEngine]: 'SelectorEngine'
64 
  }
65 
}
66
67 
function getConfigByPluginKey(pluginKey) {
68 
  if (
69 
    pluginKey === 'Data' ||
70 
    pluginKey === 'Manipulator' ||
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
pluginKey === 'EventHandler' || pluginKey === 'SelectorEngine' || pluginKey === 'Util' || pluginKey === 'Sanitizer' ) { return { external: [], globals: {} } } if (pluginKey === 'Alert' || pluginKey === 'Tab') { return defaultPluginConfig } if ( pluginKey === 'Button' || pluginKey === 'Carousel' || pluginKey === 'Collapse' || pluginKey === 'Modal' || pluginKey === 'ScrollSpy' ) { const config = Object.assign(defaultPluginConfig) config.external.push(bsPlugins.Manipulator) config.globals[bsPlugins.Manipulator] = 'Manipulator' return config } if (pluginKey === 'Dropdown' || pluginKey === 'Tooltip') { const config = Object.assign(defaultPluginConfig) config.external.push(bsPlugins.Manipulator, 'popper.js') config.globals[bsPlugins.Manipulator] = 'Manipulator' config.globals['popper.js'] = 'Popper' return config } if (pluginKey === 'Popover') { return { external: [ bsPlugins.Data, bsPlugins.SelectorEngine, bsPlugins.Tooltip ], globals: { [bsPlugins.Data]: 'Data', [bsPlugins.SelectorEngine]: 'SelectorEngine', [bsPlugins.Tooltip]: 'Tooltip' } } } if (pluginKey === 'Toast') { return { external: [ bsPlugins.Data, bsPlugins.EventHandler, bsPlugins.Manipulator ], globals: { [bsPlugins.Data]: 'Data', [bsPlugins.EventHandler]: 'EventHandler', [bsPlugins.Manipulator]: 'Manipulator' } } } } const utilObjects = [ 'Util', 'Sanitizer'
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
] const domObjects = [ 'Data', 'EventHandler', 'Manipulator', 'SelectorEngine' ] function build(plugin) { console.log(`Building ${plugin} plugin...`) const { external, globals } = getConfigByPluginKey(plugin) const pluginFilename = path.basename(bsPlugins[plugin]) let pluginPath = rootPath if (utilObjects.includes(plugin)) { pluginPath = `${rootPath}/util/` } if (domObjects.includes(plugin)) { pluginPath = `${rootPath}/dom/` } rollup.rollup({ input: bsPlugins[plugin], plugins, external }).then(bundle => { bundle.write({ banner: banner(pluginFilename), format: 'umd', name: plugin, sourcemap: true, globals, file: path.resolve(__dirname, `${pluginPath}${pluginFilename}`) }) .then(() => console.log(`Building ${plugin} plugin... Done!`)) .catch(error => console.error(`${plugin}: ${error}`)) }) } Object.keys(bsPlugins) .forEach(plugin => build(plugin))