Yet Another Clash Dashboard
Find a file
Haishan e68f4ce966 fix(streaming): split and join JSON string chunks correctly
for #13

Sometimes in Safari, in one "pump" you can get the content below(decoded
text string):

'{"up":0,"down":38589}\n{"up":0,"down":59928}'

and then JSON.parse will throw
2019-04-19 00:17:06 +08:00
.circleci ci: add circleci config.yml 2018-10-30 16:01:33 +08:00
.github build: using gh actions 2019-03-02 20:38:15 +08:00
assets refactor(chart): lazy load Chart.js with suspense 2018-11-03 23:06:16 +08:00
src fix(streaming): split and join JSON string chunks correctly 2019-04-19 00:17:06 +08:00
.eslintrc.yml tooling: update eslint config 2019-03-31 00:21:10 +08:00
.gitignore refactor(hooks): here be dragons! 2018-11-03 23:06:35 +08:00
babel.config.js chore: upgrade deps 2019-03-31 00:21:09 +08:00
package.json refactor: replace sass with postcss 2019-04-14 22:56:14 +08:00
README.md doc(readme): add clash-dashboard repo url 2019-01-02 23:07:12 +08:00
server.js chore: upgrade deps 2019-04-19 00:16:39 +08:00
webpack.config.js refactor: replace sass with postcss 2019-04-14 22:56:14 +08:00
webpack.dll.config.js first commit 2018-10-20 20:32:02 +08:00
yarn.lock chore: upgrade deps 2019-04-19 00:16:39 +08:00

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