Yidadaa
2 years ago
parent
ff0cf2f9dc
commit
5c70456e18
@ -0,0 +1,14 @@
|
|||||||
|
@import "./window.scss";
|
||||||
|
|
||||||
|
.settings {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.settings-title {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
@ -0,0 +1,160 @@
|
|||||||
|
import { useState, useRef, useEffect } from "react";
|
||||||
|
|
||||||
|
import EmojiPicker, { Emoji, Theme as EmojiTheme } from "emoji-picker-react";
|
||||||
|
|
||||||
|
import styles from "./settings.module.scss";
|
||||||
|
|
||||||
|
import ResetIcon from "../icons/reload.svg";
|
||||||
|
|
||||||
|
import { List, ListItem, Popover } from "./ui-lib";
|
||||||
|
|
||||||
|
import { IconButton } from "./button";
|
||||||
|
import { SubmitKey, useChatStore, Theme } from "../store";
|
||||||
|
import { Avatar } from "./home";
|
||||||
|
import dynamic from "next/dynamic";
|
||||||
|
|
||||||
|
export function Settings() {
|
||||||
|
const [showEmojiPicker, setShowEmojiPicker] = useState(false);
|
||||||
|
const [config, updateConfig, resetConfig] = useChatStore((state) => [
|
||||||
|
state.config,
|
||||||
|
state.updateConfig,
|
||||||
|
state.resetConfig,
|
||||||
|
]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className={styles["window-header"]}>
|
||||||
|
<div>
|
||||||
|
<div className={styles["window-header-title"]}>设置</div>
|
||||||
|
<div className={styles["window-header-sub-title"]}>设置选项</div>
|
||||||
|
</div>
|
||||||
|
<div className={styles["window-actions"]}>
|
||||||
|
<div className={styles["window-action-button"]}>
|
||||||
|
<IconButton
|
||||||
|
icon={<ResetIcon />}
|
||||||
|
onClick={resetConfig}
|
||||||
|
bordered
|
||||||
|
title="重置所有选项"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className={styles["settings"]}>
|
||||||
|
<List>
|
||||||
|
<ListItem>
|
||||||
|
<div className={styles["settings-title"]}>头像</div>
|
||||||
|
<Popover
|
||||||
|
onClose={() => setShowEmojiPicker(false)}
|
||||||
|
content={
|
||||||
|
<EmojiPicker
|
||||||
|
lazyLoadEmojis
|
||||||
|
theme={EmojiTheme.AUTO}
|
||||||
|
onEmojiClick={(e) => {
|
||||||
|
updateConfig((config) => (config.avatar = e.unified));
|
||||||
|
setShowEmojiPicker(false);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
open={showEmojiPicker}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className={styles.avatar}
|
||||||
|
onClick={() => setShowEmojiPicker(true)}
|
||||||
|
>
|
||||||
|
<Avatar role="user" />
|
||||||
|
</div>
|
||||||
|
</Popover>
|
||||||
|
</ListItem>
|
||||||
|
|
||||||
|
<ListItem>
|
||||||
|
<div className={styles["settings-title"]}>发送键</div>
|
||||||
|
<div className="">
|
||||||
|
<select
|
||||||
|
value={config.submitKey}
|
||||||
|
onChange={(e) => {
|
||||||
|
updateConfig(
|
||||||
|
(config) =>
|
||||||
|
(config.submitKey = e.target.value as any as SubmitKey)
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{Object.values(SubmitKey).map((v) => (
|
||||||
|
<option value={v} key={v}>
|
||||||
|
{v}
|
||||||
|
</option>
|
||||||
|
))}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</ListItem>
|
||||||
|
|
||||||
|
<ListItem>
|
||||||
|
<div className={styles["settings-title"]}>主题</div>
|
||||||
|
<div className="">
|
||||||
|
<select
|
||||||
|
value={config.theme}
|
||||||
|
onChange={(e) => {
|
||||||
|
updateConfig(
|
||||||
|
(config) => (config.theme = e.target.value as any as Theme)
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{Object.values(Theme).map((v) => (
|
||||||
|
<option value={v} key={v}>
|
||||||
|
{v}
|
||||||
|
</option>
|
||||||
|
))}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</ListItem>
|
||||||
|
|
||||||
|
<ListItem>
|
||||||
|
<div className={styles["settings-title"]}>紧凑边框</div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
checked={config.tightBorder}
|
||||||
|
onChange={(e) =>
|
||||||
|
updateConfig(
|
||||||
|
(config) => (config.tightBorder = e.currentTarget.checked)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
></input>
|
||||||
|
</ListItem>
|
||||||
|
</List>
|
||||||
|
<List>
|
||||||
|
<ListItem>
|
||||||
|
<div className={styles["settings-title"]}>最大上下文消息数</div>
|
||||||
|
<input
|
||||||
|
type="range"
|
||||||
|
title={config.historyMessageCount.toString()}
|
||||||
|
value={config.historyMessageCount}
|
||||||
|
min="5"
|
||||||
|
max="20"
|
||||||
|
step="5"
|
||||||
|
onChange={(e) =>
|
||||||
|
updateConfig(
|
||||||
|
(config) =>
|
||||||
|
(config.historyMessageCount = e.target.valueAsNumber)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
></input>
|
||||||
|
</ListItem>
|
||||||
|
|
||||||
|
<ListItem>
|
||||||
|
<div className={styles["settings-title"]}>
|
||||||
|
上下文中包含机器人消息
|
||||||
|
</div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
checked={config.sendBotMessages}
|
||||||
|
onChange={(e) =>
|
||||||
|
updateConfig(
|
||||||
|
(config) => (config.sendBotMessages = e.currentTarget.checked)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
></input>
|
||||||
|
</ListItem>
|
||||||
|
</List>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
.window-header {
|
||||||
|
padding: 14px 20px;
|
||||||
|
border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-header-title {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bolder;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-header-sub-title {
|
||||||
|
font-size: 14px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-actions {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-action-button {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
@ -0,0 +1,228 @@
|
|||||||
|
# proxychains.conf FOR PROXYCHAINS.EXE ALPHA
|
||||||
|
#
|
||||||
|
# SOCKS5 tunneling proxifier with Fake DNS.
|
||||||
|
#
|
||||||
|
|
||||||
|
# The option below identifies how the ProxyList is treated.
|
||||||
|
# only one option should be uncommented at time,
|
||||||
|
# otherwise the last appearing option will be accepted
|
||||||
|
#
|
||||||
|
#
|
||||||
|
# DYNAMIC_CHAIN IS NOT SUPPORTED AT PRESENT
|
||||||
|
#dynamic_chain
|
||||||
|
# DYNAMIC_CHAIN IS NOT SUPPORTED AT PRESENT
|
||||||
|
#
|
||||||
|
# Dynamic - Each connection will be done via chained proxies
|
||||||
|
# all proxies chained in the order as they appear in the list
|
||||||
|
# at least one proxy must be online to play in chain
|
||||||
|
# (dead proxies are skipped)
|
||||||
|
# otherwise EINTR is returned to the app
|
||||||
|
#
|
||||||
|
#
|
||||||
|
strict_chain
|
||||||
|
#
|
||||||
|
# Strict - Each connection will be done via chained proxies
|
||||||
|
# all proxies chained in the order as they appear in the list
|
||||||
|
# all proxies must be online to play in chain
|
||||||
|
# otherwise EINTR is returned to the app
|
||||||
|
#
|
||||||
|
# RANDOM_CHAIN IS NOT SUPPORTED AT PRESENT
|
||||||
|
#random_chain
|
||||||
|
# RANDOM_CHAIN IS NOT SUPPORTED AT PRESENT
|
||||||
|
#
|
||||||
|
# Random - Each connection will be done via random proxy
|
||||||
|
# (or proxy chain, see chain_len) from the list.
|
||||||
|
# this option is good to test your IDS :)
|
||||||
|
|
||||||
|
# Make sense only if random_chain
|
||||||
|
#chain_len = 2
|
||||||
|
|
||||||
|
# Quiet mode (no output from library)
|
||||||
|
#quiet_mode
|
||||||
|
|
||||||
|
# Proxy DNS requests using Fake IP - no leak for DNS data
|
||||||
|
proxy_dns
|
||||||
|
|
||||||
|
# Proxy DNS requests using UDP associate feature provided by SOCKS5 proxy
|
||||||
|
# NOT SUPPORTED AT PRESENT
|
||||||
|
#proxy_dns_udp_associate
|
||||||
|
# NOT SUPPORTED AT PRESENT
|
||||||
|
|
||||||
|
# set the class A subnet number to usefor use of the internal remote DNS mapping
|
||||||
|
# we use the reserved 224.x.x.x range by default,
|
||||||
|
# if the proxified app does a DNS request, we will return an IP from that range.
|
||||||
|
# on further accesses to this ip we will send the saved DNS name to the proxy.
|
||||||
|
# in case some control-freak app checks the returned ip, and denies to
|
||||||
|
# connect, you can use another subnet, e.g. 10.x.x.x or 127.x.x.x.
|
||||||
|
# of course you should make sure that the proxified app does not need
|
||||||
|
# *real* access to this subnet.
|
||||||
|
# i.e. dont use the same subnet then in the localnet section
|
||||||
|
#remote_dns_subnet 127
|
||||||
|
#remote_dns_subnet 10
|
||||||
|
remote_dns_subnet 224
|
||||||
|
|
||||||
|
# This enables you to set a CIDR block for the internal remote DNS mapping
|
||||||
|
# for example, remote_dns_subnet_cidr_v4 224.0.0.0/8 is equivalent to
|
||||||
|
# remote_dns_subnet 224.
|
||||||
|
# subnet mask format like 255.255.0.0 is not allowed here
|
||||||
|
# By default 224.0.0.0/8 and 250d::/16
|
||||||
|
#remote_dns_subnet_cidr_v4 224.0.0.0/8
|
||||||
|
#remote_dns_subnet_cidr_v6 250d::/16
|
||||||
|
|
||||||
|
# Some timeouts in milliseconds
|
||||||
|
# Defaults: tcp_read_time_out 5000, tcp_connect_time_out 3000
|
||||||
|
#tcp_read_time_out 15000
|
||||||
|
#tcp_connect_time_out 8000
|
||||||
|
|
||||||
|
|
||||||
|
# ==== Rules ====
|
||||||
|
# You can control which IP range not to be proxied.
|
||||||
|
# First matched rule decides the target (PROXIED, DIRECT or BLOCK) of a
|
||||||
|
# connection.
|
||||||
|
|
||||||
|
# localnet always has a "DIRECT" target, which means they will not be
|
||||||
|
# proxied.
|
||||||
|
# By default enable localnet for loopback address ranges
|
||||||
|
# RFC5735 Loopback address range
|
||||||
|
localnet 127.0.0.0/255.0.0.0
|
||||||
|
# RFC1918 Private Address Ranges
|
||||||
|
# localnet 10.0.0.0/255.0.0.0
|
||||||
|
# localnet 172.16.0.0/255.240.0.0
|
||||||
|
# localnet 192.168.0.0/255.255.0.0
|
||||||
|
|
||||||
|
|
||||||
|
# Example for localnet exclusion
|
||||||
|
## Exclude connections to 192.168.1.0/24 with port 80
|
||||||
|
# localnet 192.168.1.0:80/255.255.255.0
|
||||||
|
|
||||||
|
## Exclude connections to 192.168.100.0/24
|
||||||
|
# localnet 192.168.100.0/255.255.255.0
|
||||||
|
|
||||||
|
## Exclude connections to ANYwhere with port 80
|
||||||
|
# localnet 0.0.0.0:80/0.0.0.0
|
||||||
|
|
||||||
|
# === Additional routing rules ===
|
||||||
|
# These rules enables further control on websites/addresses which
|
||||||
|
# should be proxied or not.
|
||||||
|
# All rules can have an extra optional restriction of target port.
|
||||||
|
# However, if the proxied application uses gethostbyname() to do DNS
|
||||||
|
# query instead of getaddrinfo() series, this port part of the rule
|
||||||
|
# is invalidated.
|
||||||
|
# Three target is allowed: PROXY, DIRECT and BLOCK.
|
||||||
|
#
|
||||||
|
# - DOMAIN-KEYWORD rule, matching requests where the FQDN contains
|
||||||
|
# a specific string.
|
||||||
|
# e.g. DOMAIN-KEYWORD,google:80,DIRECT means any request to FQDN
|
||||||
|
# containing "google" with the target port 80 will NOT be proxied.
|
||||||
|
#
|
||||||
|
# - DOMAIN-SUFFIX rule, matching requests where the FQDN is suffixed
|
||||||
|
# with a specific string.
|
||||||
|
# e.g. DOMAIN-SUFFIX,.ru,PROXY means any FQDN that ends with ".ru"
|
||||||
|
# will be proxied.
|
||||||
|
#
|
||||||
|
# - DOMAIN-FULL rule, matching requests where the FQDN is exactly
|
||||||
|
# identical to a specific string.
|
||||||
|
# e.g. DOMAIN-FULL,duckduckgo.com,DIRECT means every request to
|
||||||
|
# "duckduckgo.com" (must entirely match) will NOT be proxied.
|
||||||
|
#
|
||||||
|
# - DOMAIN rule, the alias of DOMAIN-FULL rule.
|
||||||
|
#
|
||||||
|
# - IP-CIDR rule, matching requests to IP address in a CIDR block.
|
||||||
|
# Note if an FQDN is previously matched by a DOMAIN* rule, this rule
|
||||||
|
# is not applied to the resolved IPs. (Because fake IPs are used in
|
||||||
|
# this case)
|
||||||
|
# e.g. IP-CIDR,8.8.8.8/32,DIRECT
|
||||||
|
# IP-CIDR,250e::/16,PROXY
|
||||||
|
# IP-CIDR,[250c::]:443/16,PROXY
|
||||||
|
# IP-CIDR,10.0.0.0:80/8,DIRECT
|
||||||
|
# Note that "IP-CIDR,127.0.0.0/8,DIRECT" is equivalent to
|
||||||
|
# "localnet 127.0.0.0/255.0.0.0".
|
||||||
|
IP-CIDR,10.0.0.0/8,DIRECT
|
||||||
|
IP-CIDR,172.16.0.0/12,DIRECT
|
||||||
|
IP-CIDR,192.168.0.0/255.255.0.0,DIRECT
|
||||||
|
IP-CIDR,fe80::/8,DIRECT
|
||||||
|
# - PORT rule, matching requests to a target port.
|
||||||
|
# e.g. PORT,25,BLOCK
|
||||||
|
#
|
||||||
|
# - FINAL "rule", deciding the destiny of a request immediately.
|
||||||
|
# When this "rule" is used, it is not treated as a "match".
|
||||||
|
# If you want an unconditional match, try other rules instead, like
|
||||||
|
# IP-CIDR,0.0.0.0/0,PROXY or DOMAIN-KEYWORD,,PROXY.
|
||||||
|
#
|
||||||
|
# When no rules and no FINAL "rule" matched, a connection will be
|
||||||
|
# PROXIED by default, unless you specify option default_target.
|
||||||
|
# e.g. FINAL,PROXY
|
||||||
|
|
||||||
|
# Will fake IP entries created by a descendant process be removed if this
|
||||||
|
# process exited? 1 by default.
|
||||||
|
delete_fake_ip_after_child_exits 1
|
||||||
|
|
||||||
|
# When no rules and no FINAL "rule" matched, a connection's default
|
||||||
|
# target. PROXY by default.
|
||||||
|
default_target PROXY
|
||||||
|
|
||||||
|
# Will the rules apply to the resolved IP if corresponding hostname
|
||||||
|
# did not match any rules? (FINAL is not counted as a rule)
|
||||||
|
# IF SO, SET THIS OPTION'S VALUE TO 0. 1 by default.
|
||||||
|
use_fake_ip_when_hostname_not_matched 1
|
||||||
|
|
||||||
|
# ===== Keep them as-is =====
|
||||||
|
|
||||||
|
map_resolved_ip_to_host 0
|
||||||
|
search_for_host_by_resolved_ip 0
|
||||||
|
# or force_resolve_by_hosts_file 1
|
||||||
|
resolve_locally_if_match_hosts 1
|
||||||
|
|
||||||
|
# ===== Keep them as-is - end =====
|
||||||
|
|
||||||
|
# Generate fake ips by FQDN hash - 1 (better to get rid of SSH safe
|
||||||
|
# warnings)
|
||||||
|
# Generate fake ips sequentially - 0
|
||||||
|
# Default: 1
|
||||||
|
gen_fake_ip_using_hashed_hostname 1
|
||||||
|
|
||||||
|
# If your *first* proxy supports connecting to it by an IPv4 address
|
||||||
|
# (resolved by a hostname or specified manually), set its value to 1.
|
||||||
|
# This enables proxying IPv4 address.
|
||||||
|
# If disabled, fake IPv4 address is not returned.
|
||||||
|
# 1 by default
|
||||||
|
first_tunnel_uses_ipv4 1
|
||||||
|
|
||||||
|
# If your *first* proxy supports connecting to it by an IPv6 address
|
||||||
|
# (resolved by a hostname or specified manually), set its value to 1.
|
||||||
|
# This enables proxying IPv6 address.
|
||||||
|
# If disabled, fake IPv6 address is not returned.
|
||||||
|
# 0 by default
|
||||||
|
first_tunnel_uses_ipv6 0
|
||||||
|
|
||||||
|
# Custom hosts file path
|
||||||
|
#custom_hosts_file_path C:\Some Path\hosts
|
||||||
|
#custom_hosts_file_path /etc/alternative/hosts
|
||||||
|
|
||||||
|
# Custom log level.
|
||||||
|
# 600 - VERBOSE
|
||||||
|
# 500 - DEBUG
|
||||||
|
# 400 - INFO
|
||||||
|
# 300 - WARNING
|
||||||
|
# 200 - ERROR
|
||||||
|
# 100 - CRITICAL
|
||||||
|
# "log_level 200" is equivalent to "quiet_mode"
|
||||||
|
log_level 400
|
||||||
|
|
||||||
|
# ProxyList format
|
||||||
|
# type host port [user pass]
|
||||||
|
# (values separated by 'tab' or 'blank')
|
||||||
|
#
|
||||||
|
#
|
||||||
|
# Examples:
|
||||||
|
#
|
||||||
|
# socks5 localhost 1080
|
||||||
|
# socks5 localhost 1080 user password
|
||||||
|
# socks5 192.168.67.78 1080 lamer secret
|
||||||
|
#
|
||||||
|
#
|
||||||
|
# proxy types: socks5
|
||||||
|
# ( auth types supported: "user/pass"-socks5 )
|
||||||
|
#
|
||||||
|
[ProxyList]
|
||||||
|
socks5 localhost 7890
|
||||||
Loading…
Reference in new issue