@openeuropa/bcl-builder 1.0.2 → 1.1.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@openeuropa/bcl-builder",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Bootstrap Component Library builder",
   "publishConfig": {
     "access": "public"
@@ -11,31 +11,31 @@
     "bcl-builder": "./bin/build.js"
   },
   "dependencies": {
-    "@babel/core": "7.20.12",
-    "@babel/preset-env": "7.20.2",
-    "@babel/runtime": "7.20.7",
-    "@popperjs/core": "2.11.6",
+    "@babel/core": "7.21.4",
+    "@babel/preset-env": "7.21.4",
+    "@babel/runtime": "7.21.0",
+    "@popperjs/core": "2.11.7",
     "@rollup/plugin-babel": "6.0.3",
-    "@rollup/plugin-commonjs": "24.0.0",
-    "@rollup/plugin-node-resolve": "15.0.1",
+    "@rollup/plugin-commonjs": "24.1.0",
+    "@rollup/plugin-node-resolve": "15.0.2",
     "@rollup/plugin-replace": "5.0.2",
-    "autoprefixer": "10.4.13",
+    "autoprefixer": "10.4.14",
     "babel-eslint": "10.1.0",
-    "browser-sync": "2.27.11",
-    "commander": "9.5.0",
+    "browser-sync": "2.29.1",
+    "commander": "10.0.0",
     "copyfiles": "2.4.1",
     "cross-env": "7.0.3",
-    "cssnano": "5.1.14",
+    "cssnano": "6.0.0",
     "postcss": "8.4.21",
-    "rollup": "3.9.1",
+    "rollup": "3.20.2",
     "rollup-plugin-istanbul": "4.0.0",
     "rollup-plugin-terser": "7.0.2",
-    "sass": "1.57.1",
+    "sass": "1.62.0",
     "svg-sprite": "2.0.2",
     "svgo": "3.0.2"
   },
   "engines": {
     "node": ">=14.0.0"
   },
-  "gitHead": "54df3dccb26d9f6958862f06103766a0a2d78ca6"
+  "gitHead": "d15fa3688c97c643617257d8ded6bfb6c2e73fee"
 }

package/scripts/rename.js

@@ -23,7 +23,7 @@
  */
 
 const path = require("path");
-const glob = require("glob");
+const { globSync } = require("glob");
 const { rename } = require("fs");
 
 module.exports = (from, to, options) => {
@@ -32,15 +32,15 @@ module.exports = (from, to, options) => {
 
     if (options.glob) {
       if (options.search) {
-        files = glob.sync(path.join(from, options.glob, options.search));
+        files = globSync(path.join(from, options.glob, options.search));
       } else {
-        files = glob.sync(path.join(from, options.glob));
+        files = globSync(path.join(from, options.glob));
       }
     } else {
       if (options.search) {
-        files = glob.sync(path.join(from, options.search));
+        files = globSync(path.join(from, options.search));
       } else {
-        files = glob.sync(from);
+        files = globSync(from);
       }
     }
 

package/scripts/sprite.js

@@ -1,7 +1,7 @@
 /**
  * Generate svg sprites.
  *
- * @param {string} entry - Path to a folder or file.
+ * @param {string} entry - array of paths to a folder or file.
  * @param {string} dest - Output folder path
  * @param {object} options - Object
  *
@@ -9,7 +9,10 @@
  *
  * sprite: [
  *   {
- *     entry: path.resolve(nodeModules, "bootstrap-icons/icons/"),
+ *     entry: [
+ *       path.resolve(nodeModules, "bootstrap-icons/icons/"),
+ *       path.resolve(__dirname, "src/icons/custom-icons")
+ *     ],
  *     dest: path.resolve(outputFolder, "icons/"),
  *     options: {
  *       file: "bcl-default-icons.svg",
@@ -21,17 +24,20 @@
  */
 
 const fs = require("fs");
-const glob = require("glob");
+const { globSync } = require("glob");
 const mkdirp = require("mkdirp");
 const path = require("path");
 const defaultPlugins = require("../conf/svgoDefaultPlugins");
 const SVGSpriter = require("svg-sprite");
 
 module.exports = (entry, dest, options) => {
+  const iconList = Array.isArray(options.list)
+    ? options.list.flat(1)
+    : options.list;
   const outputFile = options.file
     ? `${dest}/${options.file}`
     : `${dest}/bcl-default-icons.svg`;
-  const files = options.list || glob.sync("*.svg", { cwd: entry });
+  const files = iconList || globSync("*.svg", { cwd: entry });
 
   const plugins = options.transformPlugins || defaultPlugins;
 
@@ -60,7 +66,15 @@ module.exports = (entry, dest, options) => {
   });
 
   files.forEach((file) => {
-    const filePath = path.resolve(entry, file);
+    let filePath;
+    if (Array.isArray(entry)) {
+      filePath = path.resolve(entry[0], file);
+      if (!fs.existsSync(filePath)) {
+        filePath = path.resolve(entry[1], file);
+      }
+    } else {
+      filePath = path.resolve(entry, file);
+    }
     spriter.add(
       filePath,
       file,

package/scripts/styles.js

@@ -24,6 +24,7 @@ const path = require("path");
 const fs = require("fs");
 const postcss = require("postcss");
 const cssnano = require("cssnano");
+const prefixer = require("postcss-prefix-selector");
 const autoprefixer = require("autoprefixer");
 
 const getPlugins = (options) => {
@@ -63,6 +64,25 @@ const buildStyles = (entry, dest, options) => {
   });
 
   postcss(plugins)
+    .use(
+      prefixer({
+        prefix: options.prefix ? options.prefix : "",
+
+        transform: function (
+          prefix,
+          selector,
+          prefixedSelector,
+          filePath,
+          rule
+        ) {
+          if (prefix) {
+            return prefixedSelector;
+          } else {
+            return selector;
+          }
+        },
+      })
+    )
     .process(sassResult.css, {
       map:
         postcssSourceMap === "file"