Shopify theme development support for Gulp.js. Asynchronous theme assets uploads, retry-on-error, remote purge.
$ npm install --save-dev gulp-shopify-theme
- Queue Shopify API calls respecting the 40-call/burst / 2 call/sec limits
- Support idiomatic Gulp.js workflow:
.pipe(shopifytheme.stream( options ))
- Support purging all theme files on Shopify (for cleanup and reupload)
- Multiple instance support. Sync multiple themes via a single
gulpfile.js
- Uses the excellent Microapps'
shopify-api-node
as the API wrapper
A full working example can be found here: gist.github.com/tmslnz/1d025baaa…
var shopifytheme = require('gulp-shopify-theme').create();
var shopifyconfig = {
"api_key": "8a1a2001d06ff…",
"password": "51f8c8de49ee28…",
"shared_secret": "51f8c8de49ee51…",
"shop_name": "yourshopname…",
"theme_id": "12345678…"
}
gulp.task( 'copy', ['shopify-theme-init'], function () {
return gulp.src( [ 'src/{layout,config,snippets,templates,locales}/**/*.*' ] )
.pipe( shopifytheme.stream() );
});
gulp.task( 'shopify-theme-init', function () {
shopifytheme.init(shopifyconfig);
});
-
shopifytheme.create( options )
Returns a new instance. The instance will do nothing until
.init( options )
is called on it. -
shopifytheme.init( options )
Initialises an instance with
options
. The plugin will wait for, and queue, new files as they come through. -
shopifytheme.stream( options )
Use this to stream any theme file to the plugin.
gulp.src( [ 'src/js/*.js' ] ) .pipe( shopifytheme.stream( {theme_id: 12345} ) ) .pipe( gulp.dest( 'dist' ) )
Passing
theme_id
is optional if you have already passed it to the instance's configuration oninit()
. However if used it will override the pre-exisitingtheme_id
. If notheme_id
is present an error is thrown. -
shopifytheme.purge()
This will delete all theme files from Shopify. Equivalent to going to the Shopify Admin and deleting each file by hand (eww!).
Use with caution, of course..purge()
honours a blacklist of _un_deletable files (e.g.layout/theme.liquid
)
For now it's just API configuration.
- api_key
- password
- shared_secret
- shop_name
- theme_id