@videinfra/static-website-builder 1.6.3 → 1.6.4

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/).
 
+## [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

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.3",
+  "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"

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);