@bigcommerce/stencil-cli 8.7.0 → 8.8.0

package/lib/BuildConfigManager.js

@@ -6,6 +6,11 @@ import { createRequire } from 'node:module';
 import { THEME_PATH } from '../constants.js';
 
 const require = createRequire(import.meta.url);
+const isJest = typeof process !== 'undefined' && 'JEST_WORKER_ID' in process.env;
+
+const cornerstoneConfigLink = isJest
+    ? 'https://raw.githubusercontent.com/bigcommerce/stencil-cli/master/test/_mocks/build-config/valid-config/stencil.conf.cjs'
+    : 'https://raw.githubusercontent.com/bigcommerce/cornerstone/master/stencil.conf.cjs';
 
 class BuildConfigManager {
     constructor({ workDir = THEME_PATH, fs = fsModule, timeout = 20000 } = {}) {
@@ -19,7 +24,10 @@ class BuildConfigManager {
         this._worker = null;
         this._workerIsReady = false;
         this.timeout = timeout;
-        const config = this._getConfig(this._buildConfigPath, this._oldBuildConfigPath);
+    }
+
+    async initConfig() {
+        const config = await this._getConfig(this._buildConfigPath, this._oldBuildConfigPath);
         this.development = config.development || this._devWorker;
         this.production = config.production || this._prodWorker;
         this.watchOptions = config.watchOptions;
@@ -42,7 +50,7 @@ class BuildConfigManager {
         this._worker.kill(signal);
     }
 
-    _getConfig(configPath, oldConfigPath) {
+    async _getConfig(configPath, oldConfigPath) {
         if (this._fs.existsSync(configPath)) {
             // eslint-disable-next-line import/no-dynamic-require
             return require(configPath);
@@ -52,7 +60,28 @@ class BuildConfigManager {
             // eslint-disable-next-line import/no-dynamic-require
             return require(configPath);
         }
-        return {};
+
+        // Fallback to cornerstone default stencil.conf.cjs
+        const content = await this.downloadFileFromGitHub(cornerstoneConfigLink);
+        this._fs.writeFileSync(configPath, content);
+
+        // eslint-disable-next-line import/no-dynamic-require
+        return require(configPath);
+    }
+
+    async downloadFileFromGitHub(rawUrl) {
+        try {
+            const response = await fetch(rawUrl);
+
+            if (!response.ok) {
+                console.log(`Failed to fetch file from ${rawUrl}: ${response.statusText}`);
+            }
+
+            return response.text();
+        } catch (error) {
+            console.error('Failed to fetch stencil.conf.cjs:', error);
+            return null;
+        }
     }
 
     _moveOldConfig(newPath, oldPath) {

package/lib/stencil-bundle.js

@@ -68,8 +68,9 @@ class Bundle {
         tasks.schemaTranslations = this.assembleSchemaTranslations.bind(this);
         tasks.stencilContext = this.assembleStencilContextTask.bind(this);
         if (typeof buildConfigManager.production === 'function') {
-            tasks.theme = (callback) => {
+            tasks.theme = async (callback) => {
                 console.log('Theme task Started...');
+                await buildConfigManager.initConfig();
                 buildConfigManager.initWorker().production((err) => {
                     if (err) {
                         return callback(err);

package/lib/stencil-start.js

@@ -233,6 +233,7 @@ class StencilStart {
             }
         });
         if (this._buildConfigManager.development) {
+            await this._buildConfigManager.initConfig();
             this._buildConfigManager.initWorker().development(this._browserSync);
         }
         await this.checkLangFiles(langsPath, this._storeSettingsLocale.default_shopper_language);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigcommerce/stencil-cli",
-  "version": "8.7.0",
+  "version": "8.8.0",
   "type": "module",
   "description": "CLI tool to run BigCommerce Stores locally for theme development.",
   "main": "index.js",