date-wizard-anonymous

A 6-step invitation wizard template. A static, build-free frontend plus a single serverless-style handler. It sends nothing — the handler validates the payload and returns { ok: true }. Wire your own delivery into api/send.js where the TODO is.

Layout

index.html          wizard markup (6 sections)
styles.css          styles (Google Fonts: Cormorant Garamond + Karla)
config.js           all editable content: partnerName, signature, QUOTE, DATES[], EVENTS[], time slots
src/wizard-state.js pure state machine (step transitions, guards, validation, payload)
src/wizard-ui.js    DOM wiring / rendering
src/api-client.js   POST /api/send wrapper
api/send.js         no-op handler: method check, honeypot, validation -> { ok: true }
dev-server.mjs      static server + /api/send route; local dev and container entrypoint
tests/              Vitest unit tests
k8s/                Deployment / Service / Ingress / Namespace
Dockerfile          multi-stage build
.woodpecker.yml     CI: test on push/PR, deploy on push to main
assets/             put p1.jpg..p5.jpg here (see assets/README.md)

Develop

• npm install
• npm test — unit tests (Vitest)
• npm run dev — full stack on http://localhost:5000 (serves the wizard and routes POST /api/send to the handler). No environment needed.

Make it yours

• Content: edit config.js — partnerName, signature, QUOTE, the DATES and EVENTS arrays, and the weekday/weekend time slots. Edit the copy in index.html.
• Images: drop assets/p1.jpg…p5.jpg and replace the inline SVG placeholders in index.html with ./assets/pN.jpg (see assets/README.md).
• Delivery: implement the TODO in api/send.js — send an email, POST a webhook, write a row, enqueue a job. submission holds the validated payload.
• Deploy target: set the real host in k8s/ingress.yaml (currently test2.serbay.me) and the registry path in package.json / .woodpecker.yml / k8s/deployment.yaml if not using registry.serbay.me/public/date-wizard-anonymous.

Deploy (Docker + Kubernetes)

The image is built and pushed manually; Woodpecker only tests and rolls out.

1. Build + push whenever the code changes:

   npm run image      # docker build + docker push :latest
   

2. Push to main. Woodpecker runs npm test, then kubectl apply -f k8s/ and kubectl rollout restart deployment/date-wizard-anonymous -n public (pods re-pull :latest, imagePullPolicy: Always).

Woodpecker secret: kube_config (base64 kubeconfig).

POST /api/send contract

Request body (JSON): { date, time, event, email, hp }.

Case	HTTP	Body
Valid input	200	{ "ok": true }
Honeypot hp non-empty	200	{ "ok": true } (silent, no-op)
Missing/blank field or invalid email	400	{ "ok": false, "error": "invalid_input" }
Non-POST	405	{ "ok": false, "error": "method_not_allowed" }

The frontend advances to the final step only on ok === true.