57f1f53d26
Embed KiCad's gerbview WASM in the graphics-to-WebGL blog post as a
click-to-load demo that opens the tiny_tapeout board entirely in-browser.
- GerberDemo.astro: lazy iframe embed + cross-origin-isolation reload guard
+ WebGL2/SharedArrayBuffer feature-detect with a poster fallback
- public/gerber-demo/{index.html,boot.js}: self-contained gerbview boot
harness (config seed, MEMFS board preload, argv auto-open)
- board/ tiny_tapeout layers + poster.png committed; wasm/ glue JS committed
(served same-origin — pthread worker can't be cross-origin), while
gerbview.wasm + kicad-resources.bin are git-ignored and served from
Cloudflare R2 (assets.pcbjam.com)
- COOP/COEP require-corp scoped to the post + /gerber-demo routes
(dev: astro.config.mjs + middleware.ts; prod: vercel.json)
- post converted to MDX (@astrojs/mdx) so it can embed the component
- scripts/: sync-demo-wasm.sh, r2-deploy.sh, r2-cors.json
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
47 lines
1.9 KiB
JavaScript
47 lines
1.9 KiB
JavaScript
// @ts-check
|
|
import { defineConfig, envField } from 'astro/config';
|
|
import vercel from '@astrojs/vercel';
|
|
import mdx from '@astrojs/mdx';
|
|
|
|
// Static by default (every page prerenders to HTML, zero client JS).
|
|
// The Vercel adapter is wired in so any single route can opt into
|
|
// per-request SSR later with `export const prerender = false;`.
|
|
// See README.md ("SSR per route") for how.
|
|
export default defineConfig({
|
|
output: 'static',
|
|
adapter: vercel(),
|
|
// MDX lets the Gerber-viewer blog post embed the <GerberDemo /> component
|
|
// inline (markdown posts can't import components).
|
|
integrations: [mdx()],
|
|
// Prefetch linked pages so SPA-style navigation feels instant.
|
|
prefetch: { prefetchAll: true, defaultStrategy: 'viewport' },
|
|
// Dev-server cross-origin isolation so the embedded Gerber viewer's WASM
|
|
// threads (SharedArrayBuffer) work under `npm run dev`. Production headers are
|
|
// scoped per-route in vercel.json. require-corp (not credentialless) for the
|
|
// widest browser support incl. Safari 15.2+; safe because the site loads only
|
|
// same-origin subresources.
|
|
vite: {
|
|
server: {
|
|
headers: {
|
|
'Cross-Origin-Opener-Policy': 'same-origin',
|
|
'Cross-Origin-Embedder-Policy': 'require-corp',
|
|
},
|
|
},
|
|
},
|
|
// Typed, validated server secrets for the waitlist endpoint. All optional so
|
|
// the build never requires them and the endpoint degrades gracefully when a
|
|
// key is absent (see src/pages/api/waitlist.ts). The @astrojs/vercel adapter
|
|
// reads these from process.env at runtime — never inlined into the bundle.
|
|
env: {
|
|
schema: {
|
|
RESEND_API_KEY: envField.string({ context: 'server', access: 'secret', optional: true }),
|
|
RESEND_SEGMENT_ID: envField.string({ context: 'server', access: 'secret', optional: true }),
|
|
WAITLIST_FROM_EMAIL: envField.string({
|
|
context: 'server',
|
|
access: 'secret',
|
|
optional: true,
|
|
default: 'PCBJam <hello@pcbjam.com>',
|
|
}),
|
|
},
|
|
},
|
|
});
|