@madebyseed/seed-cli-tools 1.5.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/config.js +1 -1
- package/lib/tasks/build-css.js +9 -3
- package/lib/tasks/includes/config.js +23 -11
- package/lib/tasks/shopify-cli.js +0 -1
- package/package.json +2 -2
- package/src/config.js +1 -1
- package/src/tasks/build-css.js +21 -10
- package/src/tasks/includes/config.js +23 -14
- package/src/tasks/shopify-cli.js +0 -1
package/lib/config.js
CHANGED
|
@@ -18,7 +18,7 @@ var currentDirectory = __dirname;
|
|
|
18
18
|
var themeRoot = (0, _findRoot["default"])(workingDirectory);
|
|
19
19
|
var defaultGulpPath = (0, _path.join)(themeRoot, (0, _path.normalize)("node_modules/.bin/gulp")); // Legacy path for older versions of Node.
|
|
20
20
|
|
|
21
|
-
var legacyGulpPath = (0, _path.join)(themeRoot, (0, _path.normalize)("node_modules/seed-cli-tools/node_modules/.bin/gulp"));
|
|
21
|
+
var legacyGulpPath = (0, _path.join)(themeRoot, (0, _path.normalize)("node_modules/@madebyseed/seed-cli-tools/node_modules/.bin/gulp"));
|
|
22
22
|
var config = {
|
|
23
23
|
gulpFile: (0, _path.join)(currentDirectory, "gulpfile.js"),
|
|
24
24
|
gulp: (0, _fs.existsSync)(defaultGulpPath) ? defaultGulpPath : legacyGulpPath,
|
package/lib/tasks/build-css.js
CHANGED
|
@@ -16,9 +16,11 @@ var config = require("./includes/config.js");
|
|
|
16
16
|
|
|
17
17
|
var messages = require("./includes/messages.js");
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var _require = require("./includes/config.js"),
|
|
20
|
+
usesTailwind = _require.usesTailwind;
|
|
20
21
|
|
|
21
|
-
var
|
|
22
|
+
var tailwindConfig = config.usesTailwind ? require(path.join(config.themeRoot, config.tailwindConfig)) : {};
|
|
23
|
+
var assets = config.usesTailwind || tailwindConfig.mode === "jit" ? [config.src.css, config.src.sections, config.src.layout, config.src.snippets, config.src.assets, config.src.js, config.src.icons, config.tailwindConfig] : [config.src.css, config.tailwindConfig];
|
|
22
24
|
/**
|
|
23
25
|
* Concatenate css via gulp-cssimport and copys to the `/dist` folder
|
|
24
26
|
*
|
|
@@ -28,7 +30,11 @@ var assets = tailwindConfig.mode === "jit" ? [config.src.css, config.src.section
|
|
|
28
30
|
*/
|
|
29
31
|
|
|
30
32
|
function processCss() {
|
|
31
|
-
|
|
33
|
+
if (usesTailwind) {
|
|
34
|
+
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));
|
|
35
|
+
} else {
|
|
36
|
+
return gulp.src(config.roots.css).pipe(plumber()).pipe(sass().on("error", sass.logError)).pipe(postcss(config.plugins.postcss)).pipe(gulp.dest(config.dist.assets));
|
|
37
|
+
}
|
|
32
38
|
}
|
|
33
39
|
/**
|
|
34
40
|
* Concatenate css via gulp-cssimport
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var fs = require('fs');
|
|
4
|
+
|
|
3
5
|
var join = require("path").join;
|
|
4
6
|
|
|
5
7
|
var logger = require("debug")("seed-tools");
|
|
@@ -60,6 +62,7 @@ var config = {
|
|
|
60
62
|
themeRoot: themeRoot,
|
|
61
63
|
packageJson: pkg,
|
|
62
64
|
tailwindConfig: tailwindConfig,
|
|
65
|
+
usesTailwind: fs.existsSync(join(themeRoot, tailwindConfig)),
|
|
63
66
|
seedConfig: "seed.config.js",
|
|
64
67
|
shopifyIgnore: join(themeRoot, '.shopifyignore'),
|
|
65
68
|
src: {
|
|
@@ -113,25 +116,34 @@ var config = {
|
|
|
113
116
|
vendorJs: "src/scripts/vendor.js",
|
|
114
117
|
css: "src/styles/*.{css,scss}"
|
|
115
118
|
},
|
|
119
|
+
// Added at runtime
|
|
116
120
|
plugins: {
|
|
117
|
-
postcss: [
|
|
118
|
-
config: join(themeRoot, tailwindConfig)
|
|
119
|
-
}), require('autoprefixer'), pxtorem({
|
|
120
|
-
rootValue: 16,
|
|
121
|
-
unitPrecision: 5,
|
|
122
|
-
propList: ['*'],
|
|
123
|
-
selectorBlackList: [],
|
|
124
|
-
replace: true,
|
|
125
|
-
mediaQuery: true,
|
|
126
|
-
exclude: /node_modules/i
|
|
127
|
-
})]
|
|
121
|
+
postcss: []
|
|
128
122
|
}
|
|
129
123
|
};
|
|
130
124
|
|
|
125
|
+
if (config.usesTailwind) {
|
|
126
|
+
config.plugins.postcss.push(require('postcss-import'));
|
|
127
|
+
config.plugins.postcss.push(tailwindcss({
|
|
128
|
+
config: join(themeRoot, tailwindConfig)
|
|
129
|
+
}));
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
config.plugins.postcss.push(require('autoprefixer'));
|
|
133
|
+
|
|
131
134
|
if (config.optimize) {
|
|
132
135
|
config.plugins.postcss.push(cssnano({
|
|
133
136
|
preset: "default"
|
|
134
137
|
}));
|
|
135
138
|
}
|
|
136
139
|
|
|
140
|
+
config.plugins.postcss.push(pxtorem({
|
|
141
|
+
rootValue: 16,
|
|
142
|
+
unitPrecision: 5,
|
|
143
|
+
propList: ['*'],
|
|
144
|
+
selectorBlackList: [],
|
|
145
|
+
replace: true,
|
|
146
|
+
mediaQuery: true,
|
|
147
|
+
exclude: /node_modules/i
|
|
148
|
+
}));
|
|
137
149
|
module.exports = config;
|
package/lib/tasks/shopify-cli.js
CHANGED
|
@@ -14,7 +14,6 @@ var config = require("./includes/config");
|
|
|
14
14
|
|
|
15
15
|
var messages = require("./includes/messages");
|
|
16
16
|
|
|
17
|
-
console.log(config);
|
|
18
17
|
var environment = config.environment.split(/\s*,\s*|\s+/)[0];
|
|
19
18
|
/**
|
|
20
19
|
* Initiates shopify's cli command 'shopify theme serve' on the dist folder,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@madebyseed/seed-cli-tools",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"description": "Seed CLI Tools",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"vinyl-paths": "^3.0.1",
|
|
52
52
|
"yargs": "^17.0.1"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "426187d1c16859249db56a7174a94192adc9d702"
|
|
55
55
|
}
|
package/src/config.js
CHANGED
|
@@ -11,7 +11,7 @@ const defaultGulpPath = join(themeRoot, normalize("node_modules/.bin/gulp"));
|
|
|
11
11
|
// Legacy path for older versions of Node.
|
|
12
12
|
const legacyGulpPath = join(
|
|
13
13
|
themeRoot,
|
|
14
|
-
normalize("node_modules/seed-cli-tools/node_modules/.bin/gulp")
|
|
14
|
+
normalize("node_modules/@madebyseed/seed-cli-tools/node_modules/.bin/gulp")
|
|
15
15
|
);
|
|
16
16
|
|
|
17
17
|
const config = {
|
package/src/tasks/build-css.js
CHANGED
|
@@ -7,13 +7,14 @@ const chokidar = require("chokidar");
|
|
|
7
7
|
|
|
8
8
|
const config = require("./includes/config.js");
|
|
9
9
|
const messages = require("./includes/messages.js");
|
|
10
|
-
const
|
|
10
|
+
const { usesTailwind } = require("./includes/config.js");
|
|
11
|
+
const tailwindConfig = config.usesTailwind ? require(path.join(
|
|
11
12
|
config.themeRoot,
|
|
12
13
|
config.tailwindConfig
|
|
13
|
-
));
|
|
14
|
+
)) : {};
|
|
14
15
|
|
|
15
|
-
const assets =
|
|
16
|
-
tailwindConfig.mode === "jit"
|
|
16
|
+
const assets =
|
|
17
|
+
config.usesTailwind || tailwindConfig.mode === "jit"
|
|
17
18
|
? [
|
|
18
19
|
config.src.css,
|
|
19
20
|
config.src.sections,
|
|
@@ -34,12 +35,22 @@ const assets =
|
|
|
34
35
|
* @private
|
|
35
36
|
*/
|
|
36
37
|
function processCss() {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
if (usesTailwind) {
|
|
39
|
+
return gulp
|
|
40
|
+
.src(config.roots.css)
|
|
41
|
+
.pipe(plumber())
|
|
42
|
+
.pipe(postcss(config.plugins.postcss))
|
|
43
|
+
.pipe(sass().on("error", sass.logError))
|
|
44
|
+
.pipe(gulp.dest(config.dist.assets));
|
|
45
|
+
} else {
|
|
46
|
+
return gulp
|
|
47
|
+
.src(config.roots.css)
|
|
48
|
+
.pipe(plumber())
|
|
49
|
+
.pipe(sass().on("error", sass.logError))
|
|
50
|
+
.pipe(postcss(config.plugins.postcss))
|
|
51
|
+
.pipe(gulp.dest(config.dist.assets));
|
|
52
|
+
}
|
|
53
|
+
|
|
43
54
|
}
|
|
44
55
|
|
|
45
56
|
/**
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
const fs = require('fs');
|
|
1
2
|
const join = require("path").join;
|
|
2
3
|
const logger = require("debug")("seed-tools");
|
|
3
4
|
const findRoot = require("find-root");
|
|
@@ -53,6 +54,8 @@ const config = {
|
|
|
53
54
|
|
|
54
55
|
tailwindConfig,
|
|
55
56
|
|
|
57
|
+
usesTailwind: fs.existsSync(join(themeRoot, tailwindConfig)),
|
|
58
|
+
|
|
56
59
|
seedConfig: "seed.config.js",
|
|
57
60
|
|
|
58
61
|
shopifyIgnore: join(themeRoot, '.shopifyignore'),
|
|
@@ -112,26 +115,32 @@ const config = {
|
|
|
112
115
|
css: "src/styles/*.{css,scss}",
|
|
113
116
|
},
|
|
114
117
|
|
|
118
|
+
// Added at runtime
|
|
115
119
|
plugins: {
|
|
116
|
-
postcss: [
|
|
117
|
-
require('postcss-import'),
|
|
118
|
-
tailwindcss({ config: join(themeRoot, tailwindConfig) }),
|
|
119
|
-
require('autoprefixer'),
|
|
120
|
-
pxtorem({
|
|
121
|
-
rootValue: 16,
|
|
122
|
-
unitPrecision: 5,
|
|
123
|
-
propList: ['*'],
|
|
124
|
-
selectorBlackList: [],
|
|
125
|
-
replace: true,
|
|
126
|
-
mediaQuery: true,
|
|
127
|
-
exclude: /node_modules/i
|
|
128
|
-
})
|
|
129
|
-
],
|
|
120
|
+
postcss: [],
|
|
130
121
|
},
|
|
131
122
|
};
|
|
132
123
|
|
|
124
|
+
|
|
125
|
+
if (config.usesTailwind) {
|
|
126
|
+
config.plugins.postcss.push(require('postcss-import'))
|
|
127
|
+
config.plugins.postcss.push(tailwindcss({ config: join(themeRoot, tailwindConfig) }))
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
config.plugins.postcss.push(require('autoprefixer'))
|
|
131
|
+
|
|
133
132
|
if (config.optimize) {
|
|
134
133
|
config.plugins.postcss.push((cssnano({ preset: "default" })))
|
|
135
134
|
}
|
|
136
135
|
|
|
136
|
+
config.plugins.postcss.push(pxtorem({
|
|
137
|
+
rootValue: 16,
|
|
138
|
+
unitPrecision: 5,
|
|
139
|
+
propList: ['*'],
|
|
140
|
+
selectorBlackList: [],
|
|
141
|
+
replace: true,
|
|
142
|
+
mediaQuery: true,
|
|
143
|
+
exclude: /node_modules/i
|
|
144
|
+
}))
|
|
145
|
+
|
|
137
146
|
module.exports = config;
|
package/src/tasks/shopify-cli.js
CHANGED