@madebyseed/seed-cli-tools 1.3.2 → 1.4.0

package/lib/gulpfile.js

@@ -47,7 +47,7 @@ gulp.task("watch", gulp.series("build", gulp.parallel("watch:src", "watch:dist",
 /**
  *
  * @summary pulls theme from specified environment theme into src
- * @function deploy
+ * @function pull
  * @memberof slate-cli.tasks.deploy
  * @static
  */
@@ -58,7 +58,7 @@ gulp.task("pull", gulp.series("shopify:pull:origin:src"));
  * theme using shopify theme push, by default with the --no-delete flag
  *
  * @summary pulls theme settings from specified environment theme into src
- * @function deploy
+ * @function pull:settings
  * @memberof slate-cli.tasks.deploy
  * @static
  */
@@ -83,7 +83,7 @@ gulp.task("deploy", gulp.series("sync-settings", "build", "shopify:push:dist"));
  *
  * @summary Deploy your built files to the Shopify Store set in
  *   `slate-cli.config`
- * @function deploy
+ * @function deploy:no-sync
  * @memberof slate-cli.tasks.deploy:no-sync
  * @static
  */

package/lib/tasks/build-assets.js

@@ -19,6 +19,7 @@ var utils = require('./includes/utilities.js');
 var messages = require('./includes/messages.js');
 
 var assetsPaths = [config.src.assets, config.src.templates, config.src.sections, config.src.snippets, config.src.locales, config.src.config, config.src.layout];
+var rootAssets = [config.shopifyIgnore];
 /**
  * Copies assets to the `/dist` directory
  *
@@ -36,6 +37,24 @@ function processAssets(files) {
     pretty: true
   })).pipe(gulp.dest(config.dist.root));
 }
+/**
+ * Copies root assets to the `/dist` directory
+ *
+ * @param {Array} files
+ * @returns {Stream}
+ * @private
+ */
+
+
+function processRootAssets(files) {
+  messages.logProcessFiles('build:assets');
+  return gulp.src(files, {
+    allowEmpty: true
+  }).pipe(plumber(utils.errorHandler)).pipe(size({
+    showFiles: true,
+    pretty: true
+  })).pipe(gulp.dest(config.dist.root));
+}
 /**
  * Deletes specified files
  *
@@ -66,6 +85,7 @@ function removeAssets(files) {
 
 
 gulp.task('build:assets', function () {
+  processRootAssets(rootAssets);
   return processAssets(assetsPaths);
 });
 /**
@@ -86,4 +106,10 @@ gulp.task('watch:assets', function () {
     eventCache.addEvent(event, path);
     utils.processCache(eventCache, processAssets, removeAssets);
   });
+  chokidar.watch(rootAssets, {
+    ignoreInitial: true
+  }).on('all', function (event, path) {
+    messages.logFileEvent(event, path);
+    processRootAssets(rootAssets);
+  });
 });

package/lib/tasks/build-css.js

@@ -1,18 +1,18 @@
 "use strict";
 
-var gulp = require('gulp');
+var gulp = require("gulp");
 
-var sass = require('gulp-sass')(require('sass'));
+var sass = require("gulp-sass")(require("sass"));
 
-var postcss = require('gulp-postcss');
+var postcss = require("gulp-postcss");
 
-var plumber = require('gulp-plumber');
+var plumber = require("gulp-plumber");
 
-var chokidar = require('chokidar');
+var chokidar = require("chokidar");
 
-var config = require('./includes/config.js');
+var config = require("./includes/config.js");
 
-var messages = require('./includes/messages.js');
+var messages = require("./includes/messages.js");
 /**
  * Concatenate css via gulp-cssimport and copys to the `/dist` folder
  *
@@ -23,7 +23,7 @@ var messages = require('./includes/messages.js');
 
 
 function processCss() {
-  return gulp.src(config.roots.css).pipe(plumber()).pipe(postcss(config.plugins.postcss)).pipe(sass().on('error', sass.logError)).pipe(gulp.dest(config.dist.assets));
+  return gulp.src(config.roots.css).pipe(plumber()).pipe(postcss(config.plugins.postcss)).pipe(sass().on("error", sass.logError)).pipe(gulp.dest(config.dist.assets));
 }
 /**
  * Concatenate css via gulp-cssimport
@@ -34,7 +34,7 @@ function processCss() {
  */
 
 
-gulp.task('build:css', function () {
+gulp.task("build:css", function () {
   return processCss();
 });
 /**
@@ -45,10 +45,10 @@ gulp.task('build:css', function () {
  * @static
  */
 
-gulp.task('watch:css', function () {
-  chokidar.watch(config.src.css, {
+gulp.task("watch:css", function () {
+  chokidar.watch([config.src.css, config.src.sections, config.src.templates, config.src.snippets, config.tailwindConfig], {
     ignoreInitial: true
-  }).on('all', function (event, path) {
+  }).on("all", function (event, path) {
     messages.logFileEvent(event, path);
     processCss();
   });

package/lib/tasks/includes/config.js

@@ -61,6 +61,7 @@ var config = {
   packageJson: pkg,
   tailwindConfig: tailwindConfig,
   seedConfig: "seed.config.js",
+  shopifyIgnore: join(themeRoot, '.shopifyignore'),
   src: {
     root: "src/",
     js: "src/scripts/**/*.{js,js.liquid}",

package/lib/tasks/shopify-cli.js

@@ -71,9 +71,9 @@ gulp.task("shopify:pull:dev:tmp", function (done) {
   return shopifyCLI.pull(devThemeId, config.tmp.root);
 });
 /**
- * Pulls theme files from the seed config theme enviroment into src
+ * Pulls theme files from the seed config theme enviroment into tmp
  *
- * @function shopify:pull:dev
+ * @function shopify:pull:origin:tmp
  * @memberof seed-cli.tasks.deploy
  * @static
  */
@@ -85,7 +85,7 @@ gulp.task("shopify:pull:origin:tmp", function () {
 /**
  * Pulls theme files from the seed config theme enviroment into src
  *
- * @function shopify:pull:dev
+ * @function shopify:pull:origin:src
  * @memberof seed-cli.tasks.deploy
  * @static
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madebyseed/seed-cli-tools",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "Seed CLI Tools",
   "main": "index.js",
   "scripts": {
@@ -52,5 +52,5 @@
     "vinyl-paths": "^3.0.1",
     "yargs": "^17.0.1"
   },
-  "gitHead": "664511c9ff5705270fb7146e07f92a4c51b9508b"
+  "gitHead": "df6244576b15e5328b84b967aff76ac6b5524a17"
 }

package/src/gulpfile.js

@@ -67,7 +67,7 @@ gulp.task(
 /**
  *
  * @summary pulls theme from specified environment theme into src
- * @function deploy
+ * @function pull
  * @memberof slate-cli.tasks.deploy
  * @static
  */
@@ -78,7 +78,7 @@ gulp.task(
  * theme using shopify theme push, by default with the --no-delete flag
  *
  * @summary pulls theme settings from specified environment theme into src
- * @function deploy
+ * @function pull:settings
  * @memberof slate-cli.tasks.deploy
  * @static
  */
@@ -104,7 +104,7 @@ gulp.task("deploy", gulp.series("sync-settings", "build", "shopify:push:dist"));
  *
  * @summary Deploy your built files to the Shopify Store set in
  *   `slate-cli.config`
- * @function deploy
+ * @function deploy:no-sync
  * @memberof slate-cli.tasks.deploy:no-sync
  * @static
  */

package/src/tasks/build-assets.js

@@ -19,6 +19,10 @@ const assetsPaths = [
   config.src.layout,
 ];
 
+const rootAssets = [
+  config.shopifyIgnore
+]
+
 /**
  * Copies assets to the `/dist` directory
  *
@@ -37,6 +41,24 @@ function processAssets(files) {
     .pipe(gulp.dest(config.dist.root));
 }
 
+/**
+ * Copies root assets to the `/dist` directory
+ *
+ * @param {Array} files
+ * @returns {Stream}
+ * @private
+ */
+function processRootAssets(files) {
+  messages.logProcessFiles('build:assets');
+  return gulp.src(files, { allowEmpty: true })
+    .pipe(plumber(utils.errorHandler))
+    .pipe(size({
+      showFiles: true,
+      pretty: true,
+    }))
+    .pipe(gulp.dest(config.dist.root));
+}
+
 /**
  * Deletes specified files
  *
@@ -69,6 +91,7 @@ function removeAssets(files) {
  * @static
  */
 gulp.task('build:assets', () => {
+  processRootAssets(rootAssets);
   return processAssets(assetsPaths);
 });
 
@@ -90,4 +113,11 @@ gulp.task('watch:assets', () => {
     eventCache.addEvent(event, path);
     utils.processCache(eventCache, processAssets, removeAssets);
   });
+
+  chokidar.watch(rootAssets, {
+    ignoreInitial: true,
+  }).on('all', (event, path) => {
+    messages.logFileEvent(event, path);
+    processRootAssets(rootAssets);
+  });
 });

package/src/tasks/build-css.js

@@ -1,12 +1,11 @@
-const gulp = require('gulp');
-const sass = require('gulp-sass')(require('sass'));
-const postcss = require('gulp-postcss');
-const plumber = require('gulp-plumber');
-const chokidar = require('chokidar');
-
-const config = require('./includes/config.js');
-const messages = require('./includes/messages.js');
+const gulp = require("gulp");
+const sass = require("gulp-sass")(require("sass"));
+const postcss = require("gulp-postcss");
+const plumber = require("gulp-plumber");
+const chokidar = require("chokidar");
 
+const config = require("./includes/config.js");
+const messages = require("./includes/messages.js");
 
 /**
  * Concatenate css via gulp-cssimport and copys to the `/dist` folder
@@ -16,10 +15,11 @@ const messages = require('./includes/messages.js');
  * @private
  */
 function processCss() {
-  return gulp.src(config.roots.css)
+  return gulp
+    .src(config.roots.css)
     .pipe(plumber())
     .pipe(postcss(config.plugins.postcss))
-    .pipe(sass().on('error', sass.logError))
+    .pipe(sass().on("error", sass.logError))
     .pipe(gulp.dest(config.dist.assets));
 }
 
@@ -30,7 +30,7 @@ function processCss() {
  * @memberof seed-cli.tasks.build
  * @static
  */
-gulp.task('build:css', () => {
+gulp.task("build:css", () => {
   return processCss();
 });
 
@@ -41,10 +41,20 @@ gulp.task('build:css', () => {
  * @memberof seed-cli.tasks.watch
  * @static
  */
-gulp.task('watch:css', () => {
-  chokidar.watch(config.src.css, {ignoreInitial: true})
-    .on('all', (event, path) => {
-      messages.logFileEvent(event, path)
+gulp.task("watch:css", () => {
+  chokidar
+    .watch(
+      [
+        config.src.css,
+        config.src.sections,
+        config.src.templates,
+        config.src.snippets,
+        config.tailwindConfig,
+      ],
+      { ignoreInitial: true }
+    )
+    .on("all", (event, path) => {
+      messages.logFileEvent(event, path);
       processCss();
     });
 });

package/src/tasks/includes/config.js

@@ -55,6 +55,8 @@ const config = {
 
   seedConfig: "seed.config.js",
 
+  shopifyIgnore: join(themeRoot, '.shopifyignore'),
+
   src: {
     root: "src/",
     js: "src/scripts/**/*.{js,js.liquid}",

package/src/tasks/shopify-cli.js

@@ -70,9 +70,9 @@ gulp.task("shopify:pull:dev:tmp", (done) => {
 });
 
 /**
- * Pulls theme files from the seed config theme enviroment into src
+ * Pulls theme files from the seed config theme enviroment into tmp
  *
- * @function shopify:pull:dev
+ * @function shopify:pull:origin:tmp
  * @memberof seed-cli.tasks.deploy
  * @static
  */
@@ -87,7 +87,7 @@ gulp.task("shopify:pull:origin:tmp", () => {
 /**
  * Pulls theme files from the seed config theme enviroment into src
  *
- * @function shopify:pull:dev
+ * @function shopify:pull:origin:src
  * @memberof seed-cli.tasks.deploy
  * @static
  */