Migrated to WXT

src/components/Common/Playground/EditMessageForm.tsx

@@ -1,6 +1,6 @@
 import { useForm } from "@mantine/form"
 import React from "react"
-import useDynamicTextareaSize from "~hooks/useDynamicTextareaSize"
+import useDynamicTextareaSize from "~/hooks/useDynamicTextareaSize"
 
 type Props = {
   value: string

src/components/Common/ShareBtn.tsx

@@ -1,13 +1,13 @@
 import { Form, Image, Input, Modal, Tooltip, message } from "antd"
 import { Share } from "lucide-react"
 import { useState } from "react"
-import type { Message } from "~store/option"
+import type { Message } from "~/store/option"
 import Markdown from "./Markdown"
 import React from "react"
 import { useMutation } from "@tanstack/react-query"
-import { getPageShareUrl } from "~services/ollama"
-import { cleanUrl } from "~libs/clean-url"
-import { getUserId, saveWebshare } from "~libs/db"
+import { getPageShareUrl } from "~/services/ollama"
+import { cleanUrl } from "~/libs/clean-url"
+import { getUserId, saveWebshare } from "~/libs/db"
 
 type Props = {
   messages: Message[]

src/components/Layouts/Layout.tsx

@@ -4,8 +4,8 @@ import { useLocation, NavLink } from "react-router-dom"
 import { Sidebar } from "../Option/Sidebar"
 import { Drawer, Select, Tooltip } from "antd"
 import { useQuery } from "@tanstack/react-query"
-import { getAllModels } from "~services/ollama"
-import { useMessageOption } from "~hooks/useMessageOption"
+import { getAllModels } from "~/services/ollama"
+import { useMessageOption } from "~/hooks/useMessageOption"
 import {
   ChevronLeft,
   CogIcon,
@@ -15,8 +15,8 @@ import {
   SquarePen,
   ZapIcon
 } from "lucide-react"
-import { getAllPrompts } from "~libs/db"
-import { ShareBtn } from "~components/Common/ShareBtn"
+import { getAllPrompts } from "~/libs/db"
+import { ShareBtn } from "~/components/Common/ShareBtn"
 
 export default function OptionLayout({
   children

src/components/Option/Models/index.tsx

@@ -1,7 +1,7 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
 import { Skeleton, Table, Tag, Tooltip, notification, Modal, Input } from "antd"
-import { bytePerSecondFormatter } from "~libs/byte-formater"
-import { deleteModel, getAllModels } from "~services/ollama"
+import { bytePerSecondFormatter } from "~/libs/byte-formater"
+import { deleteModel, getAllModels } from "~/services/ollama"
 import dayjs from "dayjs"
 import relativeTime from "dayjs/plugin/relativeTime"
 import { useState } from "react"

src/components/Option/Playground/PlaygroundChat.tsx

@@ -1,7 +1,7 @@
 import React from "react"
-import { useMessageOption } from "~hooks/useMessageOption"
+import { useMessageOption } from "~/hooks/useMessageOption"
 import { PlaygroundEmpty } from "./PlaygroundEmpty"
-import { PlaygroundMessage } from "~components/Common/Playground/Message"
+import { PlaygroundMessage } from "~/components/Common/Playground/Message"
 
 export const PlaygroundChat = () => {
   const {

src/components/Option/Playground/PlaygroundEmpty.tsx

@@ -5,7 +5,7 @@ import {
   getOllamaURL,
   isOllamaRunning,
   setOllamaURL as saveOllamaURL
-} from "~services/ollama"
+} from "~/services/ollama"
 
 export const PlaygroundEmpty = () => {
   const [ollamaURL, setOllamaURL] = useState<string>("")

src/components/Option/Playground/PlaygroundForm.tsx

@@ -1,16 +1,16 @@
 import { useForm } from "@mantine/form"
 import { useMutation, useQueryClient } from "@tanstack/react-query"
 import React from "react"
-import useDynamicTextareaSize from "~hooks/useDynamicTextareaSize"
-import { toBase64 } from "~libs/to-base64"
-import { useMessageOption } from "~hooks/useMessageOption"
+import useDynamicTextareaSize from "~/hooks/useDynamicTextareaSize"
+import { toBase64 } from "~/libs/to-base64"
+import { useMessageOption } from "~/hooks/useMessageOption"
 import { Checkbox, Dropdown, Switch, Tooltip } from "antd"
 import { Image } from "antd"
-import { useSpeechRecognition } from "~hooks/useSpeechRecognition"
-import { useWebUI } from "~store/webui"
-import { defaultEmbeddingModelForRag } from "~services/ollama"
+import { useSpeechRecognition } from "~/hooks/useSpeechRecognition"
+import { useWebUI } from "~/store/webui"
+import { defaultEmbeddingModelForRag } from "~/services/ollama"
 import { ImageIcon, MicIcon, StopCircleIcon, X } from "lucide-react"
-import { getVariable } from "~utils/select-varaible"
+import { getVariable } from "~/utils/select-varaible"
 
 type Props = {
   dropedFile: File | undefined

src/components/Option/Prompt/index.tsx

@@ -16,7 +16,7 @@ import {
   getAllPrompts,
   savePrompt,
   updatePrompt
-} from "~libs/db"
+} from "~/libs/db"
 
 export const PromptBody = () => {
   const queryClient = useQueryClient()

src/components/Option/Settings/ollama.tsx

@@ -1,7 +1,7 @@
 import { useMutation, useQuery } from "@tanstack/react-query"
 import { Form, InputNumber, Select, Skeleton } from "antd"
 import { useState } from "react"
-import { SaveButton } from "~components/Common/SaveButton"
+import { SaveButton } from "~/components/Common/SaveButton"
 import {
   defaultEmbeddingChunkOverlap,
   defaultEmbeddingChunkSize,
@@ -10,7 +10,7 @@ import {
   getOllamaURL,
   saveForRag,
   setOllamaURL as saveOllamaURL
-} from "~services/ollama"
+} from "~/services/ollama"
 import { SettingPrompt } from "./prompt"
 
 export const SettingsOllama = () => {

src/components/Option/Settings/other.tsx

@@ -1,9 +1,9 @@
 import { useQueryClient } from "@tanstack/react-query"
-import { useDarkMode } from "~hooks/useDarkmode"
-import { useMessageOption } from "~hooks/useMessageOption"
-import { PageAssitDatabase } from "~libs/db"
+import { useDarkMode } from "~/hooks/useDarkmode"
+import { useMessageOption } from "~/hooks/useMessageOption"
+import { PageAssitDatabase } from "~/libs/db"
 import { Select } from "antd"
-import { SUPPORTED_LANGUAGES } from "~utils/supporetd-languages"
+import { SUPPORTED_LANGUAGES } from "~/utils/supporetd-languages"
 import { MoonIcon, SunIcon } from "lucide-react"
 import { SearchModeSettings } from "./search-mode"
 

src/components/Option/Settings/prompt.tsx

@@ -1,14 +1,14 @@
 import { useQuery, useQueryClient } from "@tanstack/react-query"
 import { Skeleton, Radio, Form, Alert } from "antd"
 import React from "react"
-import { SaveButton } from "~components/Common/SaveButton"
+import { SaveButton } from "~/components/Common/SaveButton"
 import {
   getWebSearchPrompt,
   setSystemPromptForNonRagOption,
   systemPromptForNonRagOption,
   geWebSearchFollowUpPrompt,
   setWebPrompts
-} from "~services/ollama"
+} from "~/services/ollama"
 
 export const SettingPrompt = () => {
   const [selectedValue, setSelectedValue] = React.useState<"normal" | "web">(

src/components/Option/Settings/search-mode.tsx

@@ -3,7 +3,7 @@ import { Skeleton, Switch } from "antd"
 import {
   getIsSimpleInternetSearch,
   setIsSimpleInternetSearch
-} from "~services/ollama"
+} from "~/services/ollama"
 
 export const SearchModeSettings = () => {
   const { data, status } = useQuery({

src/components/Option/Share/index.tsx

@@ -1,10 +1,10 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
 import { Form, Input, Skeleton, Table, Tooltip, message } from "antd"
 import { Trash2 } from "lucide-react"
-import { SaveButton } from "~components/Common/SaveButton"
-import { deleteWebshare, getAllWebshares, getUserId } from "~libs/db"
-import { getPageShareUrl, setPageShareUrl } from "~services/ollama"
-import { verifyPageShareURL } from "~utils/verify-page-share"
+import { SaveButton } from "~/components/Common/SaveButton"
+import { deleteWebshare, getAllWebshares, getUserId } from "~/libs/db"
+import { getPageShareUrl, setPageShareUrl } from "~/services/ollama"
+import { verifyPageShareURL } from "~/utils/verify-page-share"
 
 export const OptionShareBody = () => {
   const queryClient = useQueryClient()

src/components/Option/Sidebar.tsx

@@ -5,9 +5,9 @@ import {
   formatToMessage,
   deleteByHistoryId,
   updateHistory
-} from "~libs/db"
+} from "~/libs/db"
 import { Empty, Skeleton } from "antd"
-import { useMessageOption } from "~hooks/useMessageOption"
+import { useMessageOption } from "~/hooks/useMessageOption"
 import { useState } from "react"
 import { PencilIcon, Trash2 } from "lucide-react"
 import { useNavigate } from "react-router-dom"

src/components/Sidepanel/Chat/body.tsx

@@ -1,6 +1,6 @@
 import React from "react"
-import { PlaygroundMessage } from "~components/Common/Playground/Message"
-import { useMessage } from "~hooks/useMessage"
+import { PlaygroundMessage } from "~/components/Common/Playground/Message"
+import { useMessage } from "~/hooks/useMessage"
 import { EmptySidePanel } from "../Chat/empty"
 
 export const SidePanelBody = () => {

src/components/Sidepanel/Chat/empty.tsx

@@ -2,13 +2,13 @@ import { useQuery } from "@tanstack/react-query"
 import { Select } from "antd"
 import { RotateCcw } from "lucide-react"
 import { useEffect, useState } from "react"
-import { useMessage } from "~hooks/useMessage"
+import { useMessage } from "~/hooks/useMessage"
 import {
   getAllModels,
   getOllamaURL,
   isOllamaRunning,
   setOllamaURL as saveOllamaURL
-} from "~services/ollama"
+} from "~/services/ollama"
 
 export const EmptySidePanel = () => {
   const [ollamaURL, setOllamaURL] = useState<string>("")

src/components/Sidepanel/Chat/form.tsx

@@ -1,13 +1,13 @@
 import { useForm } from "@mantine/form"
 import { useMutation } from "@tanstack/react-query"
 import React from "react"
-import useDynamicTextareaSize from "~hooks/useDynamicTextareaSize"
-import { useMessage } from "~hooks/useMessage"
-import { toBase64 } from "~libs/to-base64"
+import useDynamicTextareaSize from "~/hooks/useDynamicTextareaSize"
+import { useMessage } from "~/hooks/useMessage"
+import { toBase64 } from "~/libs/to-base64"
 import { Checkbox, Dropdown, Image, Tooltip } from "antd"
-import { useSpeechRecognition } from "~hooks/useSpeechRecognition"
-import { useWebUI } from "~store/webui"
-import { defaultEmbeddingModelForRag } from "~services/ollama"
+import { useSpeechRecognition } from "~/hooks/useSpeechRecognition"
+import { useWebUI } from "~/store/webui"
+import { defaultEmbeddingModelForRag } from "~/services/ollama"
 import { ImageIcon, MicIcon, X } from "lucide-react"
 
 type Props = {

src/components/Sidepanel/Chat/header.tsx

@@ -1,5 +1,5 @@
-import logoImage from "data-base64:~assets/icon.png"
-import { useMessage } from "~hooks/useMessage"
+import logoImage from "~/assets/icon.png"
+import { useMessage } from "~/hooks/useMessage"
 import { Link } from "react-router-dom"
 import { Tooltip } from "antd"
 import { BoxesIcon, CogIcon, RefreshCcw } from "lucide-react"

src/components/Sidepanel/Settings/body.tsx

@@ -12,13 +12,13 @@ import {
   defaultEmbeddingChunkSize,
   defaultEmbeddingModelForRag,
   saveForRag
-} from "~services/ollama"
+} from "~/services/ollama"
 
 import { Skeleton, Radio, Select, Form, InputNumber } from "antd"
-import { useDarkMode } from "~hooks/useDarkmode"
-import { SaveButton } from "~components/Common/SaveButton"
-import { SUPPORTED_LANGUAGES } from "~utils/supporetd-languages"
-import { useMessage } from "~hooks/useMessage"
+import { useDarkMode } from "~/hooks/useDarkmode"
+import { SaveButton } from "~/components/Common/SaveButton"
+import { SUPPORTED_LANGUAGES } from "~/utils/supporetd-languages"
+import { useMessage } from "~/hooks/useMessage"
 import { MoonIcon, SunIcon } from "lucide-react"
 
 export const SettingsBody = () => {

src/components/Sidepanel/Settings/header.tsx

@@ -1,6 +1,7 @@
-import logoImage from "data-base64:~assets/icon.png"
 import { ChevronLeft } from "lucide-react"
 import { Link } from "react-router-dom"
+import logoImage from "~/assets/icon.png"
+
 export const SidepanelSettingsHeader = () => {
   return (
     <div className="flex px-3 justify-start gap-3 bg-white dark:bg-[#171717] border-b border-gray-300 dark:border-gray-700  py-4 items-center">