rewrite ui with vite+react

web/src/player/context.ts

@@ -0,0 +1,21 @@
+import { createContext, useContext } from "react";
+import type { EpisodeDetail } from "../api/podcasts";
+
+export type PlayerStatus = "stopped" | "playing" | "paused";
+
+export type PlayerContext = {
+  status: PlayerStatus;
+  setStatus: (status: PlayerStatus) => void;
+  episode: EpisodeDetail | null;
+  setEpisode: (episode: EpisodeDetail | null) => void;
+};
+
+export const playerContext = createContext<PlayerContext | null>(null);
+
+export const usePlayerContext = () => {
+  const ctx = useContext(playerContext);
+  if (!ctx) {
+    throw new Error("No PlayerProvider in component tree");
+  }
+  return ctx;
+};