Next.js app that plays real .vpx tables via @valknar/vpinball-wasm (WebAssembly Visual Pinball). Demo mode with the bundled default table, drag-and-drop custom table upload, a cabinet-styled UI with a coin-door HUD (fullscreen/stats/info/eject), a custom 404 page, PWA support (hand-rolled service worker), and a static Docker Compose deployment behind nginx. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012hQoM3jJT1Lx7CMTciMzvD
15 lines
506 B
TypeScript
15 lines
506 B
TypeScript
"use client";
|
|
|
|
import dynamic from "next/dynamic";
|
|
import type { PinballCanvasImplProps } from "./PinballCanvasImpl";
|
|
|
|
// The engine touches window/canvas/WebGL as soon as it mounts, so it's kept
|
|
// out of the server render entirely rather than just deferring to an effect.
|
|
const PinballCanvasImpl = dynamic<PinballCanvasImplProps>(() => import("./PinballCanvasImpl"), {
|
|
ssr: false,
|
|
});
|
|
|
|
export default function PinballCanvas(props: PinballCanvasImplProps) {
|
|
return <PinballCanvasImpl {...props} />;
|
|
}
|