Doop Widget 埋め込みプレビューハーネス

同一デプロイの /cart.js ・/product.js ・/ecforce-lp.js を実際に <script> 読み込みし、模擬ストア DOM 上でウィジェットを描画します。 preview/dev 環境でのみ有効（本番は 404）。

• Shopify カートページ模擬 →

  checkout / remove ボタン + アイテム行を含む最小カート DOM にカートウィジェットを描画。

  ストア fixture: doop-preview.myshopify.com

• Shopify 商品ページ模擬 →

  .doop-tradein-box + add-to-cart フォームを含む商品 DOM に商品ウィジェットを描画。

  ストア fixture: doop-preview.myshopify.com

• ECForce LP 模擬 →

  .doop-tradein-box を含む LP DOM に ECForce LP ウィジェットを描画。

  ストア fixture: example-store.ec-force.com

使い方

• 各画面上部のセレクタでストアを切替（?shop= パラメータが書き換わります）。
• PR の Vercel デプロイコメントで doop-webapp-widget の Preview リンクを開き、 その URL の /preview を使ってください。長いブランチ名は短縮されるため、 ブランチ名から URL を組み立てないでください。
• Shopify カート模擬は /cart.js を模擬カート JSON で傍受します（本物の Ajax 挙動は再現しません）。