| Class Relationship | -Priority | -In Class Cycles |
- Relationship Strength |
- Also Removes Pkg Cycle Relationship |
- In Package Cycles |
+ + | + | + | + | + |
|---|
| Package Relationship | -Priority | -In Pkg Cycles |
- Relationship Strength |
- Class Relationships to Remove To Break Package Relationship |
+ + | + | + | + |
|---|
| {{.}} | - {{/table.headers}} + {{#table.headerObjs}} ++ {{/table.headerObjs}} + {{^table.headerObjs}} + {{#table.headers}} + | {{.}} | + {{/table.headers}} + {{/table.headerObjs}}
|---|
| Cycle Name | -Priority | -Class Count | -Relationship Count | ++ | + | + |
|---|
| Classes | -Relationships | ++ |
|---|
Loading report…
'; try { // The bundled template is authoritative — repository-provided @@ -77,18 +127,8 @@ export default function ReportView({ }); if (controller.signal.aborted) return; - - // Give the widgets that enhanceReport uses synchronously a moment to - // arrive; everything else degrades gracefully when missing. - await Promise.race([ - Promise.all(ENHANCE_WIDGETS.map(name => waitForWidget(name, { timeoutMs: widgetSettleMs }))), - new Promise(resolve => setTimeout(resolve, widgetSettleMs)) - ]); - if (controller.signal.aborted) return; - - container.innerHTML = renderTemplate(template, data); - container.dataset.resolvedBranch = resolvedBranch; - await enhanceReport(container, data); + setTableStates({}); + setPayload({ template, data, resolvedBranch }); } catch (error) { if (controller.signal.aborted || error.name === 'AbortError') return; logError(error, { route: 'report', username, repository, branch }); @@ -98,11 +138,104 @@ export default function ReportView({ run(); return () => controller.abort(); - }, [username, repository, branch, environmentProp, platformBaseUrlProp, widgetSettleMs, attempt]); + }, [username, repository, branch, environmentProp, platformBaseUrlProp, attempt]); + + // Render effect: re-renders the report whenever the payload arrives or the + // per-table UI state changes. Widgets only gate the first render. The + // enhanceReport pipeline (Chart.js charts, WASM DOT layout) runs once per + // payload; table-state re-renders carry the live stateful nodes over to + // the fresh DOM and only re-bind the cheap popup/table handlers. + useEffect(() => { + if (!payload) return undefined; + let cancelled = false; + const container = containerRef.current; + let widgetSettleTimer; + + /** Renders the current table state and restores stateful report widgets. */ + async function run() { + try { + if (!widgetsSettledRef.current) { + // Give the widgets that enhanceReport uses synchronously a moment + // to arrive; everything else degrades gracefully when missing. + await Promise.race([ + Promise.all(ENHANCE_WIDGETS.map(name => waitForWidget(name, { timeoutMs: widgetSettleMs }))), + new Promise(resolve => { + widgetSettleTimer = setTimeout(resolve, widgetSettleMs); + }) + ]); + // The race is settled — the fallback no longer needs to fire, so + // release its handle (and the closure it retains) early. + clearTimeout(widgetSettleTimer); + widgetSettleTimer = undefined; + widgetsSettledRef.current = true; + } + if (cancelled) return; + + const payloadChanged = lastEnhancedPayloadRef.current !== payload; + // Stash live chart canvases and rendered graphs before the innerHTML + // swap throws the old DOM away (no-op on first render — there is + // nothing stateful in the loading placeholder). + const stash = payloadChanged ? null : stashStatefulDom(container, payload.data); + + container.innerHTML = renderTemplate( + payload.template, + prepareReportData(payload.data, tableStates) + ); + container.dataset.resolvedBranch = payload.resolvedBranch; + + if (payloadChanged) { + await enhanceReportImpl(container, payload.data); + if (cancelled) return; + lastEnhancedPayloadRef.current = payload; + } else { + graftStatefulDom(container, stash); + // Popup buttons are fresh nodes after every re-render; binding + // them is cheap (unlike charts/graph layout, which the graft saved). + bindPopupHandlers(container); + } + enhanceTablesImpl(container, { + data: payload.data, + tableStates, + onTableAction: handleTableAction, + onCopy: handleCopy + }); + + // Type-to-filter re-renders the input; restore focus + caret so the + // user can keep typing. + const pendingFocus = pendingFocusRef.current; + if (pendingFocus) { + pendingFocusRef.current = null; + const input = container.querySelector( + `input[data-rf-search="${pendingFocus.tableId}"]`); + if (input) { + input.focus(); + const end = input.value.length; + if (typeof input.setSelectionRange === 'function') { + input.setSelectionRange(end, end); + } + } + } + } catch (error) { + if (cancelled) return; + logError(error, { route: 'report', username, repository, branch }); + renderErrorPage(container, error, { onRetry: () => setAttempt(a => a + 1) }); + } + } + + run(); + return () => { + cancelled = true; + // Cancel a still-pending settle fallback so its timer cannot fire after + // the effect is torn down. (No-op once the race has settled.) + clearTimeout(widgetSettleTimer); + }; + }, [payload, tableStates, widgetSettleMs, username, repository, branch, + handleTableAction, handleCopy, enhanceReportImpl, enhanceTablesImpl]); return ( <> +