From 7855100fdd8e4a76e53a9c2e61bd4880f37ee67e Mon Sep 17 00:00:00 2001
From: lashman <lashman@robotbrush.com>
Date: Sat, 17 Jan 2026 01:32:31 +0200
Subject: [PATCH] embed player scaffold

---
 frontend/src/canvas-confetti.d.ts |  1 +
 frontend/src/embed.tsx            | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 frontend/src/canvas-confetti.d.ts
 create mode 100644 frontend/src/embed.tsx

diff --git a/frontend/src/canvas-confetti.d.ts b/frontend/src/canvas-confetti.d.ts
new file mode 100644
index 0000000..b7260d8
--- /dev/null
+++ b/frontend/src/canvas-confetti.d.ts
@@ -0,0 +1 @@
+declare module 'canvas-confetti';
diff --git a/frontend/src/embed.tsx b/frontend/src/embed.tsx
new file mode 100644
index 0000000..2b8a74d
--- /dev/null
+++ b/frontend/src/embed.tsx
@@ -0,0 +1,18 @@
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import EmbedPlayer from './components/EmbedPlayer'
+
+const root = document.getElementById('root')
+if (root) {
+  const puzzleId = root.dataset.puzzleId || ''
+  const theme = root.dataset.theme || ''
+  const showTimer = root.dataset.timer !== 'false'
+  const showHints = root.dataset.hints !== 'false'
+
+  if (theme === 'dark') document.documentElement.setAttribute('data-theme', 'dark')
+  else if (theme === 'light') document.documentElement.setAttribute('data-theme', 'light')
+
+  createRoot(root).render(
+    <EmbedPlayer puzzleId={puzzleId} showTimer={showTimer} showHints={showHints} />
+  )
+}