@bigcommerce/stencil-cli 6.0.0 → 7.0.0-beta

package/README.md

@@ -7,9 +7,8 @@ The BigCommerce server emulator for local theme development.
 
 ## Install
 
-_Note: Stencil requires the Node.js runtime environment,
-version 14.x is supported.
-We do not yet have support for versions greater than Node 14._
+Note: Stencil requires the Node.js runtime environment,
+versions  16.x, 18.x are supported.
 
 Run `npm install -g @bigcommerce/stencil-cli`.
 

package/lib/StencilCLISettings.js

@@ -13,14 +13,6 @@ class StencilCLISettings {
     isVerbose() {
         return this.versboseNetworkLogging;
     }
-
-    useOldNodeSassFork(flag) {
-        this.oldNodeSassFork = flag;
-    }
-
-    isOldNodeSassForkEnabled() {
-        return this.oldNodeSassFork;
-    }
 }
 
 const settings = new StencilCLISettings();

package/lib/bundle-validator.js

@@ -15,7 +15,6 @@ const privateThemeConfigValidationSchema = require('./schemas/privateThemeConfig
 const themeConfigValidationSchema = require('./schemas/themeConfig.json');
 const themeValidationSchema = require('./schemas/themeSchema.json');
 const cssCompiler = require('./css/compile');
-const stencilCLISettings = require('./StencilCLISettings');
 
 const VALID_IMAGE_TYPES = ['.jpg', '.jpeg', '.png', '.gif'];
 const WIDTH_COMPOSED = 600;
@@ -415,26 +414,16 @@ class BundleValidator {
 
         for (const file of cssFiles) {
             try {
-                const engine = stencilCLISettings.isOldNodeSassForkEnabled()
-                    ? cssCompiler.FALLBACK_SASS_ENGINE_NAME
-                    : cssCompiler.SASS_ENGINE_NAME;
                 /* eslint-disable-next-line no-await-in-loop */
-                await cssCompiler.compile(rawConfig, assetsPath, file, engine);
+                const r = await cssCompiler.compile(
+                    rawConfig,
+                    assetsPath,
+                    file,
+                    cssCompiler.SASS_ENGINE_NAME,
+                );
+                console.log(r);
             } catch (e) {
                 const message = this.parseStencilStylesError(e);
-                if (!stencilCLISettings.isOldNodeSassForkEnabled()) {
-                    throw new Error(
-                        `${message}\n`.red +
-                            `\n` +
-                            `---------WARNING---------\n`.red +
-                            `We are currently in the process of deprecating node-sass fork https://github.com/bigcommerce-labs/node-sass\n` +
-                            `Your scss files were compiled using latest node-sass version https://github.com/sass/node-sass\n` +
-                            `This error might indicate that your scss file is not compatible with it.\n` +
-                            `There is still an option to compile scss file old fork by using --use-old-node-sass-fork.\n` +
-                            `But note, that this will lead to 500 error in production in near future.\n` +
-                            `---------WARNING---------\n`.red,
-                    );
-                }
                 throw new Error(
                     `${message} while compiling css files from "${stylesPath}/${file}".`.red,
                 );

package/lib/cliCommon.js

@@ -98,7 +98,6 @@ function applyCommonOptions(program) {
 
 function setupCLI(options) {
     stencilCLISettings.setVerbose(options.verbose);
-    stencilCLISettings.useOldNodeSassFork(options.useOldNodeSassFork);
 }
 
 function prepareCommand(program) {

package/lib/css/compile.js

@@ -4,7 +4,6 @@ const { promisify } = require('util');
 
 const cssAssembler = require('../css-assembler');
 
-const FALLBACK_SASS_ENGINE_NAME = 'node-sass-fork';
 const SASS_ENGINE_NAME = 'node-sass';
 
 const compile = async (configuration, themeAssetsPath, fileName, engineName = SASS_ENGINE_NAME) => {
@@ -29,7 +28,7 @@ const compile = async (configuration, themeAssetsPath, fileName, engineName = SA
         sourceMap: true,
         autoprefixerOptions: {
             cascade: configuration.autoprefixer_cascade,
-            browsers: configuration.autoprefixer_browsers,
+            overrideBrowserslist: configuration.autoprefixer_browsers,
         },
     };
     const stencilStyles = new StencilStyles(console);
@@ -41,5 +40,4 @@ const compile = async (configuration, themeAssetsPath, fileName, engineName = SA
 module.exports = {
     compile,
     SASS_ENGINE_NAME,
-    FALLBACK_SASS_ENGINE_NAME,
 };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@bigcommerce/stencil-cli",
-  "version": "6.0.0",
+  "version": "7.0.0-beta",
   "description": "CLI tool to run BigCommerce Stores locally for theme development.",
   "main": "index.js",
   "engines": {
-    "node": ">=14.0.0 <15.0.0",
-    "npm": ">=v6.11.3 <9.0.0"
+    "node": ">=16.0.0 <19.0.0",
+    "npm": ">=8.0.0 <10.0.0"
   },
   "scripts": {
     "lint": "eslint . && prettier --check . --ignore-unknown",
@@ -48,7 +48,7 @@
   ],
   "dependencies": {
     "@bigcommerce/stencil-paper": "4.2.1",
-    "@bigcommerce/stencil-styles": "4.0.0",
+    "@bigcommerce/stencil-styles": "5.1.0",
     "@hapi/boom": "^10.0.0",
     "@hapi/glue": "^8.0.0",
     "@hapi/h2o2": "^9.1.0",