- {isLogin ? props.children :
- )
-}
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 0000000..c0d4ad8
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,48 @@
+import { mergeProps } from "@base-ui/react/merge-props"
+import { useRender } from "@base-ui/react/use-render"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+ "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge",
+ {
+ variants: {
+ variant: {
+ default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+ secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+ destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
+ outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+ ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ },
+ }
+)
+
+function Badge({
+ className,
+ variant = "default",
+ render,
+ ...props
+}: useRender.ComponentProps<"span"> & VariantPropsPlease log in to access this application.
}
- img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className)}
+ {...props}
+ />
+ )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+export {
+ Card,
+ CardHeader,
+ CardFooter,
+ CardTitle,
+ CardAction,
+ CardDescription,
+ CardContent,
+}
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..b9f1297
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,29 @@
+"use client"
+
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox"
+
+import { cn } from "@/lib/utils"
+import { CheckIcon } from "lucide-react"
+
+function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
+ return (
+
+
+
+
+ )
+}
+
+export { Checkbox }
diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
new file mode 100644
index 0000000..a7e8223
--- /dev/null
+++ b/src/components/ui/command.tsx
@@ -0,0 +1,188 @@
+import * as React from "react"
+import { Command as CommandPrimitive } from "cmdk"
+
+import { cn } from "@/lib/utils"
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogHeader,
+ DialogTitle,
+} from "@/components/ui/dialog"
+import {
+ InputGroup,
+ InputGroupAddon,
+} from "@/components/ui/input-group"
+import { SearchIcon, CheckIcon } from "lucide-react"
+
+function Command({
+ className,
+ ...props
+}: React.ComponentProps) {
+ return (
+ , "children"> & {
+ title?: string
+ description?: string
+ className?: string
+ showCloseButton?: boolean
+ children: React.ReactNode
+}) {
+ return (
+
+ )
+}
+
+function CommandInput({
+ className,
+ ...props
+}: React.ComponentProps) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+
+ {children}
+
+ )
+}
+
+function CommandShortcut({
+ className,
+ ...props
+}: React.ComponentProps<"span">) {
+ return (
+
+ )
+}
+
+export {
+ Command,
+ CommandDialog,
+ CommandInput,
+ CommandList,
+ CommandEmpty,
+ CommandGroup,
+ CommandItem,
+ CommandShortcut,
+ CommandSeparator,
+}
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index d26139c..f49a149 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -1,45 +1,34 @@
import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"
import { cn } from "@/lib/utils"
-import { VisuallyHidden } from "./visually-hidden"
+import { Button } from "@/components/ui/button"
+import { XIcon } from "lucide-react"
-function Dialog({
- ...props
-}: React.ComponentProps) {
+function Dialog({ ...props }: DialogPrimitive.Root.Props) {
return ) {
+function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props) {
return ) {
+function DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {
return ) {
+function DialogClose({ ...props }: DialogPrimitive.Close.Props) {
return ) {
+}: DialogPrimitive.Backdrop.Props) {
return (
- & {
+}: DialogPrimitive.Popup.Props & {
showCloseButton?: boolean
}) {
return (
-
+
-
- Dialog
-
{children}
{showCloseButton && (
+
)
}
@@ -86,33 +79,44 @@ function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
return (
)
}
-function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+function DialogFooter({
+ className,
+ showCloseButton = false,
+ children,
+ ...props
+}: React.ComponentProps<"div"> & {
+ showCloseButton?: boolean
+}) {
return (
+ >
+ {children}
+ {showCloseButton && (
+
)
}
-function DialogTitle({
- className,
- ...props
-}: React.ComponentProps
+
+
+
+
+
+ )
+}
+
+function CommandList({
+ className,
+ ...props
+}: React.ComponentProps[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+const inputGroupAddonVariants = cva(
+ "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
+ {
+ variants: {
+ align: {
+ "inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",
+ "inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
+ "block-start":
+ "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+ "block-end":
+ "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start",
+ },
+ },
+ defaultVariants: {
+ align: "inline-start",
+ },
+ }
+)
+
+function InputGroupAddon({
+ className,
+ align = "inline-start",
+ ...props
+}: React.ComponentProps<"div"> & VariantProps) {
+ return (
+
{
+ if ((e.target as HTMLElement).closest("button")) {
+ return
+ }
+ e.currentTarget.parentElement?.querySelector("input")?.focus()
+ }}
+ {...props}
+ />
+ )
+}
+
+const inputGroupButtonVariants = cva(
+ "gap-2 text-sm shadow-none flex items-center",
+ {
+ variants: {
+ size: {
+ xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+ sm: "",
+ "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+ "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+ },
+ },
+ defaultVariants: {
+ size: "xs",
+ },
+ }
+)
+
+function InputGroupButton({
+ className,
+ type = "button",
+ variant = "ghost",
+ size = "xs",
+ ...props
+}: Omit, "size" | "type"> &
+ VariantProps & {
+ type?: "button" | "submit" | "reset"
+ }) {
+ return (
+
+ )
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
+ return (
+
+ )
+}
+
+function InputGroupInput({
+ className,
+ ...props
+}: React.ComponentProps<"input">) {
+ return (
+
+ )
+}
+
+function InputGroupTextarea({
+ className,
+ ...props
+}: React.ComponentProps<"textarea">) {
+ return (
+
+ )
+}
+
+export {
+ InputGroup,
+ InputGroupAddon,
+ InputGroupButton,
+ InputGroupText,
+ InputGroupInput,
+ InputGroupTextarea,
+}
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..981e825
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,20 @@
+import * as React from "react"
+import { Input as InputPrimitive } from "@base-ui/react/input"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+ return (
+ ) {
+ return ) {
+ return ) {
+ return ) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+
+
+
+
+
+ {children}
+
+ )
+}
+
+function MenubarRadioGroup({
+ ...props
+}: React.ComponentProps) {
+ return
+
+
+
+
+ {children}
+
+ )
+}
+
+function MenubarLabel({
+ className,
+ inset,
+ ...props
+}: React.ComponentProps & {
+ inset?: boolean
+}) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+ ) {
+ return & {
+ inset?: boolean
+}) {
+ return (
+ ) {
+ return (
+ & {
- viewport?: boolean
-}) {
- return (
-
- {children}
- {viewport &&
- )
-}
-
-function NavigationMenuList({
- className,
- ...props
-}: React.ComponentProps) {
- return (
- ) {
- return (
- ) {
- return (
-
- {children}{" "}
-
-
- )
-}
-
-function NavigationMenuContent({
- className,
- ...props
-}: React.ComponentProps) {
- return (
- ) {
- return (
- ) {
- return (
- ) {
- return (
-
-
-
- )
-}
-
-export {
- NavigationMenu,
- NavigationMenuList,
- NavigationMenuItem,
- NavigationMenuContent,
- NavigationMenuTrigger,
- NavigationMenuLink,
- NavigationMenuIndicator,
- NavigationMenuViewport,
- navigationMenuTriggerStyle,
-}
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
new file mode 100644
index 0000000..53a798b
--- /dev/null
+++ b/src/components/ui/popover.tsx
@@ -0,0 +1,88 @@
+import * as React from "react"
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover"
+
+import { cn } from "@/lib/utils"
+
+function Popover({ ...props }: PopoverPrimitive.Root.Props) {
+ return
+
+
+
+ )
+}
+
+function PopoverHeader({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {
+ return (
+
+ {children}
+
+ )
+}
+
+function SelectContent({
+ className,
+ children,
+ side = "bottom",
+ sideOffset = 4,
+ align = "center",
+ alignOffset = 0,
+ alignItemWithTrigger = true,
+ ...props
+}: SelectPrimitive.Popup.Props &
+ Pick<
+ SelectPrimitive.Positioner.Props,
+ "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger"
+ >) {
+ return (
+
+
+
+ {children}
+
+
+
+ )
+}
+
+function SelectLabel({
+ className,
+ ...props
+}: SelectPrimitive.GroupLabel.Props) {
+ return (
+
+
+ {children}
+
+
+ )
+}
+
+function SelectSeparator({
+ className,
+ ...props
+}: SelectPrimitive.Separator.Props) {
+ return (
+ ) {
+ return (
+
+
+ )
+}
+
+function SelectScrollDownButton({
+ className,
+ ...props
+}: React.ComponentProps) {
+ return (
+
+
+ )
+}
+
+export {
+ Select,
+ SelectContent,
+ SelectGroup,
+ SelectItem,
+ SelectLabel,
+ SelectScrollDownButton,
+ SelectScrollUpButton,
+ SelectSeparator,
+ SelectTrigger,
+ SelectValue,
+}
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
new file mode 100644
index 0000000..2465221
--- /dev/null
+++ b/src/components/ui/sheet.tsx
@@ -0,0 +1,129 @@
+"use client"
+
+import * as React from "react"
+import { Dialog as SheetPrimitive } from "@base-ui/react/dialog"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { XIcon } from "lucide-react"
+
+function Sheet({ ...props }: SheetPrimitive.Root.Props) {
+ return
+
+ {children}
+ {showCloseButton && (
+
+
+ )
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {
+ return (
+ ) {
+ return (
+
+
+
+ {children}
+
+
+
+ )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/src/data/docs/home.md b/src/data/docs/home.md
deleted file mode 100644
index 0faa449..0000000
--- a/src/data/docs/home.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: 'home'
-tags: ['首页', '工作台']
-createdAt: 2025-10-27 18:35
-updatedAt: 2025-10-27 18:35
----
-
-# 首页描述
-
-所有的页面的登录入口在当前页面，
-
-## 功能设计
-
-- 登录
-- 记录文本
-- 上传文件和内容
-- 导航配置
-- 命令执行
-- 历史记录
-
-## 使用场景
-
diff --git a/src/data/docs/login/wx-open-app.md b/src/data/docs/login/wx-open-app.md
deleted file mode 100644
index 216b86a..0000000
--- a/src/data/docs/login/wx-open-app.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: '微信登录方案'
-tags: ['首页', '工作台', '登录']
-createdAt: 2025-10-28 11:18
-updatedAt: 2025-10-28 11:18
----
-
-# 首页描述
-
-微信登录方案，有多个，这里记录关于开发平台登录和公众号登录方案。
-
-## 功能设计
-
-触发登录动作，生成二维码，显示弹窗。
-
-##
-
diff --git a/src/data/docs/simpalte-template.md b/src/data/docs/simpalte-template.md
deleted file mode 100644
index 3342b26..0000000
--- a/src/data/docs/simpalte-template.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: 'astro 例子'
-tags: ['astro', 'simple', 'template']
----
-
-## astro-simplate-template
-
-astro 是一个非常好的
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..6f07c32
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,126 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "./styles/theme.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+ --color-background: var(--background);
+ --color-foreground: var(--foreground);
+ --font-sans: var(--font-geist-sans);
+ --font-mono: var(--font-geist-mono);
+ --color-sidebar-ring: var(--sidebar-ring);
+ --color-sidebar-border: var(--sidebar-border);
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+ --color-sidebar-accent: var(--sidebar-accent);
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+ --color-sidebar-primary: var(--sidebar-primary);
+ --color-sidebar-foreground: var(--sidebar-foreground);
+ --color-sidebar: var(--sidebar);
+ --color-chart-5: var(--chart-5);
+ --color-chart-4: var(--chart-4);
+ --color-chart-3: var(--chart-3);
+ --color-chart-2: var(--chart-2);
+ --color-chart-1: var(--chart-1);
+ --color-ring: var(--ring);
+ --color-input: var(--input);
+ --color-border: var(--border);
+ --color-destructive: var(--destructive);
+ --color-accent-foreground: var(--accent-foreground);
+ --color-accent: var(--accent);
+ --color-muted-foreground: var(--muted-foreground);
+ --color-muted: var(--muted);
+ --color-secondary-foreground: var(--secondary-foreground);
+ --color-secondary: var(--secondary);
+ --color-primary-foreground: var(--primary-foreground);
+ --color-primary: var(--primary);
+ --color-popover-foreground: var(--popover-foreground);
+ --color-popover: var(--popover);
+ --color-card-foreground: var(--card-foreground);
+ --color-card: var(--card);
+ --radius-sm: calc(var(--radius) - 4px);
+ --radius-md: calc(var(--radius) - 2px);
+ --radius-lg: var(--radius);
+ --radius-xl: calc(var(--radius) + 4px);
+ --radius-2xl: calc(var(--radius) + 8px);
+ --radius-3xl: calc(var(--radius) + 12px);
+ --radius-4xl: calc(var(--radius) + 16px);
+}
+
+:root {
+ --radius: 0.625rem;
+ --card: oklch(1 0 0);
+ --card-foreground: oklch(0.145 0 0);
+ --popover: oklch(1 0 0);
+ --popover-foreground: oklch(0.145 0 0);
+ --primary: oklch(0.205 0 0);
+ --primary-foreground: oklch(0.985 0 0);
+ --secondary: oklch(0.97 0 0);
+ --secondary-foreground: oklch(0.205 0 0);
+ --muted: oklch(0.97 0 0);
+ --muted-foreground: oklch(0.556 0 0);
+ --accent: oklch(0.97 0 0);
+ --accent-foreground: oklch(0.205 0 0);
+ --destructive: oklch(0.577 0.245 27.325);
+ --border: oklch(0.922 0 0);
+ --input: oklch(0.922 0 0);
+ --ring: oklch(0.708 0 0);
+ --chart-1: oklch(0.646 0.222 41.116);
+ --chart-2: oklch(0.6 0.118 184.704);
+ --chart-3: oklch(0.398 0.07 227.392);
+ --chart-4: oklch(0.828 0.189 84.429);
+ --chart-5: oklch(0.769 0.188 70.08);
+ --sidebar: oklch(0.985 0 0);
+ --sidebar-foreground: oklch(0.145 0 0);
+ --sidebar-primary: oklch(0.205 0 0);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.97 0 0);
+ --sidebar-accent-foreground: oklch(0.205 0 0);
+ --sidebar-border: oklch(0.922 0 0);
+ --sidebar-ring: oklch(0.708 0 0);
+ --background: oklch(1 0 0);
+ --foreground: oklch(0.145 0 0);
+}
+
+.dark {
+ --background: oklch(0.145 0 0);
+ --foreground: oklch(0.985 0 0);
+ --card: oklch(0.205 0 0);
+ --card-foreground: oklch(0.985 0 0);
+ --popover: oklch(0.205 0 0);
+ --popover-foreground: oklch(0.985 0 0);
+ --primary: oklch(0.922 0 0);
+ --primary-foreground: oklch(0.205 0 0);
+ --secondary: oklch(0.269 0 0);
+ --secondary-foreground: oklch(0.985 0 0);
+ --muted: oklch(0.269 0 0);
+ --muted-foreground: oklch(0.708 0 0);
+ --accent: oklch(0.269 0 0);
+ --accent-foreground: oklch(0.985 0 0);
+ --destructive: oklch(0.704 0.191 22.216);
+ --border: oklch(1 0 0 / 10%);
+ --input: oklch(1 0 0 / 15%);
+ --ring: oklch(0.556 0 0);
+ --chart-1: oklch(0.488 0.243 264.376);
+ --chart-2: oklch(0.696 0.17 162.48);
+ --chart-3: oklch(0.769 0.188 70.08);
+ --chart-4: oklch(0.627 0.265 303.9);
+ --chart-5: oklch(0.645 0.246 16.439);
+ --sidebar: oklch(0.205 0 0);
+ --sidebar-foreground: oklch(0.985 0 0);
+ --sidebar-primary: oklch(0.488 0.243 264.376);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.269 0 0);
+ --sidebar-accent-foreground: oklch(0.985 0 0);
+ --sidebar-border: oklch(1 0 0 / 10%);
+ --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+ * {
+ @apply border-border outline-ring/50;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+}
diff --git a/src/layouts/blank.astro b/src/layouts/blank.astro
deleted file mode 100644
index 5500568..0000000
--- a/src/layouts/blank.astro
+++ /dev/null
@@ -1,47 +0,0 @@
----
-import '../styles/global.css';
-import '../styles/theme.css';
-export interface Props {
- title?: string;
- description?: string;
- lang?: string;
- charset?: string;
-}
-
-const { title = 'Light Code', description = 'A lightweight code editor', lang = 'zh-CN', charset = 'UTF-8' } = Astro.props;
----
-
-
-
-
-
-
-
- {title}
-
- Docs
-
-
-
-
-
-
-
-
-
-
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index bd0c391..a5ef193 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs))
+ return twMerge(clsx(inputs));
}
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..f876785
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,27 @@
+import ReactDOM from 'react-dom/client'
+import { RouterProvider, createRouter } from '@tanstack/react-router'
+import { routeTree } from './routeTree.gen'
+import './index.css'
+import { getDynamicBasename } from './modules/basename'
+import './agents/index.ts';
+// Set up a Router instance
+const router = createRouter({
+ routeTree,
+ basepath: getDynamicBasename(),
+ defaultPreload: 'intent',
+ scrollRestoration: true,
+})
+
+// Register things for typesafety
+declare module '@tanstack/react-router' {
+ interface Register {
+ router: typeof router
+ }
+}
+
+const rootElement = document.getElementById('root')!
+
+if (!rootElement.innerHTML) {
+ const root = ReactDOM.createRoot(rootElement)
+ root.render(
+ + ) +} + +export const LayoutMain = () => { + return;
+ switchOrg: (username?: string) => Promise;
+ isAdmin: boolean;
+ setIsAdmin: (isAdmin: boolean) => void
+ init: () => Promise;
+ openLinkList: string[];
+ setOpenLinkList: (openLinkList: string[]) => void;
+ loginPageConfig: {
+ title: string;
+ subtitle: string;
+ footer: string;
+ };
+ setLoginPageConfig: (config: Partial) => void;
+ links: HeaderLink[];
+ setLinks: (links: HeaderLink[]) => void;
+ showBaseHeader: boolean;
+ setShowBaseHeader: (showBaseHeader: boolean) => void;
+ serverData: Record | null;
+ setServerData: (data: Record) => void;
+ initConvex: () => Promise;
+};
+type HeaderLink = {
+ title?: string;
+ href: string;
+ description?: string;
+ icon?: React.ReactNode;
+ key?: string;
+ isRoot?: boolean;
+};
+
+export const useLayoutStore = create((set, get) => ({
+ open: false,
+ setOpen: (open) => set({ open }),
+ openUser: false,
+ setOpenUser: (openUser) => set({ openUser }),
+ me: undefined,
+ setMe: (me) => set({ me }),
+ clearMe: () => {
+ set({ me: undefined, isAdmin: false });
+ },
+ getMe: async () => {
+ const data = await stackQueryClient.fetchQuery({
+ queryKey: authQueryKeys.me,
+ queryFn: async () => {
+ const res = await queryLogin.getMe();
+ if (res.code === 200) {
+ return res.data;
+ }
+ throw new Error(res.message || 'Failed to fetch user info');
+ },
+ });
+ set({ me: data, isAdmin: data?.orgs?.includes?.('admin') || false });
+ },
+ switchOrg: async (username?: string) => {
+ const res = await queryLogin.switchUser(username || '');
+ if (res.code === 200) {
+ toast.success('切换成功');
+ stackQueryClient.invalidateQueries({ queryKey: authQueryKeys.me });
+ setTimeout(() => {
+ window.location.reload();
+ }, 1000);
+ } else {
+ toast.error(res.message || '请求失败');
+ }
+ },
+ isAdmin: false,
+ setIsAdmin: (isAdmin) => set({ isAdmin }),
+ init: async () => {
+ await queryLogin.init();
+ const token = await queryLogin.checkLocalToken();
+ if (token) {
+ set({ me: {} });
+ try {
+ // const data = await stackQueryClient.fetchQuery({
+ // queryKey: authQueryKeys.me,
+ // }) as UserInfo;
+ const userInfo = await queryLogin.checkLocalUser();
+ if (userInfo) {
+ set({ me: userInfo as UserInfo, isAdmin: userInfo.orgs?.includes?.('admin') || false });
+ } else {
+ set({ me: undefined, isAdmin: false });
+ }
+ } catch {
+ set({ me: undefined, isAdmin: false });
+ }
+ }
+ // 获取服务端数据
+ // @ts-ignore
+ const sererData = window.__SERVER_DATA__;
+ if (sererData) {
+ set({ serverData: sererData });
+ }
+ },
+ initConvex: async () => { },
+ openLinkList: ['/login'],
+ setOpenLinkList: (openLinkList) => set({ openLinkList }),
+ loginPageConfig: {
+ title: '可视化管理平台',
+ subtitle: '让工具和智能化触手可及',
+ footer: '欢迎使用可视化管理平台 · 连接您的工具',
+ },
+ setLoginPageConfig: (config) => set((state) => ({
+ loginPageConfig: { ...state.loginPageConfig, ...config },
+ })),
+ links: [{ title: '', href: '/', key: 'home' }],
+ setLinks: (links) => set({ links }),
+ showBaseHeader: true,
+ setShowBaseHeader: (showBaseHeader) => set({ showBaseHeader }),
+ serverData: null,
+ setServerData: (data) => set({ serverData: data }),
+}));
diff --git a/src/apps/beian.tsx b/src/pages/beian.tsx
similarity index 100%
rename from src/apps/beian.tsx
rename to src/pages/beian.tsx
diff --git a/src/apps/config/firstLogin.tsx b/src/pages/config/firstLogin.tsx
similarity index 98%
rename from src/apps/config/firstLogin.tsx
rename to src/pages/config/firstLogin.tsx
index 3edbf97..02b6dfe 100644
--- a/src/apps/config/firstLogin.tsx
+++ b/src/pages/config/firstLogin.tsx
@@ -3,9 +3,8 @@ import { AuthProvider } from "../auth";
import { useFirstStore } from "./store";
// @ts-ignore
import UserNameBg from '../../assets/user-name-bg.jpg'
-import { ToastContainer } from "react-toastify";
console.log(UserNameBg);
-const src = UserNameBg.src;
+const src = UserNameBg as string;
// 炫光边框卡片组件 - 黑白色系
const GlowingCard = ({ children, className = "" }: { children: React.ReactNode; className?: string }) => {
@@ -175,6 +174,7 @@ export const App = () => {
export const AppProvider = () => {
return
;
-}
\ No newline at end of file
+}
+
+export default AppProvider;
\ No newline at end of file
diff --git a/src/apps/config/store.ts b/src/pages/config/store.ts
similarity index 98%
rename from src/apps/config/store.ts
rename to src/pages/config/store.ts
index 560713d..8b2a54c 100644
--- a/src/apps/config/store.ts
+++ b/src/pages/config/store.ts
@@ -1,6 +1,6 @@
import { create } from 'zustand';
import { queryLogin } from '@/modules/query';
-import { toast } from 'react-toastify';
+import { toast } from 'sonner';
type UserInfo = {
avatar: string | null;
diff --git a/src/pages/demo/page.tsx b/src/pages/demo/page.tsx
new file mode 100644
index 0000000..33e13e5
--- /dev/null
+++ b/src/pages/demo/page.tsx
@@ -0,0 +1,8 @@
+import { useDemoStore } from './store/index'
+export const App = () => {
+ const demoStore = useDemoStore()
+ console.log('demo', demoStore.formData)
+ return ;
+ setFormData: (data: Record) => void;
+ showEdit: boolean;
+ setShowEdit: (showEdit: boolean) => void;
+ loading: boolean;
+ setLoading: (loading: boolean) => void;
+ list: Data[];
+ getItem: (id: string) => Promise;
+ getList: () => Promise;
+ updateData: (data: Data) => Promise;
+ deleteData: (id: string) => Promise;
+}
+
+export const useDemoStore = create((set, get) => {
+ return {
+ formData: {},
+ setFormData: (data) => set({ formData: data }),
+ showEdit: false,
+ setShowEdit: (showEdit) => set({ showEdit }),
+ loading: false,
+ setLoading: (loading) => set({ loading }),
+ list: [],
+ getItem: async (id) => {
+ const { setLoading } = get();
+ setLoading(true);
+ try {
+ const res = await query.post({
+ path: 'demo',
+ key: 'item',
+ data: { id }
+ })
+ if (res.code === 200) {
+ return res;
+ } else {
+ toast.error(res.message || '请求失败');
+ }
+ } finally {
+ setLoading(false);
+ }
+ },
+ getList: async () => {
+ const { setLoading } = get();
+ setLoading(true);
+ try {
+ const res = await query.post({
+ path: 'demo',
+ key: 'list'
+ });
+ if (res.code === 200) {
+ const list = res.data?.list || []
+ set({ list });
+ } else {
+ toast.error(res.message || '请求失败');
+ }
+ return res;
+ } finally {
+ setLoading(false);
+ }
+ },
+ updateData: async (data) => {
+ const res = await query.post({
+ path: 'demo',
+ key: 'update',
+ data
+ })
+ if (res.code === 200) {
+ get().getList()
+ } else {
+ toast.error(res.message || '请求失败');
+ }
+ },
+ deleteData: async (id) => {
+ const res = await query.post({
+ path: 'demo',
+ key: 'delete',
+ data: { id }
+ })
+ if (res.code === 200) {
+ get().getList()
+ } else {
+ toast.error(res.message || '请求失败');
+ }
+ }
+ }
+})
\ No newline at end of file
diff --git a/src/pages/demos/base.astro b/src/pages/demos/base.astro
deleted file mode 100644
index adf099f..0000000
--- a/src/pages/demos/base.astro
+++ /dev/null
@@ -1,9 +0,0 @@
----
-import Html from '@/components/html.astro';
----
-
-
-
-
-
-
diff --git a/src/pages/first.astro b/src/pages/first.astro
deleted file mode 100644
index ef559e0..0000000
--- a/src/pages/first.astro
+++ /dev/null
@@ -1,10 +0,0 @@
----
-import Html from '@/components/html.astro';
-import { AppProvider } from '@/apps/config/firstLogin';
----
-
-
-
-
-
diff --git a/src/apps/home/chat.ts b/src/pages/home/chat.ts
similarity index 83%
rename from src/apps/home/chat.ts
rename to src/pages/home/chat.ts
index 9eaff7f..b20cf2d 100644
--- a/src/apps/home/chat.ts
+++ b/src/pages/home/chat.ts
@@ -1,8 +1,8 @@
import { query } from '@/modules/query';
-import { toast } from 'react-toastify';
+import { toast } from 'sonner';
export const postChat = async (question: string) => {
const res = await query.post({
- path: 'noco-life',
+ path: 'flowme-life',
key: 'chat',
payload: { question },
});
diff --git a/src/apps/home/index.tsx b/src/pages/home/index.tsx
similarity index 94%
rename from src/apps/home/index.tsx
rename to src/pages/home/index.tsx
index e53e212..b6567bc 100644
--- a/src/apps/home/index.tsx
+++ b/src/pages/home/index.tsx
@@ -1,9 +1,6 @@
-import { app } from '../ai';
import { Sender, XProvider, Bubble } from '@ant-design/x';
import { useEffect, useMemo, useRef, useState } from 'react';
import { postChat } from './chat';
-import { Nav } from '../nav';
-import { ToastContainer } from 'react-toastify';
import { useHomeStore } from './store';
import { nanoid } from 'nanoid';
import { Beian } from '../beian';
@@ -83,9 +80,7 @@ export const AppProvider = () => {
}
}}
>
-
-
-
diff --git a/src/apps/nav/index.tsx b/src/pages/nav/index.tsx
similarity index 97%
rename from src/apps/nav/index.tsx
rename to src/pages/nav/index.tsx
index 0cb89e3..ce236e5 100644
--- a/src/apps/nav/index.tsx
+++ b/src/pages/nav/index.tsx
@@ -4,7 +4,7 @@ import { useShallow } from 'zustand/shallow';
import '@kevisual/kv-login';
import { clearCode } from '@kevisual/kv-login'
import { useContextKey } from "@kevisual/context";
-import { toast as message } from 'react-toastify';
+import { toast as message } from 'sonner';
import { Dialog, DialogContent, DialogHeader, DialogTrigger } from "@/components/ui/dialog";
import { queryLogin as query } from '@/modules/query';
export const checkPluginLogin = async () => {
@@ -95,7 +95,7 @@ export const Nav = () => {
) : (
-
- )
-}
-
-function NavigationMenuLink({
- className,
- ...props
-}: React.ComponentProps
-
-
+
+ )
+ }
+
+ return <>
+ {children}
+
+}
\ No newline at end of file
diff --git a/src/pages/auth/modules/BaseHeader.tsx b/src/pages/auth/modules/BaseHeader.tsx
new file mode 100644
index 0000000..551ad39
--- /dev/null
+++ b/src/pages/auth/modules/BaseHeader.tsx
@@ -0,0 +1,93 @@
+import { Home, User, LogIn, LogOut } from 'lucide-react';
+import { Link, useNavigate } from '@tanstack/react-router'
+import { useLayoutStore } from '../store';
+import { useShallow } from 'zustand/shallow';
+import { useMemo } from 'react';
+
+export const BaseHeader = (props: { main?: React.ComponentType | null }) => {
+ const store = useLayoutStore(useShallow(state => ({
+ me: state.me,
+ clearMe: state.clearMe,
+ links: state.links,
+ showBaseHeader: state.showBaseHeader,
+ })));
+ const navigate = useNavigate();
+ const meInfo = useMemo(() => {
+ if (!store.me) {
+ return (
+
+ )
+ }
+ return (
+
+
+
+
+
+
+ 需要登录
+请先登录以继续访问此页面
+ {
+ // window.open(loginUrl, '_blank');
+ navigate({ to: '/login' });
+ }}
+ >
+
+
+ {store.me.avatar && (
+ 
+ )}
+ {!store.me.avatar && (
+
+ )
+ }, [store.me, store.clearMe])
+ if (!store.showBaseHeader) {
+ return null;
+ }
+ return (
+ <>
+
+
+ )}
+ {store.me?.username}
+
+
+
+
+ {
+ store.links.map(link => (
+
+ {
+ if (!link.href) return;
+ if (link.href.startsWith('http') || link.isRoot) {
+ window.open(link.href, '_blank');
+ return;
+ }
+ navigate({
+ to: link.href
+ })
+ }}
+ >
+ {link.key === 'home' &&
+
+ ))
+ }
+
+ {meInfo}
+
+ + + ) +} + +export const LayoutMain = () => { + return
+ {/* 背景装饰 - 圆形光晕 */}
+
+
+
+
+ {/* 背景装饰 - 网格图案 */}
+
+
+ {/* 顶部装饰文字 */}
+
+ )
+}
+
+export default App;
\ No newline at end of file
diff --git a/src/pages/auth/store.ts b/src/pages/auth/store.ts
new file mode 100644
index 0000000..b5c1d09
--- /dev/null
+++ b/src/pages/auth/store.ts
@@ -0,0 +1,134 @@
+
+import { queryLogin, stackQueryClient } from '@/modules/query';
+import { create } from 'zustand';
+import { toast } from 'sonner';
+import { authQueryKeys } from './hooks';
+export type UserInfo = {
+ id?: string;
+ username?: string;
+ nickname?: string | null;
+ needChangePassword?: boolean;
+ description?: string | null;
+ type?: 'user' | 'org';
+ orgs?: string[];
+ avatar?: string;
+};
+export type LayoutStore = {
+ open: boolean;
+ setOpen: (open: boolean) => void;
+ openUser: boolean;
+ setOpenUser: (openUser: boolean) => void;
+ me?: UserInfo;
+ setMe: (me: UserInfo) => void;
+ clearMe: () => void;
+ getMe: () => Promise
+
+
+ {/* 登录卡片容器 */}
+ {title}
+{subtitle}
+
+
+
+ {/* 底部装饰 */}
+
+ {/* 卡片外圈光效 */}
+
+
+ {/* 登录组件容器 */}
+
+
+
+
+
+ {footer}
+App
+}
+
+export default App;
\ No newline at end of file
diff --git a/src/pages/demo/store/index.ts b/src/pages/demo/store/index.ts
new file mode 100644
index 0000000..8c66c73
--- /dev/null
+++ b/src/pages/demo/store/index.ts
@@ -0,0 +1,95 @@
+import { create } from 'zustand';
+import { query } from '@/modules/query';
+import { toast } from 'sonner';
+
+interface Data {
+ id: string;
+ [key: string]: any;
+}
+
+type State = {
+ formData: Record