Liquid+ Nova Extension

Liquid syntax highlighting for Panic Nova with support for CSS, JavaScript, and SCSS Liquid templates.

Features

• Full Liquid syntax highlighting - All standard Liquid tags, filters, and variables
• Completions for Tags, Objects, and Filters - Work in Progress
• .css.liquid file support
• .js.liquid file support
• .scss.liquid file support
• .liquid file support
• Built with Tree Sitter

Requirements

• Nova 12.0+ (Tree-sitter support required)

Configuration

The extension works out of the box with no configuration required. Simply open any .css.liquid, .js.liquid, or .scss.liquid file and enjoy enhanced syntax highlighting.

Known Issues

• Some complex nested Liquid structures in CSS comments may not highlight perfectly
• SCSS mixins with Liquid variables may show minor highlighting quirks
• JSON sections within .liquid files may have highlighting issues after Liquid code appears - this is a Tree-sitter grammar limitation affecting mixed-language parsing

Please report any issues on GitHub.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

Credits

This extension builds upon the excellent work of:

• arthrfrts/Liquid.novaextension - Original Liquid extension for Nova that provided the foundation and Tree-sitter integration
• hankthetank27/tree-sitter-liquid - The Tree-sitter grammar that powers Liquid syntax parsing

License

MIT License - see file for details.

Changelog

All notable changes to the Liquid+ Nova Extension will be documented in this file.

[1.1.2] - 2025-07-24

Added

• JSON + Liquid syntax support for better mixed-language highlighting
• Automatic detection of Liquid code in .json files (settings_schema.json, locales, etc.)

Known Limitations

• JSON sections within .liquid files may have highlighting issues after Liquid code appears - this is a Tree-sitter grammar limitation affecting mixed-language parsing

[1.1.1] - 2025-07-18

Fixes

• Fixed README formatting that was bugging me.

[1.1.0] - 2025-07-18

Added

• Auto-completion system with intelligent bracket handling
• Liquid tag completions with smart %} closing behavior
• Shopify object completions including product.*, collection.*, customer.*, cart.*, settings.*
• Complete filter library with parameter hints for all Liquid and Shopify-specific filters
• Priority-based completions offering both simple and full tag completions (e.g., {% if %} vs {% if %}{% endif %})
• Context-aware suggestions that adapt based on cursor position and existing brackets

Bug Fixes

• Fixed issue where selecting completions after typing {% would result in duplicate closing brackets
• Resolved problem where object completions (like settings.logo) wouldn't properly close Liquid tags
• Improved completion consistency across all file types (.liquid, .css.liquid, .js.liquid, .scss.liquid)

MIT License

Copyright (c) 2025 Arthur Freitas and Jeff Dashley

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.