@softlimit/theme-envy 0.1.2-alpha

package/helpers/functions/liquid-tree/functions/get-depth.js

@@ -0,0 +1,12 @@
+const getDepth = (obj, depth = 0, arr = []) => {
+  // collect object depth and key for each entry into an array so we can output a smaller, less verbose version of the tree
+  Object.keys(obj).forEach(key => {
+    arr.push({ depth, key, type: obj[key].type })
+    if (obj[key].tree) {
+      getDepth(obj[key].tree, depth + 1, arr)
+    }
+  })
+  return arr
+}
+
+module.exports = getDepth

package/helpers/functions/liquid-tree/functions/get-file-info.js

@@ -0,0 +1,11 @@
+const path = require('path')
+
+module.exports = (filePath) => {
+  const file = {
+    name: path.basename(filePath, '.liquid'),
+    type: filePath.includes('sections/') ? 'section' : filePath.includes('snippets/') ? 'snippet' : filePath.includes('partials/') ? 'partial' : filePath.includes('layout/') ? 'layout' : filePath.includes('templates/') ? 'template' : filePath.includes('assets/') ? 'asset' : null,
+    path: path.resolve(filePath),
+    tree: {}
+  }
+  return file
+}

package/helpers/functions/liquid-tree/functions/index.js

@@ -0,0 +1,5 @@
+module.exports = {
+  countResults: require('./count-results.js'),
+  getDepth: require('./get-depth.js'),
+  getFileInfo: require('./get-file-info.js'),
+}

package/helpers/functions/liquid-tree/index.js

@@ -0,0 +1,48 @@
+/**
+  @file returns an array of all liquid files that are in the dependency tree of the given file.
+  @example npx theme-envy tree filepath1,filepath2,filepath3
+  */
+
+const chalk = require('chalk')
+const { dependencies } = require('./objects')
+const { countResults, getDepth } = require('./functions')
+
+module.exports = function(filepaths, options) {
+  const files = filepaths.split(',')
+  if (!files) {
+    console.error('Provide relative file path(s) to find')
+    return
+  }
+  // create our output and run our functions on each file passed in as a command line argument
+  files.forEach((filePath, i) => {
+  // add a new line between each file
+    if (i > 0) console.log('\n')
+    const result = dependencies.check(filePath)
+    console.log(chalk.bgWhite.black.bold('------------------------------------------'))
+    console.log(chalk.bgWhite.black.bold(` ${countResults(result)} files in liquid dependency tree for: \n ${filePath} `))
+    console.log(chalk.bgWhite.black.bold('------------------------------------------'))
+    if (options.verbose) {
+    // our "verbose" output
+      console.dir(result, { depth: null, colors: true })
+    } else {
+    // our "simple" output
+      getDepth(result).forEach(entry => {
+        let weight, bg
+        if (entry.type === 'section') {
+          bg = 'bgGray'
+          weight = 'bold'
+        } else {
+          bg = 'bgBlack'
+          weight = entry.depth === 0 ? 'bold' : false
+        }
+        const color = entry.depth === 0 ? 'green' : entry.depth === 1 ? 'yellow' : entry.depth === 2 ? 'blue' : entry.depth === 3 ? 'red' : 'gray'
+        if (weight) {
+        // output our bold items
+          console.log(chalk[weight][color](`${'  '.repeat(entry.depth)}${chalk[weight][color][bg](`${entry.key} (${entry.type})`)}`))
+        } else {
+          console.log(chalk[color](`${'  '.repeat(entry.depth)}${entry.key} (${entry.type})`))
+        }
+      })
+    }
+  })
+}

package/helpers/functions/liquid-tree/objects/dependencies.js

@@ -0,0 +1,74 @@
+/**
+ * @file This file contains the logic for collecting all of the dependencies for a given file.
+ */
+
+const fs = require('fs')
+const glob = require('glob')
+const path = require('path')
+const { getFileInfo } = require('../functions')
+
+// Collect all of our liquid files
+const liquidFiles = glob.sync(path.resolve(ThemeEnvy.themePath, '**/*.liquid'))
+// define our strings that we want to find in the files
+const searchStrings = (file) => {
+  return {
+    asset: [`'${file.name}' | asset_url`, `"${file.name}" | asset_url`],
+    snippet: [`render '${file.name}'`, `render "${file.name}"`, `include '${file.name}'`, `include "${file.name}"`],
+    partial: [`partial '${file.name}'`, `partial "${file.name}"`],
+    section: [`section '${file.name}'`, `section "${file.name}"`],
+  }
+}
+
+module.exports = {
+  check(filePath) {
+    this.results = {}
+    const fileName = filePath.includes('.') ? filePath : path.basename(filePath, '.liquid')
+    this.results[fileName] = getFileInfo(filePath)
+    this.results = this.collect(this.results)
+
+    // remove all searchString attributes and empty trees from our results
+    this.results = this.cleanForReport(this.results)
+    return this.results
+  },
+  collect(results) {
+    // iterate through each file in our results object
+    Object.entries(results).forEach(file => {
+      const fileInfo = file[1]
+      // get the tree for the file
+      fileInfo.tree = this.getFileTree(fileInfo)
+    })
+    return results
+  },
+  getFileTree(fileInfo) {
+    // do not check "templates", or "layouts" for dependencies
+    if (['template', 'layout'].includes(fileInfo.type)) return fileInfo.tree
+    const tree = {}
+    this.numberOfFiles = this.numberOfFiles > 0 ? this.numberOfFiles : 0
+    // check all liquid files for references to the file
+    liquidFiles.filter(file => file !== fileInfo.path).forEach(liquid => {
+      const source = fs.readFileSync(path.resolve(process.cwd(), liquid), 'utf8')
+      searchStrings(fileInfo)[fileInfo.type].forEach(string => {
+        if (source.includes(string)) {
+          // add the partial to our results object and continue down its tree
+          const fileName = path.basename(liquid, '.liquid')
+          tree[fileName] = getFileInfo(liquid)
+          tree[fileName].tree = this.getFileTree(tree[fileName])
+        }
+      })
+    })
+    return tree
+  },
+  cleanForReport(results) {
+    // remove any empty trees from our results for a cleaner report
+    Object.entries(results).forEach(file => {
+      const fileInfo = file[1]
+      delete fileInfo.name
+      if (Object.keys(fileInfo.tree).length === 0) delete fileInfo.tree
+    })
+    // clean the sub trees
+    Object.entries(results).forEach(file => {
+      if (file[1].tree) file[1].tree = this.cleanForReport(file[1].tree)
+    })
+    return results
+  }
+}

package/helpers/functions/liquid-tree/objects/index.js

@@ -0,0 +1,3 @@
+module.exports = {
+  dependencies: require('./dependencies.js'),
+}

package/helpers/functions/log-symbols.js

@@ -0,0 +1,28 @@
+/**
+  * @file Returns the appropriate log symbols based on unicode support
+  * @example
+  * console.log(logSymbols.info, 'Info message')
+  * @returns {Object} - An object containing the appropriate log symbols
+*/
+// based on https://github.com/sindresorhus/log-symbols
+
+const chalk = require('chalk')
+const isUnicodeSupported = require('./unicode-supported')
+
+const main = {
+  info: chalk.cyan('ℹ'),
+  success: chalk.green('✔'),
+  warning: chalk.yellow('⚠'),
+  error: chalk.red('✖'),
+}
+
+const fallback = {
+  info: chalk.cyan('i'),
+  success: chalk.green('√'),
+  warning: chalk.yellow('‼'),
+  error: chalk.red('×'),
+}
+
+const logSymbols = isUnicodeSupported() ? main : fallback
+
+module.exports = logSymbols

package/helpers/functions/pull-json.js

@@ -0,0 +1,22 @@
+/**
+  * @file A function that pulls the JSON files from Shopify and copies them to the theme directory.
+  * @example
+  * npx theme-envy pull-json
+  * @returns {Void}
+  */
+
+const glob = require('glob')
+const path = require('path')
+const fs = require('fs-extra')
+const { spawn } = require('child_process')
+
+module.exports = function() {
+  const relativeDistPath = path.relative(process.cwd(), ThemeEnvy.outputPath)
+  const themePull = ['theme', 'pull', `--store=${ThemeEnvy.store}`, `--path=${relativeDistPath}`, '--only=templates/*.json,config/settings_data.json,sections/*.json']
+  const shopify = spawn('shopify', themePull, { cwd: ThemeEnvy.outputPath, stdio: 'inherit' })
+
+  shopify.on('exit', function() {
+    const files = glob.sync(path.resolve(ThemeEnvy.outputPath, '{templates,config,sections}/**/*.json')).filter(file => file.indexOf('settings_schema') > -1)
+    files.forEach(file => fs.copyFileSync(file, file.replace(ThemeEnvy.outputPath, ThemeEnvy.themePath)))
+  })
+}

package/helpers/functions/scaffold-new/functions/element.js

@@ -0,0 +1,15 @@
+const path = require('path')
+const fs = require('fs-extra')
+const upperFirstLetter = require('./upper-first-letter')
+const starterContent = require('./starter-content')
+const { starterConfigs } = require('../objects')
+
+module.exports = (name) => {
+  const ELEMENTS = path.resolve(ThemeEnvy.themePath, 'theme-envy/elements')
+  const EXT_NAME = name.toLowerCase()
+
+  const EXT_COMPONENT_NAME = EXT_NAME.indexOf('-') > -1 ? EXT_NAME : EXT_NAME + '-component'
+  const EXT_CLASS_NAME = EXT_COMPONENT_NAME.split('-').map(part => upperFirstLetter(part)).join('')
+
+  fs.writeFileSync(path.resolve(ELEMENTS, `${EXT_NAME}.js`), starterContent(starterConfigs.element, [EXT_NAME, EXT_CLASS_NAME]))
+}

package/helpers/functions/scaffold-new/functions/feature.js

@@ -0,0 +1,76 @@
+const path = require('path')
+const loadDir = require('./load-dir')
+const upperFirstLetter = require('./upper-first-letter')
+const starterContent = require('./starter-content')
+const { starterConfigs } = require('../objects')
+
+module.exports = (name, include) => {
+  const FEATURES = path.resolve(ThemeEnvy.themePath, 'theme-envy/features')
+  const starters = include?.split(',') || 'all'
+
+  const DIRS = []
+  const EXT_NAME = name.toLowerCase()
+  const INCLUDE_ANY = starters
+  const INCLUDE_ALL = INCLUDE_ANY && starters.includes('all')
+  const INCLUDE_ELEMENT = INCLUDE_ANY && (starters.includes('elements') || INCLUDE_ALL)
+  const INCLUDE_STYLE = INCLUDE_ANY && (starters.includes('styles') || INCLUDE_ALL)
+  const INCLUDE_INSTALL = INCLUDE_ANY && (starters.includes('install') || INCLUDE_ALL)
+  const INCLUDE_SECTION = INCLUDE_ANY && (starters.includes('sections') || INCLUDE_ALL)
+  const INCLUDE_SNIPPET = INCLUDE_ANY && (starters.includes('snippets') || INCLUDE_ALL)
+  const INCLUDE_CONFIG = INCLUDE_ANY && (starters.includes('config') || INCLUDE_ALL)
+  const INCLUDE_SCHEMA = INCLUDE_ANY && (starters.includes('schema') || INCLUDE_ALL)
+  const EXT_COMPONENT_NAME = EXT_NAME.indexOf('-') > -1 ? EXT_NAME : EXT_NAME + '-component'
+  const EXT_CLASS_NAME = EXT_COMPONENT_NAME.split('-').map(part => upperFirstLetter(part)).join('')
+  const EXT_READABLE_NAME = EXT_COMPONENT_NAME.split('-').map(part => upperFirstLetter(part)).join(' ')
+
+  // import strings
+  const scriptImport = ''
+  let styleImport = ''
+
+  /*
+  DEFAULT FILE CONTENTS & import strings
+  */
+
+  const FILES = {}
+  if (INCLUDE_CONFIG) {
+    DIRS.push('config')
+
+    FILES[`config/${EXT_NAME}.js`] = starterContent(starterConfigs.config, [EXT_READABLE_NAME])
+  }
+
+  if (INCLUDE_SCHEMA) {
+    DIRS.push('schema')
+    FILES[`schema/schema-${EXT_NAME}.js`] = starterContent(starterConfigs.schema, [EXT_NAME, EXT_READABLE_NAME])
+  }
+
+  if (INCLUDE_INSTALL) {
+    FILES['install.js'] = starterContent(starterConfigs.install, [EXT_NAME])
+  }
+  if (INCLUDE_ELEMENT) {
+    DIRS.push('elements')
+    FILES[`elements/${EXT_COMPONENT_NAME}.js`] = starterContent(starterConfigs.element, [EXT_COMPONENT_NAME, EXT_CLASS_NAME])
+  }
+  if (INCLUDE_STYLE) {
+    styleImport = `import './styles/${EXT_NAME}.css'
+`
+    DIRS.push('styles')
+    const COMPONENT_CSS = `${EXT_COMPONENT_NAME} {
+
+}`
+    FILES[`styles/${EXT_NAME}.css`] = INCLUDE_ELEMENT ? COMPONENT_CSS : ''
+  }
+  if (INCLUDE_SECTION) {
+    DIRS.push('sections')
+    const TAG = INCLUDE_ELEMENT ? EXT_COMPONENT_NAME : 'div'
+    FILES[`sections/${EXT_NAME}.liquid`] = starterContent(starterConfigs.section, [TAG, EXT_NAME])
+  }
+
+  if (INCLUDE_SNIPPET) {
+    DIRS.push('snippets')
+    FILES[`snippets/${EXT_NAME}.liquid`] = ''
+  }
+
+  FILES['index.js'] = `${scriptImport}${styleImport}`
+
+  loadDir({ location: FEATURES, DIRS, EXT_NAME, FILES })
+}

package/helpers/functions/scaffold-new/functions/index.js

@@ -0,0 +1,6 @@
+module.exports = {
+  element: require('./element'),
+  feature: require('./feature'),
+  starterContent: require('./starter-content'),
+  upperFirstLetter: require('./upper-first-letter.js'),
+}

package/helpers/functions/scaffold-new/functions/load-dir.js

@@ -0,0 +1,24 @@
+const chalk = require('chalk')
+const fs = require('fs-extra')
+const logSymbols = require('#LogSymbols')
+const path = require('path')
+
+module.exports = ({ location, DIRS, EXT_NAME, FILES }) => {
+  if (fs.existsSync(path.resolve(location, EXT_NAME))) {
+    console.log(logSymbols.error, chalk.red('Error:'), `Feature ${EXT_NAME} already exists. Rename or update feature directly instead.`)
+    process.exit()
+  }
+  fs.ensureDirSync(path.resolve(location, EXT_NAME))
+
+  for (const DIR of DIRS) {
+    fs.ensureDirSync(path.resolve(location, EXT_NAME, DIR))
+  }
+
+  for (const FILE of Object.entries(FILES)) {
+    fs.writeFileSync(path.resolve(location, EXT_NAME, FILE[0]), FILE[1], (err) => {
+      if (err) throw new Error(`${logSymbols.error} Error creating file ${FILE[0]}`)
+    })
+  }
+
+  console.log(`${logSymbols.success} ${chalk.green.bold(EXT_NAME)} created\n ${chalk.dim(location)}`)
+}

package/helpers/functions/scaffold-new/functions/starter-content.js

@@ -0,0 +1,21 @@
+/**
+ * @file Returns starter content by file name, defaults to package file
+ * @param {string} fileName - The name of the starter file to return
+ * @param {array} args - An array of arguments to pass to the starter file
+ * @returns {string} - The starter file content
+ */
+
+const path = require('path')
+const fs = require('fs-extra')
+const logSymbols = require('#LogSymbols')
+const chalk = require('chalk')
+
+module.exports = (fileName, args) => {
+  const fileExists = fs.existsSync(path.join(process.cwd(), '/utils/', fileName))
+  if (!fileExists) {
+    console.log(logSymbols.error, chalk.red('Error:'), `Starter file ${fileName} not found`)
+    process.exit()
+  }
+  const content = require(path.join(process.cwd(), '/utils/', fileName))
+  return content(...args)
+}

package/helpers/functions/scaffold-new/functions/upper-first-letter.js

@@ -0,0 +1,3 @@
+module.exports = (string) => {
+  return string[0].toUpperCase() + string.substring(1)
+}

package/helpers/functions/scaffold-new/index.js

@@ -0,0 +1,28 @@
+/**
+  * @file Creates a directory in theme-envy/features or theme-envy/elements with starter files to build your feature or element
+  * @param {string} type - The type of feature or element to create.
+  * @param {string} name - The name of the feature or element to create.
+  * @param {string} include - A comma separated list of files/directory to include in a new feature (not applicable to elements).
+  * @example
+  * npx theme-envy new <feature|element> <feature-name> [all|sections|snippets|schema|install|styles|config]
+  */
+
+const chalk = require('chalk')
+const logSymbols = require('#LogSymbols')
+const { element, feature } = require('./functions')
+
+module.exports = function(type, name, include) {
+  console.log(logSymbols.info, chalk.cyan('Creating new'), chalk.green.bold(name), chalk.underline.bold(type), chalk.cyan('...'))
+
+  switch (type) {
+    case 'feature':
+      feature(name, include)
+      break
+    case 'element':
+      element(name)
+      break
+    default:
+      console.log(logSymbols.error, chalk.red('Error:'), `Invalid type ${type}`)
+      process.exit()
+  }
+}

package/helpers/functions/scaffold-new/objects/index.js

@@ -0,0 +1,3 @@
+module.exports = {
+  starterConfigs: require('./starter-configs'),
+}

package/helpers/functions/scaffold-new/objects/starter-configs.js

@@ -0,0 +1,7 @@
+module.exports = {
+  config: 'starter-config.js',
+  install: 'starter-install.js',
+  schema: 'starter-schema.js',
+  element: 'starter-element.js',
+  section: 'starter-section.js',
+}

package/helpers/functions/unicode-supported.js

@@ -0,0 +1,21 @@
+/**
+ * @file Check if the terminal supports unicode
+ */
+
+module.exports = () => {
+  if (process.platform !== 'win32') {
+    return process.env.TERM !== 'linux' // Linux console (kernel)
+  }
+
+  return (
+    Boolean(process.env.CI) ||
+    Boolean(process.env.WT_SESSION) /* Windows Terminal */ ||
+    Boolean(process.env.TERMINUS_SUBLIME) /* Terminus (<0.2.27)  */ ||
+    process.env.ConEmuTask === '{cmd::Cmder}' /* ConEmu and cmder  */ ||
+    process.env.TERM_PROGRAM === 'Terminus-Sublime' ||
+    process.env.TERM_PROGRAM === 'vscode' ||
+    process.env.TERM === 'xterm-256color' ||
+    process.env.TERM === 'alacritty' ||
+    process.env.TERMINAL_EMULATOR === 'JetBrains-JediTerm'
+  )
+}

package/helpers/index.js

@@ -0,0 +1,10 @@
+module.exports = {
+  distClean: require('./functions/dist-clean.js'),
+  ensureDirectories: require('./functions/ensure-directories.js'),
+  findOrphans: require('./functions/find-orphans.js'),
+  globalThemeEnvy: require('./functions/global-theme-envy.js'),
+  liquidPrettify: require('./functions/liquid-prettify.js'),
+  liquidTree: require('./functions/liquid-tree'),
+  pullJson: require('./functions/pull-json.js'),
+  scaffoldNew: require('./functions/scaffold-new'),
+}

package/index.js

@@ -0,0 +1,190 @@
+#!/usr/bin/env node
+/**
+ * @file Theme Envy CLI
+ * @description Theme Envy CLI Tools
+ * @example npx theme-envy
+ */
+
+const chalk = require('chalk')
+const commander = require('commander')
+const emoji = require('node-emoji')
+const fs = require('fs-extra')
+const program = new commander.Command()
+const promptly = require('promptly')
+
+const { directories } = require('#EnsureDirectories')
+require('#Helpers/functions/global-theme-envy.js')
+
+const themeEnvyCommands = {
+  build: require('#Build'),
+  clean: require('#Helpers/functions/dist-clean.js'),
+  convert: require('#Convert'),
+  dev: require('#Helpers/functions/dev.js'),
+  init: require('#Init'),
+  new: require('#Helpers/functions/scaffold-new/index.js'),
+  orphans: require('#Helpers/functions/find-orphans.js'),
+  'pull-json': require('#Helpers/functions/pull-json.js'),
+  tree: require('#Helpers/functions/liquid-tree/index.js'),
+}
+
+const scriptMessage = (scriptName) => {
+  console.log(`\n ${emoji.get('rocket')} Shopify Theme Envy ${chalk.green.bgBlack.bold(`\n    theme-envy ${scriptName}\n`)}`)
+}
+
+program
+  .command('init')
+  .description('Initialize a new Shopify theme project with Theme Envy directory structure')
+  .usage('[source] -e|--example -c|--convert')
+  .argument('[source]', 'Specify the path/git url to your theme source directory to process, if not provided will create the directory structure in /src')
+  .option('-s, --store <store>', 'Specify the myshopify domain for your store', 'my-store.myshopify.com')
+  .option('-c, --convert', 'Convert theme sections to features, add hooks, and install theme-envy feature on import')
+  .option('-e, --example', 'Output example feature structure and dummy files with readme documentation in each subdirectory')
+  .action(async (source, options, command) => {
+    scriptMessage(command.name())
+    if (!source) {
+      let choice = await promptly.choose(`${chalk.yellow('Would you like to:')}
+  a) Import an existing repo from a .git url
+  b) Initialize from a Shopify theme in the current directory, or initialize empty directories if no Shopify theme exists?
+
+(a/b)?`, ['a', 'b', 'A', 'B'])
+      choice = choice.toLowerCase()
+      if (choice === 'a') {
+        const gitUrl = await promptly.prompt(chalk.yellow('Please provide the git url for your source theme:\n'), {
+          validator(value) {
+            if (value.includes('git@') || value.includes('https://')) return value
+            throw new Error(chalk.red.bold('Please enter a valid git url'))
+          }
+        })
+        if (gitUrl) {
+          source = gitUrl
+        }
+      }
+    }
+    // check for existing Shopify theme in root
+    const rootDirs = fs.readdirSync(process.cwd()).filter(res => !res.includes('.'))
+    const shopifyThemeExistsInRoot = directories.every(dir => rootDirs.includes(dir))
+    if (!options.convert && (shopifyThemeExistsInRoot || source)) {
+      const convert = await promptly.confirm(`
+${chalk.yellow('Do you want to convert the existing theme and install Theme Envy?')} ${chalk.green('(recommended)')}
+This does the following things:
+  • Converts your theme sections to Theme Envy features (where possible)
+  • Adds ${chalk.cyan('{% hook %}')} tags to ${chalk.cyan('theme.liquid')}
+  • Installs the Theme Envy integration feature to ${chalk.cyan('theme-envy/features')}
+(Y/n)`)
+      if (convert) {
+        options.convert = true
+      }
+    }
+    if (!options.example) {
+      const example = await promptly.confirm(`${chalk.yellow('Would you like to output an example Theme Envy "Feature"?')}\n(Y/n)?`)
+      if (example) {
+        options.example = true
+      }
+    }
+    if (options.store === 'my-store.myshopify.com') {
+      options.store = await promptly.prompt(chalk.yellow('Please provide the myshopify.com domain of your store (this can be changed later in theme.config.js):\n '))
+    }
+    themeEnvyCommands.init(source, options)
+  })
+
+program
+  .command('dev')
+  .description('Start development process and sync with Shopify using the Shopify CLI')
+  .action((options, command) => {
+    scriptMessage(command.name())
+    themeEnvyCommands.dev()
+  })
+
+program
+  .description('Theme Envy CLI Tools')
+  .addHelpText('beforeAll', `
+${emoji.get('green_heart') + chalk.green.bold(' Softlimit Shopify Theme Envy ') + emoji.get('green_heart')}
+${chalk.green.bold('===================================')}
+  `)
+  .addHelpText('afterAll', `
+${chalk.cyan.bold('===================================')}
+${emoji.get('thinking_face')} ${chalk.cyan.bold.underline('Need more help?')}
+We are always looking for ways to improve our tools
+and make your Shopify development life smoother.
+
+  Let us know what we missed! Create an issue on our github repo:
+  ${chalk.dim.underline('https://github.com/softlimit/shopify-env/issues')}
+  `)
+
+program
+  .command('build')
+  .description('Build Shopify theme')
+  .usage('[development|production] -w|--watch')
+  .addArgument(new commander.Argument('[env]', 'Specify the build environment to run').choices(['development', 'production']))
+  .option('-w, --watch', 'Watch for changed files and update dist, serve with Shopify CLI')
+  .option('-v, --verbose', 'Show Tailwind and Webpack in output')
+  .action((env, options, command) => {
+    scriptMessage(command.name())
+    themeEnvyCommands.build(env, options)
+  })
+
+program
+  .command('clean')
+  .description('Empty output directory')
+  .action((options, command) => {
+    scriptMessage(command.name())
+    themeEnvyCommands.clean()
+  })
+
+program
+  .command('new')
+  .description('Create new Feature or Element from starter files')
+  .usage('<type> <name> [include]')
+  .addArgument(new commander.Argument('<type>', 'Define the type of scaffold to create').choices(['feature', 'element']))
+  .argument('<name>', 'Handleized name for the new element|feature')
+  .argument('[include]', 'Comma-separated list of starter directories and files to include in your scaffold. Defaults to all if not provided. all,config,install,sections,snippets,schema,styles')
+  .action((type, name, include, options, command) => {
+    scriptMessage(command.name())
+    if (name.includes(',') || name.includes(' ')) {
+      console.error(
+        chalk.red('Invalid Name:'),
+        'Name argument should only include text and dashes, no commas or spaces. Rename with handle version to continue.'
+      )
+      return
+    }
+    themeEnvyCommands.new(type, name, include)
+  })
+
+program
+  .command('find-orphans')
+  .description('Find unused snippets, partials, and assets in your Shopify theme')
+  .action((options, command) => {
+    scriptMessage(command.name())
+    themeEnvyCommands.orphans()
+  })
+
+program
+  .command('pull-json')
+  .description('Pull json template, section, and settings_data files from theme using Shopify CLI')
+  .action((options, command) => {
+    scriptMessage(command.name())
+    themeEnvyCommands['pull-json']()
+  })
+
+program
+  .command('tree')
+  .description('Display the dependency tree for a .liquid file')
+  .usage('[filepaths]')
+  .argument('[filepaths]', 'Project relative path(s) to .liquid files. Separate multiple paths with commas.')
+  .option('-v, --verbose', 'display as JS Object instead of formatted tree')
+  .action((filepath, options, command) => {
+    scriptMessage(command.name())
+    themeEnvyCommands.tree(filepath, options)
+  })
+
+program
+  .command('convert')
+  .description('Convert an existing Shopify theme to Theme Envy directory structure')
+  .usage('[source] -a|--add-theme-envy-feature')
+  .argument('[source]', 'Specify the path to your theme source directory to process, defaults to project root ./src directory if not provided')
+  .option('-a, --add-theme-envy-feature', 'Add theme-envy feature and install to hook')
+  .action((source, options, command) => {
+    scriptMessage(command.name())
+    themeEnvyCommands.convert(source)
+  })
+program.parse()

package/init/functions/add-theme-envy-features/features/theme-envy/install.js

@@ -0,0 +1,6 @@
+module.exports = [
+  {
+    hook: 'head-end',
+    content: "{% render 'theme-envy' %}"
+  }
+]

package/init/functions/add-theme-envy-features/index.js

@@ -0,0 +1,21 @@
+/*
+  Copies theme-envy features during theme-envy init
+*/
+const fs = require('fs-extra')
+const path = require('path')
+const glob = require('glob')
+const chalk = require('chalk')
+const logSymbols = require('#LogSymbols')
+
+module.exports = function({ dest }) {
+  const featuresDir = path.resolve(__dirname, './features')
+  const initFeatures = glob.sync(`${featuresDir}/*`).filter(ref => fs.statSync(ref).isDirectory() && ref !== featuresDir)
+  initFeatures.forEach(feature => {
+    const target = path.resolve(dest, './theme-envy/features', path.basename(feature))
+    if (fs.existsSync(target)) return
+    fs.copy(feature, target, err => {
+      if (err) return console.error(err)
+      console.log(`${logSymbols.success} ${chalk.green.bold(path.basename(feature))} feature copied and connected`)
+    })
+  })
+}