@ptengine/lp-editor-core 1.0.0-alpha.0 → 1.0.0-alpha.1

package/dist/golden/fixtures/popup/10-sticky-coupon-code-countdown.html

@@ -0,0 +1,9 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #7a5230; --color-ink: #3a2c1a; --color-surface: #f5ead7; }</style>
+<div data-pt-id="root" class="flex w-full items-center justify-center gap-6 bg-surface px-6 py-3">
+<div data-pt-id="c1" class="flex flex-col">
+<p data-pt-type="text" data-pt-id="t1" class="text-base font-bold text-ink">2点以上お買い上げで10%OFF</p>
+<p data-pt-type="text" data-pt-id="t2" class="text-2xs text-ink">5周年キャンペーン終了まで残り</p>
+</div>
+<div data-pt-id="k1" data-pt-component="countdown" data-pt-component-settings='{"style":"flip","units":["days","hours","minutes","seconds"],"endAt":"2026-09-30T23:59:59+09:00"}'></div>
+<a data-pt-type="button" data-pt-id="b1" data-pt-track="copy_coupon" href="#" class="flex min-h-10 items-center gap-2 rounded bg-brand px-4 text-sm font-bold text-surface">クーポンコード: VIVAIA5TH</a>
+</div>

package/dist/golden/fixtures/popup/11-sticky-anniversary-countdown.html

@@ -0,0 +1,5 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #5c4326; --color-ink: #2f2413; --color-surface: #f7eede; }</style>
+<div data-pt-id="root" class="flex w-full items-center justify-center gap-4 bg-surface px-6 py-2">
+<p data-pt-type="text" data-pt-id="t1" class="text-sm font-bold text-ink">【まとめ買い2点で10%OFF】6周年特別オーファーが終了まであと</p>
+<div data-pt-id="k1" data-pt-component="countdown" data-pt-component-settings='{"style":"flip","units":["days","hours","minutes","seconds"],"endAt":"2026-12-31T23:59:59+09:00"}'></div>
+</div>

package/dist/golden/fixtures/popup/12-vivaia-product-grid.html

@@ -0,0 +1,29 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #6b4a2b; --color-ink: #2f2418; --color-surface: #ffffff; --color-line: #d8c3a5; }</style>
+<div data-pt-id="root" class="w-full max-w-[420px] rounded bg-surface p-4">
+<div data-pt-id="c1" class="flex flex-col gap-3">
+<h2 data-pt-type="text" data-pt-id="t1" class="text-center text-lg font-bold text-brand">人気商品4品を厳選</h2>
+<p data-pt-type="text" data-pt-id="t2" class="text-center text-base font-bold text-ink">類似オススメ商品はこちら</p>
+<div data-pt-id="c2" data-pt-layout-mobile="scroll" class="grid grid-cols-2 gap-3">
+<div data-pt-id="c3" class="flex flex-col items-center gap-1 rounded border border-line p-2">
+<img data-pt-type="media" data-pt-id="m1" src="samantha.png" alt="Samantha" class="w-full aspect-square object-cover">
+<p data-pt-type="text" data-pt-id="t3" class="text-xs text-ink">Samantha</p>
+<a data-pt-type="button" data-pt-id="b1" data-pt-track="shop_1" href="#" class="text-xs font-bold text-ink underline">Shop Now</a>
+</div>
+<div data-pt-id="c4" class="flex flex-col items-center gap-1 rounded border border-line p-2">
+<img data-pt-type="media" data-pt-id="m2" src="jackie.png" alt="Jackie" class="w-full aspect-square object-cover">
+<p data-pt-type="text" data-pt-id="t4" class="text-xs text-ink">Jackie</p>
+<a data-pt-type="button" data-pt-id="b2" data-pt-track="shop_2" href="#" class="text-xs font-bold text-ink underline">Shop Now</a>
+</div>
+<div data-pt-id="c5" class="flex flex-col items-center gap-1 rounded border border-line p-2">
+<img data-pt-type="media" data-pt-id="m3" src="michelle.png" alt="Michelle" class="w-full aspect-square object-cover">
+<p data-pt-type="text" data-pt-id="t5" class="text-xs text-ink">Michelle</p>
+<a data-pt-type="button" data-pt-id="b3" data-pt-track="shop_3" href="#" class="text-xs font-bold text-ink underline">Shop Now</a>
+</div>
+<div data-pt-id="c6" class="flex flex-col items-center gap-1 rounded border border-line p-2">
+<img data-pt-type="media" data-pt-id="m4" src="margot.png" alt="Margot Walker" class="w-full aspect-square object-cover">
+<p data-pt-type="text" data-pt-id="t6" class="text-xs text-ink">Margot Walker</p>
+<a data-pt-type="button" data-pt-id="b4" data-pt-track="shop_4" href="#" class="text-xs font-bold text-ink underline">Shop Now</a>
+</div>
+</div>
+</div>
+</div>

package/dist/golden/fixtures/popup/13-vivaia-restock-split.html

@@ -0,0 +1,9 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #111111; --color-ink: #1a1a1a; --color-surface: #ffffff; }</style>
+<div data-pt-id="root" class="flex w-full max-w-[640px] flex-col overflow-hidden rounded bg-surface md:flex-row">
+<img data-pt-type="media" data-pt-id="m1" src="restock.png" alt="RESTOCK シューズ" class="w-full aspect-square object-cover md:w-1/2">
+<div data-pt-id="c1" class="flex flex-1 flex-col items-center justify-center gap-4 p-6">
+<h2 data-pt-type="text" data-pt-id="t1" class="text-4xl font-light tracking-widest text-ink">RESTOCK</h2>
+<p data-pt-type="text" data-pt-id="t2" class="text-center text-sm text-ink">完売していた大人気の新作が<br>待望の再入荷</p>
+<a data-pt-type="button" data-pt-id="b1" data-pt-track="view_product" href="#" class="flex min-h-12 w-full items-center justify-center rounded bg-brand text-base font-bold text-surface">商品を見る</a>
+</div>
+</div>

package/dist/golden/fixtures/popup/14-back-to-school-email-form.html

@@ -0,0 +1,14 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #1a56ff; --color-ink: #111111; --color-surface: #eef4ff; }</style>
+<div data-pt-id="root" class="w-full max-w-[420px] rounded bg-surface p-6">
+<div data-pt-id="c1" class="flex flex-col items-center gap-4">
+<p data-pt-type="text" data-pt-id="t1" class="text-sm tracking-widest text-brand">UP TO</p>
+<h2 data-pt-type="text" data-pt-id="t2" class="text-center text-4xl font-bold leading-tight text-brand">$1,000 OFF BACK-TO-SCHOOL COUPONS</h2>
+<p data-pt-type="text" data-pt-id="t3" class="text-center text-sm text-ink">Leave your email to unlock up to $1,000 in sale discounts.</p>
+<div data-pt-id="c2" class="flex items-center gap-2 rounded-full border border-ink px-4 py-2">
+<p data-pt-type="text" data-pt-id="t4" class="text-sm text-ink">Offer closes in</p>
+<div data-pt-id="k1" data-pt-component="countdown" data-pt-component-settings='{"style":"plain","units":["minutes","seconds"],"durationSeconds":115}'></div>
+</div>
+<div data-pt-id="k2" data-pt-component="form" data-pt-component-settings='{"fields":[{"name":"email","type":"email","placeholder":"Enter an email to subscribe","required":true}],"submitText":"Claim Now"}'></div>
+<a data-pt-type="button" data-pt-id="b1" data-pt-track="dismiss" href="#" class="text-xs text-ink underline">I&#39;ll pass on the $1,000 off (for now).</a>
+</div>
+</div>

package/dist/golden/fixtures/popup/15-xtool-ebook-split-form.html

@@ -0,0 +1,9 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #000000; --color-ink: #111111; --color-surface: #ffffff; }</style>
+<div data-pt-id="root" class="flex w-full max-w-[860px] flex-col overflow-hidden rounded bg-surface md:flex-row">
+<img data-pt-type="media" data-pt-id="m1" src="xtool.png" alt="xTool" class="w-full aspect-[4/3] object-cover md:w-1/2">
+<div data-pt-id="c1" class="flex flex-1 flex-col justify-center gap-4 p-8">
+<h2 data-pt-type="text" data-pt-id="t1" class="text-2xl font-bold leading-snug text-ink">FREE E-Book: Small Business Handbook (88 pages)</h2>
+<p data-pt-type="text" data-pt-id="t2" class="text-sm text-ink">Make money with your xTool and earn over $1,000 a week!</p>
+<div data-pt-id="k1" data-pt-component="form" data-pt-component-settings='{"fields":[{"name":"email","type":"email","placeholder":"Enter an email to subscribe","required":true}],"submitText":"Download Now"}'></div>
+</div>
+</div>

package/dist/golden/fixtures/popup/16-880-off-gradient-form.html

@@ -0,0 +1,8 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #000000; --color-ink: #0b0b0b; --color-surface: #7ef0c0; }</style>
+<div data-pt-id="root" class="w-full max-w-[420px] rounded-xl bg-surface p-6">
+<div data-pt-id="c1" class="flex flex-col items-center gap-4 border-2 border-white p-6">
+<p data-pt-type="text" data-pt-id="t1" class="text-center text-sm text-ink">Leave your email,<br>claim a coupon pack up to...</p>
+<h2 data-pt-type="text" data-pt-id="t2" class="text-5xl font-black text-ink">$880 OFF!</h2>
+<div data-pt-id="k1" data-pt-component="form" data-pt-component-settings='{"fields":[{"name":"email","type":"email","placeholder":"Enter Your Email to Subscribe","required":true}],"submitText":"Get My Coupons"}'></div>
+</div>
+</div>

package/dist/golden/fixtures/popup/17-holiday-sale-price-swatch.html

@@ -0,0 +1,18 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #9b2418; --color-ink: #2b2b2b; --color-surface: #fdf6ec; }</style>
+<div data-pt-id="root" class="flex w-full max-w-[640px] flex-col overflow-hidden bg-surface md:flex-row">
+<div data-pt-id="c1" class="flex w-full flex-col items-center gap-3 p-6 md:w-1/2">
+<img data-pt-type="media" data-pt-id="m1" src="heel.png" alt="Holiday Sale シューズ" class="w-full aspect-square object-contain">
+<div data-pt-id="c2" data-pt-layout-mobile="scroll" class="flex gap-2">
+<img data-pt-type="media" data-pt-id="m2" src="sw1.png" alt="ベージュ" class="w-8 aspect-square rounded-full object-cover">
+<img data-pt-type="media" data-pt-id="m3" src="sw2.png" alt="ブラック" class="w-8 aspect-square rounded-full object-cover">
+<img data-pt-type="media" data-pt-id="m4" src="sw3.png" alt="ネイビー" class="w-8 aspect-square rounded-full object-cover">
+</div>
+</div>
+<div data-pt-id="c3" class="flex flex-1 flex-col items-center justify-center gap-3 p-6">
+<h2 data-pt-type="text" data-pt-id="t1" class="text-4xl italic text-brand">Holiday Sale</h2>
+<p data-pt-type="text" data-pt-id="t2" class="text-sm text-ink">Limited Time Only</p>
+<p data-pt-type="text" data-pt-id="t3" class="text-5xl font-bold text-brand">$99.00</p>
+<p data-pt-type="text" data-pt-id="t4" class="text-lg text-ink line-through">$109.00</p>
+<a data-pt-type="button" data-pt-id="b1" data-pt-track="shop_now" href="#" class="flex min-h-12 w-full items-center justify-center bg-brand text-base font-bold tracking-widest text-surface">SHOP NOW</a>
+</div>
+</div>

package/dist/golden/fixtures/popup/18-solar-battery-dark-specs.html

@@ -0,0 +1,14 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #f2c879; --color-ink: #ffffff; --color-surface: #0b1c33; }</style>
+<div data-pt-id="root" class="w-full max-w-[720px] rounded bg-surface p-8">
+<div data-pt-id="c1" class="flex flex-col items-center gap-4">
+<p data-pt-type="text" data-pt-id="t1" class="text-xl text-ink"><span class="font-bold text-brand">£9.9 Deposit</span> to Lock in Exclusive Launch Offer</p>
+<h2 data-pt-type="text" data-pt-id="t2" class="text-4xl font-bold text-ink">Solar Battery STREAM 5000</h2>
+<div data-pt-id="c2" data-pt-layout-mobile="stack" class="flex items-center gap-4">
+<p data-pt-type="text" data-pt-id="t3" class="text-base text-ink">5024 Wh</p>
+<p data-pt-type="text" data-pt-id="t4" class="text-base text-ink">5000W PV Input</p>
+<p data-pt-type="text" data-pt-id="t5" class="text-base text-ink">15-Year Lifespan</p>
+</div>
+<a data-pt-type="button" data-pt-id="b1" data-pt-track="learn_more" href="#" class="flex min-h-12 items-center justify-center rounded-full bg-ink px-8 text-base font-bold text-surface">Learn More</a>
+<img data-pt-type="media" data-pt-id="m1" src="battery.png" alt="STREAM 5000" class="w-full aspect-[16/10] object-contain">
+</div>
+</div>

package/dist/golden/fixtures/popup/19-jp-clinic-coupon-placeholder.html

@@ -0,0 +1,8 @@
+<style type="text/tailwindcss" data-pt-id="theme">@theme { --color-brand: #06c755; --color-ink: #3a2430; --color-surface: #ffffff; }</style>
+<div data-pt-id="root" class="w-full max-w-[420px] rounded bg-surface p-3">
+<div data-pt-id="c1" class="flex flex-col gap-3">
+<img data-pt-type="media" data-pt-id="m1" data-pt-placeholder data-pt-image-prompt="初来院限定クーポンのビジュアル。ピンク背景に女性モデルと¥25,000OFFクーポン券" src="" class="w-full aspect-[4/5] object-cover">
+<p data-pt-type="text" data-pt-id="t1" class="text-center text-sm font-bold text-brand">LINEクーポン配布中!</p>
+<a data-pt-type="button" data-pt-id="b1" data-pt-track="line_add" href="#" class="flex min-h-12 items-center justify-center rounded-full bg-brand text-base font-bold text-white">友だち追加はこちら</a>
+</div>
+</div>

package/dist/golden/fixtures/popup/README.md

@@ -0,0 +1,31 @@
+# 弹窗 fixture
+
+按 19 张**真实线上弹窗样本**（设计文档附录「规则来源」里那一组）的形态重建的 v4 源片段。
+
+**是重建，不是原样抓取** —— 原样本是各家线上站点的产物、格式各异（多数是 Silex）。
+这里保留的是对 fixture 有意义的那部分：**结构原型与 class 分布**。逐条对应：
+
+| fixture | 原型 | 覆盖到的东西 |
+|---|---|---|
+| 01 / 19 | 纵向模态，单视觉 + CTA | 窄容器、`aspect-*`、**19 号带未落图占位** |
+| 02 | 模态，人物照 + 日期块 | 头部条、分隔线、多层容器 |
+| 03 | 模态，条纹头部 + 三图 | `grid-cols-3`、整行 CTA |
+| 04 | 模态，商品图 + 期限 | `absolute` 叠字、下划线注记 |
+| 05 | 模态，标签群 + 红 CTA | 图文左右分栏、`rounded-full` |
+| 06 | 宽模态，两个 CTA 并排 | `md:flex-row`、边框按钮 vs 实心按钮 |
+| 07 | 宽模态，带注释的视觉 | 长文案、`object-cover` |
+| 08–11 | **吸底条 + 倒计时** | `data-pt-component="countdown"` 四种设置（flip / plain、日时分秒 / 毫秒） |
+| 12 | 模态，2×2 商品网格 | `data-pt-layout-mobile="scroll"`、重复卡片结构 |
+| 13 / 15 / 17 | 图左内容右 | `md:flex-row` 分栏、`md:w-1/2` |
+| 14 / 15 / 16 | **邮件表单** | `data-pt-component="form"`，14 号还叠了倒计时 |
+| 18 | 深色背景 + 三列规格 | `data-pt-layout-mobile="stack"`、深色 token |
+
+两条与 golden 直接相关的性质：
+
+- **弹窗是 fragment，不是完整文档**（`KIND_PROFILES.popup.root === 'fragment'`），
+  所以这些文件没有 `<html>` / `<head>`，第一个节点就是主题块。
+- **`form` / `countdown` 在弹窗里是 `engage-sdk` 运行时**：源里只有声明式空壳，
+  行为归 Engage SDK。core 给弹窗表单出脚本会和 SDK 抢同一张表单。
+
+每份各带自己的 `@theme`（品牌色差异很大），这同时把「按主题 hash 分缓存条目」
+与「tailwind-merge 按 @theme 派生」两条路径都压上了真实数据。

package/dist/golden/manifest.json

@@ -3,170 +3,254 @@
     "fixtures": [
         {
             "fixture": "canonical/01-tailwind-landing.txt",
+            "kind": "document",
+            "input": "fixtures/html/01-tailwind-landing.html",
             "sha256": "c70beb2e085d0c538f0b6852c763735d119e0a065f2bb450d5dfe5ec7c17539f"
         },
         {
             "fixture": "canonical/02-table-foster-parenting.txt",
+            "kind": "document",
+            "input": "fixtures/html/02-table-foster-parenting.html",
             "sha256": "3b723af0670b8a9edf275e77a0da643ed7b8ca4bd1dc93514a3dda0a69171408"
         },
         {
             "fixture": "canonical/03-p-block-nesting.txt",
+            "kind": "document",
+            "input": "fixtures/html/03-p-block-nesting.html",
             "sha256": "687bb7d4090da2a23d1397dca02c2480992bd3e4f586c5b18469b94b4308ff64"
         },
         {
             "fixture": "canonical/04-unclosed-misnested.txt",
+            "kind": "document",
+            "input": "fixtures/html/04-unclosed-misnested.html",
             "sha256": "f5e1b7beb75b6cd7204f28600e4038fedc4543877c93eeff7310bcd7844a6d1b"
         },
         {
             "fixture": "canonical/05-attr-quotes-entities-unicode.txt",
+            "kind": "document",
+            "input": "fixtures/html/05-attr-quotes-entities-unicode.html",
             "sha256": "151fcfd19531f5491a2a628cc323df28ab92ac1d01c38cd27e64290a2db36cfc"
         },
         {
             "fixture": "canonical/06-comments-rawtext.txt",
+            "kind": "document",
+            "input": "fixtures/html/06-comments-rawtext.html",
             "sha256": "0bc41478abce7a088bf37fc3c82ef706bbbfab556b30795aeff4b5669ac903fa"
         },
         {
             "fixture": "canonical/07-boolean-empty-attrs.txt",
+            "kind": "document",
+            "input": "fixtures/html/07-boolean-empty-attrs.html",
             "sha256": "eaf96016ae7d765d66c6e561c8cd2ea9b5e26e665a32a732c94b6e86847fc92b"
         },
         {
             "fixture": "canonical/08-mega-class-list.txt",
+            "kind": "document",
+            "input": "fixtures/html/08-mega-class-list.html",
             "sha256": "9c3e9f876500a5b678c36677b5baa75c580c61eb2b222769f1ab10a73b24caf9"
         },
         {
             "fixture": "canonical/09-legacy-doctype.txt",
+            "kind": "document",
+            "input": "fixtures/html/09-legacy-doctype.html",
             "sha256": "4fab52be1ccb9c0c985dd98b808178147084beac769aebb355d576156c1422f1"
         },
         {
             "fixture": "canonical/10-foreign-template-pre.txt",
+            "kind": "document",
+            "input": "fixtures/html/10-foreign-template-pre.html",
             "sha256": "c015da23781fc7f5fb26f6054f57d3c37e513944c0b368ba406f26c551531d9b"
         },
         {
             "fixture": "canonical/11-adoption-agency-deep.txt",
+            "kind": "document",
+            "input": "fixtures/html/11-adoption-agency-deep.html",
             "sha256": "fcb0a5ec78511e2f2039d764ff90b8b9b11b9368efb4e535053749fc7ae96cac"
         },
         {
             "fixture": "canonical/12-charrefs-control-chars.txt",
+            "kind": "document",
+            "input": "fixtures/html/12-charrefs-control-chars.html",
             "sha256": "b24a1c4c1f51183485639739fa69bcc451dca7a100de6990e7c510cf66269d42"
         },
         {
             "fixture": "canonical/13-namespaces-custom-dup-attrs.txt",
+            "kind": "document",
+            "input": "fixtures/html/13-namespaces-custom-dup-attrs.html",
             "sha256": "951f97adc5eeec527d830fb7b6a3b28b4f13192f2cec1cffdfa802b146efdce0"
         },
         {
             "fixture": "popup-canonical/01-jp-coupon-line-tall.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/01-jp-coupon-line-tall.html",
             "sha256": "f4d6fce08b3413a4bb1a2d8f7be2dbe45d869f29332f536a90ea05a05ef3560e"
         },
         {
             "fixture": "popup-canonical/02-jp-webinar-doctor.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/02-jp-webinar-doctor.html",
             "sha256": "87e56b79f3514678419cf33fd4d8d159f12382548091d3c67cc4a8a50717e4cc"
         },
         {
             "fixture": "popup-canonical/03-jp-model-recruit.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/03-jp-model-recruit.html",
             "sha256": "48b3451d6ecfd3e79ec23ad8ded08d66a137e55828f6eb4e96521ad9f52292f3"
         },
         {
             "fixture": "popup-canonical/04-jp-shinpi-campaign.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/04-jp-shinpi-campaign.html",
             "sha256": "8b866af5f1d2de37eba363b94a567d9a41f6451fbe0a46859588b6b33abe203a"
         },
         {
             "fixture": "popup-canonical/05-jp-jal-course.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/05-jp-jal-course.html",
             "sha256": "919a66d964e775905c2e9c05f61f1e0cd4e36fde5d962aacf25d691aa1cd67b8"
         },
         {
             "fixture": "popup-canonical/06-jp-training-two-cta.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/06-jp-training-two-cta.html",
             "sha256": "caf43139254da316f841c1b09df8714482a6d3c939c861df5e465c4dc3839394"
         },
         {
             "fixture": "popup-canonical/07-vivaia-lightweight-shoes.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/07-vivaia-lightweight-shoes.html",
             "sha256": "acd60830a6231d4680cb0de2ca9ad0f182953761f2524158d0364ea87aac5372"
         },
         {
             "fixture": "popup-canonical/08-sticky-black-friday-countdown.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/08-sticky-black-friday-countdown.html",
             "sha256": "92965e1fbfab27aeff9d98d0359e15820bafa3e78eaa6553b5a937fd6db97dd7"
         },
         {
             "fixture": "popup-canonical/09-sticky-line-coupon-countdown.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/09-sticky-line-coupon-countdown.html",
             "sha256": "8209face5ae705167ef14f21bfccb3d7d2c708aa3f7b6371b87879468fe3b2f9"
         },
         {
             "fixture": "popup-canonical/10-sticky-coupon-code-countdown.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/10-sticky-coupon-code-countdown.html",
             "sha256": "06594d8504a65a3a45ee3fbe10fb5046b5d1b071eaf21fe28ff62c9a60b98fab"
         },
         {
             "fixture": "popup-canonical/11-sticky-anniversary-countdown.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/11-sticky-anniversary-countdown.html",
             "sha256": "51da066020a1e32537842c93be8518e0d665af8fdc94e0339e63bf46bd6828fa"
         },
         {
             "fixture": "popup-canonical/12-vivaia-product-grid.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/12-vivaia-product-grid.html",
             "sha256": "db02805b296c0a054a3c0265bcd59caf904ea113aef9da448412b7d1222e2f79"
         },
         {
             "fixture": "popup-canonical/13-vivaia-restock-split.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/13-vivaia-restock-split.html",
             "sha256": "02c5f27ff8f09fd884e98a7b95fa60407be25441657746bcf8c1a7f6b17e4caa"
         },
         {
             "fixture": "popup-canonical/14-back-to-school-email-form.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/14-back-to-school-email-form.html",
             "sha256": "5df1fa26566773acfa8e33417b84014a90b79e03619062bc7029674056af3954"
         },
         {
             "fixture": "popup-canonical/15-xtool-ebook-split-form.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/15-xtool-ebook-split-form.html",
             "sha256": "6bc46c4e35677bcdbbeb93aad8a42c4b95f7039890ff07b80eda1eeed43cb759"
         },
         {
             "fixture": "popup-canonical/16-880-off-gradient-form.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/16-880-off-gradient-form.html",
             "sha256": "0b0e431349b51ec3eb0aad65da385d69a255cafbc3179af8b9abbe78bbe491cd"
         },
         {
             "fixture": "popup-canonical/17-holiday-sale-price-swatch.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/17-holiday-sale-price-swatch.html",
             "sha256": "5b8b71bbf145753e095e044b2616ab1df7434878a87f0b2739f15819b996b09d"
         },
         {
             "fixture": "popup-canonical/18-solar-battery-dark-specs.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/18-solar-battery-dark-specs.html",
             "sha256": "4601802f37e663159e9b58a0fe9d2617b53bd80f88bc15aea55876fdc18886c7"
         },
         {
             "fixture": "popup-canonical/19-jp-clinic-coupon-placeholder.txt",
+            "kind": "fragment",
+            "input": "fixtures/popup/19-jp-clinic-coupon-placeholder.html",
             "sha256": "6b56860a22d361f1cca4419ce5ff0d974fbe08cd00b92ab6c1d48e190ca4c3ef"
         },
         {
             "fixture": "apply-golden/01-set-attrs-classes.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#01-set-attrs-classes",
             "sha256": "3309bb2a6959b472e28b5fba4120c1905725d532d1ea1a8363c1662507b66a36"
         },
         {
             "fixture": "apply-golden/02-rich-text-and-theme.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#02-rich-text-and-theme",
             "sha256": "0a71c74fdcdd85dfe10312ff49d7e2adc27ba5c45ef86b4ac522c6184a70b450"
         },
         {
             "fixture": "apply-golden/03-insert-delete-whitespace.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#03-insert-delete-whitespace",
             "sha256": "65b7772ac8e507869030071be9e0febb664657a07aa10729482b352b1289777e"
         },
         {
             "fixture": "apply-golden/04-sequential-index-semantics.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#04-sequential-index-semantics",
             "sha256": "acc91eb6f761f0fe5f35136e4eaa03cfb130ff33add9d5313438a653479e51df"
         },
         {
             "fixture": "apply-golden/05-delete-cascade.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#05-delete-cascade",
             "sha256": "60beed20aac09149c67b786e58b66f8501849810d4cac0ea3d2ce7908f8e1f90"
         },
         {
             "fixture": "apply-golden/06-replace-keeps-id.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#06-replace-keeps-id",
             "sha256": "c594bb2cbabe05984dced5b5fe14579a815abcefcd7bb0e6fbca69e49d70bb27"
         },
         {
             "fixture": "apply-golden/07-opaque-table-text-edit.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#07-opaque-table-text-edit",
             "sha256": "f73439f9454d39caa43470f921f2f5dd0be7934fbb60c9fe27fb95cd99965b7e"
         },
         {
             "fixture": "apply-golden/08-picture-and-placeholder.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#08-picture-and-placeholder",
             "sha256": "9f708b74065b9afe078100a50c15549e756fca1e81f9bb299796b1cfa4eaeadf"
         },
         {
             "fixture": "apply-golden/09-move-across-containers.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#09-move-across-containers",
             "sha256": "91ab24e869d3082abfc6cb41eda17693bff6621fdf870a53dedd4e3ca10eb05b"
         },
         {
             "fixture": "apply-golden/10-insert-section-into-root.txt",
+            "kind": "apply",
+            "input": "ops-cases.json#10-insert-section-into-root",
             "sha256": "7131403b7dc6e97f947d7b57a0ae6123d73c0d3648308ee12744831b69f3bb19"
         }
     ]

package/dist/golden/ops-cases.json

@@ -0,0 +1,179 @@
+{
+    "wrapper": "<!DOCTYPE html><html lang=\"ja\"><head><meta charset=\"utf-8\"><meta name=\"lpx-format\" content=\"4\"><style type=\"text/tailwindcss\" data-pt-id=\"theme\">@theme { --color-brand: #1a73e8; }</style>{{HEAD_EXTRA}}</head><body data-pt-id=\"root\" class=\"flex flex-col\">{{BODY}}</body></html>",
+    "cases": [
+        {
+            "name": "01-set-attrs-classes",
+            "body": "<section data-pt-id=\"s1\" class=\"py-section-y\">\n<div data-pt-id=\"c1\" class=\"flex flex-col md:flex-row\">\n<h1 data-pt-type=\"text\" data-pt-id=\"t1\" class=\"text-display-1 font-bold\">标题</h1>\n</div>\n</section>",
+            "ops": [
+                {
+                    "op": "set",
+                    "id": "t1",
+                    "attrs": {
+                        "data-pt-name": "主标题",
+                        "data-pt-description": null
+                    }
+                },
+                {
+                    "op": "set",
+                    "id": "t1",
+                    "classes": {
+                        "add": [
+                            "md:text-4xl",
+                            "text-center"
+                        ],
+                        "remove": [
+                            "font-bold"
+                        ]
+                    }
+                },
+                {
+                    "op": "set",
+                    "id": "c1",
+                    "classes": {
+                        "add": [
+                            "gap-6"
+                        ]
+                    }
+                }
+            ]
+        },
+        {
+            "name": "02-rich-text-and-theme",
+            "body": "<section data-pt-id=\"s1\">\n<div data-pt-id=\"c1\">\n<p data-pt-type=\"text\" data-pt-id=\"t1\">原文 <b>粗</b> 与 <a href=\"#\">链接</a></p>\n</div>\n</section>",
+            "ops": [
+                {
+                    "op": "set",
+                    "id": "t1",
+                    "text": "改过的 <b>粗体</b> 和 <i>斜体</i>"
+                },
+                {
+                    "op": "set",
+                    "id": "theme",
+                    "text": "@theme { --color-brand: #ff0000; --text-display-1: 3rem; }"
+                }
+            ]
+        },
+        {
+            "name": "03-insert-delete-whitespace",
+            "body": "<section data-pt-id=\"s1\">\n<div data-pt-id=\"c1\">\n<p data-pt-type=\"text\" data-pt-id=\"t1\">一</p>\n<p data-pt-type=\"text\" data-pt-id=\"t2\">二</p>\n<p data-pt-type=\"text\" data-pt-id=\"t3\">三</p>\n</div>\n</section>",
+            "ops": [
+                {
+                    "op": "delete",
+                    "id": "t2"
+                },
+                {
+                    "op": "insert",
+                    "parentId": "c1",
+                    "index": 1,
+                    "html": "<p data-pt-type=\"text\" data-pt-id=\"n1\" class=\"text-sm\">插入</p>"
+                }
+            ]
+        },
+        {
+            "name": "04-sequential-index-semantics",
+            "body": "<section data-pt-id=\"s1\"><div data-pt-id=\"c1\"><p data-pt-type=\"text\" data-pt-id=\"t1\">一</p><p data-pt-type=\"text\" data-pt-id=\"t2\">二</p></div></section>",
+            "ops": [
+                {
+                    "op": "insert",
+                    "parentId": "c1",
+                    "index": 0,
+                    "html": "<p data-pt-type=\"text\" data-pt-id=\"n1\">A</p>"
+                },
+                {
+                    "op": "insert",
+                    "parentId": "c1",
+                    "index": 2,
+                    "html": "<p data-pt-type=\"text\" data-pt-id=\"n2\">B</p>"
+                },
+                {
+                    "op": "move",
+                    "id": "n1",
+                    "parentId": "c1",
+                    "index": 3
+                }
+            ]
+        },
+        {
+            "name": "05-delete-cascade",
+            "body": "<section data-pt-id=\"s1\"><div data-pt-id=\"c1\"><p data-pt-type=\"text\" data-pt-id=\"t1\">x</p></div></section><section data-pt-id=\"s2\"><div data-pt-id=\"c2\"><p data-pt-type=\"text\" data-pt-id=\"t2\">y</p></div></section>",
+            "ops": [
+                {
+                    "op": "delete",
+                    "id": "t1"
+                },
+                {
+                    "op": "delete",
+                    "id": "c2"
+                }
+            ]
+        },
+        {
+            "name": "06-replace-keeps-id",
+            "body": "<section data-pt-id=\"s1\"><div data-pt-id=\"c1\"><h1 data-pt-type=\"text\" data-pt-id=\"t1\" class=\"text-display-1\">旧</h1></div></section>",
+            "ops": [
+                {
+                    "op": "replace",
+                    "id": "t1",
+                    "html": "<h2 data-pt-type=\"text\" data-pt-id=\"t1\" class=\"text-2xl font-bold\">新<span>内联</span></h2>"
+                }
+            ]
+        },
+        {
+            "name": "07-opaque-table-text-edit",
+            "body": "<section data-pt-id=\"s1\"><div data-pt-id=\"c1\"><table data-pt-id=\"tb1\" data-pt-opaque=\"text\"><tbody><tr><th data-pt-id=\"h1\">表头</th><td data-pt-id=\"d1\">单元格</td></tr></tbody></table></div></section>",
+            "ops": [
+                {
+                    "op": "set",
+                    "id": "d1",
+                    "text": "改过的单元格"
+                }
+            ]
+        },
+        {
+            "name": "08-picture-and-placeholder",
+            "body": "<section data-pt-id=\"s1\"><div data-pt-id=\"c1\">\n<picture data-pt-type=\"media\" data-pt-id=\"m1\"><source media=\"(min-width:768px)\" srcset=\"pc.jpg\"><img src=\"sp.jpg\" alt=\"\" class=\"w-full aspect-[4/3]\"></picture>\n<img data-pt-type=\"media\" data-pt-id=\"m2\" data-pt-placeholder data-pt-image-prompt=\"日式护肤特写\" src=\"\" class=\"w-full aspect-[4/3]\">\n</div></section>",
+            "ops": [
+                {
+                    "op": "set",
+                    "id": "m2",
+                    "attrs": {
+                        "src": "hero.jpg",
+                        "alt": "日式护肤特写",
+                        "data-pt-placeholder": null,
+                        "data-pt-image-prompt": null
+                    }
+                }
+            ]
+        },
+        {
+            "name": "09-move-across-containers",
+            "body": "<section data-pt-id=\"s1\">\n<div data-pt-id=\"c1\">\n<p data-pt-type=\"text\" data-pt-id=\"t1\">一</p>\n<p data-pt-type=\"text\" data-pt-id=\"t2\">二</p>\n</div>\n<div data-pt-id=\"c2\">\n<p data-pt-type=\"text\" data-pt-id=\"t3\">三</p>\n</div>\n</section>",
+            "ops": [
+                {
+                    "op": "move",
+                    "id": "t1",
+                    "parentId": "c2",
+                    "index": 0
+                },
+                {
+                    "op": "move",
+                    "id": "t3",
+                    "parentId": "c1",
+                    "index": 1
+                }
+            ]
+        },
+        {
+            "name": "10-insert-section-into-root",
+            "body": "<section data-pt-id=\"s1\"><div data-pt-id=\"c1\"><p data-pt-type=\"text\" data-pt-id=\"t1\">x</p></div></section>",
+            "ops": [
+                {
+                    "op": "insert",
+                    "parentId": "root",
+                    "index": 1,
+                    "html": "<section data-pt-id=\"s2\" class=\"py-section-y\"><div data-pt-id=\"c2\" class=\"flex\"><a data-pt-type=\"button\" data-pt-id=\"b1\" href=\"#\" class=\"bg-brand text-white\">CTA</a></div></section>"
+                }
+            ]
+        }
+    ]
+}