Fix build.

This commit is contained in:
Christian Gunderman
2026-02-23 20:29:09 +00:00
parent ab3c144cd6
commit 27793d29fd
3 changed files with 13 additions and 12 deletions
+10 -8
View File
@@ -5,7 +5,7 @@
*/ */
import React, { useState, useEffect, useRef, useMemo } from 'react'; import React, { useState, useEffect, useRef, useMemo } from 'react';
import { useDevToolsData, type ConsoleLog, type NetworkLog } from './hooks'; import { useDevToolsData, type ConsoleLog, type NetworkLog } from './hooks.js';
type ThemeMode = 'light' | 'dark' | null; // null means follow system type ThemeMode = 'light' | 'dark' | null; // null means follow system
@@ -115,7 +115,6 @@ export default function App() {
if (!networkMap.has(id)) { if (!networkMap.has(id)) {
networkMap.set(id, { networkMap.set(id, {
...payload, ...payload,
type,
timestamp, timestamp,
id, id,
} as NetworkLog); } as NetworkLog);
@@ -125,8 +124,7 @@ export default function App() {
networkMap.set(id, { networkMap.set(id, {
...existing, ...existing,
...payload, ...payload,
// Ensure we don't overwrite the original timestamp or type // Ensure we don't overwrite the original timestamp
type: existing.type,
timestamp: existing.timestamp, timestamp: existing.timestamp,
} as NetworkLog); } as NetworkLog);
} }
@@ -158,7 +156,7 @@ export default function App() {
const entries: Array<{ timestamp: number; data: object }> = []; const entries: Array<{ timestamp: number; data: object }> = [];
// Export console logs // Export console logs
filteredConsoleLogs.forEach((log) => { filteredConsoleLogs.forEach((log: ConsoleLog) => {
entries.push({ entries.push({
timestamp: log.timestamp, timestamp: log.timestamp,
data: { data: {
@@ -171,7 +169,7 @@ export default function App() {
}); });
// Export network logs // Export network logs
filteredNetworkLogs.forEach((log) => { filteredNetworkLogs.forEach((log: NetworkLog) => {
entries.push({ entries.push({
timestamp: log.timestamp, timestamp: log.timestamp,
data: { data: {
@@ -230,7 +228,9 @@ export default function App() {
if (selectedSessionId === importedSessionId && importedLogs) { if (selectedSessionId === importedSessionId && importedLogs) {
return importedLogs.console; return importedLogs.console;
} }
return consoleLogs.filter((l) => l.sessionId === selectedSessionId); return consoleLogs.filter(
(l: ConsoleLog) => l.sessionId === selectedSessionId,
);
}, [consoleLogs, selectedSessionId, importedSessionId, importedLogs]); }, [consoleLogs, selectedSessionId, importedSessionId, importedLogs]);
const filteredNetworkLogs = useMemo(() => { const filteredNetworkLogs = useMemo(() => {
@@ -238,7 +238,9 @@ export default function App() {
if (selectedSessionId === importedSessionId && importedLogs) { if (selectedSessionId === importedSessionId && importedLogs) {
return importedLogs.network; return importedLogs.network;
} }
return networkLogs.filter((l) => l.sessionId === selectedSessionId); return networkLogs.filter(
(l: NetworkLog) => l.sessionId === selectedSessionId,
);
}, [networkLogs, selectedSessionId, importedSessionId, importedLogs]); }, [networkLogs, selectedSessionId, importedSessionId, importedLogs]);
return ( return (
+1 -1
View File
@@ -6,7 +6,7 @@
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom/client'; import ReactDOM from 'react-dom/client';
import App from './App'; import App from './App.js';
ReactDOM.createRoot(document.getElementById('root')!).render( ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode> <React.StrictMode>
+2 -3
View File
@@ -1,10 +1,9 @@
{ {
"extends": "../../tsconfig.json", "extends": "../../tsconfig.json",
"compilerOptions": { "compilerOptions": {
"outDir": "dist",
"lib": ["DOM", "DOM.Iterable", "ES2023"], "lib": ["DOM", "DOM.Iterable", "ES2023"],
"jsx": "react-jsx", "jsx": "react-jsx"
"allowImportingTsExtensions": true,
"noEmit": true
}, },
"include": ["src", "client/src"] "include": ["src", "client/src"]
} }