Shopify テーマ開発で `shopify theme dev` を起動・ログ監視・ローカルプレビュー確認を行う時に使う。store.yaml の設定を読み、localhost の `/` と `/cart` を確認する必要がある作業に適用する。Use when running Shopify theme dev, checking CLI output, and verifying localhost preview pages.
リポジトリ直下の store.yaml を読む。
SHOP_NAME と THEME_DEV、CHECK_URLS を参照する。store.yaml が無い/項目不足なら不足分を質問する。shopify theme dev を起動する。
THEME_DEV.FLAGS があればそれをそのまま使う。shopify theme dev --store=... --host=... --port=... 2>&1 | tee tmp/shopify-theme-dev.lognohup shopify theme dev --store=... --host=... --port=... > tmp/shopify-theme-dev.log 2>&1 &echo $!)。起動ログを継続監視する。
exec_command で起動し、返ってきた session_id を保持する。write_stdin で定期的に出力を読み、起動成功/エラーを判断する。tmp/shopify-theme-dev.log を使い、ユーザー側に tail -f tmp/shopify-theme-dev.log を案内する。kill <PID> を案内する。ローカルプレビューを確認する。
http://localhost:<PORT> を基準に CHECK_URLS を開く。new_page → navigate → take_snapshot を使い、表示崩れや想定外の遷移をチェックする。停止が必要な場合のみ、write_stdin で Ctrl+C を送る。
SHOP_NAME: example.myshopify.com
THEME_DEV:
HOST: 127.0.0.1
PORT: 9292
FLAGS:
- "--store=example.myshopify.com"
- "--host=127.0.0.1"
- "--port=9292"
- "--no-open"
CHECK_URLS:
- "/"
- "/cart"
shopify CLI が未インストール/未ログインの場合はユーザーに確認する。THEME_DEV.PORT と FLAGS を合わせて更新する。