🏗️ テーマ基盤上級

Liquid フォーマッター互換のセクション表記

Prettier Liquid プラグインのテストケースで、セクションタグの様々な書式を検証する。異なる間隔・改行・ホワイトスペーストリミングの組み合わせでもセクション名が崩れないことを確認する。

用途

テーマをコード自動フォーマッタ(Prettier)で整形するとき、セクションタグの記述形式が複数あってもハンドル名が正しく解析される動作を確認・維持管理する。

設置場所

このコードそのものはテスト検証用であり、実装ファイルに貼り付けるものではない。Prettier Liquid プラグインの回帰テストスイートに組み込まれており、CI/CD パイプラインで実行される。

注意点

このコード片は Prettier プラグインの内部テストケースであり、実装者向けの参考は限定的。セクションハンドル(quoted string)が printWidth を超える場合の改行挙動、ホワイトスペーストリムマーク(`{%-` / `-%}`)の有無に関わらず名前が正しく抽出されることが前提。実際の theme.liquid では標準的な `{% section "sectionName" %}` 形式を使う。

タグ:sectionformatterprettierliquid-syntaxtest

コード

9 行 / liquid

It should never break a name
printWidth: 1
{% section  "sectionName"  %}
{% section "sectionName" %}
{%section "sectionName"%}
{%- section
"sectionName"
-%}

出典・ライセンス

Source:: Shopify/theme-tools/packages/prettier-plugin-liquid/src/test/liquid-tag-section/index.liquid
Repository:: https://github.com/Shopify/theme-tools
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

Liquid フォーマッター互換のセクション表記

コード

出典・ライセンス

関連項目

セクションスキーマのカスタムブロック定義

セクション呼び出しのフォーマット

レイアウトテンプレートの指定

基本的なHTMLレイアウト

layout タグのフォーマット

DOCTYPE宣言の構文サンプル