Switch to deno

src/client/App.tsx

@@ -0,0 +1,6 @@
+import { sampleCard } from "../sampleData.ts";
+import { Card } from "./Card.tsx";
+
+export const App = () => {
+	return <div><Card card={sampleCard}/></div>;
+};

src/client/Card.tsx

@@ -0,0 +1,26 @@
+import { drawCard } from "../draw.ts";
+import { DominionCard } from "../types.ts";
+
+const sizeMap = {
+	card: {
+		width: 1403,
+		height: 2151,
+	},
+	landscape: {
+		width: 2151,
+		height: 1403,
+	}
+}
+
+export const Card = (props: {card: DominionCard}) => {
+	const {card} = props;
+	const {width, height} = sizeMap[card.orientation];
+	return <canvas style={{width: "2.5in"}} width={width} height={height} ref={(canvasElement) => {
+		if (canvasElement) {
+			const context = canvasElement.getContext("2d");
+			if (context) {
+				drawCard(context, card);
+			}
+		}
+	}}></canvas>
+}

src/client/index.tsx

@@ -0,0 +1,14 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom";
+import { App } from "./App.tsx";
+
+const rootElement = document.getElementById("root");
+if (!rootElement) {
+	throw Error("No root element to attach react to.");
+}
+
+createRoot(rootElement).render(
+	<StrictMode>
+		<App />
+	</StrictMode>,
+);