search

uicrooks / shopify-theme-lab

Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
https://uicrooks.github.io/shopify-theme-lab-docs/
MIT License
727 stars 128 forks source link

Shopify CLI & Online Store 2.0 support #97

Closed devwhodevs closed 3 years ago

devwhodevs commented 3 years ago

Any plans to implement Shopify CLI & Online Store 2.0 support ?

sergejcodes commented 3 years ago

Yes, the updated Shopify tooling is currently in evaluation. How to integrate it in the best way possible, if some Theme Lab tooling can be replaced by the official Shopify CLI etc... 2.0 support is also coming. Can't give any specific date yet.

devwhodevs commented 3 years ago

Thank you for update, @sergejcodes

For those who will look for options, here is what I came with in package.json as a temporary solution 

  "scripts": {
    "shopify:watch:cli": "cd ./shopify && shopify theme serve",
    "shopify:push:cli": "cd ./shopify && shopify theme push",
    "start": "npm-run-all --parallel --silent --race dev reloader shopify:watch:cli",
    "deploy": "npm-run-all --sequential build shopify:push:cli",
     "dev": "cross-env NODE_ENV=development BROWSERSLIST_ENV=development BROWSERSLIST_CONFIG=.config/.browserslistrc webpack --config .config/webpack/webpack.dev.js --watch",
    "build": "cross-env NODE_ENV=production BROWSERSLIST_ENV=production BROWSERSLIST_CONFIG=.config/.browserslistrc webpack --config .config/webpack/webpack.prod.js",
    "reloader": "node node_modules/shopify-theme-lab-reloader",
    "lint": "npm-run-all lint:* --continue-on-error",
    "lint:js": "eslint src/**/*.{js,vue} --config .config/.eslintrc.js",
    "lint:css": "stylelint src/**/*.{vue,css,sass,scss} --config .config/.stylelintrc.js",
    "fix": "npm-run-all fix:* --continue-on-error",
    "fix:js": "eslint src/**/*.{js,vue} --config .config/.eslintrc.js --fix",
    "fix:css": "stylelint src/**/*.{vue,css,sass,scss} --config .config/.stylelintrc.js --fix",
    "shopify:watch": "cross-env-shell shopify-themekit watch --env=dev --allow-live --config .config/shopify/shopify.dev.yml --notify=http://localhost:$npm_package_config_reloader_serverPort/reload",
    "shopify:init": "npx themelab shopify:init",
    "shopify:themes": "shopify-themekit get --list",
    "deploy:dev": "shopify-themekit deploy --env=dev --config .config/shopify/shopify.dev.yml --allow-live",
    "deploy:live": "shopify-themekit deploy --env=live --config .config/shopify/shopify.live.yml",
    "settings:dev": "shopify-themekit --env=dev download config/settings_data.json --config .config/shopify/shopify.dev.yml",
    "settings:live": "shopify-themekit --env=live download config/settings_data.json --config .config/shopify/shopify.live.yml",
    "open:dev": "shopify-themekit open --env=dev --config .config/shopify/shopify.dev.yml",
    "open:live": "shopify-themekit open --env=live --config .config/shopify/shopify.live.yml"
  }
sergejcodes commented 3 years ago

Here's a new unstable next branch for the upcoming 4.0 release. Use at your own risk, as it's not final and may change at any time. It should work with the updated Shopify-CLI.

sergejcodes commented 3 years ago

Theme Lab version 4 is now officially released which takes advantage of the Shopify CLI and supports Online Store 2.0

patrickbjohnson commented 3 years ago

Will there be any docs/tooling for migrating existing themes into Shopify 2.0?

We have 3 stores in active development while this change was mad 🤭

It goes without saying this tooling is awesome so thankful for y'all!!

sergejcodes commented 3 years ago

Hi 👋,

just added a migrating page to the docs. You can find it here. There's no automatic way to migrate the templates to 2.0 as far as I know.