@videinfra/static-website-builder 1.6.2 → 1.6.4

package/CHANGELOG.md

@@ -4,6 +4,14 @@ 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/).
 
+## [1.6.4] - 2023-03-29
+### Updated
+- Added stylesheet source path to the default include paths
+
+## [1.6.3] - 2022-10-25
+### Fixed
+- Error fix for OSX when changing any HTML file
+
 ## [1.6.1] - 2022-10-21
 ### Fixed
 - `false` task config being overwritten by empty array resulting in task being performed

package/init/test/src/stylesheets/sub-folder/import-test.scss

@@ -0,0 +1,2 @@
+@import "settings/colors";
+@import "components/button";

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@videinfra/static-website-builder",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "description": "Customizable static site project builder",
   "license": "MIT",
   "engines": {
-    "node": ">=10.0.0"
+    "node": ">=14.15.0 <17"
   },
   "bugs": {
     "url": "https://github.com/videinfra/static-website-builder/issues"
@@ -21,7 +21,8 @@
   "scripts": {
     "start": "cross-env BUILDER_MODE=development gulp",
     "build": "cross-env BUILDER_MODE=production gulp build",
-    "test": "gulp build --silent --config=init/test/config/config.js && jest"
+    "test": "gulp build --silent --config=init/test/config/config.js && jest",
+    "test-watch": "gulp --config=init/test/config/config.js"
   },
   "dependencies": {
     "@babel/core": "^7.17.9",
@@ -50,7 +51,7 @@
     "gulp-svgstore": "^9.0.0",
     "gulp-twig": "^1.2.0",
     "minimist": "^1.2.6",
-    "nano-memoize": "^1.3.0",
+    "nano-memoize": "1.3.0",
     "node-sass": "^7.0.1",
     "sass": "^1.52.3",
     "webpack": "^4.46.0",

package/plugins/sass-engine/preprocess-config.js

@@ -17,8 +17,18 @@ module.exports = function processSASSConfig (config, fullConfig) {
         if (config.sass.includePaths) {
             // Map include paths to the project folder
             config.sass.includePaths = config.sass.includePaths.map((path) => paths.getProjectPath(path));
+        } else {
+            config.sass.includePaths = [];
         }
 
+        // Add stylesheet source path
+        const stylesheetSourcePath = getPaths.getSourcePaths('stylesheets')
+
+        stylesheetSourcePath.forEach((path) => {
+            if (!config.sass.includePaths.includes(path)) {
+                config.sass.includePaths.push(path);
+            }
+        });
 
         // Engine is a function which returns a gulp pipe function
         config.engine = function getSASSEngine () {

package/tests/build/build.test.js

@@ -27,6 +27,12 @@ test('SASS import test', () => {
     });
 });
 
+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{color:#fff;background:#222}');
+    });
+});
+
 test('Font file woff copied', () => {
     expect.assertions(1);
     return expect(fsPromises.access(path.resolve(publicPath, 'assets/fonts/font.woff'))).resolves.toBe(undefined);