Merge pull request #21 from plotflow/claude/artwork-sales-website-01JWP9tY4m4hfX8WyoEQZ1kU

Claude/artwork sales website 01 jwp9t y4m4hf x8 wyo eqz1k u

Author: ddyson1

data/editions.js

@@ -88,7 +88,7 @@ <h5>Pen<sup>2</sup></h5>
         <span class="pd-ed" id="pdEd"></span>
       </div>
       <div class="pd-stock" id="pdStock" hidden></div>
-      <button class="pd-acquire" id="pdAcquire">Acquire · <span id="pdAcquirePrice"></span></button>
+      <button class="pd-acquire" id="pdAcquire">Acquire — plotted to order<span id="pdAcquirePrice" hidden></span></button>
       <p class="pd-note tiny">Plotted to order in the chosen ink. Shipping and any taxes calculated at checkout.</p>
       <button class="pd-wallpaper tiny" id="pdWallpaper">↓ Download phone wallpaper</button>
       <div class="pd-nudge" id="pdNudge" hidden>

product.html

@@ -275,3 +275,18 @@
   .pfr-stagewrap{height:62vh;min-height:380px}
   .pfr-panel{border-left:none;border-top:1px solid var(--line)}
 }
+
+/* pen swatches as plain color squares (specimen-record style):
+   square chip, label beneath, outline ring when selected —
+   overrides the pill treatment from styles.css on the record page */
+.pfr-panel .pd-swatches{gap:16px}
+.pfr-panel .pd-swatch{flex-direction:column;align-items:center;gap:7px;
+  padding:0;border:none;background:none}
+.pfr-panel .pd-swatch .pd-dot{width:34px;height:34px;border-radius:0;
+  box-shadow:0 0 0 1px var(--line)}
+.pfr-panel .pd-swatch:hover .pd-dot{box-shadow:0 0 0 1px var(--mute)}
+.pfr-panel .pd-swatch.on .pd-dot{outline:2px solid var(--white);outline-offset:2px;
+  box-shadow:0 0 0 1px rgba(0,0,0,.4)}
+.pfr-panel .pd-swatch-name{font-size:8.5px;font-weight:700;letter-spacing:.12em;
+  text-transform:uppercase;color:var(--dim)}
+.pfr-panel .pd-swatch.on .pd-swatch-name{color:var(--white)}

styles/console.css

@@ -14,12 +14,12 @@
 
 # key -> metadata. `file` is the svg basename in assets/plots (without .svg).
 META = {
- "zaku":     {"file":"zaku-ii",  "name":"Zaku II",  "code":"MS-06",     "jp":"ザク",                 "edition":"ED. 09/25 · 11×14″", "price":"$45"},
- "guncannon":{"file":"guncannon","name":"Guncannon","code":"RX-77",     "jp":"ガンキャノン",          "edition":"ED. 18/25 · 11×14″", "price":"$45"},
- "bigzam":   {"file":"big-zam",  "name":"Big Zam",  "code":"MA-08",     "jp":"ビグ・ザム",            "edition":"ED. 05/25 · 11×14″", "price":"$45"},
- "dom":      {"file":"dom",      "name":"Dom",      "code":"MS-09",     "jp":"ドム",                 "edition":"ED. 12/25 · 11×14″", "price":"$45"},
- "zgok":     {"file":"zgok",     "name":"Z'Gok",    "code":"MSM-07",    "jp":"ズゴック",              "edition":"ED. 22/25 · 11×14″", "price":"$45"},
- "gp02":     {"file":"gp-02",    "name":"GP-02A",   "code":"RX-78GP02", "jp":"ガンダム試作2号機",     "edition":"ED. 15/25 · 11×14″", "price":"$45"},
+ "zaku":     {"file":"zaku-ii",  "name":"Zaku II",  "code":"MS-06",     "jp":"ザク",                 "edition":"ED. OF 25 · 11×14″", "price":"$45"},
+ "guncannon":{"file":"guncannon","name":"Guncannon","code":"RX-77",     "jp":"ガンキャノン",          "edition":"ED. OF 25 · 11×14″", "price":"$45"},
+ "bigzam":   {"file":"big-zam",  "name":"Big Zam",  "code":"MA-08",     "jp":"ビグ・ザム",            "edition":"ED. OF 25 · 11×14″", "price":"$45"},
+ "dom":      {"file":"dom",      "name":"Dom",      "code":"MS-09",     "jp":"ドム",                 "edition":"ED. OF 25 · 11×14″", "price":"$45"},
+ "zgok":     {"file":"zgok",     "name":"Z'Gok",    "code":"MSM-07",    "jp":"ズゴック",              "edition":"ED. OF 25 · 11×14″", "price":"$45"},
+ "gp02":     {"file":"gp-02",    "name":"GP-02A",   "code":"RX-78GP02", "jp":"ガンダム試作2号機",     "edition":"ED. OF 25 · 11×14″", "price":"$45"},
 }
 
 # Short editorial blurb shown on each edition's product page + lore card.

tools/build_data.py

@@ -62,6 +62,18 @@ export default {
       return handleWebhook(request, env);
     }
 
+    // ---- health endpoint: which pieces are configured (booleans only) ----
+    // curl .../health → instantly shows whether the webhook/email path can
+    // work at all. A false here explains "orders but no emails" silently.
+    if (url.pathname === "/health" && request.method === "GET") {
+      return json({
+        stripe_key: !!env.STRIPE_SECRET_KEY,
+        webhook_secret: !!env.STRIPE_WEBHOOK_SECRET,
+        resend_key: !!env.RESEND_API_KEY,
+        stock_kv: !!env.STOCK
+      }, 200, corsHeaders(request.headers.get("Origin") || "", "GET, OPTIONS"));
+    }
+
     // ---- stock endpoint (remaining count per edition) ----
     if (url.pathname === "/stock") {
       const sOrigin = request.headers.get("Origin") || "";
@@ -224,20 +236,31 @@ async function handleWebhook(request, env) {
       </div>`;
 
     if (env.RESEND_API_KEY) {
-      await fetch("https://api.resend.com/emails", {
-        method: "POST",
-        headers: {
-          "Authorization": "Bearer " + env.RESEND_API_KEY,
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          from: `PlotFlow Orders <${FROM_EMAIL}>`,
-          to: [NOTIFY_EMAIL],
-          subject: `New order: ${meta.editions || "PlotFlow edition"}`,
-          html: html,
-          text: text
-        })
-      });
+      // Surface email failures in the Cloudflare logs (`wrangler tail` /
+      // dashboard) instead of letting a rejected send vanish silently.
+      try {
+        const mailResp = await fetch("https://api.resend.com/emails", {
+          method: "POST",
+          headers: {
+            "Authorization": "Bearer " + env.RESEND_API_KEY,
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            from: `PlotFlow Orders <${FROM_EMAIL}>`,
+            to: [NOTIFY_EMAIL],
+            subject: `New order: ${meta.editions || "PlotFlow edition"}`,
+            html: html,
+            text: text
+          })
+        });
+        if (!mailResp.ok) {
+          console.error("Order email FAILED", mailResp.status, await mailResp.text(), "session:", session.id);
+        }
+      } catch (e) {
+        console.error("Order email FAILED (network)", String(e), "session:", session.id);
+      }
+    } else {
+      console.error("Order email SKIPPED — RESEND_API_KEY not set. session:", session.id);
     }
 
     // Decrement remaining stock per purchased edition. metadata.skus looks