Awesome
<h1 align="center" style="position: relative;" > <br> <img src="https://github.com/Shopify/theme-check-vscode/blob/main/images/shopify_glyph.png?raw=true" alt="logo" width="141" height="160"> <br> Shopify Theme Tools </h1> <h4 align="center">Everything developer experience for Shopify themes</h4> <p align="center"> <a href="https://github.com/Shopify/theme-tools/blob/main/LICENSE.md"><img src="https://img.shields.io/npm/l/@shopify/prettier-plugin-liquid.svg?sanitize=true" alt="License"></a> <a href="https://github.com/Shopify/theme-tools/actions/workflows/ci.yml"><img alt="CI" src="https://github.com/Shopify/theme-tools/actions/workflows/ci.yml/badge.svg"></a> </p> <div align="center">🗣 Slack | 💬 Discussions | 📝 Changelog
</div>Introduction
This monorepo is home of all things dev tools for Shopify themes:
@shopify/liquid-html-parser— the LiquidHTML parser that powers everything.@shopify/prettier-plugin-liquid— the formatter and prettier plugin for LiquidHTML.@shopify/theme-check-common— Runtime agnostic linter that can run in browser or Node.js.@shopify/theme-check-browser— Browser specific wrapper over the common library.@shopify/theme-check-node— Node.js specific wrapper over the common library.@shopify/theme-language-server-common— Runtime agnostic Language Server that can run in browser or Node.js.@shopify/theme-language-server-browser— Browser specific wrapper over the common library.@shopify/theme-language-server-node— Node.js specific wrapper over the common library.@shopify/codemirror-language-client— A CodeMirror Language Client (batteries not included).theme-check-vscode— The VS Code extension that uses it all.
These tools are also integrated in the Online Store Code Editor and the Shopify CLI.
They can be used individually or collectively, catering to varied use cases and offering flexibility in their application.
Contributing
Contributions to the Theme Tools repository are highly encouraged.
See CONTRIBUTING.md for more details.
License
MIT.