Browser examples

This repository shows how to use @purple-dot/browser to build a headless pre-order integration with Purple Dot.

Points of interest

main.tsx: entrypoint where Purple Dot is configured.
AddToCardButton.tsx: uses the availability API to determine if an item is on pre-order or out of stock.
PreOrderButton.tsx: adds a pre-order item to the cart and then shows the checkout modal.
PreOrderExpressButton.tsx: simultaneously adds an item to the cart and shows the checkout modal.

pnpm install
pnpm dev

Navigate to http://localhost:5173 to view the demo.

Name		Name	Last commit message	Last commit date
Latest commit History 13 Commits
.github/workflows		.github/workflows
src		src
.gitignore		.gitignore
README.md		README.md
eslint.config.js		eslint.config.js
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts