- Refines the overall structure of the CLI tools and MITM server functionalities.
- Add buildQwenBaseUrl function to construct URLs for Qwen resources. - Update buildProviderUrl to support Qwen model requests. - Enhance token refresh logic to include provider-specific data for Qwen. - Refactor CLI Tools page to exclude MITM tools and streamline model retrieval. - Introduce new components for MITM server management. - Update API routes to handle Qwen-specific resource URLs and improve error handling.
This commit is contained in:
@@ -145,7 +145,7 @@ export const PROVIDER_MODELS = {
|
|||||||
// API Key Providers (alias = id)
|
// API Key Providers (alias = id)
|
||||||
openai: [
|
openai: [
|
||||||
{ id: "gpt-4o", name: "GPT-4o" },
|
{ id: "gpt-4o", name: "GPT-4o" },
|
||||||
{ id: "gpt-4o-mini", name: "GPT-4o Mini" },
|
{ id: "gpt-5-mini", name: "GPT-5 Mini" },
|
||||||
{ id: "gpt-4-turbo", name: "GPT-4 Turbo" },
|
{ id: "gpt-4-turbo", name: "GPT-4 Turbo" },
|
||||||
{ id: "o1", name: "O1" },
|
{ id: "o1", name: "O1" },
|
||||||
{ id: "o1-mini", name: "O1 Mini" },
|
{ id: "o1-mini", name: "O1 Mini" },
|
||||||
|
|||||||
@@ -34,6 +34,16 @@ function buildAnthropicCompatibleUrl(baseUrl) {
|
|||||||
return `${normalized}/messages`;
|
return `${normalized}/messages`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function buildQwenBaseUrl(resourceUrl, fallbackBaseUrl) {
|
||||||
|
const fallback = (fallbackBaseUrl || "").replace(/\/chat\/completions$/, "");
|
||||||
|
const raw = typeof resourceUrl === "string" ? resourceUrl.trim() : "";
|
||||||
|
if (!raw) return fallback;
|
||||||
|
if (raw.startsWith("http://") || raw.startsWith("https://")) {
|
||||||
|
return raw.replace(/\/$/, "");
|
||||||
|
}
|
||||||
|
return `https://${raw.replace(/\/$/, "")}/v1`;
|
||||||
|
}
|
||||||
|
|
||||||
// Detect request format from body structure
|
// Detect request format from body structure
|
||||||
export function detectFormat(body) {
|
export function detectFormat(body) {
|
||||||
// OpenAI Responses API: has input (array or string) instead of messages[]
|
// OpenAI Responses API: has input (array or string) instead of messages[]
|
||||||
@@ -178,6 +188,11 @@ export function buildProviderUrl(provider, model, stream = true, options = {}) {
|
|||||||
case "codex":
|
case "codex":
|
||||||
return config.baseUrl;
|
return config.baseUrl;
|
||||||
|
|
||||||
|
case "qwen": {
|
||||||
|
const baseUrl = buildQwenBaseUrl(options?.qwenResourceUrl, config.baseUrl);
|
||||||
|
return `${baseUrl}/chat/completions`;
|
||||||
|
}
|
||||||
|
|
||||||
case "github":
|
case "github":
|
||||||
return config.baseUrl;
|
return config.baseUrl;
|
||||||
|
|
||||||
|
|||||||
@@ -180,6 +180,9 @@ export async function refreshQwenToken(refreshToken, log) {
|
|||||||
accessToken: tokens.access_token,
|
accessToken: tokens.access_token,
|
||||||
refreshToken: tokens.refresh_token || refreshToken,
|
refreshToken: tokens.refresh_token || refreshToken,
|
||||||
expiresIn: tokens.expires_in,
|
expiresIn: tokens.expires_in,
|
||||||
|
providerSpecificData: tokens.resource_url
|
||||||
|
? { resourceUrl: tokens.resource_url }
|
||||||
|
: undefined,
|
||||||
};
|
};
|
||||||
} else {
|
} else {
|
||||||
const errorText = await response.text().catch(() => "");
|
const errorText = await response.text().catch(() => "");
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "9router-app",
|
"name": "9router-app",
|
||||||
"version": "0.3.28",
|
"version": "0.3.29",
|
||||||
"description": "9Router web dashboard",
|
"description": "9Router web dashboard",
|
||||||
"private": true,
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@@ -3,19 +3,20 @@
|
|||||||
import { useState, useEffect, useCallback } from "react";
|
import { useState, useEffect, useCallback } from "react";
|
||||||
import { Card, CardSkeleton } from "@/shared/components";
|
import { Card, CardSkeleton } from "@/shared/components";
|
||||||
import { CLI_TOOLS } from "@/shared/constants/cliTools";
|
import { CLI_TOOLS } from "@/shared/constants/cliTools";
|
||||||
import { PROVIDER_MODELS, getModelsByProviderId, PROVIDER_ID_TO_ALIAS } from "@/shared/constants/models";
|
import { getModelsByProviderId, PROVIDER_ID_TO_ALIAS } from "@/shared/constants/models";
|
||||||
import { ClaudeToolCard, CodexToolCard, DroidToolCard, OpenClawToolCard, DefaultToolCard, AntigravityToolCard, OpenCodeToolCard, CopilotToolCard } from "./components";
|
import { ClaudeToolCard, CodexToolCard, DroidToolCard, OpenClawToolCard, DefaultToolCard, OpenCodeToolCard } from "./components";
|
||||||
|
|
||||||
const CLOUD_URL = process.env.NEXT_PUBLIC_CLOUD_URL;
|
const CLOUD_URL = process.env.NEXT_PUBLIC_CLOUD_URL;
|
||||||
|
|
||||||
|
// MITM tools are now on /dashboard/mitm — exclude from CLI Tools page
|
||||||
|
const MITM_TOOL_IDS = ["antigravity", "copilot"];
|
||||||
|
|
||||||
const STATUS_ENDPOINTS = {
|
const STATUS_ENDPOINTS = {
|
||||||
claude: "/api/cli-tools/claude-settings",
|
claude: "/api/cli-tools/claude-settings",
|
||||||
codex: "/api/cli-tools/codex-settings",
|
codex: "/api/cli-tools/codex-settings",
|
||||||
opencode: "/api/cli-tools/opencode-settings",
|
opencode: "/api/cli-tools/opencode-settings",
|
||||||
copilot: "/api/cli-tools/copilot-settings",
|
|
||||||
droid: "/api/cli-tools/droid-settings",
|
droid: "/api/cli-tools/droid-settings",
|
||||||
openclaw: "/api/cli-tools/openclaw-settings",
|
openclaw: "/api/cli-tools/openclaw-settings",
|
||||||
antigravity: "/api/cli-tools/antigravity-mitm",
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function CLIToolsPageClient({ machineId }) {
|
export default function CLIToolsPageClient({ machineId }) {
|
||||||
@@ -101,15 +102,12 @@ export default function CLIToolsPageClient({ machineId }) {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const getActiveProviders = () => {
|
const getActiveProviders = () => connections.filter(c => c.isActive !== false);
|
||||||
return connections.filter(c => c.isActive !== false);
|
|
||||||
};
|
|
||||||
|
|
||||||
const getAllAvailableModels = () => {
|
const getAllAvailableModels = () => {
|
||||||
const activeProviders = getActiveProviders();
|
const activeProviders = getActiveProviders();
|
||||||
const models = [];
|
const models = [];
|
||||||
const seenModels = new Set();
|
const seenModels = new Set();
|
||||||
|
|
||||||
activeProviders.forEach(conn => {
|
activeProviders.forEach(conn => {
|
||||||
const alias = PROVIDER_ID_TO_ALIAS[conn.provider] || conn.provider;
|
const alias = PROVIDER_ID_TO_ALIAS[conn.provider] || conn.provider;
|
||||||
const providerModels = getModelsByProviderId(conn.provider);
|
const providerModels = getModelsByProviderId(conn.provider);
|
||||||
@@ -117,59 +115,34 @@ export default function CLIToolsPageClient({ machineId }) {
|
|||||||
const modelValue = `${alias}/${m.id}`;
|
const modelValue = `${alias}/${m.id}`;
|
||||||
if (!seenModels.has(modelValue)) {
|
if (!seenModels.has(modelValue)) {
|
||||||
seenModels.add(modelValue);
|
seenModels.add(modelValue);
|
||||||
models.push({
|
models.push({ value: modelValue, label: `${alias}/${m.id}`, provider: conn.provider, alias, connectionName: conn.name, modelId: m.id });
|
||||||
value: modelValue,
|
|
||||||
label: `${alias}/${m.id}`,
|
|
||||||
provider: conn.provider,
|
|
||||||
alias: alias,
|
|
||||||
connectionName: conn.name,
|
|
||||||
modelId: m.id,
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
return models;
|
return models;
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleModelMappingChange = useCallback((toolId, modelAlias, targetModel) => {
|
const handleModelMappingChange = useCallback((toolId, modelAlias, targetModel) => {
|
||||||
setModelMappings(prev => {
|
setModelMappings(prev => {
|
||||||
// Prevent unnecessary updates if value hasn't changed
|
if (prev[toolId]?.[modelAlias] === targetModel) return prev;
|
||||||
if (prev[toolId]?.[modelAlias] === targetModel) {
|
return { ...prev, [toolId]: { ...prev[toolId], [modelAlias]: targetModel } };
|
||||||
return prev;
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
...prev,
|
|
||||||
[toolId]: {
|
|
||||||
...prev[toolId],
|
|
||||||
[modelAlias]: targetModel,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const getBaseUrl = () => {
|
const getBaseUrl = () => {
|
||||||
if (tunnelEnabled && tunnelUrl) {
|
if (tunnelEnabled && tunnelUrl) return tunnelUrl;
|
||||||
return tunnelUrl;
|
if (cloudEnabled && CLOUD_URL) return CLOUD_URL;
|
||||||
}
|
if (typeof window !== "undefined") return window.location.origin;
|
||||||
if (cloudEnabled && CLOUD_URL) {
|
|
||||||
return CLOUD_URL;
|
|
||||||
}
|
|
||||||
if (typeof window !== "undefined") {
|
|
||||||
return window.location.origin;
|
|
||||||
}
|
|
||||||
return "http://localhost:20128";
|
return "http://localhost:20128";
|
||||||
};
|
};
|
||||||
|
|
||||||
if (loading) {
|
if (loading) {
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col gap-6">
|
|
||||||
<div className="flex flex-col gap-4">
|
<div className="flex flex-col gap-4">
|
||||||
<CardSkeleton />
|
<CardSkeleton />
|
||||||
<CardSkeleton />
|
<CardSkeleton />
|
||||||
<CardSkeleton />
|
<CardSkeleton />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -203,19 +176,17 @@ export default function CLIToolsPageClient({ machineId }) {
|
|||||||
return <CodexToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.codex} />;
|
return <CodexToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.codex} />;
|
||||||
case "opencode":
|
case "opencode":
|
||||||
return <OpenCodeToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.opencode} />;
|
return <OpenCodeToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.opencode} />;
|
||||||
case "copilot":
|
|
||||||
return <CopilotToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.copilot} />;
|
|
||||||
case "droid":
|
case "droid":
|
||||||
return <DroidToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} hasActiveProviders={hasActiveProviders} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.droid} />;
|
return <DroidToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} hasActiveProviders={hasActiveProviders} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.droid} />;
|
||||||
case "openclaw":
|
case "openclaw":
|
||||||
return <OpenClawToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} hasActiveProviders={hasActiveProviders} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.openclaw} />;
|
return <OpenClawToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} hasActiveProviders={hasActiveProviders} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.openclaw} />;
|
||||||
case "antigravity":
|
|
||||||
return <AntigravityToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} hasActiveProviders={hasActiveProviders} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.antigravity} />;
|
|
||||||
default:
|
default:
|
||||||
return <DefaultToolCard key={toolId} toolId={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} tunnelEnabled={tunnelEnabled} />;
|
return <DefaultToolCard key={toolId} toolId={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} tunnelEnabled={tunnelEnabled} />;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const regularTools = Object.entries(CLI_TOOLS).filter(([id]) => !MITM_TOOL_IDS.includes(id));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col gap-6">
|
<div className="flex flex-col gap-6">
|
||||||
{!hasActiveProviders && (
|
{!hasActiveProviders && (
|
||||||
@@ -229,9 +200,8 @@ export default function CLIToolsPageClient({ machineId }) {
|
|||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<div className="flex flex-col gap-4">
|
<div className="flex flex-col gap-4">
|
||||||
{Object.entries(CLI_TOOLS).map(([toolId, tool]) => renderToolCard(toolId, tool))}
|
{regularTools.map(([toolId, tool]) => renderToolCard(toolId, tool))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -0,0 +1,245 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { useState, useEffect } from "react";
|
||||||
|
import { Card, Button, Badge, Input } from "@/shared/components";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Shared MITM infrastructure card — manages SSL cert + server start/stop.
|
||||||
|
* DNS per-tool is handled separately in MitmToolCard.
|
||||||
|
*/
|
||||||
|
export default function MitmServerCard({ apiKeys, cloudEnabled, onStatusChange }) {
|
||||||
|
const [status, setStatus] = useState(null);
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [showPasswordModal, setShowPasswordModal] = useState(false);
|
||||||
|
const [sudoPassword, setSudoPassword] = useState("");
|
||||||
|
const [selectedApiKey, setSelectedApiKey] = useState("");
|
||||||
|
const [message, setMessage] = useState(null);
|
||||||
|
const [pendingAction, setPendingAction] = useState(null); // "start" | "stop"
|
||||||
|
|
||||||
|
const isWindows = typeof navigator !== "undefined" && navigator.userAgent?.includes("Windows");
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (apiKeys?.length > 0 && !selectedApiKey) {
|
||||||
|
setSelectedApiKey(apiKeys[0].key);
|
||||||
|
}
|
||||||
|
}, [apiKeys, selectedApiKey]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
fetchStatus();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const fetchStatus = async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetch("/api/cli-tools/antigravity-mitm");
|
||||||
|
if (res.ok) {
|
||||||
|
const data = await res.json();
|
||||||
|
setStatus(data);
|
||||||
|
onStatusChange?.(data);
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
setStatus({ running: false, certExists: false, dnsStatus: {} });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleAction = (action) => {
|
||||||
|
if (isWindows || status?.hasCachedPassword) {
|
||||||
|
doAction(action, "");
|
||||||
|
} else {
|
||||||
|
setPendingAction(action);
|
||||||
|
setShowPasswordModal(true);
|
||||||
|
setMessage(null);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const doAction = async (action, password) => {
|
||||||
|
setLoading(true);
|
||||||
|
setMessage(null);
|
||||||
|
try {
|
||||||
|
if (action === "start") {
|
||||||
|
const keyToUse = selectedApiKey?.trim()
|
||||||
|
|| (apiKeys?.length > 0 ? apiKeys[0].key : null)
|
||||||
|
|| (!cloudEnabled ? "sk_9router" : null);
|
||||||
|
|
||||||
|
const res = await fetch("/api/cli-tools/antigravity-mitm", {
|
||||||
|
method: "POST",
|
||||||
|
headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify({ apiKey: keyToUse, sudoPassword: password }),
|
||||||
|
});
|
||||||
|
const data = await res.json();
|
||||||
|
if (res.ok) {
|
||||||
|
setMessage({ type: "success", text: "Server started" });
|
||||||
|
} else {
|
||||||
|
setMessage({ type: "error", text: data.error || "Failed to start server" });
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
const res = await fetch("/api/cli-tools/antigravity-mitm", {
|
||||||
|
method: "DELETE",
|
||||||
|
headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify({ sudoPassword: password }),
|
||||||
|
});
|
||||||
|
const data = await res.json();
|
||||||
|
if (res.ok) {
|
||||||
|
setMessage({ type: "success", text: "Server stopped — all DNS cleared" });
|
||||||
|
} else {
|
||||||
|
setMessage({ type: "error", text: data.error || "Failed to stop server" });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
setShowPasswordModal(false);
|
||||||
|
setSudoPassword("");
|
||||||
|
await fetchStatus();
|
||||||
|
} catch (error) {
|
||||||
|
setMessage({ type: "error", text: error.message });
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
setPendingAction(null);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleConfirmPassword = () => {
|
||||||
|
if (!sudoPassword.trim()) {
|
||||||
|
setMessage({ type: "error", text: "Sudo password is required" });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
doAction(pendingAction, sudoPassword);
|
||||||
|
};
|
||||||
|
|
||||||
|
const isRunning = status?.running;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Card padding="sm" className="border-primary/20 bg-primary/5">
|
||||||
|
<div className="flex flex-col gap-3">
|
||||||
|
{/* Header */}
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<span className="material-symbols-outlined text-primary text-[20px]">security</span>
|
||||||
|
<span className="font-semibold text-sm text-text-main">MITM Server</span>
|
||||||
|
{isRunning ? (
|
||||||
|
<Badge variant="success" size="sm">Running</Badge>
|
||||||
|
) : (
|
||||||
|
<Badge variant="default" size="sm">Stopped</Badge>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center gap-1 text-xs text-text-muted">
|
||||||
|
{[
|
||||||
|
{ label: "Cert", ok: status?.certExists },
|
||||||
|
{ label: "Server", ok: isRunning },
|
||||||
|
].map(({ label, ok }) => (
|
||||||
|
<span key={label} className={`flex items-center gap-0.5 px-1.5 py-0.5 rounded ${ok ? "text-green-600" : "text-text-muted"}`}>
|
||||||
|
<span className={`material-symbols-outlined text-[12px]`}>
|
||||||
|
{ok ? "check_circle" : "radio_button_unchecked"}
|
||||||
|
</span>
|
||||||
|
{label}
|
||||||
|
</span>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Mechanism explanation */}
|
||||||
|
<div className="px-2 py-2 rounded-lg bg-surface/50 border border-border/50">
|
||||||
|
<p className="text-[11px] text-text-muted leading-relaxed">
|
||||||
|
<span className="font-medium text-text-main">How it works:</span> MITM server runs an HTTPS proxy on port 443.
|
||||||
|
When you enable DNS for a tool, its API domain redirects to localhost.
|
||||||
|
The proxy intercepts requests, applies your model mappings, and forwards to 9Router.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* API Key selector (only when stopped, to pick key for start) */}
|
||||||
|
{!isRunning && (
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<span className="text-xs text-text-muted shrink-0">API Key</span>
|
||||||
|
{apiKeys?.length > 0 ? (
|
||||||
|
<select
|
||||||
|
value={selectedApiKey}
|
||||||
|
onChange={(e) => setSelectedApiKey(e.target.value)}
|
||||||
|
className="flex-1 px-2 py-1 bg-surface rounded text-xs border border-border focus:outline-none focus:ring-1 focus:ring-primary/50"
|
||||||
|
>
|
||||||
|
{apiKeys.map((key) => <option key={key.id} value={key.key}>{key.key}</option>)}
|
||||||
|
</select>
|
||||||
|
) : (
|
||||||
|
<span className="text-xs text-text-muted">
|
||||||
|
{cloudEnabled ? "No API keys — create one in Keys page" : "sk_9router (default)"}
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{message && (
|
||||||
|
<div className={`flex items-center gap-2 px-2 py-1.5 rounded text-xs ${message.type === "success" ? "bg-green-500/10 text-green-600" : "bg-red-500/10 text-red-600"}`}>
|
||||||
|
<span className="material-symbols-outlined text-[14px]">{message.type === "success" ? "check_circle" : "error"}</span>
|
||||||
|
<span>{message.text}</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Action button */}
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
{isRunning ? (
|
||||||
|
<button
|
||||||
|
onClick={() => handleAction("stop")}
|
||||||
|
disabled={loading}
|
||||||
|
className="px-4 py-1.5 rounded-lg bg-red-500/10 border border-red-500/30 text-red-500 font-medium text-xs flex items-center gap-1.5 hover:bg-red-500/20 transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
<span className="material-symbols-outlined text-[16px]">stop_circle</span>
|
||||||
|
Stop Server
|
||||||
|
</button>
|
||||||
|
) : (
|
||||||
|
<button
|
||||||
|
onClick={() => handleAction("start")}
|
||||||
|
disabled={loading}
|
||||||
|
className="px-4 py-1.5 rounded-lg bg-primary/10 border border-primary/30 text-primary font-medium text-xs flex items-center gap-1.5 hover:bg-primary/20 transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
<span className="material-symbols-outlined text-[16px]">play_circle</span>
|
||||||
|
Start Server
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
{isRunning && (
|
||||||
|
<p className="text-xs text-text-muted">Enable DNS per tool below to activate interception</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Windows admin warning */}
|
||||||
|
{!isRunning && isWindows && (
|
||||||
|
<div className="flex items-center gap-2 px-2 py-1.5 rounded text-xs bg-yellow-500/10 text-yellow-600 border border-yellow-500/20">
|
||||||
|
<span className="material-symbols-outlined text-[14px]">warning</span>
|
||||||
|
<span>Windows: Run 9Router terminal as Administrator</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
{/* Password Modal */}
|
||||||
|
{showPasswordModal && (
|
||||||
|
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm">
|
||||||
|
<div className="bg-surface border border-border rounded-xl p-6 w-full max-w-sm flex flex-col gap-4 shadow-xl">
|
||||||
|
<h3 className="font-semibold text-text-main">Sudo Password Required</h3>
|
||||||
|
<div className="flex items-start gap-3 p-3 bg-yellow-500/10 border border-yellow-500/30 rounded-lg">
|
||||||
|
<span className="material-symbols-outlined text-yellow-500 text-[20px]">warning</span>
|
||||||
|
<p className="text-xs text-text-muted">Required for SSL certificate and server startup</p>
|
||||||
|
</div>
|
||||||
|
<Input
|
||||||
|
type="password"
|
||||||
|
placeholder="Enter sudo password"
|
||||||
|
value={sudoPassword}
|
||||||
|
onChange={(e) => setSudoPassword(e.target.value)}
|
||||||
|
onKeyDown={(e) => { if (e.key === "Enter" && !loading) handleConfirmPassword(); }}
|
||||||
|
/>
|
||||||
|
{message && (
|
||||||
|
<div className="flex items-center gap-2 px-2 py-1.5 rounded text-xs bg-red-500/10 text-red-600">
|
||||||
|
<span className="material-symbols-outlined text-[14px]">error</span>
|
||||||
|
<span>{message.text}</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
<div className="flex items-center justify-end gap-2">
|
||||||
|
<Button variant="ghost" size="sm" onClick={() => { setShowPasswordModal(false); setSudoPassword(""); setMessage(null); }} disabled={loading}>
|
||||||
|
Cancel
|
||||||
|
</Button>
|
||||||
|
<Button variant="primary" size="sm" onClick={handleConfirmPassword} loading={loading}>
|
||||||
|
Confirm
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,307 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { useState, useEffect, useCallback } from "react";
|
||||||
|
import { Card, Button, Badge, Input, ModelSelectModal } from "@/shared/components";
|
||||||
|
import Image from "next/image";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Per-tool MITM card — shows DNS status + model mappings.
|
||||||
|
* - Auto-saves model mapping on blur or modal select
|
||||||
|
* - Start/Stop DNS replaces Save Mappings button
|
||||||
|
* - Toggle switch removed; status badge is display-only
|
||||||
|
* - Skips sudo modal if password is already cached
|
||||||
|
*/
|
||||||
|
export default function MitmToolCard({
|
||||||
|
tool,
|
||||||
|
isExpanded,
|
||||||
|
onToggle,
|
||||||
|
serverRunning,
|
||||||
|
dnsActive,
|
||||||
|
certCovered,
|
||||||
|
hasCachedPassword,
|
||||||
|
apiKeys,
|
||||||
|
activeProviders,
|
||||||
|
hasActiveProviders,
|
||||||
|
cloudEnabled,
|
||||||
|
onDnsChange,
|
||||||
|
}) {
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [message, setMessage] = useState(null);
|
||||||
|
const [showPasswordModal, setShowPasswordModal] = useState(false);
|
||||||
|
const [sudoPassword, setSudoPassword] = useState("");
|
||||||
|
const [pendingDnsAction, setPendingDnsAction] = useState(null);
|
||||||
|
const [modelMappings, setModelMappings] = useState({});
|
||||||
|
const [modalOpen, setModalOpen] = useState(false);
|
||||||
|
const [currentEditingAlias, setCurrentEditingAlias] = useState(null);
|
||||||
|
|
||||||
|
const isWindows = typeof navigator !== "undefined" && navigator.userAgent?.includes("Windows");
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (isExpanded) loadSavedMappings();
|
||||||
|
}, [isExpanded]);
|
||||||
|
|
||||||
|
const loadSavedMappings = async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetch(`/api/cli-tools/antigravity-mitm/alias?tool=${tool.id}`);
|
||||||
|
if (res.ok) {
|
||||||
|
const data = await res.json();
|
||||||
|
if (Object.keys(data.aliases || {}).length > 0) setModelMappings(data.aliases);
|
||||||
|
}
|
||||||
|
} catch { /* ignore */ }
|
||||||
|
};
|
||||||
|
|
||||||
|
const saveMappings = useCallback(async (mappings) => {
|
||||||
|
try {
|
||||||
|
await fetch("/api/cli-tools/antigravity-mitm/alias", {
|
||||||
|
method: "PUT",
|
||||||
|
headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify({ tool: tool.id, mappings }),
|
||||||
|
});
|
||||||
|
} catch { /* ignore */ }
|
||||||
|
}, [tool.id]);
|
||||||
|
|
||||||
|
const handleMappingBlur = (alias, value) => {
|
||||||
|
saveMappings({ ...modelMappings, [alias]: value });
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleModelMappingChange = (alias, value) => {
|
||||||
|
setModelMappings(prev => ({ ...prev, [alias]: value }));
|
||||||
|
};
|
||||||
|
|
||||||
|
const openModelSelector = (alias) => {
|
||||||
|
setCurrentEditingAlias(alias);
|
||||||
|
setModalOpen(true);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleModelSelect = (model) => {
|
||||||
|
if (!currentEditingAlias) return;
|
||||||
|
const updated = { ...modelMappings, [currentEditingAlias]: model.value };
|
||||||
|
setModelMappings(updated);
|
||||||
|
saveMappings(updated);
|
||||||
|
};
|
||||||
|
|
||||||
|
// DNS toggle logic
|
||||||
|
const handleDnsToggle = () => {
|
||||||
|
if (!serverRunning) return;
|
||||||
|
const action = dnsActive ? "disable" : "enable";
|
||||||
|
if (isWindows || hasCachedPassword) {
|
||||||
|
doDnsAction(action, "");
|
||||||
|
} else {
|
||||||
|
setPendingDnsAction(action);
|
||||||
|
setShowPasswordModal(true);
|
||||||
|
setMessage(null);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const doDnsAction = async (action, password) => {
|
||||||
|
setLoading(true);
|
||||||
|
setMessage(null);
|
||||||
|
try {
|
||||||
|
const res = await fetch("/api/cli-tools/antigravity-mitm", {
|
||||||
|
method: "PATCH",
|
||||||
|
headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify({ tool: tool.id, action, sudoPassword: password }),
|
||||||
|
});
|
||||||
|
const data = await res.json();
|
||||||
|
if (!res.ok) throw new Error(data.error || "Failed to toggle DNS");
|
||||||
|
setMessage({
|
||||||
|
type: "success",
|
||||||
|
text: action === "enable" ? "DNS enabled — traffic intercepted" : "DNS disabled — traffic restored",
|
||||||
|
});
|
||||||
|
setShowPasswordModal(false);
|
||||||
|
setSudoPassword("");
|
||||||
|
onDnsChange?.(data);
|
||||||
|
} catch (error) {
|
||||||
|
setMessage({ type: "error", text: error.message });
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
setPendingDnsAction(null);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleConfirmPassword = () => {
|
||||||
|
if (!sudoPassword.trim()) {
|
||||||
|
setMessage({ type: "error", text: "Sudo password is required" });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
doDnsAction(pendingDnsAction, sudoPassword);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Card padding="xs" className="overflow-hidden">
|
||||||
|
<div className="flex items-center justify-between hover:cursor-pointer" onClick={onToggle}>
|
||||||
|
<div className="flex items-center gap-3">
|
||||||
|
<div className="size-8 flex items-center justify-center shrink-0">
|
||||||
|
<Image
|
||||||
|
src={tool.image}
|
||||||
|
alt={tool.name}
|
||||||
|
width={32}
|
||||||
|
height={32}
|
||||||
|
className="size-8 object-contain rounded-lg"
|
||||||
|
sizes="32px"
|
||||||
|
onError={(e) => { e.target.style.display = "none"; }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="min-w-0">
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<h3 className="font-medium text-sm">{tool.name}</h3>
|
||||||
|
{!serverRunning ? (
|
||||||
|
<Badge variant="default" size="sm">Server off</Badge>
|
||||||
|
) : dnsActive ? (
|
||||||
|
<Badge variant="success" size="sm">Active</Badge>
|
||||||
|
) : (
|
||||||
|
<Badge variant="warning" size="sm">DNS off</Badge>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<p className="text-xs text-text-muted truncate">{tool.mitmDomain}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<span className={`material-symbols-outlined text-text-muted text-[20px] transition-transform ${isExpanded ? "rotate-180" : ""}`}>
|
||||||
|
expand_more
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{isExpanded && (
|
||||||
|
<div className="mt-4 pt-4 border-t border-border flex flex-col gap-4">
|
||||||
|
{/* Info */}
|
||||||
|
<div className="flex flex-col gap-0.5 text-[11px] text-text-muted px-1">
|
||||||
|
<p>
|
||||||
|
<span className="font-medium text-text-main">Domain:</span>{" "}
|
||||||
|
<code className="text-[10px] bg-surface px-1 rounded">{tool.mitmDomain}</code>
|
||||||
|
{certCovered !== undefined && (
|
||||||
|
<span className={`ml-1.5 ${certCovered ? "text-green-600" : "text-red-500"}`}>
|
||||||
|
<span className="material-symbols-outlined text-[11px] align-middle">
|
||||||
|
{certCovered ? "verified" : "warning"}
|
||||||
|
</span>
|
||||||
|
{certCovered ? " cert OK" : " cert missing domain"}
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</p>
|
||||||
|
<p>Toggle DNS to redirect {tool.name} traffic through 9Router via MITM.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{message && (
|
||||||
|
<div className={`flex items-center gap-2 px-2 py-1.5 rounded text-xs ${message.type === "success" ? "bg-green-500/10 text-green-600" : "bg-red-500/10 text-red-600"}`}>
|
||||||
|
<span className="material-symbols-outlined text-[14px]">{message.type === "success" ? "check_circle" : "error"}</span>
|
||||||
|
<span>{message.text}</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Model Mappings */}
|
||||||
|
{tool.defaultModels?.length > 0 && (
|
||||||
|
<div className="flex flex-col gap-2">
|
||||||
|
{tool.defaultModels.map((model) => (
|
||||||
|
<div key={model.alias} className="flex items-center gap-2">
|
||||||
|
<span className="w-36 shrink-0 text-xs font-semibold text-text-main text-right">{model.name}</span>
|
||||||
|
<span className="material-symbols-outlined text-text-muted text-[14px]">arrow_forward</span>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
value={modelMappings[model.alias] || ""}
|
||||||
|
onChange={(e) => handleModelMappingChange(model.alias, e.target.value)}
|
||||||
|
onBlur={(e) => handleMappingBlur(model.alias, e.target.value)}
|
||||||
|
placeholder="provider/model-id"
|
||||||
|
className="flex-1 px-2 py-1.5 bg-surface rounded border border-border text-xs focus:outline-none focus:ring-1 focus:ring-primary/50"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
onClick={() => openModelSelector(model.alias)}
|
||||||
|
disabled={!hasActiveProviders}
|
||||||
|
className={`px-2 py-1.5 rounded border text-xs transition-colors shrink-0 ${hasActiveProviders ? "bg-surface border-border hover:border-primary cursor-pointer" : "opacity-50 cursor-not-allowed border-border"}`}
|
||||||
|
>
|
||||||
|
Select
|
||||||
|
</button>
|
||||||
|
{modelMappings[model.alias] && (
|
||||||
|
<button
|
||||||
|
onClick={() => {
|
||||||
|
handleModelMappingChange(model.alias, "");
|
||||||
|
saveMappings({ ...modelMappings, [model.alias]: "" });
|
||||||
|
}}
|
||||||
|
className="p-1 text-text-muted hover:text-red-500 rounded transition-colors"
|
||||||
|
title="Clear"
|
||||||
|
>
|
||||||
|
<span className="material-symbols-outlined text-[14px]">close</span>
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{tool.defaultModels?.length === 0 && (
|
||||||
|
<p className="text-xs text-text-muted px-1">Model mappings will be available soon.</p>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Start / Stop DNS button */}
|
||||||
|
<div>
|
||||||
|
{dnsActive ? (
|
||||||
|
<button
|
||||||
|
onClick={handleDnsToggle}
|
||||||
|
disabled={!serverRunning || loading}
|
||||||
|
className="px-4 py-1.5 rounded-lg bg-red-500/10 border border-red-500/30 text-red-500 font-medium text-xs flex items-center gap-1.5 hover:bg-red-500/20 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
|
||||||
|
>
|
||||||
|
<span className="material-symbols-outlined text-[16px]">stop_circle</span>
|
||||||
|
Stop DNS
|
||||||
|
</button>
|
||||||
|
) : (
|
||||||
|
<Button
|
||||||
|
variant="primary"
|
||||||
|
size="sm"
|
||||||
|
onClick={handleDnsToggle}
|
||||||
|
loading={loading}
|
||||||
|
disabled={!serverRunning || loading}
|
||||||
|
>
|
||||||
|
<span className="material-symbols-outlined text-[14px] mr-1">play_circle</span>
|
||||||
|
Start DNS
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
{/* Password Modal */}
|
||||||
|
{showPasswordModal && (
|
||||||
|
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm">
|
||||||
|
<div className="bg-surface border border-border rounded-xl p-6 w-full max-w-sm flex flex-col gap-4 shadow-xl">
|
||||||
|
<h3 className="font-semibold text-text-main">Sudo Password Required</h3>
|
||||||
|
<div className="flex items-start gap-3 p-3 bg-yellow-500/10 border border-yellow-500/30 rounded-lg">
|
||||||
|
<span className="material-symbols-outlined text-yellow-500 text-[20px]">warning</span>
|
||||||
|
<p className="text-xs text-text-muted">Required to modify /etc/hosts and flush DNS cache</p>
|
||||||
|
</div>
|
||||||
|
<Input
|
||||||
|
type="password"
|
||||||
|
placeholder="Enter sudo password"
|
||||||
|
value={sudoPassword}
|
||||||
|
onChange={(e) => setSudoPassword(e.target.value)}
|
||||||
|
onKeyDown={(e) => { if (e.key === "Enter" && !loading) handleConfirmPassword(); }}
|
||||||
|
/>
|
||||||
|
{message && (
|
||||||
|
<div className="flex items-center gap-2 px-2 py-1.5 rounded text-xs bg-red-500/10 text-red-600">
|
||||||
|
<span className="material-symbols-outlined text-[14px]">error</span>
|
||||||
|
<span>{message.text}</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
<div className="flex items-center justify-end gap-2">
|
||||||
|
<Button variant="ghost" size="sm" onClick={() => { setShowPasswordModal(false); setSudoPassword(""); setMessage(null); }} disabled={loading}>
|
||||||
|
Cancel
|
||||||
|
</Button>
|
||||||
|
<Button variant="primary" size="sm" onClick={handleConfirmPassword} loading={loading}>
|
||||||
|
Confirm
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Model Select Modal */}
|
||||||
|
<ModelSelectModal
|
||||||
|
isOpen={modalOpen}
|
||||||
|
onClose={() => setModalOpen(false)}
|
||||||
|
onSelect={handleModelSelect}
|
||||||
|
selectedModel={currentEditingAlias ? modelMappings[currentEditingAlias] : null}
|
||||||
|
activeProviders={activeProviders}
|
||||||
|
title={`Select model for ${currentEditingAlias}`}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -6,4 +6,6 @@ export { default as DefaultToolCard } from "./DefaultToolCard";
|
|||||||
export { default as AntigravityToolCard } from "./AntigravityToolCard";
|
export { default as AntigravityToolCard } from "./AntigravityToolCard";
|
||||||
export { default as OpenCodeToolCard } from "./OpenCodeToolCard";
|
export { default as OpenCodeToolCard } from "./OpenCodeToolCard";
|
||||||
export { default as CopilotToolCard } from "./CopilotToolCard";
|
export { default as CopilotToolCard } from "./CopilotToolCard";
|
||||||
|
export { default as MitmServerCard } from "./MitmServerCard";
|
||||||
|
export { default as MitmToolCard } from "./MitmToolCard";
|
||||||
|
|
||||||
|
|||||||
93
src/app/(dashboard)/dashboard/mitm/MitmPageClient.js
Normal file
93
src/app/(dashboard)/dashboard/mitm/MitmPageClient.js
Normal file
@@ -0,0 +1,93 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { useState, useEffect } from "react";
|
||||||
|
import { CLI_TOOLS } from "@/shared/constants/cliTools";
|
||||||
|
import { getModelsByProviderId, PROVIDER_ID_TO_ALIAS } from "@/shared/constants/models";
|
||||||
|
import { MitmServerCard, MitmToolCard } from "@/app/(dashboard)/dashboard/cli-tools/components";
|
||||||
|
|
||||||
|
const MITM_TOOL_IDS = ["antigravity", "copilot"];
|
||||||
|
|
||||||
|
export default function MitmPageClient() {
|
||||||
|
const [connections, setConnections] = useState([]);
|
||||||
|
const [apiKeys, setApiKeys] = useState([]);
|
||||||
|
const [cloudEnabled, setCloudEnabled] = useState(false);
|
||||||
|
const [expandedTool, setExpandedTool] = useState(null);
|
||||||
|
const [mitmStatus, setMitmStatus] = useState({ running: false, certExists: false, dnsStatus: {}, certCoversTools: {}, hasCachedPassword: false });
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
fetchConnections();
|
||||||
|
fetchApiKeys();
|
||||||
|
fetchCloudSettings();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const fetchConnections = async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetch("/api/providers");
|
||||||
|
if (res.ok) {
|
||||||
|
const data = await res.json();
|
||||||
|
setConnections(data.connections || []);
|
||||||
|
}
|
||||||
|
} catch { /* ignore */ }
|
||||||
|
};
|
||||||
|
|
||||||
|
const fetchApiKeys = async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetch("/api/keys");
|
||||||
|
if (res.ok) {
|
||||||
|
const data = await res.json();
|
||||||
|
setApiKeys(data.keys || []);
|
||||||
|
}
|
||||||
|
} catch { /* ignore */ }
|
||||||
|
};
|
||||||
|
|
||||||
|
const fetchCloudSettings = async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetch("/api/settings");
|
||||||
|
if (res.ok) {
|
||||||
|
const data = await res.json();
|
||||||
|
setCloudEnabled(data.cloudEnabled || false);
|
||||||
|
}
|
||||||
|
} catch { /* ignore */ }
|
||||||
|
};
|
||||||
|
|
||||||
|
const getActiveProviders = () => connections.filter(c => c.isActive !== false);
|
||||||
|
|
||||||
|
const hasActiveProviders = () => {
|
||||||
|
const active = getActiveProviders();
|
||||||
|
return active.some(conn => getModelsByProviderId(conn.provider).length > 0);
|
||||||
|
};
|
||||||
|
|
||||||
|
const mitmTools = Object.entries(CLI_TOOLS).filter(([id]) => MITM_TOOL_IDS.includes(id));
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col gap-6">
|
||||||
|
{/* MITM Server Card */}
|
||||||
|
<MitmServerCard
|
||||||
|
apiKeys={apiKeys}
|
||||||
|
cloudEnabled={cloudEnabled}
|
||||||
|
onStatusChange={setMitmStatus}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/* Tool Cards */}
|
||||||
|
<div className="flex flex-col gap-2">
|
||||||
|
{mitmTools.map(([toolId, tool]) => (
|
||||||
|
<MitmToolCard
|
||||||
|
key={toolId}
|
||||||
|
tool={tool}
|
||||||
|
isExpanded={expandedTool === toolId}
|
||||||
|
onToggle={() => setExpandedTool(expandedTool === toolId ? null : toolId)}
|
||||||
|
serverRunning={mitmStatus.running}
|
||||||
|
dnsActive={mitmStatus.dnsStatus?.[toolId] || false}
|
||||||
|
certCovered={mitmStatus.certCoversTools?.[toolId] || false}
|
||||||
|
hasCachedPassword={mitmStatus.hasCachedPassword || false}
|
||||||
|
apiKeys={apiKeys}
|
||||||
|
activeProviders={getActiveProviders()}
|
||||||
|
hasActiveProviders={hasActiveProviders()}
|
||||||
|
cloudEnabled={cloudEnabled}
|
||||||
|
onDnsChange={(data) => setMitmStatus(prev => ({ ...prev, dnsStatus: data.dnsStatus ?? prev.dnsStatus }))}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
5
src/app/(dashboard)/dashboard/mitm/page.js
Normal file
5
src/app/(dashboard)/dashboard/mitm/page.js
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
import MitmPageClient from "./MitmPageClient";
|
||||||
|
|
||||||
|
export default function MitmPage() {
|
||||||
|
return <MitmPageClient />;
|
||||||
|
}
|
||||||
@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
|
|||||||
import { useParams, useRouter } from "next/navigation";
|
import { useParams, useRouter } from "next/navigation";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import { Card, Button, Badge, Input, Modal, CardSkeleton, OAuthModal, KiroOAuthWrapper, CursorAuthModal, Toggle, Select } from "@/shared/components";
|
import { Card, Button, Badge, Input, Modal, CardSkeleton, OAuthModal, KiroOAuthWrapper, CursorAuthModal, IFlowCookieModal, Toggle, Select } from "@/shared/components";
|
||||||
import { OAUTH_PROVIDERS, APIKEY_PROVIDERS, FREE_PROVIDERS, getProviderAlias, isOpenAICompatibleProvider, isAnthropicCompatibleProvider } from "@/shared/constants/providers";
|
import { OAUTH_PROVIDERS, APIKEY_PROVIDERS, FREE_PROVIDERS, getProviderAlias, isOpenAICompatibleProvider, isAnthropicCompatibleProvider } from "@/shared/constants/providers";
|
||||||
import { getModelsByProviderId } from "@/shared/constants/models";
|
import { getModelsByProviderId } from "@/shared/constants/models";
|
||||||
import { useCopyToClipboard } from "@/shared/hooks/useCopyToClipboard";
|
import { useCopyToClipboard } from "@/shared/hooks/useCopyToClipboard";
|
||||||
@@ -18,6 +18,7 @@ export default function ProviderDetailPage() {
|
|||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
const [providerNode, setProviderNode] = useState(null);
|
const [providerNode, setProviderNode] = useState(null);
|
||||||
const [showOAuthModal, setShowOAuthModal] = useState(false);
|
const [showOAuthModal, setShowOAuthModal] = useState(false);
|
||||||
|
const [showIFlowCookieModal, setShowIFlowCookieModal] = useState(false);
|
||||||
const [showAddApiKeyModal, setShowAddApiKeyModal] = useState(false);
|
const [showAddApiKeyModal, setShowAddApiKeyModal] = useState(false);
|
||||||
const [showEditModal, setShowEditModal] = useState(false);
|
const [showEditModal, setShowEditModal] = useState(false);
|
||||||
const [showEditNodeModal, setShowEditNodeModal] = useState(false);
|
const [showEditNodeModal, setShowEditNodeModal] = useState(false);
|
||||||
@@ -25,6 +26,7 @@ export default function ProviderDetailPage() {
|
|||||||
const [modelAliases, setModelAliases] = useState({});
|
const [modelAliases, setModelAliases] = useState({});
|
||||||
const [headerImgError, setHeaderImgError] = useState(false);
|
const [headerImgError, setHeaderImgError] = useState(false);
|
||||||
const [modelTestResults, setModelTestResults] = useState({});
|
const [modelTestResults, setModelTestResults] = useState({});
|
||||||
|
const [modelsTestError, setModelsTestError] = useState("");
|
||||||
const [testingModelId, setTestingModelId] = useState(null);
|
const [testingModelId, setTestingModelId] = useState(null);
|
||||||
const [showAddCustomModel, setShowAddCustomModel] = useState(false);
|
const [showAddCustomModel, setShowAddCustomModel] = useState(false);
|
||||||
const { copied, copy } = useCopyToClipboard();
|
const { copied, copy } = useCopyToClipboard();
|
||||||
@@ -175,6 +177,11 @@ export default function ProviderDetailPage() {
|
|||||||
setShowOAuthModal(false);
|
setShowOAuthModal(false);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleIFlowCookieSuccess = () => {
|
||||||
|
fetchConnections();
|
||||||
|
setShowIFlowCookieModal(false);
|
||||||
|
};
|
||||||
|
|
||||||
const handleSaveApiKey = async (formData) => {
|
const handleSaveApiKey = async (formData) => {
|
||||||
try {
|
try {
|
||||||
const res = await fetch("/api/providers", {
|
const res = await fetch("/api/providers", {
|
||||||
@@ -270,8 +277,10 @@ export default function ProviderDetailPage() {
|
|||||||
});
|
});
|
||||||
const data = await res.json();
|
const data = await res.json();
|
||||||
setModelTestResults((prev) => ({ ...prev, [modelId]: data.ok ? "ok" : "error" }));
|
setModelTestResults((prev) => ({ ...prev, [modelId]: data.ok ? "ok" : "error" }));
|
||||||
|
setModelsTestError(data.ok ? "" : (data.error || "Model not reachable"));
|
||||||
} catch {
|
} catch {
|
||||||
setModelTestResults((prev) => ({ ...prev, [modelId]: "error" }));
|
setModelTestResults((prev) => ({ ...prev, [modelId]: "error" }));
|
||||||
|
setModelsTestError("Network error");
|
||||||
} finally {
|
} finally {
|
||||||
setTestingModelId(null);
|
setTestingModelId(null);
|
||||||
}
|
}
|
||||||
@@ -356,6 +365,9 @@ export default function ProviderDetailPage() {
|
|||||||
onCopy={copy}
|
onCopy={copy}
|
||||||
onSetAlias={() => {}}
|
onSetAlias={() => {}}
|
||||||
onDeleteAlias={() => handleDeleteAlias(model.alias)}
|
onDeleteAlias={() => handleDeleteAlias(model.alias)}
|
||||||
|
testStatus={modelTestResults[model.id]}
|
||||||
|
onTest={connections.length > 0 ? () => handleTestModel(model.id) : undefined}
|
||||||
|
isTesting={testingModelId === model.id}
|
||||||
isCustom
|
isCustom
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
@@ -504,6 +516,18 @@ export default function ProviderDetailPage() {
|
|||||||
<div className="flex items-center justify-between mb-4">
|
<div className="flex items-center justify-between mb-4">
|
||||||
<h2 className="text-lg font-semibold">Connections</h2>
|
<h2 className="text-lg font-semibold">Connections</h2>
|
||||||
{!isCompatible && (
|
{!isCompatible && (
|
||||||
|
<div className="flex gap-2">
|
||||||
|
{providerId === "iflow" && (
|
||||||
|
<Button
|
||||||
|
size="sm"
|
||||||
|
icon="cookie"
|
||||||
|
variant="secondary"
|
||||||
|
onClick={() => setShowIFlowCookieModal(true)}
|
||||||
|
title="Add connection using browser cookie"
|
||||||
|
>
|
||||||
|
Cookie
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
<Button
|
<Button
|
||||||
size="sm"
|
size="sm"
|
||||||
icon="add"
|
icon="add"
|
||||||
@@ -511,6 +535,7 @@ export default function ProviderDetailPage() {
|
|||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
</Button>
|
</Button>
|
||||||
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -522,10 +547,17 @@ export default function ProviderDetailPage() {
|
|||||||
<p className="text-text-main font-medium mb-1">No connections yet</p>
|
<p className="text-text-main font-medium mb-1">No connections yet</p>
|
||||||
<p className="text-sm text-text-muted mb-4">Add your first connection to get started</p>
|
<p className="text-sm text-text-muted mb-4">Add your first connection to get started</p>
|
||||||
{!isCompatible && (
|
{!isCompatible && (
|
||||||
<Button icon="add" onClick={() => isOAuth ? setShowOAuthModal(true) : setShowAddApiKeyModal(true)}>
|
<div className="flex gap-2 justify-center">
|
||||||
Add Connection
|
{providerId === "iflow" && (
|
||||||
|
<Button icon="cookie" variant="secondary" onClick={() => setShowIFlowCookieModal(true)}>
|
||||||
|
Cookie Auth
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
|
<Button icon="add" onClick={() => isOAuth ? setShowOAuthModal(true) : setShowAddApiKeyModal(true)}>
|
||||||
|
{providerId === "iflow" ? "OAuth" : "Add Connection"}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]">
|
<div className="flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]">
|
||||||
@@ -559,6 +591,9 @@ export default function ProviderDetailPage() {
|
|||||||
{providerInfo.passthroughModels ? "Model Aliases" : "Available Models"}
|
{providerInfo.passthroughModels ? "Model Aliases" : "Available Models"}
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
|
{!!modelsTestError && (
|
||||||
|
<p className="text-xs text-red-500 mb-3 break-words">{modelsTestError}</p>
|
||||||
|
)}
|
||||||
{renderModelsSection()}
|
{renderModelsSection()}
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
@@ -585,6 +620,13 @@ export default function ProviderDetailPage() {
|
|||||||
onClose={() => setShowOAuthModal(false)}
|
onClose={() => setShowOAuthModal(false)}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
{providerId === "iflow" && (
|
||||||
|
<IFlowCookieModal
|
||||||
|
isOpen={showIFlowCookieModal}
|
||||||
|
onSuccess={handleIFlowCookieSuccess}
|
||||||
|
onClose={() => setShowIFlowCookieModal(false)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
<AddApiKeyModal
|
<AddApiKeyModal
|
||||||
isOpen={showAddApiKeyModal}
|
isOpen={showAddApiKeyModal}
|
||||||
provider={providerId}
|
provider={providerId}
|
||||||
@@ -639,7 +681,8 @@ function ModelRow({ model, fullModel, alias, copied, onCopy, testStatus, isCusto
|
|||||||
: undefined;
|
: undefined;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={`group flex items-center gap-2 px-3 py-2 rounded-lg border ${borderColor} hover:bg-sidebar/50`}>
|
<div className={`group px-3 py-2 rounded-lg border ${borderColor} hover:bg-sidebar/50`}>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
<span
|
<span
|
||||||
className="material-symbols-outlined text-base"
|
className="material-symbols-outlined text-base"
|
||||||
style={iconColor ? { color: iconColor } : undefined}
|
style={iconColor ? { color: iconColor } : undefined}
|
||||||
@@ -678,6 +721,7 @@ function ModelRow({ model, fullModel, alias, copied, onCopy, testStatus, isCusto
|
|||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,21 +1,37 @@
|
|||||||
"use server";
|
"use server";
|
||||||
|
|
||||||
import { NextResponse } from "next/server";
|
import { NextResponse } from "next/server";
|
||||||
import { getMitmStatus, startMitm, stopMitm, getCachedPassword, setCachedPassword, loadEncryptedPassword, initDbHooks } from "@/mitm/manager";
|
import {
|
||||||
|
getMitmStatus,
|
||||||
|
startServer,
|
||||||
|
stopServer,
|
||||||
|
enableToolDNS,
|
||||||
|
disableToolDNS,
|
||||||
|
getCachedPassword,
|
||||||
|
setCachedPassword,
|
||||||
|
loadEncryptedPassword,
|
||||||
|
initDbHooks,
|
||||||
|
} from "@/mitm/manager";
|
||||||
import { getSettings, updateSettings } from "@/lib/localDb";
|
import { getSettings, updateSettings } from "@/lib/localDb";
|
||||||
|
|
||||||
// Inject DB hooks so manager.js (CJS) can persist settings without dynamic import issues
|
|
||||||
initDbHooks(getSettings, updateSettings);
|
initDbHooks(getSettings, updateSettings);
|
||||||
|
|
||||||
// GET - Check MITM status
|
const isWin = process.platform === "win32";
|
||||||
|
|
||||||
|
function getPassword(provided) {
|
||||||
|
return provided || getCachedPassword() || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
// GET - Full MITM status (server + per-tool DNS)
|
||||||
export async function GET() {
|
export async function GET() {
|
||||||
try {
|
try {
|
||||||
const status = await getMitmStatus();
|
const status = await getMitmStatus();
|
||||||
return NextResponse.json({
|
return NextResponse.json({
|
||||||
running: status.running,
|
running: status.running,
|
||||||
pid: status.pid || null,
|
pid: status.pid || null,
|
||||||
dnsConfigured: status.dnsConfigured || false,
|
|
||||||
certExists: status.certExists || false,
|
certExists: status.certExists || false,
|
||||||
|
dnsStatus: status.dnsStatus || {},
|
||||||
|
certCoversTools: status.certCoversTools || {},
|
||||||
hasCachedPassword: !!getCachedPassword(),
|
hasCachedPassword: !!getCachedPassword(),
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@@ -24,13 +40,11 @@ export async function GET() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// POST - Start MITM proxy
|
// POST - Start MITM server (cert + server, no DNS)
|
||||||
export async function POST(request) {
|
export async function POST(request) {
|
||||||
try {
|
try {
|
||||||
const { apiKey, sudoPassword } = await request.json();
|
const { apiKey, sudoPassword } = await request.json();
|
||||||
const isWin = process.platform === "win32";
|
const pwd = getPassword(sudoPassword) || await loadEncryptedPassword() || "";
|
||||||
// Priority: request password → in-memory cache → encrypted db
|
|
||||||
const pwd = sudoPassword || getCachedPassword() || await loadEncryptedPassword() || "";
|
|
||||||
|
|
||||||
if (!apiKey || (!isWin && !pwd)) {
|
if (!apiKey || (!isWin && !pwd)) {
|
||||||
return NextResponse.json(
|
return NextResponse.json(
|
||||||
@@ -39,38 +53,64 @@ export async function POST(request) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
const result = await startMitm(apiKey, pwd);
|
const result = await startServer(apiKey, pwd);
|
||||||
if (!isWin) setCachedPassword(pwd);
|
if (!isWin) setCachedPassword(pwd);
|
||||||
|
|
||||||
return NextResponse.json({
|
return NextResponse.json({ success: true, running: result.running, pid: result.pid });
|
||||||
success: true,
|
|
||||||
running: result.running,
|
|
||||||
pid: result.pid,
|
|
||||||
steps: result.steps || { cert: true, server: true, dns: true },
|
|
||||||
});
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log("Error starting MITM:", error.message);
|
console.log("Error starting MITM server:", error.message);
|
||||||
return NextResponse.json({ error: error.message || "Failed to start MITM proxy" }, { status: 500 });
|
return NextResponse.json({ error: error.message || "Failed to start MITM server" }, { status: 500 });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// DELETE - Stop MITM proxy
|
// DELETE - Stop MITM server (removes all DNS first, then kills server)
|
||||||
export async function DELETE(request) {
|
export async function DELETE(request) {
|
||||||
try {
|
try {
|
||||||
const { sudoPassword } = await request.json();
|
const body = await request.json().catch(() => ({}));
|
||||||
const isWin = process.platform === "win32";
|
const { sudoPassword } = body;
|
||||||
const pwd = sudoPassword || getCachedPassword() || await loadEncryptedPassword() || "";
|
const pwd = getPassword(sudoPassword) || await loadEncryptedPassword() || "";
|
||||||
|
|
||||||
if (!isWin && !pwd) {
|
if (!isWin && !pwd) {
|
||||||
return NextResponse.json({ error: "Missing sudoPassword" }, { status: 400 });
|
return NextResponse.json({ error: "Missing sudoPassword" }, { status: 400 });
|
||||||
}
|
}
|
||||||
|
|
||||||
await stopMitm(pwd);
|
await stopServer(pwd);
|
||||||
if (!isWin && sudoPassword) setCachedPassword(sudoPassword);
|
if (!isWin && sudoPassword) setCachedPassword(sudoPassword);
|
||||||
|
|
||||||
return NextResponse.json({ success: true, running: false });
|
return NextResponse.json({ success: true, running: false });
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log("Error stopping MITM:", error.message);
|
console.log("Error stopping MITM server:", error.message);
|
||||||
return NextResponse.json({ error: error.message || "Failed to stop MITM proxy" }, { status: 500 });
|
return NextResponse.json({ error: error.message || "Failed to stop MITM server" }, { status: 500 });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// PATCH - Toggle DNS for a specific tool (enable/disable)
|
||||||
|
export async function PATCH(request) {
|
||||||
|
try {
|
||||||
|
const { tool, action, sudoPassword } = await request.json();
|
||||||
|
const pwd = getPassword(sudoPassword) || await loadEncryptedPassword() || "";
|
||||||
|
|
||||||
|
if (!tool || !action) {
|
||||||
|
return NextResponse.json({ error: "tool and action required" }, { status: 400 });
|
||||||
|
}
|
||||||
|
if (!isWin && !pwd) {
|
||||||
|
return NextResponse.json({ error: "Missing sudoPassword" }, { status: 400 });
|
||||||
|
}
|
||||||
|
|
||||||
|
if (action === "enable") {
|
||||||
|
await enableToolDNS(tool, pwd);
|
||||||
|
} else if (action === "disable") {
|
||||||
|
await disableToolDNS(tool, pwd);
|
||||||
|
} else {
|
||||||
|
return NextResponse.json({ error: "action must be enable or disable" }, { status: 400 });
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!isWin && sudoPassword) setCachedPassword(sudoPassword);
|
||||||
|
|
||||||
|
const status = await getMitmStatus();
|
||||||
|
return NextResponse.json({ success: true, dnsStatus: status.dnsStatus });
|
||||||
|
} catch (error) {
|
||||||
|
console.log("Error toggling DNS:", error.message);
|
||||||
|
return NextResponse.json({ error: error.message || "Failed to toggle DNS" }, { status: 500 });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -34,15 +34,55 @@ export async function POST(request) {
|
|||||||
});
|
});
|
||||||
const latencyMs = Date.now() - start;
|
const latencyMs = Date.now() - start;
|
||||||
|
|
||||||
// 200 = ok; 400 = bad request but auth passed (model reachable)
|
const rawText = await res.text().catch(() => "");
|
||||||
const ok = res.status === 200 || res.status === 400;
|
let parsed = null;
|
||||||
let error = null;
|
try {
|
||||||
if (!ok) {
|
parsed = rawText ? JSON.parse(rawText) : null;
|
||||||
const text = await res.text().catch(() => "");
|
} catch {}
|
||||||
error = `HTTP ${res.status}${text ? `: ${text.slice(0, 120)}` : ""}`;
|
|
||||||
|
if (!res.ok) {
|
||||||
|
const detail = parsed?.error?.message || parsed?.msg || parsed?.message || parsed?.error || rawText;
|
||||||
|
const error = `HTTP ${res.status}${detail ? `: ${String(detail).slice(0, 240)}` : ""}`;
|
||||||
|
return NextResponse.json({ ok: false, latencyMs, error, status: res.status });
|
||||||
}
|
}
|
||||||
|
|
||||||
return NextResponse.json({ ok, latencyMs, error });
|
// Some providers may return HTTP 200 but not a real completion for invalid models.
|
||||||
|
const providerStatus = parsed?.status;
|
||||||
|
const providerMsg = parsed?.msg || parsed?.message;
|
||||||
|
const hasProviderErrorStatus = providerStatus !== undefined
|
||||||
|
&& providerStatus !== null
|
||||||
|
&& String(providerStatus) !== "200"
|
||||||
|
&& String(providerStatus) !== "0";
|
||||||
|
if (hasProviderErrorStatus && providerMsg) {
|
||||||
|
return NextResponse.json({
|
||||||
|
ok: false,
|
||||||
|
latencyMs,
|
||||||
|
status: res.status,
|
||||||
|
error: `Provider status ${providerStatus}: ${String(providerMsg).slice(0, 240)}`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (parsed?.error) {
|
||||||
|
const providerError = parsed?.error?.message || parsed?.error || "Provider returned an error";
|
||||||
|
return NextResponse.json({
|
||||||
|
ok: false,
|
||||||
|
latencyMs,
|
||||||
|
status: res.status,
|
||||||
|
error: String(providerError).slice(0, 240),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const hasChoices = Array.isArray(parsed?.choices) && parsed.choices.length > 0;
|
||||||
|
if (!hasChoices) {
|
||||||
|
return NextResponse.json({
|
||||||
|
ok: false,
|
||||||
|
latencyMs,
|
||||||
|
status: res.status,
|
||||||
|
error: "Provider returned no completion choices for this model",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return NextResponse.json({ ok: true, latencyMs, error: null, status: res.status });
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
return NextResponse.json({ ok: false, error: err.message }, { status: 500 });
|
return NextResponse.json({ ok: false, error: err.message }, { status: 500 });
|
||||||
}
|
}
|
||||||
|
|||||||
137
src/app/api/oauth/iflow/cookie/route.js
Normal file
137
src/app/api/oauth/iflow/cookie/route.js
Normal file
@@ -0,0 +1,137 @@
|
|||||||
|
import { NextResponse } from "next/server";
|
||||||
|
import { createProviderConnection } from "@/models";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* iFlow Cookie-Based Authentication
|
||||||
|
* POST /api/oauth/iflow/cookie
|
||||||
|
* Body: { cookie: "BXAuth=xxx; ..." }
|
||||||
|
*/
|
||||||
|
export async function POST(request) {
|
||||||
|
try {
|
||||||
|
const { cookie } = await request.json();
|
||||||
|
|
||||||
|
if (!cookie || typeof cookie !== "string") {
|
||||||
|
return NextResponse.json({ error: "Cookie is required" }, { status: 400 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Normalize cookie
|
||||||
|
const trimmed = cookie.trim();
|
||||||
|
if (!trimmed.includes("BXAuth=")) {
|
||||||
|
return NextResponse.json({ error: "Cookie must contain BXAuth field" }, { status: 400 });
|
||||||
|
}
|
||||||
|
|
||||||
|
let normalizedCookie = trimmed;
|
||||||
|
if (!normalizedCookie.endsWith(";")) {
|
||||||
|
normalizedCookie += ";";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Step 1: GET API key info to get the name
|
||||||
|
const getResponse = await fetch("https://platform.iflow.cn/api/openapi/apikey", {
|
||||||
|
method: "GET",
|
||||||
|
headers: {
|
||||||
|
"Cookie": normalizedCookie,
|
||||||
|
"Accept": "application/json, text/plain, */*",
|
||||||
|
"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
|
||||||
|
"Accept-Language": "zh-CN,zh;q=0.9,en;q=0.8",
|
||||||
|
"Accept-Encoding": "gzip, deflate, br",
|
||||||
|
"Connection": "keep-alive",
|
||||||
|
"Sec-Fetch-Dest": "empty",
|
||||||
|
"Sec-Fetch-Mode": "cors",
|
||||||
|
"Sec-Fetch-Site": "same-origin",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!getResponse.ok) {
|
||||||
|
const errorText = await getResponse.text();
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: `Failed to fetch API key info: ${errorText}` },
|
||||||
|
{ status: getResponse.status }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const getResult = await getResponse.json();
|
||||||
|
if (!getResult.success) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: `API key fetch failed: ${getResult.message}` },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const keyData = getResult.data;
|
||||||
|
if (!keyData.name) {
|
||||||
|
return NextResponse.json({ error: "Missing name in API key info" }, { status: 400 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Step 2: POST to refresh API key
|
||||||
|
const postResponse = await fetch("https://platform.iflow.cn/api/openapi/apikey", {
|
||||||
|
method: "POST",
|
||||||
|
headers: {
|
||||||
|
"Cookie": normalizedCookie,
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
"Accept": "application/json, text/plain, */*",
|
||||||
|
"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
|
||||||
|
"Accept-Language": "zh-CN,zh;q=0.9,en;q=0.8",
|
||||||
|
"Accept-Encoding": "gzip, deflate, br",
|
||||||
|
"Connection": "keep-alive",
|
||||||
|
"Origin": "https://platform.iflow.cn",
|
||||||
|
"Referer": "https://platform.iflow.cn/",
|
||||||
|
},
|
||||||
|
body: JSON.stringify({ name: keyData.name }),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!postResponse.ok) {
|
||||||
|
const errorText = await postResponse.text();
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: `Failed to refresh API key: ${errorText}` },
|
||||||
|
{ status: postResponse.status }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const postResult = await postResponse.json();
|
||||||
|
if (!postResult.success) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: `API key refresh failed: ${postResult.message}` },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const refreshedKey = postResult.data;
|
||||||
|
if (!refreshedKey.apiKey) {
|
||||||
|
return NextResponse.json({ error: "Missing API key in response" }, { status: 400 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Extract only BXAuth from cookie
|
||||||
|
const bxAuthMatch = normalizedCookie.match(/BXAuth=([^;]+)/);
|
||||||
|
const bxAuth = bxAuthMatch ? bxAuthMatch[1] : "";
|
||||||
|
const cookieToSave = bxAuth ? `BXAuth=${bxAuth};` : "";
|
||||||
|
|
||||||
|
// Save to database
|
||||||
|
const connection = await createProviderConnection({
|
||||||
|
provider: "iflow",
|
||||||
|
authType: "cookie",
|
||||||
|
name: refreshedKey.name || keyData.name,
|
||||||
|
email: refreshedKey.name || keyData.name,
|
||||||
|
apiKey: refreshedKey.apiKey,
|
||||||
|
providerSpecificData: {
|
||||||
|
cookie: cookieToSave,
|
||||||
|
expireTime: refreshedKey.expireTime,
|
||||||
|
},
|
||||||
|
testStatus: "active",
|
||||||
|
isActive: true,
|
||||||
|
});
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
connection: {
|
||||||
|
id: connection.id,
|
||||||
|
provider: connection.provider,
|
||||||
|
email: connection.email,
|
||||||
|
apiKey: refreshedKey.apiKey.substring(0, 10) + "...", // masked
|
||||||
|
expireTime: refreshedKey.expireTime,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error("iFlow cookie auth error:", error);
|
||||||
|
return NextResponse.json({ error: error.message }, { status: 500 });
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -44,6 +44,18 @@ const createOpenAIModelsConfig = (url) => ({
|
|||||||
parseResponse: parseOpenAIStyleModels
|
parseResponse: parseOpenAIStyleModels
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const resolveQwenModelsUrl = (connection) => {
|
||||||
|
const fallback = "https://portal.qwen.ai/v1/models";
|
||||||
|
const raw = connection?.providerSpecificData?.resourceUrl;
|
||||||
|
if (!raw || typeof raw !== "string") return fallback;
|
||||||
|
const value = raw.trim();
|
||||||
|
if (!value) return fallback;
|
||||||
|
if (value.startsWith("http://") || value.startsWith("https://")) {
|
||||||
|
return `${value.replace(/\/$/, "")}/models`;
|
||||||
|
}
|
||||||
|
return `https://${value.replace(/\/$/, "")}/v1/models`;
|
||||||
|
};
|
||||||
|
|
||||||
// Provider models endpoints configuration
|
// Provider models endpoints configuration
|
||||||
const PROVIDER_MODELS_CONFIG = {
|
const PROVIDER_MODELS_CONFIG = {
|
||||||
claude: {
|
claude: {
|
||||||
@@ -340,6 +352,9 @@ export async function GET(request, { params }) {
|
|||||||
|
|
||||||
// Build request URL
|
// Build request URL
|
||||||
let url = config.url;
|
let url = config.url;
|
||||||
|
if (connection.provider === "qwen") {
|
||||||
|
url = resolveQwenModelsUrl(connection);
|
||||||
|
}
|
||||||
if (config.authQuery) {
|
if (config.authQuery) {
|
||||||
url += `?${config.authQuery}=${token}`;
|
url += `?${config.authQuery}=${token}`;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -33,7 +33,8 @@ export async function POST(request) {
|
|||||||
// Build URL and headers using provider service
|
// Build URL and headers using provider service
|
||||||
const url = buildProviderUrl(provider, body.model || "test-model", true, {
|
const url = buildProviderUrl(provider, body.model || "test-model", true, {
|
||||||
baseUrlIndex: 0,
|
baseUrlIndex: 0,
|
||||||
baseUrl: connection.providerSpecificData?.baseUrl
|
baseUrl: connection.providerSpecificData?.baseUrl,
|
||||||
|
qwenResourceUrl: connection.providerSpecificData?.resourceUrl
|
||||||
});
|
});
|
||||||
console.log("🚀 ~ POST ~ url:", url)
|
console.log("🚀 ~ POST ~ url:", url)
|
||||||
const headers = buildProviderHeaders(provider, credentials, true, body);
|
const headers = buildProviderHeaders(provider, credentials, true, body);
|
||||||
|
|||||||
@@ -93,7 +93,8 @@ export async function POST(request) {
|
|||||||
// Build URL and headers
|
// Build URL and headers
|
||||||
const url = buildProviderUrl(provider, model, true, {
|
const url = buildProviderUrl(provider, model, true, {
|
||||||
baseUrlIndex: 0,
|
baseUrlIndex: 0,
|
||||||
baseUrl: connection.providerSpecificData?.baseUrl
|
baseUrl: connection.providerSpecificData?.baseUrl,
|
||||||
|
qwenResourceUrl: connection.providerSpecificData?.resourceUrl
|
||||||
});
|
});
|
||||||
const headers = buildProviderHeaders(provider, credentials, true, actualBody);
|
const headers = buildProviderHeaders(provider, credentials, true, actualBody);
|
||||||
|
|
||||||
|
|||||||
@@ -377,7 +377,7 @@ const PROVIDERS = {
|
|||||||
return await response.json();
|
return await response.json();
|
||||||
},
|
},
|
||||||
postExchange: async (tokens) => {
|
postExchange: async (tokens) => {
|
||||||
// Fetch user info
|
// Fetch user info (MUST succeed to get API key)
|
||||||
const userInfoRes = await fetch(
|
const userInfoRes = await fetch(
|
||||||
`${IFLOW_CONFIG.userInfoUrl}?accessToken=${encodeURIComponent(tokens.access_token)}`,
|
`${IFLOW_CONFIG.userInfoUrl}?accessToken=${encodeURIComponent(tokens.access_token)}`,
|
||||||
{
|
{
|
||||||
@@ -386,8 +386,30 @@ const PROVIDERS = {
|
|||||||
},
|
},
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
const result = userInfoRes.ok ? await userInfoRes.json() : {};
|
|
||||||
const userInfo = result.success ? result.data : {};
|
if (!userInfoRes.ok) {
|
||||||
|
const errorText = await userInfoRes.text();
|
||||||
|
throw new Error(`Failed to fetch user info: ${errorText}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = await userInfoRes.json();
|
||||||
|
if (!result.success) {
|
||||||
|
throw new Error(`User info request failed: ${result.message || 'Unknown error'}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
const userInfo = result.data || {};
|
||||||
|
|
||||||
|
// Validate API key (critical for iFlow)
|
||||||
|
if (!userInfo.apiKey || userInfo.apiKey.trim() === "") {
|
||||||
|
throw new Error("Empty API key returned from iFlow");
|
||||||
|
}
|
||||||
|
|
||||||
|
// Validate email/phone
|
||||||
|
const email = userInfo.email?.trim() || userInfo.phone?.trim();
|
||||||
|
if (!email) {
|
||||||
|
throw new Error("Missing account email/phone in user info");
|
||||||
|
}
|
||||||
|
|
||||||
return { userInfo };
|
return { userInfo };
|
||||||
},
|
},
|
||||||
mapTokens: (tokens, extra) => ({
|
mapTokens: (tokens, extra) => ({
|
||||||
|
|||||||
@@ -2,10 +2,18 @@ const path = require("path");
|
|||||||
const fs = require("fs");
|
const fs = require("fs");
|
||||||
const { MITM_DIR } = require("../paths");
|
const { MITM_DIR } = require("../paths");
|
||||||
|
|
||||||
const TARGET_HOST = "daily-cloudcode-pa.googleapis.com";
|
// Wildcard domains — covers all subdomains without needing cert update per tool
|
||||||
|
const WILDCARD_DOMAINS = [
|
||||||
|
"*.googleapis.com",
|
||||||
|
"*.githubcopilot.com",
|
||||||
|
"*.individual.githubcopilot.com",
|
||||||
|
"*.business.githubcopilot.com"
|
||||||
|
];
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Generate self-signed SSL certificate using selfsigned (pure JS, no openssl needed)
|
* Generate self-signed SSL certificate with wildcard SAN.
|
||||||
|
* Covers all current and future MITM tool domains automatically.
|
||||||
|
* Uses selfsigned (pure JS, no openssl needed).
|
||||||
*/
|
*/
|
||||||
async function generateCert() {
|
async function generateCert() {
|
||||||
const certDir = MITM_DIR;
|
const certDir = MITM_DIR;
|
||||||
@@ -22,7 +30,7 @@ async function generateCert() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const selfsigned = require("selfsigned");
|
const selfsigned = require("selfsigned");
|
||||||
const attrs = [{ name: "commonName", value: TARGET_HOST }];
|
const attrs = [{ name: "commonName", value: "9router-mitm" }];
|
||||||
const notAfter = new Date();
|
const notAfter = new Date();
|
||||||
notAfter.setFullYear(notAfter.getFullYear() + 1);
|
notAfter.setFullYear(notAfter.getFullYear() + 1);
|
||||||
const pems = await selfsigned.generate(attrs, {
|
const pems = await selfsigned.generate(attrs, {
|
||||||
@@ -30,14 +38,17 @@ async function generateCert() {
|
|||||||
algorithm: "sha256",
|
algorithm: "sha256",
|
||||||
notAfterDate: notAfter,
|
notAfterDate: notAfter,
|
||||||
extensions: [
|
extensions: [
|
||||||
{ name: "subjectAltName", altNames: [{ type: 2, value: TARGET_HOST }] }
|
{
|
||||||
|
name: "subjectAltName",
|
||||||
|
altNames: WILDCARD_DOMAINS.map(domain => ({ type: 2, value: domain }))
|
||||||
|
}
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
||||||
fs.writeFileSync(keyPath, pems.private);
|
fs.writeFileSync(keyPath, pems.private);
|
||||||
fs.writeFileSync(certPath, pems.cert);
|
fs.writeFileSync(certPath, pems.cert);
|
||||||
|
|
||||||
console.log(`✅ Generated SSL certificate for ${TARGET_HOST}`);
|
console.log(`✅ Generated wildcard SSL certificate: ${WILDCARD_DOMAINS.join(", ")}`);
|
||||||
return { key: keyPath, cert: certPath };
|
return { key: keyPath, cert: certPath };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -26,10 +26,14 @@ async function checkCertInstalled(certPath) {
|
|||||||
function checkCertInstalledMac(certPath) {
|
function checkCertInstalledMac(certPath) {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
try {
|
try {
|
||||||
// security outputs fingerprint without colons (e.g. "078B6B5F..."), strip them before grep
|
|
||||||
const fingerprint = getCertFingerprint(certPath).replace(/:/g, "");
|
const fingerprint = getCertFingerprint(certPath).replace(/:/g, "");
|
||||||
exec(`security find-certificate -a -Z /Library/Keychains/System.keychain | grep -i "${fingerprint}"`, (error, stdout) => {
|
// security verify-cert returns 0 only if cert is trusted by system policy
|
||||||
resolve(!error && !!stdout?.trim());
|
exec(`security verify-cert -c "${certPath}" -p ssl -k /Library/Keychains/System.keychain 2>/dev/null`, (error) => {
|
||||||
|
if (!error) return resolve(true);
|
||||||
|
// Fallback: check if fingerprint appears in System keychain with trust
|
||||||
|
exec(`security dump-trust-settings -d 2>/dev/null | grep -i "${fingerprint}"`, (err2, stdout2) => {
|
||||||
|
resolve(!err2 && !!stdout2?.trim());
|
||||||
|
});
|
||||||
});
|
});
|
||||||
} catch {
|
} catch {
|
||||||
resolve(false);
|
resolve(false);
|
||||||
|
|||||||
@@ -3,10 +3,12 @@ const fs = require("fs");
|
|||||||
const path = require("path");
|
const path = require("path");
|
||||||
const os = require("os");
|
const os = require("os");
|
||||||
|
|
||||||
const TARGET_HOSTS = [
|
// Per-tool DNS hosts mapping
|
||||||
"daily-cloudcode-pa.googleapis.com",
|
const TOOL_HOSTS = {
|
||||||
"cloudcode-pa.googleapis.com"
|
antigravity: ["daily-cloudcode-pa.googleapis.com", "cloudcode-pa.googleapis.com"],
|
||||||
];
|
copilot: ["api.individual.githubcopilot.com"],
|
||||||
|
};
|
||||||
|
|
||||||
const IS_WIN = process.platform === "win32";
|
const IS_WIN = process.platform === "win32";
|
||||||
const IS_MAC = process.platform === "darwin";
|
const IS_MAC = process.platform === "darwin";
|
||||||
const HOSTS_FILE = IS_WIN
|
const HOSTS_FILE = IS_WIN
|
||||||
@@ -38,58 +40,67 @@ function execWithPassword(command, password) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Execute elevated command on Windows via PowerShell RunAs (hidden window)
|
* Flush DNS cache (macOS/Linux)
|
||||||
*/
|
*/
|
||||||
function execElevatedWindows(command) {
|
async function flushDNS(sudoPassword) {
|
||||||
return new Promise((resolve, reject) => {
|
if (IS_WIN) return; // Windows flushes inline via ipconfig
|
||||||
const escaped = command.replace(/'/g, "''");
|
if (IS_MAC) {
|
||||||
const psCommand = `Start-Process cmd -ArgumentList '/c','${escaped}' -Verb RunAs -Wait -WindowStyle Hidden`;
|
await execWithPassword("dscacheutil -flushcache && killall -HUP mDNSResponder", sudoPassword);
|
||||||
exec(
|
} else {
|
||||||
`powershell -NonInteractive -WindowStyle Hidden -Command "${psCommand}"`,
|
await execWithPassword("resolvectl flush-caches 2>/dev/null || true", sudoPassword);
|
||||||
{ windowsHide: true },
|
|
||||||
(error, stdout, stderr) => {
|
|
||||||
if (error) reject(new Error(`Elevated command failed: ${error.message}\n${stderr}`));
|
|
||||||
else resolve(stdout);
|
|
||||||
}
|
}
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Check if DNS entry already exists for a specific host
|
* Check if DNS entry exists for a specific host
|
||||||
*/
|
*/
|
||||||
function checkDNSEntry(host = null) {
|
function checkDNSEntry(host = null) {
|
||||||
try {
|
try {
|
||||||
const hostsContent = fs.readFileSync(HOSTS_FILE, "utf8");
|
const hostsContent = fs.readFileSync(HOSTS_FILE, "utf8");
|
||||||
if (host) {
|
if (host) return hostsContent.includes(host);
|
||||||
return hostsContent.includes(host);
|
// Legacy: check all antigravity hosts (backward compat)
|
||||||
}
|
return TOOL_HOSTS.antigravity.every(h => hostsContent.includes(h));
|
||||||
// Check if all target hosts exist
|
|
||||||
return TARGET_HOSTS.every(h => hostsContent.includes(h));
|
|
||||||
} catch {
|
} catch {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add DNS entry to hosts file
|
* Check DNS status per tool — returns { [tool]: boolean }
|
||||||
*/
|
*/
|
||||||
async function addDNSEntry(sudoPassword) {
|
function checkAllDNSStatus() {
|
||||||
const entriesToAdd = TARGET_HOSTS.filter(host => !checkDNSEntry(host));
|
try {
|
||||||
|
const hostsContent = fs.readFileSync(HOSTS_FILE, "utf8");
|
||||||
|
const result = {};
|
||||||
|
for (const [tool, hosts] of Object.entries(TOOL_HOSTS)) {
|
||||||
|
result[tool] = hosts.every(h => hostsContent.includes(h));
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
} catch {
|
||||||
|
return Object.fromEntries(Object.keys(TOOL_HOSTS).map(t => [t, false]));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add DNS entries for a specific tool
|
||||||
|
*/
|
||||||
|
async function addDNSEntry(tool, sudoPassword) {
|
||||||
|
const hosts = TOOL_HOSTS[tool];
|
||||||
|
if (!hosts) throw new Error(`Unknown tool: ${tool}`);
|
||||||
|
|
||||||
|
const entriesToAdd = hosts.filter(h => !checkDNSEntry(h));
|
||||||
if (entriesToAdd.length === 0) {
|
if (entriesToAdd.length === 0) {
|
||||||
console.log(`DNS entries for all target hosts already exist`);
|
console.log(`DNS entries for ${tool} already exist`);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const entries = entriesToAdd.map(host => `127.0.0.1 ${host}`).join("\n");
|
const entries = entriesToAdd.map(h => `127.0.0.1 ${h}`).join("\n");
|
||||||
|
|
||||||
try {
|
try {
|
||||||
if (IS_WIN) {
|
if (IS_WIN) {
|
||||||
// Windows: add all entries + flush in one elevated PowerShell call (single UAC)
|
|
||||||
const hostsPath = HOSTS_FILE.replace(/'/g, "''");
|
const hostsPath = HOSTS_FILE.replace(/'/g, "''");
|
||||||
const addLines = entriesToAdd.map(host =>
|
const addLines = entriesToAdd.map(h =>
|
||||||
`$hc = Get-Content -Path '${hostsPath}' -Raw -ErrorAction SilentlyContinue; if ($hc -notmatch '${host}') { Add-Content -Path '${hostsPath}' -Value '127.0.0.1 ${host}' -Encoding UTF8 }`
|
`$hc = Get-Content -Path '${hostsPath}' -Raw -ErrorAction SilentlyContinue; if ($hc -notmatch '${h}') { Add-Content -Path '${hostsPath}' -Value '127.0.0.1 ${h}' -Encoding UTF8 }`
|
||||||
).join("; ");
|
).join("; ");
|
||||||
const psScript = `${addLines}; ipconfig /flushdns | Out-Null`;
|
const psScript = `${addLines}; ipconfig /flushdns | Out-Null`;
|
||||||
await new Promise((resolve, reject) => {
|
await new Promise((resolve, reject) => {
|
||||||
@@ -102,17 +113,9 @@ async function addDNSEntry(sudoPassword) {
|
|||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
await execWithPassword(`echo "${entries}" >> ${HOSTS_FILE}`, sudoPassword);
|
await execWithPassword(`echo "${entries}" >> ${HOSTS_FILE}`, sudoPassword);
|
||||||
|
await flushDNS(sudoPassword);
|
||||||
}
|
}
|
||||||
// Flush DNS cache (non-Windows)
|
console.log(`✅ Added DNS entries for ${tool}: ${entriesToAdd.join(", ")}`);
|
||||||
if (IS_WIN) {
|
|
||||||
// already flushed above
|
|
||||||
} else if (IS_MAC) {
|
|
||||||
await execWithPassword("dscacheutil -flushcache && killall -HUP mDNSResponder", sudoPassword);
|
|
||||||
} else {
|
|
||||||
// Linux: try systemd-resolved, fall back silently
|
|
||||||
await execWithPassword("resolvectl flush-caches 2>/dev/null || true", sudoPassword);
|
|
||||||
}
|
|
||||||
console.log(`✅ Added DNS entries: ${entriesToAdd.join(", ")}`);
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
const msg = error.message?.includes("incorrect password") ? "Wrong sudo password" : "Failed to add DNS entry";
|
const msg = error.message?.includes("incorrect password") ? "Wrong sudo password" : "Failed to add DNS entry";
|
||||||
throw new Error(msg);
|
throw new Error(msg);
|
||||||
@@ -120,29 +123,26 @@ async function addDNSEntry(sudoPassword) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove DNS entry from hosts file
|
* Remove DNS entries for a specific tool
|
||||||
*/
|
*/
|
||||||
async function removeDNSEntry(sudoPassword) {
|
async function removeDNSEntry(tool, sudoPassword) {
|
||||||
const entriesToRemove = TARGET_HOSTS.filter(host => checkDNSEntry(host));
|
const hosts = TOOL_HOSTS[tool];
|
||||||
|
if (!hosts) throw new Error(`Unknown tool: ${tool}`);
|
||||||
|
|
||||||
|
const entriesToRemove = hosts.filter(h => checkDNSEntry(h));
|
||||||
if (entriesToRemove.length === 0) {
|
if (entriesToRemove.length === 0) {
|
||||||
console.log(`DNS entries for target hosts do not exist`);
|
console.log(`DNS entries for ${tool} do not exist`);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
if (IS_WIN) {
|
if (IS_WIN) {
|
||||||
// Read in Node, filter, write to temp file, then single elevated-copy + flush (1 UAC)
|
|
||||||
const content = fs.readFileSync(HOSTS_FILE, "utf8");
|
const content = fs.readFileSync(HOSTS_FILE, "utf8");
|
||||||
const filtered = content.split(/\r?\n/).filter(l => !TARGET_HOSTS.some(host => l.includes(host))).join("\r\n");
|
const filtered = content.split(/\r?\n/).filter(l => !entriesToRemove.some(h => l.includes(h))).join("\r\n");
|
||||||
if (!filtered.trim() && content.trim()) {
|
|
||||||
throw new Error("Filtered hosts content is empty, aborting to prevent data loss");
|
|
||||||
}
|
|
||||||
const tmpFile = path.join(os.tmpdir(), "hosts_filtered.tmp");
|
const tmpFile = path.join(os.tmpdir(), "hosts_filtered.tmp");
|
||||||
fs.writeFileSync(tmpFile, filtered, "utf8");
|
fs.writeFileSync(tmpFile, filtered, "utf8");
|
||||||
const tmpEsc = tmpFile.replace(/'/g, "''");
|
const tmpEsc = tmpFile.replace(/'/g, "''");
|
||||||
const hostsEsc = HOSTS_FILE.replace(/'/g, "''");
|
const hostsEsc = HOSTS_FILE.replace(/'/g, "''");
|
||||||
// Single UAC: copy temp file over hosts + flush DNS
|
|
||||||
const psScript = `Copy-Item -Path '${tmpEsc}' -Destination '${hostsEsc}' -Force; ipconfig /flushdns | Out-Null; Remove-Item '${tmpEsc}' -ErrorAction SilentlyContinue`;
|
const psScript = `Copy-Item -Path '${tmpEsc}' -Destination '${hostsEsc}' -Force; ipconfig /flushdns | Out-Null; Remove-Item '${tmpEsc}' -ErrorAction SilentlyContinue`;
|
||||||
await new Promise((resolve, reject) => {
|
await new Promise((resolve, reject) => {
|
||||||
const escaped = psScript.replace(/"/g, '\\"');
|
const escaped = psScript.replace(/"/g, '\\"');
|
||||||
@@ -151,33 +151,46 @@ async function removeDNSEntry(sudoPassword) {
|
|||||||
{ windowsHide: true },
|
{ windowsHide: true },
|
||||||
(error) => {
|
(error) => {
|
||||||
try { fs.unlinkSync(tmpFile); } catch { /* ignore */ }
|
try { fs.unlinkSync(tmpFile); } catch { /* ignore */ }
|
||||||
if (error) reject(new Error(`Failed to remove DNS entry: ${error.message}`));
|
if (error) reject(new Error(`Failed to remove DNS: ${error.message}`));
|
||||||
else resolve();
|
else resolve();
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
// Remove all target hosts using sed
|
|
||||||
for (const host of entriesToRemove) {
|
for (const host of entriesToRemove) {
|
||||||
const sedCmd = IS_MAC
|
const sedCmd = IS_MAC
|
||||||
? `sed -i '' '/${host}/d' ${HOSTS_FILE}`
|
? `sed -i '' '/${host}/d' ${HOSTS_FILE}`
|
||||||
: `sed -i '/${host}/d' ${HOSTS_FILE}`;
|
: `sed -i '/${host}/d' ${HOSTS_FILE}`;
|
||||||
await execWithPassword(sedCmd, sudoPassword);
|
await execWithPassword(sedCmd, sudoPassword);
|
||||||
}
|
}
|
||||||
|
await flushDNS(sudoPassword);
|
||||||
}
|
}
|
||||||
// Flush DNS cache (non-Windows, already flushed above for Windows)
|
console.log(`✅ Removed DNS entries for ${tool}: ${entriesToRemove.join(", ")}`);
|
||||||
if (IS_WIN) {
|
|
||||||
// already flushed above
|
|
||||||
} else if (IS_MAC) {
|
|
||||||
await execWithPassword("dscacheutil -flushcache && killall -HUP mDNSResponder", sudoPassword);
|
|
||||||
} else {
|
|
||||||
await execWithPassword("resolvectl flush-caches 2>/dev/null || true", sudoPassword);
|
|
||||||
}
|
|
||||||
console.log(`✅ Removed DNS entries for ${entriesToRemove.join(", ")}`);
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
const msg = error.message?.includes("incorrect password") ? "Wrong sudo password" : "Failed to remove DNS entry";
|
const msg = error.message?.includes("incorrect password") ? "Wrong sudo password" : "Failed to remove DNS entry";
|
||||||
throw new Error(msg);
|
throw new Error(msg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
module.exports = { addDNSEntry, removeDNSEntry, execWithPassword, checkDNSEntry };
|
/**
|
||||||
|
* Remove ALL tool DNS entries (used when stopping server)
|
||||||
|
*/
|
||||||
|
async function removeAllDNSEntries(sudoPassword) {
|
||||||
|
for (const tool of Object.keys(TOOL_HOSTS)) {
|
||||||
|
try {
|
||||||
|
await removeDNSEntry(tool, sudoPassword);
|
||||||
|
} catch (e) {
|
||||||
|
console.log(`[MITM] Warning: failed to remove DNS for ${tool}: ${e.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
TOOL_HOSTS,
|
||||||
|
addDNSEntry,
|
||||||
|
removeDNSEntry,
|
||||||
|
removeAllDNSEntries,
|
||||||
|
execWithPassword,
|
||||||
|
checkDNSEntry,
|
||||||
|
checkAllDNSStatus,
|
||||||
|
};
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ const os = require("os");
|
|||||||
const net = require("net");
|
const net = require("net");
|
||||||
const https = require("https");
|
const https = require("https");
|
||||||
const crypto = require("crypto");
|
const crypto = require("crypto");
|
||||||
const { addDNSEntry, removeDNSEntry, checkDNSEntry } = require("./dns/dnsConfig");
|
const { addDNSEntry, removeDNSEntry, removeAllDNSEntries, checkAllDNSStatus } = require("./dns/dnsConfig");
|
||||||
|
|
||||||
const IS_WIN = process.platform === "win32";
|
const IS_WIN = process.platform === "win32";
|
||||||
const { generateCert } = require("./cert/generate");
|
const { generateCert } = require("./cert/generate");
|
||||||
@@ -13,45 +13,27 @@ const { installCert } = require("./cert/install");
|
|||||||
const { MITM_DIR } = require("./paths");
|
const { MITM_DIR } = require("./paths");
|
||||||
|
|
||||||
const MITM_PORT = 443;
|
const MITM_PORT = 443;
|
||||||
// Windows: node listens on 8443, netsh portproxy forwards 443→8443
|
|
||||||
const MITM_WIN_NODE_PORT = 8443;
|
const MITM_WIN_NODE_PORT = 8443;
|
||||||
const PID_FILE = path.join(MITM_DIR, ".mitm.pid");
|
const PID_FILE = path.join(MITM_DIR, ".mitm.pid");
|
||||||
|
|
||||||
// Resolve server.js path robustly:
|
|
||||||
// __dirname is unreliable inside Next.js bundles, so we use DATA_DIR env or
|
|
||||||
// fall back to locating the file relative to the app's source root.
|
|
||||||
function resolveServerPath() {
|
function resolveServerPath() {
|
||||||
// 1. Explicit override via env (useful for packaged/standalone builds)
|
|
||||||
if (process.env.MITM_SERVER_PATH) return process.env.MITM_SERVER_PATH;
|
if (process.env.MITM_SERVER_PATH) return process.env.MITM_SERVER_PATH;
|
||||||
|
|
||||||
// 2. Try sibling of this file (works in dev where __dirname is real)
|
|
||||||
const sibling = path.join(__dirname, "server.js");
|
const sibling = path.join(__dirname, "server.js");
|
||||||
if (fs.existsSync(sibling)) return sibling;
|
if (fs.existsSync(sibling)) return sibling;
|
||||||
|
|
||||||
// 3. Fallback: resolve from process.cwd() → src/mitm/server.js
|
|
||||||
const fromCwd = path.join(process.cwd(), "src", "mitm", "server.js");
|
const fromCwd = path.join(process.cwd(), "src", "mitm", "server.js");
|
||||||
if (fs.existsSync(fromCwd)) return fromCwd;
|
if (fs.existsSync(fromCwd)) return fromCwd;
|
||||||
|
|
||||||
// 4. Standalone build: app root is parent of .next
|
|
||||||
const fromNext = path.join(process.cwd(), "..", "src", "mitm", "server.js");
|
const fromNext = path.join(process.cwd(), "..", "src", "mitm", "server.js");
|
||||||
if (fs.existsSync(fromNext)) return fromNext;
|
if (fs.existsSync(fromNext)) return fromNext;
|
||||||
|
return fromCwd;
|
||||||
return fromCwd; // best guess
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const SERVER_PATH = resolveServerPath();
|
const SERVER_PATH = resolveServerPath();
|
||||||
|
|
||||||
const ENCRYPT_ALGO = "aes-256-gcm";
|
const ENCRYPT_ALGO = "aes-256-gcm";
|
||||||
const ENCRYPT_SALT = "9router-mitm-pwd";
|
const ENCRYPT_SALT = "9router-mitm-pwd";
|
||||||
|
|
||||||
/**
|
|
||||||
* Get process name using port 443
|
|
||||||
* @returns {string|null} Process name or null if not found
|
|
||||||
*/
|
|
||||||
function getProcessUsingPort443() {
|
function getProcessUsingPort443() {
|
||||||
try {
|
try {
|
||||||
if (IS_WIN) {
|
if (IS_WIN) {
|
||||||
// Use PowerShell for precise port 443 owner lookup
|
|
||||||
const psCmd = `powershell -NonInteractive -WindowStyle Hidden -Command ` +
|
const psCmd = `powershell -NonInteractive -WindowStyle Hidden -Command ` +
|
||||||
`"$c = Get-NetTCPConnection -LocalPort 443 -State Listen -ErrorAction SilentlyContinue | Select-Object -First 1; if ($c) { $c.OwningProcess } else { 0 }"`;
|
`"$c = Get-NetTCPConnection -LocalPort 443 -State Listen -ErrorAction SilentlyContinue | Select-Object -First 1; if ($c) { $c.OwningProcess } else { 0 }"`;
|
||||||
const pidStr = execSync(psCmd, { encoding: "utf8", windowsHide: true }).trim();
|
const pidStr = execSync(psCmd, { encoding: "utf8", windowsHide: true }).trim();
|
||||||
@@ -62,31 +44,22 @@ function getProcessUsingPort443() {
|
|||||||
if (processMatch) return processMatch[1].replace(".exe", "");
|
if (processMatch) return processMatch[1].replace(".exe", "");
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// macOS/Linux: use lsof
|
|
||||||
const result = execSync("lsof -i :443", { encoding: "utf8" });
|
const result = execSync("lsof -i :443", { encoding: "utf8" });
|
||||||
const lines = result.trim().split("\n");
|
const lines = result.trim().split("\n");
|
||||||
if (lines.length > 1) {
|
if (lines.length > 1) return lines[1].split(/\s+/)[0];
|
||||||
const processName = lines[1].split(/\s+/)[0];
|
|
||||||
return processName;
|
|
||||||
}
|
}
|
||||||
}
|
} catch {
|
||||||
} catch (error) {
|
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Store server process in-memory
|
|
||||||
let serverProcess = null;
|
let serverProcess = null;
|
||||||
let serverPid = null;
|
let serverPid = null;
|
||||||
|
|
||||||
// Persist sudo password across Next.js hot reloads (in-memory only)
|
|
||||||
function getCachedPassword() { return globalThis.__mitmSudoPassword || null; }
|
function getCachedPassword() { return globalThis.__mitmSudoPassword || null; }
|
||||||
function setCachedPassword(pwd) { globalThis.__mitmSudoPassword = pwd; }
|
function setCachedPassword(pwd) { globalThis.__mitmSudoPassword = pwd; }
|
||||||
|
|
||||||
// Check if a PID is alive
|
|
||||||
// EACCES = process exists but no permission (e.g. root process) → still alive
|
|
||||||
// ESRCH = process does not exist → dead
|
|
||||||
function isProcessAlive(pid) {
|
function isProcessAlive(pid) {
|
||||||
try {
|
try {
|
||||||
process.kill(pid, 0);
|
process.kill(pid, 0);
|
||||||
@@ -96,51 +69,41 @@ function isProcessAlive(pid) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Cross-platform process kill
|
|
||||||
function killProcess(pid, force = false, sudoPassword = null) {
|
function killProcess(pid, force = false, sudoPassword = null) {
|
||||||
if (IS_WIN) {
|
if (IS_WIN) {
|
||||||
const flag = force ? "/F " : "";
|
const flag = force ? "/F " : "";
|
||||||
exec(`taskkill ${flag}/PID ${pid}`, () => { });
|
exec(`taskkill ${flag}/PID ${pid}`, () => { });
|
||||||
} else {
|
} else {
|
||||||
const sig = force ? "SIGKILL" : "SIGTERM";
|
const sig = force ? "SIGKILL" : "SIGTERM";
|
||||||
// Kill entire process group (sudo parent + child node)
|
|
||||||
const cmd = `pkill -${sig} -P ${pid} 2>/dev/null; kill -${sig} ${pid} 2>/dev/null`;
|
const cmd = `pkill -${sig} -P ${pid} 2>/dev/null; kill -${sig} ${pid} 2>/dev/null`;
|
||||||
if (sudoPassword) {
|
if (sudoPassword) {
|
||||||
const { execWithPassword } = require("./dns/dnsConfig");
|
const { execWithPassword } = require("./dns/dnsConfig");
|
||||||
execWithPassword(cmd, sudoPassword).catch(() => {
|
execWithPassword(cmd, sudoPassword).catch(() => exec(cmd, () => { }));
|
||||||
// Fallback without sudo
|
|
||||||
exec(cmd, () => { });
|
|
||||||
});
|
|
||||||
} else {
|
} else {
|
||||||
exec(cmd, () => { });
|
exec(cmd, () => { });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Derive a 32-byte encryption key from machineId */
|
|
||||||
function deriveKey() {
|
function deriveKey() {
|
||||||
try {
|
try {
|
||||||
const { machineIdSync } = require("node-machine-id");
|
const { machineIdSync } = require("node-machine-id");
|
||||||
const raw = machineIdSync();
|
const raw = machineIdSync();
|
||||||
return crypto.createHash("sha256").update(raw + ENCRYPT_SALT).digest();
|
return crypto.createHash("sha256").update(raw + ENCRYPT_SALT).digest();
|
||||||
} catch {
|
} catch {
|
||||||
// Fallback: fixed key derived from salt (less secure but functional)
|
|
||||||
return crypto.createHash("sha256").update(ENCRYPT_SALT).digest();
|
return crypto.createHash("sha256").update(ENCRYPT_SALT).digest();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Encrypt sudo password with AES-256-GCM */
|
|
||||||
function encryptPassword(plaintext) {
|
function encryptPassword(plaintext) {
|
||||||
const key = deriveKey();
|
const key = deriveKey();
|
||||||
const iv = crypto.randomBytes(12);
|
const iv = crypto.randomBytes(12);
|
||||||
const cipher = crypto.createCipheriv(ENCRYPT_ALGO, key, iv);
|
const cipher = crypto.createCipheriv(ENCRYPT_ALGO, key, iv);
|
||||||
const encrypted = Buffer.concat([cipher.update(plaintext, "utf8"), cipher.final()]);
|
const encrypted = Buffer.concat([cipher.update(plaintext, "utf8"), cipher.final()]);
|
||||||
const tag = cipher.getAuthTag();
|
const tag = cipher.getAuthTag();
|
||||||
// Store as hex: iv:tag:ciphertext
|
|
||||||
return `${iv.toString("hex")}:${tag.toString("hex")}:${encrypted.toString("hex")}`;
|
return `${iv.toString("hex")}:${tag.toString("hex")}:${encrypted.toString("hex")}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Decrypt sudo password */
|
|
||||||
function decryptPassword(stored) {
|
function decryptPassword(stored) {
|
||||||
try {
|
try {
|
||||||
const [ivHex, tagHex, dataHex] = stored.split(":");
|
const [ivHex, tagHex, dataHex] = stored.split(":");
|
||||||
@@ -154,23 +117,16 @@ function decryptPassword(stored) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// DB hooks — injected from ESM context (initializeApp / route handlers)
|
|
||||||
// to avoid webpack bundling issues with dynamic imports in CJS modules.
|
|
||||||
let _getSettings = null;
|
let _getSettings = null;
|
||||||
let _updateSettings = null;
|
let _updateSettings = null;
|
||||||
|
|
||||||
/** Called once from ESM context to inject DB access functions */
|
|
||||||
function initDbHooks(getSettingsFn, updateSettingsFn) {
|
function initDbHooks(getSettingsFn, updateSettingsFn) {
|
||||||
_getSettings = getSettingsFn;
|
_getSettings = getSettingsFn;
|
||||||
_updateSettings = updateSettingsFn;
|
_updateSettings = updateSettingsFn;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Save encrypted sudo password + mitmEnabled to db */
|
|
||||||
async function saveMitmSettings(enabled, password) {
|
async function saveMitmSettings(enabled, password) {
|
||||||
if (!_updateSettings) {
|
if (!_updateSettings) return;
|
||||||
console.log("[MITM] DB hooks not initialized, skipping save");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
try {
|
||||||
const updates = { mitmEnabled: enabled };
|
const updates = { mitmEnabled: enabled };
|
||||||
if (password) updates.mitmSudoEncrypted = encryptPassword(password);
|
if (password) updates.mitmSudoEncrypted = encryptPassword(password);
|
||||||
@@ -180,7 +136,6 @@ async function saveMitmSettings(enabled, password) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Load and decrypt sudo password from db */
|
|
||||||
async function loadEncryptedPassword() {
|
async function loadEncryptedPassword() {
|
||||||
if (!_getSettings) return null;
|
if (!_getSettings) return null;
|
||||||
try {
|
try {
|
||||||
@@ -192,37 +147,27 @@ async function loadEncryptedPassword() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Check if port 443 is available
|
|
||||||
* Returns: "free" | "in-use" | "no-permission"
|
|
||||||
*/
|
|
||||||
function checkPort443Free() {
|
function checkPort443Free() {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
const tester = net.createServer();
|
const tester = net.createServer();
|
||||||
tester.once("error", (err) => {
|
tester.once("error", (err) => {
|
||||||
if (err.code === "EADDRINUSE") resolve("in-use");
|
if (err.code === "EADDRINUSE") resolve("in-use");
|
||||||
else resolve("no-permission"); // EACCES or other → port free but needs sudo
|
else resolve("no-permission");
|
||||||
});
|
});
|
||||||
tester.once("listening", () => { tester.close(() => resolve("free")); });
|
tester.once("listening", () => { tester.close(() => resolve("free")); });
|
||||||
tester.listen(MITM_PORT, "127.0.0.1");
|
tester.listen(MITM_PORT, "127.0.0.1");
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Get PID and process name currently holding port 443
|
|
||||||
* Returns { pid, name } or null if port is free / cannot determine
|
|
||||||
*/
|
|
||||||
function getPort443Owner(sudoPassword) {
|
function getPort443Owner(sudoPassword) {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
if (IS_WIN) {
|
if (IS_WIN) {
|
||||||
// Use PowerShell Get-NetTCPConnection for precise port 443 owner lookup
|
|
||||||
const psCmd = `powershell -NonInteractive -WindowStyle Hidden -Command "` +
|
const psCmd = `powershell -NonInteractive -WindowStyle Hidden -Command "` +
|
||||||
`$c = Get-NetTCPConnection -LocalPort 443 -State Listen -ErrorAction SilentlyContinue | Select-Object -First 1; ` +
|
`$c = Get-NetTCPConnection -LocalPort 443 -State Listen -ErrorAction SilentlyContinue | Select-Object -First 1; ` +
|
||||||
`if ($c) { $c.OwningProcess } else { 0 }"`;
|
`if ($c) { $c.OwningProcess } else { 0 }"`;
|
||||||
exec(psCmd, { windowsHide: true }, (err, stdout) => {
|
exec(psCmd, { windowsHide: true }, (err, stdout) => {
|
||||||
if (err) return resolve(null);
|
if (err) return resolve(null);
|
||||||
const pid = parseInt(stdout.trim(), 10);
|
const pid = parseInt(stdout.trim(), 10);
|
||||||
// 0 = no owner, <=4 = System/Idle — not real port owners
|
|
||||||
if (!pid || pid <= 4) return resolve(null);
|
if (!pid || pid <= 4) return resolve(null);
|
||||||
exec(`tasklist /FI "PID eq ${pid}" /FO CSV /NH`, { windowsHide: true }, (e2, out2) => {
|
exec(`tasklist /FI "PID eq ${pid}" /FO CSV /NH`, { windowsHide: true }, (e2, out2) => {
|
||||||
const m = out2?.match(/"([^"]+)"/);
|
const m = out2?.match(/"([^"]+)"/);
|
||||||
@@ -230,7 +175,6 @@ function getPort443Owner(sudoPassword) {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
// Use ps to find node process running server.js (no sudo needed)
|
|
||||||
exec(`ps aux | grep "[s]erver.js"`, (err, stdout) => {
|
exec(`ps aux | grep "[s]erver.js"`, (err, stdout) => {
|
||||||
if (!stdout?.trim()) return resolve(null);
|
if (!stdout?.trim()) return resolve(null);
|
||||||
for (const line of stdout.split("\n")) {
|
for (const line of stdout.split("\n")) {
|
||||||
@@ -244,19 +188,12 @@ function getPort443Owner(sudoPassword) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Kill any leftover MITM server process (from previous failed start)
|
|
||||||
* Uses sudo to kill the node process that was spawned with sudo
|
|
||||||
*/
|
|
||||||
async function killLeftoverMitm(sudoPassword) {
|
async function killLeftoverMitm(sudoPassword) {
|
||||||
// Kill in-memory process if still alive
|
|
||||||
if (serverProcess && !serverProcess.killed) {
|
if (serverProcess && !serverProcess.killed) {
|
||||||
try { serverProcess.kill("SIGKILL"); } catch { /* ignore */ }
|
try { serverProcess.kill("SIGKILL"); } catch { /* ignore */ }
|
||||||
serverProcess = null;
|
serverProcess = null;
|
||||||
serverPid = null;
|
serverPid = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Kill from PID file
|
|
||||||
try {
|
try {
|
||||||
if (fs.existsSync(PID_FILE)) {
|
if (fs.existsSync(PID_FILE)) {
|
||||||
const savedPid = parseInt(fs.readFileSync(PID_FILE, "utf-8").trim(), 10);
|
const savedPid = parseInt(fs.readFileSync(PID_FILE, "utf-8").trim(), 10);
|
||||||
@@ -267,8 +204,6 @@ async function killLeftoverMitm(sudoPassword) {
|
|||||||
fs.unlinkSync(PID_FILE);
|
fs.unlinkSync(PID_FILE);
|
||||||
}
|
}
|
||||||
} catch { /* ignore */ }
|
} catch { /* ignore */ }
|
||||||
|
|
||||||
// Also kill any node process running server.js via sudo (belt-and-suspenders)
|
|
||||||
if (!IS_WIN && SERVER_PATH) {
|
if (!IS_WIN && SERVER_PATH) {
|
||||||
try {
|
try {
|
||||||
const escaped = SERVER_PATH.replace(/'/g, "'\\''");
|
const escaped = SERVER_PATH.replace(/'/g, "'\\''");
|
||||||
@@ -283,10 +218,6 @@ async function killLeftoverMitm(sudoPassword) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Poll MITM health endpoint until server is up or timeout.
|
|
||||||
* Returns { ok, pid } on success, null on timeout.
|
|
||||||
*/
|
|
||||||
function pollMitmHealth(timeoutMs, port = MITM_PORT) {
|
function pollMitmHealth(timeoutMs, port = MITM_PORT) {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
const deadline = Date.now() + timeoutMs;
|
const deadline = Date.now() + timeoutMs;
|
||||||
@@ -315,7 +246,38 @@ function pollMitmHealth(timeoutMs, port = MITM_PORT) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Get MITM status
|
* Check which tools have their domains covered by the installed cert SAN.
|
||||||
|
* Uses built-in crypto.X509Certificate (Node 15.6+).
|
||||||
|
*/
|
||||||
|
function getCertToolCoverage(certPath) {
|
||||||
|
try {
|
||||||
|
const pem = fs.readFileSync(certPath, "utf8");
|
||||||
|
const cert = new crypto.X509Certificate(pem);
|
||||||
|
const san = cert.subjectAltName || "";
|
||||||
|
// Extract all DNS SANs
|
||||||
|
const sans = san.split(",").map(s => s.trim().replace(/^DNS:/, ""));
|
||||||
|
const matchesSan = (domain) => sans.some(s => {
|
||||||
|
if (s === domain) return true;
|
||||||
|
// Wildcard: *.foo.com matches bar.foo.com
|
||||||
|
if (s.startsWith("*.")) {
|
||||||
|
const suffix = s.slice(1); // .foo.com
|
||||||
|
return domain.endsWith(suffix) && !domain.slice(0, -suffix.length).includes(".");
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
const { TOOL_HOSTS } = require("./dns/dnsConfig");
|
||||||
|
const coverage = {};
|
||||||
|
for (const [tool, hosts] of Object.entries(TOOL_HOSTS)) {
|
||||||
|
coverage[tool] = hosts.every(matchesSan);
|
||||||
|
}
|
||||||
|
return coverage;
|
||||||
|
} catch {
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get full MITM status including per-tool DNS status
|
||||||
*/
|
*/
|
||||||
async function getMitmStatus() {
|
async function getMitmStatus() {
|
||||||
let running = serverProcess !== null && !serverProcess.killed;
|
let running = serverProcess !== null && !serverProcess.killed;
|
||||||
@@ -332,30 +294,26 @@ async function getMitmStatus() {
|
|||||||
fs.unlinkSync(PID_FILE);
|
fs.unlinkSync(PID_FILE);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} catch {
|
} catch { /* ignore */ }
|
||||||
// Ignore
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const dnsConfigured = checkDNSEntry();
|
const dnsStatus = checkAllDNSStatus();
|
||||||
const certExists = fs.existsSync(path.join(MITM_DIR, "server.crt"));
|
const certPath = path.join(MITM_DIR, "server.crt");
|
||||||
|
const certExists = fs.existsSync(certPath);
|
||||||
|
const certCoversTools = certExists ? getCertToolCoverage(certPath) : {};
|
||||||
|
|
||||||
return { running, pid, dnsConfigured, certExists };
|
return { running, pid, certExists, dnsStatus, certCoversTools };
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Start MITM proxy
|
* Start MITM server only (cert + server, no DNS)
|
||||||
* @param {string} apiKey - 9Router API key
|
|
||||||
* @param {string} sudoPassword - Sudo password for DNS/cert operations
|
|
||||||
*/
|
*/
|
||||||
async function startMitm(apiKey, sudoPassword) {
|
async function startServer(apiKey, sudoPassword) {
|
||||||
// Check orphan process from PID file before spawning
|
|
||||||
if (!serverProcess || serverProcess.killed) {
|
if (!serverProcess || serverProcess.killed) {
|
||||||
try {
|
try {
|
||||||
if (fs.existsSync(PID_FILE)) {
|
if (fs.existsSync(PID_FILE)) {
|
||||||
const savedPid = parseInt(fs.readFileSync(PID_FILE, "utf-8").trim(), 10);
|
const savedPid = parseInt(fs.readFileSync(PID_FILE, "utf-8").trim(), 10);
|
||||||
if (savedPid && isProcessAlive(savedPid)) {
|
if (savedPid && isProcessAlive(savedPid)) {
|
||||||
// Orphan MITM process still alive — reuse it
|
|
||||||
serverPid = savedPid;
|
serverPid = savedPid;
|
||||||
console.log(`[MITM] Reusing existing process PID ${savedPid}`);
|
console.log(`[MITM] Reusing existing process PID ${savedPid}`);
|
||||||
await saveMitmSettings(true, sudoPassword);
|
await saveMitmSettings(true, sudoPassword);
|
||||||
@@ -365,25 +323,20 @@ async function startMitm(apiKey, sudoPassword) {
|
|||||||
fs.unlinkSync(PID_FILE);
|
fs.unlinkSync(PID_FILE);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} catch {
|
} catch { /* ignore */ }
|
||||||
// Ignore stale PID file errors
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (serverProcess && !serverProcess.killed) {
|
if (serverProcess && !serverProcess.killed) {
|
||||||
throw new Error("MITM proxy is already running");
|
throw new Error("MITM server is already running");
|
||||||
}
|
}
|
||||||
|
|
||||||
// Kill any leftover MITM server from a previous failed start attempt
|
|
||||||
await killLeftoverMitm(sudoPassword);
|
await killLeftoverMitm(sudoPassword);
|
||||||
|
|
||||||
if (!IS_WIN) {
|
if (!IS_WIN) {
|
||||||
// Check port 443 availability — Windows handles this inside elevated script
|
|
||||||
const portStatus = await checkPort443Free();
|
const portStatus = await checkPort443Free();
|
||||||
if (portStatus === "in-use" || portStatus === "no-permission") {
|
if (portStatus === "in-use" || portStatus === "no-permission") {
|
||||||
const owner = await getPort443Owner(sudoPassword);
|
const owner = await getPort443Owner(sudoPassword);
|
||||||
if (owner && owner.name === "node") {
|
if (owner && owner.name === "node") {
|
||||||
// Orphan MITM node process — kill it and continue
|
|
||||||
console.log(`[MITM] Killing orphan node process on port 443 (PID ${owner.pid})...`);
|
console.log(`[MITM] Killing orphan node process on port 443 (PID ${owner.pid})...`);
|
||||||
try {
|
try {
|
||||||
const { execWithPassword } = require("./dns/dnsConfig");
|
const { execWithPassword } = require("./dns/dnsConfig");
|
||||||
@@ -394,76 +347,61 @@ async function startMitm(apiKey, sudoPassword) {
|
|||||||
const shortName = owner.name.includes("/")
|
const shortName = owner.name.includes("/")
|
||||||
? owner.name.split("/").filter(Boolean).pop()
|
? owner.name.split("/").filter(Boolean).pop()
|
||||||
: owner.name;
|
: owner.name;
|
||||||
throw new Error(
|
throw new Error(`Port 443 is already in use by "${shortName}" (PID ${owner.pid}). Stop that process first.`);
|
||||||
`Port 443 is already in use by "${shortName}" (PID ${owner.pid}). Stop that process first, then retry.`
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const steps = { cert: false, server: false, dns: false };
|
// Step 1: Generate SSL certificate if not exists or missing domain coverage
|
||||||
|
|
||||||
// Step 1: Generate SSL certificate if not exists
|
|
||||||
const certPath = path.join(MITM_DIR, "server.crt");
|
const certPath = path.join(MITM_DIR, "server.crt");
|
||||||
|
const keyPath = path.join(MITM_DIR, "server.key");
|
||||||
|
let needsRegenerate = false;
|
||||||
|
|
||||||
if (!fs.existsSync(certPath)) {
|
if (!fs.existsSync(certPath)) {
|
||||||
console.log("[MITM] Generating SSL certificate...");
|
console.log("[MITM] Generating SSL certificate...");
|
||||||
|
needsRegenerate = true;
|
||||||
|
} else {
|
||||||
|
// Check if cert covers all tool domains
|
||||||
|
const coverage = getCertToolCoverage(certPath);
|
||||||
|
const { TOOL_HOSTS } = require("./dns/dnsConfig");
|
||||||
|
const allCovered = Object.keys(TOOL_HOSTS).every(tool => coverage[tool] === true);
|
||||||
|
if (!allCovered) {
|
||||||
|
console.log("[MITM] Certificate missing domain coverage — regenerating...");
|
||||||
|
needsRegenerate = true;
|
||||||
|
try {
|
||||||
|
fs.unlinkSync(certPath);
|
||||||
|
if (fs.existsSync(keyPath)) fs.unlinkSync(keyPath);
|
||||||
|
} catch { /* ignore */ }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (needsRegenerate) {
|
||||||
await generateCert();
|
await generateCert();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Step 2: Spawn MITM server
|
// Step 2: Install cert + spawn server
|
||||||
console.log("[MITM] Starting server...");
|
|
||||||
|
|
||||||
if (IS_WIN) {
|
if (IS_WIN) {
|
||||||
// Windows: single UAC via VBScript → elevated PowerShell script that:
|
|
||||||
// 1. Installs SSL cert 2. Adds DNS entries 3. Starts node server.js (elevated → can bind 443) 4. Writes flag
|
|
||||||
// Node polls flag file to know when server is ready, then health-checks port 443
|
|
||||||
const hostsFile = path.join(process.env.SystemRoot || "C:\\Windows", "System32", "drivers", "etc", "hosts");
|
const hostsFile = path.join(process.env.SystemRoot || "C:\\Windows", "System32", "drivers", "etc", "hosts");
|
||||||
const TARGET_HOSTS_WIN = ["daily-cloudcode-pa.googleapis.com", "cloudcode-pa.googleapis.com"];
|
|
||||||
|
|
||||||
// Use Chr(34) in VBScript for quotes — avoid escaping issues
|
|
||||||
const flagFile = path.join(os.tmpdir(), `mitm_ready_${Date.now()}.flag`);
|
const flagFile = path.join(os.tmpdir(), `mitm_ready_${Date.now()}.flag`);
|
||||||
|
|
||||||
// PowerShell uses single-quoted strings — escape single quotes only
|
|
||||||
const psSQ = (s) => s.replace(/'/g, "''");
|
const psSQ = (s) => s.replace(/'/g, "''");
|
||||||
const certPs = psSQ(certPath);
|
const certPs = psSQ(certPath);
|
||||||
const hostsPs = psSQ(hostsFile);
|
|
||||||
const nodePs = psSQ(process.execPath);
|
const nodePs = psSQ(process.execPath);
|
||||||
const serverPs = psSQ(SERVER_PATH);
|
const serverPs = psSQ(SERVER_PATH);
|
||||||
const flagPs = psSQ(flagFile);
|
const flagPs = psSQ(flagFile);
|
||||||
|
|
||||||
const dnsLines = TARGET_HOSTS_WIN.map(h =>
|
|
||||||
`$hc = Get-Content -Path '${hostsPs}' -Raw -ErrorAction SilentlyContinue\n` +
|
|
||||||
`if ($hc -notmatch [regex]::Escape('${h}')) { Add-Content -Path '${hostsPs}' -Value '127.0.0.1 ${h}' -Encoding UTF8 }`
|
|
||||||
).join("\n");
|
|
||||||
|
|
||||||
const psScript = [
|
const psScript = [
|
||||||
`# 0. Kill any orphan node process on port 443`,
|
|
||||||
`$conn = Get-NetTCPConnection -LocalPort 443 -State Listen -ErrorAction SilentlyContinue | Select-Object -First 1`,
|
`$conn = Get-NetTCPConnection -LocalPort 443 -State Listen -ErrorAction SilentlyContinue | Select-Object -First 1`,
|
||||||
`if ($conn -and $conn.OwningProcess -gt 4) { Stop-Process -Id $conn.OwningProcess -Force -ErrorAction SilentlyContinue }`,
|
`if ($conn -and $conn.OwningProcess -gt 4) { Stop-Process -Id $conn.OwningProcess -Force -ErrorAction SilentlyContinue }`,
|
||||||
`Start-Sleep -Milliseconds 500`,
|
`Start-Sleep -Milliseconds 500`,
|
||||||
``,
|
|
||||||
`# 1. Install SSL cert to Windows Root store (always run to ensure trust)`,
|
|
||||||
`& certutil -addstore Root '${certPs}' | Out-Null`,
|
`& certutil -addstore Root '${certPs}' | Out-Null`,
|
||||||
``,
|
|
||||||
`# 2. Add DNS entries to hosts file`,
|
|
||||||
dnsLines,
|
|
||||||
`& ipconfig /flushdns | Out-Null`,
|
|
||||||
``,
|
|
||||||
`# 3. Start node MITM server elevated (required to bind port 443)`,
|
|
||||||
`# Use cmd /c to pass env vars inline — Start-Process does not inherit current env`,
|
|
||||||
`$nodeCmd = 'set ROUTER_API_KEY=${psSQ(apiKey)}&& set NODE_ENV=production&& "${nodePs}" "${serverPs}"'`,
|
`$nodeCmd = 'set ROUTER_API_KEY=${psSQ(apiKey)}&& set NODE_ENV=production&& "${nodePs}" "${serverPs}"'`,
|
||||||
`Start-Process cmd -ArgumentList '/c',$nodeCmd -WindowStyle Hidden`,
|
`Start-Process cmd -ArgumentList '/c',$nodeCmd -WindowStyle Hidden`,
|
||||||
``,
|
|
||||||
`# 4. Signal ready`,
|
|
||||||
`Start-Sleep -Milliseconds 500`,
|
`Start-Sleep -Milliseconds 500`,
|
||||||
`Set-Content -Path '${flagPs}' -Value 'ready' -Encoding UTF8`,
|
`Set-Content -Path '${flagPs}' -Value 'ready' -Encoding UTF8`,
|
||||||
].join("\n");
|
].join("\n");
|
||||||
|
|
||||||
const tmpPs1 = path.join(os.tmpdir(), `mitm_start_${Date.now()}.ps1`);
|
const tmpPs1 = path.join(os.tmpdir(), `mitm_start_${Date.now()}.ps1`);
|
||||||
fs.writeFileSync(tmpPs1, psScript, "utf8");
|
fs.writeFileSync(tmpPs1, psScript, "utf8");
|
||||||
|
|
||||||
// VBScript uses Shell.Application.ShellExecute to trigger UAC from any context
|
|
||||||
// Chr(34) = double-quote, avoids VBScript string escaping issues
|
|
||||||
const vbs = [
|
const vbs = [
|
||||||
`Set oShell = CreateObject("Shell.Application")`,
|
`Set oShell = CreateObject("Shell.Application")`,
|
||||||
`Dim ps`,
|
`Dim ps`,
|
||||||
@@ -474,19 +412,16 @@ async function startMitm(apiKey, sudoPassword) {
|
|||||||
].join("\r\n");
|
].join("\r\n");
|
||||||
const tmpVbs = path.join(os.tmpdir(), `mitm_uac_${Date.now()}.vbs`);
|
const tmpVbs = path.join(os.tmpdir(), `mitm_uac_${Date.now()}.vbs`);
|
||||||
fs.writeFileSync(tmpVbs, vbs, "utf8");
|
fs.writeFileSync(tmpVbs, vbs, "utf8");
|
||||||
|
|
||||||
// Launch VBScript — shows UAC dialog, user confirms, script runs elevated
|
|
||||||
spawn("wscript.exe", [tmpVbs], { stdio: "ignore", windowsHide: false, detached: true }).unref();
|
spawn("wscript.exe", [tmpVbs], { stdio: "ignore", windowsHide: false, detached: true }).unref();
|
||||||
|
|
||||||
// Poll flag file — resolves when elevated script completes
|
|
||||||
await new Promise((resolve, reject) => {
|
await new Promise((resolve, reject) => {
|
||||||
const deadline = Date.now() + 90000; // 90s: UAC wait + cert install + node start
|
const deadline = Date.now() + 90000;
|
||||||
const poll = () => {
|
const poll = () => {
|
||||||
if (fs.existsSync(flagFile)) {
|
if (fs.existsSync(flagFile)) {
|
||||||
try { fs.unlinkSync(flagFile); fs.unlinkSync(tmpPs1); fs.unlinkSync(tmpVbs); } catch { /* ignore */ }
|
try { fs.unlinkSync(flagFile); fs.unlinkSync(tmpPs1); fs.unlinkSync(tmpVbs); } catch { /* ignore */ }
|
||||||
return resolve();
|
return resolve();
|
||||||
}
|
}
|
||||||
if (Date.now() > deadline) return reject(new Error("Timed out waiting for UAC confirmation. Please try again."));
|
if (Date.now() > deadline) return reject(new Error("Timed out waiting for UAC confirmation."));
|
||||||
setTimeout(poll, 500);
|
setTimeout(poll, 500);
|
||||||
};
|
};
|
||||||
poll();
|
poll();
|
||||||
@@ -494,17 +429,13 @@ async function startMitm(apiKey, sudoPassword) {
|
|||||||
|
|
||||||
if (_updateSettings) await _updateSettings({ mitmCertInstalled: true }).catch(() => { });
|
if (_updateSettings) await _updateSettings({ mitmCertInstalled: true }).catch(() => { });
|
||||||
} else {
|
} else {
|
||||||
// macOS/Linux: Step 1 Cert → Step 2 Server → Step 3 DNS
|
|
||||||
// Cert first — no side effects on IDE if it fails
|
|
||||||
const { checkCertInstalled } = require("./cert/install");
|
const { checkCertInstalled } = require("./cert/install");
|
||||||
const certTrusted = await checkCertInstalled(certPath);
|
const certTrusted = await checkCertInstalled(certPath);
|
||||||
if (!certTrusted) {
|
if (!certTrusted) {
|
||||||
await installCert(sudoPassword, certPath);
|
await installCert(sudoPassword, certPath);
|
||||||
if (_updateSettings) await _updateSettings({ mitmCertInstalled: true }).catch(() => { });
|
if (_updateSettings) await _updateSettings({ mitmCertInstalled: true }).catch(() => { });
|
||||||
}
|
}
|
||||||
steps.cert = true;
|
|
||||||
|
|
||||||
// Server second — binds port 443 but DNS not yet redirected, IDE unaffected
|
|
||||||
const inlineCmd = `ROUTER_API_KEY='${apiKey}' NODE_ENV='production' '${process.execPath}' '${SERVER_PATH}'`;
|
const inlineCmd = `ROUTER_API_KEY='${apiKey}' NODE_ENV='production' '${process.execPath}' '${SERVER_PATH}'`;
|
||||||
serverProcess = spawn(
|
serverProcess = spawn(
|
||||||
"sudo", ["-S", "-E", "sh", "-c", inlineCmd],
|
"sudo", ["-S", "-E", "sh", "-c", inlineCmd],
|
||||||
@@ -514,7 +445,6 @@ async function startMitm(apiKey, sudoPassword) {
|
|||||||
serverProcess.stdin.end();
|
serverProcess.stdin.end();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Windows: node was started by elevated script — PID comes from health check later
|
|
||||||
if (!IS_WIN && serverProcess) {
|
if (!IS_WIN && serverProcess) {
|
||||||
serverPid = serverProcess.pid;
|
serverPid = serverProcess.pid;
|
||||||
fs.writeFileSync(PID_FILE, String(serverPid));
|
fs.writeFileSync(PID_FILE, String(serverPid));
|
||||||
@@ -527,7 +457,6 @@ async function startMitm(apiKey, sudoPassword) {
|
|||||||
});
|
});
|
||||||
serverProcess.stderr.on("data", (data) => {
|
serverProcess.stderr.on("data", (data) => {
|
||||||
const msg = data.toString().trim();
|
const msg = data.toString().trim();
|
||||||
// Capture meaningful errors (ignore sudo password prompt noise)
|
|
||||||
if (msg && !msg.includes("Password:") && !msg.includes("password for")) {
|
if (msg && !msg.includes("Password:") && !msg.includes("password for")) {
|
||||||
console.error(`[MITM Server Error] ${msg}`);
|
console.error(`[MITM Server Error] ${msg}`);
|
||||||
startError = msg;
|
startError = msg;
|
||||||
@@ -541,51 +470,35 @@ async function startMitm(apiKey, sudoPassword) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Wait for server to be ready by polling health endpoint on port 443
|
|
||||||
const health = await pollMitmHealth(IS_WIN ? 15000 : 8000, MITM_PORT);
|
const health = await pollMitmHealth(IS_WIN ? 15000 : 8000, MITM_PORT);
|
||||||
|
|
||||||
if (!health) {
|
if (!health) {
|
||||||
if (IS_WIN) serverProcess = null;
|
if (IS_WIN) serverProcess = null;
|
||||||
const processUsing443 = getProcessUsingPort443();
|
const processUsing443 = getProcessUsingPort443();
|
||||||
const portInfo = processUsing443 ? ` Port 443 already in use by ${processUsing443}.` : "";
|
const portInfo = processUsing443 ? ` Port 443 already in use by ${processUsing443}.` : "";
|
||||||
const reason = startError || `Check sudo password or port 443 access.${portInfo}`;
|
const reason = startError || `Check sudo password or port 443 access.${portInfo}`;
|
||||||
// Server failed — DNS was NOT added yet (new order), so IDE is unaffected
|
|
||||||
throw new Error(`MITM server failed to start. ${reason}`);
|
throw new Error(`MITM server failed to start. ${reason}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
steps.server = true;
|
|
||||||
|
|
||||||
// On Windows, mark cert as installed after successful start
|
|
||||||
if (IS_WIN && _updateSettings) await _updateSettings({ mitmCertInstalled: true }).catch(() => { });
|
if (IS_WIN && _updateSettings) await _updateSettings({ mitmCertInstalled: true }).catch(() => { });
|
||||||
|
|
||||||
// On Windows, use real PID from health check (launcher exits immediately after UAC)
|
|
||||||
if (IS_WIN && health.pid) {
|
if (IS_WIN && health.pid) {
|
||||||
serverPid = health.pid;
|
serverPid = health.pid;
|
||||||
fs.writeFileSync(PID_FILE, String(serverPid));
|
fs.writeFileSync(PID_FILE, String(serverPid));
|
||||||
}
|
}
|
||||||
|
|
||||||
// Step 3: DNS last — only redirect IDE traffic after server is confirmed healthy
|
|
||||||
if (!IS_WIN) {
|
|
||||||
console.log("[MITM] Adding DNS entry...");
|
|
||||||
await addDNSEntry(sudoPassword);
|
|
||||||
steps.dns = true;
|
|
||||||
} else {
|
|
||||||
steps.cert = true;
|
|
||||||
steps.server = true;
|
|
||||||
steps.dns = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
await saveMitmSettings(true, sudoPassword);
|
await saveMitmSettings(true, sudoPassword);
|
||||||
if (sudoPassword) setCachedPassword(sudoPassword);
|
if (sudoPassword) setCachedPassword(sudoPassword);
|
||||||
|
|
||||||
return { running: true, pid: serverPid, steps };
|
return { running: true, pid: serverPid };
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Stop MITM proxy
|
* Stop MITM server — removes ALL tool DNS entries first, then kills server
|
||||||
* @param {string} sudoPassword - Sudo password for DNS cleanup
|
|
||||||
*/
|
*/
|
||||||
async function stopMitm(sudoPassword) {
|
async function stopServer(sudoPassword) {
|
||||||
|
// Remove all DNS entries first (before killing server)
|
||||||
|
console.log("[MITM] Removing all DNS entries before stopping server...");
|
||||||
|
await removeAllDNSEntries(sudoPassword);
|
||||||
|
|
||||||
const proc = serverProcess;
|
const proc = serverProcess;
|
||||||
if (proc && !proc.killed) {
|
if (proc && !proc.killed) {
|
||||||
console.log("Stopping MITM server...");
|
console.log("Stopping MITM server...");
|
||||||
@@ -611,16 +524,15 @@ async function stopMitm(sudoPassword) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (IS_WIN) {
|
if (IS_WIN) {
|
||||||
// Windows stop: remove DNS entries via elevated VBScript (1 UAC)
|
|
||||||
const hostsFile = path.join(process.env.SystemRoot || "C:\\Windows", "System32", "drivers", "etc", "hosts");
|
const hostsFile = path.join(process.env.SystemRoot || "C:\\Windows", "System32", "drivers", "etc", "hosts");
|
||||||
const TARGET_HOSTS_WIN = ["daily-cloudcode-pa.googleapis.com", "cloudcode-pa.googleapis.com"];
|
|
||||||
const psSQ = (s) => s.replace(/'/g, "''");
|
const psSQ = (s) => s.replace(/'/g, "''");
|
||||||
|
const { TOOL_HOSTS } = require("./dns/dnsConfig");
|
||||||
|
const allHosts = Object.values(TOOL_HOSTS).flat();
|
||||||
|
|
||||||
// Filter hosts content in Node (read doesn't need elevation)
|
|
||||||
let hostsContent = "";
|
let hostsContent = "";
|
||||||
try { hostsContent = fs.readFileSync(hostsFile, "utf8"); } catch { /* ignore */ }
|
try { hostsContent = fs.readFileSync(hostsFile, "utf8"); } catch { /* ignore */ }
|
||||||
const filtered = hostsContent.split(/\r?\n/)
|
const filtered = hostsContent.split(/\r?\n/)
|
||||||
.filter(l => !TARGET_HOSTS_WIN.some(h => l.includes(h)))
|
.filter(l => !allHosts.some(h => l.includes(h)))
|
||||||
.join("\r\n");
|
.join("\r\n");
|
||||||
const tmpHosts = path.join(os.tmpdir(), "mitm_hosts_clean.tmp");
|
const tmpHosts = path.join(os.tmpdir(), "mitm_hosts_clean.tmp");
|
||||||
fs.writeFileSync(tmpHosts, filtered, "utf8");
|
fs.writeFileSync(tmpHosts, filtered, "utf8");
|
||||||
@@ -645,7 +557,6 @@ async function stopMitm(sudoPassword) {
|
|||||||
fs.writeFileSync(tmpVbs, vbs, "utf8");
|
fs.writeFileSync(tmpVbs, vbs, "utf8");
|
||||||
spawn("wscript.exe", [tmpVbs], { stdio: "ignore", windowsHide: false, detached: true }).unref();
|
spawn("wscript.exe", [tmpVbs], { stdio: "ignore", windowsHide: false, detached: true }).unref();
|
||||||
|
|
||||||
// Poll flag — best effort, don't block UI if user cancels UAC
|
|
||||||
await new Promise((resolve) => {
|
await new Promise((resolve) => {
|
||||||
const deadline = Date.now() + 30000;
|
const deadline = Date.now() + 30000;
|
||||||
const poll = () => {
|
const poll = () => {
|
||||||
@@ -658,20 +569,43 @@ async function stopMitm(sudoPassword) {
|
|||||||
};
|
};
|
||||||
poll();
|
poll();
|
||||||
});
|
});
|
||||||
} else {
|
|
||||||
console.log("Removing DNS entry...");
|
|
||||||
await removeDNSEntry(sudoPassword);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
try { fs.unlinkSync(PID_FILE); } catch { /* ignore */ }
|
try { fs.unlinkSync(PID_FILE); } catch { /* ignore */ }
|
||||||
|
|
||||||
await saveMitmSettings(false, null);
|
await saveMitmSettings(false, null);
|
||||||
|
|
||||||
return { running: false, pid: null };
|
return { running: false, pid: null };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Enable DNS for a specific tool (requires server running)
|
||||||
|
*/
|
||||||
|
async function enableToolDNS(tool, sudoPassword) {
|
||||||
|
const status = await getMitmStatus();
|
||||||
|
if (!status.running) throw new Error("MITM server is not running. Start the server first.");
|
||||||
|
await addDNSEntry(tool, sudoPassword);
|
||||||
|
return { success: true };
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Disable DNS for a specific tool
|
||||||
|
*/
|
||||||
|
async function disableToolDNS(tool, sudoPassword) {
|
||||||
|
await removeDNSEntry(tool, sudoPassword);
|
||||||
|
return { success: true };
|
||||||
|
}
|
||||||
|
|
||||||
|
// Legacy aliases for backward compatibility
|
||||||
|
const startMitm = startServer;
|
||||||
|
const stopMitm = stopServer;
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
getMitmStatus,
|
getMitmStatus,
|
||||||
|
startServer,
|
||||||
|
stopServer,
|
||||||
|
enableToolDNS,
|
||||||
|
disableToolDNS,
|
||||||
|
// Legacy
|
||||||
startMitm,
|
startMitm,
|
||||||
stopMitm,
|
stopMitm,
|
||||||
getCachedPassword,
|
getCachedPassword,
|
||||||
|
|||||||
@@ -3,19 +3,22 @@ const fs = require("fs");
|
|||||||
const path = require("path");
|
const path = require("path");
|
||||||
const dns = require("dns");
|
const dns = require("dns");
|
||||||
const { promisify } = require("util");
|
const { promisify } = require("util");
|
||||||
// Configuration
|
|
||||||
const INTERNAL_REQUEST_HEADER = { name: "x-request-source", value: "local" };
|
const INTERNAL_REQUEST_HEADER = { name: "x-request-source", value: "local" };
|
||||||
|
|
||||||
|
// All intercepted domains across all tools
|
||||||
const TARGET_HOSTS = [
|
const TARGET_HOSTS = [
|
||||||
"daily-cloudcode-pa.googleapis.com",
|
"daily-cloudcode-pa.googleapis.com",
|
||||||
"cloudcode-pa.googleapis.com"
|
"cloudcode-pa.googleapis.com",
|
||||||
|
"api.individual.githubcopilot.com",
|
||||||
];
|
];
|
||||||
|
|
||||||
const LOCAL_PORT = 443;
|
const LOCAL_PORT = 443;
|
||||||
const ROUTER_URL = "http://localhost:20128/v1/chat/completions";
|
const ROUTER_URL = "http://localhost:20128/v1/chat/completions";
|
||||||
const API_KEY = process.env.ROUTER_API_KEY;
|
const API_KEY = process.env.ROUTER_API_KEY;
|
||||||
const { DATA_DIR, MITM_DIR } = require("./paths");
|
const { DATA_DIR, MITM_DIR } = require("./paths");
|
||||||
const DB_FILE = path.join(DATA_DIR, "db.json");
|
const DB_FILE = path.join(DATA_DIR, "db.json");
|
||||||
|
|
||||||
// Toggle logging (set true to enable file logging for debugging)
|
|
||||||
const ENABLE_FILE_LOG = false;
|
const ENABLE_FILE_LOG = false;
|
||||||
|
|
||||||
if (!API_KEY) {
|
if (!API_KEY) {
|
||||||
@@ -23,7 +26,6 @@ if (!API_KEY) {
|
|||||||
process.exit(1);
|
process.exit(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Load SSL certificates
|
|
||||||
const certDir = MITM_DIR;
|
const certDir = MITM_DIR;
|
||||||
let sslOptions;
|
let sslOptions;
|
||||||
try {
|
try {
|
||||||
@@ -36,10 +38,11 @@ try {
|
|||||||
process.exit(1);
|
process.exit(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Chat endpoints that should be intercepted
|
// Antigravity: Gemini generateContent endpoints
|
||||||
const CHAT_URL_PATTERNS = [":generateContent", ":streamGenerateContent"];
|
const ANTIGRAVITY_URL_PATTERNS = [":generateContent", ":streamGenerateContent"];
|
||||||
|
// Copilot: OpenAI-compatible + Anthropic endpoints
|
||||||
|
const COPILOT_URL_PATTERNS = ["/chat/completions", "/v1/messages", "/responses"];
|
||||||
|
|
||||||
// Log directory for request/response dumps
|
|
||||||
const LOG_DIR = path.join(__dirname, "../../logs/mitm");
|
const LOG_DIR = path.join(__dirname, "../../logs/mitm");
|
||||||
if (ENABLE_FILE_LOG && !fs.existsSync(LOG_DIR)) fs.mkdirSync(LOG_DIR, { recursive: true });
|
if (ENABLE_FILE_LOG && !fs.existsSync(LOG_DIR)) fs.mkdirSync(LOG_DIR, { recursive: true });
|
||||||
|
|
||||||
@@ -51,26 +54,9 @@ function saveRequestLog(url, bodyBuffer) {
|
|||||||
const filePath = path.join(LOG_DIR, `${ts}_${urlSlug}.json`);
|
const filePath = path.join(LOG_DIR, `${ts}_${urlSlug}.json`);
|
||||||
const body = JSON.parse(bodyBuffer.toString());
|
const body = JSON.parse(bodyBuffer.toString());
|
||||||
fs.writeFileSync(filePath, JSON.stringify(body, null, 2));
|
fs.writeFileSync(filePath, JSON.stringify(body, null, 2));
|
||||||
console.log(`💾 Saved request: ${filePath}`);
|
} catch { /* ignore */ }
|
||||||
} catch {
|
|
||||||
// Ignore
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function saveResponseLog(url, data) {
|
|
||||||
if (!ENABLE_FILE_LOG) return;
|
|
||||||
try {
|
|
||||||
const ts = new Date().toISOString().replace(/[:.]/g, "-");
|
|
||||||
const urlSlug = url.replace(/[^a-zA-Z0-9]/g, "_").substring(0, 60);
|
|
||||||
const filePath = path.join(LOG_DIR, `${ts}_${urlSlug}_response.txt`);
|
|
||||||
fs.writeFileSync(filePath, data);
|
|
||||||
console.log(`💾 Saved response: ${filePath}`);
|
|
||||||
} catch {
|
|
||||||
// Ignore
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Resolve real IP of target host (bypass /etc/hosts)
|
|
||||||
const cachedTargetIPs = {};
|
const cachedTargetIPs = {};
|
||||||
async function resolveTargetIP(hostname) {
|
async function resolveTargetIP(hostname) {
|
||||||
if (cachedTargetIPs[hostname]) return cachedTargetIPs[hostname];
|
if (cachedTargetIPs[hostname]) return cachedTargetIPs[hostname];
|
||||||
@@ -91,27 +77,36 @@ function collectBodyRaw(req) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Extract model from URL path (Gemini format: /v1beta/models/gemini-2.0-flash:generateContent)
|
// Extract model from URL path (Gemini) or body (OpenAI/Anthropic)
|
||||||
// Fallback to body.model (OpenAI format)
|
|
||||||
function extractModel(url, body) {
|
function extractModel(url, body) {
|
||||||
const urlMatch = url.match(/\/models\/([^/:]+)/);
|
const urlMatch = url.match(/\/models\/([^/:]+)/);
|
||||||
if (urlMatch) return urlMatch[1];
|
if (urlMatch) return urlMatch[1];
|
||||||
try { return JSON.parse(body.toString()).model || null; } catch { return null; }
|
try { return JSON.parse(body.toString()).model || null; } catch { return null; }
|
||||||
}
|
}
|
||||||
|
|
||||||
function getMappedModel(model) {
|
function getMappedModel(tool, model) {
|
||||||
if (!model) return null;
|
if (!model) return null;
|
||||||
try {
|
try {
|
||||||
if (!fs.existsSync(DB_FILE)) return null;
|
if (!fs.existsSync(DB_FILE)) return null;
|
||||||
const db = JSON.parse(fs.readFileSync(DB_FILE, "utf-8"));
|
const db = JSON.parse(fs.readFileSync(DB_FILE, "utf-8"));
|
||||||
return db.mitmAlias?.antigravity?.[model] || null;
|
return db.mitmAlias?.[tool]?.[model] || null;
|
||||||
} catch {
|
} catch {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Determine which tool this request belongs to based on hostname
|
||||||
|
*/
|
||||||
|
function getToolForHost(host) {
|
||||||
|
const h = (host || "").split(":")[0];
|
||||||
|
if (h === "api.individual.githubcopilot.com") return "copilot";
|
||||||
|
if (h === "daily-cloudcode-pa.googleapis.com" || h === "cloudcode-pa.googleapis.com") return "antigravity";
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
async function passthrough(req, res, bodyBuffer) {
|
async function passthrough(req, res, bodyBuffer) {
|
||||||
const targetHost = req.headers.host || TARGET_HOSTS[0];
|
const targetHost = (req.headers.host || TARGET_HOSTS[0]).split(":")[0];
|
||||||
const targetIP = await resolveTargetIP(targetHost);
|
const targetIP = await resolveTargetIP(targetHost);
|
||||||
|
|
||||||
const forwardReq = https.request({
|
const forwardReq = https.request({
|
||||||
@@ -163,7 +158,6 @@ async function intercept(req, res, bodyBuffer, mappedModel) {
|
|||||||
|
|
||||||
const reader = response.body.getReader();
|
const reader = response.body.getReader();
|
||||||
const decoder = new TextDecoder();
|
const decoder = new TextDecoder();
|
||||||
|
|
||||||
while (true) {
|
while (true) {
|
||||||
const { done, value } = await reader.read();
|
const { done, value } = await reader.read();
|
||||||
if (done) { res.end(); break; }
|
if (done) { res.end(); break; }
|
||||||
@@ -177,7 +171,6 @@ async function intercept(req, res, bodyBuffer, mappedModel) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const server = https.createServer(sslOptions, async (req, res) => {
|
const server = https.createServer(sslOptions, async (req, res) => {
|
||||||
// Health check endpoint for startup verification
|
|
||||||
if (req.url === "/_mitm_health") {
|
if (req.url === "/_mitm_health") {
|
||||||
res.writeHead(200, { "Content-Type": "application/json" });
|
res.writeHead(200, { "Content-Type": "application/json" });
|
||||||
res.end(JSON.stringify({ ok: true, pid: process.pid }));
|
res.end(JSON.stringify({ ok: true, pid: process.pid }));
|
||||||
@@ -185,27 +178,28 @@ const server = https.createServer(sslOptions, async (req, res) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const bodyBuffer = await collectBodyRaw(req);
|
const bodyBuffer = await collectBodyRaw(req);
|
||||||
|
|
||||||
// Save request log if enabled
|
|
||||||
if (bodyBuffer.length > 0) saveRequestLog(req.url, bodyBuffer);
|
if (bodyBuffer.length > 0) saveRequestLog(req.url, bodyBuffer);
|
||||||
|
|
||||||
// Anti-loop: requests from 9Router bypass interception
|
// Anti-loop: requests originating from 9Router bypass interception
|
||||||
if (req.headers[INTERNAL_REQUEST_HEADER.name] === INTERNAL_REQUEST_HEADER.value) {
|
if (req.headers[INTERNAL_REQUEST_HEADER.name] === INTERNAL_REQUEST_HEADER.value) {
|
||||||
return passthrough(req, res, bodyBuffer);
|
return passthrough(req, res, bodyBuffer);
|
||||||
}
|
}
|
||||||
|
|
||||||
const isChatRequest = CHAT_URL_PATTERNS.some(p => req.url.includes(p));
|
const tool = getToolForHost(req.headers.host);
|
||||||
|
if (!tool) return passthrough(req, res, bodyBuffer);
|
||||||
|
|
||||||
if (!isChatRequest) {
|
// Check if this URL should be intercepted based on tool
|
||||||
return passthrough(req, res, bodyBuffer);
|
const isChat = tool === "antigravity"
|
||||||
}
|
? ANTIGRAVITY_URL_PATTERNS.some(p => req.url.includes(p))
|
||||||
|
: COPILOT_URL_PATTERNS.some(p => req.url.includes(p));
|
||||||
|
|
||||||
|
if (!isChat) return passthrough(req, res, bodyBuffer);
|
||||||
|
|
||||||
const model = extractModel(req.url, bodyBuffer);
|
const model = extractModel(req.url, bodyBuffer);
|
||||||
const mappedModel = getMappedModel(model);
|
console.log("Extracted model:", model)
|
||||||
|
const mappedModel = getMappedModel(tool, model);
|
||||||
|
|
||||||
if (!mappedModel) {
|
if (!mappedModel) return passthrough(req, res, bodyBuffer);
|
||||||
return passthrough(req, res, bodyBuffer);
|
|
||||||
}
|
|
||||||
|
|
||||||
return intercept(req, res, bodyBuffer, mappedModel);
|
return intercept(req, res, bodyBuffer, mappedModel);
|
||||||
});
|
});
|
||||||
@@ -225,7 +219,6 @@ server.on("error", (error) => {
|
|||||||
process.exit(1);
|
process.exit(1);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Graceful shutdown (SIGBREAK for Windows, SIGTERM/SIGINT for Unix)
|
|
||||||
const shutdown = () => { server.close(() => process.exit(0)); };
|
const shutdown = () => { server.close(() => process.exit(0)); };
|
||||||
process.on("SIGTERM", shutdown);
|
process.on("SIGTERM", shutdown);
|
||||||
process.on("SIGINT", shutdown);
|
process.on("SIGINT", shutdown);
|
||||||
|
|||||||
@@ -30,6 +30,7 @@ const getPageInfo = (pathname) => {
|
|||||||
if (pathname.includes("/providers")) return { title: "Providers", description: "Manage your AI provider connections", breadcrumbs: [] };
|
if (pathname.includes("/providers")) return { title: "Providers", description: "Manage your AI provider connections", breadcrumbs: [] };
|
||||||
if (pathname.includes("/combos")) return { title: "Combos", description: "Model combos with fallback", breadcrumbs: [] };
|
if (pathname.includes("/combos")) return { title: "Combos", description: "Model combos with fallback", breadcrumbs: [] };
|
||||||
if (pathname.includes("/usage")) return { title: "Usage & Analytics", description: "Monitor your API usage, token consumption, and request logs", breadcrumbs: [] };
|
if (pathname.includes("/usage")) return { title: "Usage & Analytics", description: "Monitor your API usage, token consumption, and request logs", breadcrumbs: [] };
|
||||||
|
if (pathname.includes("/mitm")) return { title: "MITM Proxy", description: "Intercept CLI tool traffic and route through 9Router", breadcrumbs: [] };
|
||||||
if (pathname.includes("/cli-tools")) return { title: "CLI Tools", description: "Configure CLI tools", breadcrumbs: [] };
|
if (pathname.includes("/cli-tools")) return { title: "CLI Tools", description: "Configure CLI tools", breadcrumbs: [] };
|
||||||
if (pathname.includes("/endpoint")) return { title: "Endpoint", description: "API endpoint configuration", breadcrumbs: [] };
|
if (pathname.includes("/endpoint")) return { title: "Endpoint", description: "API endpoint configuration", breadcrumbs: [] };
|
||||||
if (pathname.includes("/profile")) return { title: "Settings", description: "Manage your preferences", breadcrumbs: [] };
|
if (pathname.includes("/profile")) return { title: "Settings", description: "Manage your preferences", breadcrumbs: [] };
|
||||||
|
|||||||
132
src/shared/components/IFlowCookieModal.js
Normal file
132
src/shared/components/IFlowCookieModal.js
Normal file
@@ -0,0 +1,132 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { useState } from "react";
|
||||||
|
import PropTypes from "prop-types";
|
||||||
|
import { Modal, Button, Input } from "@/shared/components";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* iFlow Cookie Authentication Modal
|
||||||
|
* User pastes browser cookie to get fresh API key
|
||||||
|
*/
|
||||||
|
export default function IFlowCookieModal({ isOpen, onSuccess, onClose }) {
|
||||||
|
const [cookie, setCookie] = useState("");
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [error, setError] = useState(null);
|
||||||
|
const [success, setSuccess] = useState(false);
|
||||||
|
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
if (!cookie.trim()) {
|
||||||
|
setError("Please paste your cookie");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
setError(null);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await fetch("/api/oauth/iflow/cookie", {
|
||||||
|
method: "POST",
|
||||||
|
headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify({ cookie: cookie.trim() }),
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = await res.json();
|
||||||
|
|
||||||
|
if (!res.ok) {
|
||||||
|
throw new Error(data.error || "Authentication failed");
|
||||||
|
}
|
||||||
|
|
||||||
|
setSuccess(true);
|
||||||
|
setTimeout(() => {
|
||||||
|
onSuccess?.();
|
||||||
|
handleClose();
|
||||||
|
}, 1500);
|
||||||
|
} catch (err) {
|
||||||
|
setError(err.message);
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClose = () => {
|
||||||
|
setCookie("");
|
||||||
|
setError(null);
|
||||||
|
setSuccess(false);
|
||||||
|
onClose?.();
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal isOpen={isOpen} onClose={handleClose} title="iFlow Cookie Authentication">
|
||||||
|
<div className="space-y-4">
|
||||||
|
{success ? (
|
||||||
|
<div className="text-center py-8">
|
||||||
|
<div className="text-6xl mb-4">✅</div>
|
||||||
|
<p className="text-lg font-medium text-text-primary">Authentication Successful!</p>
|
||||||
|
<p className="text-sm text-text-muted mt-2">Fresh API key obtained</p>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<p className="text-sm text-text-muted">
|
||||||
|
To get a fresh API key, paste your browser cookie from{" "}
|
||||||
|
<a
|
||||||
|
href="https://platform.iflow.cn"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className="text-primary hover:underline"
|
||||||
|
>
|
||||||
|
platform.iflow.cn
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<div className="bg-surface-secondary p-3 rounded-lg text-xs space-y-2">
|
||||||
|
<p className="font-medium text-text-primary">How to get cookie:</p>
|
||||||
|
<ol className="list-decimal list-inside space-y-1 text-text-muted">
|
||||||
|
<li>Open platform.iflow.cn in your browser</li>
|
||||||
|
<li>Login to your account</li>
|
||||||
|
<li>Open DevTools (F12) → Application/Storage → Cookies</li>
|
||||||
|
<li>Copy the entire cookie string (must include BXAuth)</li>
|
||||||
|
<li>Paste it below</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-2">
|
||||||
|
<label className="block text-sm font-medium text-text-primary">
|
||||||
|
Cookie String
|
||||||
|
</label>
|
||||||
|
<textarea
|
||||||
|
value={cookie}
|
||||||
|
onChange={(e) => setCookie(e.target.value)}
|
||||||
|
placeholder="BXAuth=xxx; ..."
|
||||||
|
className="w-full px-3 py-2 bg-surface-secondary border border-border rounded-lg text-sm text-text-primary placeholder-text-muted focus:outline-none focus:ring-2 focus:ring-primary resize-none"
|
||||||
|
rows={4}
|
||||||
|
disabled={loading}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{error && (
|
||||||
|
<div className="p-3 bg-error/10 border border-error/20 rounded-lg">
|
||||||
|
<p className="text-sm text-error">{error}</p>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="flex gap-3 pt-2">
|
||||||
|
<Button variant="secondary" onClick={handleClose} disabled={loading} fullWidth>
|
||||||
|
Cancel
|
||||||
|
</Button>
|
||||||
|
<Button onClick={handleSubmit} loading={loading} fullWidth>
|
||||||
|
Authenticate
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
IFlowCookieModal.propTypes = {
|
||||||
|
isOpen: PropTypes.bool.isRequired,
|
||||||
|
onSuccess: PropTypes.func,
|
||||||
|
onClose: PropTypes.func,
|
||||||
|
};
|
||||||
@@ -15,6 +15,7 @@ const navItems = [
|
|||||||
{ href: "/dashboard/combos", label: "Combos", icon: "layers" },
|
{ href: "/dashboard/combos", label: "Combos", icon: "layers" },
|
||||||
{ href: "/dashboard/usage", label: "Usage", icon: "bar_chart" },
|
{ href: "/dashboard/usage", label: "Usage", icon: "bar_chart" },
|
||||||
{ href: "/dashboard/quota", label: "Quota Tracker", icon: "data_usage" },
|
{ href: "/dashboard/quota", label: "Quota Tracker", icon: "data_usage" },
|
||||||
|
{ href: "/dashboard/mitm", label: "MITM", icon: "security" },
|
||||||
{ href: "/dashboard/cli-tools", label: "CLI Tools", icon: "terminal" },
|
{ href: "/dashboard/cli-tools", label: "CLI Tools", icon: "terminal" },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ export { default as KiroAuthModal } from "./KiroAuthModal";
|
|||||||
export { default as KiroOAuthWrapper } from "./KiroOAuthWrapper";
|
export { default as KiroOAuthWrapper } from "./KiroOAuthWrapper";
|
||||||
export { default as KiroSocialOAuthModal } from "./KiroSocialOAuthModal";
|
export { default as KiroSocialOAuthModal } from "./KiroSocialOAuthModal";
|
||||||
export { default as CursorAuthModal } from "./CursorAuthModal";
|
export { default as CursorAuthModal } from "./CursorAuthModal";
|
||||||
|
export { default as IFlowCookieModal } from "./IFlowCookieModal";
|
||||||
export { default as SegmentedControl } from "./SegmentedControl";
|
export { default as SegmentedControl } from "./SegmentedControl";
|
||||||
|
|
||||||
// Layouts
|
// Layouts
|
||||||
|
|||||||
@@ -53,6 +53,7 @@ export const CLI_TOOLS = {
|
|||||||
color: "#4285F4",
|
color: "#4285F4",
|
||||||
description: "Google Antigravity IDE with MITM",
|
description: "Google Antigravity IDE with MITM",
|
||||||
configType: "mitm",
|
configType: "mitm",
|
||||||
|
mitmDomain: "daily-cloudcode-pa.googleapis.com",
|
||||||
modelAliases: ["claude-opus-4-6-thinking", "claude-sonnet-4-6", "gemini-3-flash", "gpt-oss-120b-medium", "gemini-3-pro-high", "gemini-3-pro-low"],
|
modelAliases: ["claude-opus-4-6-thinking", "claude-sonnet-4-6", "gemini-3-flash", "gpt-oss-120b-medium", "gemini-3-pro-high", "gemini-3-pro-low"],
|
||||||
defaultModels: [
|
defaultModels: [
|
||||||
{ id: "gemini-3.1-pro-high", name: "Gemini 3.1 Pro High", alias: "gemini-3.1-pro-high" },
|
{ id: "gemini-3.1-pro-high", name: "Gemini 3.1 Pro High", alias: "gemini-3.1-pro-high" },
|
||||||
@@ -63,6 +64,22 @@ export const CLI_TOOLS = {
|
|||||||
{ id: "gpt-oss-120b-medium", name: "GPT OSS 120B Medium", alias: "gpt-oss-120b-medium" },
|
{ id: "gpt-oss-120b-medium", name: "GPT OSS 120B Medium", alias: "gpt-oss-120b-medium" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
copilot: {
|
||||||
|
id: "copilot",
|
||||||
|
name: "GitHub Copilot",
|
||||||
|
image: "/providers/copilot.png",
|
||||||
|
color: "#1F6FEB",
|
||||||
|
description: "GitHub Copilot IDE with MITM",
|
||||||
|
configType: "mitm",
|
||||||
|
mitmDomain: "api.individual.githubcopilot.com",
|
||||||
|
modelAliases: ["gpt-4o-mini", "claude-haiku-4.5", "gpt-4o", "gpt-5-mini"],
|
||||||
|
defaultModels: [
|
||||||
|
{ id: "gpt-4o", name: "GPT-4o", alias: "gpt-4o" },
|
||||||
|
{ id: "gpt-4.1", name: "GPT-4.1", alias: "gpt-4.1" },
|
||||||
|
{ id: "gpt-5-mini", name: "GPT-5 Mini", alias: "gpt-5-mini" },
|
||||||
|
{ id: "claude-haiku-4.5", name: "Claude Haiku 4.5", alias: "claude-haiku-4.5" },
|
||||||
|
],
|
||||||
|
},
|
||||||
droid: {
|
droid: {
|
||||||
id: "droid",
|
id: "droid",
|
||||||
name: "Factory Droid",
|
name: "Factory Droid",
|
||||||
@@ -122,14 +139,6 @@ export const CLI_TOOLS = {
|
|||||||
{ step: 5, title: "Select Model", type: "modelSelector" },
|
{ step: 5, title: "Select Model", type: "modelSelector" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
// copilot: {
|
|
||||||
// id: "copilot",
|
|
||||||
// name: "GitHub Copilot",
|
|
||||||
// image: "/providers/copilot.png",
|
|
||||||
// color: "#1F6FEB",
|
|
||||||
// description: "GitHub Copilot Chat — VS Code Extension",
|
|
||||||
// configType: "custom",
|
|
||||||
// },
|
|
||||||
roo: {
|
roo: {
|
||||||
id: "roo",
|
id: "roo",
|
||||||
name: "Roo",
|
name: "Roo",
|
||||||
|
|||||||
@@ -150,7 +150,12 @@ export async function updateProviderCredentials(connectionId, newCredentials) {
|
|||||||
updates.expiresAt = toExpiresAt(newCredentials.expiresIn);
|
updates.expiresAt = toExpiresAt(newCredentials.expiresIn);
|
||||||
updates.expiresIn = newCredentials.expiresIn;
|
updates.expiresIn = newCredentials.expiresIn;
|
||||||
}
|
}
|
||||||
if (newCredentials.providerSpecificData) updates.providerSpecificData = newCredentials.providerSpecificData;
|
if (newCredentials.providerSpecificData) {
|
||||||
|
updates.providerSpecificData = {
|
||||||
|
...(newCredentials.existingProviderSpecificData || {}),
|
||||||
|
...newCredentials.providerSpecificData,
|
||||||
|
};
|
||||||
|
}
|
||||||
if (newCredentials.projectId) updates.projectId = newCredentials.projectId;
|
if (newCredentials.projectId) updates.projectId = newCredentials.projectId;
|
||||||
|
|
||||||
const result = await updateProviderConnection(connectionId, updates);
|
const result = await updateProviderConnection(connectionId, updates);
|
||||||
@@ -195,13 +200,21 @@ export async function checkAndRefreshToken(provider, credentials) {
|
|||||||
|
|
||||||
const newCreds = await getAccessToken(provider, creds);
|
const newCreds = await getAccessToken(provider, creds);
|
||||||
if (newCreds?.accessToken) {
|
if (newCreds?.accessToken) {
|
||||||
|
const mergedCreds = {
|
||||||
|
...newCreds,
|
||||||
|
existingProviderSpecificData: creds.providerSpecificData,
|
||||||
|
};
|
||||||
|
|
||||||
// Persist to DB (non-blocking path continues below)
|
// Persist to DB (non-blocking path continues below)
|
||||||
await updateProviderCredentials(creds.connectionId, newCreds);
|
await updateProviderCredentials(creds.connectionId, mergedCreds);
|
||||||
|
|
||||||
creds = {
|
creds = {
|
||||||
...creds,
|
...creds,
|
||||||
accessToken: newCreds.accessToken,
|
accessToken: newCreds.accessToken,
|
||||||
refreshToken: newCreds.refreshToken ?? creds.refreshToken,
|
refreshToken: newCreds.refreshToken ?? creds.refreshToken,
|
||||||
|
providerSpecificData: newCreds.providerSpecificData
|
||||||
|
? { ...creds.providerSpecificData, ...newCreds.providerSpecificData }
|
||||||
|
: creds.providerSpecificData,
|
||||||
expiresAt: newCreds.expiresIn
|
expiresAt: newCreds.expiresIn
|
||||||
? toExpiresAt(newCreds.expiresIn)
|
? toExpiresAt(newCreds.expiresIn)
|
||||||
: creds.expiresAt,
|
: creds.expiresAt,
|
||||||
|
|||||||
Reference in New Issue
Block a user