Merge pull request #2 from sergejcodes/dev

Theme initialization

Author: sergejcodes

.config/readme/banner.svg renamed to .config/.readme/banner.svg

@@ -1,4 +1,4 @@
-const options = require('../reloadr.config.js')
+const options = require('./reloadr.config.js')
 
 initReloadrClient = () => {
   const socket = new WebSocket(`ws://localhost:${options.websocketPort}`)

.config/reloadr/reloadr.client.js

@@ -1,4 +1,4 @@
-const package = require('../package.json')
+const package = require('../../package.json')
 
 // load values from package.json
 module.exports = {

.config/reloadr.config.js renamed to .config/reloadr/reloadr.config.js

@@ -1,7 +1,7 @@
 const http = require('http')
 const WebSocket = require('ws')
 const chalk = require('chalk')
-const options = require('../reloadr.config.js')
+const options = require('./reloadr.config.js')
 
 /**
  * custom console.log

.config/reloadr/reloadr.server.js

@@ -0,0 +1,110 @@
+const path = require('path')
+const fs = require('fs-extra')
+const commandLineArgs = require('command-line-args')
+const yaml = require('yaml')
+const axios = require('axios')
+const chalk = require('chalk')
+const themeKit = require('@shopify/themekit')
+
+/**
+ * get command line arguments
+ */
+const optionDefinitions = [
+  { name: 'env', alias: 'e', type: String, defaultValue: 'dev' },
+  { name: 'password', alias: 'p', type: String },
+  { name: 'store', alias: 's', type: String },
+  { name: 'name', alias: 'n', type: String, defaultValue: 'Shopify Starterkit' }
+]
+
+const options = commandLineArgs(optionDefinitions)
+
+// check the provided options
+if (Object.keys(options).length < 4) {
+  console.error(chalk.red('not enough arguments provided for initialization'))
+  process.exit(1)
+}
+
+if (!options.env.match(/^dev$|^live$|^staging$/)) {
+  console.error(chalk.red('env should be \'dev\', \'live\' or \'staging\''))
+  process.exit(1)
+}
+
+/**
+ * additional variables
+ */
+const configPath = path.resolve(__dirname, `./shopify.${options.env}.yml`)
+let themeId // assigned after remote initialization
+
+/**
+ * function initialises local config and remote shopify theme
+ */
+const initTheme = async () => {
+  // initialize empty theme on shopify store
+  try {
+    const response  = await axios.post(
+      `https://${options.store}/admin/api/2020-07/themes.json`,
+      { theme: { name: options.name } },
+      { headers: { 'X-Shopify-Access-Token': options.password } }
+    )
+
+    // assign theme id
+    themeId = response.data.theme.id.toString()
+  } catch (e) {
+    console.error(chalk.red(e))
+    process.exit(1)
+  }
+
+  // create yaml config
+  const yamlConfig = yaml.stringify({
+    [options.env]: {
+      password: options.password,
+      theme_id: themeId,
+      store: options.store,
+      directory: 'shopify',
+      ignores: [
+        '.config/shopify/.shopifyignore'
+      ]
+    }
+  })
+
+  // write shopify config file
+  try{
+    await fs.outputFile(configPath, yamlConfig)
+  } catch (e) {
+    console.error(chalk.red(e))
+    process.exit(1)
+  }
+
+  // write settings_data.json to shopify/config
+  try{
+    const settingsData = {
+      current: 'Default',
+      presets: {
+        Default: {}
+      }
+    }
+
+    await fs.outputFile(path.resolve(__dirname, '../../shopify/config/settings_data.json'), JSON.stringify(settingsData))
+  } catch (e) {
+    console.error(chalk.red(e))
+    process.exit(1)
+  }
+
+  // upload shopify theme to remote
+  try{
+    await themeKit.command('deploy', {
+      config: configPath,
+      env: options.env
+    })
+  } catch (e) {
+    console.error(chalk.red(e))
+    process.exit(1)
+  }
+
+  console.log(chalk.green('initialized remote theme'))
+}
+
+/**
+ * inititalise theme
+ */
+initTheme()

.config/sample.shopify.config.yml

@@ -0,0 +1,7 @@
+dev:
+  password: [your-api-password]
+  theme_id: "[your-theme-id]"
+  store: [your-store].myshopify.com
+  directory: shopify
+  ignores:
+    - .config/shopify/.shopifyignore

.config/.shopifyignore renamed to .config/shopify/.shopifyignore

@@ -5,16 +5,16 @@ const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
 module.exports = {
   stats: 'minimal',
-  entry: path.resolve(__dirname, '../src/main.js'),
+  entry: path.resolve(__dirname, '../../src/main.js'),
   output: {
-    path: path.resolve(__dirname, '../shopify/assets/'),
+    path: path.resolve(__dirname, '../../shopify/assets/'),
     filename: 'bundle.js'
   },
   resolve: {
     extensions: ['*', '.js', '.vue', '.json'],
     alias: {
       'vue$': 'vue/dist/vue.esm.js',
-      '@': path.resolve(__dirname, '../src/')
+      '@': path.resolve(__dirname, '../../src/')
     }
   },
   module: {

.config/shopify/shopify.init.js

@@ -5,8 +5,8 @@ const common = require('./webpack.common.js')
 module.exports = merge(common, {
   mode: 'development',
   entry: [
-    path.resolve(__dirname, '../src/main.js'),
-    path.resolve(__dirname, './reloadr/reloadr.client.js') // add reloadr to the bundle
+    path.resolve(__dirname, '../../src/main.js'),
+    path.resolve(__dirname, '../reloadr/reloadr.client.js') // add reloadr to the bundle
   ],
   module: {
     rules: [
@@ -18,7 +18,7 @@ module.exports = merge(common, {
             {
             loader: 'eslint-loader',
             options: {
-              configFile: path.resolve(__dirname, '.eslintrc.js')
+              configFile: path.resolve(__dirname, '../.eslintrc.js')
             }
           }
         ]
@@ -31,7 +31,7 @@ module.exports = merge(common, {
           {
             loader: 'postcss-loader',
             options: {
-              postcssOptions: require('./postcss.config.js')
+              postcssOptions: require(path.resolve(__dirname, '../postcss.config.js'))
             }
           },
           'sass-loader'