@openeuropa/bcl-bootstrap 0.1.3 → 0.1.202411051450

package/bin/build-plugins.js

@@ -4,182 +4,99 @@
  * Script to build our plugins to use them separately.
  * Copyright 2020-2021 The Bootstrap Authors
  * Copyright 2020-2021 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/../blob/main/LICENSE)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
 
-"use strict";
-
-const path = require("path");
-const rollup = require("rollup");
-const { babel } = require("@rollup/plugin-babel");
-
-const rootPath = path.resolve(__dirname, "../plugins");
-const plugins = [
-  babel({
-    // Only transpile our source code
-    exclude: "node_modules/**",
-    // Include the helpers in each file, at most one copy of each
-    babelHelpers: "bundled",
-  }),
-];
-const bsPlugins = {
-  Data: path.resolve(__dirname, "../js/src/dom/data.js"),
-  EventHandler: path.resolve(__dirname, "../js/src/dom/event-handler.js"),
-  Manipulator: path.resolve(__dirname, "../js/src/dom/manipulator.js"),
-  SelectorEngine: path.resolve(__dirname, "../js/src/dom/selector-engine.js"),
-  Alert: path.resolve(__dirname, "../js/src/alert.js"),
-  Base: path.resolve(__dirname, "../js/src/base-component.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"),
-  Offcanvas: 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"),
-  Toast: path.resolve(__dirname, "../js/src/toast.js"),
-  Tooltip: path.resolve(__dirname, "../js/src/tooltip.js"),
-};
-
-const defaultPluginConfig = {
-  external: [
-    bsPlugins.Data,
-    bsPlugins.Base,
-    bsPlugins.EventHandler,
-    bsPlugins.SelectorEngine,
-  ],
-  globals: {
-    [bsPlugins.Data]: "Data",
-    [bsPlugins.Base]: "Base",
-    [bsPlugins.EventHandler]: "EventHandler",
-    [bsPlugins.SelectorEngine]: "SelectorEngine",
-  },
-};
-
-const getConfigByPluginKey = (pluginKey) => {
-  if (
-    pluginKey === "Data" ||
-    pluginKey === "Manipulator" ||
-    pluginKey === "EventHandler" ||
-    pluginKey === "SelectorEngine" ||
-    pluginKey === "Util" ||
-    pluginKey === "Sanitizer" ||
-    pluginKey === "Backdrop"
-  ) {
-    return {
-      external: [],
-    };
-  }
-
-  if (
-    pluginKey === "Alert" ||
-    pluginKey === "Tab" ||
-    pluginKey === "Offcanvas"
-  ) {
-    return defaultPluginConfig;
-  }
-
-  if (
-    pluginKey === "Base" ||
-    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, "@popperjs/core");
-    config.globals[bsPlugins.Manipulator] = "Manipulator";
-    config.globals["@popperjs/core"] = "Popper";
-    return config;
-  }
-
-  if (pluginKey === "Popover") {
-    return {
-      external: [bsPlugins.Data, bsPlugins.SelectorEngine, bsPlugins.Tooltip],
-      globals: {
-        [bsPlugins.Data]: "Data",
-        [bsPlugins.SelectorEngine]: "SelectorEngine",
-        [bsPlugins.Tooltip]: "Tooltip",
-      },
-    };
-  }
+'use strict'
 
-  if (pluginKey === "Toast") {
-    return {
-      external: [
-        bsPlugins.Data,
-        bsPlugins.Base,
-        bsPlugins.EventHandler,
-        bsPlugins.Manipulator,
-      ],
-      globals: {
-        [bsPlugins.Data]: "Data",
-        [bsPlugins.Base]: "Base",
-        [bsPlugins.EventHandler]: "EventHandler",
-        [bsPlugins.Manipulator]: "Manipulator",
-      },
-    };
-  }
-};
+const path = require('path')
+const rollup = require('rollup')
+const { globSync } = require('glob')
+const { babel } = require('@rollup/plugin-babel')
 
-const utilObjects = new Set(["Util", "Sanitizer", "Backdrop"]);
+const srcPath = path.resolve(__dirname, '../js/src/')
+const jsFiles = globSync(srcPath + '/**/*.js')
 
-const domObjects = new Set([
-  "Data",
-  "EventHandler",
-  "Manipulator",
-  "SelectorEngine",
-]);
+// Array which holds the resolved plugins
+const resolvedPlugins = []
 
-const build = async (plugin) => {
-  console.log(`Building ${plugin} plugin...`);
+// Trims the "js" extension and uppercases => first letter, hyphens, backslashes & slashes
+const filenameToEntity = filename => filename.replace('.js', '')
+  .replace(/(?:^|-|\/|\\)[a-z]/g, str => str.slice(-1).toUpperCase())
 
-  const { external, globals } = getConfigByPluginKey(plugin);
-  const pluginFilename = path.basename(bsPlugins[plugin]);
-  let pluginPath = rootPath;
+for (const file of jsFiles) {
+  resolvedPlugins.push({
+    src: file.replace('.js', ''),
+    dist: file.replace('src', 'dist'),
+    fileName: path.basename(file),
+    className: filenameToEntity(path.basename(file))
+    // safeClassName: filenameToEntity(path.relative(srcPath, file))
+  })
+}
 
-  if (utilObjects.has(plugin)) {
-    pluginPath = `${rootPath}/util/`;
-  }
-
-  if (domObjects.has(plugin)) {
-    pluginPath = `${rootPath}/dom/`;
-  }
+const build = async plugin => {
+  const globals = {}
 
   const bundle = await rollup.rollup({
-    input: bsPlugins[plugin],
-    plugins,
-    external,
-  });
+    input: plugin.src,
+    plugins: [
+      babel({
+        // Only transpile our source code
+        exclude: 'node_modules/**',
+        // Include the helpers in each file, at most one copy of each
+        babelHelpers: 'bundled'
+      })
+    ],
+    external: source => {
+      // Pattern to identify local files
+      const pattern = /^(\.{1,2})\//
+
+      // It's not a local file, e.g a Node.js package
+      if (!pattern.test(source)) {
+        globals[source] = source
+        return true
+      }
+
+      const usedPlugin = resolvedPlugins.find(plugin => {
+        return plugin.src.includes(source.replace(pattern, ''))
+      })
+
+      if (!usedPlugin) {
+        throw new Error(`Source ${source} is not mapped!`)
+      }
+
+      // We can change `Index` with `UtilIndex` etc if we use
+      // `safeClassName` instead of `className` everywhere
+      globals[path.normalize(usedPlugin.src)] = usedPlugin.className
+      return true
+    }
+  })
 
   await bundle.write({
-    format: "umd",
-    name: plugin,
+    format: 'umd',
+    name: plugin.className,
     sourcemap: true,
     globals,
-    file: path.resolve(__dirname, `${pluginPath}/${pluginFilename}`),
-  });
+    generatedCode: 'es2015',
+    file: plugin.dist
+  })
 
-  console.log(`Building ${plugin} plugin... Done!`);
-};
+  console.log(`Built ${plugin.className}`)
+}
 
-const main = async () => {
+(async () => {
   try {
-    await Promise.all(Object.keys(bsPlugins).map((plugin) => build(plugin)));
-  } catch (error) {
-    console.error(error);
+    const basename = path.basename(__filename)
+    const timeLabel = `[${basename}] finished`
 
-    process.exit(1);
-  }
-};
+    console.log('Building individual plugins...')
+    console.time(timeLabel)
+
+    await Promise.all(Object.values(resolvedPlugins).map(plugin => build(plugin)))
 
-main();
+    console.timeEnd(timeLabel)
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+})()

package/bootstrap-icons.js

@@ -1,4 +1,5 @@
 export default [
+  "123",
   "alarm-fill",
   "alarm",
   "align-bottom",
@@ -1323,5 +1324,214 @@ export default [
   "x",
   "youtube",
   "zoom-in",
-  "zoom-out"
+  "zoom-out",
+  "bank",
+  "bank2",
+  "bell-slash-fill",
+  "bell-slash",
+  "cash-coin",
+  "check-lg",
+  "coin",
+  "currency-bitcoin",
+  "currency-dollar",
+  "currency-euro",
+  "currency-exchange",
+  "currency-pound",
+  "currency-yen",
+  "dash-lg",
+  "exclamation-lg",
+  "file-earmark-pdf-fill",
+  "file-earmark-pdf",
+  "file-pdf-fill",
+  "file-pdf",
+  "gender-ambiguous",
+  "gender-female",
+  "gender-male",
+  "gender-trans",
+  "headset-vr",
+  "info-lg",
+  "mastodon",
+  "messenger",
+  "piggy-bank-fill",
+  "piggy-bank",
+  "pin-map-fill",
+  "pin-map",
+  "plus-lg",
+  "question-lg",
+  "recycle",
+  "reddit",
+  "safe-fill",
+  "safe2-fill",
+  "safe2",
+  "sd-card-fill",
+  "sd-card",
+  "skype",
+  "slash-lg",
+  "translate",
+  "x-lg",
+  "safe",
+  "apple",
+  "microsoft",
+  "windows",
+  "behance",
+  "dribbble",
+  "line",
+  "medium",
+  "paypal",
+  "pinterest",
+  "signal",
+  "snapchat",
+  "spotify",
+  "stack-overflow",
+  "strava",
+  "wordpress",
+  "vimeo",
+  "activity",
+  "easel2-fill",
+  "easel2",
+  "easel3-fill",
+  "easel3",
+  "fan",
+  "fingerprint",
+  "graph-down-arrow",
+  "graph-up-arrow",
+  "hypnotize",
+  "magic",
+  "person-rolodex",
+  "person-video",
+  "person-video2",
+  "person-video3",
+  "person-workspace",
+  "radioactive",
+  "webcam-fill",
+  "webcam",
+  "yin-yang",
+  "bandaid-fill",
+  "bandaid",
+  "bluetooth",
+  "body-text",
+  "boombox",
+  "boxes",
+  "dpad-fill",
+  "dpad",
+  "ear-fill",
+  "ear",
+  "envelope-check-1",
+  "envelope-check-fill",
+  "envelope-check",
+  "envelope-dash-1",
+  "envelope-dash-fill",
+  "envelope-dash",
+  "envelope-exclamation-1",
+  "envelope-exclamation-fill",
+  "envelope-exclamation",
+  "envelope-plus-fill",
+  "envelope-plus",
+  "envelope-slash-1",
+  "envelope-slash-fill",
+  "envelope-slash",
+  "envelope-x-1",
+  "envelope-x-fill",
+  "envelope-x",
+  "explicit-fill",
+  "explicit",
+  "git",
+  "infinity",
+  "list-columns-reverse",
+  "list-columns",
+  "meta",
+  "mortorboard-fill",
+  "mortorboard",
+  "nintendo-switch",
+  "pc-display-horizontal",
+  "pc-display",
+  "pc-horizontal",
+  "pc",
+  "playstation",
+  "plus-slash-minus",
+  "projector-fill",
+  "projector",
+  "qr-code-scan",
+  "qr-code",
+  "quora",
+  "quote",
+  "robot",
+  "send-check-fill",
+  "send-check",
+  "send-dash-fill",
+  "send-dash",
+  "send-exclamation-1",
+  "send-exclamation-fill",
+  "send-exclamation",
+  "send-fill",
+  "send-plus-fill",
+  "send-plus",
+  "send-slash-fill",
+  "send-slash",
+  "send-x-fill",
+  "send-x",
+  "send",
+  "steam",
+  "terminal-dash-1",
+  "terminal-dash",
+  "terminal-plus",
+  "terminal-split",
+  "ticket-detailed-fill",
+  "ticket-detailed",
+  "ticket-fill",
+  "ticket-perferated-fill",
+  "ticket-perferated",
+  "ticket",
+  "tiktok",
+  "window-dash",
+  "window-desktop",
+  "window-fullscreen",
+  "window-plus",
+  "window-split",
+  "window-stack",
+  "window-x",
+  "xbox",
+  "ethernet",
+  "hdmi-fill",
+  "hdmi",
+  "usb-c-fill",
+  "usb-c",
+  "usb-fill",
+  "usb-plug-fill",
+  "usb-plug",
+  "usb-symbol",
+  "usb",
+  "boombox-fill",
+  "displayport-1",
+  "displayport",
+  "gpu-card",
+  "memory",
+  "modem-fill",
+  "modem",
+  "motherboard-fill",
+  "motherboard",
+  "optical-audio-fill",
+  "optical-audio",
+  "pci-card",
+  "router-fill",
+  "router",
+  "ssd-fill",
+  "ssd",
+  "thunderbolt-fill",
+  "thunderbolt",
+  "usb-drive-fill",
+  "usb-drive",
+  "usb-micro-fill",
+  "usb-micro",
+  "usb-mini-fill",
+  "usb-mini",
+  "cloud-haze2",
+  "device-hdd-fill",
+  "device-hdd",
+  "device-ssd-fill",
+  "device-ssd",
+  "displayport-fill",
+  "mortarboard-fill",
+  "mortarboard",
+  "terminal-x"
 ]