lzt404
3b11361f1b
- Adopt a compact seven-column credential layout with visible quotas, request stats, and actions - Display cooldown scope, countdowns, and model details with accessible reset controls - Fix cooldown misassignment when merging same-named credentials from different accounts - Add client visibility management with search, auto-detection, and persisted preferences - Integrate plugin OAuth providers with deduplication and change synchronization - Refine dashboard typography and spacing, and streamline usage history controls - Add translations, unit tests, and responsive interaction coverage
100 lines
4.6 KiB
TypeScript
100 lines
4.6 KiB
TypeScript
import { createRoot } from 'react-dom/client';
|
|
import { mockIPC } from '@tauri-apps/api/mocks';
|
|
import { I18nProvider } from '../../src/i18n';
|
|
import { OAuthLoginPage } from '../../src/pages/ManagementPages';
|
|
import { notifyPluginResourcesChanged } from '../../src/services/pluginResources';
|
|
import '../../src/styles/index.css';
|
|
|
|
const params = new URLSearchParams(location.search);
|
|
localStorage.setItem('easy-cli-proxy-api.locale', params.get('locale') ?? 'en');
|
|
localStorage.setItem('easy-cli-proxy-api.oauth-browser.v3', 'none');
|
|
document.documentElement.dataset.theme = params.get('theme') ?? 'light';
|
|
|
|
const plugin = (id: string, name: string, extra: Record<string, unknown> = {}) => ({
|
|
id, path: `/plugins/${id}`, configured: true, registered: true,
|
|
enabled: true, effective_enabled: true, supports_oauth: true, oauth_provider: id,
|
|
supports_quota: false, logo: '', menus: [], config_fields: [],
|
|
metadata: { name, version: '1.0.0', author: 'Fixture', logo: '', config_fields: [] },
|
|
...extra,
|
|
});
|
|
|
|
const installedPlugins = [plugin('zcode', 'ZCode'), plugin('codebuddy', 'CodeBuddy')];
|
|
const filteredPlugins = [
|
|
plugin('disabled', 'Disabled provider', { enabled: false, effective_enabled: false }),
|
|
plugin('unregistered', 'Unregistered provider', { registered: false, effective_enabled: false }),
|
|
plugin('non-oauth', 'Non OAuth provider', { supports_oauth: false }),
|
|
plugin('invalid', 'Invalid provider', { oauth_provider: '../unsafe' }),
|
|
plugin('missing', 'Missing provider', { oauth_provider: '' }),
|
|
plugin('zcode-duplicate', 'Duplicate ZCode', { oauth_provider: 'zcode' }),
|
|
plugin('builtin-duplicate', 'Duplicate Codex', { oauth_provider: 'codex' }),
|
|
];
|
|
const fixture = {
|
|
calls: [] as { cmd: string; args: Record<string, unknown> }[],
|
|
plugins: params.has('empty') ? [] : params.has('pendingRegistration')
|
|
? [plugin('zcode', 'ZCode', { registered: false, effective_enabled: false })]
|
|
: [...installedPlugins, ...filteredPlugins],
|
|
installedPlugins,
|
|
listCalls: 0,
|
|
holdNextList: false,
|
|
releaseList: null as (() => void) | null,
|
|
releasedLists: 0,
|
|
starts: 0,
|
|
status: 'wait',
|
|
cancelled: [] as string[],
|
|
refresh: notifyPluginResourcesChanged,
|
|
};
|
|
Object.assign(window, { pluginOAuthProvidersFixture: fixture });
|
|
|
|
const nativeSetTimeout = window.setTimeout.bind(window);
|
|
window.setTimeout = ((handler: TimerHandler, timeout?: number, ...args: unknown[]) =>
|
|
nativeSetTimeout(handler, timeout === 3000 ? 25 : timeout, ...args)) as typeof window.setTimeout;
|
|
|
|
mockIPC(async (cmd, unknownArgs) => {
|
|
const args = (unknownArgs ?? {}) as Record<string, unknown>;
|
|
fixture.calls.push({ cmd, args });
|
|
if (cmd === 'set_app_locale') return null;
|
|
if (cmd === 'list_oauth_browsers') return [
|
|
{ id: 'default', label: 'System Default' }, { id: 'edge', label: 'Microsoft Edge' },
|
|
];
|
|
if (cmd === 'get_plugin_support') return !params.has('unsupported');
|
|
if (cmd === 'start_oauth_login') {
|
|
const state = `plugin-session-${++fixture.starts}`;
|
|
const device = args.provider === 'codebuddy';
|
|
return {
|
|
url: `https://login.example.test/authorize?state=${state}`,
|
|
state, userCode: device ? 'BUDDY-CODE' : null,
|
|
flow: device ? 'device' : 'authorization_code', expiresIn: 900, opened: false,
|
|
};
|
|
}
|
|
if (cmd === 'get_oauth_status') return { status: fixture.status };
|
|
if (cmd === 'submit_oauth_callback' || cmd === 'open_oauth_url') return null;
|
|
if (cmd === 'management_request') {
|
|
const request = args.request as { method: string; path: string; query?: Record<string, string> };
|
|
if (request.path === '/plugins') {
|
|
fixture.listCalls += 1;
|
|
if (params.has('listError')) throw new Error('Fixture plugin list unavailable');
|
|
const response = {
|
|
plugins_enabled: true, plugins_dir: '/plugins', plugins: structuredClone(fixture.plugins),
|
|
};
|
|
if (fixture.holdNextList) {
|
|
fixture.holdNextList = false;
|
|
await new Promise<void>(resolve => {
|
|
fixture.releaseList = () => { fixture.releaseList = null; fixture.releasedLists += 1; resolve(); };
|
|
});
|
|
}
|
|
return response;
|
|
}
|
|
if (request.method === 'DELETE' && request.path === '/oauth/session') {
|
|
fixture.cancelled.push(request.query?.state ?? '');
|
|
return { status: 'ok', cancelled: true };
|
|
}
|
|
if (request.path === '/credentials') return { files: [] };
|
|
throw new Error(`Unexpected management request: ${request.method} ${request.path}`);
|
|
}
|
|
throw new Error(`Unexpected command: ${cmd}`);
|
|
}, { shouldMockEvents: true });
|
|
|
|
createRoot(document.getElementById('root')!).render(
|
|
<I18nProvider><main style={{ padding: 20 }}><OAuthLoginPage /></main></I18nProvider>,
|
|
);
|