Yet Another Clash Dashboard

Find a file

Haishan 7f75345c03 refactor(chart): lazy load Chart.js with suspense - chore: add ico favicon - chore: lint - chore: add react-hooks lint rules		2018-11-03 23:06:16 +08:00
.circleci	ci: add circleci config.yml	2018-10-30 16:01:33 +08:00
assets	refactor(chart): lazy load Chart.js with suspense	2018-11-03 23:06:16 +08:00
src	refactor(chart): lazy load Chart.js with suspense	2018-11-03 23:06:16 +08:00
.babelrc	react: start using Hooks!	2018-10-30 16:01:33 +08:00
.eslintrc.yml	refactor(chart): lazy load Chart.js with suspense	2018-11-03 23:06:16 +08:00
.gitignore	first commit	2018-10-20 20:32:02 +08:00
package.json	refactor(chart): lazy load Chart.js with suspense	2018-11-03 23:06:16 +08:00
README.md	doc: update readme about http served site	2018-10-21 21:27:08 +08:00
server.js	first commit	2018-10-20 20:32:02 +08:00
webpack.common.js	build: replace uglifyjs-webpack-plugin with terser one	2018-10-30 16:36:51 +08:00
webpack.config.js	refactor(chart): lazy load Chart.js with suspense	2018-11-03 23:06:16 +08:00
webpack.dll.config.js	first commit	2018-10-20 20:32:02 +08:00
yarn.lock	refactor(chart): lazy load Chart.js with suspense	2018-11-03 23:06:16 +08:00

README.md

yacd

Yet Another Clash Dashboard

The site http://yacd.haishan.me is served with HTTP not HTTPS is because many browsers blocking request to HTTP resources from a HTTPS website. If you think it's not safe or not comfort with this, you can actually download the zip of the gh-pages, unzip and open index.html directly.

Extra note for Firefox users:

yacd is using the Fetch (Web) API to stream chunked API response from Clash to draw the traffic chart. But currently the streaming feature in Firefox needs to be turned on manually. Here is how to:

Visit about:config, search for dom.streams.enabled and javascript.options.streams, double click those items to turn them on.

Development

# install dependencies
yarn

# start the dev server
yarn start

# go to http://127.0.0.1:3000