shopify-theme-lab

Improvements

• Added a new CI/CD section with GitHub actions example to the README

Maintenance

• added CLI to Table of contents
• added CI/CD to features list

view all changes: Pull request

Maintenance

• updated Quick Start Tutorial link to an updated youtube video

view all changes: Pull request

Everything still works like in the previous version, but there are a lot of changes under the hood. The Shopify Theme Lab CLI is now tighter integrated with Shopify Theme Lab

Improvements

• migrated local reloadr plugin to its own shopify-reloadr npm package and included it in the devDependencies. Also adjusted webpack.dev.js and the reloadr task to use the package scripts.
• migrated the theme.init.js plugin to Shopify Theme Lab CLI and updated the shopify:init task accordingly to use the proper CLI command

Changes

• removed log plugin
• removed .config/plugins/ directory

Maintenance

• updated Ecosystem graph to closer match the upcoming theme concept in README
• updated README
• moved axios package from devDependencies to dependencies
• update devDependencies minor and patch versions
• removed now redundant devDependencies:
  • boxen
  • chalk
  • command-line-args
  • fs-extra
  • ws
  • yaml

view all changes: Pull request

Improvements

• added Shopify Theme Lab CLI to Ecosystem section in README
• updated Ecosystem graph in README
• it's now possible to create a local Shopify Theme Lab project by running $ npx themelab create <directory-name>

view all changes: Pull request

Improvements

• added additional annotations to vue-examples.liquid
• removed design.xd and moved to external design source file control
• updated project logo
• added Ecosystem section to README

Maintenance

• updated all README images
• fixed typos in READMEs
• removed Bootstrap and Materialize CSS from README since they are very similar in setup to Bulma

view all changes: Pull request

Improvements

• consolidated .js and .vue purge content check inside tailwind.config.js into a single line

Maintenance

• changed Setup Tutorial Button to Quick Start Tutorial in README

view all changes: Pull request

Improvements

• added Vue global mixin example to vue-examples.liquid snippet
• adjusted Vue directive example to work without web console
• use Shopify routes in header.liquid section

Maintenance

• added annotations to .stylelintrc
• removed unnecessary space from theme.init.js
• adjusted console log formatting for theme.init.js
• updated task descriptions in README
• fixed README typos

view all changes: Pull request

Features

Linting

• added stylelint for CSS, SASS/SCSS linting (also for <style></style> sections inside .vue files)
• added stylelint-config-recommended
• added stylelint-webpack-plugin to webpack.dev.js
• added .stylelintrc.js inside .config/ directory
• added new linting tasks lint:js and lint:css
• lint task now runs lint:js and lint:css tasks sequentialy

Initialization

• added new shopify:themes task to list all themes with IDs for a provided Shopify store

Improvements

• replaced Directories section with a more detailed Project structure section in README
• added Teams section to the README to describe the process when multiple people deploy to the same live environment
• removed redundant environment check for staging for shopify:init task
• prevent Node.js from printing additional unuseful errors for the shopify:init task, when encountering an error
• better feedback for errors and success messages from shopify:init task

Maintenance

Project

• moved axios to devDependencies
• updated dependencies
• updated main README
• added Contributing section to the README
• fixed README typos

GitHub

• added CODE_OF_CONDUCT README
• added issue templates
• added PULL_REQUEST_TEMPLATE
• added CONTRIBUTING README

view all changes: Pull request

Bug Fixes

• replaced cross-var with cross-env-shell for the shopify:watch task. The shopify:watch command, when started by start command, could fail under certain circumstances due to a problem with the cross-var-no-babel package.
• removed cross-var-no-babel dependency

view all changes: Pull request

Improvements

• new logo for readme, which better matches the project concept

Maintenance

• updated dependencies: minor and patch versions

view all changes: Pull request

Improvements

• settings_data.json has now proper multi-line code indentation after being written to disk by shopify:init task

Maintenance

• added a notice to the Deploying section for deploy:live task in the readme
• updated main readme

view all changes: Pull request

Bug Fixes

• Vue components with a space in their file name or path are now properly auto-loaded by webpack

Improvements

• Vuex modules can now be placed inside sub-directories
• cleaner regex expressions inside main.js
• cleaner conditional for checking if settings_data.json file exists inside theme.init.js

Maintenance

• less prominent console.log comment inside webpack configs
• adjusted demo text inside vue-examples.liquid to be more readable
• added proper quotation marks to example code instead of apostrophes '

view all changes: Pull request

Bug Fixes

• npm run shopify:init now initializes the settings_data.json file (if it's not already present) with sections and content_for_index configurations for the Default preset. It fixes the Issue you couldn't add any sections through the Shopify panel.

Improvements

• added a new dynamic-section.liquid file to demonstrate the usage of dynamic sections for index.liquid page through the Shopify panel
• added annotations to settings_schema.json, header section and footer section files

view all changes: Pull request

Bug Fixes

• shopify:init task doesn't override settings_data.json anymore if the file already exists

view all changes: Pull request

Bug Fixes

• added @babel/plugin-transform-runtime package to webpack.prod.js. It fixes issues with Vue async methods in production
• fixed websocketPort typo in package.json

Maintenance

• updated Tailwind CSS to 1.9.6
• fixed readme typos

view all changes: Pull request

Improvements

• added a new readme image
• added a youtube link for the Shopify Theme Lab setup tutorial to the main readme

Maintenance

• fixed code comment typos
• updated main readme with additional notices

view all changes: Pull request

Bug Fixes

• fixed .DS_Store case inside .gitignore

Maintenance

• fixed comment typos in several files
• add min node version to the System requirements section in the main readme

view all changes: Pull request

Improvements

• added a notice to the main readme for getting started section: npm requires the extra -- before any arguments! When using yarn you can omit them.
• also updated the readme command accordingly

view all changes: Pull request

Bug Fixes

• webpack now checks for css and postcss extension to prevent <style lang="postcss"></style> inside Vue single file components from failing

Maintenance

• fixed typos in code comments

view all changes: Pull request

Features

• removed PreCSS in favour of postcss-preset-env
• added postcss-import since PreCSS is now removed

Improvements

• added ignorePatterns to .eslintrc.js with some examples
• Tailwind CSS is now imported with @import and not with @tailwind in main.css to prevent postcss-import errors

Maintenance

• updated main readme

view all changes: Pull Request