Download a Shopify store's assets used in your theme

README.md

It's hard to migrate section themes that rely heavily on images. This bit of code helps you download all the CDN assets of your theme.

1. Create a cdn_assets folder
2. Create the download_assets.js file at the root of your project
3. Edit the download_assets.js file to match the path to your settings_data.json (line 3)
4. Edit the download_assets.js file to set the "CDN code" of your store. Each file that you upload from /admin/settings/files gets uploaded with the following format: https://cdn.shopify.com/s/files/1/YOUR_CDN_CODE/files/YOURFILE. The format of the code is /\d{4}\/\d{4}/ (four digits, a forward slash, and four digits)

To run the code, simply run: node download_assets.js mainstore.myshopify.com to download all the assets in your theme that are store on mainstore.myshopify.com

download_assets.js

var request = require('request');
var fs = require('fs');
var settings = require('./src/config/settings_data.json'); // Set here the path to your "settings_data.json"

console.log("Downloading assets for: " + process.argv[2])

var themeDict = {
  "mainstore.myshopify.com": "0912/5154",
  "anotherstore.myshopify.com": "2659/8692"
};

var assets = new Set();

var assetRegex = /shopify:\/\/shop_images\/(\S+\.\w+)/;

function iterateSettings(obj) {
  Object.keys(obj).forEach(function (key) {
    if (typeof obj[key] === 'object') {
      return iterateSettings(obj[key]);
    }
    if (typeof obj[key] === "string") {
      var match = obj[key].match(assetRegex)
      if (match) {
        assets.add(match[1])
      }
    }

  });
}

iterateSettings(settings);

assets.forEach(function (asset) {
  var url = `https://cdn.shopify.com/s/files/1/${themeDict[process.argv[2]]}/files/${asset}`
  request.get(url).pipe(fs.createWriteStream("./cdn_assets/" + asset))
});

This is awesome, but I'm not sure what to enter for line 3 (path to settings file)... is this looking for an absolute path? relative? And how does one go about locating the full absolute path to the settings_data.json file? Thanks for your help...

This is a great script and thanks for sharing. When I try it, it downloads the images but the majority of them report as broken and unreadable.

@germ777 the path is relative so if the 'settings_data.json' file is in the same folder a download_asset.js you can use the following line:

var settings = require('./settings_data.json');

I also made the following edit so the script only downloads new files which might help some people maintaining multiple regional stores:

`assets.forEach(function (asset) {
var url = 'https://cdn.shopify.com/s/files/1/${themeDict[process.argv[2]]}/files/${asset}'

try {
if (fs.existsSync("./cdn_assets/" + asset)) {
console.log("file already exists: " + asset)
} else {
console.log("downloading: " + asset)
request.get(url).pipe(fs.createWriteStream("./cdn_assets/" + asset))
}
} catch(err) {
console.error(err)
}
});`

thanks

Combined both here to pull assets from Shopify 2.0 themes, template & config directories with JSON files;

var request = require("request");
var fs = require("fs");
const glob = require("glob");

console.log("Downloading assets for: " + process.argv[2])

var themeDict = {
"#####.myshopify.com": "####/####/###"
};

var assets = new Set();

var assetRegex = /shopify://shop_images/(\S+.\w+)/;

function iterateSettings(obj) {
Object.keys(obj).forEach(function (key) {
if (typeof obj[key] === "object") {
return iterateSettings(obj[key]);
}
if (typeof obj[key] === "string") {
var match = obj[key].match(assetRegex)
if (match) {
if (!assets.has(match[1])) {
assets.add(match[1])
}
}
}
});
}

// get template assets
glob(__dirname + "/+(templates|config)/*.json", {}, (err, files) => {
files.forEach(e => {
var file = require(e);
iterateSettings(file);
})

assets.forEach(function (asset) {
try {
var url = https://cdn.shopify.com/s/files/1/${themeDict[process.argv[2]]}/files/${asset};

  if (fs.existsSync("./cdn_assets/" + asset)) {
    console.log("file already exists: " + asset)
  } else {
    console.log("downloading: " + asset)        
    request.get(url).pipe(fs.createWriteStream("./cdn_assets/" + asset))
  }
} catch (err) {
  console.error(err)
}

});

})