@allbluecn/web-app 0.22.0 → 0.22.3

package/src/routes/__desktop/onboarding/route.lazy.tsx

@@ -1,175 +0,0 @@
-import { createLazyFileRoute, useNavigate } from '@tanstack/react-router'
-import { useState, type KeyboardEvent } from 'react'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
-import { Button } from '@/components/ui/button'
-import {
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { Cloud, Server, HardDrive, Loader2 } from 'lucide-react'
-import { useConnection } from '@desktop/connection-manager'
-import { connectionTest } from '@desktop/connection-manager/connection-test'
-import { toast } from '@/components/ui/toast'
-import { m } from "@/paraglide/messages.js";
-import { errorMessage } from "@/lib/toast-error";
-
-export const Route = createLazyFileRoute('/__desktop/onboarding')({
-  component: OnboardingPage,
-})
-
-// SaaS 入口地址（桌面端默认云端模式落点，环境切换只需改这里）
-const SAAS_URL = 'https://allblue.litsex.cn'
-
-function OnboardingPage() {
-  const { switchMode } = useConnection()
-  const navigate = useNavigate()
-  const [selfHostedDialogOpen, setSelfHostedDialogOpen] = useState(false)
-  const [selfHostedUrl, setSelfHostedUrl] = useState('')
-  const [selfHostedLabel, setSelfHostedLabel] = useState('')
-  const [testing, setTesting] = useState(false)
-
-  const handleSelectSaas = async () => {
-    try {
-      await switchMode({ mode: 'saas', url: SAAS_URL })
-    } catch (e) {
-      toast.error(m.desktop_onboarding_errors_switchFailed({ message: errorMessage(e, m.desktop_onboarding_errors_unknownError()) }))
-    }
-  }
-
-  const handleSelectLocal = async () => {
-    try {
-      await switchMode({ mode: 'local' })
-      await navigate({ to: '/workspace' })
-    } catch (e) {
-      toast.error(m.desktop_onboarding_errors_localFailed({ message: errorMessage(e, m.desktop_onboarding_errors_unknownError()) }))
-    }
-  }
-
-  const handleConfirmSelfHosted = async () => {
-    setTesting(true)
-    try {
-      const result = await connectionTest(selfHostedUrl)
-      if (!result.ok) {
-        toast.error(m.desktop_onboarding_errors_connectFailed({ message: result.error ?? m.desktop_onboarding_errors_timeout() }))
-        return
-      }
-      await switchMode({ mode: 'self-hosted', url: selfHostedUrl, label: selfHostedLabel })
-    } catch (e) {
-      toast.error(m.desktop_onboarding_errors_switchFailed({ message: errorMessage(e, m.desktop_onboarding_errors_unknownError()) }))
-    } finally {
-      setTesting(false)
-    }
-  }
-
-  // 键盘可达性：Card 为 div+onClick，补 role/tabIndex/Enter·Space 激活
-  const handleCardKeyDown = (handler: () => void) => (e: KeyboardEvent) => {
-    if (e.key === 'Enter' || e.key === ' ') {
-      e.preventDefault()
-      handler()
-    }
-  }
-
-  return (
-    <div className="flex min-h-screen items-center justify-center bg-background p-8">
-      <div className="w-full max-w-4xl space-y-6">
-        <div className="text-center space-y-2">
-          <h1 className="text-3xl font-bold">{m.desktop_onboarding_title()}</h1>
-          <p className="text-muted-foreground">{m.desktop_onboarding_subtitle()}</p>
-        </div>
-
-        <div className="grid gap-4 md:grid-cols-3">
-          <Card
-            className="cursor-pointer hover:border-primary transition-colors"
-            onClick={handleSelectSaas}
-            role="button"
-            tabIndex={0}
-            onKeyDown={handleCardKeyDown(handleSelectSaas)}
-          >
-            <CardHeader>
-              <Cloud className="size-10 text-primary mb-2" />
-              <CardTitle>{m.desktop_onboarding_saas_title()}</CardTitle>
-              <CardDescription>{m.desktop_onboarding_saas_desc()}</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <Button className="w-full" variant="default" tabIndex={-1}>{m.desktop_onboarding_saas_button()}</Button>
-            </CardContent>
-          </Card>
-
-          <Card
-            className="cursor-pointer hover:border-primary transition-colors"
-            onClick={() => setSelfHostedDialogOpen(true)}
-            role="button"
-            tabIndex={0}
-            onKeyDown={handleCardKeyDown(() => setSelfHostedDialogOpen(true))}
-          >
-            <CardHeader>
-              <Server className="size-10 text-primary mb-2" />
-              <CardTitle>{m.desktop_onboarding_selfHosted_title()}</CardTitle>
-              <CardDescription>{m.desktop_onboarding_selfHosted_desc()}</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <Button className="w-full" variant="outline" tabIndex={-1}>{m.desktop_onboarding_selfHosted_button()}</Button>
-            </CardContent>
-          </Card>
-
-          <Card
-            className="cursor-pointer hover:border-primary transition-colors"
-            onClick={handleSelectLocal}
-            role="button"
-            tabIndex={0}
-            onKeyDown={handleCardKeyDown(handleSelectLocal)}
-          >
-            <CardHeader>
-              <HardDrive className="size-10 text-primary mb-2" />
-              <CardTitle>{m.desktop_onboarding_local_title()}</CardTitle>
-              <CardDescription>{m.desktop_onboarding_local_desc()}</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <Button className="w-full" variant="outline" tabIndex={-1}>{m.desktop_onboarding_local_button()}</Button>
-            </CardContent>
-          </Card>
-        </div>
-      </div>
-
-      <Dialog open={selfHostedDialogOpen} onOpenChange={setSelfHostedDialogOpen}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle>{m.desktop_onboarding_selfHosted_dialogTitle()}</DialogTitle>
-          </DialogHeader>
-          <div className="space-y-4 py-4">
-            <div className="space-y-2">
-              <Label htmlFor="url">{m.desktop_onboarding_selfHosted_urlLabel()}</Label>
-              <Input
-                id="url"
-                placeholder="https://prd.mycompany.com"
-                value={selfHostedUrl}
-                onChange={(e) => setSelfHostedUrl(e.target.value)}
-              />
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="label">{m.desktop_onboarding_selfHosted_labelField()}</Label>
-              <Input
-                id="label"
-                placeholder={m.desktop_onboarding_selfHosted_labelPlaceholder()}
-                value={selfHostedLabel}
-                onChange={(e) => setSelfHostedLabel(e.target.value)}
-              />
-            </div>
-          </div>
-          <DialogFooter>
-            <Button variant="outline" onClick={() => setSelfHostedDialogOpen(false)}>{m.desktop_onboarding_selfHosted_cancel()}</Button>
-            <Button onClick={handleConfirmSelfHosted} disabled={testing || !selfHostedUrl.trim()}>
-              {testing ? <Loader2 className="size-4 animate-spin mr-2" /> : null}
-              {testing ? m.desktop_onboarding_selfHosted_connecting() : m.desktop_onboarding_selfHosted_connect()}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </div>
-  )
-}

package/src/routes/__desktop/onboarding/route.tsx

@@ -1,11 +0,0 @@
-import { createFileRoute, redirect } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/__desktop/onboarding')({
-  // web 生产部署时该路由不可访问（仅桌面端 sidecar）
-  beforeLoad: () => {
-    const isDesktopBuild = import.meta.env.VITE_DEPLOY_TARGET === 'desktop'
-    if (!isDesktopBuild) {
-      throw redirect({ to: '/' })
-    }
-  },
-})

package/src/routes/_nav/settings/connection/route.lazy.tsx

@@ -1,64 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import { useState } from 'react'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
-import { Button } from '@/components/ui/button'
-import { Badge } from '@/components/ui/badge'
-import { useConnection, ModeSwitchDialog } from '@desktop/connection-manager'
-import type { ConnectionMode } from '@desktop/connection-manager'
-import { m } from "@/paraglide/messages.js";
-
-export const Route = createLazyFileRoute('/_nav/settings/connection')({
-  component: ConnectionSettingsPage,
-})
-
-const MODE_VARIANT: Record<ConnectionMode, 'default' | 'secondary' | 'outline'> = {
-  saas: 'default',
-  'self-hosted': 'secondary',
-  local: 'outline',
-}
-
-function ConnectionSettingsPage() {
-  const { config, switchMode } = useConnection()
-  const [dialogOpen, setDialogOpen] = useState(false)
-
-  const mode = config?.mode ?? 'local'
-  const MODE_LABELS: Record<string, () => string> = {
-    local: m.settings_connection_local,
-    cloud: m.settings_connection_cloud,
-    selfHosted: m.settings_connection_selfHosted,
-  }
-  const modeLabel = MODE_LABELS[mode]?.() ?? mode
-
-  return (
-    <div className="space-y-6 p-6">
-      <div>
-        <h1 className="text-2xl font-bold">{m.settings_connection_mode()}</h1>
-        <p className="text-muted-foreground mt-1">{m.settings_connection_modeDescription()}</p>
-      </div>
-
-      <Card>
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2">
-            {m.settings_connection_currentMode()}
-            <Badge variant={MODE_VARIANT[mode]}>{modeLabel}</Badge>
-          </CardTitle>
-          <CardDescription>
-            {mode === 'saas' && m.settings_connection_cloudDescription()}
-            {mode === 'self-hosted' && m.settings_connection_selfHostedDescription({ label: (config?.label ?? config?.url) ?? "" })}
-            {mode === 'local' && m.settings_connection_localDescription()}
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <Button onClick={() => setDialogOpen(true)}>{m.settings_connection_switchMode()}</Button>
-        </CardContent>
-      </Card>
-
-      <ModeSwitchDialog
-        open={dialogOpen}
-        onOpenChange={setDialogOpen}
-        currentMode={mode}
-        onConfirm={switchMode}
-      />
-    </div>
-  )
-}

package/src/routes/_nav/settings/connection/route.tsx

@@ -1,10 +0,0 @@
-import { createFileRoute, redirect } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/_nav/settings/connection')({
-  beforeLoad: () => {
-    // 仅桌面端可访问
-    if (import.meta.env.VITE_DEPLOY_TARGET !== 'desktop') {
-      throw redirect({ to: '/settings' })
-    }
-  },
-})