@madebyseed/seed-cli-tools 2.3.0 → 2.3.1

package/lib/tasks/build-css.js

@@ -12,6 +12,11 @@ var plumber = require("gulp-plumber");
 
 var chokidar = require("chokidar");
 
+var _require = require("glob"),
+    glob = _require.glob;
+
+var fs = require("fs");
+
 var config = require("./includes/config.js");
 
 var messages = require("./includes/messages.js");
@@ -51,6 +56,25 @@ function processSass() {
     }).pipe(plumber(utils.errorHandler)).pipe(sass()).pipe(postcss(config.plugins.postcss)).pipe(gulp.dest(config.dist.assets)).on('finish', resolve).on('error', reject);
   });
 }
+/**
+* Touch CSS files to update their modification time
+* This ensures Shopify's watcher detects the changes
+*/
+
+
+function touchCssFiles() {
+  try {
+    var cssFiles = glob.sync("".concat(config.dist.assets, "*.css"));
+    cssFiles.forEach(function (file) {
+      // Update the file modification time to trigger Shopify's watcher
+      var now = new Date();
+      fs.utimesSync(file, now, now);
+      messages.logFileEvent("touch", file);
+    });
+  } catch (error) {
+    console.error("Error touching CSS files:", error);
+  }
+}
 /**
  * Concatenate css via gulp-cssimport
  *
@@ -82,6 +106,10 @@ gulp.task("watch:css", function () {
       messages.logFileEvent(event, path);
     }
 
-    processCss();
+    processCss(); // Important: Touch CSS files after processing to ensure Shopify detects changes
+
+    setTimeout(function () {
+      touchCssFiles();
+    }, 500);
   });
 });

package/lib/tasks/build-js.js

@@ -16,6 +16,11 @@ var chokidar = require('chokidar');
 
 var minify = composer(uglifyjs, console);
 
+var _require = require("glob"),
+    glob = _require.glob;
+
+var fs = require("fs");
+
 var utils = require("./includes/utilities");
 
 var config = require('./includes/config.js');
@@ -40,6 +45,25 @@ function processVendorJs() {
     compress: true
   })).pipe(gulp.dest(config.dist.assets));
 }
+/**
+ * Touch JS files to update their modification time
+ * This ensures Shopify's watcher detects the changes
+ */
+
+
+function touchJsFiles() {
+  try {
+    var jsFiles = glob.sync("".concat(config.dist.assets, "*.js"));
+    jsFiles.forEach(function (file) {
+      // Update the file modification time to trigger Shopify's watcher
+      var now = new Date();
+      fs.utimesSync(file, now, now);
+      messages.logFileEvent("touch", file);
+    });
+  } catch (error) {
+    console.error("Error touching JS files:", error);
+  }
+}
 
 gulp.task('build:js', function () {
   return processThemeJs();
@@ -49,7 +73,12 @@ gulp.task('watch:js', function () {
     ignoreInitial: true
   }).on('all', function (event, path) {
     messages.logFileEvent(event, path);
-    processThemeJs();
+    processThemeJs().then(function () {
+      // Touch JS files after processing to ensure Shopify detects changes
+      setTimeout(function () {
+        touchJsFiles();
+      }, 500);
+    });
   });
 });
 gulp.task('build:vendor-js', function () {
@@ -60,6 +89,11 @@ gulp.task('watch:vendor-js', function () {
     ignoreInitial: true
   }).on('all', function (event, path) {
     messages.logFileEvent(event, path);
-    processVendorJs();
+    processVendorJs().then(function () {
+      // Touch JS files after processing to ensure Shopify detects changes
+      setTimeout(function () {
+        touchJsFiles();
+      }, 500);
+    });
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madebyseed/seed-cli-tools",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "Seed CLI Tools",
   "main": "index.js",
   "scripts": {
@@ -34,6 +34,7 @@
     "fancy-log": "^1.3.3",
     "figures": "^3.2.0",
     "find-root": "^1.1.0",
+    "glob": "^11.0.2",
     "gulp": "^4.0.2",
     "gulp-ext-replace": "^0.3.0",
     "gulp-if": "^3.0.0",
@@ -57,5 +58,5 @@
     "webpack-stream": "^7.0.0",
     "yargs": "^17.0.1"
   },
-  "gitHead": "b238f65d36559b8b10670bc8840c24c853b497f9"
+  "gitHead": "018f1210f603f30c38dfb6cc17eb66967072e3b3"
 }

package/src/tasks/build-css.js

@@ -4,7 +4,8 @@ const sass = require("gulp-sass")(require("sass"));
 const postcss = require("gulp-postcss");
 const plumber = require("gulp-plumber");
 const chokidar = require("chokidar");
-
+const { glob } = require("glob");
+const fs = require("fs");
 const config = require("./includes/config.js");
 const messages = require("./includes/messages.js");
 const utils = require("./includes/utilities");
@@ -67,6 +68,24 @@ function processCss() {
     .on('error', reject)
   })
 
+ }
+
+ /**
+ * Touch CSS files to update their modification time
+ * This ensures Shopify's watcher detects the changes
+ */
+function touchCssFiles() {
+  try {
+    const cssFiles = glob.sync(`${config.dist.assets}*.css`);
+    cssFiles.forEach((file) => {
+      // Update the file modification time to trigger Shopify's watcher
+      const now = new Date();
+      fs.utimesSync(file, now, now);
+      messages.logFileEvent("touch", file);
+    });
+  } catch (error) {
+    console.error(`Error touching CSS files:`, error);
+  }
 }
 
 /**
@@ -98,5 +117,10 @@ gulp.task("watch:css", () => {
     }
 
     processCss();
+
+    // Important: Touch CSS files after processing to ensure Shopify detects changes
+    setTimeout(() => {
+      touchCssFiles();
+    }, 500);
   });
 });

package/src/tasks/build-js.js

@@ -6,8 +6,8 @@ const include = require('gulp-include');
 const plumber = require('gulp-plumber');
 const chokidar = require('chokidar');
 const minify = composer(uglifyjs, console)
-
-
+const { glob } = require("glob");
+const fs = require("fs");
 const utils = require("./includes/utilities");
 const config = require('./includes/config.js');
 const messages = require('./includes/messages.js');
@@ -34,6 +34,24 @@ function processVendorJs() {
     .pipe(gulp.dest(config.dist.assets));
 }
 
+/**
+ * Touch JS files to update their modification time
+ * This ensures Shopify's watcher detects the changes
+ */
+function touchJsFiles() {
+  try {
+    const jsFiles = glob.sync(`${config.dist.assets}*.js`);
+    jsFiles.forEach((file) => {
+      // Update the file modification time to trigger Shopify's watcher
+      const now = new Date();
+      fs.utimesSync(file, now, now);
+      messages.logFileEvent("touch", file);
+    });
+  } catch (error) {
+    console.error(`Error touching JS files:`, error);
+  }
+}
+
 gulp.task('build:js', () => {
   return processThemeJs();
 });
@@ -42,7 +60,12 @@ gulp.task('watch:js', () => {
   chokidar.watch([config.src.js, `!${config.roots.vendorJs}`, `!${config.src.vendorJs}`], {ignoreInitial: true})
     .on('all', (event, path) => {
       messages.logFileEvent(event, path);
-      processThemeJs()
+      processThemeJs().then(() => {
+         // Touch JS files after processing to ensure Shopify detects changes
+        setTimeout(() => {
+          touchJsFiles();
+        }, 500);
+      });
     });
 });
 
@@ -54,6 +77,11 @@ gulp.task('watch:vendor-js', () => {
   chokidar.watch([config.roots.vendorJs, config.src.vendorJs], {ignoreInitial: true})
     .on('all', (event, path) => {
       messages.logFileEvent(event, path);
-      processVendorJs();
+      processVendorJs().then(() => {
+        // Touch JS files after processing to ensure Shopify detects changes
+        setTimeout(() => {
+          touchJsFiles();
+        }, 500);
+      });
     });
 });