@videinfra/static-website-builder 2.1.0 → 2.2.0

package/CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [2.2.0] - 2026-03-06
+### Changed
+- Updated dependencies
+
 ## [2.1.0] - 2026-03-04
 ### Changed
 - Updated gulp-sass to use sass-embedded instead of sass

package/init/test/config/config.js

@@ -26,7 +26,15 @@ export const javascripts = {
         },
     ],
 };
-export const stylesheets = {};
+export const stylesheets = {
+    // Overwriting to test that source maps are generated
+    production: {
+        sourcemaps: {
+            init: {},
+            write: {},
+        },
+    },
+};
 export const sizereport = false;
 
 export const plugins = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@videinfra/static-website-builder",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Customizable static site project builder",
   "license": "MIT",
   "engines": {
@@ -29,14 +29,14 @@
   "dependencies": {
     "@csstools/postcss-nested-calc": "^5.0.0",
     "@rollup/plugin-replace": "^6.0.3",
-    "autoprefixer": "^10.4.23",
+    "autoprefixer": "^10.4.27",
     "browser-sync": "^3.0.4",
-    "chalk": "4.1.2",
+    "chalk": "5.6.2",
     "chokidar": "^5.0.0",
     "cross-env": "^10.1.0",
     "cssnano": "^7.1.2",
-    "del": "^6.0.0",
-    "dotenv": "^17.2.3",
+    "del": "^8.0.1",
+    "dotenv": "^17.3.1",
     "gulp": "^5.0.1",
     "gulp-cached": "^1.1.1",
     "gulp-data": "^1.3.1",
@@ -46,19 +46,17 @@
     "gulp-ignore": "^3.0.0",
     "gulp-plumber": "^1.2.1",
     "gulp-postcss": "^10.0.0",
-    "gulp-sass": "^5.1.0",
     "gulp-sitemap": "^8.0.0",
     "gulp-sizereport": "^1.2.1",
-    "gulp-sourcemaps": "^2.6.5",
-    "gulp-svgmin": "^4.1.0",
+    "gulp-sourcemaps": "^3.0.0",
     "gulp-svgstore": "^9.0.0",
     "lodash.clone": "^4.3.2",
     "lodash.some": "^4.2.2",
-    "map-stream": "^0.1.0",
     "minimist": "^1.2.8",
     "nano-memoize": "3.0.16",
-    "rolldown": "^1.0.0-rc.1",
+    "rolldown": "^1.0.0-rc.7",
     "sass-embedded": "^1.97.3",
+    "svgo": "^4.0.1",
     "through": "^2.3.8",
     "twig": "^1.17.1"
   },

package/tasks/clean/task.js

@@ -1,7 +1,7 @@
-import del from 'del';
+import { deleteAsync } from 'del';
 import { getTaskConfig } from '../../lib/get-config.js';
 
 export function beforeBuild(callback) {
     const patterns = getTaskConfig('clean', 'patterns');
-    return del(patterns, { force: true });
+    return deleteAsync(patterns, { force: true }).then(() => callback());
 }

package/tasks/icons/preprocess-config.js

@@ -42,16 +42,9 @@ export default function preprocessIconsConfig (config, fullConfig) {
         }
 
         // Use function to output svgmin configuration
-        // Add ID attribute transformation
         config.svgmin = function getSVGMinOptions (file) {
-            var prefix = path.basename(file.relative, path.extname(file.relative));
             return {
-                plugins: [{
-                    cleanupIDs: {
-                        prefix: prefix + '-',
-                        minify: true
-                    }
-                }].concat(svgmin)
+                plugins: [].concat(svgmin)
             }
         };
     }

package/tasks/icons/task.js

@@ -1,7 +1,7 @@
 import gulp from 'gulp';
 import gulpif from 'gulp-if';
 import svgstore from 'gulp-svgstore';
-import svgmin from 'gulp-svgmin';
+import svgmin from '../../vendor/gulp-svgmin/src/index.js';
 import nanomemoize from 'nano-memoize';
 
 import globs from './../../lib/globs-helper.js';

package/tests/build/build.test.js

@@ -18,40 +18,51 @@ test('Multiple TWIG templates rendered', () => {
 
 test('SASS variable test', () => {
     return fsPromises.readFile(path.resolve(publicPath, 'assets/stylesheets/variable-test.css'), { encoding: 'utf8' }).then((css) => {
-        expect(css).toBe('main{background:#fff;color:#222}');
+        expect(css.startsWith('main{background:#fff;color:#222}')).toBe(true);
     });
 });
 
 test('SASS import test', () => {
     return fsPromises.readFile(path.resolve(publicPath, 'assets/stylesheets/import-test.css'), { encoding: 'utf8' }).then((css) => {
-        expect(css).toBe('.btn{background:#222;color:#fff}');
+        expect(css.startsWith('.btn{background:#222;color:#fff}')).toBe(true);
     });
 });
 
 test('SASS sub-folder import test', () => {
     return fsPromises.readFile(path.resolve(publicPath, 'assets/stylesheets/sub-folder/import-test.css'), { encoding: 'utf8' }).then((css) => {
-        expect(css).toBe('.btn{background:#222;color:#fff}');
+        expect(css.startsWith('.btn{background:#222;color:#fff}')).toBe(true);
     });
 });
 
 test('SASS autoprefixer test', () => {
     return fsPromises.readFile(path.resolve(publicPath, 'assets/stylesheets/autoprefixer-test.css'), { encoding: 'utf8' }).then((css) => {
-        expect(css).toBe('main{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}');
+        expect(css.startsWith('main{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}')).toBe(true);
     });
 });
 
 test('CSS nano ignore test', () => {
     return fsPromises.readFile(path.resolve(publicPath, 'assets/stylesheets/ignore-test.css'), { encoding: 'utf8' }).then((css) => {
-        expect(css).toBe(':root{--yes: ;--no:initial}');
+        expect(css.startsWith(':root{--yes: ;--no:initial}')).toBe(true);
     });
 });
 
 test('CSS nano nested calc test', () => {
     return fsPromises.readFile(path.resolve(publicPath, 'assets/stylesheets/nested-calc-test.css'), { encoding: 'utf8' }).then((css) => {
-        expect(css).toBe('body{padding-top:calc(10vw + 15vh)}');
+        expect(css.startsWith('body{padding-top:calc(10vw + 15vh)}')).toBe(true);
     });
 });
 
+test('CSS has sourcemap URL', () => {
+    return fsPromises.readFile(path.resolve(publicPath, 'assets/stylesheets/nested-calc-test.css'), { encoding: 'utf8' }).then((css) => {
+        expect(css.includes('sourceMappingURL=')).toBe(true);
+    });
+});
+
+test('CSS sourcemap generated', () => {
+    expect.assertions(1);
+    return expect(fsPromises.access(path.resolve(publicPath, 'assets/stylesheets/nested-calc-test.css.map'))).resolves.toBe(undefined);
+});
+
 test('Font file woff copied', () => {
     expect.assertions(1);
     return expect(fsPromises.access(path.resolve(publicPath, 'assets/fonts/font.woff'))).resolves.toBe(undefined);
@@ -139,7 +150,7 @@ test('currentPagePath available in templates', () => {
 
 test('icons generated', () => {
     return fsPromises.readFile(path.resolve(publicPath, 'assets/images/icons.svg'), { encoding: 'utf8' }).then((svg) => {
-        expect(svg.indexOf('<symbol id="example-arrow">')).not.toBe(-1);
+        expect(svg.indexOf('<symbol id="example-arrow" viewBox="0 0 20 20">')).not.toBe(-1);
     });
 });
 

package/vendor/gulp-sass/index.js

@@ -5,11 +5,11 @@
 
 import path from 'path';
 import { Transform } from 'stream';
-import picocolors from 'picocolors';
+import chalk from 'chalk';
 import PluginError from 'plugin-error';
 import replaceExtension from 'replace-ext';
 import stripAnsi from 'strip-ansi';
-import clonedeep from 'lodash.clonedeep';
+import cloneDeep from 'lodash/cloneDeep.js';
 import sassStingify from './sass-stringify.js';
 
 const PLUGIN_NAME = 'gulp-sass';
@@ -36,7 +36,7 @@ const filePush = (file, css, callback) => {
 const handleError = (error, file, callback) => {
     const filePath = (error.file === 'stdin' ? file.path : error.file) || file.path;
     const relativePath = path.relative(process.cwd(), filePath);
-    const message = `${picocolors.underline(relativePath)}\n${error.formatted}`;
+    const message = `${chalk.underline(relativePath)}\n${error.formatted}`;
 
     error.messageFormatted = message;
     error.messageOriginal = error.message;
@@ -69,7 +69,7 @@ const gulpSass = (options) => {
             return;
         }
 
-        const opts = clonedeep(options || {});
+        const opts = cloneDeep(options || {});
         let source = file.contents.toString();
 
         // Stringiyfy variables

package/vendor/gulp-svgmin/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": [["@babel/preset-env", {"targets": {"node": "12"}}]]
+}

package/vendor/gulp-svgmin/.editorconfig

@@ -0,0 +1,16 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+indent_size = 2
+
+[package.json]
+indent_size = 2

package/vendor/gulp-svgmin/CHANGELOG.md

@@ -0,0 +1,80 @@
+# 5.0.0
+
+* Kaspars Zuks: changed SVGO version to 4.0.0
+
+# 4.1.0
+
+* Bump svgo to v2.7.0. (thanks to @djphan)
+
+# 4.0.1
+
+* Move lodash.clonedeep into dependencies, fixes #120 (thanks to @donmahallem)
+
+# 4.0.0
+
+* Bump svgo to v2.3.1. (thanks to @JohnAlbin)
+* Drop node 10 support.
+* Replace eslint-config-cssnano with xo.
+* Update babel to v7 and ava to v3 (thanks to @JohnAlbin)
+* Update dependencies.
+
+# 3.0.0
+
+* Bump svgo to v1.3.2.
+* Drop node 8 support.
+* Update dependencies.
+
+# 2.2.0
+
+* Bump svgo to v1.2.1. (thanks to @ekfuhrmann)
+
+# 2.1.0
+
+* Bump svgo to v1.1.x.
+* Update babel-dependencies (but not yet to v7).
+
+# 2.0.0
+
+* Bump svgo to v1.0.x. (thanks to @theverything)
+* Drop dependency on deprecated 'gulp-util'. (thanks to @TheDancingCode)
+* Drop support for old node version.
+
+# 1.2.4
+
+* Fixed a regression with the per-file options. (thanks to @Odrin)
+
+# 1.2.3
+
+* Bump svgo to v0.7.x.
+
+# 1.2.2
+
+* Now compiled with babel 6.
+
+# 1.2.1
+
+* Bump svgo to v0.6.x.
+
+# 1.2.0
+
+* Adds the ability to pass per-file objects. (thanks to @w0rm)
+
+# 1.1.2
+
+* Update code style.
+
+# 1.1.1
+
+* Update documentation.
+
+# 1.1.0
+
+* Refactor internals.
+
+# 1.0.0
+
+* svgmin takes an options object now, instead of a list of plugins.
+
+# 0.4.8
+
+* Bump svgo to v0.5.

package/vendor/gulp-svgmin/LICENSE-MIT

@@ -0,0 +1,22 @@
+Copyright (c) Ben Briggs <beneb.info@gmail.com> (https://beneb.info)
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

package/vendor/gulp-svgmin/README.md

@@ -0,0 +1,166 @@
+# gulp-svgmin
+
+[![Build Status](https://travis-ci.org/ben-eb/gulp-svgmin.svg?branch=master)][travis-status]
+[![NPM version](https://badge.fury.io/js/gulp-svgmin.svg)][npm-status]
+[![Dependency Status](https://david-dm.org/ben-eb/gulp-svgmin.svg)][deps-status]
+
+> A [Gulp][gulp-url] plugin to minify SVG files with [svgo-url].
+
+*If you have any difficulties with the output of this plugin, please use the [SVGO tracker][svgo-bugs].*
+
+
+## Install
+
+With [npm][npm-url] do:
+
+```
+npm install gulp-svgmin
+```
+
+## Example
+
+```js
+import { src, dest } from 'gulp';
+import svgmin from 'gulp-svgmin';
+
+const defaultTask = () =>
+  src('logo.svg')
+    .pipe(svgmin())
+    .pipe(dest('./out'));
+
+export default defaultTask;
+```
+
+## Configuration file
+
+By default, `gulp-svgmin` loads options from a `svgo.config.js` file in your project. See the [svgo’s configuration docs][svgo-config] for more info on how to write one.
+
+You can control which directory `svgo` searches for `svgo.config.js` with the `cwd` option. Or you can use a different file name with the `configFile` option.
+
+```js
+import { src, dest } from 'gulp';
+import svgmin from 'gulp-svgmin';
+
+const defaultTask = () =>
+  src('logo.svg')
+    .pipe(svgmin({
+      // Specify an absolute directory path to
+      // search for the config file.
+      cwd: '/users/admin/project/assets',
+      // This path is relative to process.cwd()
+      // or the 'cwd' option.
+      configFile: 'images/svg/config.js',
+    }))
+    .pipe(dest('./out'));
+
+export default defaultTask;
+```
+
+## Options
+
+Instead of using a config file, you can pass an object of svgo’s options to the `gulp-svgmin` plugin. You will need to provide the config in comma separated objects, like the example below.
+
+```js
+const defaultTask = () =>
+  src('logo.svg')
+    .pipe(svgmin({
+      // Ensures the best optimization.
+      multipass: true,
+      js2svg: {
+        // Beutifies the SVG output instead of
+        // stripping all white space.
+        pretty: true,
+        indent: 2,
+      },
+      // Alter the default list of plugins.
+      plugins: [
+        // You can enable a plugin with just its name.
+        'sortAttrs',
+        {
+          name: 'removeViewBox',
+          // Disable a plugin by setting active to false.
+          active: false,
+        },
+        {
+          name: 'cleanupIDs',
+          // Add plugin options.
+          params: {
+            minify: true,
+          }
+        },
+      ],
+    }))
+    .pipe(dest('./out'));
+```
+
+You can view the [full list of plugins here][svgo-plugins].
+
+By default, the plugins list given to the gulp plugin will alter the default list of svgo plugins. Optionally, you can specify your plugins and set the `full` flag to `true` to indicate that your plugins list should not be merged with the default list of plugins.
+
+```js
+const defaultTask = () =>
+  src('logo.svg')
+    .pipe(svgmin({
+      multipass: true,
+      // The plugins list is the full list of plugins
+      // to use. The default list is ignored.
+      full: true,
+      plugins: [
+        'removeDoctype',
+        'removeComments',
+        'sortAttrs',
+        // ...
+      ],
+    }))
+    .pipe(dest('./out'));
+```
+
+## Per-file options
+
+To have per-file options, pass a function, that receives `file` object and
+returns `svgo` options. For example, if you need to prefix ids with filenames
+to make them unique before combining svgs with [gulp-svgstore][gulp-svgostore]:
+
+```js
+const defaultTask = () =>
+  src('src/*.svg')
+    .pipe(svgmin(function getOptions(file) {
+      const prefix = path.basename(
+        file.relative,
+        path.extname(file.relative)
+      );
+      return {
+        plugins: [
+          {
+            name: 'cleanupIDs',
+            parmas: {
+              prefix: prefix + '-',
+              minify: true,
+            },
+          },
+        ],
+      };
+    }))
+    .pipe(svgstore())
+    .pipe(dest('./dest'));
+```
+
+## Contributing
+
+Pull requests are welcome. If you add functionality, then please add unit tests to cover it.
+
+## License
+
+MIT © [Ben Briggs](https://beneb.info)
+
+
+[travis-status]:    https://travis-ci.org/ben-eb/gulp-svgmin
+[deps-status]:      https://david-dm.org/ben-eb/gulp-svgmin
+[npm-status]:       https://badge.fury.io/js/gulp-svgmin
+[npm-url]:          https://npmjs.org/package/gulp-svgmin
+[gulp-url]:         https://github.com/gulpjs/gulp
+[gulp-svgostore]:   https://github.com/w0rm/gulp-svgstore
+[svgo-url]:         https://github.com/svg/svgo
+[svgo-bugs]:        https://github.com/svg/svgo/issues
+[svgo-config]:      https://github.com/svg/svgo#configuration
+[svgo-plugins]:     https://github.com/svg/svgo#built-in-plugins

package/vendor/gulp-svgmin/src/get-svgo-config.js

@@ -0,0 +1,126 @@
+import cloneDeep from 'lodash/cloneDeep.js';
+import {loadConfig} from 'svgo';
+
+// To prevent multiple scans of the disk for a svgo.config.js file, keep its
+// data in module scope.
+const cache = {};
+
+// Load the config from svgo.config.js.
+const loadConfigFromCache = async (configFile, cwd) => {
+    if (configFile !== null) {
+        // Look for the config in the specified file. loadConfig() will
+        // require() the file, which caches it for us.
+        return loadConfig(configFile, cwd);
+    }
+
+    // Since no configFile was given, let loadConfig() find a file for us.
+
+    // If the config file is not in our module cache, look for it on disk.
+    if (!(cwd in cache)) {
+        // Any usage of loadConfig() with the same cwd will return the same
+        // file's config. Store the resulting config in our module cache.
+        cache[cwd] = await loadConfig(null, cwd);
+    }
+
+    return cache[cwd];
+};
+
+export const getSvgoConfig = async function (
+    options = null,
+    doDeepClone = false
+) {
+    // Construct the svgo config from the given options.
+    let config = {
+        ...options,
+    };
+
+    // Get the options that are for this gulp plugin and not for svgo.
+    const pluginOptions = {
+        full: Boolean(config.full),
+        configFile: config.configFile || null,
+        cwd: config.cwd || process.cwd(),
+    };
+    delete config.full;
+    delete config.configFile;
+    delete config.cwd;
+
+    // If the options.full flag is specified, then the given options are
+    // considered to be the full svgo config.
+    if (pluginOptions.full) {
+        return config;
+    }
+
+    // Extract the svgo plugins list from the config as we will need to handle
+    // them specially later.
+    const plugins = config.plugins || [];
+    delete config.plugins;
+
+    const loadedConfig = await loadConfigFromCache(
+        pluginOptions.configFile,
+        pluginOptions.cwd
+    );
+
+    // Merge the given config with the config loaded from file. (If no
+    // config file was found, svgo's loadConfig() returns null.)
+    if (loadedConfig) {
+        config = {
+            // Since gulp-svgmin allows a function to modify config per-file, we
+            // want to prevent that function from making modifications to the
+            // returned config object that would bleed into subsequent usages of
+            // the config object.
+            ...(doDeepClone ? cloneDeep(loadedConfig) : loadedConfig),
+            ...config,
+        };
+    }
+
+    // Merge any plugins given in options.plugins.
+    if (config.plugins) {
+        // If plugins are provided in a config file, they are assumed to be
+        // a final list of plugins; according to svgo version 2 docs, the
+        // config file is responsible for merging the default plugins list.
+        // So we just need to merge the options.plugins into the list loaded
+        // from the config file.
+        config.plugins = extendLoadedPlugins(config.plugins, plugins);
+    } else {
+        const pluginConfig = {
+            // Default provided per svgo docs in v2.4.0+
+            name: 'preset-default',
+            params: {
+                overrides: {},
+            },
+        };
+
+        // Following format assuming plugins settings are for built ins
+        for (const plugin of plugins) {
+            for (const [key, value] of Object.entries(plugin)) {
+                pluginConfig.params.overrides[key] = value;
+            }
+        }
+
+        config.plugins = [pluginConfig];
+    }
+
+    return config;
+};
+
+// Based on svgo's extendDefaultPlugins().
+const extendLoadedPlugins = (loadedPlugins, plugins) => {
+    const pluginsOrder = [];
+    const extendedPlugins = loadedPlugins.map((plugin) => {
+        pluginsOrder.push(typeof plugin === 'string' ? plugin : plugin.name);
+        return plugin;
+    });
+
+    for (const plugin of plugins) {
+        const index = pluginsOrder.indexOf(
+            typeof plugin === 'string' ? plugin : plugin.name
+        );
+        if (index === -1) {
+            extendedPlugins.push(plugin);
+        } else {
+            extendedPlugins[index] = plugin;
+        }
+    }
+
+    return extendedPlugins;
+};

package/vendor/gulp-svgmin/src/index.js

@@ -0,0 +1,44 @@
+import PluginError from 'plugin-error';
+import {Transform} from 'stream';
+import {optimize} from 'svgo';
+import {getSvgoConfig} from './get-svgo-config.js';
+
+const PLUGIN_NAME = 'gulp-svgmin';
+
+export default function (options) {
+    const optionsFunction = typeof options === 'function';
+
+    const stream = new Transform({objectMode: true});
+    stream._transform = function (file, encoding, cb) {
+        if (file.isStream()) {
+            return cb(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
+        }
+
+        if (file.isBuffer()) {
+            getSvgoConfig(
+                optionsFunction ? options(file) : options,
+                optionsFunction
+            )
+                .then((config) => {
+                    const result = optimize(String(file.contents), config);
+
+                    // Ignore svgo meta data and return the SVG string.
+                    if (typeof result.data === 'string') {
+                        file.contents = Buffer.from(result.data);
+                        return cb(null, file);
+                    }
+
+                    // Otherwise, throw an error, even if it is undefined.
+                    throw result.error;
+                })
+                .catch((error) => cb(new PluginError(PLUGIN_NAME, error)));
+
+            return;
+        }
+
+        // Handle all other cases, like file.isNull(), file.isDirectory().
+        return cb(null, file);
+    };
+
+    return stream;
+};

package/vendor/gulp-twig/index.js

@@ -1,5 +1,6 @@
 // 2024-02-13, Kaspars Zuks: added "options.async" support
-import map from 'map-stream';
+// 2026-03-06, Kaspars Zuks: replaced map-stream with through2
+import through from 'through2';
 import rext from 'replace-ext';
 import log from 'fancy-log';
 import PluginError from 'plugin-error';
@@ -20,7 +21,7 @@ export default function (options) {
         options || {},
     );
 
-    function modifyContents(file, cb) {
+    function modifyContents(file, _enc, cb) {
         var data = file.data || Object.assign({}, options.data);
 
         if (file.isNull()) {
@@ -134,5 +135,5 @@ export default function (options) {
         }
     }
 
-    return map(modifyContents);
+    return through.obj(modifyContents);
 }