Can I vibe code CartHook?

Build a custom Shopify Post-Purchase Upsell application using the Shopify CLI, React, Remix, and Supabase.

1. DATA MODEL:
- Store table: shopify_domain, access_token.
- Rules table: rule_id, trigger_product_ids (array), offer_product_id, discount_percentage, max_quantity, priority (int).
- Analytics table: impression_id, order_id, trigger_product_id, offer_product_id, accepted (boolean), revenue_added (decimal).

2. POST-PURCHASE EXTENSION LAYER:
- Use Shopify's `@shopify/post-purchase-ui-react` library.
- Implement the `shouldRender` handler: parse the incoming purchase payload (line_items, total_price) and query the Supabase backend to match active rules.
- Render a post-purchase UI showing the offer image, product title, discounted price, and two buttons: 'Accept Offer' and 'Decline'.

3. PAYMENT & ORDER UPDATE LOGIC:
- When 'Accept Offer' is clicked, invoke Shopify's post-purchase API function to request a charge using the existing payment token (`calculateChanges` and `accept` endpoints).
- Calculate exact dynamic tax and shipping adjustments.
- Append the new line item to the existing Shopify order atomically.
- Log the conversion event in the analytics table.
- If 'Decline' is clicked or execution times out, gracefully delegate control back to Shopify to show the standard Thank You page.

4. FAILURE MODES & LATENCY:
- Set a strict 2-second timeout for backend rule matching; if breached, fallback to standard checkout flow without showing an offer.
- Handle payment token decline errors cleanly by notifying the user and proceeding to the Thank You page without modifying the order.

5. OUT OF SCOPE:
- Multi-step funnels (single offer only for MVP).
- Complex visual page builders; use standard Shopify Checkout Extension UI components.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs