versun/claude-code
1
0
Fork 0
mirror of https://github.com/claude-code-best/claude-code.git synced 2026-06-22 16:25:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 完成所有文件的lint

Browse Source
This commit is contained in:
claude-code-best
2026-05-01 21:39:30 +08:00
parent d136872cc9
commit 6182015005
1333 changed files with 68255 additions and 77882 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
packages/remote-control-server/web/src/App.tsx
View File

@@ -1,30 +1,34 @@
import { useState, useEffect, useCallback, lazy, Suspense } from "react";
import { Navbar } from "./components/Navbar";
import { IdentityPanel } from "./components/IdentityPanel";
import { TokenManagerDialog } from "./components/TokenManagerDialog";
import { ThemeProvider } from "./lib/theme";
import { getUuid, setUuid, apiBind, setActiveApiToken } from "./api/client";
import { ACPDirectView } from "./components/ACPDirectView";
import { useTokens } from "./hooks/useTokens";
import { useState, useEffect, useCallback, lazy, Suspense } from 'react';
import { Navbar } from './components/Navbar';
import { IdentityPanel } from './components/IdentityPanel';
import { TokenManagerDialog } from './components/TokenManagerDialog';
import { ThemeProvider } from './lib/theme';
import { getUuid, setUuid, apiBind, setActiveApiToken } from './api/client';
import { ACPDirectView } from './components/ACPDirectView';
import { useTokens } from './hooks/useTokens';
const Dashboard = lazy(() => import("./pages/Dashboard").then((m) => ({ default: m.Dashboard })));
const SessionDetail = lazy(() => import("./pages/SessionDetail").then((m) => ({ default: m.SessionDetail })));
const Dashboard = lazy(() => import('./pages/Dashboard').then(m => ({ default: m.Dashboard })));
const SessionDetail = lazy(() => import('./pages/SessionDetail').then(m => ({ default: m.SessionDetail })));
export default function App() {
const [currentSessionId, setCurrentSessionId] = useState<string | null>(null);
const [identityOpen, setIdentityOpen] = useState(false);
const [tokenDialogOpen, setTokenDialogOpen] = useState(false);
const [acpDirect, setAcpDirect] = useState<{ url: string; token: string } | null>(null);
const { tokens, activeTokenId, activeLabel, activeTokenValue, setActiveTokenId, addToken, removeToken, updateToken } = useTokens();
const { tokens, activeTokenId, activeLabel, activeTokenValue, setActiveTokenId, addToken, removeToken, updateToken } =
useTokens();
// Sync active token to API client
useEffect(() => {
setActiveApiToken(activeTokenValue);
}, [activeTokenValue]);
const handleSetActiveToken = useCallback((id: string) => {
setActiveTokenId(id);
}, [setActiveTokenId]);
const handleSetActiveToken = useCallback(
(id: string) => {
setActiveTokenId(id);
},
[setActiveTokenId],
);
// Simple hash-based router
const parseRoute = useCallback(() => {
@@ -35,46 +39,46 @@ export default function App() {
// Check for UUID import from QR scan (?uuid=xxx)
const params = new URLSearchParams(window.location.search);
const importUuid = params.get("uuid");
const importUuid = params.get('uuid');
if (importUuid) {
setUuid(importUuid);
const url = new URL(window.location.href);
url.searchParams.delete("uuid");
window.history.replaceState(null, "", url);
url.searchParams.delete('uuid');
window.history.replaceState(null, '', url);
}
// Check for ACP direct connection (?acp=1)
const acpParam = params.get("acp");
if (acpParam === "1") {
const stored = sessionStorage.getItem("acp_connection");
const acpParam = params.get('acp');
if (acpParam === '1') {
const stored = sessionStorage.getItem('acp_connection');
if (stored) {
try {
const acpData = JSON.parse(stored);
if (acpData.url && acpData.token) {
setAcpDirect({ url: acpData.url, token: acpData.token });
sessionStorage.removeItem("acp_connection");
sessionStorage.removeItem('acp_connection');
// Clean URL
const url = new URL(window.location.href);
url.searchParams.delete("acp");
window.history.replaceState(null, "", url);
url.searchParams.delete('acp');
window.history.replaceState(null, '', url);
return;
}
} catch {
sessionStorage.removeItem("acp_connection");
sessionStorage.removeItem('acp_connection');
}
}
}
// Check for CLI session bind (?sid=xxx) — bind session to current UUID
const sid = params.get("sid");
const sid = params.get('sid');
if (sid) {
const url = new URL(window.location.href);
url.searchParams.delete("sid");
window.history.replaceState(null, "", `/code/${sid}`);
url.searchParams.delete('sid');
window.history.replaceState(null, '', `/code/${sid}`);
setCurrentSessionId(sid);
// Bind this session to the current user's UUID for ownership
apiBind(sid).catch((err: unknown) => {
console.warn("Failed to bind session:", err);
console.warn('Failed to bind session:', err);
});
return;
}
@@ -90,17 +94,17 @@ export default function App() {
useEffect(() => {
parseRoute();
window.addEventListener("popstate", parseRoute);
return () => window.removeEventListener("popstate", parseRoute);
window.addEventListener('popstate', parseRoute);
return () => window.removeEventListener('popstate', parseRoute);
}, [parseRoute]);
const navigateToSession = useCallback((sessionId: string) => {
window.history.pushState(null, "", `/code/${sessionId}`);
window.history.pushState(null, '', `/code/${sessionId}`);
setCurrentSessionId(sessionId);
}, []);
const navigateToDashboard = useCallback(() => {
window.history.pushState(null, "", "/code/");
window.history.pushState(null, '', '/code/');
setCurrentSessionId(null);
setAcpDirect(null);
}, []);
@@ -112,8 +116,8 @@ export default function App() {
onIdentityClick={() => setIdentityOpen(true)}
onTokenClick={() => setTokenDialogOpen(true)}
activeTokenLabel={currentSessionId ? undefined : activeLabel}
sessionTitle={currentSessionId || (acpDirect ? "ACP" : undefined)}
onBack={(currentSessionId || acpDirect) ? navigateToDashboard : undefined}
sessionTitle={currentSessionId || (acpDirect ? 'ACP' : undefined)}
onBack={currentSessionId || acpDirect ? navigateToDashboard : undefined}
/>
<Suspense fallback={<div className="flex flex-1 items-center justify-center text-text-muted">Loading...</div>}>