16 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/src/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
6 | return (
7 |
15 | )
16 | }
17 |
18 | export { Textarea }
19 |
--------------------------------------------------------------------------------
/src/components/RelativeTime.tsx:
--------------------------------------------------------------------------------
1 | import { getRelativeTime } from "@/lib/relative-time"
2 | import { memo, useEffect, useState } from "react"
3 |
4 | interface IRelativeTime {
5 | defaultOn?: boolean
6 | autoRefresh?: boolean
7 | date: number | string
8 | }
9 | function UnMemoizedRelativeTime({
10 | date,
11 | defaultOn = true,
12 | autoRefresh = true,
13 | }: IRelativeTime) {
14 | const dateObj = new Date(date)
15 | const [isRelative, setIsRelative] = useState(defaultOn)
16 | // Use bit calculate to trigger re-render to bring the lowest cost
17 | // Too low bits is risky which may not trigger re-render under some situation
18 | const [bits, setBits] = useState(0b000)
19 |
20 | useEffect(() => {
21 | if (autoRefresh && isRelative) {
22 | setTimeout(() => setBits((b) => (b + 0b001) & 0b111), 1000)
23 | }
24 | }, [bits, autoRefresh, isRelative])
25 |
26 | return (
27 | setIsRelative((r) => !r)}>
28 | {isRelative ? getRelativeTime(dateObj) : dateObj.toLocaleString()}
29 |
30 | )
31 | }
32 | export const RelativeTime = memo(UnMemoizedRelativeTime)
33 |
--------------------------------------------------------------------------------
/src/components/ui/switch.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as SwitchPrimitive from "@radix-ui/react-switch"
3 |
4 | import { cn } from "@/lib/utils"
5 |
6 | function Switch({
7 | className,
8 | ...props
9 | }: React.ComponentProps
17 |
19 |
30 |
47 |
49 | )}
50 |
43 |
51 | {children}
52 |
53 | )
54 | }
55 |
56 | export function CodeBlock({
57 | node,
58 | className,
59 | children,
60 | ...props
61 | }: ComponentProps<"code"> & ExtraProps) {
62 | const isDark = useIsDark()
63 | const inline = node?.position?.start.line === node?.position?.end.line
64 |
65 | const match = /language-(\w+)/.exec(className || "")
66 |
67 | return inline ? (
68 |
72 | {children}
73 |
74 | ) : (
75 | // @ts-ignore
76 | {
55 | await openUrl(url)
56 | }}
57 | >
58 |
67 | )
68 | }
69 | )
70 | }
71 | }, [toolCallResult])
72 |
73 | return (
74 |
100 | )
101 | }
102 |
--------------------------------------------------------------------------------
/src/components/Markdown.tsx:
--------------------------------------------------------------------------------
1 | // Refer to https://github.com/vercel/ai-chatbot/blob/27ff56625848f091b40c65506858c146f742a047/components/markdown.tsx
2 |
3 | import { memo } from "react"
4 | import { openUrl } from "@tauri-apps/plugin-opener"
5 | import ReactMarkdown, { Options, type Components } from "react-markdown"
6 | import rehypeKatex from "rehype-katex"
7 | import remarkGfm from "remark-gfm"
8 | import remarkMath from "remark-math"
9 |
10 | import { CodeBlock, PreBlock } from "./CodeBlock"
11 |
12 | import "katex/dist/katex.min.css"
13 |
14 | const components: Partial
59 | {favicon ? : null}
60 | {title}
61 |
{description}
63 |64 | Used token: {tokens.toString()} 65 |
66 |-
20 | {children}
21 |
-
34 | {children}
35 |
65 | {children} 66 |
67 | ) 68 | }, 69 | h2: ({ node, children, ...props }) => { 70 | return ( 71 |72 | {children} 73 |
74 | ) 75 | }, 76 | h3: ({ node, children, ...props }) => { 77 | return ( 78 |79 | {children} 80 |
81 | ) 82 | }, 83 | h4: ({ node, children, ...props }) => { 84 | return ( 85 |86 | {children} 87 |
88 | ) 89 | }, 90 | h5: ({ node, children, ...props }) => { 91 | return ( 92 |93 | {children} 94 |
95 | ) 96 | }, 97 | h6: ({ node, children, ...props }) => { 98 | return ( 99 |100 | {children} 101 |
102 | ) 103 | }, 104 | hr: ({ node, children, ...props }) => { 105 | return106 | }, 107 | } 108 | 109 | const remarkPlugins = [remarkGfm, remarkMath] 110 | const rehypePlugins = [rehypeKatex] 111 | 112 | const NonMemoizedMarkdown = ({ children }: Pick
2 | 
3 |
4 |
5 | ---
6 |
7 | # 🐯 Taiga
8 |
9 | [](LICENSE)
10 |
11 | ## Introduction
12 |
13 | Taiga is an open-source mobile AI chat app that supports customizing LLM providers.
14 |
15 | > It is a work in progress project, any problem is possible, please use this premise, the author is not responsible for any form of your loss.
16 |
17 | ## Features
18 | - **Customizable LLMs**: Customize the LLM provider you wanna use.
19 | - **Customizable UI**: Customize the UI with your own design (Thanks tweakcn's job).
20 | - **Cross-platform**: Build truly cross-platform mobile apps with Tauri, supporting Android, iOS(later).
21 | - **High Performance**: Tauri uses Rust as the backend, providing higher performance and smaller package sizes than Electron.
22 | - **Security**: Tauri applications have higher security by default.
23 | - **Internationalization**: Support multiple languages with Lingui.
24 |
25 | ### Special note about translation
26 |
27 | All translations are from LLM. Any questions relating to translation are not intended by author, and you are welcome to provide an correction in the [issue](https://github.com/Ayuilos/taiga/issues).
28 |
29 | ## Screenshots
30 |
31 |
3 |
32 | 
33 | 
34 |
35 |
36 | https://github.com/user-attachments/assets/6cc7b182-69b9-4493-aea4-bb73e82cbee7
37 |
38 |
39 | ### 🌟🌟 Download to explore more ⬇
40 |
41 | ## Download
42 |
43 | Go https://github.com/Ayuilos/taiga/releases to find the latest release.
44 |
45 | > Only Android version is available now. iOS is TBD.
46 |
47 | ## Tech Stack
48 |
49 | - [Tauri](https://tauri.app/): A framework for building cross-platform desktop applications.
50 | - [React](https://reactjs.org/): A JavaScript library for building user interfaces.
51 | - [Typescript](https://www.typescriptlang.org/): A superset of JavaScript that provides static type checking.
52 | - [Vite](https://vite.dev/): An extremely fast frontend build tool.
53 | - [VS Code](https://code.visualstudio.com/): Recommended IDE, used with Tauri and rust-analyzer plugins.
54 |
55 | ## Quick Start
56 |
57 | ### Prerequisites
58 |
59 | Please check https://v2.tauri.app/start/prerequisites/ first.
60 |
61 | ### Getting Started
62 |
63 | 1. **Clone the project**:
64 |
65 | ```bash
66 | git clone https://github.com/Ayuilos/taiga.git
67 | cd taiga
68 | ```
69 |
70 | 2. **Install dependencies**:
71 |
72 | ```bash
73 | yarn install
74 | ```
75 |
76 | 3. **Start the development server**:
77 |
78 | ```bash
79 | yarn tauri android dev
80 | ```
81 |
82 | 4. **Build the production version**:
83 |
84 | ```bash
85 | yarn tauri android build
86 | ```
87 |
88 | ## i18N
89 |
90 | Taiga use [lingui](https://lingui.dev/) for i18N.
91 |
92 | ### How to add new words
93 |
94 | #### In project code
95 |
96 | ```ts
97 | // Import the `t` macro
98 | import { t } from "@lingui/macro"
99 |
100 | // Use `xxxString` as a suffix for better readability
101 | const titleString = t`title`
102 | ```
103 |
104 | #### in terminal
105 |
106 | ```bash
107 | # lingui will auto extract the words
108 | yarn extract
109 | ```
110 |
111 | #### Find them in `src/locales/xx/messages.po`
112 |
113 | ```po
114 | #: src/xxx/yyy.tsx:ccc
115 | msgid "title"
116 | msgstr ""
117 | ```
118 |
119 | Add translation in `msgstr`
120 |
121 | ### !!! Be Careful
122 |
123 | Don't run `yarn compile` after `yarn extract`. Project code use `dynamicActivate`
124 |
125 | ## Recommended IDE Setup
126 |
127 | - [VS Code](https://code.visualstudio.com/)
128 | - [Tauri VS Code plugin](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode)
129 | - [rust-analyzer VS Code plugin](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
130 | - [prettier VS Code plugin](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
131 | - [eslint VS Code plugin](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
132 |
133 | ## License
134 |
135 | This project uses the AGPL-v3 license. For details, please refer to the [LICENSE](LICENSE) file.
136 |
137 | ## Contact
138 |
139 | Leave your problem in https://github.com/Ayuilos/taiga/issues
140 |
--------------------------------------------------------------------------------
/src/components/ui/form.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as LabelPrimitive from "@radix-ui/react-label"
3 | import { Slot } from "@radix-ui/react-slot"
4 | import {
5 | Controller,
6 | ControllerProps,
7 | FieldPath,
8 | FieldValues,
9 | FormProvider,
10 | useFormContext,
11 | useFormState,
12 | } from "react-hook-form"
13 |
14 | import { cn } from "@/lib/utils"
15 | import { Label } from "@/components/ui/label"
16 |
17 | const Form = FormProvider
18 |
19 | type FormFieldContextValue<
20 | TFieldValues extends FieldValues = FieldValues,
21 | TName extends FieldPath
33 |
34 | 151 | {body} 152 |
153 | ) 154 | } 155 | 156 | export { 157 | useFormField, 158 | Form, 159 | FormItem, 160 | FormLabel, 161 | FormControl, 162 | FormDescription, 163 | FormMessage, 164 | FormField, 165 | } 166 | -------------------------------------------------------------------------------- /src/components/ui/dialog.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | import * as DialogPrimitive from "@radix-ui/react-dialog" 3 | import { XIcon } from "lucide-react" 4 | 5 | import { cn } from "@/lib/utils" 6 | 7 | function Dialog({ 8 | ...props 9 | }: React.ComponentProps
32 | {apis.map((api) => {
33 | return (
34 |
42 | )
43 | }
44 |
45 | interface ISingleSearchAPIManagement {
46 | api: TBaseSearchAPI
47 | onAPIChange: (api: TBaseSearchAPI) => void
48 | }
49 | function SingleSearchAPIManagement({
50 | api,
51 | onAPIChange,
52 | }: ISingleSearchAPIManagement) {
53 | const form = useForm
65 |
75 | )
76 | }
77 |
78 | function CommandList({
79 | className,
80 | ...props
81 | }: React.ComponentProps
73 | {Object.entries(defaultModels).map((entry) => {
74 | const type = entry[0] as keyof TDefaultModels
75 | const model = entry[1]
76 |
77 | return (
78 |
89 | )
90 | }
91 |
92 | interface IDefaultModelSelector {
93 | providers: IAIProvider[]
94 | selectedModel: TDefaultModel
95 | setSelectedModel: (defaultModel: TDefaultModel) => void
96 | }
97 | function DefaultModelSelector({
98 | providers,
99 | selectedModel,
100 | setSelectedModel,
101 | }: IDefaultModelSelector) {
102 | const [open, setOpen] = useState(false)
103 |
104 | const commandList = useMemo(() => {
105 | const sortedProviders = selectedModel
106 | ? produce(providers, (draft) => {
107 | const targetModel = selectedModel ? selectedModel[1] : ""
108 | const index = draft.findIndex((provider) =>
109 | provider.models.includes(targetModel)
110 | )
111 |
112 | if (index !== -1) {
113 | const [provider] = draft.splice(index, 1)
114 | const indexOfModel = provider.models.indexOf(targetModel)
115 | if (indexOfModel !== -1) {
116 | const [model] = provider.models.splice(indexOfModel, 1)
117 | provider.models.unshift(model)
118 | }
119 |
120 | draft.unshift(provider)
121 | }
122 | })
123 | : providers
124 |
125 | return sortedProviders.map((provider) => {
126 | return (
127 |
79 |
80 | setDefaultModel(type, model)}
84 | />
85 |
86 | )
87 | })}
88 |
155 |
156 |
157 |
166 |
167 |
168 |
169 | {noModelEmptyString}
171 | {commandList}
172 |
173 |
174 |
175 |
176 | )
177 | }
178 |
--------------------------------------------------------------------------------
/src/components/ChatHistory.tsx:
--------------------------------------------------------------------------------
1 | import { useCallback, useEffect, useMemo, useState } from "react"
2 | import { t } from "@lingui/core/macro"
3 | import { AlertDialogTrigger } from "@radix-ui/react-alert-dialog"
4 | import { produce } from "immer"
5 |
6 | import {
7 | ChatStore,
8 | ChatSummaryStore,
9 | TChatID,
10 | TChatSummary,
11 | } from "@/lib/chat-store"
12 | import { getRelativeTime } from "@/lib/relative-time"
13 | import {
14 | AlertDialog,
15 | AlertDialogAction,
16 | AlertDialogCancel,
17 | AlertDialogContent,
18 | AlertDialogFooter,
19 | AlertDialogHeader,
20 | } from "./ui/alert-dialog"
21 | import { Badge } from "./ui/badge"
22 | import {
23 | Command,
24 | CommandEmpty,
25 | CommandGroup,
26 | CommandItem,
27 | CommandList,
28 | } from "./ui/command"
29 | import {
30 | Drawer,
31 | DrawerContent,
32 | DrawerDescription,
33 | DrawerHeader,
34 | DrawerTitle,
35 | } from "./ui/drawer"
36 |
37 | interface IChatHistory {
38 | open: boolean
39 | selectedChatId: TChatID | null
40 | onSelect: (id: TChatID) => void
41 | onOpen: (_open: boolean) => void
42 | onHistoryDelete: () => Promise
160 | {summaryItems.length > 0 ? (
161 |
165 |
166 | {emptyString}
167 | {summaryItems}
168 |
169 |
170 | ) : (
171 |
176 |
172 | {emptyString}
173 |
174 | )}
175 | 167 | 168 | {goProviderConfigLinkString} 169 | 170 |