mirror of
https://github.com/infinilabs/coco-app.git
synced 2025-12-16 19:47:43 +01:00
feat: impl extension store (#699)
Implements extension store so that users can install extensions from a GUI interface --------- Co-authored-by: ayang <473033518@qq.com>
This commit is contained in:
SteveLauC
@@ -15,6 +15,7 @@ Information about release notes of Coco Server is provided here.
|
|||||||
|
|
||||||
- feat: support `Tab` and `Enter` for delete dialog buttons #700
|
- feat: support `Tab` and `Enter` for delete dialog buttons #700
|
||||||
- feat: add check for updates #701
|
- feat: add check for updates #701
|
||||||
|
- feat: impl extension store #699
|
||||||
|
|
||||||
### 🐛 Bug fix
|
### 🐛 Bug fix
|
||||||
|
|
||||||
|
|||||||
@@ -60,6 +60,7 @@
|
|||||||
"remark-breaks": "^4.0.0",
|
"remark-breaks": "^4.0.0",
|
||||||
"remark-gfm": "^4.0.1",
|
"remark-gfm": "^4.0.1",
|
||||||
"remark-math": "^6.0.0",
|
"remark-math": "^6.0.0",
|
||||||
|
"tailwind-merge": "^3.3.1",
|
||||||
"tauri-plugin-fs-pro-api": "^2.4.0",
|
"tauri-plugin-fs-pro-api": "^2.4.0",
|
||||||
"tauri-plugin-macos-permissions-api": "^2.3.0",
|
"tauri-plugin-macos-permissions-api": "^2.3.0",
|
||||||
"tauri-plugin-screenshots-api": "^2.2.0",
|
"tauri-plugin-screenshots-api": "^2.2.0",
|
||||||
|
|||||||
8
pnpm-lock.yaml
generated
8
pnpm-lock.yaml
generated
@@ -134,6 +134,9 @@ importers:
|
|||||||
remark-math:
|
remark-math:
|
||||||
specifier: ^6.0.0
|
specifier: ^6.0.0
|
||||||
version: 6.0.0
|
version: 6.0.0
|
||||||
|
tailwind-merge:
|
||||||
|
specifier: ^3.3.1
|
||||||
|
version: 3.3.1
|
||||||
tauri-plugin-fs-pro-api:
|
tauri-plugin-fs-pro-api:
|
||||||
specifier: ^2.4.0
|
specifier: ^2.4.0
|
||||||
version: 2.4.0
|
version: 2.4.0
|
||||||
@@ -3447,6 +3450,9 @@ packages:
|
|||||||
tabbable@6.2.0:
|
tabbable@6.2.0:
|
||||||
resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
|
resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
|
||||||
|
|
||||||
|
tailwind-merge@3.3.1:
|
||||||
|
resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
|
||||||
|
|
||||||
tailwindcss@3.4.17:
|
tailwindcss@3.4.17:
|
||||||
resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
|
resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
|
||||||
engines: {node: '>=14.0.0'}
|
engines: {node: '>=14.0.0'}
|
||||||
@@ -7248,6 +7254,8 @@ snapshots:
|
|||||||
|
|
||||||
tabbable@6.2.0: {}
|
tabbable@6.2.0: {}
|
||||||
|
|
||||||
|
tailwind-merge@3.3.1: {}
|
||||||
|
|
||||||
tailwindcss@3.4.17:
|
tailwindcss@3.4.17:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@alloc/quick-lru': 5.2.0
|
'@alloc/quick-lru': 5.2.0
|
||||||
|
|||||||
201
src-tauri/Cargo.lock
generated
201
src-tauri/Cargo.lock
generated
@@ -17,6 +17,17 @@ version = "2.0.0"
|
|||||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
checksum = "512761e0bb2578dd7380c6baaa0f4ce03e84f95e960231d1dec8bf4d7d6e2627"
|
checksum = "512761e0bb2578dd7380c6baaa0f4ce03e84f95e960231d1dec8bf4d7d6e2627"
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "aes"
|
||||||
|
version = "0.8.4"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "b169f7a6d4742236a0a00c541b845991d0ac43e546831af1249753ab4c3aa3a0"
|
||||||
|
dependencies = [
|
||||||
|
"cfg-if",
|
||||||
|
"cipher",
|
||||||
|
"cpufeatures",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "ahash"
|
name = "ahash"
|
||||||
version = "0.7.8"
|
version = "0.7.8"
|
||||||
@@ -654,6 +665,25 @@ dependencies = [
|
|||||||
"serde",
|
"serde",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "bzip2"
|
||||||
|
version = "0.5.2"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "49ecfb22d906f800d4fe833b6282cf4dc1c298f5057ca0b5445e5c209735ca47"
|
||||||
|
dependencies = [
|
||||||
|
"bzip2-sys",
|
||||||
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "bzip2-sys"
|
||||||
|
version = "0.1.13+1.0.8"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "225bff33b2141874fe80d71e07d6eec4f85c5c216453dd96388240f96e1acc14"
|
||||||
|
dependencies = [
|
||||||
|
"cc",
|
||||||
|
"pkg-config",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "cairo-rs"
|
name = "cairo-rs"
|
||||||
version = "0.18.5"
|
version = "0.18.5"
|
||||||
@@ -814,6 +844,16 @@ dependencies = [
|
|||||||
"windows-link",
|
"windows-link",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "cipher"
|
||||||
|
version = "0.4.4"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "773f3b9af64447d2ce9850330c473515014aa235e6a783b02db81ff39e4a3dad"
|
||||||
|
dependencies = [
|
||||||
|
"crypto-common",
|
||||||
|
"inout",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "clap"
|
name = "clap"
|
||||||
version = "3.2.25"
|
version = "3.2.25"
|
||||||
@@ -906,6 +946,7 @@ dependencies = [
|
|||||||
"tungstenite 0.24.0",
|
"tungstenite 0.24.0",
|
||||||
"url",
|
"url",
|
||||||
"walkdir",
|
"walkdir",
|
||||||
|
"zip 4.0.0",
|
||||||
]
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
@@ -1013,6 +1054,12 @@ dependencies = [
|
|||||||
"tiny-keccak",
|
"tiny-keccak",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "constant_time_eq"
|
||||||
|
version = "0.3.1"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "7c74b8349d32d297c9134b8c88677813a227df8f779daa29bfc29c183fe3dca6"
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "convert_case"
|
name = "convert_case"
|
||||||
version = "0.4.0"
|
version = "0.4.0"
|
||||||
@@ -1285,6 +1332,12 @@ dependencies = [
|
|||||||
"winapi",
|
"winapi",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "deflate64"
|
||||||
|
version = "0.1.9"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "da692b8d1080ea3045efaab14434d40468c3d8657e42abddfffca87b428f4c1b"
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "deranged"
|
name = "deranged"
|
||||||
version = "0.4.0"
|
version = "0.4.0"
|
||||||
@@ -1348,6 +1401,7 @@ checksum = "9ed9a281f7bc9b7576e61468ba615a66a5c8cfdff42420a70aa82701a3b1e292"
|
|||||||
dependencies = [
|
dependencies = [
|
||||||
"block-buffer",
|
"block-buffer",
|
||||||
"crypto-common",
|
"crypto-common",
|
||||||
|
"subtle",
|
||||||
]
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
@@ -1790,6 +1844,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
|
|||||||
checksum = "7ced92e76e966ca2fd84c8f7aa01a4aea65b0eb6648d72f7c8f3e2764a67fece"
|
checksum = "7ced92e76e966ca2fd84c8f7aa01a4aea65b0eb6648d72f7c8f3e2764a67fece"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"crc32fast",
|
"crc32fast",
|
||||||
|
"libz-rs-sys",
|
||||||
"miniz_oxide",
|
"miniz_oxide",
|
||||||
]
|
]
|
||||||
|
|
||||||
@@ -2527,6 +2582,15 @@ version = "0.4.3"
|
|||||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
|
checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "hmac"
|
||||||
|
version = "0.12.1"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "6c49c37c09c17a53d937dfbb742eb3a961d65a994e6bcdcf37e7399d0cc8ab5e"
|
||||||
|
dependencies = [
|
||||||
|
"digest",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "hostname"
|
name = "hostname"
|
||||||
version = "0.3.1"
|
version = "0.3.1"
|
||||||
@@ -2970,6 +3034,15 @@ dependencies = [
|
|||||||
"libc",
|
"libc",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "inout"
|
||||||
|
version = "0.1.4"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "879f10e63c20629ecabbb64a8010319738c66a5cd0c29b02d63d272b03751d01"
|
||||||
|
dependencies = [
|
||||||
|
"generic-array",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "interpolate_name"
|
name = "interpolate_name"
|
||||||
version = "0.2.4"
|
version = "0.2.4"
|
||||||
@@ -3235,6 +3308,26 @@ dependencies = [
|
|||||||
"winapi",
|
"winapi",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "liblzma"
|
||||||
|
version = "0.4.1"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "66352d7a8ac12d4877b6e6ea5a9b7650ee094257dc40889955bea5bc5b08c1d0"
|
||||||
|
dependencies = [
|
||||||
|
"liblzma-sys",
|
||||||
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "liblzma-sys"
|
||||||
|
version = "0.4.4"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "01b9596486f6d60c3bbe644c0e1be1aa6ccc472ad630fe8927b456973d7cb736"
|
||||||
|
dependencies = [
|
||||||
|
"cc",
|
||||||
|
"libc",
|
||||||
|
"pkg-config",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "libredox"
|
name = "libredox"
|
||||||
version = "0.1.3"
|
version = "0.1.3"
|
||||||
@@ -3246,6 +3339,15 @@ dependencies = [
|
|||||||
"redox_syscall",
|
"redox_syscall",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "libz-rs-sys"
|
||||||
|
version = "0.5.1"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "172a788537a2221661b480fee8dc5f96c580eb34fa88764d3205dc356c7e4221"
|
||||||
|
dependencies = [
|
||||||
|
"zlib-rs",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "linked-hash-map"
|
name = "linked-hash-map"
|
||||||
version = "0.5.6"
|
version = "0.5.6"
|
||||||
@@ -4293,6 +4395,16 @@ version = "0.2.3"
|
|||||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
checksum = "df94ce210e5bc13cb6651479fa48d14f601d9858cfe0467f43ae157023b938d3"
|
checksum = "df94ce210e5bc13cb6651479fa48d14f601d9858cfe0467f43ae157023b938d3"
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "pbkdf2"
|
||||||
|
version = "0.12.2"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "f8ed6a7761f76e3b9f92dfb0a60a6a6477c61024b775147ff0973a02653abaf2"
|
||||||
|
dependencies = [
|
||||||
|
"digest",
|
||||||
|
"hmac",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "percent-encoding"
|
name = "percent-encoding"
|
||||||
version = "2.3.1"
|
version = "2.3.1"
|
||||||
@@ -5461,6 +5573,7 @@ version = "1.0.140"
|
|||||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
checksum = "20068b6e96dc6c9bd23e01df8827e6c7e1f2fddd43c21810382803c136b99373"
|
checksum = "20068b6e96dc6c9bd23e01df8827e6c7e1f2fddd43c21810382803c136b99373"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
|
"indexmap 2.9.0",
|
||||||
"itoa 1.0.15",
|
"itoa 1.0.15",
|
||||||
"memchr",
|
"memchr",
|
||||||
"ryu",
|
"ryu",
|
||||||
@@ -6446,7 +6559,7 @@ dependencies = [
|
|||||||
"tokio",
|
"tokio",
|
||||||
"url",
|
"url",
|
||||||
"windows-sys 0.59.0",
|
"windows-sys 0.59.0",
|
||||||
"zip",
|
"zip 2.6.1",
|
||||||
]
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
@@ -8471,6 +8584,20 @@ name = "zeroize"
|
|||||||
version = "1.8.1"
|
version = "1.8.1"
|
||||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
checksum = "ced3678a2879b30306d323f4542626697a464a97c0a07c9aebf7ebca65cd4dde"
|
checksum = "ced3678a2879b30306d323f4542626697a464a97c0a07c9aebf7ebca65cd4dde"
|
||||||
|
dependencies = [
|
||||||
|
"zeroize_derive",
|
||||||
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "zeroize_derive"
|
||||||
|
version = "1.4.2"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "ce36e65b0d2999d2aafac989fb249189a141aee1f53c612c1f37d72631959f69"
|
||||||
|
dependencies = [
|
||||||
|
"proc-macro2",
|
||||||
|
"quote",
|
||||||
|
"syn 2.0.101",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zerotrie"
|
name = "zerotrie"
|
||||||
@@ -8518,6 +8645,78 @@ dependencies = [
|
|||||||
"memchr",
|
"memchr",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "zip"
|
||||||
|
version = "4.0.0"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "153a6fff49d264c4babdcfa6b4d534747f520e56e8f0f384f3b808c4b64cc1fd"
|
||||||
|
dependencies = [
|
||||||
|
"aes",
|
||||||
|
"arbitrary",
|
||||||
|
"bzip2",
|
||||||
|
"constant_time_eq",
|
||||||
|
"crc32fast",
|
||||||
|
"deflate64",
|
||||||
|
"flate2",
|
||||||
|
"getrandom 0.3.2",
|
||||||
|
"hmac",
|
||||||
|
"indexmap 2.9.0",
|
||||||
|
"liblzma",
|
||||||
|
"memchr",
|
||||||
|
"pbkdf2",
|
||||||
|
"sha1",
|
||||||
|
"time",
|
||||||
|
"zeroize",
|
||||||
|
"zopfli",
|
||||||
|
"zstd",
|
||||||
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "zlib-rs"
|
||||||
|
version = "0.5.1"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "626bd9fa9734751fc50d6060752170984d7053f5a39061f524cda68023d4db8a"
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "zopfli"
|
||||||
|
version = "0.8.2"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "edfc5ee405f504cd4984ecc6f14d02d55cfda60fa4b689434ef4102aae150cd7"
|
||||||
|
dependencies = [
|
||||||
|
"bumpalo",
|
||||||
|
"crc32fast",
|
||||||
|
"log",
|
||||||
|
"simd-adler32",
|
||||||
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "zstd"
|
||||||
|
version = "0.13.3"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "e91ee311a569c327171651566e07972200e76fcfe2242a4fa446149a3881c08a"
|
||||||
|
dependencies = [
|
||||||
|
"zstd-safe",
|
||||||
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "zstd-safe"
|
||||||
|
version = "7.2.4"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "8f49c4d5f0abb602a93fb8736af2a4f4dd9512e36f7f570d66e65ff867ed3b9d"
|
||||||
|
dependencies = [
|
||||||
|
"zstd-sys",
|
||||||
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "zstd-sys"
|
||||||
|
version = "2.0.15+zstd.1.5.7"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "eb81183ddd97d0c74cedf1d50d85c8d08c1b8b68ee863bdee9e706eedba1a237"
|
||||||
|
dependencies = [
|
||||||
|
"cc",
|
||||||
|
"pkg-config",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zune-core"
|
name = "zune-core"
|
||||||
version = "0.4.12"
|
version = "0.4.12"
|
||||||
|
|||||||
@@ -49,7 +49,7 @@ tauri-plugin-shell = "2"
|
|||||||
serde = { version = "1", features = ["derive"] }
|
serde = { version = "1", features = ["derive"] }
|
||||||
# Need `arbitrary_precision` feature to support storing u128
|
# Need `arbitrary_precision` feature to support storing u128
|
||||||
# see: https://docs.rs/serde_json/latest/serde_json/struct.Number.html#method.from_u128
|
# see: https://docs.rs/serde_json/latest/serde_json/struct.Number.html#method.from_u128
|
||||||
serde_json = { version = "1", features = ["arbitrary_precision"] }
|
serde_json = { version = "1", features = ["arbitrary_precision", "preserve_order"] }
|
||||||
tauri-plugin-http = "2"
|
tauri-plugin-http = "2"
|
||||||
tauri-plugin-websocket = "2"
|
tauri-plugin-websocket = "2"
|
||||||
tauri-plugin-deep-link = "2.0.0"
|
tauri-plugin-deep-link = "2.0.0"
|
||||||
@@ -83,7 +83,6 @@ walkdir = "2"
|
|||||||
log = "0.4"
|
log = "0.4"
|
||||||
strsim = "0.10"
|
strsim = "0.10"
|
||||||
futures-util = "0.3.31"
|
futures-util = "0.3.31"
|
||||||
url = "2.5.2"
|
|
||||||
http = "1.1.0"
|
http = "1.1.0"
|
||||||
tungstenite = "0.24.0"
|
tungstenite = "0.24.0"
|
||||||
tokio-util = "0.7.14"
|
tokio-util = "0.7.14"
|
||||||
@@ -101,6 +100,8 @@ regex = "1.11.1"
|
|||||||
borrowme = "0.0.15"
|
borrowme = "0.0.15"
|
||||||
tauri-plugin-opener = "2"
|
tauri-plugin-opener = "2"
|
||||||
async-recursion = "1.1.1"
|
async-recursion = "1.1.1"
|
||||||
|
zip = "4.0.0"
|
||||||
|
url = "2.5.2"
|
||||||
|
|
||||||
[target."cfg(target_os = \"macos\")".dependencies]
|
[target."cfg(target_os = \"macos\")".dependencies]
|
||||||
tauri-nspanel = { git = "https://github.com/ahkohd/tauri-nspanel", branch = "v2" }
|
tauri-nspanel = { git = "https://github.com/ahkohd/tauri-nspanel", branch = "v2" }
|
||||||
|
|||||||
@@ -51,7 +51,9 @@ impl OnOpened {
|
|||||||
const WHITESPACE: &str = " ";
|
const WHITESPACE: &str = " ";
|
||||||
let mut ret = action.exec.clone();
|
let mut ret = action.exec.clone();
|
||||||
ret.push_str(WHITESPACE);
|
ret.push_str(WHITESPACE);
|
||||||
ret.push_str(action.args.join(WHITESPACE).as_str());
|
if let Some(ref args) = action.args {
|
||||||
|
ret.push_str(args.join(WHITESPACE).as_str());
|
||||||
|
}
|
||||||
|
|
||||||
ret
|
ret
|
||||||
}
|
}
|
||||||
@@ -80,7 +82,9 @@ pub(crate) async fn open(on_opened: OnOpened) -> Result<(), String> {
|
|||||||
}
|
}
|
||||||
OnOpened::Command { action } => {
|
OnOpened::Command { action } => {
|
||||||
let mut cmd = Command::new(action.exec);
|
let mut cmd = Command::new(action.exec);
|
||||||
cmd.args(action.args);
|
if let Some(args) = action.args {
|
||||||
|
cmd.args(args);
|
||||||
|
}
|
||||||
let output = cmd.output().map_err(|e| e.to_string())?;
|
let output = cmd.output().map_err(|e| e.to_string())?;
|
||||||
if !output.status.success() {
|
if !output.status.success() {
|
||||||
return Err(format!(
|
return Err(format!(
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ pub(super) const EXTENSION_ID: &str = "AIOverview";
|
|||||||
pub(crate) const PLUGIN_JSON_FILE: &str = r#"
|
pub(crate) const PLUGIN_JSON_FILE: &str = r#"
|
||||||
{
|
{
|
||||||
"id": "AIOverview",
|
"id": "AIOverview",
|
||||||
"title": "AI Overview",
|
"name": "AI Overview",
|
||||||
"description": "...",
|
"description": "...",
|
||||||
"icon": "font_a-AIOverview",
|
"icon": "font_a-AIOverview",
|
||||||
"type": "ai_extension",
|
"type": "ai_extension",
|
||||||
|
|||||||
@@ -39,7 +39,7 @@ pub(crate) const PLUGIN_JSON_FILE: &str = r#"
|
|||||||
{
|
{
|
||||||
"id": "Applications",
|
"id": "Applications",
|
||||||
"platforms": ["macos", "linux", "windows"],
|
"platforms": ["macos", "linux", "windows"],
|
||||||
"title": "Applications",
|
"name": "Applications",
|
||||||
"description": "Application search",
|
"description": "Application search",
|
||||||
"icon": "font_Application",
|
"icon": "font_Application",
|
||||||
"type": "group",
|
"type": "group",
|
||||||
|
|||||||
@@ -1038,9 +1038,9 @@ pub async fn get_app_list<R: Runtime>(
|
|||||||
|
|
||||||
let app_entry = Extension {
|
let app_entry = Extension {
|
||||||
id: path,
|
id: path,
|
||||||
title: name,
|
name,
|
||||||
platforms: None,
|
platforms: None,
|
||||||
author: None,
|
developer: None,
|
||||||
// Leave it empty as it won't be used
|
// Leave it empty as it won't be used
|
||||||
description: String::new(),
|
description: String::new(),
|
||||||
icon: icon_path,
|
icon: icon_path,
|
||||||
@@ -1054,6 +1054,9 @@ pub async fn get_app_list<R: Runtime>(
|
|||||||
hotkey,
|
hotkey,
|
||||||
enabled,
|
enabled,
|
||||||
settings: None,
|
settings: None,
|
||||||
|
screenshots: None,
|
||||||
|
url: None,
|
||||||
|
version: None,
|
||||||
};
|
};
|
||||||
|
|
||||||
app_entries.push(app_entry);
|
app_entries.push(app_entry);
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ pub(crate) const DATA_SOURCE_ID: &str = "Calculator";
|
|||||||
pub(crate) const PLUGIN_JSON_FILE: &str = r#"
|
pub(crate) const PLUGIN_JSON_FILE: &str = r#"
|
||||||
{
|
{
|
||||||
"id": "Calculator",
|
"id": "Calculator",
|
||||||
"title": "Calculator",
|
"name": "Calculator",
|
||||||
"platforms": ["macos", "linux", "windows"],
|
"platforms": ["macos", "linux", "windows"],
|
||||||
"description": "...",
|
"description": "...",
|
||||||
"icon": "font_Calculator",
|
"icon": "font_Calculator",
|
||||||
|
|||||||
@@ -203,7 +203,7 @@ pub(super) async fn init_built_in_extension<R: Runtime>(
|
|||||||
}
|
}
|
||||||
|
|
||||||
pub(crate) fn is_extension_built_in(bundle_id: &ExtensionBundleIdBorrowed<'_>) -> bool {
|
pub(crate) fn is_extension_built_in(bundle_id: &ExtensionBundleIdBorrowed<'_>) -> bool {
|
||||||
bundle_id.author.is_none()
|
bundle_id.developer.is_none()
|
||||||
}
|
}
|
||||||
|
|
||||||
pub(crate) async fn enable_built_in_extension(
|
pub(crate) async fn enable_built_in_extension(
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ pub(super) const EXTENSION_ID: &str = "QuickAIAccess";
|
|||||||
pub(crate) const PLUGIN_JSON_FILE: &str = r#"
|
pub(crate) const PLUGIN_JSON_FILE: &str = r#"
|
||||||
{
|
{
|
||||||
"id": "QuickAIAccess",
|
"id": "QuickAIAccess",
|
||||||
"title": "Quick AI Access",
|
"name": "Quick AI Access",
|
||||||
"description": "...",
|
"description": "...",
|
||||||
"icon": "font_a-QuickAIAccess",
|
"icon": "font_a-QuickAIAccess",
|
||||||
"type": "ai_extension",
|
"type": "ai_extension",
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
pub(crate) mod built_in;
|
pub(crate) mod built_in;
|
||||||
|
pub(crate) mod store;
|
||||||
mod third_party;
|
mod third_party;
|
||||||
|
|
||||||
use crate::common::document::OnOpened;
|
use crate::common::document::OnOpened;
|
||||||
@@ -18,6 +19,10 @@ pub const LOCAL_QUERY_SOURCE_TYPE: &str = "local";
|
|||||||
const PLUGIN_JSON_FILE_NAME: &str = "plugin.json";
|
const PLUGIN_JSON_FILE_NAME: &str = "plugin.json";
|
||||||
const ASSETS_DIRECTORY_FILE_NAME: &str = "assets";
|
const ASSETS_DIRECTORY_FILE_NAME: &str = "assets";
|
||||||
|
|
||||||
|
fn default_true() -> bool {
|
||||||
|
true
|
||||||
|
}
|
||||||
|
|
||||||
#[derive(Debug, Deserialize, Serialize, Copy, Clone, Hash, PartialEq, Eq, Display)]
|
#[derive(Debug, Deserialize, Serialize, Copy, Clone, Hash, PartialEq, Eq, Display)]
|
||||||
#[serde(rename_all(serialize = "lowercase", deserialize = "lowercase"))]
|
#[serde(rename_all(serialize = "lowercase", deserialize = "lowercase"))]
|
||||||
enum Platform {
|
enum Platform {
|
||||||
@@ -33,17 +38,17 @@ enum Platform {
|
|||||||
pub struct Extension {
|
pub struct Extension {
|
||||||
/// Extension ID.
|
/// Extension ID.
|
||||||
///
|
///
|
||||||
/// The ID doesn't uniquely identifies an extension; Its bundle ID (ID & author) does.
|
/// The ID doesn't uniquely identifies an extension; Its bundle ID (ID & developer) does.
|
||||||
id: String,
|
id: String,
|
||||||
/// Extension name.
|
/// Extension name.
|
||||||
title: String,
|
name: String,
|
||||||
/// ID of the author.
|
/// ID of the developer.
|
||||||
///
|
///
|
||||||
/// * For built-in extensions, this will always be None.
|
/// * For built-in extensions, this will always be None.
|
||||||
/// * For third-party first-layer extensions, the on-disk plugin.json file
|
/// * For third-party first-layer extensions, the on-disk plugin.json file
|
||||||
/// won't contain this field, but we will set this field for them after reading them into the memory.
|
/// won't contain this field, but we will set this field for them after reading them into the memory.
|
||||||
/// * For third-party sub extensions, this field will be None.
|
/// * For third-party sub extensions, this field will be None.
|
||||||
author: Option<String>,
|
developer: Option<String>,
|
||||||
/// Platforms supported by this extension.
|
/// Platforms supported by this extension.
|
||||||
///
|
///
|
||||||
/// If `None`, then this extension can be used on all the platforms.
|
/// If `None`, then this extension can be used on all the platforms.
|
||||||
@@ -91,17 +96,23 @@ pub struct Extension {
|
|||||||
hotkey: Option<String>,
|
hotkey: Option<String>,
|
||||||
|
|
||||||
/// Is this extension enabled.
|
/// Is this extension enabled.
|
||||||
|
#[serde(default = "default_true")]
|
||||||
enabled: bool,
|
enabled: bool,
|
||||||
|
|
||||||
/// Extension settings
|
/// Extension settings
|
||||||
#[serde(skip_serializing_if = "Option::is_none")]
|
#[serde(skip_serializing_if = "Option::is_none")]
|
||||||
settings: Option<Json>,
|
settings: Option<Json>,
|
||||||
|
|
||||||
|
// We do not care about these fields, just take it regardless of what it is.
|
||||||
|
screenshots: Option<Json>,
|
||||||
|
url: Option<Json>,
|
||||||
|
version: Option<Json>,
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Bundle ID uniquely identifies an extension.
|
/// Bundle ID uniquely identifies an extension.
|
||||||
#[derive(Debug, Deserialize, Serialize, PartialEq, Clone)]
|
#[derive(Debug, Deserialize, Serialize, PartialEq, Clone)]
|
||||||
pub(crate) struct ExtensionBundleId {
|
pub(crate) struct ExtensionBundleId {
|
||||||
author: Option<String>,
|
developer: Option<String>,
|
||||||
extension_id: String,
|
extension_id: String,
|
||||||
sub_extension_id: Option<String>,
|
sub_extension_id: Option<String>,
|
||||||
}
|
}
|
||||||
@@ -111,7 +122,7 @@ impl Borrow for ExtensionBundleId {
|
|||||||
|
|
||||||
fn borrow(&self) -> Self::Target<'_> {
|
fn borrow(&self) -> Self::Target<'_> {
|
||||||
ExtensionBundleIdBorrowed {
|
ExtensionBundleIdBorrowed {
|
||||||
author: self.author.as_deref(),
|
developer: self.developer.as_deref(),
|
||||||
extension_id: &self.extension_id,
|
extension_id: &self.extension_id,
|
||||||
sub_extension_id: self.sub_extension_id.as_deref(),
|
sub_extension_id: self.sub_extension_id.as_deref(),
|
||||||
}
|
}
|
||||||
@@ -121,7 +132,7 @@ impl Borrow for ExtensionBundleId {
|
|||||||
/// Reference version of `ExtensionBundleId`.
|
/// Reference version of `ExtensionBundleId`.
|
||||||
#[derive(Debug, Serialize, PartialEq)]
|
#[derive(Debug, Serialize, PartialEq)]
|
||||||
pub(crate) struct ExtensionBundleIdBorrowed<'ext> {
|
pub(crate) struct ExtensionBundleIdBorrowed<'ext> {
|
||||||
author: Option<&'ext str>,
|
developer: Option<&'ext str>,
|
||||||
extension_id: &'ext str,
|
extension_id: &'ext str,
|
||||||
sub_extension_id: Option<&'ext str>,
|
sub_extension_id: Option<&'ext str>,
|
||||||
}
|
}
|
||||||
@@ -131,7 +142,7 @@ impl ToOwned for ExtensionBundleIdBorrowed<'_> {
|
|||||||
|
|
||||||
fn to_owned(&self) -> Self::Owned {
|
fn to_owned(&self) -> Self::Owned {
|
||||||
ExtensionBundleId {
|
ExtensionBundleId {
|
||||||
author: self.author.map(|s| s.to_string()),
|
developer: self.developer.map(|s| s.to_string()),
|
||||||
extension_id: self.extension_id.to_string(),
|
extension_id: self.extension_id.to_string(),
|
||||||
sub_extension_id: self.sub_extension_id.map(|s| s.to_string()),
|
sub_extension_id: self.sub_extension_id.map(|s| s.to_string()),
|
||||||
}
|
}
|
||||||
@@ -140,7 +151,7 @@ impl ToOwned for ExtensionBundleIdBorrowed<'_> {
|
|||||||
|
|
||||||
impl<'ext> PartialEq<ExtensionBundleIdBorrowed<'ext>> for ExtensionBundleId {
|
impl<'ext> PartialEq<ExtensionBundleIdBorrowed<'ext>> for ExtensionBundleId {
|
||||||
fn eq(&self, other: &ExtensionBundleIdBorrowed<'ext>) -> bool {
|
fn eq(&self, other: &ExtensionBundleIdBorrowed<'ext>) -> bool {
|
||||||
self.author.as_deref() == other.author
|
self.developer.as_deref() == other.developer
|
||||||
&& self.extension_id == other.extension_id
|
&& self.extension_id == other.extension_id
|
||||||
&& self.sub_extension_id.as_deref() == other.sub_extension_id
|
&& self.sub_extension_id.as_deref() == other.sub_extension_id
|
||||||
}
|
}
|
||||||
@@ -148,7 +159,7 @@ impl<'ext> PartialEq<ExtensionBundleIdBorrowed<'ext>> for ExtensionBundleId {
|
|||||||
|
|
||||||
impl<'ext> PartialEq<ExtensionBundleId> for ExtensionBundleIdBorrowed<'ext> {
|
impl<'ext> PartialEq<ExtensionBundleId> for ExtensionBundleIdBorrowed<'ext> {
|
||||||
fn eq(&self, other: &ExtensionBundleId) -> bool {
|
fn eq(&self, other: &ExtensionBundleId) -> bool {
|
||||||
self.author == other.author.as_deref()
|
self.developer == other.developer.as_deref()
|
||||||
&& self.extension_id == other.extension_id
|
&& self.extension_id == other.extension_id
|
||||||
&& self.sub_extension_id == other.sub_extension_id.as_deref()
|
&& self.sub_extension_id == other.sub_extension_id.as_deref()
|
||||||
}
|
}
|
||||||
@@ -159,7 +170,7 @@ impl Extension {
|
|||||||
/// set to `None`, this may not be what you want.
|
/// set to `None`, this may not be what you want.
|
||||||
pub(crate) fn bundle_id_borrowed(&self) -> ExtensionBundleIdBorrowed<'_> {
|
pub(crate) fn bundle_id_borrowed(&self) -> ExtensionBundleIdBorrowed<'_> {
|
||||||
ExtensionBundleIdBorrowed {
|
ExtensionBundleIdBorrowed {
|
||||||
author: self.author.as_deref(),
|
developer: self.developer.as_deref(),
|
||||||
extension_id: &self.id,
|
extension_id: &self.id,
|
||||||
sub_extension_id: None,
|
sub_extension_id: None,
|
||||||
}
|
}
|
||||||
@@ -205,18 +216,12 @@ impl Extension {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
if let Some(ref scripts) = self.scripts {
|
if let Some(ref scripts) = self.scripts {
|
||||||
if let Some(sub_ext) = scripts
|
if let Some(sub_ext) = scripts.iter().find(|script| script.id == sub_extension_id) {
|
||||||
.iter()
|
|
||||||
.find(|script| script.id == sub_extension_id)
|
|
||||||
{
|
|
||||||
return Some(sub_ext);
|
return Some(sub_ext);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if let Some(ref quick_links) = self.quicklinks {
|
if let Some(ref quick_links) = self.quicklinks {
|
||||||
if let Some(sub_ext) = quick_links
|
if let Some(sub_ext) = quick_links.iter().find(|link| link.id == sub_extension_id) {
|
||||||
.iter()
|
|
||||||
.find(|link| link.id == sub_extension_id)
|
|
||||||
{
|
|
||||||
return Some(sub_ext);
|
return Some(sub_ext);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -264,7 +269,7 @@ impl Extension {
|
|||||||
#[derive(Debug, Deserialize, Serialize, Clone)]
|
#[derive(Debug, Deserialize, Serialize, Clone)]
|
||||||
pub(crate) struct CommandAction {
|
pub(crate) struct CommandAction {
|
||||||
pub(crate) exec: String,
|
pub(crate) exec: String,
|
||||||
pub(crate) args: Vec<String>,
|
pub(crate) args: Option<Vec<String>>,
|
||||||
}
|
}
|
||||||
|
|
||||||
#[derive(Debug, Deserialize, Serialize, Clone)]
|
#[derive(Debug, Deserialize, Serialize, Clone)]
|
||||||
@@ -301,12 +306,151 @@ impl ExtensionType {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/// Helper function to filter out the extensions that do not satisfy the specifies conditions.
|
||||||
|
///
|
||||||
|
/// used in `list_extensions()`
|
||||||
|
fn filter_out_extensions(
|
||||||
|
extensions: &mut Vec<Extension>,
|
||||||
|
query: Option<&str>,
|
||||||
|
extension_type: Option<ExtensionType>,
|
||||||
|
list_enabled: bool,
|
||||||
|
) {
|
||||||
|
// apply `list_enabled`
|
||||||
|
if list_enabled {
|
||||||
|
extensions.retain(|ext| ext.enabled);
|
||||||
|
for extension in extensions.iter_mut() {
|
||||||
|
if extension.r#type.contains_sub_items() {
|
||||||
|
if let Some(ref mut commands) = extension.commands {
|
||||||
|
commands.retain(|cmd| cmd.enabled);
|
||||||
|
}
|
||||||
|
if let Some(ref mut scripts) = extension.scripts {
|
||||||
|
scripts.retain(|script| script.enabled);
|
||||||
|
}
|
||||||
|
if let Some(ref mut quicklinks) = extension.quicklinks {
|
||||||
|
quicklinks.retain(|link| link.enabled);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// apply extension type filter to non-group/extension extensions
|
||||||
|
if let Some(extension_type) = extension_type {
|
||||||
|
assert!(
|
||||||
|
extension_type != ExtensionType::Group && extension_type != ExtensionType::Extension,
|
||||||
|
"filtering in folder extensions is pointless"
|
||||||
|
);
|
||||||
|
|
||||||
|
extensions.retain(|ext| {
|
||||||
|
let ty = ext.r#type;
|
||||||
|
ty == ExtensionType::Group || ty == ExtensionType::Extension || ty == extension_type
|
||||||
|
});
|
||||||
|
|
||||||
|
// Filter sub-extensions to only include the requested type
|
||||||
|
for extension in extensions.iter_mut() {
|
||||||
|
if extension.r#type.contains_sub_items() {
|
||||||
|
if let Some(ref mut commands) = extension.commands {
|
||||||
|
commands.retain(|cmd| cmd.r#type == extension_type);
|
||||||
|
}
|
||||||
|
if let Some(ref mut scripts) = extension.scripts {
|
||||||
|
scripts.retain(|script| script.r#type == extension_type);
|
||||||
|
}
|
||||||
|
if let Some(ref mut quicklinks) = extension.quicklinks {
|
||||||
|
quicklinks.retain(|link| link.r#type == extension_type);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Application is special, technically, it should never be filtered out by
|
||||||
|
// this condition. But if our users will be surprising if they choose a
|
||||||
|
// non-Application type and see it in the results. So we do this to remedy the
|
||||||
|
// issue
|
||||||
|
if let Some(idx) = extensions.iter().position(|ext| {
|
||||||
|
ext.developer.is_none()
|
||||||
|
&& ext.id == built_in::application::QUERYSOURCE_ID_DATASOURCE_ID_DATASOURCE_NAME
|
||||||
|
}) {
|
||||||
|
if extension_type != ExtensionType::Application {
|
||||||
|
extensions.remove(idx);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// apply query filter
|
||||||
|
if let Some(query) = query {
|
||||||
|
let match_closure = |ext: &Extension| {
|
||||||
|
let lowercase_title = ext.name.to_lowercase();
|
||||||
|
let lowercase_alias = ext.alias.as_ref().map(|alias| alias.to_lowercase());
|
||||||
|
let lowercase_query = query.to_lowercase();
|
||||||
|
|
||||||
|
lowercase_title.contains(&lowercase_query)
|
||||||
|
|| lowercase_alias.map_or(false, |alias| alias.contains(&lowercase_query))
|
||||||
|
};
|
||||||
|
|
||||||
|
extensions.retain(|ext| {
|
||||||
|
if ext.r#type.contains_sub_items() {
|
||||||
|
// Keep all group/extension types
|
||||||
|
true
|
||||||
|
} else {
|
||||||
|
// Apply filter to non-group/extension types
|
||||||
|
match_closure(ext)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Filter sub-extensions in groups and extensions
|
||||||
|
for extension in extensions.iter_mut() {
|
||||||
|
if extension.r#type.contains_sub_items() {
|
||||||
|
if let Some(ref mut commands) = extension.commands {
|
||||||
|
commands.retain(&match_closure);
|
||||||
|
}
|
||||||
|
if let Some(ref mut scripts) = extension.scripts {
|
||||||
|
scripts.retain(&match_closure);
|
||||||
|
}
|
||||||
|
if let Some(ref mut quicklinks) = extension.quicklinks {
|
||||||
|
quicklinks.retain(&match_closure);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove parent extensions (Group/Extension types) that have no sub-items after filtering
|
||||||
|
extensions.retain(|ext| {
|
||||||
|
if !ext.r#type.contains_sub_items() {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// We don't do this filter to applications since it is always empty, load at runtime.
|
||||||
|
if ext.developer.is_none()
|
||||||
|
&& ext.id == built_in::application::QUERYSOURCE_ID_DATASOURCE_ID_DATASOURCE_NAME
|
||||||
|
{
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
let has_commands = ext
|
||||||
|
.commands
|
||||||
|
.as_ref()
|
||||||
|
.map_or(false, |commands| !commands.is_empty());
|
||||||
|
let has_scripts = ext
|
||||||
|
.scripts
|
||||||
|
.as_ref()
|
||||||
|
.map_or(false, |scripts| !scripts.is_empty());
|
||||||
|
let has_quicklinks = ext
|
||||||
|
.quicklinks
|
||||||
|
.as_ref()
|
||||||
|
.map_or(false, |quicklinks| !quicklinks.is_empty());
|
||||||
|
|
||||||
|
has_commands || has_scripts || has_quicklinks
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
/// Return value:
|
/// Return value:
|
||||||
///
|
///
|
||||||
/// * boolean: indicates if we found any invalid extensions
|
/// * boolean: indicates if we found any invalid extensions
|
||||||
/// * Vec<Extension>: loaded extensions
|
/// * Vec<Extension>: loaded extensions
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub(crate) async fn list_extensions() -> Result<(bool, Vec<Extension>), String> {
|
pub(crate) async fn list_extensions(
|
||||||
|
query: Option<String>,
|
||||||
|
extension_type: Option<ExtensionType>,
|
||||||
|
list_enabled: bool,
|
||||||
|
) -> Result<(bool, Vec<Extension>), String> {
|
||||||
log::trace!("loading extensions");
|
log::trace!("loading extensions");
|
||||||
|
|
||||||
let third_party_dir = third_party::THIRD_PARTY_EXTENSIONS_DIRECTORY.as_path();
|
let third_party_dir = third_party::THIRD_PARTY_EXTENSIONS_DIRECTORY.as_path();
|
||||||
@@ -321,12 +465,19 @@ pub(crate) async fn list_extensions() -> Result<(bool, Vec<Extension>), String>
|
|||||||
let built_in_extensions = built_in::list_built_in_extensions().await?;
|
let built_in_extensions = built_in::list_built_in_extensions().await?;
|
||||||
|
|
||||||
let found_invalid_extension = third_party_found_invalid_extension;
|
let found_invalid_extension = third_party_found_invalid_extension;
|
||||||
let extensions = {
|
let mut extensions = {
|
||||||
third_party_extensions.extend(built_in_extensions);
|
third_party_extensions.extend(built_in_extensions);
|
||||||
|
|
||||||
third_party_extensions
|
third_party_extensions
|
||||||
};
|
};
|
||||||
|
|
||||||
|
filter_out_extensions(
|
||||||
|
&mut extensions,
|
||||||
|
query.as_deref(),
|
||||||
|
extension_type,
|
||||||
|
list_enabled,
|
||||||
|
);
|
||||||
|
|
||||||
Ok((found_invalid_extension, extensions))
|
Ok((found_invalid_extension, extensions))
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -343,6 +494,9 @@ pub(crate) async fn init_extensions(mut extensions: Vec<Extension>) -> Result<()
|
|||||||
)
|
)
|
||||||
.await?;
|
.await?;
|
||||||
|
|
||||||
|
// extension store
|
||||||
|
search_source_registry_tauri_state .register_source(store::ExtensionStore).await;
|
||||||
|
|
||||||
// Init the built-in enabled extensions
|
// Init the built-in enabled extensions
|
||||||
for built_in_extension in extensions
|
for built_in_extension in extensions
|
||||||
.extract_if(.., |ext| {
|
.extract_if(.., |ext| {
|
||||||
@@ -451,7 +605,7 @@ pub(crate) async fn is_extension_enabled(bundle_id: ExtensionBundleId) -> Result
|
|||||||
third_party::THIRD_PARTY_EXTENSIONS_SEARCH_SOURCE.get().expect("global third party search source not set, looks like init_extensions() has not been executed").is_extension_enabled(&bundle_id_borrowed).await
|
third_party::THIRD_PARTY_EXTENSIONS_SEARCH_SOURCE.get().expect("global third party search source not set, looks like init_extensions() has not been executed").is_extension_enabled(&bundle_id_borrowed).await
|
||||||
}
|
}
|
||||||
|
|
||||||
fn canonicalize_relative_icon_path(
|
pub(crate) fn canonicalize_relative_icon_path(
|
||||||
extension_dir: &Path,
|
extension_dir: &Path,
|
||||||
extension: &mut Extension,
|
extension: &mut Extension,
|
||||||
) -> Result<(), String> {
|
) -> Result<(), String> {
|
||||||
@@ -570,8 +724,8 @@ fn alter_extension_json_file(
|
|||||||
let json_file_path = {
|
let json_file_path = {
|
||||||
let mut path = extension_directory.to_path_buf();
|
let mut path = extension_directory.to_path_buf();
|
||||||
|
|
||||||
if let Some(author) = bundle_id.author {
|
if let Some(developer) = bundle_id.developer {
|
||||||
path.push(author);
|
path.push(developer);
|
||||||
}
|
}
|
||||||
path.push(bundle_id.extension_id);
|
path.push(bundle_id.extension_id);
|
||||||
path.push(PLUGIN_JSON_FILE_NAME);
|
path.push(PLUGIN_JSON_FILE_NAME);
|
||||||
|
|||||||
358
src-tauri/src/extension/store.rs
Normal file
358
src-tauri/src/extension/store.rs
Normal file
@@ -0,0 +1,358 @@
|
|||||||
|
//! Extension store related stuff.
|
||||||
|
|
||||||
|
use crate::extension::canonicalize_relative_icon_path;
|
||||||
|
use super::LOCAL_QUERY_SOURCE_TYPE;
|
||||||
|
use crate::common::document::DataSourceReference;
|
||||||
|
use crate::common::document::Document;
|
||||||
|
use crate::common::error::SearchError;
|
||||||
|
use crate::common::search::QueryResponse;
|
||||||
|
use crate::common::search::QuerySource;
|
||||||
|
use crate::common::search::SearchQuery;
|
||||||
|
use crate::common::traits::SearchSource;
|
||||||
|
use crate::extension::third_party::THIRD_PARTY_EXTENSIONS_DIRECTORY;
|
||||||
|
use crate::extension::Extension;
|
||||||
|
use crate::extension::PLUGIN_JSON_FILE_NAME;
|
||||||
|
use crate::extension::THIRD_PARTY_EXTENSIONS_SEARCH_SOURCE;
|
||||||
|
use async_trait::async_trait;
|
||||||
|
use reqwest::Client;
|
||||||
|
use reqwest::StatusCode;
|
||||||
|
use serde_json::Map as JsonObject;
|
||||||
|
use serde_json::Value as Json;
|
||||||
|
use std::sync::LazyLock;
|
||||||
|
|
||||||
|
const DATA_SOURCE_ID: &str = "extension_store";
|
||||||
|
|
||||||
|
pub(crate) struct ExtensionStore;
|
||||||
|
|
||||||
|
#[async_trait]
|
||||||
|
impl SearchSource for ExtensionStore {
|
||||||
|
fn get_type(&self) -> QuerySource {
|
||||||
|
QuerySource {
|
||||||
|
r#type: LOCAL_QUERY_SOURCE_TYPE.into(),
|
||||||
|
name: hostname::get()
|
||||||
|
.unwrap_or(DATA_SOURCE_ID.into())
|
||||||
|
.to_string_lossy()
|
||||||
|
.into(),
|
||||||
|
id: DATA_SOURCE_ID.into(),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async fn search(&self, query: SearchQuery) -> Result<QueryResponse, SearchError> {
|
||||||
|
const SCORE: f64 = 2000.0;
|
||||||
|
|
||||||
|
let Some(query_string) = query.query_strings.get("query") else {
|
||||||
|
return Ok(QueryResponse {
|
||||||
|
source: self.get_type(),
|
||||||
|
hits: Vec::new(),
|
||||||
|
total_hits: 0,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
let lowercase_query_string = query_string.to_lowercase();
|
||||||
|
let expected_str = "extension store";
|
||||||
|
|
||||||
|
if expected_str.contains(&lowercase_query_string) {
|
||||||
|
let doc = Document {
|
||||||
|
id: DATA_SOURCE_ID.to_string(),
|
||||||
|
category: Some(DATA_SOURCE_ID.to_string()),
|
||||||
|
title: Some("Extension Store".to_string()),
|
||||||
|
icon: Some("font_Store".to_string()),
|
||||||
|
source: Some(DataSourceReference {
|
||||||
|
r#type: Some(LOCAL_QUERY_SOURCE_TYPE.into()),
|
||||||
|
name: Some(DATA_SOURCE_ID.into()),
|
||||||
|
id: Some(DATA_SOURCE_ID.into()),
|
||||||
|
icon: None,
|
||||||
|
}),
|
||||||
|
..Default::default()
|
||||||
|
};
|
||||||
|
|
||||||
|
Ok(QueryResponse {
|
||||||
|
source: self.get_type(),
|
||||||
|
hits: vec![(doc, SCORE)],
|
||||||
|
total_hits: 1,
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
Ok(QueryResponse {
|
||||||
|
source: self.get_type(),
|
||||||
|
hits: Vec::new(),
|
||||||
|
total_hits: 0,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Cache the client since it caches connections internally.
|
||||||
|
static CLIENT: LazyLock<Client> = LazyLock::new(|| Client::new());
|
||||||
|
|
||||||
|
#[tauri::command]
|
||||||
|
pub(crate) async fn search_extension(
|
||||||
|
query_params: Option<Vec<String>>,
|
||||||
|
) -> Result<Vec<Json>, String> {
|
||||||
|
let query_params: Vec<(&str, &str)> = match query_params {
|
||||||
|
Some(ref v) => {
|
||||||
|
let mut parsed = Vec::new();
|
||||||
|
for parameter in v.iter() {
|
||||||
|
let (key, value) = parameter
|
||||||
|
.split_once('=')
|
||||||
|
.expect("query parameter should contain a '='");
|
||||||
|
parsed.push((key, value));
|
||||||
|
}
|
||||||
|
|
||||||
|
parsed
|
||||||
|
}
|
||||||
|
None => Vec::new(),
|
||||||
|
};
|
||||||
|
|
||||||
|
let response = CLIENT
|
||||||
|
.get("http://infini.tpddns.cn:27200/store/extension/_search")
|
||||||
|
.query(&query_params)
|
||||||
|
.send()
|
||||||
|
.await
|
||||||
|
.map_err(|e| format!("Failed to send request: {:?}", e))?;
|
||||||
|
|
||||||
|
// The response of a ES style search request
|
||||||
|
let mut response: JsonObject<String, Json> = response
|
||||||
|
.json()
|
||||||
|
.await
|
||||||
|
.map_err(|e| format!("Failed to parse response: {:?}", e))?;
|
||||||
|
|
||||||
|
let hits_json = response
|
||||||
|
.remove("hits")
|
||||||
|
.expect("the JSON response should contain field [hits]");
|
||||||
|
let mut hits = match hits_json {
|
||||||
|
Json::Object(obj) => obj,
|
||||||
|
_ => panic!(
|
||||||
|
"field [hits] should be a JSON object, but it is not, value: [{}]",
|
||||||
|
hits_json
|
||||||
|
),
|
||||||
|
};
|
||||||
|
|
||||||
|
let Some(hits_hits_json) = hits.remove("hits") else {
|
||||||
|
return Ok(Vec::new());
|
||||||
|
};
|
||||||
|
|
||||||
|
let hits_hits = match hits_hits_json {
|
||||||
|
Json::Array(arr) => arr,
|
||||||
|
_ => panic!(
|
||||||
|
"field [hits.hits] should be an array, but it is not, value: [{}]",
|
||||||
|
hits_hits_json
|
||||||
|
),
|
||||||
|
};
|
||||||
|
|
||||||
|
let mut extensions = Vec::with_capacity(hits_hits.len());
|
||||||
|
for hit in hits_hits {
|
||||||
|
let mut hit_obj = match hit {
|
||||||
|
Json::Object(obj) => obj,
|
||||||
|
_ => panic!(
|
||||||
|
"each hit in [hits.hits] should be a JSON object, but it is not, value: [{}]",
|
||||||
|
hit
|
||||||
|
),
|
||||||
|
};
|
||||||
|
let source = hit_obj
|
||||||
|
.remove("_source")
|
||||||
|
.expect("each hit should contain field [_source]");
|
||||||
|
|
||||||
|
let mut source_obj = match source {
|
||||||
|
Json::Object(obj) => obj,
|
||||||
|
_ => panic!(
|
||||||
|
"field [_source] should be a JSON object, but it is not, value: [{}]",
|
||||||
|
source
|
||||||
|
),
|
||||||
|
};
|
||||||
|
|
||||||
|
let developer_id = source_obj
|
||||||
|
.get("developer")
|
||||||
|
.and_then(|dev| dev.get("id"))
|
||||||
|
.and_then(|id| id.as_str())
|
||||||
|
.expect("developer.id should exist")
|
||||||
|
.to_string();
|
||||||
|
|
||||||
|
let extension_id = source_obj
|
||||||
|
.get("id")
|
||||||
|
.and_then(|id| id.as_str())
|
||||||
|
.expect("extension id should exist")
|
||||||
|
.to_string();
|
||||||
|
|
||||||
|
let installed = is_extension_installed(developer_id, extension_id).await;
|
||||||
|
source_obj.insert("installed".to_string(), Json::Bool(installed));
|
||||||
|
|
||||||
|
extensions.push(Json::Object(source_obj));
|
||||||
|
}
|
||||||
|
|
||||||
|
Ok(extensions)
|
||||||
|
}
|
||||||
|
|
||||||
|
async fn is_extension_installed(developer: String, extension_id: String) -> bool {
|
||||||
|
THIRD_PARTY_EXTENSIONS_SEARCH_SOURCE
|
||||||
|
.get()
|
||||||
|
.unwrap()
|
||||||
|
.extension_exists(&developer, &extension_id)
|
||||||
|
.await
|
||||||
|
}
|
||||||
|
|
||||||
|
#[tauri::command]
|
||||||
|
pub(crate) async fn install_extension(id: String) -> Result<(), String> {
|
||||||
|
let response = CLIENT
|
||||||
|
.get(format!(
|
||||||
|
"http://infini.tpddns.cn:27200/store/extension/{}/_download",
|
||||||
|
id
|
||||||
|
))
|
||||||
|
.send()
|
||||||
|
.await
|
||||||
|
.map_err(|e| format!("Failed to download extension: {}", e))?;
|
||||||
|
|
||||||
|
if response.status() == StatusCode::NOT_FOUND {
|
||||||
|
return Err(format!("extension [{}] not found", id));
|
||||||
|
}
|
||||||
|
|
||||||
|
let bytes = response
|
||||||
|
.bytes()
|
||||||
|
.await
|
||||||
|
.map_err(|e| format!("Failed to read response bytes: {}", e))?;
|
||||||
|
|
||||||
|
let cursor = std::io::Cursor::new(bytes);
|
||||||
|
let mut archive =
|
||||||
|
zip::ZipArchive::new(cursor).map_err(|e| format!("Failed to read zip archive: {}", e))?;
|
||||||
|
|
||||||
|
let mut plugin_json = archive.by_name("plugin.json").map_err(|e| e.to_string())?;
|
||||||
|
let mut plugin_json_content = String::new();
|
||||||
|
std::io::Read::read_to_string(&mut plugin_json, &mut plugin_json_content)
|
||||||
|
.map_err(|e| e.to_string())?;
|
||||||
|
let mut extension: Json = serde_json::from_str(&plugin_json_content)
|
||||||
|
.map_err(|e| format!("Failed to parse plugin.json: {}", e))?;
|
||||||
|
|
||||||
|
let mut_ref_to_developer_object: &mut Json = extension
|
||||||
|
.as_object_mut()
|
||||||
|
.expect("plugin.json should be an object")
|
||||||
|
.get_mut("developer")
|
||||||
|
.expect("plugin.json should contain field [developer]");
|
||||||
|
let developer_id = mut_ref_to_developer_object
|
||||||
|
.get("id")
|
||||||
|
.expect("plugin.json should contain [developer.id]")
|
||||||
|
.as_str()
|
||||||
|
.expect("plugin.json field [developer.id] should be a string");
|
||||||
|
*mut_ref_to_developer_object = Json::String(developer_id.into());
|
||||||
|
|
||||||
|
// Set IDs for sub-extensions (commands, quicklinks, scripts)
|
||||||
|
let mut counter = 0;
|
||||||
|
// Set IDs for commands
|
||||||
|
// Helper function to set IDs for array fields
|
||||||
|
fn set_ids_for_field(extension: &mut Json, field_name: &str, counter: &mut i32) {
|
||||||
|
if let Some(field) = extension.as_object_mut().unwrap().get_mut(field_name) {
|
||||||
|
if let Some(array) = field.as_array_mut() {
|
||||||
|
for item in array {
|
||||||
|
if let Some(item_obj) = item.as_object_mut() {
|
||||||
|
if !item_obj.contains_key("id") {
|
||||||
|
item_obj.insert("id".to_string(), Json::String(counter.to_string()));
|
||||||
|
*counter += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Set IDs for sub-extensions
|
||||||
|
set_ids_for_field(&mut extension, "commands", &mut counter);
|
||||||
|
set_ids_for_field(&mut extension, "quicklinks", &mut counter);
|
||||||
|
set_ids_for_field(&mut extension, "scripts", &mut counter);
|
||||||
|
|
||||||
|
let mut extension: Extension = serde_json::from_value(extension).unwrap_or_else(|e| {
|
||||||
|
panic!(
|
||||||
|
"cannot parse plugin.json as struct Extension, error [{:?}]",
|
||||||
|
e
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
drop(plugin_json);
|
||||||
|
|
||||||
|
let developer = extension.developer.clone().unwrap_or_default();
|
||||||
|
let extension_id = extension.id.clone();
|
||||||
|
|
||||||
|
// Extract the zip file
|
||||||
|
let extension_directory = {
|
||||||
|
let mut path = THIRD_PARTY_EXTENSIONS_DIRECTORY.to_path_buf();
|
||||||
|
path.push(developer);
|
||||||
|
path.push(extension_id.as_str());
|
||||||
|
path
|
||||||
|
};
|
||||||
|
|
||||||
|
tokio::fs::create_dir_all(extension_directory.as_path())
|
||||||
|
.await
|
||||||
|
.map_err(|e| e.to_string())?;
|
||||||
|
|
||||||
|
// Extract all files except plugin.json
|
||||||
|
for i in 0..archive.len() {
|
||||||
|
let mut file = archive.by_index(i).map_err(|e| e.to_string())?;
|
||||||
|
let outpath = match file.enclosed_name() {
|
||||||
|
Some(path) => extension_directory.join(path),
|
||||||
|
None => continue,
|
||||||
|
};
|
||||||
|
|
||||||
|
// Skip the plugin.json file as we'll create it from the extension variable
|
||||||
|
if file.name() == "plugin.json" {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if file.name().ends_with('/') {
|
||||||
|
tokio::fs::create_dir_all(&outpath).await.map_err(|e| e.to_string())?;
|
||||||
|
} else {
|
||||||
|
if let Some(p) = outpath.parent() {
|
||||||
|
if !p.exists() {
|
||||||
|
tokio::fs::create_dir_all(p).await.map_err(|e| e.to_string())?;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let mut outfile = tokio::fs::File::create(&outpath).await.map_err(|e| e.to_string())?;
|
||||||
|
let mut content = Vec::new();
|
||||||
|
std::io::Read::read_to_end(&mut file, &mut content).map_err(|e| e.to_string())?;
|
||||||
|
tokio::io::AsyncWriteExt::write_all(&mut outfile, &content).await.map_err(|e| e.to_string())?;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create plugin.json from the extension variable
|
||||||
|
let plugin_json_path = extension_directory.join(PLUGIN_JSON_FILE_NAME);
|
||||||
|
let extension_json = serde_json::to_string_pretty(&extension).map_err(|e| e.to_string())?;
|
||||||
|
tokio::fs::write(&plugin_json_path, extension_json).await.map_err(|e| e.to_string())?;
|
||||||
|
|
||||||
|
|
||||||
|
// Turn it into an absolute path if it is a valid relative path because frontend code need this.
|
||||||
|
canonicalize_relative_icon_path(&extension_directory, &mut extension)?;
|
||||||
|
|
||||||
|
THIRD_PARTY_EXTENSIONS_SEARCH_SOURCE
|
||||||
|
.get()
|
||||||
|
.unwrap()
|
||||||
|
.add_extension(extension)
|
||||||
|
.await;
|
||||||
|
|
||||||
|
Ok(())
|
||||||
|
}
|
||||||
|
|
||||||
|
#[tauri::command]
|
||||||
|
pub(crate) async fn uninstall_extension(
|
||||||
|
developer: String,
|
||||||
|
extension_id: String,
|
||||||
|
) -> Result<(), String> {
|
||||||
|
let extension_dir = {
|
||||||
|
let mut path = THIRD_PARTY_EXTENSIONS_DIRECTORY.join(developer.as_str());
|
||||||
|
path.push(extension_id.as_str());
|
||||||
|
|
||||||
|
path
|
||||||
|
};
|
||||||
|
if !extension_dir.try_exists().map_err(|e| e.to_string())? {
|
||||||
|
panic!(
|
||||||
|
"we are uninstalling extension [{}/{}], but there is no such extension files on disk",
|
||||||
|
developer, extension_id
|
||||||
|
)
|
||||||
|
}
|
||||||
|
tokio::fs::remove_dir_all(extension_dir.as_path())
|
||||||
|
.await
|
||||||
|
.map_err(|e| e.to_string())?;
|
||||||
|
|
||||||
|
THIRD_PARTY_EXTENSIONS_SEARCH_SOURCE
|
||||||
|
.get()
|
||||||
|
.unwrap()
|
||||||
|
.remove_extension(&developer, &extension_id)
|
||||||
|
.await;
|
||||||
|
|
||||||
|
Ok(())
|
||||||
|
}
|
||||||
@@ -64,44 +64,44 @@ pub(crate) async fn list_third_party_extensions(
|
|||||||
|
|
||||||
let mut extensions = Vec::new();
|
let mut extensions = Vec::new();
|
||||||
|
|
||||||
'author: loop {
|
'developer: loop {
|
||||||
let opt_author_dir = extensions_dir_iter
|
let opt_developer_dir = extensions_dir_iter
|
||||||
.next_entry()
|
.next_entry()
|
||||||
.await
|
.await
|
||||||
.map_err(|e| e.to_string())?;
|
.map_err(|e| e.to_string())?;
|
||||||
let Some(author_dir) = opt_author_dir else {
|
let Some(developer_dir) = opt_developer_dir else {
|
||||||
break;
|
break;
|
||||||
};
|
};
|
||||||
let author_dir_file_type = author_dir.file_type().await.map_err(|e| e.to_string())?;
|
let developer_dir_file_type = developer_dir.file_type().await.map_err(|e| e.to_string())?;
|
||||||
if !author_dir_file_type.is_dir() {
|
if !developer_dir_file_type.is_dir() {
|
||||||
found_invalid_extensions = true;
|
found_invalid_extensions = true;
|
||||||
log::warn!(
|
log::warn!(
|
||||||
"file [{}] under the third party extension directory should be a directory, but it is not",
|
"file [{}] under the third party extension directory should be a directory, but it is not",
|
||||||
author_dir.file_name().display()
|
developer_dir.file_name().display()
|
||||||
);
|
);
|
||||||
|
|
||||||
// Skip this file
|
// Skip this file
|
||||||
continue 'author;
|
continue 'developer;
|
||||||
}
|
}
|
||||||
|
|
||||||
let Ok(author) = author_dir.file_name().into_string() else {
|
let Ok(developer) = developer_dir.file_name().into_string() else {
|
||||||
found_invalid_extensions = true;
|
found_invalid_extensions = true;
|
||||||
|
|
||||||
log::warn!(
|
log::warn!(
|
||||||
"author [{}] ID is not UTF-8 encoded",
|
"developer [{}] ID is not UTF-8 encoded",
|
||||||
author_dir.file_name().display()
|
developer_dir.file_name().display()
|
||||||
);
|
);
|
||||||
|
|
||||||
// Skip this file
|
// Skip this file
|
||||||
continue 'author;
|
continue 'developer;
|
||||||
};
|
};
|
||||||
|
|
||||||
let mut author_dir_iter = read_dir(&author_dir.path())
|
let mut developer_dir_iter = read_dir(&developer_dir.path())
|
||||||
.await
|
.await
|
||||||
.map_err(|e| e.to_string())?;
|
.map_err(|e| e.to_string())?;
|
||||||
|
|
||||||
'extension: loop {
|
'extension: loop {
|
||||||
let opt_extension_dir = author_dir_iter
|
let opt_extension_dir = developer_dir_iter
|
||||||
.next_entry()
|
.next_entry()
|
||||||
.await
|
.await
|
||||||
.map_err(|e| e.to_string())?;
|
.map_err(|e| e.to_string())?;
|
||||||
@@ -172,8 +172,8 @@ pub(crate) async fn list_third_party_extensions(
|
|||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set extension's author info manually.
|
// Set extension's developer info manually.
|
||||||
extension.author = Some(author.clone());
|
extension.developer = Some(developer.clone());
|
||||||
|
|
||||||
extensions.push(extension);
|
extensions.push(extension);
|
||||||
}
|
}
|
||||||
@@ -250,25 +250,6 @@ fn validate_extension(
|
|||||||
|
|
||||||
/// Checks that can be performed against an extension or a sub item.
|
/// Checks that can be performed against an extension or a sub item.
|
||||||
fn validate_extension_or_sub_item(extension: &Extension) -> bool {
|
fn validate_extension_or_sub_item(extension: &Extension) -> bool {
|
||||||
// Only
|
|
||||||
//
|
|
||||||
// 1. letters
|
|
||||||
// 2. underscore
|
|
||||||
// 3. numbers
|
|
||||||
//
|
|
||||||
// are allowed in the ID.
|
|
||||||
if !extension
|
|
||||||
.id
|
|
||||||
.chars()
|
|
||||||
.all(|c| c.is_ascii_alphabetic() || c == '_')
|
|
||||||
{
|
|
||||||
log::warn!(
|
|
||||||
"invalid extension [{}], [id] should contain only letters, numbers, or underscores",
|
|
||||||
extension.id
|
|
||||||
);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// If field `action` is Some, then it should be a Command
|
// If field `action` is Some, then it should be a Command
|
||||||
if extension.action.is_some() && extension.r#type != ExtensionType::Command {
|
if extension.action.is_some() && extension.r#type != ExtensionType::Command {
|
||||||
log::warn!(
|
log::warn!(
|
||||||
@@ -341,15 +322,6 @@ fn validate_extension_or_sub_item(extension: &Extension) -> bool {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// The author field should not be set
|
|
||||||
if extension.author.is_some() {
|
|
||||||
log::warn!(
|
|
||||||
"invalid extension [{}], unknown field [author]",
|
|
||||||
extension.id,
|
|
||||||
);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
true
|
true
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -421,7 +393,7 @@ impl ThirdPartyExtensionsSearchSource {
|
|||||||
bundle_id: &ExtensionBundleIdBorrowed<'_>,
|
bundle_id: &ExtensionBundleIdBorrowed<'_>,
|
||||||
) -> Option<&'lock mut Extension> {
|
) -> Option<&'lock mut Extension> {
|
||||||
let index = extensions_write_lock.iter().position(|ext| {
|
let index = extensions_write_lock.iter().position(|ext| {
|
||||||
ext.id == bundle_id.extension_id && ext.author.as_deref() == bundle_id.author
|
ext.id == bundle_id.extension_id && ext.developer.as_deref() == bundle_id.developer
|
||||||
})?;
|
})?;
|
||||||
|
|
||||||
let extension = extensions_write_lock
|
let extension = extensions_write_lock
|
||||||
@@ -659,7 +631,7 @@ impl ThirdPartyExtensionsSearchSource {
|
|||||||
Ok(())
|
Ok(())
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Initialize the third-party extensions, which literally means
|
/// Initialize the third-party extensions, which literally means
|
||||||
/// enabling/activating the enabled extensions.
|
/// enabling/activating the enabled extensions.
|
||||||
pub(super) async fn init(&self) -> Result<(), String> {
|
pub(super) async fn init(&self) -> Result<(), String> {
|
||||||
let extensions_read_lock = self.inner.extensions.read().await;
|
let extensions_read_lock = self.inner.extensions.read().await;
|
||||||
@@ -794,7 +766,7 @@ impl ThirdPartyExtensionsSearchSource {
|
|||||||
.iter()
|
.iter()
|
||||||
.find(|root_ext| {
|
.find(|root_ext| {
|
||||||
root_ext.id == bundle_id.extension_id
|
root_ext.id == bundle_id.extension_id
|
||||||
&& root_ext.author.as_deref() == bundle_id.author
|
&& root_ext.developer.as_deref() == bundle_id.developer
|
||||||
})
|
})
|
||||||
.ok_or_else(|| {
|
.ok_or_else(|| {
|
||||||
format!(
|
format!(
|
||||||
@@ -825,6 +797,51 @@ impl ThirdPartyExtensionsSearchSource {
|
|||||||
// 2. It is enabled
|
// 2. It is enabled
|
||||||
Ok(root_extension.enabled && sub_extension.enabled)
|
Ok(root_extension.enabled && sub_extension.enabled)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
pub(crate) async fn extension_exists(&self, developer: &str, extension_id: &str) -> bool {
|
||||||
|
let read_lock_guard = self.inner.extensions.read().await;
|
||||||
|
read_lock_guard
|
||||||
|
.iter()
|
||||||
|
.any(|ext| ext.developer.as_deref() == Some(developer) && ext.id == extension_id)
|
||||||
|
}
|
||||||
|
|
||||||
|
pub(crate) async fn add_extension(&self, extension: Extension) {
|
||||||
|
assert!(
|
||||||
|
extension.developer.is_some(),
|
||||||
|
"loaded third party extension should have its developer set"
|
||||||
|
);
|
||||||
|
|
||||||
|
let mut write_lock_guard = self.inner.extensions.write().await;
|
||||||
|
if write_lock_guard
|
||||||
|
.iter()
|
||||||
|
.any(|ext| ext.developer == extension.developer && ext.id == extension.id)
|
||||||
|
{
|
||||||
|
panic!(
|
||||||
|
"extension [{}/{}] already installed",
|
||||||
|
extension
|
||||||
|
.developer
|
||||||
|
.as_ref()
|
||||||
|
.expect("just checked it is Some"),
|
||||||
|
extension.id
|
||||||
|
);
|
||||||
|
}
|
||||||
|
write_lock_guard.push(extension);
|
||||||
|
}
|
||||||
|
|
||||||
|
pub(crate) async fn remove_extension(&self, developer: &str, extension_id: &str) {
|
||||||
|
let mut write_lock_guard = self.inner.extensions.write().await;
|
||||||
|
let Some(index) = write_lock_guard
|
||||||
|
.iter()
|
||||||
|
.position(|ext| ext.developer.as_deref() == Some(developer) && ext.id == extension_id)
|
||||||
|
else {
|
||||||
|
panic!(
|
||||||
|
"extension [{}/{}] not installed, but we are trying to remove it",
|
||||||
|
developer, extension_id
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
write_lock_guard.remove(index);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
pub(super) static THIRD_PARTY_EXTENSIONS_SEARCH_SOURCE: OnceLock<ThirdPartyExtensionsSearchSource> =
|
pub(super) static THIRD_PARTY_EXTENSIONS_SEARCH_SOURCE: OnceLock<ThirdPartyExtensionsSearchSource> =
|
||||||
@@ -955,7 +972,7 @@ fn extension_to_hit(
|
|||||||
// Score based on title match
|
// Score based on title match
|
||||||
// Title is considered more important, so it gets a higher weight.
|
// Title is considered more important, so it gets a higher weight.
|
||||||
if let Some(title_score) =
|
if let Some(title_score) =
|
||||||
calculate_text_similarity(&query_lower, &extension.title.to_lowercase())
|
calculate_text_similarity(&query_lower, &extension.name.to_lowercase())
|
||||||
{
|
{
|
||||||
total_score += title_score * 1.0; // Weight for title
|
total_score += title_score * 1.0; // Weight for title
|
||||||
}
|
}
|
||||||
@@ -980,7 +997,7 @@ fn extension_to_hit(
|
|||||||
|
|
||||||
let document = Document {
|
let document = Document {
|
||||||
id: extension.id.clone(),
|
id: extension.id.clone(),
|
||||||
title: Some(extension.title.clone()),
|
title: Some(extension.name.clone()),
|
||||||
icon: Some(extension.icon.clone()),
|
icon: Some(extension.icon.clone()),
|
||||||
on_opened: Some(on_opened),
|
on_opened: Some(on_opened),
|
||||||
url: Some(url),
|
url: Some(url),
|
||||||
|
|||||||
@@ -156,6 +156,9 @@ pub fn run() {
|
|||||||
extension::register_extension_hotkey,
|
extension::register_extension_hotkey,
|
||||||
extension::unregister_extension_hotkey,
|
extension::unregister_extension_hotkey,
|
||||||
extension::is_extension_enabled,
|
extension::is_extension_enabled,
|
||||||
|
extension::store::search_extension,
|
||||||
|
extension::store::install_extension,
|
||||||
|
extension::store::uninstall_extension,
|
||||||
settings::set_allow_self_signature,
|
settings::set_allow_self_signature,
|
||||||
settings::get_allow_self_signature,
|
settings::get_allow_self_signature,
|
||||||
assistant::ask_ai,
|
assistant::ask_ai,
|
||||||
@@ -396,7 +399,8 @@ fn move_window_to_active_monitor<R: Runtime>(window: &WebviewWindow<R>) {
|
|||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
async fn get_app_search_source<R: Runtime>(app_handle: AppHandle<R>) -> Result<(), String> {
|
async fn get_app_search_source<R: Runtime>(app_handle: AppHandle<R>) -> Result<(), String> {
|
||||||
let (_found_invalid_extensions, extensions) = extension::list_extensions()
|
// We want all the extensions here, so no filter condition specified.
|
||||||
|
let (_found_invalid_extensions, extensions) = extension::list_extensions(None, None, false)
|
||||||
.await
|
.await
|
||||||
.map_err(|e| e.to_string())?;
|
.map_err(|e| e.to_string())?;
|
||||||
extension::init_extensions(extensions).await?;
|
extension::init_extensions(extensions).await?;
|
||||||
|
|||||||
119
src/components/Common/DeleteDialog.tsx
Normal file
119
src/components/Common/DeleteDialog.tsx
Normal file
@@ -0,0 +1,119 @@
|
|||||||
|
import {
|
||||||
|
Button,
|
||||||
|
ButtonProps,
|
||||||
|
Description,
|
||||||
|
Dialog,
|
||||||
|
DialogPanel,
|
||||||
|
DialogTitle,
|
||||||
|
} from "@headlessui/react";
|
||||||
|
import { FC, KeyboardEvent } from "react";
|
||||||
|
import clsx from "clsx";
|
||||||
|
import { twMerge } from "tailwind-merge";
|
||||||
|
|
||||||
|
import VisibleKey from "./VisibleKey";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
|
||||||
|
interface DeleteDialogProps {
|
||||||
|
isOpen: boolean;
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
deleteButtonProps?: ButtonProps;
|
||||||
|
cancelButtonProps?: ButtonProps;
|
||||||
|
reverseButtonPosition?: boolean;
|
||||||
|
setIsOpen: (isOpen: boolean) => void;
|
||||||
|
onCancel: () => void;
|
||||||
|
onDelete: () => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
const DeleteDialog: FC<DeleteDialogProps> = (props) => {
|
||||||
|
const {
|
||||||
|
isOpen,
|
||||||
|
setIsOpen,
|
||||||
|
title,
|
||||||
|
description,
|
||||||
|
deleteButtonProps,
|
||||||
|
cancelButtonProps,
|
||||||
|
reverseButtonPosition,
|
||||||
|
onCancel,
|
||||||
|
onDelete,
|
||||||
|
} = props;
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
const handleEnter = (event: KeyboardEvent, fn: () => void) => {
|
||||||
|
if (event.code !== "Enter") return;
|
||||||
|
|
||||||
|
event.stopPropagation();
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
fn();
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Dialog
|
||||||
|
open={isOpen}
|
||||||
|
onClose={() => setIsOpen(false)}
|
||||||
|
className="relative z-1000"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
id="headlessui-popover-panel:delete-history"
|
||||||
|
className="fixed inset-0 flex items-center justify-center w-screen"
|
||||||
|
>
|
||||||
|
<DialogPanel className="flex flex-col justify-between w-[360px] h-[160px] p-3 text-[#333] dark:text-white/90 border border-[#e6e6e6] bg-white dark:bg-[#202126] dark:border-white/10 shadow-[0_4px_10px_rgba(0,0,0,0.2)] rounded-lg dark:shadow-[0_8px_20px_rgba(0,0,0,0.4)]">
|
||||||
|
<div className="flex flex-col gap-3">
|
||||||
|
<DialogTitle className="text-base font-bold">{title}</DialogTitle>
|
||||||
|
<Description className="text-sm">{description}</Description>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
className={clsx("flex gap-4 self-end", {
|
||||||
|
"flex-row-reverse": reverseButtonPosition,
|
||||||
|
})}
|
||||||
|
>
|
||||||
|
<VisibleKey
|
||||||
|
shortcut="N"
|
||||||
|
shortcutClassName="left-[unset] right-0"
|
||||||
|
onKeyPress={onCancel}
|
||||||
|
>
|
||||||
|
<Button
|
||||||
|
{...cancelButtonProps}
|
||||||
|
autoFocus
|
||||||
|
className={twMerge(
|
||||||
|
"h-8 px-4 text-sm text-[#666666] bg-[#F8F9FA] dark:text-white dark:bg-[#202126] border border-[#E6E6E6] dark:border-white/10 rounded-lg focus:border-black/30 dark:focus:border-white/50 transition",
|
||||||
|
cancelButtonProps?.className as string
|
||||||
|
)}
|
||||||
|
onClick={onCancel}
|
||||||
|
onKeyDown={(event) => {
|
||||||
|
handleEnter(event, onCancel);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{t("deleteDialog.button.cancel")}
|
||||||
|
</Button>
|
||||||
|
</VisibleKey>
|
||||||
|
|
||||||
|
<VisibleKey
|
||||||
|
shortcut="Y"
|
||||||
|
shortcutClassName="left-[unset] right-0"
|
||||||
|
onKeyPress={onDelete}
|
||||||
|
>
|
||||||
|
<Button
|
||||||
|
{...deleteButtonProps}
|
||||||
|
className={twMerge(
|
||||||
|
"h-8 px-4 text-sm text-white bg-[#EF4444] rounded-lg border border-[#EF4444] focus:border-black/30 dark:focus:border-white/50 transition",
|
||||||
|
deleteButtonProps?.className as string
|
||||||
|
)}
|
||||||
|
onClick={onDelete}
|
||||||
|
onKeyDown={(event) => {
|
||||||
|
handleEnter(event, onDelete);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{t("deleteDialog.button.delete")}
|
||||||
|
</Button>
|
||||||
|
</VisibleKey>
|
||||||
|
</div>
|
||||||
|
</DialogPanel>
|
||||||
|
</div>
|
||||||
|
</Dialog>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default DeleteDialog;
|
||||||
118
src/components/Common/SearchEmpty.tsx
Normal file
118
src/components/Common/SearchEmpty.tsx
Normal file
@@ -0,0 +1,118 @@
|
|||||||
|
import { useThemeStore } from "@/stores/themeStore";
|
||||||
|
import { FC } from "react";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
|
||||||
|
interface SearchEmptyProps {
|
||||||
|
width?: number;
|
||||||
|
height?: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
const SearchEmpty: FC<SearchEmptyProps> = (props) => {
|
||||||
|
const { width = 108, height } = props;
|
||||||
|
const { isDark } = useThemeStore();
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col items-center gap-4">
|
||||||
|
<svg
|
||||||
|
width={width}
|
||||||
|
height={height}
|
||||||
|
viewBox="0 0 110 74"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||||
|
>
|
||||||
|
<title>编组 7</title>
|
||||||
|
<g
|
||||||
|
id="插件商店"
|
||||||
|
stroke="none"
|
||||||
|
strokeWidth="1"
|
||||||
|
fill="none"
|
||||||
|
fillRule="evenodd"
|
||||||
|
>
|
||||||
|
<g
|
||||||
|
id="无结果"
|
||||||
|
transform="translate(-285, -238)"
|
||||||
|
stroke={isDark ? "#666" : "#999"}
|
||||||
|
strokeWidth="2"
|
||||||
|
>
|
||||||
|
<g id="编组-7" transform="translate(286.0008, 239)">
|
||||||
|
<path
|
||||||
|
d="M13.3231659,21.5136996 C13.3231659,19.3007352 13.3231659,14.8686653 13.3231659,8.21749008 C13.3231659,3.67909563 17.0122442,0 21.5629529,0 L88.2118384,0 C92.7625471,0 96.4516254,3.67909563 96.4516254,8.21749008 C96.4516254,10.094192 96.4516254,11.5017184 96.4516254,12.4400693 M96.4516254,51.9326386 C96.4516254,53.9261881 96.4516254,57.8761452 96.4516254,63.7825099 C96.4516254,68.3209044 92.7625471,72 88.2118384,72 L21.5629529,72 C17.0122442,72 13.3231659,68.3209044 13.3231659,63.7825099 L13.3231659,60.938714"
|
||||||
|
id="形状"
|
||||||
|
strokeDasharray="7,3"
|
||||||
|
></path>
|
||||||
|
<ellipse
|
||||||
|
id="椭圆形备份"
|
||||||
|
cx="81.1877607"
|
||||||
|
cy="29.2037781"
|
||||||
|
rx="18.4438929"
|
||||||
|
ry="18.182295"
|
||||||
|
></ellipse>
|
||||||
|
<line
|
||||||
|
x1="94.7817074"
|
||||||
|
y1="42.614832"
|
||||||
|
x2="108"
|
||||||
|
y2="55.6552859"
|
||||||
|
id="路径-4备份"
|
||||||
|
strokeLinecap="round"
|
||||||
|
></line>
|
||||||
|
<path
|
||||||
|
d="M10.5844571,27.5074364 C16.6773969,25.9924085 23.1773619,29.6710245 27.386048,36.2620174 C22.1657703,35.1830338 16.8575124,35.21291 11.6484221,36.5081661 C7.41338948,37.5612222 3.51420993,39.3834599 -0.000291581531,41.8525859 C0.923937746,34.6468262 4.82125546,28.9404773 10.5844571,27.5074364 Z"
|
||||||
|
id="形状结合备份-7"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M37.8969953,26.1959104 C43.5101629,25.7114352 48.6739265,29.2024386 51.2337447,34.5954621 C47.1674647,33.4803904 42.8983353,33.0573353 38.538847,33.4336049 C34.1798035,33.8098457 30.0503934,34.9576309 26.2420368,36.7514978 C27.813275,31.0027019 32.2840091,26.6803824 37.8969953,26.1959104 Z"
|
||||||
|
id="形状结合备份-8"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M31.539458,18.2001402 C36.5615365,15.6541096 42.6600468,16.9613729 47.0591458,21.0046327 C42.8699689,21.4911269 38.7533829,22.6937278 34.8532022,24.6709927 C30.9523581,26.6486264 27.5543743,29.2560064 24.6969024,32.3425899 C23.9951662,26.4249906 26.5167961,20.7465085 31.539458,18.2001402 Z"
|
||||||
|
id="形状结合备份-11"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
transform="translate(35.821, 24.6183) rotate(-12) translate(-35.821, -24.6183)"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M10.5436753,41.4266578 C14.7331796,36.1358502 21.2661914,34.5295217 27.1728604,36.6822627 C23.0525507,39.325329 19.2570765,42.737484 15.9487291,46.9155032 C12.640202,51.0937495 10.0569324,55.7372814 8.18485826,60.662697 C5.65340555,54.2465445 6.3541482,46.7174943 10.5436753,41.4266578 Z"
|
||||||
|
id="形状结合备份-9"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M26.9124079,37.8021241 C31.7762268,33.9875103 38.3818206,33.4524199 44.0035888,37.0544707 C49.6980215,40.7030801 52.8264479,47.5991177 52.5343362,54.4887727 C49.1502233,50.435903 45.1867531,46.8795531 40.6898778,43.9982579 C36.1927406,41.116795 31.4857464,39.1178133 26.7239231,37.952533 Z"
|
||||||
|
id="形状结合备份-10"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M25.2800001,38.5113791 C28.9578107,48.5878922 28.4367035,59.4047936 23.7166785,70.9620834"
|
||||||
|
id="路径-7备份-2"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M29.8677805,38.5132245 C35.0745191,48.0589279 36.9874556,58.8758293 35.60659,70.9639287"
|
||||||
|
id="路径-7备份-3"
|
||||||
|
></path>
|
||||||
|
<line
|
||||||
|
x1="28.2081316"
|
||||||
|
y1="51.976707"
|
||||||
|
x2="30.2418038"
|
||||||
|
y2="51.976707"
|
||||||
|
id="路径-2"
|
||||||
|
></line>
|
||||||
|
<line
|
||||||
|
x1="28.2081316"
|
||||||
|
y1="57.0471296"
|
||||||
|
x2="31.2586399"
|
||||||
|
y2="57.0471296"
|
||||||
|
id="路径-2备份"
|
||||||
|
></line>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
<span className="text-sm text-[#999]">{t("search.main.noResults")}</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default SearchEmpty;
|
||||||
@@ -18,6 +18,7 @@ import source_default_img from "@/assets/images/source_default.png";
|
|||||||
import source_default_dark_img from "@/assets/images/source_default_dark.png";
|
import source_default_dark_img from "@/assets/images/source_default_dark.png";
|
||||||
import { useThemeStore } from "@/stores/themeStore";
|
import { useThemeStore } from "@/stores/themeStore";
|
||||||
import platformAdapter from "@/utils/platformAdapter";
|
import platformAdapter from "@/utils/platformAdapter";
|
||||||
|
import FontIcon from "../Icons/FontIcon";
|
||||||
|
|
||||||
interface FooterProps {
|
interface FooterProps {
|
||||||
setIsPinnedWeb?: (value: boolean) => void;
|
setIsPinnedWeb?: (value: boolean) => void;
|
||||||
@@ -26,7 +27,13 @@ interface FooterProps {
|
|||||||
export default function Footer({ setIsPinnedWeb }: FooterProps) {
|
export default function Footer({ setIsPinnedWeb }: FooterProps) {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
|
||||||
const { sourceData, goAskAi } = useSearchStore();
|
const {
|
||||||
|
sourceData,
|
||||||
|
goAskAi,
|
||||||
|
selectedExtension,
|
||||||
|
visibleExtensionStore,
|
||||||
|
visibleExtensionDetail,
|
||||||
|
} = useSearchStore();
|
||||||
|
|
||||||
const isDark = useThemeStore((state) => state.isDark);
|
const isDark = useThemeStore((state) => state.isDark);
|
||||||
|
|
||||||
@@ -56,6 +63,63 @@ export default function Footer({ setIsPinnedWeb }: FooterProps) {
|
|||||||
return platformAdapter.emitEvent("open_settings", "");
|
return platformAdapter.emitEvent("open_settings", "");
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
const renderLeft = () => {
|
||||||
|
if (sourceData?.source?.name) {
|
||||||
|
return (
|
||||||
|
<CommonIcon
|
||||||
|
item={sourceData}
|
||||||
|
renderOrder={["connector_icon", "default_icon"]}
|
||||||
|
itemIcon={sourceData?.source?.icon}
|
||||||
|
defaultIcon={isDark ? source_default_dark_img : source_default_img}
|
||||||
|
className="w-4 h-4"
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (visibleExtensionDetail && selectedExtension) {
|
||||||
|
return (
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<img src={selectedExtension.icon} />
|
||||||
|
<span className="text-sm">{selectedExtension.name}</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (visibleExtensionStore) {
|
||||||
|
return (
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<FontIcon name="font_Store" className="size-5" />
|
||||||
|
<span className="text-sm">Extension Store</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<img
|
||||||
|
src={logoImg}
|
||||||
|
className="w-4 h-4 cursor-pointer"
|
||||||
|
onClick={openSetting}
|
||||||
|
alt={t("search.footer.logoAlt")}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div className="relative text-xs text-gray-500 dark:text-gray-400">
|
||||||
|
{updateInfo?.available ? (
|
||||||
|
<div className="cursor-pointer" onClick={() => setVisible(true)}>
|
||||||
|
<span>{t("search.footer.updateAvailable")}</span>
|
||||||
|
<span className="absolute top-0 -right-2 size-1.5 bg-[#FF3434] rounded-full"></span>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
sourceData?.source?.name ||
|
||||||
|
t("search.footer.version", {
|
||||||
|
version: process.env.VERSION || "v1.0.0",
|
||||||
|
})
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
data-tauri-drag-region={isTauri}
|
data-tauri-drag-region={isTauri}
|
||||||
@@ -64,40 +128,7 @@ export default function Footer({ setIsPinnedWeb }: FooterProps) {
|
|||||||
{isTauri ? (
|
{isTauri ? (
|
||||||
<div className="flex items-center">
|
<div className="flex items-center">
|
||||||
<div className="flex items-center space-x-2">
|
<div className="flex items-center space-x-2">
|
||||||
{sourceData?.source?.name ? (
|
{renderLeft()}
|
||||||
<CommonIcon
|
|
||||||
item={sourceData}
|
|
||||||
renderOrder={["connector_icon", "default_icon"]}
|
|
||||||
itemIcon={sourceData?.source?.icon}
|
|
||||||
defaultIcon={
|
|
||||||
isDark ? source_default_dark_img : source_default_img
|
|
||||||
}
|
|
||||||
className="w-4 h-4"
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<img
|
|
||||||
src={logoImg}
|
|
||||||
className="w-4 h-4 cursor-pointer"
|
|
||||||
onClick={openSetting}
|
|
||||||
alt={t("search.footer.logoAlt")}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<div className="relative text-xs text-gray-500 dark:text-gray-400">
|
|
||||||
{updateInfo?.available ? (
|
|
||||||
<div
|
|
||||||
className="cursor-pointer"
|
|
||||||
onClick={() => setVisible(true)}
|
|
||||||
>
|
|
||||||
<span>{t("search.footer.updateAvailable")}</span>
|
|
||||||
<span className="absolute top-0 -right-2 size-1.5 bg-[#FF3434] rounded-full"></span>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
sourceData?.source?.name ||
|
|
||||||
t("search.footer.version", {
|
|
||||||
version: process.env.VERSION || "v1.0.0",
|
|
||||||
})
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button
|
<button
|
||||||
onClick={togglePin}
|
onClick={togglePin}
|
||||||
@@ -117,12 +148,20 @@ export default function Footer({ setIsPinnedWeb }: FooterProps) {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<div className={`flex mobile:hidden items-center gap-3`}>
|
<div className={`flex mobile:hidden items-center gap-3`}>
|
||||||
<div className="gap-1 flex items-center text-[#666] dark:text-[#666] text-xs">
|
<div
|
||||||
|
className={clsx(
|
||||||
|
"gap-1 flex items-center text-[#666] dark:text-[#666] text-xs",
|
||||||
|
{
|
||||||
|
hidden: visibleExtensionDetail || selectedExtension?.installed,
|
||||||
|
}
|
||||||
|
)}
|
||||||
|
>
|
||||||
<span className="mr-1.5">
|
<span className="mr-1.5">
|
||||||
{goAskAi
|
{goAskAi
|
||||||
? t("search.askCocoAi.continueInChat")
|
? t("search.askCocoAi.continueInChat")
|
||||||
|
: !selectedExtension?.installed
|
||||||
|
? t("search.footer.install")
|
||||||
: t("search.footer.select")}
|
: t("search.footer.select")}
|
||||||
:
|
|
||||||
</span>
|
</span>
|
||||||
<kbd className="coco-modal-footer-commands-key pr-1">
|
<kbd className="coco-modal-footer-commands-key pr-1">
|
||||||
<div className="flex items-center justify-center min-w-3 h-3">
|
<div className="flex items-center justify-center min-w-3 h-3">
|
||||||
@@ -131,16 +170,30 @@ export default function Footer({ setIsPinnedWeb }: FooterProps) {
|
|||||||
</kbd>
|
</kbd>
|
||||||
+
|
+
|
||||||
<kbd className="coco-modal-footer-commands-key pr-1">
|
<kbd className="coco-modal-footer-commands-key pr-1">
|
||||||
{goAskAi ? (
|
{goAskAi || selectedExtension ? (
|
||||||
<CornerDownLeft className="w-3 h-3" />
|
<CornerDownLeft className="w-3 h-3" />
|
||||||
) : (
|
) : (
|
||||||
<ArrowDown01 className="w-3 h-3" />
|
<ArrowDown01 className="w-3 h-3" />
|
||||||
)}
|
)}
|
||||||
</kbd>
|
</kbd>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center text-[#666] dark:text-[#666] text-xs">
|
|
||||||
|
<div
|
||||||
|
className={clsx(
|
||||||
|
"flex items-center text-[#666] dark:text-[#666] text-xs",
|
||||||
|
{
|
||||||
|
hidden: visibleExtensionDetail && selectedExtension?.installed,
|
||||||
|
}
|
||||||
|
)}
|
||||||
|
>
|
||||||
<span className="mr-1.5">
|
<span className="mr-1.5">
|
||||||
{goAskAi ? t("search.askCocoAi.copy") : t("search.footer.open")}:{" "}
|
{goAskAi
|
||||||
|
? t("search.askCocoAi.copy")
|
||||||
|
: visibleExtensionDetail && !selectedExtension?.installed
|
||||||
|
? t("search.footer.install")
|
||||||
|
: visibleExtensionStore
|
||||||
|
? t("search.footer.details")
|
||||||
|
: t("search.footer.open")}
|
||||||
</span>
|
</span>
|
||||||
<kbd className="coco-modal-footer-commands-key pr-1">
|
<kbd className="coco-modal-footer-commands-key pr-1">
|
||||||
<CornerDownLeft className="w-3 h-3" />
|
<CornerDownLeft className="w-3 h-3" />
|
||||||
|
|||||||
@@ -2,9 +2,9 @@ import { useTranslation } from "react-i18next";
|
|||||||
|
|
||||||
import { isMac } from "@/utils/platform";
|
import { isMac } from "@/utils/platform";
|
||||||
import { useShortcutsStore } from "@/stores/shortcutsStore";
|
import { useShortcutsStore } from "@/stores/shortcutsStore";
|
||||||
import noDataImg from "@/assets/coconut-tree.png";
|
|
||||||
import clsx from "clsx";
|
import clsx from "clsx";
|
||||||
import { formatKey } from "@/utils/keyboardUtils";
|
import { formatKey } from "@/utils/keyboardUtils";
|
||||||
|
import SearchEmpty from "../SearchEmpty";
|
||||||
|
|
||||||
export const NoResults = () => {
|
export const NoResults = () => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
@@ -17,10 +17,8 @@ export const NoResults = () => {
|
|||||||
data-tauri-drag-region
|
data-tauri-drag-region
|
||||||
className="h-full w-full flex flex-col justify-center items-center"
|
className="h-full w-full flex flex-col justify-center items-center"
|
||||||
>
|
>
|
||||||
<img src={noDataImg} alt="no-data" className="w-16 h-16" />
|
<SearchEmpty />
|
||||||
<div className="mt-4 text-sm text-[#999] dark:text-[#666]">
|
|
||||||
{t("search.main.noResults")}
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
className={`flex mobile:hidden mt-10 text-sm text-[#333] dark:text-[#D8D8D8]`}
|
className={`flex mobile:hidden mt-10 text-sm text-[#333] dark:text-[#D8D8D8]`}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { useCallback, useRef, useMemo, useState } from "react";
|
import { useCallback, useRef, useMemo, useState, useEffect } from "react";
|
||||||
import { cloneDeep, isEmpty } from "lodash-es";
|
import { cloneDeep, isEmpty } from "lodash-es";
|
||||||
|
|
||||||
import { useSearchStore } from "@/stores/searchStore";
|
import { useSearchStore } from "@/stores/searchStore";
|
||||||
@@ -23,8 +23,17 @@ export function useAssistantManager({
|
|||||||
}: AssistantManagerProps) {
|
}: AssistantManagerProps) {
|
||||||
const isTauri = useAppStore((state) => state.isTauri);
|
const isTauri = useAppStore((state) => state.isTauri);
|
||||||
|
|
||||||
const { goAskAi, setGoAskAi, setAskAiMessage, selectedAssistant } =
|
const {
|
||||||
useSearchStore();
|
goAskAi,
|
||||||
|
setGoAskAi,
|
||||||
|
setAskAiMessage,
|
||||||
|
selectedAssistant,
|
||||||
|
selectedSearchContent,
|
||||||
|
visibleExtensionStore,
|
||||||
|
setVisibleExtensionStore,
|
||||||
|
setSearchValue,
|
||||||
|
visibleExtensionDetail,
|
||||||
|
} = useSearchStore();
|
||||||
|
|
||||||
const { quickAiAccessAssistant, disabledExtensions } = useExtensionsStore();
|
const { quickAiAccessAssistant, disabledExtensions } = useExtensionsStore();
|
||||||
|
|
||||||
@@ -78,29 +87,63 @@ export function useAssistantManager({
|
|||||||
setGoAskAi(true);
|
setGoAskAi(true);
|
||||||
}, [disabledExtensions, askAI, inputValue, goAskAi, selectedAssistant]);
|
}, [disabledExtensions, askAI, inputValue, goAskAi, selectedAssistant]);
|
||||||
|
|
||||||
const handleKeyDownAutoResizeTextarea = useCallback((
|
const handleKeyDownAutoResizeTextarea = useCallback(
|
||||||
e: React.KeyboardEvent<HTMLTextAreaElement>
|
(e: React.KeyboardEvent<HTMLTextAreaElement>) => {
|
||||||
) => {
|
const { key, shiftKey, currentTarget } = e;
|
||||||
const { key, shiftKey, currentTarget } = e;
|
const { value } = currentTarget;
|
||||||
const { value } = currentTarget;
|
|
||||||
|
|
||||||
if (key === "Backspace" && value === "") {
|
if (key === "Backspace" && value === "") {
|
||||||
return setGoAskAi(false);
|
return setGoAskAi(false);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (key === "Tab" && !isChatMode && isTauri) {
|
if (key === "Tab" && !isChatMode && isTauri) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
assistant_get();
|
if (visibleExtensionStore) return;
|
||||||
return handleAskAi();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (key === "Enter" && !shiftKey && !isChatMode && isTauri) {
|
if (selectedSearchContent?.id === "extension_store") {
|
||||||
e.preventDefault();
|
changeInput("");
|
||||||
|
setSearchValue("");
|
||||||
|
return setVisibleExtensionStore(true);
|
||||||
|
}
|
||||||
|
|
||||||
goAskAi ? handleAskAi() : handleSubmit();
|
assistant_get();
|
||||||
}
|
return handleAskAi();
|
||||||
}, [isChatMode, goAskAi, assistant_get, handleAskAi, handleSubmit]);
|
}
|
||||||
|
|
||||||
|
if (key === "Enter" && !shiftKey && !isChatMode && isTauri) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
goAskAi ? handleAskAi() : handleSubmit();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
[
|
||||||
|
isChatMode,
|
||||||
|
goAskAi,
|
||||||
|
assistant_get,
|
||||||
|
handleAskAi,
|
||||||
|
handleSubmit,
|
||||||
|
selectedSearchContent,
|
||||||
|
]
|
||||||
|
);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const unlisten = platformAdapter.listenEvent("open-extension-store", () => {
|
||||||
|
platformAdapter.showWindow();
|
||||||
|
|
||||||
|
if (visibleExtensionStore || visibleExtensionDetail) return;
|
||||||
|
|
||||||
|
changeInput("");
|
||||||
|
setSearchValue("");
|
||||||
|
setVisibleExtensionStore(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
unlisten.then((fn) => {
|
||||||
|
fn();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
}, [visibleExtensionStore, visibleExtensionDetail]);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
askAI,
|
askAI,
|
||||||
|
|||||||
@@ -1,8 +1,16 @@
|
|||||||
import { useClickAway, useCreation, useReactive } from "ahooks";
|
import { useClickAway, useCreation, useReactive } from "ahooks";
|
||||||
import clsx from "clsx";
|
import clsx from "clsx";
|
||||||
import { isNil, lowerCase, noop } from "lodash-es";
|
import { isNil, lowerCase, noop } from "lodash-es";
|
||||||
import { Copy, Link, SquareArrowOutUpRight } from "lucide-react";
|
import {
|
||||||
import { cloneElement, FC, useEffect, useRef, useState } from "react";
|
Copy,
|
||||||
|
Download,
|
||||||
|
Info,
|
||||||
|
Link,
|
||||||
|
Settings,
|
||||||
|
SquareArrowOutUpRight,
|
||||||
|
Trash2,
|
||||||
|
} from "lucide-react";
|
||||||
|
import { cloneElement, useEffect, useRef, useState } from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { Input } from "@headlessui/react";
|
import { Input } from "@headlessui/react";
|
||||||
|
|
||||||
@@ -19,9 +27,7 @@ interface State {
|
|||||||
activeMenuIndex: number;
|
activeMenuIndex: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
interface ContextMenuProps {}
|
const ContextMenu = () => {
|
||||||
|
|
||||||
const ContextMenu: FC<ContextMenuProps> = () => {
|
|
||||||
const containerRef = useRef<HTMLDivElement>(null);
|
const containerRef = useRef<HTMLDivElement>(null);
|
||||||
const { t, i18n } = useTranslation();
|
const { t, i18n } = useTranslation();
|
||||||
const state = useReactive<State>({
|
const state = useReactive<State>({
|
||||||
@@ -39,28 +45,77 @@ const ContextMenu: FC<ContextMenuProps> = () => {
|
|||||||
});
|
});
|
||||||
const [searchMenus, setSearchMenus] = useState<typeof menus>([]);
|
const [searchMenus, setSearchMenus] = useState<typeof menus>([]);
|
||||||
const searchInputRef = useRef<HTMLInputElement>(null);
|
const searchInputRef = useRef<HTMLInputElement>(null);
|
||||||
|
const { selectedExtension, setVisibleExtensionDetail } = useSearchStore();
|
||||||
|
|
||||||
const title = useCreation(() => {
|
const title = useCreation(() => {
|
||||||
|
if (selectedExtension) {
|
||||||
|
return selectedExtension.name;
|
||||||
|
}
|
||||||
|
|
||||||
if (selectedSearchContent?.id === "Calculator") {
|
if (selectedSearchContent?.id === "Calculator") {
|
||||||
return t("search.contextMenu.title.calculator");
|
return t("search.contextMenu.title.calculator");
|
||||||
}
|
}
|
||||||
|
|
||||||
return selectedSearchContent?.title;
|
return selectedSearchContent?.title;
|
||||||
}, [selectedSearchContent]);
|
}, [selectedSearchContent, selectedExtension]);
|
||||||
|
|
||||||
const menus = useCreation(() => {
|
const menus = useCreation(() => {
|
||||||
if (isNil(selectedSearchContent)) return [];
|
if (selectedExtension) {
|
||||||
|
return [
|
||||||
const { url, category, type, payload } = selectedSearchContent;
|
{
|
||||||
const { query, result } = payload ?? {};
|
name: t("search.contextMenu.details"),
|
||||||
|
icon: <Info />,
|
||||||
if (category === "AI Overview") {
|
keys: isMac ? ["↩︎"] : ["Enter"],
|
||||||
setSearchMenus([]);
|
shortcut: "enter",
|
||||||
|
clickEvent() {
|
||||||
|
setVisibleExtensionDetail(true);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: t("search.contextMenu.install"),
|
||||||
|
icon: <Download />,
|
||||||
|
keys: isMac ? ["⌘", "↩︎"] : ["Ctrl", "Enter"],
|
||||||
|
shortcut: isMac ? "meta.enter" : "ctrl.enter",
|
||||||
|
hide: selectedExtension.installed,
|
||||||
|
clickEvent() {
|
||||||
|
platformAdapter.emitEvent("install-extension");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: t("search.contextMenu.configureExtension"),
|
||||||
|
icon: <Settings />,
|
||||||
|
keys: isMac ? ["⌘", "/"] : ["Ctrl", "/"],
|
||||||
|
shortcut: isMac ? "meta.forwardslash" : "ctrl.forwardslash",
|
||||||
|
hide: !selectedExtension.installed,
|
||||||
|
clickEvent() {
|
||||||
|
platformAdapter.emitEvent("config-extension", selectedExtension.id);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: t("search.contextMenu.uninstall"),
|
||||||
|
icon: <Trash2 />,
|
||||||
|
keys: isMac ? ["⌘", "X"] : ["Ctrl", "X"],
|
||||||
|
shortcut: isMac ? "meta.x" : "ctrl.x",
|
||||||
|
hide: !selectedExtension.installed,
|
||||||
|
clickEvent() {
|
||||||
|
platformAdapter.emitEvent("uninstall-extension");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isNil(selectedSearchContent)) {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
|
|
||||||
const menus = [
|
const { id, url, category, type, payload } = selectedSearchContent;
|
||||||
|
const { query, result } = payload ?? {};
|
||||||
|
|
||||||
|
if (category === "AI Overview") {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
return [
|
||||||
{
|
{
|
||||||
name: t("search.contextMenu.open"),
|
name: t("search.contextMenu.open"),
|
||||||
icon: <SquareArrowOutUpRight />,
|
icon: <SquareArrowOutUpRight />,
|
||||||
@@ -76,7 +131,10 @@ const ContextMenu: FC<ContextMenuProps> = () => {
|
|||||||
icon: <Link />,
|
icon: <Link />,
|
||||||
keys: isMac ? ["⌘", "L"] : ["Ctrl", "L"],
|
keys: isMac ? ["⌘", "L"] : ["Ctrl", "L"],
|
||||||
shortcut: isMac ? "meta.l" : "ctrl.l",
|
shortcut: isMac ? "meta.l" : "ctrl.l",
|
||||||
hide: category === "Calculator" || type === "AI Assistant",
|
hide:
|
||||||
|
category === "Calculator" ||
|
||||||
|
type === "AI Assistant" ||
|
||||||
|
id === "extension_store",
|
||||||
clickEvent() {
|
clickEvent() {
|
||||||
copyToClipboard(url);
|
copyToClipboard(url);
|
||||||
},
|
},
|
||||||
@@ -95,7 +153,7 @@ const ContextMenu: FC<ContextMenuProps> = () => {
|
|||||||
name: t("search.contextMenu.copyUppercaseAnswer"),
|
name: t("search.contextMenu.copyUppercaseAnswer"),
|
||||||
icon: <Copy />,
|
icon: <Copy />,
|
||||||
keys: isMac ? ["⌘", "↩︎"] : ["Ctrl", "Enter"],
|
keys: isMac ? ["⌘", "↩︎"] : ["Ctrl", "Enter"],
|
||||||
shortcut: "meta.enter",
|
shortcut: isMac ? "meta.enter" : "ctrl.enter",
|
||||||
hide: category !== "Calculator",
|
hide: category !== "Calculator",
|
||||||
clickEvent() {
|
clickEvent() {
|
||||||
copyToClipboard(i18n.language === "zh" ? result.toZh : result.toEn);
|
copyToClipboard(i18n.language === "zh" ? result.toZh : result.toEn);
|
||||||
@@ -105,24 +163,24 @@ const ContextMenu: FC<ContextMenuProps> = () => {
|
|||||||
name: t("search.contextMenu.copyQuestionAndAnswer"),
|
name: t("search.contextMenu.copyQuestionAndAnswer"),
|
||||||
icon: <Copy />,
|
icon: <Copy />,
|
||||||
keys: isMac ? ["⌘", "L"] : ["Ctrl", "L"],
|
keys: isMac ? ["⌘", "L"] : ["Ctrl", "L"],
|
||||||
shortcut: "meta.l",
|
shortcut: isMac ? "meta.l" : "ctrl+l",
|
||||||
hide: category !== "Calculator",
|
hide: category !== "Calculator",
|
||||||
clickEvent() {
|
clickEvent() {
|
||||||
copyToClipboard(`${query.value} = ${result.value}`);
|
copyToClipboard(`${query.value} = ${result.value}`);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
}, [selectedSearchContent, selectedExtension]);
|
||||||
|
|
||||||
const filterMenus = menus.filter((item) => !item.hide);
|
useEffect(() => {
|
||||||
|
const filterMenus = menus.filter((item) => !item?.hide);
|
||||||
|
|
||||||
setSearchMenus(filterMenus);
|
setSearchMenus(filterMenus);
|
||||||
|
}, [menus]);
|
||||||
return filterMenus;
|
|
||||||
}, [selectedSearchContent]);
|
|
||||||
|
|
||||||
const shortcuts = useCreation(() => {
|
const shortcuts = useCreation(() => {
|
||||||
return menus.map((item) => item.shortcut);
|
return searchMenus.map((item) => item.shortcut);
|
||||||
}, [menus]);
|
}, [searchMenus]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
state.activeMenuIndex = 0;
|
state.activeMenuIndex = 0;
|
||||||
@@ -134,8 +192,8 @@ const ContextMenu: FC<ContextMenuProps> = () => {
|
|||||||
}
|
}
|
||||||
}, [selectedSearchContent]);
|
}, [selectedSearchContent]);
|
||||||
|
|
||||||
useOSKeyPress(["meta.k", "ctrl.k"], () => {
|
useOSKeyPress(["meta.k", "ctrl+k"], () => {
|
||||||
if (isNil(selectedSearchContent)) return;
|
if (isNil(selectedSearchContent) && isNil(selectedExtension)) return;
|
||||||
|
|
||||||
setVisibleContextMenu(!visibleContextMenu);
|
setVisibleContextMenu(!visibleContextMenu);
|
||||||
});
|
});
|
||||||
@@ -148,7 +206,7 @@ const ContextMenu: FC<ContextMenuProps> = () => {
|
|||||||
if (!visibleContextMenu) return;
|
if (!visibleContextMenu) return;
|
||||||
|
|
||||||
const index = state.activeMenuIndex;
|
const index = state.activeMenuIndex;
|
||||||
const length = menus.length;
|
const length = searchMenus.length;
|
||||||
|
|
||||||
switch (key) {
|
switch (key) {
|
||||||
case "uparrow":
|
case "uparrow":
|
||||||
@@ -166,9 +224,9 @@ const ContextMenu: FC<ContextMenuProps> = () => {
|
|||||||
let matched;
|
let matched;
|
||||||
|
|
||||||
if (key === "enter") {
|
if (key === "enter") {
|
||||||
matched = menus.find((_, index) => index === state.activeMenuIndex);
|
matched = searchMenus.find((_, index) => index === state.activeMenuIndex);
|
||||||
} else {
|
} else {
|
||||||
matched = menus.find((item) => item.shortcut === key);
|
matched = searchMenus.find((item) => item.shortcut === key);
|
||||||
}
|
}
|
||||||
|
|
||||||
handleClick(matched?.clickEvent);
|
handleClick(matched?.clickEvent);
|
||||||
@@ -181,7 +239,9 @@ const ContextMenu: FC<ContextMenuProps> = () => {
|
|||||||
const handleClick = (click = noop) => {
|
const handleClick = (click = noop) => {
|
||||||
click?.();
|
click?.();
|
||||||
|
|
||||||
setVisibleContextMenu(false);
|
requestAnimationFrame(() => {
|
||||||
|
setVisibleContextMenu(false);
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -272,11 +332,11 @@ const ContextMenu: FC<ContextMenuProps> = () => {
|
|||||||
onChange={(event) => {
|
onChange={(event) => {
|
||||||
const value = specialCharacterFiltering(event.target.value);
|
const value = specialCharacterFiltering(event.target.value);
|
||||||
|
|
||||||
const searchMenus = menus.filter((item) => {
|
setSearchMenus((prev) => {
|
||||||
return lowerCase(item.name).includes(lowerCase(value));
|
return prev.filter((item) => {
|
||||||
|
return lowerCase(item.name).includes(lowerCase(value));
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
setSearchMenus(searchMenus);
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</VisibleKey>
|
</VisibleKey>
|
||||||
|
|||||||
@@ -4,13 +4,13 @@ import { useTranslation } from "react-i18next";
|
|||||||
|
|
||||||
import { useSearchStore } from "@/stores/searchStore";
|
import { useSearchStore } from "@/stores/searchStore";
|
||||||
import { SearchHeader } from "./SearchHeader";
|
import { SearchHeader } from "./SearchHeader";
|
||||||
import noDataImg from "@/assets/coconut-tree.png";
|
|
||||||
import { metaOrCtrlKey } from "@/utils/keyboardUtils";
|
import { metaOrCtrlKey } from "@/utils/keyboardUtils";
|
||||||
import SearchListItem from "./SearchListItem";
|
import SearchListItem from "./SearchListItem";
|
||||||
import platformAdapter from "@/utils/platformAdapter";
|
import platformAdapter from "@/utils/platformAdapter";
|
||||||
import { Get } from "@/api/axiosRequest";
|
import { Get } from "@/api/axiosRequest";
|
||||||
import { useAppStore } from "@/stores/appStore";
|
import { useAppStore } from "@/stores/appStore";
|
||||||
import { useConnectStore } from "@/stores/connectStore";
|
import { useConnectStore } from "@/stores/connectStore";
|
||||||
|
import SearchEmpty from "../Common/SearchEmpty";
|
||||||
|
|
||||||
interface DocumentListProps {
|
interface DocumentListProps {
|
||||||
onSelectDocument: (id: string) => void;
|
onSelectDocument: (id: string) => void;
|
||||||
@@ -255,16 +255,9 @@ export const DocumentList: React.FC<DocumentListProps> = ({
|
|||||||
{!loading && (!data?.list || data.list.length === 0) && (
|
{!loading && (!data?.list || data.list.length === 0) && (
|
||||||
<div
|
<div
|
||||||
data-tauri-drag-region
|
data-tauri-drag-region
|
||||||
className="h-full w-full flex flex-col items-center"
|
className="h-full w-full flex flex-col justify-center items-center"
|
||||||
>
|
>
|
||||||
<img
|
<SearchEmpty />
|
||||||
src={noDataImg}
|
|
||||||
alt={t("search.list.noDataAlt")}
|
|
||||||
className="w-16 h-16 mt-24"
|
|
||||||
/>
|
|
||||||
<div className="mt-4 text-sm text-[#999] dark:text-[#666]">
|
|
||||||
{t("search.list.noResults")}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
175
src/components/Search/ExtensionDetail.tsx
Normal file
175
src/components/Search/ExtensionDetail.tsx
Normal file
@@ -0,0 +1,175 @@
|
|||||||
|
import { useSearchStore } from "@/stores/searchStore";
|
||||||
|
import { Button } from "@headlessui/react";
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import {
|
||||||
|
CircleCheck,
|
||||||
|
Download,
|
||||||
|
FolderDown,
|
||||||
|
GitFork,
|
||||||
|
Loader,
|
||||||
|
Trash2,
|
||||||
|
User,
|
||||||
|
} from "lucide-react";
|
||||||
|
import { FC, useState } from "react";
|
||||||
|
|
||||||
|
import DeleteDialog from "../Common/DeleteDialog";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
|
||||||
|
interface ExtensionDetailProps {
|
||||||
|
onInstall: () => void;
|
||||||
|
onUninstall: () => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
const ExtensionDetail: FC<ExtensionDetailProps> = (props) => {
|
||||||
|
const { onInstall, onUninstall } = props;
|
||||||
|
const { selectedExtension, installingExtensions } = useSearchStore();
|
||||||
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
const handleCancel = () => {
|
||||||
|
setIsOpen(false);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDelete = () => {
|
||||||
|
onUninstall();
|
||||||
|
|
||||||
|
setIsOpen(false);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
selectedExtension && (
|
||||||
|
<>
|
||||||
|
<div className="text-sm text-[#333] dark:text-white">
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<div className="flex gap-4">
|
||||||
|
<img src={selectedExtension.icon} className="size-[56px]" />
|
||||||
|
<div className="flex flex-col justify-between">
|
||||||
|
<span>{selectedExtension.name}</span>
|
||||||
|
<div className="flex items-center gap-6 text-[#999]">
|
||||||
|
<div className="flex items-center gap-1">
|
||||||
|
<User className="size-4" />
|
||||||
|
<span>{selectedExtension.developer.name}</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center gap-1">
|
||||||
|
<GitFork className="size-4" />
|
||||||
|
<span>v{selectedExtension.version.number}</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center gap-1">
|
||||||
|
<FolderDown className="size-4" />
|
||||||
|
<span>{selectedExtension.stats.installs}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="pt-2">
|
||||||
|
{selectedExtension.installed ? (
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<Trash2
|
||||||
|
className="size-4 text-red-500 cursor-pointer"
|
||||||
|
onClick={() => {
|
||||||
|
setIsOpen(true);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<div className="flex items-center gap-1 h-6 px-2 rounded-full text-[#22C461] bg-[#22C461]/20">
|
||||||
|
<CircleCheck className="size-4" />
|
||||||
|
<span>{t("extensionDetail.hints.installed")}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<Button
|
||||||
|
className="flex justify-center items-center w-14 h-6 rounded-full bg-[#007BFF] text-white"
|
||||||
|
onClick={() => {
|
||||||
|
onInstall();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{installingExtensions.includes(selectedExtension.id) ? (
|
||||||
|
<Loader className="size-4 animate-spin" />
|
||||||
|
) : (
|
||||||
|
<Download className="size-4" />
|
||||||
|
)}
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{(selectedExtension.screenshots?.length ?? 0) > 0 && (
|
||||||
|
<div className="flex gap-3 py-4 border-b dark:border-b-[#262626]">
|
||||||
|
{selectedExtension.screenshots.map((item) => {
|
||||||
|
return (
|
||||||
|
<img key={item.url} src={item.url} className="h-[125px]" />
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="mb-1 mt-4">
|
||||||
|
{t("extensionDetail.label.description")}
|
||||||
|
</div>
|
||||||
|
<div className="mb-4 text-[#999]">
|
||||||
|
{selectedExtension.description}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{(selectedExtension.commands?.length ?? 0) > 0 && (
|
||||||
|
<>
|
||||||
|
<div className="mb-1">{t("extensionDetail.label.commands")}</div>
|
||||||
|
|
||||||
|
{selectedExtension.commands?.map((item) => {
|
||||||
|
return (
|
||||||
|
<div key={item.name}>
|
||||||
|
<div className="mb-1">{item.name}</div>
|
||||||
|
<div className="mb-4 text-[#999]">{item.description}</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{(selectedExtension.tags?.length ?? 0) > 0 && (
|
||||||
|
<>
|
||||||
|
<div className="mb-1">{t("extensionDetail.label.tags")}</div>
|
||||||
|
<div className="mb-4">
|
||||||
|
{selectedExtension.tags?.map((item) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
key={item}
|
||||||
|
className="h-6 px-2 rounded text-[#999] bg-[#E6E6E6] dark:bg-[#333]"
|
||||||
|
>
|
||||||
|
{item}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<span className="mb-1">{t("extensionDetail.label.lastUpdate")}</span>
|
||||||
|
<div className="text-[#999]">
|
||||||
|
{dayjs(selectedExtension.updated).format("YYYY-MM-DD HH:mm:ss")}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<DeleteDialog
|
||||||
|
reverseButtonPosition
|
||||||
|
isOpen={isOpen}
|
||||||
|
title={`${t("extensionDetail.deleteDialog.title")} ${
|
||||||
|
selectedExtension.name
|
||||||
|
}`}
|
||||||
|
description={t("extensionDetail.deleteDialog.description")}
|
||||||
|
cancelButtonProps={{
|
||||||
|
className:
|
||||||
|
"text-white bg-[#007BFF] border-[#007BFF] dark:bg-[#007BFF] dark:border-[#007BFF]",
|
||||||
|
}}
|
||||||
|
deleteButtonProps={{
|
||||||
|
className:
|
||||||
|
"!text-[#FF4949] bg-[#F8F9FA] dark:text-white dark:bg-[#202126] border-[#E6E6E6] dark:border-white/10",
|
||||||
|
}}
|
||||||
|
setIsOpen={setIsOpen}
|
||||||
|
onCancel={handleCancel}
|
||||||
|
onDelete={handleDelete}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ExtensionDetail;
|
||||||
338
src/components/Search/ExtensionStore.tsx
Normal file
338
src/components/Search/ExtensionStore.tsx
Normal file
@@ -0,0 +1,338 @@
|
|||||||
|
import { useSearchStore } from "@/stores/searchStore";
|
||||||
|
import { parseSearchQuery } from "@/utils";
|
||||||
|
import platformAdapter from "@/utils/platformAdapter";
|
||||||
|
import { useAsyncEffect, useDebounce, useKeyPress, useUnmount } from "ahooks";
|
||||||
|
import SearchEmpty from "../Common/SearchEmpty";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
import { CircleCheck, FolderDown, Loader } from "lucide-react";
|
||||||
|
import clsx from "clsx";
|
||||||
|
import ExtensionDetail from "./ExtensionDetail";
|
||||||
|
import { useShortcutsStore } from "@/stores/shortcutsStore";
|
||||||
|
import { useAppStore } from "@/stores/appStore";
|
||||||
|
import { platform } from "@/utils/platform";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
|
||||||
|
export interface SearchExtensionItem {
|
||||||
|
id: string;
|
||||||
|
created: string;
|
||||||
|
updated: string;
|
||||||
|
name: string;
|
||||||
|
description: string;
|
||||||
|
icon: string;
|
||||||
|
type: string;
|
||||||
|
category: string;
|
||||||
|
tags?: string[];
|
||||||
|
platforms: string[];
|
||||||
|
developer: {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
avatar: string;
|
||||||
|
twitter_handle?: string;
|
||||||
|
github_handle?: string;
|
||||||
|
location?: string;
|
||||||
|
website?: string;
|
||||||
|
bio?: string;
|
||||||
|
};
|
||||||
|
contributors: {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
avatar: string;
|
||||||
|
}[];
|
||||||
|
url: {
|
||||||
|
code: string;
|
||||||
|
download: string;
|
||||||
|
};
|
||||||
|
version: {
|
||||||
|
number: string;
|
||||||
|
};
|
||||||
|
screenshots: {
|
||||||
|
title?: string;
|
||||||
|
url: string;
|
||||||
|
}[];
|
||||||
|
action: {
|
||||||
|
exec: string;
|
||||||
|
args: string[];
|
||||||
|
};
|
||||||
|
enabled: boolean;
|
||||||
|
stats: {
|
||||||
|
installs: number;
|
||||||
|
views: number;
|
||||||
|
};
|
||||||
|
checksum: string;
|
||||||
|
installed: boolean;
|
||||||
|
commands?: Array<{
|
||||||
|
type: string;
|
||||||
|
name: string;
|
||||||
|
icon: string;
|
||||||
|
description: string;
|
||||||
|
action: {
|
||||||
|
exec: string;
|
||||||
|
args: string[];
|
||||||
|
};
|
||||||
|
}>;
|
||||||
|
}
|
||||||
|
|
||||||
|
const ExtensionStore = () => {
|
||||||
|
const {
|
||||||
|
searchValue,
|
||||||
|
selectedExtension,
|
||||||
|
setSelectedExtension,
|
||||||
|
installingExtensions,
|
||||||
|
setInstallingExtensions,
|
||||||
|
uninstallingExtensions,
|
||||||
|
setUninstallingExtensions,
|
||||||
|
visibleExtensionDetail,
|
||||||
|
setVisibleExtensionDetail,
|
||||||
|
visibleContextMenu,
|
||||||
|
setVisibleContextMenu,
|
||||||
|
} = useSearchStore();
|
||||||
|
const debouncedSearchValue = useDebounce(searchValue);
|
||||||
|
const [list, setList] = useState<SearchExtensionItem[]>([]);
|
||||||
|
const { modifierKey } = useShortcutsStore();
|
||||||
|
const { addError } = useAppStore();
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const unlisten1 = platformAdapter.listenEvent("install-extension", () => {
|
||||||
|
handleInstall();
|
||||||
|
});
|
||||||
|
|
||||||
|
const unlisten2 = platformAdapter.listenEvent("uninstall-extension", () => {
|
||||||
|
handleUnInstall();
|
||||||
|
});
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
unlisten1.then((fn) => fn());
|
||||||
|
unlisten2.then((fn) => fn());
|
||||||
|
};
|
||||||
|
}, [selectedExtension]);
|
||||||
|
|
||||||
|
useAsyncEffect(async () => {
|
||||||
|
if (!debouncedSearchValue.trim()) {
|
||||||
|
return setList([]);
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = await platformAdapter.invokeBackend<SearchExtensionItem[]>(
|
||||||
|
"search_extension",
|
||||||
|
{
|
||||||
|
queryParams: parseSearchQuery({
|
||||||
|
query: debouncedSearchValue,
|
||||||
|
filters: {
|
||||||
|
platforms: [platform()],
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
console.log("search_extension", result);
|
||||||
|
|
||||||
|
setList(result ?? []);
|
||||||
|
|
||||||
|
setSelectedExtension(result?.[0]);
|
||||||
|
}, [debouncedSearchValue]);
|
||||||
|
|
||||||
|
useUnmount(() => {
|
||||||
|
setSelectedExtension(void 0);
|
||||||
|
});
|
||||||
|
|
||||||
|
useKeyPress(
|
||||||
|
"enter",
|
||||||
|
() => {
|
||||||
|
if (visibleContextMenu) return;
|
||||||
|
|
||||||
|
if (visibleExtensionDetail) {
|
||||||
|
return handleInstall();
|
||||||
|
}
|
||||||
|
|
||||||
|
setVisibleExtensionDetail(true);
|
||||||
|
},
|
||||||
|
{ exactMatch: true }
|
||||||
|
);
|
||||||
|
|
||||||
|
useKeyPress(
|
||||||
|
`${modifierKey}.enter`,
|
||||||
|
() => {
|
||||||
|
if (
|
||||||
|
visibleContextMenu ||
|
||||||
|
visibleExtensionDetail ||
|
||||||
|
selectedExtension?.installed
|
||||||
|
) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
handleInstall();
|
||||||
|
},
|
||||||
|
{ exactMatch: true }
|
||||||
|
);
|
||||||
|
|
||||||
|
useKeyPress(["uparrow", "downarrow"], (_, key) => {
|
||||||
|
console.log("visibleContextMenu", visibleContextMenu);
|
||||||
|
|
||||||
|
if (visibleContextMenu || visibleExtensionDetail) return;
|
||||||
|
|
||||||
|
const index = list.findIndex((item) => item.id === selectedExtension?.id);
|
||||||
|
const length = list.length;
|
||||||
|
|
||||||
|
if (length <= 1) return;
|
||||||
|
|
||||||
|
let nextIndex = index;
|
||||||
|
|
||||||
|
if (key === "uparrow") {
|
||||||
|
nextIndex = nextIndex > 0 ? nextIndex - 1 : length - 1;
|
||||||
|
} else {
|
||||||
|
nextIndex = nextIndex < length - 1 ? nextIndex + 1 : 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
setSelectedExtension(list[nextIndex]);
|
||||||
|
});
|
||||||
|
|
||||||
|
const toggleInstall = (installed = true) => {
|
||||||
|
if (!selectedExtension) return;
|
||||||
|
|
||||||
|
const { id } = selectedExtension;
|
||||||
|
|
||||||
|
setList((prev) => {
|
||||||
|
return prev.map((item) => {
|
||||||
|
if (item.id === id) {
|
||||||
|
return { ...item, installed };
|
||||||
|
}
|
||||||
|
|
||||||
|
return item;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
if (selectedExtension?.id === id) {
|
||||||
|
setSelectedExtension({
|
||||||
|
...selectedExtension,
|
||||||
|
installed,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleInstall = async () => {
|
||||||
|
if (!selectedExtension) return;
|
||||||
|
|
||||||
|
const { id, name, installed } = selectedExtension;
|
||||||
|
|
||||||
|
try {
|
||||||
|
if (installed || installingExtensions.includes(id)) return;
|
||||||
|
|
||||||
|
setInstallingExtensions(installingExtensions.concat(id));
|
||||||
|
|
||||||
|
await platformAdapter.invokeBackend("install_extension", { id });
|
||||||
|
|
||||||
|
toggleInstall();
|
||||||
|
|
||||||
|
addError(
|
||||||
|
`${name} ${t("extensionStore.hints.installationCompleted")}`,
|
||||||
|
"info"
|
||||||
|
);
|
||||||
|
} catch (error) {
|
||||||
|
addError(String(error), "error");
|
||||||
|
} finally {
|
||||||
|
setInstallingExtensions(
|
||||||
|
installingExtensions.filter((item) => item !== id)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleUnInstall = async () => {
|
||||||
|
if (!selectedExtension) return;
|
||||||
|
|
||||||
|
const { id, name, installed, developer } = selectedExtension;
|
||||||
|
|
||||||
|
try {
|
||||||
|
if (!installed || uninstallingExtensions.includes(id)) return;
|
||||||
|
|
||||||
|
setUninstallingExtensions(uninstallingExtensions.concat(id));
|
||||||
|
|
||||||
|
await platformAdapter.invokeBackend("uninstall_extension", {
|
||||||
|
developer: developer.id,
|
||||||
|
extensionId: id,
|
||||||
|
});
|
||||||
|
|
||||||
|
toggleInstall(false);
|
||||||
|
|
||||||
|
addError(
|
||||||
|
`${name} ${t("extensionStore.hints.uninstallationCompleted")}`,
|
||||||
|
"info"
|
||||||
|
);
|
||||||
|
} catch (error) {
|
||||||
|
addError(String(error), "error");
|
||||||
|
} finally {
|
||||||
|
setUninstallingExtensions(
|
||||||
|
uninstallingExtensions.filter((item) => item !== id)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="h-full text-sm p-2 overflow-auto custom-scrollbar">
|
||||||
|
{visibleExtensionDetail ? (
|
||||||
|
<ExtensionDetail
|
||||||
|
onInstall={handleInstall}
|
||||||
|
onUninstall={handleUnInstall}
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
{list.length > 0 ? (
|
||||||
|
list.map((item) => {
|
||||||
|
const { id, icon, name, description, stats, installed } = item;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
key={id}
|
||||||
|
className={clsx(
|
||||||
|
"flex justify-between h-[40px] px-2 rounded-lg cursor-pointer text-[#333] dark:text-[#d8d8d8] transition",
|
||||||
|
{
|
||||||
|
"bg-black/10 dark:bg-white/15":
|
||||||
|
selectedExtension?.id === id,
|
||||||
|
}
|
||||||
|
)}
|
||||||
|
onMouseOver={() => {
|
||||||
|
setSelectedExtension(item);
|
||||||
|
}}
|
||||||
|
onClick={() => {
|
||||||
|
setVisibleExtensionDetail(true);
|
||||||
|
}}
|
||||||
|
onContextMenu={(event) => {
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
setVisibleContextMenu(true);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<img src={icon} className="size-[20px]" />
|
||||||
|
<span>{name}</span>
|
||||||
|
<span className="text-[#999]">{description}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-center gap-3">
|
||||||
|
{installed && (
|
||||||
|
<CircleCheck className="size-4 text-green-500" />
|
||||||
|
)}
|
||||||
|
|
||||||
|
{installingExtensions.includes(item.id) && (
|
||||||
|
<Loader className="size-4 text-blue-500 animate-spin" />
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="flex items-center gap-1 text-[#999]">
|
||||||
|
<FolderDown className="size-4" />
|
||||||
|
<span>{stats.installs}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})
|
||||||
|
) : (
|
||||||
|
<div className="flex justify-center items-center h-full">
|
||||||
|
<SearchEmpty />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ExtensionStore;
|
||||||
@@ -97,6 +97,8 @@ export default function ChatInput({
|
|||||||
const textareaRef = useRef<{ reset: () => void; focus: () => void }>(null);
|
const textareaRef = useRef<{ reset: () => void; focus: () => void }>(null);
|
||||||
|
|
||||||
const { curChatEnd, connected } = useChatStore();
|
const { curChatEnd, connected } = useChatStore();
|
||||||
|
const { setSearchValue, visibleExtensionStore, selectedExtension } =
|
||||||
|
useSearchStore();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const handleFocus = () => {
|
const handleFocus = () => {
|
||||||
@@ -135,6 +137,7 @@ export default function ChatInput({
|
|||||||
const handleInputChange = useCallback(
|
const handleInputChange = useCallback(
|
||||||
(value: string) => {
|
(value: string) => {
|
||||||
changeInput(value);
|
changeInput(value);
|
||||||
|
setSearchValue(value);
|
||||||
if (!isChatMode) {
|
if (!isChatMode) {
|
||||||
onSend(value);
|
onSend(value);
|
||||||
}
|
}
|
||||||
@@ -215,15 +218,16 @@ export default function ChatInput({
|
|||||||
disabledChange={disabledChange}
|
disabledChange={disabledChange}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{!isChatMode && sourceData && (
|
{!isChatMode &&
|
||||||
<div
|
(sourceData || visibleExtensionStore || selectedExtension) && (
|
||||||
className={`absolute ${
|
<div
|
||||||
lineCount === 1 ? "-top-[5px]" : "top-[calc(100%-25px)]"
|
className={`absolute ${
|
||||||
} left-2`}
|
lineCount === 1 ? "-top-[5px]" : "top-[calc(100%-25px)]"
|
||||||
>
|
} left-2`}
|
||||||
<VisibleKey shortcut="←" />
|
>
|
||||||
</div>
|
<VisibleKey shortcut="←" />
|
||||||
)}
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
{/*
|
{/*
|
||||||
<div
|
<div
|
||||||
@@ -244,7 +248,8 @@ export default function ChatInput({
|
|||||||
isTauri &&
|
isTauri &&
|
||||||
!goAskAi &&
|
!goAskAi &&
|
||||||
askAI &&
|
askAI &&
|
||||||
!disabledExtensions.includes("QuickAIAccess") && (
|
!disabledExtensions.includes("QuickAIAccess") &&
|
||||||
|
!visibleExtensionStore && (
|
||||||
<div className="flex items-center gap-2 text-sm text-[#AEAEAE] dark:text-[#545454] whitespace-nowrap">
|
<div className="flex items-center gap-2 text-sm text-[#AEAEAE] dark:text-[#545454] whitespace-nowrap">
|
||||||
<span>
|
<span>
|
||||||
{t("search.askCocoAi.title", {
|
{t("search.askCocoAi.title", {
|
||||||
|
|||||||
@@ -190,6 +190,7 @@ const InputControls = ({
|
|||||||
return state.aiOverviewAssistant;
|
return state.aiOverviewAssistant;
|
||||||
});
|
});
|
||||||
const aiOverviewShortcut = useShortcutsStore((state) => state.aiOverview);
|
const aiOverviewShortcut = useShortcutsStore((state) => state.aiOverview);
|
||||||
|
const { visibleExtensionStore } = useSearchStore();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
@@ -273,7 +274,8 @@ const InputControls = ({
|
|||||||
{!disabledExtensions.includes("AIOverview") &&
|
{!disabledExtensions.includes("AIOverview") &&
|
||||||
isTauri &&
|
isTauri &&
|
||||||
aiOverviewServer &&
|
aiOverviewServer &&
|
||||||
aiOverviewAssistant && (
|
aiOverviewAssistant &&
|
||||||
|
!visibleExtensionStore && (
|
||||||
<div
|
<div
|
||||||
className={clsx(
|
className={clsx(
|
||||||
"inline-flex items-center gap-1 px-2 py-1 rounded-full hover:!text-[#881c94] cursor-pointer transition",
|
"inline-flex items-center gap-1 px-2 py-1 rounded-full hover:!text-[#881c94] cursor-pointer transition",
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ import { NoResults } from "@/components/Common/UI/NoResults";
|
|||||||
import Footer from "@/components/Common/UI/Footer";
|
import Footer from "@/components/Common/UI/Footer";
|
||||||
import AskAi from "./AskAi";
|
import AskAi from "./AskAi";
|
||||||
import { useSearch } from "@/hooks/useSearch";
|
import { useSearch } from "@/hooks/useSearch";
|
||||||
|
import ExtensionStore from "./ExtensionStore";
|
||||||
|
|
||||||
const SearchResultsPanel = memo<{
|
const SearchResultsPanel = memo<{
|
||||||
input: string;
|
input: string;
|
||||||
@@ -33,7 +34,8 @@ const SearchResultsPanel = memo<{
|
|||||||
}
|
}
|
||||||
}, [input, isChatMode, performSearch, sourceData]);
|
}, [input, isChatMode, performSearch, sourceData]);
|
||||||
|
|
||||||
const { setSelectedAssistant, selectedSearchContent } = useSearchStore();
|
const { setSelectedAssistant, selectedSearchContent, visibleExtensionStore } =
|
||||||
|
useSearchStore();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (selectedSearchContent?.type === "AI Assistant") {
|
if (selectedSearchContent?.type === "AI Assistant") {
|
||||||
@@ -46,6 +48,7 @@ const SearchResultsPanel = memo<{
|
|||||||
}
|
}
|
||||||
}, [selectedSearchContent]);
|
}, [selectedSearchContent]);
|
||||||
|
|
||||||
|
if (visibleExtensionStore) return <ExtensionStore />;
|
||||||
if (goAskAi) return <AskAi />;
|
if (goAskAi) return <AskAi />;
|
||||||
if (suggests.length === 0) return <NoResults />;
|
if (suggests.length === 0) return <NoResults />;
|
||||||
|
|
||||||
|
|||||||
@@ -14,7 +14,16 @@ export default function SearchIcons({
|
|||||||
isChatMode,
|
isChatMode,
|
||||||
assistant,
|
assistant,
|
||||||
}: SearchIconsProps) {
|
}: SearchIconsProps) {
|
||||||
const { sourceData, setSourceData, goAskAi, setGoAskAi } = useSearchStore();
|
const {
|
||||||
|
sourceData,
|
||||||
|
setSourceData,
|
||||||
|
goAskAi,
|
||||||
|
setGoAskAi,
|
||||||
|
visibleExtensionStore,
|
||||||
|
setVisibleExtensionStore,
|
||||||
|
visibleExtensionDetail,
|
||||||
|
setVisibleExtensionDetail,
|
||||||
|
} = useSearchStore();
|
||||||
|
|
||||||
if (isChatMode) {
|
if (isChatMode) {
|
||||||
return null;
|
return null;
|
||||||
@@ -49,11 +58,21 @@ export default function SearchIcons({
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (sourceData) {
|
if (sourceData || visibleExtensionStore || visibleExtensionDetail) {
|
||||||
return (
|
return (
|
||||||
<ArrowBigLeft
|
<ArrowBigLeft
|
||||||
className="w-4 h-4 text-[#ccc] dark:text-[#d8d8d8] cursor-pointer"
|
className="w-4 h-4 text-[#ccc] dark:text-[#d8d8d8] cursor-pointer"
|
||||||
onClick={() => setSourceData(undefined)}
|
onClick={() => {
|
||||||
|
if (visibleExtensionDetail) {
|
||||||
|
return setVisibleExtensionDetail(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (visibleExtensionStore) {
|
||||||
|
return setVisibleExtensionStore(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
setSourceData(void 0);
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ const Content = () => {
|
|||||||
interface ItemProps extends Extension {
|
interface ItemProps extends Extension {
|
||||||
level: number;
|
level: number;
|
||||||
parentId?: ExtensionId;
|
parentId?: ExtensionId;
|
||||||
parentAuthor?: string;
|
parentDeveloper?: string;
|
||||||
parentDisabled?: boolean;
|
parentDisabled?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -44,14 +44,14 @@ const Item: FC<ItemProps> = (props) => {
|
|||||||
const {
|
const {
|
||||||
id,
|
id,
|
||||||
icon,
|
icon,
|
||||||
title,
|
name,
|
||||||
type,
|
type,
|
||||||
level,
|
level,
|
||||||
platforms,
|
platforms,
|
||||||
author,
|
developer,
|
||||||
enabled,
|
enabled,
|
||||||
parentId,
|
parentId,
|
||||||
parentAuthor,
|
parentDeveloper,
|
||||||
parentDisabled,
|
parentDisabled,
|
||||||
} = props;
|
} = props;
|
||||||
const { rootState } = useContext(ExtensionsContext);
|
const { rootState } = useContext(ExtensionsContext);
|
||||||
@@ -64,7 +64,7 @@ const Item: FC<ItemProps> = (props) => {
|
|||||||
const [selfDisabled, setSelfDisabled] = useState(!enabled);
|
const [selfDisabled, setSelfDisabled] = useState(!enabled);
|
||||||
|
|
||||||
const bundleId = {
|
const bundleId = {
|
||||||
author: author ?? parentAuthor,
|
developer: developer ?? parentDeveloper,
|
||||||
extension_id: level === 1 ? id : parentId,
|
extension_id: level === 1 ? id : parentId,
|
||||||
sub_extension_id: level === 1 ? void 0 : id,
|
sub_extension_id: level === 1 ? void 0 : id,
|
||||||
};
|
};
|
||||||
@@ -100,7 +100,7 @@ const Item: FC<ItemProps> = (props) => {
|
|||||||
|
|
||||||
state.loading = false;
|
state.loading = false;
|
||||||
|
|
||||||
return sortBy(subExtensions, ["title"]);
|
return sortBy(subExtensions, ["name"]);
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleExpand = async (event: MouseEvent) => {
|
const handleExpand = async (event: MouseEvent) => {
|
||||||
@@ -247,15 +247,15 @@ const Item: FC<ItemProps> = (props) => {
|
|||||||
className={clsx("flex items-center justify-end", {
|
className={clsx("flex items-center justify-end", {
|
||||||
"opacity-50 pointer-events-none": parentDisabled,
|
"opacity-50 pointer-events-none": parentDisabled,
|
||||||
})}
|
})}
|
||||||
onClick={(event) => {
|
|
||||||
event.stopPropagation();
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
<SettingsToggle
|
<SettingsToggle
|
||||||
label={id}
|
label={id}
|
||||||
defaultChecked={enabled}
|
defaultChecked={enabled}
|
||||||
className="scale-75"
|
className="scale-75"
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
|
onClick={(event) => {
|
||||||
|
event.stopPropagation();
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
@@ -337,7 +337,7 @@ const Item: FC<ItemProps> = (props) => {
|
|||||||
"opacity-50 pointer-events-none": isDisabled,
|
"opacity-50 pointer-events-none": isDisabled,
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
{title}
|
{name}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -358,7 +358,7 @@ const Item: FC<ItemProps> = (props) => {
|
|||||||
{...item}
|
{...item}
|
||||||
level={level + 1}
|
level={level + 1}
|
||||||
parentId={id}
|
parentId={id}
|
||||||
parentAuthor={author}
|
parentDeveloper={developer}
|
||||||
parentDisabled={!enabled}
|
parentDisabled={!enabled}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -24,13 +24,13 @@ const App = () => {
|
|||||||
useAsyncEffect(async () => {
|
useAsyncEffect(async () => {
|
||||||
if (!rootState.activeExtension) return;
|
if (!rootState.activeExtension) return;
|
||||||
|
|
||||||
const { id, title } = rootState.activeExtension;
|
const { id, name } = rootState.activeExtension;
|
||||||
|
|
||||||
const appMetadata = await platformAdapter.invokeBackend<Metadata>(
|
const appMetadata = await platformAdapter.invokeBackend<Metadata>(
|
||||||
"get_app_metadata",
|
"get_app_metadata",
|
||||||
{
|
{
|
||||||
appPath: id,
|
appPath: id,
|
||||||
appName: title,
|
appName: name,
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ const Details = () => {
|
|||||||
const renderContent = () => {
|
const renderContent = () => {
|
||||||
if (!rootState.activeExtension) return;
|
if (!rootState.activeExtension) return;
|
||||||
|
|
||||||
const { id, type } = rootState.activeExtension;
|
const { id, type, description } = rootState.activeExtension;
|
||||||
|
|
||||||
if (id === "Applications") {
|
if (id === "Applications") {
|
||||||
return <Applications />;
|
return <Applications />;
|
||||||
@@ -56,12 +56,14 @@ const Details = () => {
|
|||||||
if (id === "Calculator") {
|
if (id === "Calculator") {
|
||||||
return <Calculator />;
|
return <Calculator />;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return <div className="text-[#999]">{description}</div>;
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex-1 h-full overflow-auto">
|
<div className="flex-1 h-full overflow-auto">
|
||||||
<h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
|
<h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
|
||||||
{rootState.activeExtension?.title}
|
{rootState.activeExtension?.name}
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<div className="pr-4 pb-4 text-sm">{renderContent()}</div>
|
<div className="pr-4 pb-4 text-sm">{renderContent()}</div>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { createContext, useEffect } from "react";
|
import { createContext, useEffect } from "react";
|
||||||
import { useMount, useReactive } from "ahooks";
|
import { useReactive } from "ahooks";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import type { LiteralUnion } from "type-fest";
|
import type { LiteralUnion } from "type-fest";
|
||||||
import { cloneDeep, sortBy } from "lodash-es";
|
import { cloneDeep, sortBy } from "lodash-es";
|
||||||
@@ -8,6 +8,10 @@ import platformAdapter from "@/utils/platformAdapter";
|
|||||||
import Content from "./components/Content";
|
import Content from "./components/Content";
|
||||||
import Details from "./components/Details";
|
import Details from "./components/Details";
|
||||||
import { useExtensionsStore } from "@/stores/extensionsStore";
|
import { useExtensionsStore } from "@/stores/extensionsStore";
|
||||||
|
import { Button } from "@headlessui/react";
|
||||||
|
import { Plus } from "lucide-react";
|
||||||
|
import SettingsInput from "../SettingsInput";
|
||||||
|
import clsx from "clsx";
|
||||||
|
|
||||||
export type ExtensionId = LiteralUnion<
|
export type ExtensionId = LiteralUnion<
|
||||||
"Applications" | "Calculator" | "QuickAIAccess" | "AIOverview",
|
"Applications" | "Calculator" | "QuickAIAccess" | "AIOverview",
|
||||||
@@ -19,7 +23,7 @@ type ExtensionType =
|
|||||||
| "extension"
|
| "extension"
|
||||||
| "application"
|
| "application"
|
||||||
| "script"
|
| "script"
|
||||||
| "quick_link"
|
| "quicklink"
|
||||||
| "setting"
|
| "setting"
|
||||||
| "calculator"
|
| "calculator"
|
||||||
| "command"
|
| "command"
|
||||||
@@ -40,7 +44,7 @@ export interface Extension {
|
|||||||
id: ExtensionId;
|
id: ExtensionId;
|
||||||
type: ExtensionType;
|
type: ExtensionType;
|
||||||
icon: string;
|
icon: string;
|
||||||
title: string;
|
name: string;
|
||||||
description: string;
|
description: string;
|
||||||
alias?: string;
|
alias?: string;
|
||||||
hotkey?: string;
|
hotkey?: string;
|
||||||
@@ -52,16 +56,26 @@ export interface Extension {
|
|||||||
scripts?: Extension[];
|
scripts?: Extension[];
|
||||||
quicklinks?: Extension[];
|
quicklinks?: Extension[];
|
||||||
settings: Record<string, unknown>;
|
settings: Record<string, unknown>;
|
||||||
author?: string;
|
developer?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
type Category = LiteralUnion<
|
||||||
|
"All" | "Commands" | "Scripts" | "Apps" | "QuickLinks",
|
||||||
|
string
|
||||||
|
>;
|
||||||
|
|
||||||
interface State {
|
interface State {
|
||||||
extensions: Extension[];
|
extensions: Extension[];
|
||||||
activeExtension?: Extension;
|
activeExtension?: Extension;
|
||||||
|
categories: Category[];
|
||||||
|
currentCategory: Category;
|
||||||
|
searchValue?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const INITIAL_STATE: State = {
|
const INITIAL_STATE: State = {
|
||||||
extensions: [],
|
extensions: [],
|
||||||
|
categories: ["All", "Commands", "Scripts", "Apps", "QuickLinks"],
|
||||||
|
currentCategory: "All",
|
||||||
};
|
};
|
||||||
|
|
||||||
export const ExtensionsContext = createContext<{ rootState: State }>({
|
export const ExtensionsContext = createContext<{ rootState: State }>({
|
||||||
@@ -71,16 +85,11 @@ export const ExtensionsContext = createContext<{ rootState: State }>({
|
|||||||
export const Extensions = () => {
|
export const Extensions = () => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const state = useReactive<State>(cloneDeep(INITIAL_STATE));
|
const state = useReactive<State>(cloneDeep(INITIAL_STATE));
|
||||||
|
const { configId, setConfigId } = useExtensionsStore();
|
||||||
|
|
||||||
useMount(async () => {
|
useEffect(() => {
|
||||||
const result = await platformAdapter.invokeBackend<[boolean, Extension[]]>(
|
getExtensions();
|
||||||
"list_extensions"
|
}, [state.searchValue, state.currentCategory, configId]);
|
||||||
);
|
|
||||||
|
|
||||||
const extensions = result[1];
|
|
||||||
|
|
||||||
state.extensions = sortBy(extensions, ["title"]);
|
|
||||||
});
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const unsubscribe = useExtensionsStore.subscribe((state) => {
|
const unsubscribe = useExtensionsStore.subscribe((state) => {
|
||||||
@@ -92,19 +101,105 @@ export const Extensions = () => {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const getExtensions = async () => {
|
||||||
|
const result = await platformAdapter.invokeBackend<[boolean, Extension[]]>(
|
||||||
|
"list_extensions",
|
||||||
|
{
|
||||||
|
query: state.searchValue,
|
||||||
|
extensionType: getExtensionType(),
|
||||||
|
listEnabled: false,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
const extensions = result[1];
|
||||||
|
|
||||||
|
state.extensions = sortBy(extensions, ["name"]);
|
||||||
|
|
||||||
|
if (configId) {
|
||||||
|
const matched = extensions.find((item) => item.id === configId);
|
||||||
|
|
||||||
|
if (!matched) return;
|
||||||
|
|
||||||
|
state.activeExtension = matched;
|
||||||
|
|
||||||
|
setConfigId(void 0);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const getExtensionType = (): ExtensionType | undefined => {
|
||||||
|
switch (state.currentCategory) {
|
||||||
|
case "All":
|
||||||
|
return void 0;
|
||||||
|
case "Commands":
|
||||||
|
return "command";
|
||||||
|
case "Scripts":
|
||||||
|
return "script";
|
||||||
|
case "Apps":
|
||||||
|
return "application";
|
||||||
|
case "QuickLinks":
|
||||||
|
return "quicklink";
|
||||||
|
default:
|
||||||
|
return void 0;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ExtensionsContext.Provider
|
<ExtensionsContext.Provider
|
||||||
value={{
|
value={{
|
||||||
rootState: state,
|
rootState: state,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div className="flex h-[calc(100vh-128px)] -mx-6 gap-4">
|
<div className="flex h-[calc(100vh-128px)] -mx-6 gap-4 text-sm">
|
||||||
<div className="w-2/3 h-full px-4 border-r dark:border-gray-700 overflow-auto">
|
<div className="w-2/3 h-full px-4 border-r dark:border-gray-700 overflow-auto">
|
||||||
<h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
|
<div className="flex items-center justify-between">
|
||||||
{t("settings.extensions.title")}
|
<h2 className="text-lg font-semibold text-gray-900 dark:text-white">
|
||||||
</h2>
|
{t("settings.extensions.title")}
|
||||||
|
</h2>
|
||||||
|
|
||||||
<div>
|
<Button
|
||||||
|
className="flex items-center justify-center size-6 border rounded-md dark:border-gray-700 hover:!border-[#0096FB] transition"
|
||||||
|
onClick={() => {
|
||||||
|
platformAdapter.emitEvent("open-extension-store");
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Plus className="size-4 text-[#0096FB]" />
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex justify-between gap-6 my-4">
|
||||||
|
<div className="flex h-8 border dark:border-gray-700">
|
||||||
|
{state.categories.map((item) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
key={item}
|
||||||
|
className={clsx(
|
||||||
|
"flex items-center h-full px-4 cursor-pointer",
|
||||||
|
{
|
||||||
|
"bg-[#F0F6FE] dark:bg-gray-700":
|
||||||
|
item === state.currentCategory,
|
||||||
|
}
|
||||||
|
)}
|
||||||
|
onClick={() => {
|
||||||
|
state.currentCategory = item;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{item}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<SettingsInput
|
||||||
|
className="flex-1"
|
||||||
|
placeholder="Search"
|
||||||
|
value={state.searchValue}
|
||||||
|
onChange={(value) => {
|
||||||
|
state.searchValue = String(value);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<>
|
||||||
<div className="flex">
|
<div className="flex">
|
||||||
<div className="flex-1">{t("settings.extensions.list.name")}</div>
|
<div className="flex-1">{t("settings.extensions.list.name")}</div>
|
||||||
|
|
||||||
@@ -125,7 +220,7 @@ export const Extensions = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Content />
|
<Content />
|
||||||
</div>
|
</>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Details />
|
<Details />
|
||||||
|
|||||||
@@ -3,10 +3,10 @@ import clsx from "clsx";
|
|||||||
import { isNumber } from "lodash-es";
|
import { isNumber } from "lodash-es";
|
||||||
import { FC, FocusEvent } from "react";
|
import { FC, FocusEvent } from "react";
|
||||||
|
|
||||||
import { specialCharacterFiltering } from "@/utils"
|
import { specialCharacterFiltering } from "@/utils";
|
||||||
|
|
||||||
interface SettingsInputProps extends Omit<InputProps, "onChange"> {
|
interface SettingsInputProps extends Omit<InputProps, "onChange"> {
|
||||||
onChange: (value?: string | number) => void;
|
onChange?: (value?: string | number) => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const SettingsInput: FC<SettingsInputProps> = (props) => {
|
const SettingsInput: FC<SettingsInputProps> = (props) => {
|
||||||
@@ -40,7 +40,7 @@ const SettingsInput: FC<SettingsInputProps> = (props) => {
|
|||||||
)}
|
)}
|
||||||
onBlur={handleBlur}
|
onBlur={handleBlur}
|
||||||
onChange={(event) => {
|
onChange={(event) => {
|
||||||
const value = specialCharacterFiltering(event.target.value)
|
const value = specialCharacterFiltering(event.target.value);
|
||||||
onChange?.(value);
|
onChange?.(value);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { useCallback, useEffect } from "react";
|
import { useCallback, useEffect } from "react";
|
||||||
|
|
||||||
import { isMetaOrCtrlKey } from "@/utils/keyboardUtils";
|
|
||||||
import { useSearchStore } from "@/stores/searchStore";
|
import { useSearchStore } from "@/stores/searchStore";
|
||||||
|
import { useShortcutsStore } from "@/stores/shortcutsStore";
|
||||||
|
|
||||||
interface KeyboardHandlersProps {
|
interface KeyboardHandlersProps {
|
||||||
isChatMode: boolean;
|
isChatMode: boolean;
|
||||||
@@ -14,15 +14,38 @@ export function useKeyboardHandlers({
|
|||||||
handleSubmit,
|
handleSubmit,
|
||||||
curChatEnd,
|
curChatEnd,
|
||||||
}: KeyboardHandlersProps) {
|
}: KeyboardHandlersProps) {
|
||||||
const { setSourceData } = useSearchStore();
|
const {
|
||||||
|
setSourceData,
|
||||||
|
visibleExtensionStore,
|
||||||
|
setVisibleExtensionStore,
|
||||||
|
visibleExtensionDetail,
|
||||||
|
setVisibleExtensionDetail,
|
||||||
|
} = useSearchStore();
|
||||||
|
const { modifierKey } = useShortcutsStore();
|
||||||
|
|
||||||
|
const getModifierKeyPressed = (event: KeyboardEvent) => {
|
||||||
|
const metaKeyPressed = event.metaKey && modifierKey === "meta";
|
||||||
|
const ctrlKeyPressed = event.ctrlKey && modifierKey === "ctrl";
|
||||||
|
const altKeyPressed = event.altKey && modifierKey === "alt";
|
||||||
|
|
||||||
|
return metaKeyPressed || ctrlKeyPressed || altKeyPressed;
|
||||||
|
};
|
||||||
|
|
||||||
const handleKeyDown = useCallback(
|
const handleKeyDown = useCallback(
|
||||||
(e: KeyboardEvent) => {
|
(e: KeyboardEvent) => {
|
||||||
// Handle ArrowLeft with meta key
|
// Handle ArrowLeft with meta key
|
||||||
if (e.code === "ArrowLeft" && isMetaOrCtrlKey(e)) {
|
if (e.code === "ArrowLeft" && getModifierKeyPressed(e)) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
setSourceData(undefined);
|
|
||||||
return;
|
if (visibleExtensionDetail) {
|
||||||
|
return setVisibleExtensionDetail(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (visibleExtensionStore) {
|
||||||
|
return setVisibleExtensionStore(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
return setSourceData(void 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handle Enter without meta key requirement
|
// Handle Enter without meta key requirement
|
||||||
@@ -31,7 +54,14 @@ export function useKeyboardHandlers({
|
|||||||
curChatEnd && handleSubmit();
|
curChatEnd && handleSubmit();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
[isChatMode, handleSubmit, setSourceData, curChatEnd]
|
[
|
||||||
|
isChatMode,
|
||||||
|
handleSubmit,
|
||||||
|
setSourceData,
|
||||||
|
curChatEnd,
|
||||||
|
modifierKey,
|
||||||
|
visibleExtensionDetail,
|
||||||
|
]
|
||||||
);
|
);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -45,6 +75,7 @@ export function useKeyboardHandlers({
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
return () => {
|
return () => {
|
||||||
setSourceData(undefined);
|
setSourceData(undefined);
|
||||||
|
setVisibleExtensionStore(false);
|
||||||
};
|
};
|
||||||
}, []);
|
}, []);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -30,5 +30,5 @@ export const useIconfontScript = () => {
|
|||||||
// Coco Server Icons
|
// Coco Server Icons
|
||||||
useScript("https://at.alicdn.com/t/c/font_4878526_cykw3et0ezd.js");
|
useScript("https://at.alicdn.com/t/c/font_4878526_cykw3et0ezd.js");
|
||||||
// Coco App Icons
|
// Coco App Icons
|
||||||
useScript("https://at.alicdn.com/t/c/font_4934333_j1t3b1xyxkk.js");
|
useScript("https://at.alicdn.com/t/c/font_4934333_80wr9yn2eup.js");
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -301,7 +301,10 @@
|
|||||||
"updateAvailable": "Update available",
|
"updateAvailable": "Update available",
|
||||||
"select": "Select",
|
"select": "Select",
|
||||||
"open": "Open",
|
"open": "Open",
|
||||||
"powered": "Powered by Coco AI"
|
"powered": "Powered by Coco AI",
|
||||||
|
"install": "Install",
|
||||||
|
"details": "Details",
|
||||||
|
"uninstall": "Uninstall"
|
||||||
},
|
},
|
||||||
"input": {
|
"input": {
|
||||||
"searchPlaceholder": "Search whatever you want ...",
|
"searchPlaceholder": "Search whatever you want ...",
|
||||||
@@ -340,7 +343,11 @@
|
|||||||
"title": {
|
"title": {
|
||||||
"calculator": "Calculator"
|
"calculator": "Calculator"
|
||||||
},
|
},
|
||||||
"search": "Search Operation"
|
"search": "Search Operation",
|
||||||
|
"details": "Details",
|
||||||
|
"install": "Install",
|
||||||
|
"uninstall": "Uninstall",
|
||||||
|
"configureExtension": "Configure Extension"
|
||||||
},
|
},
|
||||||
"askCocoAi": {
|
"askCocoAi": {
|
||||||
"title": "{{0}} {{1}}",
|
"title": "{{0}} {{1}}",
|
||||||
@@ -506,5 +513,32 @@
|
|||||||
"divide": "Divide",
|
"divide": "Divide",
|
||||||
"remainder": "Remainder",
|
"remainder": "Remainder",
|
||||||
"expression": "Expression"
|
"expression": "Expression"
|
||||||
|
},
|
||||||
|
"extensionStore": {
|
||||||
|
"hints": {
|
||||||
|
"installationCompleted": "installation completed",
|
||||||
|
"uninstallationCompleted": "uninstallation completed"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"extensionDetail": {
|
||||||
|
"label": {
|
||||||
|
"description": "Description",
|
||||||
|
"commands": "Commands",
|
||||||
|
"tags": "Tags",
|
||||||
|
"lastUpdate": "Last Update"
|
||||||
|
},
|
||||||
|
"hints": {
|
||||||
|
"installed": "Installed"
|
||||||
|
},
|
||||||
|
"deleteDialog": {
|
||||||
|
"title": "Uninstall",
|
||||||
|
"description": "This will remove all the data and commands associated with this extension."
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"deleteDialog": {
|
||||||
|
"button": {
|
||||||
|
"cancel": "Cancel",
|
||||||
|
"delete": "Delete"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -301,7 +301,10 @@
|
|||||||
"updateAvailable": "有可用更新",
|
"updateAvailable": "有可用更新",
|
||||||
"select": "选择",
|
"select": "选择",
|
||||||
"open": "打开",
|
"open": "打开",
|
||||||
"powered": "由 Coco AI 提供支持"
|
"powered": "由 Coco AI 提供支持",
|
||||||
|
"install": "安装",
|
||||||
|
"details": "详情",
|
||||||
|
"uninstall": "卸载"
|
||||||
},
|
},
|
||||||
"input": {
|
"input": {
|
||||||
"searchPlaceholder": "搜索任何内容...",
|
"searchPlaceholder": "搜索任何内容...",
|
||||||
@@ -340,7 +343,11 @@
|
|||||||
"title": {
|
"title": {
|
||||||
"calculator": "计算器"
|
"calculator": "计算器"
|
||||||
},
|
},
|
||||||
"search": "搜索操作"
|
"search": "搜索操作",
|
||||||
|
"details": "详情",
|
||||||
|
"install": "安装",
|
||||||
|
"uninstall": "卸载",
|
||||||
|
"configureExtension": "配置扩展"
|
||||||
},
|
},
|
||||||
"askCocoAi": {
|
"askCocoAi": {
|
||||||
"title": "{{0}}{{1}}",
|
"title": "{{0}}{{1}}",
|
||||||
@@ -505,5 +512,32 @@
|
|||||||
"divide": "相除",
|
"divide": "相除",
|
||||||
"remainder": "求余",
|
"remainder": "求余",
|
||||||
"expression": "表达式"
|
"expression": "表达式"
|
||||||
|
},
|
||||||
|
"extensionStore": {
|
||||||
|
"hints": {
|
||||||
|
"installationCompleted": "安装成功",
|
||||||
|
"uninstallationCompleted": "卸载成功"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"extensionDetail": {
|
||||||
|
"label": {
|
||||||
|
"description": "描述",
|
||||||
|
"commands": "命令",
|
||||||
|
"tags": "标签",
|
||||||
|
"lastUpdate": "最后更新时间"
|
||||||
|
},
|
||||||
|
"hints": {
|
||||||
|
"installed": "已安装"
|
||||||
|
},
|
||||||
|
"deleteDialog": {
|
||||||
|
"title": "卸载",
|
||||||
|
"description": "这将删除与该扩展相关的所有数据和命令。"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"deleteDialog": {
|
||||||
|
"button": {
|
||||||
|
"cancel": "取消",
|
||||||
|
"delete": "删除"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -15,6 +15,7 @@ import Extensions from "@/components/Settings/Extensions";
|
|||||||
import { useConnectStore } from "@/stores/connectStore";
|
import { useConnectStore } from "@/stores/connectStore";
|
||||||
import platformAdapter from "@/utils/platformAdapter";
|
import platformAdapter from "@/utils/platformAdapter";
|
||||||
import { useAppStore } from "@/stores/appStore";
|
import { useAppStore } from "@/stores/appStore";
|
||||||
|
import { useExtensionsStore } from "@/stores/extensionsStore";
|
||||||
|
|
||||||
const tabIndexMap: { [key: string]: number } = {
|
const tabIndexMap: { [key: string]: number } = {
|
||||||
general: 0,
|
general: 0,
|
||||||
@@ -26,6 +27,7 @@ const tabIndexMap: { [key: string]: number } = {
|
|||||||
|
|
||||||
function SettingsPage() {
|
function SettingsPage() {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
const { setConfigId } = useExtensionsStore();
|
||||||
|
|
||||||
useTray();
|
useTray();
|
||||||
|
|
||||||
@@ -37,7 +39,7 @@ function SettingsPage() {
|
|||||||
{ name: t("settings.tabs.about"), icon: Info },
|
{ name: t("settings.tabs.about"), icon: Info },
|
||||||
];
|
];
|
||||||
|
|
||||||
const [defaultIndex, setDefaultIndex] = useState<number>(0);
|
const [defaultIndex, setDefaultIndex] = useState<number>(1);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const unlisten = listen("tab_index", (event) => {
|
const unlisten = listen("tab_index", (event) => {
|
||||||
@@ -56,10 +58,20 @@ function SettingsPage() {
|
|||||||
platformAdapter.emitEvent("change-app-store", state);
|
platformAdapter.emitEvent("change-app-store", state);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const unlisten2 = platformAdapter.listenEvent(
|
||||||
|
"config-extension",
|
||||||
|
({ payload }) => {
|
||||||
|
platformAdapter.showWindow();
|
||||||
|
setDefaultIndex(1);
|
||||||
|
setConfigId(payload);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
unlisten.then((fn) => fn());
|
|
||||||
unsubscribeConnect();
|
unsubscribeConnect();
|
||||||
unsubscribeAppStore();
|
unsubscribeAppStore();
|
||||||
|
unlisten.then((fn) => fn());
|
||||||
|
unlisten2.then((fn) => fn());
|
||||||
};
|
};
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
|||||||
@@ -117,7 +117,10 @@ export default function Layout() {
|
|||||||
|
|
||||||
useMount(async () => {
|
useMount(async () => {
|
||||||
const result = await platformAdapter.invokeBackend<[boolean, Extension[]]>(
|
const result = await platformAdapter.invokeBackend<[boolean, Extension[]]>(
|
||||||
"list_extensions"
|
"list_extensions",
|
||||||
|
{
|
||||||
|
listEnabled: false,
|
||||||
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
if (!isArray(result)) return;
|
if (!isArray(result)) return;
|
||||||
|
|||||||
@@ -19,6 +19,8 @@ export type IExtensionsStore = {
|
|||||||
setAiOverviewDelay: (aiOverviewDelay: number) => void;
|
setAiOverviewDelay: (aiOverviewDelay: number) => void;
|
||||||
aiOverviewMinQuantity: number;
|
aiOverviewMinQuantity: number;
|
||||||
setAiOverviewMinQuantity: (aiOverviewMinQuantity: number) => void;
|
setAiOverviewMinQuantity: (aiOverviewMinQuantity: number) => void;
|
||||||
|
configId?: string;
|
||||||
|
setConfigId: (configId?: string) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const useExtensionsStore = create<IExtensionsStore>()(
|
export const useExtensionsStore = create<IExtensionsStore>()(
|
||||||
@@ -53,6 +55,9 @@ export const useExtensionsStore = create<IExtensionsStore>()(
|
|||||||
setAiOverviewMinQuantity(aiOverviewMinQuantity) {
|
setAiOverviewMinQuantity(aiOverviewMinQuantity) {
|
||||||
return set({ aiOverviewMinQuantity });
|
return set({ aiOverviewMinQuantity });
|
||||||
},
|
},
|
||||||
|
setConfigId(configId) {
|
||||||
|
return set({ configId });
|
||||||
|
},
|
||||||
}),
|
}),
|
||||||
{
|
{
|
||||||
name: "extensions-store",
|
name: "extensions-store",
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import { SearchExtensionItem } from "@/components/Search/ExtensionStore";
|
||||||
import { create } from "zustand";
|
import { create } from "zustand";
|
||||||
import { persist } from "zustand/middleware";
|
import { persist } from "zustand/middleware";
|
||||||
|
|
||||||
@@ -28,6 +29,18 @@ export type ISearchStore = {
|
|||||||
setEnabledAiOverview: (enabledAiOverview: boolean) => void;
|
setEnabledAiOverview: (enabledAiOverview: boolean) => void;
|
||||||
askAiAssistantId?: string;
|
askAiAssistantId?: string;
|
||||||
setAskAiAssistantId: (askAiAssistantId?: string) => void;
|
setAskAiAssistantId: (askAiAssistantId?: string) => void;
|
||||||
|
visibleExtensionStore: boolean;
|
||||||
|
setVisibleExtensionStore: (visibleExtensionStore: boolean) => void;
|
||||||
|
searchValue: string;
|
||||||
|
setSearchValue: (searchValue: string) => void;
|
||||||
|
selectedExtension?: SearchExtensionItem;
|
||||||
|
setSelectedExtension: (selectedExtension?: SearchExtensionItem) => void;
|
||||||
|
installingExtensions: string[];
|
||||||
|
setInstallingExtensions: (installingExtensions: string[]) => void;
|
||||||
|
uninstallingExtensions: string[];
|
||||||
|
setUninstallingExtensions: (uninstallingExtensions: string[]) => void;
|
||||||
|
visibleExtensionDetail: boolean;
|
||||||
|
setVisibleExtensionDetail: (visibleExtensionDetail: boolean) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const useSearchStore = create<ISearchStore>()(
|
export const useSearchStore = create<ISearchStore>()(
|
||||||
@@ -70,6 +83,29 @@ export const useSearchStore = create<ISearchStore>()(
|
|||||||
setAskAiAssistantId: (askAiAssistantId) => {
|
setAskAiAssistantId: (askAiAssistantId) => {
|
||||||
return set({ askAiAssistantId });
|
return set({ askAiAssistantId });
|
||||||
},
|
},
|
||||||
|
visibleExtensionStore: false,
|
||||||
|
setVisibleExtensionStore: (visibleExtensionStore) => {
|
||||||
|
return set({ visibleExtensionStore });
|
||||||
|
},
|
||||||
|
searchValue: "",
|
||||||
|
setSearchValue: (searchValue) => {
|
||||||
|
return set({ searchValue });
|
||||||
|
},
|
||||||
|
setSelectedExtension(selectedExtension) {
|
||||||
|
return set({ selectedExtension });
|
||||||
|
},
|
||||||
|
installingExtensions: [],
|
||||||
|
setInstallingExtensions: (installingExtensions) => {
|
||||||
|
return set({ installingExtensions });
|
||||||
|
},
|
||||||
|
uninstallingExtensions: [],
|
||||||
|
setUninstallingExtensions: (uninstallingExtensions) => {
|
||||||
|
return set({ uninstallingExtensions });
|
||||||
|
},
|
||||||
|
visibleExtensionDetail: false,
|
||||||
|
setVisibleExtensionDetail: (visibleExtensionDetail) => {
|
||||||
|
return set({ visibleExtensionDetail });
|
||||||
|
},
|
||||||
}),
|
}),
|
||||||
{
|
{
|
||||||
name: "search-store",
|
name: "search-store",
|
||||||
|
|||||||
@@ -44,6 +44,10 @@ export interface EventPayloads {
|
|||||||
"quick-ai-access-client-id": any;
|
"quick-ai-access-client-id": any;
|
||||||
"ai-overview-client-id": any;
|
"ai-overview-client-id": any;
|
||||||
"change-app-store": IAppStore;
|
"change-app-store": IAppStore;
|
||||||
|
"open-extension-store": void;
|
||||||
|
"install-extension": void;
|
||||||
|
"uninstall-extension": void;
|
||||||
|
"config-extension": string;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Window operation interface
|
// Window operation interface
|
||||||
|
|||||||
@@ -235,7 +235,9 @@ export const createTauriAdapter = (): TauriPlatformAdapter => {
|
|||||||
async openSearchItem(data) {
|
async openSearchItem(data) {
|
||||||
const { invoke } = await import("@tauri-apps/api/core");
|
const { invoke } = await import("@tauri-apps/api/core");
|
||||||
|
|
||||||
if (data.type === "AI Assistant") {
|
console.log("data", data);
|
||||||
|
|
||||||
|
if (data?.type === "AI Assistant" || data?.id === "extension_store") {
|
||||||
const textarea = document.querySelector("#search-textarea");
|
const textarea = document.querySelector("#search-textarea");
|
||||||
|
|
||||||
if (!(textarea instanceof HTMLTextAreaElement)) return;
|
if (!(textarea instanceof HTMLTextAreaElement)) return;
|
||||||
|
|||||||
Reference in New Issue
Block a user