Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | 8x | import React, { createContext, useCallback, useContext, useRef, useState } from "react";
import { createGraphInstance } from "@/lib/graph2d/graphInstanceHelper";
/**
* One Graph2D instance for every review canvas on the submission page.
*
* graph2d-react looks up `embed-${graphId}` in the document and stores canvases
* with `push()`, then reads `canvases[graphId]`. Repeating 0 on each card
* (GMS + Graph) leaves later DrawingGraphs as floating x/y labels.
*/
const SubmissionGraphContext = createContext(null);
export function SubmissionGraphProvider({ children }) {
const [instance] = useState(() => createGraphInstance());
const nextIdRef = useRef(0);
const allocateGraphId = useCallback(() => {
const id = nextIdRef.current;
nextIdRef.current += 1;
return id;
}, []);
return (
<SubmissionGraphContext.Provider value={{ instance, allocateGraphId }}>
{children}
</SubmissionGraphContext.Provider>
);
}
export function useSubmissionGraphSlot() {
const ctx = useContext(SubmissionGraphContext);
const [ownedInstance] = useState(() => ctx?.instance ?? createGraphInstance());
const [graphId] = useState(() => (ctx ? ctx.allocateGraphId() : 0));
return {
graphInstance: ctx?.instance ?? ownedInstance,
graphId,
};
}
|