beenull/WebChat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: update icons

Browse source
This commit is contained in:
molvqingtai 2024-09-27 13:45:29 +08:00
parent 2423540675
commit 4d70d67c41
17 changed files with 324 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -123,6 +123,7 @@
"tailwindcss-animate": "^1.0.7",
"typescript": "^5.6.2",
"typescript-eslint": "^8.7.0",
"vite-plugin-svgr": "^4.2.0",
"webext-bridge": "^6.0.1",
"wxt": "^0.19.10"
},

223
pnpm-lock.yaml
View file

@ -240,6 +240,9 @@ importers:
typescript-eslint:
specifier: ^8.7.0
version: 8.7.0(eslint@9.11.1(jiti@2.0.0))(typescript@5.6.2)
vite-plugin-svgr:
specifier: ^4.2.0
version: 4.2.0(rollup@4.21.3)(typescript@5.6.2)(vite@5.4.5(@types/node@22.7.2))
webext-bridge:
specifier: ^6.0.1
version: 6.0.1
@ -1825,6 +1828,74 @@ packages:
'@supabase/supabase-js@2.45.4':
resolution: {integrity: sha512-E5p8/zOLaQ3a462MZnmnz03CrduA5ySH9hZyL03Y+QZLIOO4/Gs8Rdy4ZCKDHsN7x0xdanVEWWFN3pJFQr9/hg==}
'@svgr/babel-plugin-add-jsx-attribute@8.0.0':
resolution: {integrity: sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==}
engines: {node: '>=14'}
peerDependencies:
'@babel/core': ^7.0.0-0
'@svgr/babel-plugin-remove-jsx-attribute@8.0.0':
resolution: {integrity: sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==}
engines: {node: '>=14'}
peerDependencies:
'@babel/core': ^7.0.0-0
'@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0':
resolution: {integrity: sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==}
engines: {node: '>=14'}
peerDependencies:
'@babel/core': ^7.0.0-0
'@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0':
resolution: {integrity: sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==}
engines: {node: '>=14'}
peerDependencies:
'@babel/core': ^7.0.0-0
'@svgr/babel-plugin-svg-dynamic-title@8.0.0':
resolution: {integrity: sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==}
engines: {node: '>=14'}
peerDependencies:
'@babel/core': ^7.0.0-0
'@svgr/babel-plugin-svg-em-dimensions@8.0.0':
resolution: {integrity: sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==}
engines: {node: '>=14'}
peerDependencies:
'@babel/core': ^7.0.0-0
'@svgr/babel-plugin-transform-react-native-svg@8.1.0':
resolution: {integrity: sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==}
engines: {node: '>=14'}
peerDependencies:
'@babel/core': ^7.0.0-0
'@svgr/babel-plugin-transform-svg-component@8.0.0':
resolution: {integrity: sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==}
engines: {node: '>=12'}
peerDependencies:
'@babel/core': ^7.0.0-0
'@svgr/babel-preset@8.1.0':
resolution: {integrity: sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==}
engines: {node: '>=14'}
peerDependencies:
'@babel/core': ^7.0.0-0
'@svgr/core@8.1.0':
resolution: {integrity: sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==}
engines: {node: '>=14'}
'@svgr/hast-util-to-babel-ast@8.0.0':
resolution: {integrity: sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==}
engines: {node: '>=14'}
'@svgr/plugin-jsx@8.1.0':
resolution: {integrity: sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==}
engines: {node: '>=14'}
peerDependencies:
'@svgr/core': '*'
'@szmarczak/http-timer@5.0.1':
resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
engines: {node: '>=14.16'}
@ -2441,6 +2512,10 @@ packages:
resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
engines: {node: '>= 6'}
camelcase@6.3.0:
resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
engines: {node: '>=10'}
camelcase@7.0.1:
resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
engines: {node: '>=14.16'}
@ -2659,6 +2734,15 @@ packages:
cosmiconfig: '>=8.2'
typescript: '>=4'
cosmiconfig@8.3.6:
resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
engines: {node: '>=14'}
peerDependencies:
typescript: '>=4.9.5'
peerDependenciesMeta:
typescript:
optional: true
cosmiconfig@9.0.0:
resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
engines: {node: '>=14'}
@ -2880,6 +2964,9 @@ packages:
domutils@3.1.0:
resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
dot-case@3.0.4:
resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
dot-prop@5.3.0:
resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
engines: {node: '>=8'}
@ -4152,6 +4239,9 @@ packages:
loupe@2.3.7:
resolution: {integrity: sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==}
lower-case@2.0.2:
resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
lowercase-keys@3.0.0:
resolution: {integrity: sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==}
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@ -4507,6 +4597,9 @@ packages:
nice-try@1.0.5:
resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
no-case@3.0.4:
resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
node-abi@3.67.0:
resolution: {integrity: sha512-bLn/fU/ALVBE9wj+p4Y21ZJWYFjUXLXPi/IewyLZkx3ApxKDNBWCKdReeKOtD8dWpOdDCeMyLh6ZewzcLsG2Nw==}
engines: {node: '>=10'}
@ -4772,6 +4865,10 @@ packages:
resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
engines: {node: '>=4'}
path-type@4.0.0:
resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
engines: {node: '>=8'}
pathe@1.1.2:
resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
@ -5341,6 +5438,9 @@ packages:
resolution: {integrity: sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==}
engines: {node: '>=18'}
snake-case@3.0.4:
resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==}
socket.io-client@4.8.0:
resolution: {integrity: sha512-C0jdhD5yQahMws9alf/yvtsMGTaIDBnZ8Rb5HU56svyq0l5LIrGzIDZZD5pHQlmzxLuU91Gz+VpQMKgCTNYtkw==}
engines: {node: '>=10.0.0'}
@ -5538,6 +5638,9 @@ packages:
resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
engines: {node: '>= 0.4'}
svg-parser@2.0.4:
resolution: {integrity: sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==}
synckit@0.9.1:
resolution: {integrity: sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==}
engines: {node: ^14.18.0 || >=16.0.0}
@ -5960,6 +6063,11 @@ packages:
engines: {node: ^18.0.0 || >=20.0.0}
hasBin: true
vite-plugin-svgr@4.2.0:
resolution: {integrity: sha512-SC7+FfVtNQk7So0XMjrrtLAbEC8qjFPifyD7+fs/E6aaNdVde6umlVVh0QuwDLdOMu7vp5RiGFsB70nj5yo0XA==}
peerDependencies:
vite: ^2.6.0 || 3 || 4 || 5
vite@5.4.5:
resolution: {integrity: sha512-pXqR0qtb2bTwLkev4SE3r4abCNioP3GkjvIDLlzziPpXtHgiJIjuKl+1GN6ESOT3wMjG3JTeARopj2SwYaHTOA==}
engines: {node: ^18.0.0 || >=20.0.0}
@ -8051,6 +8159,76 @@ snapshots:
- bufferutil
- utf-8-validate
'@svgr/babel-plugin-add-jsx-attribute@8.0.0(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-plugin-remove-jsx-attribute@8.0.0(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-plugin-svg-dynamic-title@8.0.0(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-plugin-svg-em-dimensions@8.0.0(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-plugin-transform-react-native-svg@8.1.0(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-plugin-transform-svg-component@8.0.0(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-preset@8.1.0(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-plugin-add-jsx-attribute': 8.0.0(@babel/core@7.25.2)
'@svgr/babel-plugin-remove-jsx-attribute': 8.0.0(@babel/core@7.25.2)
'@svgr/babel-plugin-remove-jsx-empty-expression': 8.0.0(@babel/core@7.25.2)
'@svgr/babel-plugin-replace-jsx-attribute-value': 8.0.0(@babel/core@7.25.2)
'@svgr/babel-plugin-svg-dynamic-title': 8.0.0(@babel/core@7.25.2)
'@svgr/babel-plugin-svg-em-dimensions': 8.0.0(@babel/core@7.25.2)
'@svgr/babel-plugin-transform-react-native-svg': 8.1.0(@babel/core@7.25.2)
'@svgr/babel-plugin-transform-svg-component': 8.0.0(@babel/core@7.25.2)
'@svgr/core@8.1.0(typescript@5.6.2)':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-preset': 8.1.0(@babel/core@7.25.2)
camelcase: 6.3.0
cosmiconfig: 8.3.6(typescript@5.6.2)
snake-case: 3.0.4
transitivePeerDependencies:
- supports-color
- typescript
'@svgr/hast-util-to-babel-ast@8.0.0':
dependencies:
'@babel/types': 7.25.6
entities: 4.5.0
'@svgr/plugin-jsx@8.1.0(@svgr/core@8.1.0(typescript@5.6.2))':
dependencies:
'@babel/core': 7.25.2
'@svgr/babel-preset': 8.1.0(@babel/core@7.25.2)
'@svgr/core': 8.1.0(typescript@5.6.2)
'@svgr/hast-util-to-babel-ast': 8.0.0
svg-parser: 2.0.4
transitivePeerDependencies:
- supports-color
'@szmarczak/http-timer@5.0.1':
dependencies:
defer-to-connect: 2.0.1
@ -8799,6 +8977,8 @@ snapshots:
camelcase-css@2.0.1: {}
camelcase@6.3.0: {}
camelcase@7.0.1: {}
caniuse-lite@1.0.30001660: {}
@ -9025,6 +9205,15 @@ snapshots:
jiti: 1.21.6
typescript: 5.6.2
cosmiconfig@8.3.6(typescript@5.6.2):
dependencies:
import-fresh: 3.3.0
js-yaml: 4.1.0
parse-json: 5.2.0
path-type: 4.0.0
optionalDependencies:
typescript: 5.6.2
cosmiconfig@9.0.0(typescript@5.6.2):
dependencies:
env-paths: 2.2.1
@ -9245,6 +9434,11 @@ snapshots:
domelementtype: 2.3.0
domhandler: 5.0.3
dot-case@3.0.4:
dependencies:
no-case: 3.0.4
tslib: 2.7.0
dot-prop@5.3.0:
dependencies:
is-obj: 2.0.0
@ -10756,6 +10950,10 @@ snapshots:
dependencies:
get-func-name: 2.0.2
lower-case@2.0.2:
dependencies:
tslib: 2.7.0
lowercase-keys@3.0.0: {}
lru-cache@10.4.3: {}
@ -11318,6 +11516,11 @@ snapshots:
nice-try@1.0.5: {}
no-case@3.0.4:
dependencies:
lower-case: 2.0.2
tslib: 2.7.0
node-abi@3.67.0:
dependencies:
semver: 7.6.3
@ -11615,6 +11818,8 @@ snapshots:
dependencies:
pify: 3.0.0
path-type@4.0.0: {}
pathe@1.1.2: {}
pathval@1.1.1: {}
@ -12247,6 +12452,11 @@ snapshots:
ansi-styles: 6.2.1
is-fullwidth-code-point: 5.0.0
snake-case@3.0.4:
dependencies:
dot-case: 3.0.4
tslib: 2.7.0
socket.io-client@4.8.0(bufferutil@4.0.8)(utf-8-validate@6.0.4):
dependencies:
'@socket.io/component-emitter': 3.1.2
@ -12460,6 +12670,8 @@ snapshots:
supports-preserve-symlinks-flag@1.0.0: {}
svg-parser@2.0.4: {}
synckit@0.9.1:
dependencies:
'@pkgr/core': 0.1.1
@ -12937,6 +13149,17 @@ snapshots:
- supports-color
- terser
vite-plugin-svgr@4.2.0(rollup@4.21.3)(typescript@5.6.2)(vite@5.4.5(@types/node@22.7.2)):
dependencies:
'@rollup/pluginutils': 5.1.0(rollup@4.21.3)
'@svgr/core': 8.1.0(typescript@5.6.2)
'@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0(typescript@5.6.2))
vite: 5.4.5(@types/node@22.7.2)
transitivePeerDependencies:
- rollup
- supports-color
- typescript
vite@5.4.5(@types/node@22.7.2):
dependencies:
esbuild: 0.21.5

18
src/app/content/App.tsx
View file

@ -7,11 +7,19 @@ import { useRemeshDomain, useRemeshQuery, useRemeshSend } from 'remesh-react'
import RoomDomain from '@/domain/Room'
import UserInfoDomain from '@/domain/UserInfo'
import Setup from '@/app/content/views/Setup'
import MessageListDomain, { MessageType } from '@/domain/MessageList'
import MessageListDomain from '@/domain/MessageList'
import { useEffect, useState } from 'react'
import { Toaster } from 'sonner'
import { indexDBStorage } from '@/domain/impls/Storage'
import { APP_OPEN_STATUS_STORAGE_KEY } from '@/constants/config'
import LogoIcon0 from '@/assets/images/logo-0.svg'
import LogoIcon1 from '@/assets/images/logo-1.svg'
import LogoIcon2 from '@/assets/images/logo-2.svg'
import LogoIcon3 from '@/assets/images/logo-3.svg'
import LogoIcon4 from '@/assets/images/logo-4.svg'
import LogoIcon5 from '@/assets/images/logo-5.svg'
import LogoIcon6 from '@/assets/images/logo-6.svg'
import { getDay } from 'date-fns'
export default function App() {
const send = useRemeshSend()
@ -24,6 +32,8 @@ export default function App() {
const notUserInfo = userInfoLoadFinished && !userInfoSetFinished
const DayLogo = [LogoIcon0, LogoIcon1, LogoIcon2, LogoIcon3, LogoIcon4, LogoIcon5, LogoIcon6][getDay(Date())]
useEffect(() => {
if (messageListLoadFinished) {
if (userInfoSetFinished) {
@ -59,9 +69,11 @@ export default function App() {
<Main />
<Footer />
{notUserInfo && <Setup />}
<Toaster richColors offset="70px" visibleToasts={1} duration={5000} position="top-center"></Toaster>
<Toaster richColors offset="70px" visibleToasts={1} position="top-center"></Toaster>
</AppContainer>
<AppButton onClick={handleToggleApp}></AppButton>
<AppButton onClick={handleToggleApp}>
<DayLogo></DayLogo>
</AppButton>
</>
)
}

2
src/app/content/index.tsx
View file

@ -31,7 +31,7 @@ export default defineContentScript({
position: 'inline',
anchor: 'body',
append: 'last',
mode: 'closed',
mode: 'open',
onMount: (container) => {
const app = createElement('<div id="app"></div>')
container.append(app)

9
src/app/content/views/AppButton/index.tsx
View file

@ -9,6 +9,7 @@ import { EVENT } from '@/constants/event'
import UserInfoDomain from '@/domain/UserInfo'
import useClickAway from '@/hooks/useClickAway'
import { checkSystemDarkMode, cn } from '@/utils'
import ToastDomain from '@/domain/Toast'
export interface AppButtonProps {
children?: ReactNode
@ -19,6 +20,7 @@ const AppButton: FC<AppButtonProps> = ({ children, onClick }) => {
const send = useRemeshSend()
const userInfoDomain = useRemeshDomain(UserInfoDomain())
const userInfo = useRemeshQuery(userInfoDomain.query.UserInfoQuery())
const toastDomain = useRemeshDomain(ToastDomain())
const isDarkMode =
userInfo?.themeMode === 'dark' ? true : userInfo?.themeMode === 'light' ? false : checkSystemDarkMode()
@ -38,9 +40,10 @@ const AppButton: FC<AppButtonProps> = ({ children, onClick }) => {
const handleSwitchTheme = () => {
if (userInfo) {
send(toastDomain.command.WarningCommand('Developer is too lazy~'))
send(userInfoDomain.command.UpdateUserInfoCommand({ ...userInfo, themeMode: isDarkMode ? 'light' : 'dark' }))
} else {
// TODO
handleOpenOptionsPage()
}
}
@ -53,7 +56,7 @@ const AppButton: FC<AppButtonProps> = ({ children, onClick }) => {
<AnimatePresence>
{menuOpen && (
<motion.div
className="grid gap-y-3"
className="z-infinity grid gap-y-3"
initial={{ opacity: 0, y: 12 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: 12 }}
@ -89,7 +92,7 @@ const AppButton: FC<AppButtonProps> = ({ children, onClick }) => {
<Button
onClick={onClick}
onContextMenu={handleToggleMenu}
className="relative z-10 size-10 rounded-full p-0 text-xs shadow"
className="relative z-10 size-11 rounded-full p-0 text-xs shadow-lg shadow-slate-500/50"
>
{children}
</Button>

6
src/app/content/views/AppContainer/index.tsx
View file

@ -19,9 +19,9 @@ const AppContainer: FC<AppContainerProps> = ({ children, open }) => {
<AnimatePresence>
{open && (
<motion.div
initial={{ opacity: 0, y: 10 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: 10 }}
initial={{ opacity: 0, y: 10, x: 10 }}
animate={{ opacity: 1, y: 0, x: 0 }}
exit={{ opacity: 0, y: 10, x: 10 }}
transition={{ duration: 0.3 }}
style={{
width: `${size}px`

7
src/assets/images/logo-0.svg Normal file
View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
<path d="m1200 600c0 214.36-114.36 412.44-300 519.62-185.64 107.18-414.36 107.18-600 0-185.64-107.18-300-305.26-300-519.62s114.36-412.44 300-519.62c185.64-107.18 414.36-107.18 600 0 185.64 107.18 300 305.26 300 519.62" fill="#0f1729"/>
<path d="m531.66 507.52c-7.6719 0-14.281 8.457-16.262 19.547 4.4336-4.4258 10.02-7.1562 16.262-7.1562 6.2461 0 11.836 2.7344 16.273 7.168-1.9844-11.098-8.6016-19.559-16.273-19.559z" fill="#fff"/>
<path d="m531.66 536.7c-4.3359 0-9.1914 6.7109-9.1914 15.691 0 1.25 0.23438 2.457 0.42188 3.6758 2.582 2.5039 5.5742 4.0352 8.7695 4.0352s6.1914-1.5312 8.7734-4.0352c0.1875-1.207 0.41797-2.3984 0.41797-3.6719 0-8.9844-4.8555-15.695-9.1914-15.695z" fill="#fff"/>
<path d="m600 286.45c-135.02 0-245.49 110.47-245.49 245.48v299.79c0 45.008 36.824 81.828 81.828 81.828s81.828-36.82 81.828-81.828c0 45.008 36.824 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828 0 45.008 36.82 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828v-24.426l0.007812-275.36c0-135.02-110.47-245.48-245.49-245.48zm-120.7 215.01c8.6328-24.148 29.184-39.75 52.348-39.75 23.172 0 43.723 15.602 52.355 39.75 1.5664 4.3672-0.71484 9.1719-5.0742 10.73-0.93359 0.33594-1.8945 0.49609-2.8281 0.49609-3.4453 0-6.6836-2.1406-7.9062-5.5742-6.2148-17.375-20.559-28.605-36.547-28.605-15.98 0-30.324 11.23-36.539 28.605-1.5508 4.3711-6.3477 6.668-10.734 5.0781-4.3594-1.5586-6.6406-6.3633-5.0742-10.73zm86.078 32.344c0 24.16-14.816 43.086-33.727 43.086s-33.719-18.926-33.719-43.086c0-24.156 14.809-43.082 33.719-43.082 18.906-0.003906 33.727 18.922 33.727 43.082zm34.617 204.94c-66.738 0-121.03-54.297-121.03-121.04 0-4.6367 3.7539-8.3984 8.3984-8.3984 4.6406 0 8.3984 3.7578 8.3984 8.3984 0 57.477 46.766 104.24 104.24 104.24s104.24-46.766 104.24-104.24c0-4.6367 3.7539-8.3984 8.3984-8.3984 4.6406 0 8.3984 3.7578 8.3984 8.3984-0.003906 66.738-54.297 121.04-121.04 121.04zm95.328-188.98c3.7812 2.6914 4.6562 7.9336 1.9688 11.711-1.6406 2.3008-4.2227 3.5273-6.8477 3.5273-1.6797 0-3.3867-0.50391-4.8633-1.5586l-39.723-28.301c-2.9766-2.1211-4.2383-5.918-3.125-9.3984 1.1055-3.4766 4.3477-5.8398 7.9961-5.8398h48.117c4.6406 0 8.3984 3.7578 8.3984 8.3984 0 4.6367-3.7539 8.3984-8.3984 8.3984h-21.859zm26.746-36.18c-0.93359 0.33594-1.8945 0.49609-2.8281 0.49609-3.4453 0-6.6836-2.1406-7.9062-5.5742-6.2148-17.375-20.559-28.605-36.547-28.605-15.98 0-30.324 11.23-36.547 28.609-1.5664 4.3711-6.3867 6.6367-10.734 5.0742-4.3711-1.5625-6.6406-6.3672-5.0742-10.734 8.6445-24.145 29.191-39.746 52.355-39.746 23.172 0 43.723 15.602 52.355 39.75 1.5703 4.3672-0.71094 9.1719-5.0742 10.73z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

8
src/assets/images/logo-1.svg Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
<path d="m1200 600c0 214.36-114.36 412.44-300 519.62-185.64 107.18-414.36 107.18-600 0-185.64-107.18-300-305.26-300-519.62s114.36-412.44 300-519.62c185.64-107.18 414.36-107.18 600 0 185.64 107.18 300 305.26 300 519.62" fill="#0f1729"/>
<path d="m542.62 572.49c17.328 0 31.426-14.098 31.426-31.422v-38.383c0-17.328-14.102-31.422-31.426-31.422-17.328 0-31.422 14.098-31.422 31.422v38.383c0 17.324 14.098 31.422 31.422 31.422zm-25.668-50.613c0-14.152 11.516-25.668 25.672-25.668 14.152 0 25.672 11.512 25.672 25.668 0 4.6406-3.7578 8.3984-8.3984 8.3984-4.6367 0-8.3984-3.7539-8.3984-8.3984 0-4.8945-3.9805-8.8711-8.875-8.8711s-8.875 3.9766-8.875 8.8711c0 4.6406-3.7578 8.3984-8.3984 8.3984-4.6406 0-8.3984-3.7578-8.3984-8.3984z" fill="#fff"/>
<path d="m657.39 572.49c17.328 0 31.422-14.098 31.422-31.422v-38.383c0-17.328-14.098-31.422-31.422-31.422-17.328 0-31.426 14.098-31.426 31.422v38.383c-0.003907 17.324 14.098 31.422 31.426 31.422zm0-76.277c14.152 0 25.672 11.512 25.672 25.668 0 14.152-11.516 25.668-25.672 25.668-14.152 0-25.672-11.512-25.672-25.668s11.516-25.668 25.672-25.668z" fill="#fff"/>
<path d="m666.26 521.88c0 4.9023-3.9766 8.875-8.875 8.875-4.9023 0-8.875-3.9727-8.875-8.875 0-4.8984 3.9727-8.875 8.875-8.875 4.8984 0 8.875 3.9766 8.875 8.875" fill="#fff"/>
<path d="m600 286.45c-135.02 0-245.49 110.47-245.49 245.48v299.79c0 45.008 36.824 81.828 81.828 81.828s81.828-36.82 81.828-81.828c0 45.008 36.824 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828 0 45.008 36.82 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828v-24.426l0.007812-275.36c0-135.02-110.47-245.48-245.49-245.48zm9.1641 216.23c0-26.586 21.633-48.215 48.219-48.215 26.586 0 48.215 21.633 48.215 48.215v38.383c0 26.586-21.633 48.215-48.215 48.215-26.59 0-48.219-21.633-48.219-48.215zm-114.76 0c0-26.586 21.633-48.215 48.215-48.215 26.59 0 48.219 21.633 48.219 48.215v38.383c0 26.586-21.633 48.215-48.219 48.215-26.586 0-48.215-21.633-48.215-48.215zm218.22 191.95c-1.5898 1.3945-3.5586 2.0742-5.5195 2.0742-2.3398 0-4.6641-0.97656-6.3281-2.8711l-28.93-33.113-25.082 28.707c-5.5469 6.3633-16.117 6.3633-21.68 0l-25.086-28.703-25.082 28.707c-5.5508 6.3633-16.121 6.3633-21.68 0l-25.078-28.707-28.93 33.113c-3.043 3.4766-8.3477 3.8555-11.844 0.79688-3.4922-3.0508-3.8516-8.3555-0.80078-11.848l30.734-35.18c5.5547-6.3633 16.125-6.3633 21.68 0l25.078 28.707 25.09-28.707c5.5547-6.3633 16.125-6.3633 21.68 0l25.078 28.707 25.09-28.707c5.5508-6.3633 16.121-6.3633 21.68 0l30.73 35.18c3.0508 3.4883 2.6914 8.793-0.80078 11.844z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

10
src/assets/images/logo-2.svg Normal file
View file

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
<path d="m1200 600c0 214.36-114.36 412.44-300 519.62-185.64 107.18-414.36 107.18-600 0-185.64-107.18-300-305.26-300-519.62s114.36-412.44 300-519.62c185.64-107.18 414.36-107.18 600 0 185.64 107.18 300 305.26 300 519.62" fill="#0f1729"/>
<path d="m531.01 626.36h-34.223c-0.23828 0-0.44141-0.11719-0.67187-0.13672 2.543 31.316 19.047 58.684 43.203 76.066-5.293-9.7578-8.3047-20.93-8.3047-32.789z" fill="#fff"/>
<path d="m669 626.36v43.141c0 11.859-3.0117 23.031-8.3047 32.789 24.156-17.383 40.66-44.75 43.203-76.066-0.23438 0.019532-0.43359 0.13672-0.67188 0.13672z" fill="#fff"/>
<path d="m524.8 540.95c3.1484-3.1484 8.7266-3.1484 11.875 0l19.527 19.531 11.641-11.645-19.523-19.523c-3.2812-3.2812-3.2812-8.5938 0-11.875l19.523-19.531-11.641-11.637-19.527 19.523c-3.2812 3.2812-8.5938 3.2812-11.875 0l-19.523-19.523-11.645 11.637 19.527 19.531c1.5742 1.5742 2.4609 3.707 2.4609 5.9375 0 2.2305-0.88672 4.3633-2.4609 5.9375l-19.527 19.523 11.645 11.645z" fill="#fff"/>
<path d="m608.4 674.03c0 4.6406-3.7578 8.3984-8.3984 8.3984-4.6367 0-8.3984-3.7539-8.3984-8.3984v-47.668h-43.805v43.141c0 28.781 23.414 52.203 52.195 52.203s52.203-23.418 52.203-52.203v-43.141h-43.801z" fill="#fff"/>
<path d="m675.2 505.79c-3.2812 3.2812-8.5938 3.2812-11.875 0l-19.523-19.523-11.645 11.637 19.527 19.531c1.5742 1.5742 2.4609 3.707 2.4609 5.9375s-0.88672 4.3633-2.4609 5.9375l-19.527 19.523 11.645 11.645 19.523-19.531c3.1484-3.1484 8.7266-3.1484 11.875 0l19.527 19.531 11.641-11.645-19.523-19.523c-3.2812-3.2812-3.2812-8.5938 0-11.875l19.523-19.531-11.641-11.637z" fill="#fff"/>
<path d="m600 286.45c-135.02 0-245.49 110.47-245.49 245.48v299.79c0 45.008 36.824 81.828 81.828 81.828s81.828-36.82 81.828-81.828c0 45.008 36.824 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828 0 45.008 36.82 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828v-24.426l0.007812-275.36c0-135.02-110.47-245.48-245.49-245.48zm-126.64 262.38c0-2.2305 0.88672-4.3633 2.4609-5.9375l19.527-19.523-19.527-19.531c-1.5742-1.5742-2.4609-3.7148-2.4609-5.9375 0-2.2305 0.88672-4.3633 2.4609-5.9375l23.52-23.508c3.2812-3.2812 8.5938-3.2812 11.875 0l19.523 19.523 19.527-19.523c3.2812-3.2812 8.5938-3.2812 11.875 0l23.512 23.508c3.2812 3.2812 3.2812 8.5938 0 11.875l-19.523 19.531 19.523 19.523c3.2812 3.2812 3.2812 8.5938 0 11.875l-23.512 23.52c-1.5742 1.5742-3.7109 2.4609-5.9375 2.4609s-4.3633-0.88672-5.9375-2.4609l-19.527-19.531-19.523 19.531c-3.1484 3.1484-8.7266 3.1484-11.875 0l-23.52-23.52c-1.5742-1.5742-2.4609-3.707-2.4609-5.9375zm126.64 189.91c-66.734 0-121.03-54.293-121.03-121.03 0-4.6406 3.7578-8.3984 8.3984-8.3984h225.27c4.6367 0 8.3984 3.7539 8.3984 8.3984 0 66.738-54.297 121.03-121.04 121.03zm124.18-195.85c3.2812 3.2812 3.2812 8.5938 0 11.875l-23.512 23.52c-1.5742 1.5742-3.7109 2.4609-5.9375 2.4609s-4.3633-0.88672-5.9375-2.4609l-19.527-19.531-19.523 19.531c-3.1484 3.1484-8.7266 3.1484-11.875 0l-23.52-23.52c-1.5742-1.5742-2.4609-3.707-2.4609-5.9375 0-2.2305 0.88672-4.3633 2.4609-5.9375l19.527-19.523-19.527-19.531c-1.5742-1.5742-2.4609-3.7148-2.4609-5.9375 0-2.2305 0.88672-4.3633 2.4609-5.9375l23.52-23.508c3.2812-3.2812 8.5938-3.2812 11.875 0l19.523 19.523 19.527-19.523c3.2812-3.2812 8.5938-3.2812 11.875 0l23.512 23.508c3.2812 3.2812 3.2812 8.5938 0 11.875l-19.523 19.531z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.4 KiB

6
src/assets/images/logo-3.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
<path d="m1200 600c0 214.36-114.36 412.44-300 519.62-185.64 107.18-414.36 107.18-600 0-185.64-107.18-300-305.26-300-519.62s114.36-412.44 300-519.62c185.64-107.18 414.36-107.18 600 0 185.64 107.18 300 305.26 300 519.62" fill="#0f1729"/>
<path d="m599.71 739.02c-9.7656 0-19.133-0.74219-28.172-1.9805v18.906c0 15.766 12.773 28.559 28.469 28.559 15.695 0 28.477-12.793 28.477-28.559v-19.059c-9.6055 1.4219-19.277 2.1328-28.746 2.1328h-0.027344z" fill="#fff"/>
<path d="m600 241.04c-150.02 0-272.06 117.76-272.06 262.53v387.89c0 37.234 30.152 67.516 67.227 67.516 37.047 0 67.207-30.281 67.207-67.516v-29.996c0-19.512 15.793-35.383 35.195-35.383 19.414 0 35.207 15.871 35.207 35.383v29.996c0 37.234 30.152 67.516 67.227 67.516 37.074 0 67.227-30.281 67.227-67.516v-29.996c0-19.512 15.793-35.383 35.199-35.383s35.199 15.871 35.199 35.383v29.996c0 37.234 30.152 67.516 67.207 67.516 37.07-0.003906 67.223-30.285 67.223-67.52v-387.88c0-144.77-122.03-262.53-272.06-262.53zm-149.82 330.29-15.07-28.379 53.535-28.656-53.551-28.695c-7.793-4.1875-10.738-13.914-6.5898-21.742 4.1953-7.8516 13.859-10.801 21.652-6.6367l80.016 42.84c5.2305 2.8047 8.4883 8.2461 8.4883 14.191 0 5.918-3.2578 11.383-8.4648 14.184zm283.18 122.78c0 8.8711-7.1641 16.074-16 16.074-4.957 0-9.3711-2.2734-12.324-5.8281-12.469 10.926-27.922 19.035-44.566 24.719v26.895c0.007812 33.477-27.121 60.699-60.465 60.699s-60.473-27.227-60.473-60.699v-26.23c-17.516-5.8867-32.699-14.41-44.738-25.164-2.9414 3.4297-7.293 5.6055-12.145 5.6055-8.8359 0-16.008-7.2031-16.008-16.074l0.003906-37.5c0-8.0547 5.9414-14.863 13.906-15.922 7.875-1.0977 15.438 3.9375 17.539 11.723 6.8984 25.535 31.332 41.465 59.824 49.09 0.52734 0.082031 1.0586 0.089844 1.5781 0.21875 25.656 6.6133 55.266 6.5742 80.969-0.13672 0.6875-0.17188 1.3828-0.20312 2.0703-0.29297 28.355-7.707 52.543-23.57 59.383-48.887 2.0938-7.7773 9.7695-12.824 17.531-11.723 7.9727 1.0664 13.906 7.8672 13.906 15.922v37.512zm31.543-206.62-53.551 28.695 53.535 28.656-15.062 28.379-80.02-42.891c-5.1992-2.8047-8.457-8.2656-8.457-14.184 0-5.9492 3.2578-11.387 8.4883-14.191l80.016-42.84c2.3867-1.2773 4.957-1.8828 7.4961-1.8828 5.7344 0 11.262 3.082 14.156 8.5156 4.1445 7.8281 1.1992 17.555-6.6016 21.742z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

9
src/assets/images/logo-4.svg Normal file
View file

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
<path d="m1200 600c0 214.36-114.36 412.44-300 519.62-185.64 107.18-414.36 107.18-600 0-185.64-107.18-300-305.26-300-519.62s114.36-412.44 300-519.62c185.64-107.18 414.36-107.18 600 0 185.64 107.18 300 305.26 300 519.62" fill="#0f1729"/>
<path d="m666.66 547.89c-4.3359 0-9.1914 6.7109-9.1914 15.695 0 1.2617 0.23438 2.4648 0.41797 3.6758 2.582 2.5039 5.5781 4.0312 8.7734 4.0312 3.1953 0 6.1914-1.5273 8.7734-4.0312 0.1875-1.2148 0.41797-2.418 0.41797-3.6758 0-8.9844-4.8555-15.695-9.1914-15.695z" fill="#fff"/>
<path d="m533.35 547.89c-4.3359 0-9.1914 6.7109-9.1914 15.695 0 1.2695 0.23047 2.4648 0.41797 3.6758 2.582 2.5039 5.5781 4.0352 8.7734 4.0352 3.1953 0 6.1914-1.5312 8.7734-4.0352 0.1875-1.2109 0.41797-2.4102 0.41797-3.6719 0-8.9883-4.8516-15.699-9.1914-15.699z" fill="#fff"/>
<path d="m600 286.45c-135.02 0-245.49 110.47-245.49 245.48v299.79c0 45.008 36.824 81.828 81.828 81.828s81.828-36.82 81.828-81.828c0 45.008 36.824 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828 0 45.008 36.82 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828v-24.426l0.007812-275.36c0-135.02-110.47-245.48-245.49-245.48zm-151.21 236.49c0-4.6367 3.7578-8.3984 8.3984-8.3984 69.93 0 85.145-43.41 85.762-45.258 1.4609-4.3789 6.2109-6.7773 10.57-5.3672 4.3906 1.4219 6.8164 6.1016 5.4219 10.5-0.35937 1.1328-4.9648 14.699-19.105 28.297 15.699 3.7656 27.238 20.961 27.238 42.273 0 24.16-14.812 43.086-33.723 43.086-18.914 0-33.727-18.926-33.727-43.086 0-7.6797 1.6289-14.723 4.2812-20.906-12.676 4.3633-27.965 7.25-46.711 7.25-4.6445 0.007812-8.4062-3.7539-8.4062-8.3906zm151.21 215.8c-66.734 0-121.03-54.297-121.03-121.04 0-4.6367 3.7578-8.3984 8.3984-8.3984 4.6367 0 8.3984 3.7578 8.3984 8.3984 0 57.477 46.762 104.24 104.24 104.24 57.477 0 104.24-46.766 104.24-104.24 0-4.6367 3.7578-8.3984 8.3984-8.3984 4.6367 0 8.3984 3.7578 8.3984 8.3984-0.003907 66.738-54.301 121.04-121.04 121.04zm142.82-207.41c-18.75 0-34.039-2.8906-46.711-7.2539 2.6523 6.1836 4.2812 13.223 4.2812 20.906 0 24.16-14.812 43.086-33.727 43.086-18.914 0-33.727-18.926-33.727-43.086 0-21.312 11.539-38.504 27.242-42.273-14.141-13.602-18.746-27.168-19.105-28.297-1.4023-4.418 1.043-9.1445 5.4609-10.547 4.3945-1.3906 9.1055 1.0195 10.527 5.418 0.64453 1.9297 15.898 45.25 85.762 45.25 4.6367 0 8.3984 3.7578 8.3984 8.3984-0.003906 4.6367-3.7656 8.3984-8.4023 8.3984z" fill="#fff"/>
<path d="m549.61 538.25c-1.9805-11.09-8.5938-19.551-16.266-19.551-7.6797 0-14.293 8.4609-16.273 19.555 4.4375-4.4336 10.023-7.168 16.273-7.168 6.2461 0.003906 11.832 2.7383 16.266 7.1641z" fill="#fff"/>
<path d="m666.66 518.71c-7.6797 0-14.293 8.4609-16.273 19.555 4.4375-4.4336 10.023-7.168 16.273-7.168 6.2461 0 11.836 2.7344 16.273 7.168-1.9805-11.094-8.5977-19.555-16.273-19.555z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

5
src/assets/images/logo-5.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
<path d="m1200 600c0 214.36-114.36 412.44-300 519.62-185.64 107.18-414.36 107.18-600 0-185.64-107.18-300-305.26-300-519.62s114.36-412.44 300-519.62c185.64-107.18 414.36-107.18 600 0 185.64 107.18 300 305.26 300 519.62" fill="#0f1729"/>
<path d="m600 241.04c-150.02 0-272.06 117.76-272.06 262.53v387.89c0 37.242 30.152 67.523 67.223 67.523 37.059 0 67.207-30.281 67.207-67.523v-29.996c0-19.496 15.781-35.375 35.195-35.375 19.414 0 35.207 15.879 35.207 35.375v29.996c0 37.242 30.152 67.523 67.227 67.523s67.227-30.281 67.227-67.523v-29.996c0-19.496 15.793-35.375 35.188-35.375 19.414 0 35.207 15.879 35.207 35.375v29.996c0 37.242 30.152 67.523 67.215 67.523 37.07-0.011718 67.223-30.293 67.223-67.527v-387.88c0-144.77-122.03-262.53-272.06-262.53zm-173.37 273.24c-8.8359 0-16-7.2031-16-16.074 0-8.8711 7.1641-16.074 16-16.074h112.03c8.8359 0 16 7.1953 16 16.074 0 1.3438-0.21094 2.6367-0.51953 3.8984-1.9805 24.062-22.016 42.984-46.484 42.984-20.148 0-37.266-12.855-43.801-30.809zm306.72 197.18c0 8.8711-7.1641 16.074-16 16.074-4.957 0-9.3711-2.2656-12.324-5.8281-27.039 23.676-67.781 34.656-105.32 34.656-43.551-0.015625-80.621-12.727-104.93-34.445-2.9414 3.4297-7.293 5.6055-12.145 5.6055-8.8359 0-16.008-7.2031-16.008-16.074v-37.508c0-8.0469 5.9414-14.871 13.891-15.914 8.125-1.1094 15.461 3.9453 17.555 11.723 10.172 37.629 58.379 54.449 101.64 54.465 43.543 0 92.031-16.844 102.2-54.465 2.0938-7.7852 9.6797-12.809 17.531-11.723 7.9727 1.0664 13.906 7.8672 13.906 15.914v37.52zm52.832-209.36c-1.9727 24.062-22.008 42.984-46.477 42.984-20.148 0-37.273-12.855-43.809-30.809h-37.211c-8.8438 0-16-7.2031-16-16.074 0-8.8711 7.1562-16.074 16-16.074h112.01c8.8438 0 16.008 7.2031 16.008 16.074-0.003907 1.3438-0.21484 2.6367-0.52344 3.8984z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

10
src/assets/images/logo-6.svg Normal file
View file

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
<path d="m1200 600c0 214.36-114.36 412.44-300 519.62-185.64 107.18-414.36 107.18-600 0-185.64-107.18-300-305.26-300-519.62s114.36-412.44 300-519.62c185.64-107.18 414.36-107.18 600 0 185.64 107.18 300 305.26 300 519.62" fill="#0f1729"/>
<path d="m645.61 677.49c0 36.332-20.422 65.789-45.609 65.789-25.191 0-45.613-29.457-45.613-65.789 0-36.336 20.422-65.789 45.613-65.789 25.188 0 45.609 29.453 45.609 65.789" fill="#fff"/>
<path d="m667.65 516.34c-7.6719 0-14.285 8.4609-16.266 19.551 4.4336-4.4297 10.023-7.1602 16.266-7.1602 6.2461 0 11.836 2.7344 16.27 7.1602-1.9805-11.09-8.5938-19.551-16.27-19.551z" fill="#fff"/>
<path d="m667.65 545.52c-4.3359 0-9.1914 6.7109-9.1914 15.691 0 1.2617 0.23438 2.4609 0.42188 3.6758 2.582 2.5039 5.5781 4.0312 8.7695 4.0312 3.1953 0 6.1914-1.5273 8.7734-4.0312 0.1875-1.2148 0.42188-2.4219 0.42188-3.6758 0-8.9766-4.8555-15.691-9.1953-15.691z" fill="#fff"/>
<path d="m532.36 516.34c-7.6719 0-14.285 8.4609-16.266 19.551 4.4336-4.4297 10.023-7.1602 16.266-7.1602 6.2461 0 11.836 2.7344 16.27 7.1641-1.9805-11.09-8.5938-19.555-16.27-19.555z" fill="#fff"/>
<path d="m600 286.45c-135.02 0-245.49 110.47-245.49 245.48v299.79c0 45.008 36.824 81.828 81.828 81.828s81.828-36.82 81.828-81.828c0 45.008 36.824 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828 0 45.008 36.82 81.828 81.828 81.828 45.008 0 81.828-36.82 81.828-81.828v-24.426l0.007812-275.36c0-135.02-110.47-245.48-245.49-245.48zm-107.3 217.28c-3.4805 0-6.7344-2.1797-7.9375-5.6562-1.5117-4.3828 0.8125-9.1641 5.1953-10.68l79.316-27.426c4.3594-1.5039 9.1602 0.80859 10.68 5.1953 1.5117 4.3828-0.8125 9.1641-5.1953 10.68l-79.316 27.426c-0.90625 0.30859-1.832 0.46094-2.7422 0.46094zm5.9336 38.902c0-24.16 14.812-43.086 33.723-43.086 18.914 0 33.727 18.926 33.727 43.086 0 24.156-14.812 43.082-33.727 43.082-18.91 0.003906-33.723-18.922-33.723-43.082zm101.37 217.44c-34.406 0-62.402-37.047-62.402-82.582 0-45.535 27.996-82.582 62.402-82.582 34.41 0 62.406 37.047 62.406 82.582 0 45.535-27.992 82.582-62.406 82.582zm67.648-174.35c-18.91 0-33.723-18.926-33.723-43.082 0-24.16 14.812-43.086 33.723-43.086 18.914 0 33.727 18.926 33.727 43.086 0 24.156-14.812 43.082-33.727 43.082zm47.598-87.648c-1.2031 3.4766-4.457 5.6562-7.9375 5.6562-0.91016 0-1.8359-0.15234-2.7422-0.46484l-79.316-27.426c-4.3828-1.5156-6.707-6.2969-5.1953-10.68 1.5117-4.3867 6.3086-6.6992 10.68-5.1953l79.316 27.426c4.3828 1.5195 6.707 6.3008 5.1953 10.684z" fill="#fff"/>
<path d="m532.36 545.52c-4.3359 0-9.1914 6.7109-9.1914 15.691 0 1.2578 0.23438 2.4609 0.41797 3.6758 2.582 2.5039 5.5781 4.0352 8.7734 4.0352 3.1953 0 6.1914-1.5273 8.7734-4.0312 0.1875-1.2109 0.41797-2.4141 0.41797-3.6758 0-8.9805-4.8516-15.695-9.1914-15.695z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

4
src/assets/styles/sonner.css
View file

@ -662,6 +662,10 @@
transform 200ms;
}
section:has([data-sonner-toaster]) {
display: contents;
}
.sonner-loader[data-visible='false'] {
opacity: 0;
transform: scale(0.8) translate(-50%, -50%);

BIN
src/public/logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 62 KiB

15
src/public/wxt.svg
View file

@ -1,15 +0,0 @@
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_305_516)">
<g clip-path="url(#clip1_305_516)">
<path d="M49.0229 69.1875C54.1272 69.1875 58.265 65.0497 58.265 59.9454V50.7033H59.9454C65.0497 50.7033 69.1875 46.5655 69.1875 41.4612C69.1875 36.357 65.0497 32.2191 59.9454 32.2191H58.265V22.9771C58.265 17.8728 54.1272 13.735 49.0229 13.735H39.7809V12.0546C39.7809 6.95032 35.643 2.8125 30.5388 2.8125C25.4345 2.8125 21.2967 6.95032 21.2967 12.0546V13.735H12.0546C6.95032 13.735 2.8125 17.8728 2.8125 22.9771V32.2191H4.49288C9.59714 32.2191 13.735 36.357 13.735 41.4612C13.735 46.5655 9.59714 50.7033 4.49288 50.7033H2.8125V69.1875H21.2967V67.5071C21.2967 62.4029 25.4345 58.265 30.5388 58.265C35.643 58.265 39.7809 62.4029 39.7809 67.5071V69.1875H49.0229Z" stroke="#67D55E" stroke-width="5.625"/>
</g>
</g>
<defs>
<clipPath id="clip0_305_516">
<rect width="72" height="72" fill="white"/>
</clipPath>
<clipPath id="clip1_305_516">
<rect width="72" height="72" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1 KiB

18
wxt.config.ts
View file

@ -2,6 +2,7 @@ import path from 'node:path'
import { defineConfig } from 'wxt'
import react from '@vitejs/plugin-react'
import { name } from './package.json'
import svgr from 'vite-plugin-svgr'
export default defineConfig({
srcDir: path.resolve('src'),
@ -11,7 +12,13 @@ export default defineConfig({
startUrls: ['https://www.example.com/']
},
manifest: {
permissions: ['storage']
permissions: ['storage'],
icons: {
'16': 'logo.png',
'32': 'logo.png',
'48': 'logo.png',
'128': 'logo.png'
}
// browser_specific_settings: {
// gecko: {
// id: 'molvqingtai@gmail.com'
@ -23,6 +30,13 @@ export default defineConfig({
__DEV__: env.mode === 'development',
__NAME__: JSON.stringify(name)
},
plugins: [react()]
plugins: [
react(),
svgr({
// svgr options: https://react-svgr.com/docs/options/
svgrOptions: { exportType: 'default', ref: true, svgo: false, titleProp: true },
include: '**/*.svg'
})
]
})
})