Skip to content

v3.2.0

Compare
Choose a tag to compare
@panoply panoply released this 12 Dec 11:40
· 458 commits to master since this release
14fcea5

v3.2.0 ~ vscode-liquid

Welcome to version 3.2.0 of the vscode liquid extension. This release ships various patches and brings supports for multiple development essentials, specifically those working with the Shopify Liquid variation (ie: Shopify Themes). Bug fixes and several Prettify improvements.

Completions

In 3.1.x completions were made available but in order to keep daily users from overwhelm, they were only being be made available on certain trigger characters. As of 3.2.0, completions are now made available at various points with persisted item listings that adheres to the general structure of Liquid tokens

Completion Triggers

As 3.2.0 object, tag and filter completions are now invoked both on existing triggers but also in accordance to cursor positions and surrounding characters and words. This means you'll have all Shopify objects at your fingertips at the appropriate places.

  Video Example
Screen.Recording.2022-11-24.at.04.17.47.mov

Operator Completions

Liquid logical operator completions are now supported. Though frivolous in the grand scale of things, the feature is part of the Liquify supersede and has been made available as the Liquify release approaches. Operators help speed up the development process for you.

  Video Example
Screen.Recording.2022-11-24.at.04.08.09.mov

Schema Completions

Shopify theme developers now have completions provided in accordance with data contained within section file {% schema %} JSON tags. This new capability will use the info defined values as descriptions and respects block.type scopes with support for both control flow tags.

  Video Example
Screen.Recording.2022-11-24.at.04.09.58.mov
  Code Example
{% for block in section.blocks %}

  {% if block.type == 'some_block_type' %}

    {% # only completions for the block type "some_block_type'"  will be made available %}

    {{  block.settings.  }}

  {% elsif block.type == 'another_block_type' %}

     {% # only completions for the block type "another_block_type'"  will be made available %}

    {{  block.settings.  }}

  {% endif %}

{% endfor %}

Formatting

Version 3.2.0 ships a considerable amount of improvements for Prettify and exposes some additional beautification rules for more refined output. In previous versions of the extension, Prettify had some edge cases situations that needed ironing. Since the release of v3 and thanks to users taking time to report the defects, Prettify and beautification capabilities have improved, making it more stable and customisable.

Prettify v0.4.4-beta

Major improvements in Prettify across the spectrum.

New Markup Rules

Prettify provides 6 (new) additional formatting rules. These rules allow you to take control of your Liquid + Markup code styles.

  • delimiterTrims
  • lineBreakSeparator
  • normalizeSpacing
  • valueForce
  • ignoreScripts
  • ignoreStyles