Tribes2/t2-mapper
1
0
Fork 0
mirror of https://github.com/exogen/t2-mapper.git synced 2026-03-27 08:09:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

initial demo support

Browse source
This commit is contained in:
Brian Beck 2026-02-28 17:58:09 -08:00
parent 0f2e103294
commit 359a036558
406 changed files with 10513 additions and 1158 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/LoadDemoButton.tsx
View file

@ -1,15 +1,18 @@
import { useCallback, useRef } from "react";
import { FiFilm } from "react-icons/fi";
import { useDemo } from "./DemoProvider";
import { parseDemoFile } from "../demo/parse";
import { MdOndemandVideo } from "react-icons/md";
import { useDemoActions, useDemoRecording } from "./DemoProvider";
import { createDemoStreamingRecording } from "../demo/streaming";
export function LoadDemoButton() {
const { setRecording, recording } = useDemo();
const recording = useDemoRecording();
const { setRecording } = useDemoActions();
const inputRef = useRef<HTMLInputElement>(null);
const parseTokenRef = useRef(0);
const handleClick = useCallback(() => {
if (recording) {
// Unload the current recording.
parseTokenRef.current += 1;
setRecording(null);
return;
}
@ -24,8 +27,14 @@ export function LoadDemoButton() {
e.target.value = "";
try {
const buffer = await file.arrayBuffer();
const demo = parseDemoFile(buffer);
setRecording(demo);
const parseToken = parseTokenRef.current + 1;
parseTokenRef.current = parseToken;
const recording = await createDemoStreamingRecording(buffer);
if (parseTokenRef.current !== parseToken) {
return;
}
// Metadata-first: mission/game-mode sync happens immediately.
setRecording(recording);
} catch (err) {
console.error("Failed to load demo:", err);
}
@ -50,7 +59,7 @@ export function LoadDemoButton() {
onClick={handleClick}
data-active={recording ? "true" : undefined}
>
<FiFilm />
<MdOndemandVideo className="DemoIcon" />
<span className="ButtonLabel">
{recording ? "Unload demo" : "Demo"}
</span>