haishanh/yacd

Yet Another Clash Dashboard

Yet Another Clash Dashboard

Usage

The site http://yacd.haishan.me is served with HTTP not HTTPS is because many browsers block requests to HTTP resources from a HTTPS website. If you think it's not safe, you could just download the zip of the gh-pages, unzip and serve those static files with a web server(like Nginx).

Docker image

• Docker Hub haishanh/yacd
• GitHub Container Registry ghcr.io/haishanh/yacd

docker run -p 1234:80 -d --name yacd --rm ghcr.io/haishanh/yacd:master

# and then open http://localhost:1234 in your browser

Supported URL query params

Param	Description
hostname	Hostname of the clash backend API (usually the host part of external-controller)
port	Port of the clash backend API (usually the port part of external-controller)
secret	Clash API secret (secret in your config.yaml)
theme	UI color scheme (dark, light, auto)

Development

# install dependencies
# you may install pnpm with `npm i -g pnpm`
pnpm i

# start the dev server
# then go to the url printed on the screen
pnpm start


# build optimized assets
# ready to deploy assets will be in the directory `public`
pnpm build

yacd's Issues

关于每次切换节点频繁询问

最新版本中每次切换节点都要询问是否关闭当前节点所有连接,略显繁琐
能否在右上角的设置中加入一个总开关

打开该开关:切换节点将直接关闭占用的连接,之后切换节点的操作均不在给予弹框提示
关闭该开关:每次切换都会提示(默认操作)

登陆不进去

一直在同一个页面，要怎么进去？

最新版本地页面包 gh-pages 里面好多字体文件，全都是需要的么

有没有可能删掉精简一些呢，对不起，原谅我这个事儿B吧。。。
还有一点疑问，在GLOBAL的分组下面为什么还有一个GLOBAL，感觉好像没有用处

移动设备下 proxies 部分显示效果不佳

选项卡过大，一行只能显示一个，而且没有折叠

模式无法更改，点击模式按钮没有反应

如图，按钮高亮的部分跑到按钮外面去了，三个模式点击都没有反应。我只是设置了两个provider。

Proxies这边的Global还多了一个不可点击的Global按钮

日志等级不受控制

日志等级无论选哪个 都是info级别
还有小白顺便问一下，面板的日志等级会影响config.yml的日志等级吗？

全局模式下如何指定代理服务器

全局模式下如何指定代理服务器，谢谢。

页面显示问题

可以优化一下yacd面板的conns页面显示吗，
每次查看目标IP都要拖动滚动条到右边，
可以看到中间还有较多空白，
如果显示信息做紧凑一点
一屏显示应该问题不大吧

使用环境，windows10，分辨率 1080p，100%缩放

呃~0619~不通的节点怎么变成了绿色的小圆点？

如图~以前不是灰色的咩？
http://yacd.haishan.me/ 在线版本

是否可以支持log的导出

v0.12.0 的 load-balance 支持

clash v0.12.0 增加了 load-balance 的支持，但是 yacd 显示不出来，希望增加支持

close connections while switching proxies

clash-dashboard 最近加入了这个功能： https://github.com/Dreamacro/clash-dashboard/commit/48668b93128ec9f1524f98df1da7bbe31872d4ee

yacd 是否有计划加入呢

添加一些选项

Overview里加一个最高速度，显示当前节点，当前节点最好再加个开关
手机端的改变主题

希望有修改规则的功能

看了有修改config的api

PUT方法，路由是/configs
数据参数有2个
path 文件绝对路径
payload yaml配置

https://github.com/Dreamacro/clash/blob/646bd4eeb4bbea6628987be55a167c45e718f77a/hub/route/configs.go#L80-L83

webui可以用payload参数实现修改规则

刷新页面后收起的策略组又回重新展开

当节点很多时每次刷新都要调整 太麻烦了 我用的是主页提供的静态页面，把yacd-gh-pages文件夹里的dashboard文件放到ui文件夹映射到clash的docker中，不知道是否跟这个静态页面文件夹没更新有关？

clash可以使用mix port，是否可以跟进？

[Feature Request] Close All Connections

Hello,

If you could add a button that can close all Connections, that would be nice.

Just like the screenshot at http://clash.razord.top below:

Thanks :)

建议增加docker镜像支持

更新了之后更方便简洁一目明了

ui排版真的越来越好看实用了 之前觉得全部线路不能隐藏很乱 现在能隐藏也能用小圆点显示网络状态 实在太棒了 辛苦了 加油啊 ！设置那里能否加上密码设置呢？secret:

6.15日yacd.haishan.me无法切换全局/规则/直连的模式

经测试，用yacd.haishan.me 连接win版或者路由的arm版本，都无法切换~

用razord面板正常

clash版本 v.0.20

如何修改主题

请问怎么把主题修改为默认白色的，，眼拙我在代码中没发现

功能请求：保存 Proxy Group 中的 select 的状态

“当我使用 Dashboard 选择节点时，clash重启后会重新切换会默认节点，希望能保存选择节点后的状态。”

引用自：https://github.com/Dreamacro/clash-dashboard/issues/11

Entire page crash when Proxy component try to display DIRECT

Entire page crash when Proxy try to display DIRECT

yacd/src/components/Proxy.js

Lines 43 to 49 in 2e43f46

	function Proxy({ now, name }) {
	const { proxies, delay } = useComponentState(mapStateToProps);
	// const { name, proxies, delay, now } = this.props;
	const latency = delay[name];
	const proxy = proxies[name];
	const color = now ? colors[proxy.type] : '#555';

when name equals DIRECT, obviously proxies[name] is, undefined, the proxy.type will triger

Uncaught TypeError: Cannot read property 'type' of undefined

and let the entire page crash.

Reproduce:
config.yaml for clash

'Proxy Group':
  - { name: 'Apple Service', type: select, proxies: [DIRECT, XXXX] }

and ProxyGroup2 will create the Proxy component with name DIRECT

yacd/src/components/ProxyGroup.js

Line 51 in 2e43f46

<Proxy name={proxyName} now={proxyName === group.now} />

小白问题：如何指定URL端口？

看到0.18版本后可以用?hostname=来指定访问的服务地址，请问如何访问定制端口的服务地址？

例：http://yacd.haishan.me/?hostname=192.168.1.1 vs http://yacd.haishan.me/?hostname=127.0.0.1:6891

谢谢！

关于 Test Latency

大佬你好😊
环境是:
openwrt+open-clash(Fake-IP模式)
我遇到一个问题:
在Proxies模块,点击Test Latency 没有出现任何测速结果,请问是需要什么额外的配置吗?

希望增加多服务器选择

现在就只能登录一个服务器，对于多服务器来说。切换不太方便。希望下个版本增加服务器选择功能

v0.38.8 yacd面板节点排序问题

大佬好：
更新到最新的版本后，发现节点按延迟排序出现如下情况，不可用的节点跑最前面来了，之前的版本都正常的(延迟最低的绿色节点在最前面)，求指导：

yacd does not support custom log-level

No matter users choose which log mode on the Config panel (e.g., warning or silent), the Logspanel seems always displaying the logs in info mode. Indeed, yacd may ignore the user's setting of log-level in the config file.

关闭allow-lan之后无法打开

考虑Electron版本吗

考虑开发Electron版本吗？

yacd的一些建议

1.从A节点切换B节点会关闭之前使用A节点的所有连接,从而重新使用B节点建立连接

    场景一:A节点看youtube速度不给力,我想切换B节点观看,由于在不关闭浏览器
       情况下,会导致连接一直占用A节点
      
    场景二:就是上传,A节点上传被限速,切换B节点上传
       GoogleDrive或OneDrive会依然使用A节点,需要暂停重新开始才能切换到B 

2.单独ping某个节点与只ping该策略下的所有节点

功能预想:在每个策略后面加上一个图标,点击后拆分出两个功能:一个是仅ping当前策略中的选中节 
               点,还有一个是 ping该策略下的所有节点

节点特别多,这个部分ping就非常实用,不用每次ping全部

3.排序规则精确到每个策略组上

Could you please disable the auto ping test, I cannot choose a proxy when the test is running.

搜索框无法输入中文

使用winidows 10自带输入法切换至中文,候选框一闪而过,导致无法输入中文搜索

https无法使用

延迟测试服务器

建议改成一个没被墙的服务器。回国节点也可以进行测试。

Traffic Diagram Intermittently Stops Working on Safari

Traffic Diagram on overview page sometimes stops working on Safari 12.1 (macOS 10.14.4). It simply displays nothing which looks like no data received from clash. It normally recovers after I cleared local storage followed by restarting Safari. BTW, there's no issue with Chrome.

Sorting In Group

白色主题:

黑色主题:无法正常显示下拉列表内容

应该是CSS样式的问题..

Close Connections的提示是否可以设置开关，关闭提示。

每次都确认有点烦人。

根据类型等过滤节点

节点数比较多，希望方便点找过滤 ：）

• vmess
• shadowsocks

能否给个选项,不自动排序

自动排序后,一般香港之类的节点延迟低会在前面,美国的会在后面,但是我的用的机场美国的稳定很多,这样我找起来不方便
默认的,就像windows的客户端一样,每个国家的节点基本在一起,测速后不会排序更适合我

怎么开机启动？

想尝试systemd，但不懂怎么添加命令行。没用过yarn啊

为什么测速会有很多灰色的没有响应ms的点？

为什么测速会有很多灰色的没有响应ms的点？ 但是又能正常使用， 想知道yacd的测速机制好排查问题，谢谢

400 error when update proxy rule config

git:master@yacd> docker pull dreamacro/clash                                                                                                                                                                                       yan@yan-nuc
Using default tag: latest
latest: Pulling from dreamacro/clash
Digest: sha256:343bef79d56c006b4b10870a4daf0daf477cb6ef302f519f7b42e01545d28cf3
Status: Image is up to date for dreamacro/clash:latest
docker.io/dreamacro/clash:latest

连接和总流量无法显示

其它页面正常，但 #/connections 页面无法显示当前存在的连接。这里请求了 RESTful API 的 /connections 端点，但 clash 目前似乎并没有这个 endpoint。

主页的上传总量、下载总量和活动连接数也无法显示。可能亦与 /connections 有关。

Config Page Displays Incorrectly

It seems like the config page just shows default settings (e.g., Mode: Rule, Log Level: Info) during page initialization. It won't render any actual data fetched from clash until you change something by clicking on any button/switch. I remembered it used to be working properly last time.

clash-dev 无法显示流量及日志

arch linux 环境下，使用clash最新dev版本，流量一直显示为0.同时日志也无法显示。

curl 测试clash 的 RESTful api正常，流量及日志有有输出

在连接列表中添加实时速率监控

http://clash.razord.top/#/connections (速率项)
(添加到)===> http://yacd.haishan.me/#/connections

将clash内核替换成clashR内核之后 SR线路的节点没有ping延迟

同样是替换了内核的clashR 所有的SSR线路在razord上能测速测出Ping延迟 但在yacd上的SSR线路就没有， 但yacd上的SS、V2R线路测速正常。对于一些需要获取ping的规则例如：url-test fallback loadbalance这些都似乎严重依赖于线路的ping而作出优选。

Failed to load resource: the server responded with a status of 405 (Method Not Allowed)

Failed to load resource: the server responded with a status of 405 (Method Not Allowed)

Failed to load http://192.168.188.139:9090/traffic: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://yacd.haishan.me' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. app.6cc7f04cc66718dd2c90.js:29

fetch /traffic error TypeError: Failed to fetch

这个错误从f867f02开始出现，如果设置external-ui，并从http://192.168.188.139:9090/ui/#/访问，则没有问题。

麻烦不要修改数字字体

用默认的就好了， 引用外部字体增加流量， 而且这个字体可读性并不好