shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Reduce idle timer updates and stabilize toolbox normalization
Some checks failed
Deploy Sokko G / deploy (push) Failing after 2s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-09 20:04:45 +02:00
parent cce3f3c7f8
commit c096cc07fe
3 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
website/src/features/toolboxes/modules/RngSimulatorModule.jsx
View file

@ -146,7 +146,8 @@ function getToneFromDelta(value) {
} }
export function RngSimulatorModule({ toolboxId, moduleId, context, editing = false, setEditing = () => {}, textExchangeOpen }) { export function RngSimulatorModule({ toolboxId, moduleId, context, editing = false, setEditing = () => {}, textExchangeOpen }) {
const data = context.normalizeRngSimulatorData(context.getModuleData(toolboxId, moduleId, {})); const rawData = context.getModuleData(toolboxId, moduleId, {});
const data = useMemo(() => context.normalizeRngSimulatorData(rawData), [context, rawData]);
const textContent = context.moduleText?.rngSimulator || {}; const textContent = context.moduleText?.rngSimulator || {};
const tabs = useMemo(() => [ const tabs = useMemo(() => [
{ ...RNG_TABS[0], label: textContent.trackingTabLabel || RNG_TABS[0].label }, { ...RNG_TABS[0], label: textContent.trackingTabLabel || RNG_TABS[0].label },

8
website/src/features/toolboxes/modules/TimerModule.jsx
View file

@ -31,16 +31,20 @@ import {
} from "./timerOptions.js"; } from "./timerOptions.js";
export function TimerModule({ toolboxId, moduleId, context, textExchangeOpen }) { export function TimerModule({ toolboxId, moduleId, context, textExchangeOpen }) {
const data = context.normalizeTimerData(context.getModuleData(toolboxId, moduleId, { activeTab: "stopwatch" })); const rawData = context.getModuleData(toolboxId, moduleId, { activeTab: "stopwatch" });
const data = useMemo(() => context.normalizeTimerData(rawData), [context, rawData]);
const textContent = context.moduleText?.timer || {}; const textContent = context.moduleText?.timer || {};
const activeTab = data.activeTab; const activeTab = data.activeTab;
const [nowMs, setNowMs] = useState(getNowMs); const [nowMs, setNowMs] = useState(getNowMs);
const countdownDraft = useDraftForm(DEFAULT_COUNTDOWN_FORM); const countdownDraft = useDraftForm(DEFAULT_COUNTDOWN_FORM);
const clockActive = Boolean(data.stopwatch.startedAt || data.countdowns.some((countdown) => countdown.autoRefresh));
useEffect(() => { useEffect(() => {
if (!clockActive) return undefined;
const intervalId = window.setInterval(() => setNowMs(getNowMs()), 50); const intervalId = window.setInterval(() => setNowMs(getNowMs()), 50);
return () => window.clearInterval(intervalId); return () => window.clearInterval(intervalId);
}, []); }, [clockActive]);
const stopwatchElapsedMs = data.stopwatch.startedAt const stopwatchElapsedMs = data.stopwatch.startedAt
? data.stopwatch.elapsedMs + Math.max(0, nowMs - data.stopwatch.startedAt) ? data.stopwatch.elapsedMs + Math.max(0, nowMs - data.stopwatch.startedAt)

3
website/src/features/toolboxes/modules/useGoalTreeController.js
View file

@ -20,7 +20,8 @@ import {
} from "./goalTreeUtils.js"; } from "./goalTreeUtils.js";
export function useGoalTreeController({ toolboxId, moduleId, context, editing, setEditing, openEditor }) { export function useGoalTreeController({ toolboxId, moduleId, context, editing, setEditing, openEditor }) {
const data = context.normalizeGoalTreeData(context.getModuleData(toolboxId, moduleId, { nodes: [] })); const rawData = context.getModuleData(toolboxId, moduleId, { nodes: [] });
const data = useMemo(() => context.normalizeGoalTreeData(rawData), [context, rawData]);
const textContent = context.moduleText?.goalTree || {}; const textContent = context.moduleText?.goalTree || {};
const treeOrientation = data.orientation || "horizontal"; const treeOrientation = data.orientation || "horizontal";
const verticalView = treeOrientation === "vertical"; const verticalView = treeOrientation === "vertical";