feat: merge api (#658)
This commit is contained in:
Cafe137
GitHub
@@ -18,7 +18,6 @@ jobs:
|
|||||||
|
|
||||||
env:
|
env:
|
||||||
REACT_APP_BEE_HOST: https://api.test-node.staging.ethswarm.org/
|
REACT_APP_BEE_HOST: https://api.test-node.staging.ethswarm.org/
|
||||||
REACT_APP_BEE_DEBUG_HOST: https://debug.test-node.staging.ethswarm.org/
|
|
||||||
|
|
||||||
steps:
|
steps:
|
||||||
- uses: actions/checkout@v2
|
- uses: actions/checkout@v2
|
||||||
@@ -77,7 +76,7 @@ jobs:
|
|||||||
bee-url: https://unlimited.gateway.ethswarm.org
|
bee-url: https://unlimited.gateway.ethswarm.org
|
||||||
token: ${{ secrets.GHA_PAT_BASIC }}
|
token: ${{ secrets.GHA_PAT_BASIC }}
|
||||||
error-document: index.html
|
error-document: index.html
|
||||||
headers: "${{ secrets.GATEWAY_AUTHORIZATION_HEADER }}"
|
headers: '${{ secrets.GATEWAY_AUTHORIZATION_HEADER }}'
|
||||||
|
|
||||||
- name: Upload to testnet
|
- name: Upload to testnet
|
||||||
uses: ethersphere/swarm-actions/upload-dir@v0
|
uses: ethersphere/swarm-actions/upload-dir@v0
|
||||||
|
|||||||
@@ -13,15 +13,17 @@
|
|||||||
**Warning: This project is in alpha state. There might (and most probably will) be changes in the future to its API and
|
**Warning: This project is in alpha state. There might (and most probably will) be changes in the future to its API and
|
||||||
working. Also, no guarantees can be made about its stability, efficiency, and security at this stage.**
|
working. Also, no guarantees can be made about its stability, efficiency, and security at this stage.**
|
||||||
|
|
||||||
This project is intended to be used with **Bee version <!-- SUPPORTED_BEE_START -->1.12.0-88c1d236<!-- SUPPORTED_BEE_END -->**.
|
This project is intended to be used with \*\*Bee version
|
||||||
Using it with older or newer Bee versions is not recommended and may not work. Stay up to date by joining the
|
|
||||||
[official Discord](https://discord.gg/GU22h2utj6) and by keeping an eye on the
|
<!-- SUPPORTED_BEE_START -->1.12.0-88c1d236<!-- SUPPORTED_BEE_END -->**. Using it with older or newer Bee versions is
|
||||||
[releases tab](https://github.com/ethersphere/bee-dashboard/releases).
|
|
||||||
|
not recommended and may not work. Stay up to date by joining the [official Discord](https://discord.gg/GU22h2utj6) and
|
||||||
|
by keeping an eye on the [releases tab](https://github.com/ethersphere/bee-dashboard/releases).
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
| Node Setup | Upload Files | Download Content | Accounting | Settings |
|
| Node Setup | Upload Files | Download Content | Accounting | Settings |
|
||||||
| ------------------------------------ | -------------------------------------- | ------------------------------------------ | ----------------------------------------- | ---------------------------------------- |
|
| ------------------------------------ | -------------------------------------- | ------------------------------------------ | ----------------------------------------- | ------------------------------------- |
|
||||||
|  |  |  |  |  |
|
|  |  |  |  |  |
|
||||||
|
|
||||||
## Table of Contents
|
## Table of Contents
|
||||||
@@ -45,9 +47,9 @@ npm install -g @ethersphere/bee-dashboard
|
|||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|
||||||
:warning: To successfully connect to the Bee node, you will need to enable the Debug API and CORS. You can do so by
|
:warning: To successfully connect to the Bee node, you will need to enable CORS. You can do so by setting
|
||||||
setting `cors-allowed-origins: ['*']` and `debug-api-enable: true` in the Bee config file and then restart the Bee node.
|
`cors-allowed-origins: ['*']` in the Bee config file and then restart the Bee node. To see where the config file is,
|
||||||
To see where the config file is, consult the
|
consult the
|
||||||
[official Bee documentation](https://docs.ethswarm.org/docs/working-with-bee/configuration#configuring-bee-installed-using-a-package-manager)
|
[official Bee documentation](https://docs.ethswarm.org/docs/working-with-bee/configuration#configuring-bee-installed-using-a-package-manager)
|
||||||
|
|
||||||
### Terminal
|
### Terminal
|
||||||
@@ -96,18 +98,22 @@ The Bee Dashboard runs in development mode on [http://localhost:3031/](http://lo
|
|||||||
|
|
||||||
#### Environmental variables
|
#### Environmental variables
|
||||||
|
|
||||||
The CRA supports to specify "environmental variables" during build time which are then hardcoded into the served static files.
|
The CRA supports to specify "environmental variables" during build time which are then hardcoded into the served static
|
||||||
We support following variables:
|
files. We support following variables:
|
||||||
|
|
||||||
- `REACT_APP_BEE_DESKTOP_ENABLED` (`boolean`) that toggles if the Dashboard is in Desktop mode or not.
|
- `REACT_APP_BEE_DESKTOP_ENABLED` (`boolean`) that toggles if the Dashboard is in Desktop mode or not.
|
||||||
- `REACT_APP_BEE_DESKTOP_URL` (`string`) defines custom URL where the Desktop API is expected. By default, it is same origin under which the Dashboard is served.
|
- `REACT_APP_BEE_DESKTOP_URL` (`string`) defines custom URL where the Desktop API is expected. By default, it is same
|
||||||
- `REACT_APP_BEE_HOST` (`string`) defines custom Bee API URL to be used as default one. By default, the `http://localhost:1633` is used.
|
origin under which the Dashboard is served.
|
||||||
- `REACT_APP_BEE_DEBUG_HOST` (`string`) defines custom Bee Debug API URL to be used as default one. By default, the `http://localhost:1635` is used.
|
- `REACT_APP_BEE_HOST` (`string`) defines custom Bee API URL to be used as default one. By default, the
|
||||||
- `REACT_APP_DEFAULT_RPC_URL` (`string`) defines the default RPC provider URL. Be aware, that his only configures the default value. The user can override this in Settings, which is then persisted in local store and has priority over the value set in this env. variable. By default `https://xdai.fairdatasociety.org` is used.
|
`http://localhost:1633` is used.
|
||||||
|
- `REACT_APP_DEFAULT_RPC_URL` (`string`) defines the default RPC provider URL. Be aware, that his only configures the
|
||||||
|
default value. The user can override this in Settings, which is then persisted in local store and has priority over
|
||||||
|
the value set in this env. variable. By default `https://xdai.fairdatasociety.org` is used.
|
||||||
|
|
||||||
#### Swarm Desktop development
|
#### Swarm Desktop development
|
||||||
|
|
||||||
If you want to develop Bee Dashboard in the Swarm Desktop mode, then spin up `swarm-desktop` to the point where Desktop is initialized (eq. the splash screen disappear) and:
|
If you want to develop Bee Dashboard in the Swarm Desktop mode, then spin up `swarm-desktop` to the point where Desktop
|
||||||
|
is initialized (eq. the splash screen disappear) and:
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
echo "REACT_APP_BEE_DESKTOP_URL=http://localhost:3054
|
echo "REACT_APP_BEE_DESKTOP_URL=http://localhost:3054
|
||||||
@@ -136,5 +142,4 @@ See what "Maintainer" means [here](https://github.com/ethersphere/repo-maintaine
|
|||||||
|
|
||||||
[BSD-3-Clause](./LICENSE)
|
[BSD-3-Clause](./LICENSE)
|
||||||
|
|
||||||
|
|
||||||
[](https://app.fossa.com/projects/git%2Bgithub.com%2Fethersphere%2Fbee-dashboard?ref=badge_large)
|
[](https://app.fossa.com/projects/git%2Bgithub.com%2Fethersphere%2Fbee-dashboard?ref=badge_large)
|
||||||
|
|||||||
Generated
+42
-131
@@ -9,7 +9,7 @@
|
|||||||
"version": "0.25.0",
|
"version": "0.25.0",
|
||||||
"license": "BSD-3-Clause",
|
"license": "BSD-3-Clause",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ethersphere/bee-js": "^6.7.0",
|
"@ethersphere/bee-js": "^7.0.0",
|
||||||
"@ethersphere/swarm-cid": "^0.1.0",
|
"@ethersphere/swarm-cid": "^0.1.0",
|
||||||
"@material-ui/core": "4.12.3",
|
"@material-ui/core": "4.12.3",
|
||||||
"@material-ui/icons": "4.11.2",
|
"@material-ui/icons": "4.11.2",
|
||||||
@@ -39,7 +39,6 @@
|
|||||||
"react-router-dom": "6.2.1",
|
"react-router-dom": "6.2.1",
|
||||||
"react-syntax-highlighter": "15.4.4",
|
"react-syntax-highlighter": "15.4.4",
|
||||||
"remixicon-react": "^1.0.0",
|
"remixicon-react": "^1.0.0",
|
||||||
"semver": "7.3.5",
|
|
||||||
"serve-handler": "6.1.3",
|
"serve-handler": "6.1.3",
|
||||||
"stream": "npm:stream-browserify",
|
"stream": "npm:stream-browserify",
|
||||||
"stream-browserify": "^3.0.0"
|
"stream-browserify": "^3.0.0"
|
||||||
@@ -69,7 +68,6 @@
|
|||||||
"@types/react-router": "5.1.18",
|
"@types/react-router": "5.1.18",
|
||||||
"@types/react-router-dom": "5.3.2",
|
"@types/react-router-dom": "5.3.2",
|
||||||
"@types/react-syntax-highlighter": "13.5.2",
|
"@types/react-syntax-highlighter": "13.5.2",
|
||||||
"@types/semver": "7.3.9",
|
|
||||||
"@typescript-eslint/eslint-plugin": "5.28.0",
|
"@typescript-eslint/eslint-plugin": "5.28.0",
|
||||||
"@typescript-eslint/parser": "5.28.0",
|
"@typescript-eslint/parser": "5.28.0",
|
||||||
"babel-eslint": "10.1.0",
|
"babel-eslint": "10.1.0",
|
||||||
@@ -2440,38 +2438,28 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@ethersphere/bee-js": {
|
"node_modules/@ethersphere/bee-js": {
|
||||||
"version": "6.7.0",
|
"version": "7.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/@ethersphere/bee-js/-/bee-js-6.7.0.tgz",
|
"resolved": "https://registry.npmjs.org/@ethersphere/bee-js/-/bee-js-7.0.0.tgz",
|
||||||
"integrity": "sha512-t1bsUj9BmICuRL6XENTVyZZCfkFuCjc6pQxOekuVFLBd0Qpmyf87iRpVizvZN5IKhVqqw9xCzkg8otJKQdAKNA==",
|
"integrity": "sha512-SbWsV/FBOu42SB3oBWiZluD5rLbnHlS+vfHSPiWmbFrqyRh8ZtM/NA8nxRF7IOstP7tXl6RYAQnAHrAei+54lQ==",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ethersphere/swarm-cid": "^0.1.0",
|
"@ethersphere/swarm-cid": "^0.1.0",
|
||||||
"@types/readable-stream": "^2.3.13",
|
"axios": "^0.28.1",
|
||||||
"axios": "^0.27.2",
|
"cafe-utility": "^21.3.1",
|
||||||
"cafe-utility": "^10.8.1",
|
|
||||||
"elliptic": "^6.5.4",
|
"elliptic": "^6.5.4",
|
||||||
"fetch-blob": "2.1.2",
|
|
||||||
"isomorphic-ws": "^4.0.1",
|
"isomorphic-ws": "^4.0.1",
|
||||||
"js-sha3": "^0.8.0",
|
"js-sha3": "^0.8.0",
|
||||||
"semver": "^7.3.5",
|
"semver": "^7.3.5",
|
||||||
"tar-js": "^0.3.0",
|
|
||||||
"web-streams-polyfill": "^4.0.0-beta.3",
|
|
||||||
"ws": "^8.7.0"
|
"ws": "^8.7.0"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"bee": "1.13.0-f1067884",
|
|
||||||
"beeApiVersion": "4.0.0",
|
|
||||||
"beeDebugApiVersion": "4.0.0",
|
|
||||||
"node": ">=14.0.0",
|
|
||||||
"npm": ">=6.0.0"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@ethersphere/bee-js/node_modules/axios": {
|
"node_modules/@ethersphere/bee-js/node_modules/axios": {
|
||||||
"version": "0.27.2",
|
"version": "0.28.1",
|
||||||
"resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
|
"resolved": "https://registry.npmjs.org/axios/-/axios-0.28.1.tgz",
|
||||||
"integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
|
"integrity": "sha512-iUcGA5a7p0mVb4Gm/sy+FSECNkPFT4y7wt6OM/CDpO/OnNCvSs3PoMG8ibrC9jRoGYU0gUK5pXVC4NPXq6lHRQ==",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"follow-redirects": "^1.14.9",
|
"follow-redirects": "^1.15.0",
|
||||||
"form-data": "^4.0.0"
|
"form-data": "^4.0.0",
|
||||||
|
"proxy-from-env": "^1.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@ethersphere/bee-js/node_modules/form-data": {
|
"node_modules/@ethersphere/bee-js/node_modules/form-data": {
|
||||||
@@ -2487,24 +2475,16 @@
|
|||||||
"node": ">= 6"
|
"node": ">= 6"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@ethersphere/bee-js/node_modules/web-streams-polyfill": {
|
|
||||||
"version": "4.0.0-beta.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
|
|
||||||
"integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 14"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@ethersphere/bee-js/node_modules/ws": {
|
"node_modules/@ethersphere/bee-js/node_modules/ws": {
|
||||||
"version": "8.8.0",
|
"version": "8.17.0",
|
||||||
"resolved": "https://registry.npmjs.org/ws/-/ws-8.8.0.tgz",
|
"resolved": "https://registry.npmjs.org/ws/-/ws-8.17.0.tgz",
|
||||||
"integrity": "sha512-JDAgSYQ1ksuwqfChJusw1LSJ8BizJ2e/vVu5Lxjq3YvNJNlROv1ui4i+c/kUUrPheBvQl4c5UbERhTwKa6QBJQ==",
|
"integrity": "sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=10.0.0"
|
"node": ">=10.0.0"
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"bufferutil": "^4.0.1",
|
"bufferutil": "^4.0.1",
|
||||||
"utf-8-validate": "^5.0.2"
|
"utf-8-validate": ">=5.0.2"
|
||||||
},
|
},
|
||||||
"peerDependenciesMeta": {
|
"peerDependenciesMeta": {
|
||||||
"bufferutil": {
|
"bufferutil": {
|
||||||
@@ -4891,7 +4871,8 @@
|
|||||||
"node_modules/@types/node": {
|
"node_modules/@types/node": {
|
||||||
"version": "16.11.6",
|
"version": "16.11.6",
|
||||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.6.tgz",
|
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.6.tgz",
|
||||||
"integrity": "sha512-ua7PgUoeQFjmWPcoo9khiPum3Pd60k4/2ZGXt18sm2Slk0W0xZTqt5Y0Ny1NyBiN1EVQ/+FaF9NcY4Qe6rwk5w=="
|
"integrity": "sha512-ua7PgUoeQFjmWPcoo9khiPum3Pd60k4/2ZGXt18sm2Slk0W0xZTqt5Y0Ny1NyBiN1EVQ/+FaF9NcY4Qe6rwk5w==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/@types/parse-json": {
|
"node_modules/@types/parse-json": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
@@ -5008,15 +4989,6 @@
|
|||||||
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
|
||||||
"integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
|
"integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
|
||||||
},
|
},
|
||||||
"node_modules/@types/readable-stream": {
|
|
||||||
"version": "2.3.13",
|
|
||||||
"resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-2.3.13.tgz",
|
|
||||||
"integrity": "sha512-4JSCx8EUzaW9Idevt+9lsRAt1lcSccoQfE+AouM1gk8sFxnnytKNIO3wTl9Dy+4m6jRJ1yXhboLHHT/LXBQiEw==",
|
|
||||||
"dependencies": {
|
|
||||||
"@types/node": "*",
|
|
||||||
"safe-buffer": "*"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@types/resolve": {
|
"node_modules/@types/resolve": {
|
||||||
"version": "1.17.1",
|
"version": "1.17.1",
|
||||||
"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
|
"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
|
||||||
@@ -5037,12 +5009,6 @@
|
|||||||
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
|
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
|
||||||
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
|
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
|
||||||
},
|
},
|
||||||
"node_modules/@types/semver": {
|
|
||||||
"version": "7.3.9",
|
|
||||||
"resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.9.tgz",
|
|
||||||
"integrity": "sha512-L/TMpyURfBkf+o/526Zb6kd/tchUP3iBDEPjqjb+U2MAJhVRxxrmr2fwpe08E7QsV7YLcpq0tUaQ9O9x97ZIxQ==",
|
|
||||||
"dev": true
|
|
||||||
},
|
|
||||||
"node_modules/@types/serve-index": {
|
"node_modules/@types/serve-index": {
|
||||||
"version": "1.9.1",
|
"version": "1.9.1",
|
||||||
"resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz",
|
"resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz",
|
||||||
@@ -6921,9 +6887,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/cafe-utility": {
|
"node_modules/cafe-utility": {
|
||||||
"version": "10.9.1",
|
"version": "21.3.1",
|
||||||
"resolved": "https://registry.npmjs.org/cafe-utility/-/cafe-utility-10.9.1.tgz",
|
"resolved": "https://registry.npmjs.org/cafe-utility/-/cafe-utility-21.3.1.tgz",
|
||||||
"integrity": "sha512-/gq+ANoYvMJKrXXI/2YAiB2KhNlRhxB5XcWbbMWFA39LLCxkPhG5A9Ehy4QGv28EvndZLbBV44lJyCG+JIoDuw=="
|
"integrity": "sha512-6e5dovyMdaWNbWOY+gvpb8LnIwyO7D53uf5At0abjeAbp998B3hohE5aePRSPRSY8nzbNNTsUFmExKpUQaR7Bw=="
|
||||||
},
|
},
|
||||||
"node_modules/call-bind": {
|
"node_modules/call-bind": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
@@ -10206,19 +10172,6 @@
|
|||||||
"pend": "~1.2.0"
|
"pend": "~1.2.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/fetch-blob": {
|
|
||||||
"version": "2.1.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-2.1.2.tgz",
|
|
||||||
"integrity": "sha512-YKqtUDwqLyfyMnmbw8XD6Q8j9i/HggKtPEI+pZ1+8bvheBu78biSmNaXWusx1TauGqtUUGx/cBb1mKdq2rLYow==",
|
|
||||||
"engines": {
|
|
||||||
"node": "^10.17.0 || >=12.3.0"
|
|
||||||
},
|
|
||||||
"peerDependenciesMeta": {
|
|
||||||
"domexception": {
|
|
||||||
"optional": true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/file-entry-cache": {
|
"node_modules/file-entry-cache": {
|
||||||
"version": "6.0.1",
|
"version": "6.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
|
||||||
@@ -16490,8 +16443,7 @@
|
|||||||
"node_modules/proxy-from-env": {
|
"node_modules/proxy-from-env": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
|
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
|
||||||
"dev": true
|
|
||||||
},
|
},
|
||||||
"node_modules/psl": {
|
"node_modules/psl": {
|
||||||
"version": "1.8.0",
|
"version": "1.8.0",
|
||||||
@@ -18837,14 +18789,6 @@
|
|||||||
"tar-stream": "^2.1.4"
|
"tar-stream": "^2.1.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/tar-js": {
|
|
||||||
"version": "0.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/tar-js/-/tar-js-0.3.0.tgz",
|
|
||||||
"integrity": "sha1-aUmqv7C6GLsVYq5RpDn9DzAYOhc=",
|
|
||||||
"engines": {
|
|
||||||
"node": "*"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/tar-stream": {
|
"node_modules/tar-stream": {
|
||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
|
||||||
@@ -22305,31 +22249,28 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@ethersphere/bee-js": {
|
"@ethersphere/bee-js": {
|
||||||
"version": "6.7.0",
|
"version": "7.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/@ethersphere/bee-js/-/bee-js-6.7.0.tgz",
|
"resolved": "https://registry.npmjs.org/@ethersphere/bee-js/-/bee-js-7.0.0.tgz",
|
||||||
"integrity": "sha512-t1bsUj9BmICuRL6XENTVyZZCfkFuCjc6pQxOekuVFLBd0Qpmyf87iRpVizvZN5IKhVqqw9xCzkg8otJKQdAKNA==",
|
"integrity": "sha512-SbWsV/FBOu42SB3oBWiZluD5rLbnHlS+vfHSPiWmbFrqyRh8ZtM/NA8nxRF7IOstP7tXl6RYAQnAHrAei+54lQ==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@ethersphere/swarm-cid": "^0.1.0",
|
"@ethersphere/swarm-cid": "^0.1.0",
|
||||||
"@types/readable-stream": "^2.3.13",
|
"axios": "^0.28.1",
|
||||||
"axios": "^0.27.2",
|
"cafe-utility": "^21.3.1",
|
||||||
"cafe-utility": "^10.8.1",
|
|
||||||
"elliptic": "^6.5.4",
|
"elliptic": "^6.5.4",
|
||||||
"fetch-blob": "2.1.2",
|
|
||||||
"isomorphic-ws": "^4.0.1",
|
"isomorphic-ws": "^4.0.1",
|
||||||
"js-sha3": "^0.8.0",
|
"js-sha3": "^0.8.0",
|
||||||
"semver": "^7.3.5",
|
"semver": "^7.3.5",
|
||||||
"tar-js": "^0.3.0",
|
|
||||||
"web-streams-polyfill": "^4.0.0-beta.3",
|
|
||||||
"ws": "^8.7.0"
|
"ws": "^8.7.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": {
|
"axios": {
|
||||||
"version": "0.27.2",
|
"version": "0.28.1",
|
||||||
"resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
|
"resolved": "https://registry.npmjs.org/axios/-/axios-0.28.1.tgz",
|
||||||
"integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
|
"integrity": "sha512-iUcGA5a7p0mVb4Gm/sy+FSECNkPFT4y7wt6OM/CDpO/OnNCvSs3PoMG8ibrC9jRoGYU0gUK5pXVC4NPXq6lHRQ==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"follow-redirects": "^1.14.9",
|
"follow-redirects": "^1.15.0",
|
||||||
"form-data": "^4.0.0"
|
"form-data": "^4.0.0",
|
||||||
|
"proxy-from-env": "^1.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"form-data": {
|
"form-data": {
|
||||||
@@ -22342,15 +22283,10 @@
|
|||||||
"mime-types": "^2.1.12"
|
"mime-types": "^2.1.12"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"web-streams-polyfill": {
|
|
||||||
"version": "4.0.0-beta.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
|
|
||||||
"integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug=="
|
|
||||||
},
|
|
||||||
"ws": {
|
"ws": {
|
||||||
"version": "8.8.0",
|
"version": "8.17.0",
|
||||||
"resolved": "https://registry.npmjs.org/ws/-/ws-8.8.0.tgz",
|
"resolved": "https://registry.npmjs.org/ws/-/ws-8.17.0.tgz",
|
||||||
"integrity": "sha512-JDAgSYQ1ksuwqfChJusw1LSJ8BizJ2e/vVu5Lxjq3YvNJNlROv1ui4i+c/kUUrPheBvQl4c5UbERhTwKa6QBJQ==",
|
"integrity": "sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==",
|
||||||
"requires": {}
|
"requires": {}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -23963,7 +23899,8 @@
|
|||||||
"@types/node": {
|
"@types/node": {
|
||||||
"version": "16.11.6",
|
"version": "16.11.6",
|
||||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.6.tgz",
|
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.6.tgz",
|
||||||
"integrity": "sha512-ua7PgUoeQFjmWPcoo9khiPum3Pd60k4/2ZGXt18sm2Slk0W0xZTqt5Y0Ny1NyBiN1EVQ/+FaF9NcY4Qe6rwk5w=="
|
"integrity": "sha512-ua7PgUoeQFjmWPcoo9khiPum3Pd60k4/2ZGXt18sm2Slk0W0xZTqt5Y0Ny1NyBiN1EVQ/+FaF9NcY4Qe6rwk5w==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"@types/parse-json": {
|
"@types/parse-json": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
@@ -24082,15 +24019,6 @@
|
|||||||
"@types/react": "*"
|
"@types/react": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@types/readable-stream": {
|
|
||||||
"version": "2.3.13",
|
|
||||||
"resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-2.3.13.tgz",
|
|
||||||
"integrity": "sha512-4JSCx8EUzaW9Idevt+9lsRAt1lcSccoQfE+AouM1gk8sFxnnytKNIO3wTl9Dy+4m6jRJ1yXhboLHHT/LXBQiEw==",
|
|
||||||
"requires": {
|
|
||||||
"@types/node": "*",
|
|
||||||
"safe-buffer": "*"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@types/resolve": {
|
"@types/resolve": {
|
||||||
"version": "1.17.1",
|
"version": "1.17.1",
|
||||||
"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
|
"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
|
||||||
@@ -24111,12 +24039,6 @@
|
|||||||
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
|
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
|
||||||
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
|
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
|
||||||
},
|
},
|
||||||
"@types/semver": {
|
|
||||||
"version": "7.3.9",
|
|
||||||
"resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.9.tgz",
|
|
||||||
"integrity": "sha512-L/TMpyURfBkf+o/526Zb6kd/tchUP3iBDEPjqjb+U2MAJhVRxxrmr2fwpe08E7QsV7YLcpq0tUaQ9O9x97ZIxQ==",
|
|
||||||
"dev": true
|
|
||||||
},
|
|
||||||
"@types/serve-index": {
|
"@types/serve-index": {
|
||||||
"version": "1.9.1",
|
"version": "1.9.1",
|
||||||
"resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz",
|
"resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz",
|
||||||
@@ -25566,9 +25488,9 @@
|
|||||||
"integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw=="
|
"integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw=="
|
||||||
},
|
},
|
||||||
"cafe-utility": {
|
"cafe-utility": {
|
||||||
"version": "10.9.1",
|
"version": "21.3.1",
|
||||||
"resolved": "https://registry.npmjs.org/cafe-utility/-/cafe-utility-10.9.1.tgz",
|
"resolved": "https://registry.npmjs.org/cafe-utility/-/cafe-utility-21.3.1.tgz",
|
||||||
"integrity": "sha512-/gq+ANoYvMJKrXXI/2YAiB2KhNlRhxB5XcWbbMWFA39LLCxkPhG5A9Ehy4QGv28EvndZLbBV44lJyCG+JIoDuw=="
|
"integrity": "sha512-6e5dovyMdaWNbWOY+gvpb8LnIwyO7D53uf5At0abjeAbp998B3hohE5aePRSPRSY8nzbNNTsUFmExKpUQaR7Bw=="
|
||||||
},
|
},
|
||||||
"call-bind": {
|
"call-bind": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
@@ -28080,11 +28002,6 @@
|
|||||||
"pend": "~1.2.0"
|
"pend": "~1.2.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"fetch-blob": {
|
|
||||||
"version": "2.1.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-2.1.2.tgz",
|
|
||||||
"integrity": "sha512-YKqtUDwqLyfyMnmbw8XD6Q8j9i/HggKtPEI+pZ1+8bvheBu78biSmNaXWusx1TauGqtUUGx/cBb1mKdq2rLYow=="
|
|
||||||
},
|
|
||||||
"file-entry-cache": {
|
"file-entry-cache": {
|
||||||
"version": "6.0.1",
|
"version": "6.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
|
||||||
@@ -32619,8 +32536,7 @@
|
|||||||
"proxy-from-env": {
|
"proxy-from-env": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
|
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
|
||||||
"dev": true
|
|
||||||
},
|
},
|
||||||
"psl": {
|
"psl": {
|
||||||
"version": "1.8.0",
|
"version": "1.8.0",
|
||||||
@@ -34440,11 +34356,6 @@
|
|||||||
"tar-stream": "^2.1.4"
|
"tar-stream": "^2.1.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"tar-js": {
|
|
||||||
"version": "0.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/tar-js/-/tar-js-0.3.0.tgz",
|
|
||||||
"integrity": "sha1-aUmqv7C6GLsVYq5RpDn9DzAYOhc="
|
|
||||||
},
|
|
||||||
"tar-stream": {
|
"tar-stream": {
|
||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
|
||||||
|
|||||||
+1
-3
@@ -26,7 +26,7 @@
|
|||||||
"url": "https://github.com/ethersphere/bee-dashboard.git"
|
"url": "https://github.com/ethersphere/bee-dashboard.git"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ethersphere/bee-js": "^6.7.0",
|
"@ethersphere/bee-js": "^7.0.0",
|
||||||
"@ethersphere/swarm-cid": "^0.1.0",
|
"@ethersphere/swarm-cid": "^0.1.0",
|
||||||
"@material-ui/core": "4.12.3",
|
"@material-ui/core": "4.12.3",
|
||||||
"@material-ui/icons": "4.11.2",
|
"@material-ui/icons": "4.11.2",
|
||||||
@@ -56,7 +56,6 @@
|
|||||||
"react-router-dom": "6.2.1",
|
"react-router-dom": "6.2.1",
|
||||||
"react-syntax-highlighter": "15.4.4",
|
"react-syntax-highlighter": "15.4.4",
|
||||||
"remixicon-react": "^1.0.0",
|
"remixicon-react": "^1.0.0",
|
||||||
"semver": "7.3.5",
|
|
||||||
"serve-handler": "6.1.3",
|
"serve-handler": "6.1.3",
|
||||||
"stream": "npm:stream-browserify",
|
"stream": "npm:stream-browserify",
|
||||||
"stream-browserify": "^3.0.0"
|
"stream-browserify": "^3.0.0"
|
||||||
@@ -83,7 +82,6 @@
|
|||||||
"@types/react-router": "5.1.18",
|
"@types/react-router": "5.1.18",
|
||||||
"@types/react-router-dom": "5.3.2",
|
"@types/react-router-dom": "5.3.2",
|
||||||
"@types/react-syntax-highlighter": "13.5.2",
|
"@types/react-syntax-highlighter": "13.5.2",
|
||||||
"@types/semver": "7.3.9",
|
|
||||||
"@typescript-eslint/eslint-plugin": "5.28.0",
|
"@typescript-eslint/eslint-plugin": "5.28.0",
|
||||||
"@typescript-eslint/parser": "5.28.0",
|
"@typescript-eslint/parser": "5.28.0",
|
||||||
"babel-eslint": "10.1.0",
|
"babel-eslint": "10.1.0",
|
||||||
|
|||||||
+1
-4
@@ -18,7 +18,6 @@ import { theme } from './theme'
|
|||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
beeApiUrl?: string
|
beeApiUrl?: string
|
||||||
beeDebugApiUrl?: string
|
|
||||||
defaultRpcUrl?: string
|
defaultRpcUrl?: string
|
||||||
lockedApiSettings?: boolean
|
lockedApiSettings?: boolean
|
||||||
isDesktop?: boolean
|
isDesktop?: boolean
|
||||||
@@ -28,7 +27,6 @@ interface Props {
|
|||||||
|
|
||||||
const App = ({
|
const App = ({
|
||||||
beeApiUrl,
|
beeApiUrl,
|
||||||
beeDebugApiUrl,
|
|
||||||
defaultRpcUrl,
|
defaultRpcUrl,
|
||||||
lockedApiSettings,
|
lockedApiSettings,
|
||||||
isDesktop,
|
isDesktop,
|
||||||
@@ -40,14 +38,13 @@ const App = ({
|
|||||||
<ThemeProvider theme={theme}>
|
<ThemeProvider theme={theme}>
|
||||||
<SettingsProvider
|
<SettingsProvider
|
||||||
beeApiUrl={beeApiUrl}
|
beeApiUrl={beeApiUrl}
|
||||||
beeDebugApiUrl={beeDebugApiUrl}
|
|
||||||
defaultRpcUrl={defaultRpcUrl}
|
defaultRpcUrl={defaultRpcUrl}
|
||||||
lockedApiSettings={lockedApiSettings}
|
lockedApiSettings={lockedApiSettings}
|
||||||
isDesktop={isDesktop}
|
isDesktop={isDesktop}
|
||||||
desktopUrl={desktopUrl}
|
desktopUrl={desktopUrl}
|
||||||
>
|
>
|
||||||
<TopUpProvider>
|
<TopUpProvider>
|
||||||
<BeeProvider isDesktop={isDesktop}>
|
<BeeProvider>
|
||||||
<BalanceProvider>
|
<BalanceProvider>
|
||||||
<StampsProvider>
|
<StampsProvider>
|
||||||
<FileProvider>
|
<FileProvider>
|
||||||
|
|||||||
@@ -19,8 +19,8 @@ interface Props {
|
|||||||
export default function CheckoutModal({ peerId, uncashedAmount }: Props): ReactElement {
|
export default function CheckoutModal({ peerId, uncashedAmount }: Props): ReactElement {
|
||||||
const [open, setOpen] = useState<boolean>(false)
|
const [open, setOpen] = useState<boolean>(false)
|
||||||
const [loadingCashout, setLoadingCashout] = useState<boolean>(false)
|
const [loadingCashout, setLoadingCashout] = useState<boolean>(false)
|
||||||
|
const { beeApi } = useContext(SettingsContext)
|
||||||
const { enqueueSnackbar } = useSnackbar()
|
const { enqueueSnackbar } = useSnackbar()
|
||||||
const { beeDebugApi } = useContext(SettingsContext)
|
|
||||||
|
|
||||||
const handleClickOpen = () => {
|
const handleClickOpen = () => {
|
||||||
setOpen(true)
|
setOpen(true)
|
||||||
@@ -31,11 +31,9 @@ export default function CheckoutModal({ peerId, uncashedAmount }: Props): ReactE
|
|||||||
}
|
}
|
||||||
|
|
||||||
const handleCashout = () => {
|
const handleCashout = () => {
|
||||||
if (!beeDebugApi) return
|
if (peerId && beeApi) {
|
||||||
|
|
||||||
if (peerId) {
|
|
||||||
setLoadingCashout(true)
|
setLoadingCashout(true)
|
||||||
beeDebugApi
|
beeApi
|
||||||
.cashoutLastCheque(peerId)
|
.cashoutLastCheque(peerId)
|
||||||
.then(res => {
|
.then(res => {
|
||||||
setOpen(false)
|
setOpen(false)
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import { ReactElement, CSSProperties, useContext, useState, useEffect } from 'react'
|
|
||||||
import type { Peer } from '@ethersphere/bee-js'
|
import type { Peer } from '@ethersphere/bee-js'
|
||||||
import DottedMap, { DottedMapWithoutCountriesLib } from 'dotted-map/without-countries'
|
import DottedMap, { DottedMapWithoutCountriesLib } from 'dotted-map/without-countries'
|
||||||
|
import { CSSProperties, ReactElement, useContext, useEffect, useState } from 'react'
|
||||||
|
import mapData from '../assets/data/map-data.json'
|
||||||
import nodesDb from '../assets/data/nodes-db.json'
|
import nodesDb from '../assets/data/nodes-db.json'
|
||||||
import { Context } from '../providers/Bee'
|
import { Context } from '../providers/Bee'
|
||||||
import mapData from '../assets/data/map-data.json'
|
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
style?: CSSProperties
|
style?: CSSProperties
|
||||||
|
|||||||
@@ -1,24 +1,23 @@
|
|||||||
import { Divider, Drawer, Grid, Link as MUILink, List } from '@material-ui/core'
|
import { BeeModes } from '@ethersphere/bee-js'
|
||||||
import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
|
import { Divider, Drawer, Grid, List, Link as MUILink } from '@material-ui/core'
|
||||||
|
import { Theme, createStyles, makeStyles } from '@material-ui/core/styles'
|
||||||
import { ReactElement, useContext } from 'react'
|
import { ReactElement, useContext } from 'react'
|
||||||
import { Link } from 'react-router-dom'
|
import { Link } from 'react-router-dom'
|
||||||
import FilesIcon from 'remixicon-react/ArrowUpDownLineIcon'
|
import FilesIcon from 'remixicon-react/ArrowUpDownLineIcon'
|
||||||
import DocsIcon from 'remixicon-react/BookOpenLineIcon'
|
import DocsIcon from 'remixicon-react/BookOpenLineIcon'
|
||||||
import GithubIcon from 'remixicon-react/GithubFillIcon'
|
|
||||||
import ExternalLinkIcon from 'remixicon-react/ExternalLinkLineIcon'
|
import ExternalLinkIcon from 'remixicon-react/ExternalLinkLineIcon'
|
||||||
|
import GithubIcon from 'remixicon-react/GithubFillIcon'
|
||||||
import HomeIcon from 'remixicon-react/Home3LineIcon'
|
import HomeIcon from 'remixicon-react/Home3LineIcon'
|
||||||
import SettingsIcon from 'remixicon-react/Settings2LineIcon'
|
import SettingsIcon from 'remixicon-react/Settings2LineIcon'
|
||||||
import AccountIcon from 'remixicon-react/Wallet3LineIcon'
|
import AccountIcon from 'remixicon-react/Wallet3LineIcon'
|
||||||
import { Context as BeeContext } from '../providers/Bee'
|
|
||||||
import { Context as SettingsContext } from '../providers/Settings'
|
|
||||||
import DashboardLogo from '../assets/dashboard-logo.svg'
|
import DashboardLogo from '../assets/dashboard-logo.svg'
|
||||||
import DesktopLogo from '../assets/desktop-logo.svg'
|
import DesktopLogo from '../assets/desktop-logo.svg'
|
||||||
|
import { BEE_DOCS_HOST, GITHUB_BEE_DASHBOARD_URL } from '../constants'
|
||||||
|
import { Context as BeeContext } from '../providers/Bee'
|
||||||
|
import { Context as SettingsContext } from '../providers/Settings'
|
||||||
import { ROUTES } from '../routes'
|
import { ROUTES } from '../routes'
|
||||||
import SideBarItem from './SideBarItem'
|
import SideBarItem from './SideBarItem'
|
||||||
import SideBarStatus from './SideBarStatus'
|
import SideBarStatus from './SideBarStatus'
|
||||||
import { BeeModes } from '@ethersphere/bee-js'
|
|
||||||
import { BEE_DOCS_HOST } from '../constants'
|
|
||||||
import { GITHUB_BEE_DASHBOARD_URL } from '../constants'
|
|
||||||
|
|
||||||
const drawerWidth = 300
|
const drawerWidth = 300
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { BeeDebug } from '@ethersphere/bee-js'
|
import { Bee } from '@ethersphere/bee-js'
|
||||||
import { Box } from '@material-ui/core'
|
import { Box } from '@material-ui/core'
|
||||||
import Button from '@material-ui/core/Button'
|
import Button from '@material-ui/core/Button'
|
||||||
import Dialog from '@material-ui/core/Dialog'
|
import Dialog from '@material-ui/core/Dialog'
|
||||||
@@ -12,11 +12,11 @@ import { ReactElement, ReactNode, useState } from 'react'
|
|||||||
interface Props {
|
interface Props {
|
||||||
type: 'Topup' | 'Dilute'
|
type: 'Topup' | 'Dilute'
|
||||||
icon: ReactNode
|
icon: ReactNode
|
||||||
beeDebug: BeeDebug
|
bee: Bee
|
||||||
stamp: string
|
stamp: string
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function StampExtensionModal({ type, icon, beeDebug, stamp }: Props): ReactElement {
|
export default function StampExtensionModal({ type, icon, bee, stamp }: Props): ReactElement {
|
||||||
const [open, setOpen] = useState(false)
|
const [open, setOpen] = useState(false)
|
||||||
const [amount, setAmount] = useState('')
|
const [amount, setAmount] = useState('')
|
||||||
const { enqueueSnackbar } = useSnackbar()
|
const { enqueueSnackbar } = useSnackbar()
|
||||||
@@ -34,7 +34,7 @@ export default function StampExtensionModal({ type, icon, beeDebug, stamp }: Pro
|
|||||||
const handleAction = async () => {
|
const handleAction = async () => {
|
||||||
if (type === 'Topup') {
|
if (type === 'Topup') {
|
||||||
try {
|
try {
|
||||||
await beeDebug.topUpBatch(stamp, amount)
|
await bee.topUpBatch(stamp, amount)
|
||||||
enqueueSnackbar(`Successfully topped up stamp, your changes will appear soon`, { variant: 'success' })
|
enqueueSnackbar(`Successfully topped up stamp, your changes will appear soon`, { variant: 'success' })
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
enqueueSnackbar(`Failed to topup stamp: ${error || 'Unknown reason'}`, { variant: 'error' })
|
enqueueSnackbar(`Failed to topup stamp: ${error || 'Unknown reason'}`, { variant: 'error' })
|
||||||
@@ -43,7 +43,7 @@ export default function StampExtensionModal({ type, icon, beeDebug, stamp }: Pro
|
|||||||
|
|
||||||
if (type === 'Dilute') {
|
if (type === 'Dilute') {
|
||||||
try {
|
try {
|
||||||
await beeDebug.diluteBatch(stamp, parseInt(amount, 10))
|
await bee.diluteBatch(stamp, parseInt(amount, 10))
|
||||||
enqueueSnackbar(`Successfully diluted stamp, your changes will appear soon`, { variant: 'success' })
|
enqueueSnackbar(`Successfully diluted stamp, your changes will appear soon`, { variant: 'success' })
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
enqueueSnackbar(`Failed to dilute stamp: ${error || 'Unknown reason'}`, { variant: 'error' })
|
enqueueSnackbar(`Failed to dilute stamp: ${error || 'Unknown reason'}`, { variant: 'error' })
|
||||||
|
|||||||
@@ -11,5 +11,4 @@ export const BEE_DESKTOP_LATEST_RELEASE_PAGE = 'https://github.com/ethersphere/b
|
|||||||
export const BEE_DESKTOP_LATEST_RELEASE_PAGE_API =
|
export const BEE_DESKTOP_LATEST_RELEASE_PAGE_API =
|
||||||
'https://api.github.com/repos/ethersphere/bee-desktop/releases/latest'
|
'https://api.github.com/repos/ethersphere/bee-desktop/releases/latest'
|
||||||
export const DEFAULT_BEE_API_HOST = 'http://localhost:1633'
|
export const DEFAULT_BEE_API_HOST = 'http://localhost:1633'
|
||||||
export const DEFAULT_BEE_DEBUG_API_HOST = 'http://localhost:1635'
|
|
||||||
export const DEFAULT_RPC_URL = 'https://xdai.fairdatasociety.org'
|
export const DEFAULT_RPC_URL = 'https://xdai.fairdatasociety.org'
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ import { Context as BeeContext } from '../providers/Bee'
|
|||||||
import { Context as SettingsContext } from '../providers/Settings'
|
import { Context as SettingsContext } from '../providers/Settings'
|
||||||
|
|
||||||
export default function DepositModal(): ReactElement {
|
export default function DepositModal(): ReactElement {
|
||||||
const { beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
const { refresh } = useContext(BeeContext)
|
const { refresh } = useContext(BeeContext)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -18,9 +18,11 @@ export default function DepositModal(): ReactElement {
|
|||||||
icon={<Download size="1rem" />}
|
icon={<Download size="1rem" />}
|
||||||
min={new BigNumber(0)}
|
min={new BigNumber(0)}
|
||||||
action={async (amount: bigint) => {
|
action={async (amount: bigint) => {
|
||||||
if (!beeDebugApi) throw new Error('Bee Debug URL is not valid')
|
if (!beeApi) {
|
||||||
|
throw new Error('Bee URL is not valid')
|
||||||
|
}
|
||||||
|
|
||||||
const transactionHash = await beeDebugApi.depositTokens(amount.toString())
|
const transactionHash = await beeApi.depositTokens(amount.toString())
|
||||||
refresh()
|
refresh()
|
||||||
|
|
||||||
return transactionHash
|
return transactionHash
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ interface Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default function StakeModal({ onStarted, onFinished }: Props): ReactElement {
|
export default function StakeModal({ onStarted, onFinished }: Props): ReactElement {
|
||||||
const { beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
const { refresh } = useContext(BeeContext)
|
const { refresh } = useContext(BeeContext)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -23,12 +23,14 @@ export default function StakeModal({ onStarted, onFinished }: Props): ReactEleme
|
|||||||
icon={<Download size="1rem" />}
|
icon={<Download size="1rem" />}
|
||||||
min={new BigNumber(0)}
|
min={new BigNumber(0)}
|
||||||
action={async (amount: bigint) => {
|
action={async (amount: bigint) => {
|
||||||
if (!beeDebugApi) throw new Error('Bee Debug URL is not valid')
|
if (!beeApi) {
|
||||||
|
throw new Error('Bee URL is not valid')
|
||||||
|
}
|
||||||
|
|
||||||
onStarted()
|
onStarted()
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await beeDebugApi.depositStake(amount.toString())
|
await beeApi.depositStake(amount.toString())
|
||||||
} finally {
|
} finally {
|
||||||
refresh()
|
refresh()
|
||||||
onFinished()
|
onFinished()
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ import { Context as BeeContext } from '../providers/Bee'
|
|||||||
import { Context as SettingsContext } from '../providers/Settings'
|
import { Context as SettingsContext } from '../providers/Settings'
|
||||||
|
|
||||||
export default function WithdrawModal(): ReactElement {
|
export default function WithdrawModal(): ReactElement {
|
||||||
const { beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
const { refresh } = useContext(BeeContext)
|
const { refresh } = useContext(BeeContext)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -18,9 +18,11 @@ export default function WithdrawModal(): ReactElement {
|
|||||||
icon={<Upload size="1rem" />}
|
icon={<Upload size="1rem" />}
|
||||||
min={new BigNumber(0)}
|
min={new BigNumber(0)}
|
||||||
action={async (amount: bigint) => {
|
action={async (amount: bigint) => {
|
||||||
if (!beeDebugApi) throw new Error('Bee Debug URL is not valid')
|
if (!beeApi) {
|
||||||
|
throw new Error('Bee URL is not valid')
|
||||||
|
}
|
||||||
|
|
||||||
const transactionHash = await beeDebugApi.withdrawTokens(amount.toString())
|
const transactionHash = await beeApi.withdrawTokens(amount.toString())
|
||||||
refresh()
|
refresh()
|
||||||
|
|
||||||
return transactionHash
|
return transactionHash
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import { LastCashoutActionResponse, BeeDebug } from '@ethersphere/bee-js'
|
import { Bee, LastCashoutActionResponse } from '@ethersphere/bee-js'
|
||||||
import { useEffect, useState } from 'react'
|
import { useEffect, useState } from 'react'
|
||||||
import { Token } from '../models/Token'
|
import { Token } from '../models/Token'
|
||||||
|
import { Balance, Settlement, Settlements } from '../types'
|
||||||
import { makeRetriablePromise, unwrapPromiseSettlements } from '../utils'
|
import { makeRetriablePromise, unwrapPromiseSettlements } from '../utils'
|
||||||
import { Balance, Settlements, Settlement } from '../types'
|
|
||||||
|
|
||||||
interface UseAccountingHook {
|
interface UseAccountingHook {
|
||||||
isLoadingUncashed: boolean
|
isLoadingUncashed: boolean
|
||||||
@@ -79,7 +79,7 @@ function mergeAccounting(
|
|||||||
}
|
}
|
||||||
|
|
||||||
export const useAccounting = (
|
export const useAccounting = (
|
||||||
beeDebugApi: BeeDebug | null,
|
beeApi: Bee | null,
|
||||||
settlements: Settlements | null,
|
settlements: Settlements | null,
|
||||||
balances: Balance[] | null,
|
balances: Balance[] | null,
|
||||||
): UseAccountingHook => {
|
): UseAccountingHook => {
|
||||||
@@ -88,19 +88,19 @@ export const useAccounting = (
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// We don't have any settlements loaded yet or we are already loading/have loaded the uncashed amounts
|
// We don't have any settlements loaded yet or we are already loading/have loaded the uncashed amounts
|
||||||
if (isLoadingUncashed || !beeDebugApi || !settlements || uncashedAmounts) return
|
if (isLoadingUncashed || !beeApi || !settlements || uncashedAmounts) return
|
||||||
|
|
||||||
setIsloadingUncashed(true)
|
setIsloadingUncashed(true)
|
||||||
const promises = settlements.settlements
|
const promises = settlements.settlements
|
||||||
.filter(({ received }) => received.toBigNumber.gt('0'))
|
.filter(({ received }) => received.toBigNumber.gt('0'))
|
||||||
.map(({ peer }) => makeRetriablePromise(() => beeDebugApi.getLastCashoutAction(peer)))
|
.map(({ peer }) => makeRetriablePromise(() => beeApi.getLastCashoutAction(peer)))
|
||||||
|
|
||||||
Promise.allSettled(promises).then(settlements => {
|
Promise.allSettled(promises).then(settlements => {
|
||||||
const results = unwrapPromiseSettlements(settlements)
|
const results = unwrapPromiseSettlements(settlements)
|
||||||
setUncashedAmounts(results.fulfilled)
|
setUncashedAmounts(results.fulfilled)
|
||||||
setIsloadingUncashed(false)
|
setIsloadingUncashed(false)
|
||||||
})
|
})
|
||||||
}, [settlements, isLoadingUncashed, uncashedAmounts, beeDebugApi])
|
}, [settlements, isLoadingUncashed, uncashedAmounts, beeApi])
|
||||||
|
|
||||||
const accounting = mergeAccounting(balances, settlements?.settlements, uncashedAmounts)
|
const accounting = mergeAccounting(balances, settlements?.settlements, uncashedAmounts)
|
||||||
|
|
||||||
|
|||||||
+2
-9
@@ -1,24 +1,17 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import ReactDOM from 'react-dom'
|
import ReactDOM from 'react-dom'
|
||||||
import './index.css'
|
|
||||||
import App from './App'
|
import App from './App'
|
||||||
|
import './index.css'
|
||||||
import reportWebVitals from './reportWebVitals'
|
import reportWebVitals from './reportWebVitals'
|
||||||
|
|
||||||
const desktopEnabled = Boolean(process.env.REACT_APP_BEE_DESKTOP_ENABLED)
|
const desktopEnabled = Boolean(process.env.REACT_APP_BEE_DESKTOP_ENABLED)
|
||||||
const desktopUrl = process.env.REACT_APP_BEE_DESKTOP_URL
|
const desktopUrl = process.env.REACT_APP_BEE_DESKTOP_URL
|
||||||
const beeApiUrl = process.env.REACT_APP_BEE_HOST
|
const beeApiUrl = process.env.REACT_APP_BEE_HOST
|
||||||
const beeDebugApiUrl = process.env.REACT_APP_BEE_DEBUG_HOST
|
|
||||||
const defaultRpcUrl = process.env.REACT_APP_DEFAULT_RPC_URL
|
const defaultRpcUrl = process.env.REACT_APP_DEFAULT_RPC_URL
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
<App
|
<App isDesktop={desktopEnabled} desktopUrl={desktopUrl} beeApiUrl={beeApiUrl} defaultRpcUrl={defaultRpcUrl} />
|
||||||
isDesktop={desktopEnabled}
|
|
||||||
desktopUrl={desktopUrl}
|
|
||||||
beeApiUrl={beeApiUrl}
|
|
||||||
beeDebugApiUrl={beeDebugApiUrl}
|
|
||||||
defaultRpcUrl={defaultRpcUrl}
|
|
||||||
/>
|
|
||||||
</React.StrictMode>,
|
</React.StrictMode>,
|
||||||
document.getElementById('root'),
|
document.getElementById('root'),
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -1,14 +1,14 @@
|
|||||||
import { Button, CircularProgress, Container, IconButton } from '@material-ui/core'
|
import { Button, CircularProgress, Container, IconButton } from '@material-ui/core'
|
||||||
import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
|
import { Theme, createStyles, makeStyles } from '@material-ui/core/styles'
|
||||||
import React, { ReactElement, useContext, useEffect } from 'react'
|
|
||||||
import { useSnackbar } from 'notistack'
|
import { useSnackbar } from 'notistack'
|
||||||
|
import React, { ReactElement, useContext, useEffect } from 'react'
|
||||||
import CloseIcon from 'remixicon-react/CloseCircleLineIcon'
|
import CloseIcon from 'remixicon-react/CloseCircleLineIcon'
|
||||||
import ErrorBoundary from '../components/ErrorBoundary'
|
import ErrorBoundary from '../components/ErrorBoundary'
|
||||||
import SideBar from '../components/SideBar'
|
import SideBar from '../components/SideBar'
|
||||||
|
import { BEE_DESKTOP_LATEST_RELEASE_PAGE } from '../constants'
|
||||||
|
import { useBeeDesktop, useNewBeeDesktopVersion } from '../hooks/apiHooks'
|
||||||
import { Context as BeeContext } from '../providers/Bee'
|
import { Context as BeeContext } from '../providers/Bee'
|
||||||
import { Context as SettingsContext } from '../providers/Settings'
|
import { Context as SettingsContext } from '../providers/Settings'
|
||||||
import { useBeeDesktop, useNewBeeDesktopVersion } from '../hooks/apiHooks'
|
|
||||||
import { BEE_DESKTOP_LATEST_RELEASE_PAGE } from '../constants'
|
|
||||||
|
|
||||||
const useStyles = makeStyles((theme: Theme) =>
|
const useStyles = makeStyles((theme: Theme) =>
|
||||||
createStyles({
|
createStyles({
|
||||||
@@ -27,53 +27,12 @@ interface Props {
|
|||||||
const Dashboard = (props: Props): ReactElement => {
|
const Dashboard = (props: Props): ReactElement => {
|
||||||
const classes = useStyles()
|
const classes = useStyles()
|
||||||
|
|
||||||
const { isLoading, isLatestBeeVersion, latestBeeRelease, latestBeeVersionUrl, latestUserVersion } =
|
const { isLoading } = useContext(BeeContext)
|
||||||
useContext(BeeContext)
|
|
||||||
const { isDesktop, desktopUrl } = useContext(SettingsContext)
|
const { isDesktop, desktopUrl } = useContext(SettingsContext)
|
||||||
const { desktopAutoUpdateEnabled } = useBeeDesktop(isDesktop, desktopUrl)
|
const { desktopAutoUpdateEnabled } = useBeeDesktop(isDesktop, desktopUrl)
|
||||||
const { newBeeDesktopVersion } = useNewBeeDesktopVersion(isDesktop, desktopUrl, desktopAutoUpdateEnabled)
|
const { newBeeDesktopVersion } = useNewBeeDesktopVersion(isDesktop, desktopUrl, desktopAutoUpdateEnabled)
|
||||||
const { enqueueSnackbar, closeSnackbar } = useSnackbar()
|
const { enqueueSnackbar, closeSnackbar } = useSnackbar()
|
||||||
|
|
||||||
// New version of Bee client notification
|
|
||||||
useEffect(() => {
|
|
||||||
if (!isLoading && !isDesktop && !isLatestBeeVersion && latestBeeRelease && latestUserVersion) {
|
|
||||||
enqueueSnackbar(`There is new Bee version ${latestBeeRelease?.name}!`, {
|
|
||||||
variant: 'warning',
|
|
||||||
preventDuplicate: true,
|
|
||||||
key: 'beeNewVersion',
|
|
||||||
persist: true,
|
|
||||||
action: key => (
|
|
||||||
<React.Fragment>
|
|
||||||
<Button
|
|
||||||
onClick={() => {
|
|
||||||
window.open(latestBeeVersionUrl)
|
|
||||||
closeSnackbar(key)
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Download release
|
|
||||||
</Button>
|
|
||||||
<IconButton
|
|
||||||
onClick={() => {
|
|
||||||
closeSnackbar(key)
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<CloseIcon />
|
|
||||||
</IconButton>
|
|
||||||
</React.Fragment>
|
|
||||||
),
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}, [
|
|
||||||
closeSnackbar,
|
|
||||||
enqueueSnackbar,
|
|
||||||
isLatestBeeVersion,
|
|
||||||
isDesktop,
|
|
||||||
latestBeeRelease,
|
|
||||||
latestBeeVersionUrl,
|
|
||||||
isLoading,
|
|
||||||
latestUserVersion,
|
|
||||||
])
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// When autoupdate is enabled then we leave the version check for the built-in Electron update mechanism
|
// When autoupdate is enabled then we leave the version check for the built-in Electron update mechanism
|
||||||
if (desktopAutoUpdateEnabled) {
|
if (desktopAutoUpdateEnabled) {
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import { Box } from '@material-ui/core'
|
||||||
import { ReactElement, useContext } from 'react'
|
import { ReactElement, useContext } from 'react'
|
||||||
import ExpandableList from '../../../components/ExpandableList'
|
import ExpandableList from '../../../components/ExpandableList'
|
||||||
import ExpandableListItem from '../../../components/ExpandableListItem'
|
import ExpandableListItem from '../../../components/ExpandableListItem'
|
||||||
@@ -7,19 +8,18 @@ import TroubleshootConnectionCard from '../../../components/TroubleshootConnecti
|
|||||||
import DepositModal from '../../../containers/DepositModal'
|
import DepositModal from '../../../containers/DepositModal'
|
||||||
import WithdrawModal from '../../../containers/WithdrawModal'
|
import WithdrawModal from '../../../containers/WithdrawModal'
|
||||||
import { useAccounting } from '../../../hooks/accounting'
|
import { useAccounting } from '../../../hooks/accounting'
|
||||||
import { CheckState, Context as BeeContext } from '../../../providers/Bee'
|
import { Context as BeeContext, CheckState } from '../../../providers/Bee'
|
||||||
import { Context as SettingsContext } from '../../../providers/Settings'
|
import { Context as SettingsContext } from '../../../providers/Settings'
|
||||||
import PeerBalances from '../../accounting/PeerBalances'
|
import PeerBalances from '../../accounting/PeerBalances'
|
||||||
import { AccountNavigation } from '../AccountNavigation'
|
import { AccountNavigation } from '../AccountNavigation'
|
||||||
import { Header } from '../Header'
|
import { Header } from '../Header'
|
||||||
import { Box } from '@material-ui/core'
|
|
||||||
|
|
||||||
export function AccountChequebook(): ReactElement {
|
export function AccountChequebook(): ReactElement {
|
||||||
const { status, nodeAddresses, chequebookAddress, chequebookBalance, settlements, peerBalances } =
|
const { status, nodeAddresses, chequebookAddress, chequebookBalance, settlements, peerBalances } =
|
||||||
useContext(BeeContext)
|
useContext(BeeContext)
|
||||||
const { beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
|
|
||||||
const { accounting, totalUncashed, isLoadingUncashed } = useAccounting(beeDebugApi, settlements, peerBalances)
|
const { accounting, totalUncashed, isLoadingUncashed } = useAccounting(beeApi, settlements, peerBalances)
|
||||||
|
|
||||||
if (status.all === CheckState.ERROR) return <TroubleshootConnectionCard />
|
if (status.all === CheckState.ERROR) return <TroubleshootConnectionCard />
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ import ExpandableListItemKey from '../../../components/ExpandableListItemKey'
|
|||||||
import { Loading } from '../../../components/Loading'
|
import { Loading } from '../../../components/Loading'
|
||||||
import { SwarmButton } from '../../../components/SwarmButton'
|
import { SwarmButton } from '../../../components/SwarmButton'
|
||||||
import TroubleshootConnectionCard from '../../../components/TroubleshootConnectionCard'
|
import TroubleshootConnectionCard from '../../../components/TroubleshootConnectionCard'
|
||||||
import { CheckState, Context as BeeContext } from '../../../providers/Bee'
|
import { Context as BeeContext, CheckState } from '../../../providers/Bee'
|
||||||
import { Context as SettingsContext } from '../../../providers/Settings'
|
import { Context as SettingsContext } from '../../../providers/Settings'
|
||||||
import { Context as BalanceProvider } from '../../../providers/WalletBalance'
|
import { Context as BalanceProvider } from '../../../providers/WalletBalance'
|
||||||
import { ROUTES } from '../../../routes'
|
import { ROUTES } from '../../../routes'
|
||||||
|
|||||||
@@ -2,9 +2,9 @@ import { Box, Grid, Typography } from '@material-ui/core'
|
|||||||
import { Form, Formik } from 'formik'
|
import { Form, Formik } from 'formik'
|
||||||
import { useSnackbar } from 'notistack'
|
import { useSnackbar } from 'notistack'
|
||||||
import { ReactElement, useContext, useState } from 'react'
|
import { ReactElement, useContext, useState } from 'react'
|
||||||
|
import { useNavigate } from 'react-router'
|
||||||
import Check from 'remixicon-react/CheckLineIcon'
|
import Check from 'remixicon-react/CheckLineIcon'
|
||||||
import X from 'remixicon-react/CloseLineIcon'
|
import X from 'remixicon-react/CloseLineIcon'
|
||||||
import { useNavigate } from 'react-router'
|
|
||||||
import { DocumentationText } from '../../components/DocumentationText'
|
import { DocumentationText } from '../../components/DocumentationText'
|
||||||
import ExpandableListItemActions from '../../components/ExpandableListItemActions'
|
import ExpandableListItemActions from '../../components/ExpandableListItemActions'
|
||||||
import ExpandableListItemKey from '../../components/ExpandableListItemKey'
|
import ExpandableListItemKey from '../../components/ExpandableListItemKey'
|
||||||
@@ -30,7 +30,7 @@ const initialValues: FormValues = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default function CreateNewFeed(): ReactElement {
|
export default function CreateNewFeed(): ReactElement {
|
||||||
const { beeApi, beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
const { identities, setIdentities } = useContext(FeedsContext)
|
const { identities, setIdentities } = useContext(FeedsContext)
|
||||||
const [loading, setLoading] = useState(false)
|
const [loading, setLoading] = useState(false)
|
||||||
const { enqueueSnackbar } = useSnackbar()
|
const { enqueueSnackbar } = useSnackbar()
|
||||||
@@ -47,7 +47,7 @@ export default function CreateNewFeed(): ReactElement {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
const wallet = generateWallet()
|
const wallet = generateWallet()
|
||||||
const stamps = await beeDebugApi?.getAllPostageBatch()
|
const stamps = await beeApi.getAllPostageBatch()
|
||||||
|
|
||||||
if (!stamps || !stamps.length) {
|
if (!stamps || !stamps.length) {
|
||||||
enqueueSnackbar(<span>No stamp available</span>, { variant: 'error' })
|
enqueueSnackbar(<span>No stamp available</span>, { variant: 'error' })
|
||||||
|
|||||||
@@ -1,16 +1,16 @@
|
|||||||
import { Box, Grid, Typography } from '@material-ui/core'
|
import { Box, Grid, Typography } from '@material-ui/core'
|
||||||
import { useSnackbar } from 'notistack'
|
import { useSnackbar } from 'notistack'
|
||||||
import { ReactElement, useContext, useEffect, useState } from 'react'
|
import { ReactElement, useContext, useEffect, useState } from 'react'
|
||||||
import X from 'remixicon-react/CloseLineIcon'
|
|
||||||
import Bookmark from 'remixicon-react/BookmarkLineIcon'
|
|
||||||
import { useNavigate, useParams } from 'react-router'
|
import { useNavigate, useParams } from 'react-router'
|
||||||
|
import Bookmark from 'remixicon-react/BookmarkLineIcon'
|
||||||
|
import X from 'remixicon-react/CloseLineIcon'
|
||||||
import ExpandableListItemActions from '../../components/ExpandableListItemActions'
|
import ExpandableListItemActions from '../../components/ExpandableListItemActions'
|
||||||
import { HistoryHeader } from '../../components/HistoryHeader'
|
import { HistoryHeader } from '../../components/HistoryHeader'
|
||||||
import { SwarmButton } from '../../components/SwarmButton'
|
import { SwarmButton } from '../../components/SwarmButton'
|
||||||
import { SelectEvent, SwarmSelect } from '../../components/SwarmSelect'
|
import { SelectEvent, SwarmSelect } from '../../components/SwarmSelect'
|
||||||
import TroubleshootConnectionCard from '../../components/TroubleshootConnectionCard'
|
import TroubleshootConnectionCard from '../../components/TroubleshootConnectionCard'
|
||||||
import { Context as BeeContext } from '../../providers/Bee'
|
import { Context as BeeContext } from '../../providers/Bee'
|
||||||
import { Context as IdentityContext, Identity } from '../../providers/Feeds'
|
import { Identity, Context as IdentityContext } from '../../providers/Feeds'
|
||||||
import { Context as SettingsContext } from '../../providers/Settings'
|
import { Context as SettingsContext } from '../../providers/Settings'
|
||||||
import { Context as StampContext } from '../../providers/Stamps'
|
import { Context as StampContext } from '../../providers/Stamps'
|
||||||
import { ROUTES } from '../../routes'
|
import { ROUTES } from '../../routes'
|
||||||
@@ -19,7 +19,7 @@ import { FeedPasswordDialog } from './FeedPasswordDialog'
|
|||||||
|
|
||||||
export default function UpdateFeed(): ReactElement {
|
export default function UpdateFeed(): ReactElement {
|
||||||
const { identities, setIdentities } = useContext(IdentityContext)
|
const { identities, setIdentities } = useContext(IdentityContext)
|
||||||
const { beeApi, beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
const { stamps, refresh } = useContext(StampContext)
|
const { stamps, refresh } = useContext(StampContext)
|
||||||
const { status } = useContext(BeeContext)
|
const { status } = useContext(BeeContext)
|
||||||
const { hash } = useParams()
|
const { hash } = useParams()
|
||||||
@@ -66,7 +66,7 @@ export default function UpdateFeed(): ReactElement {
|
|||||||
async function onFeedUpdate(identity: Identity, password?: string) {
|
async function onFeedUpdate(identity: Identity, password?: string) {
|
||||||
setLoading(true)
|
setLoading(true)
|
||||||
|
|
||||||
if (!beeApi || !beeDebugApi || !selectedStamp) {
|
if (!beeApi || !selectedStamp) {
|
||||||
enqueueSnackbar(<span>Bee API unavailabe</span>, { variant: 'error' })
|
enqueueSnackbar(<span>Bee API unavailabe</span>, { variant: 'error' })
|
||||||
setLoading(false)
|
setLoading(false)
|
||||||
|
|
||||||
@@ -74,7 +74,7 @@ export default function UpdateFeed(): ReactElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await updateFeed(beeApi, beeDebugApi, identity, hash!, selectedStamp, password as string) // eslint-disable-line
|
await updateFeed(beeApi, identity, hash!, selectedStamp, password as string) // eslint-disable-line
|
||||||
persistIdentity(identities, identity)
|
persistIdentity(identities, identity)
|
||||||
setIdentities([...identities])
|
setIdentities([...identities])
|
||||||
navigate(ROUTES.ACCOUNT_FEEDS_VIEW.replace(':uuid', identity.uuid))
|
navigate(ROUTES.ACCOUNT_FEEDS_VIEW.replace(':uuid', identity.uuid))
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ import { Context as FileContext, defaultUploadOrigin } from '../../providers/Fil
|
|||||||
import { Context as SettingsContext } from '../../providers/Settings'
|
import { Context as SettingsContext } from '../../providers/Settings'
|
||||||
import { ROUTES } from '../../routes'
|
import { ROUTES } from '../../routes'
|
||||||
import { recognizeEnsOrSwarmHash, regexpEns } from '../../utils'
|
import { recognizeEnsOrSwarmHash, regexpEns } from '../../utils'
|
||||||
import { determineHistoryName, HISTORY_KEYS, putHistory } from '../../utils/local-storage'
|
import { HISTORY_KEYS, determineHistoryName, putHistory } from '../../utils/local-storage'
|
||||||
import { ManifestJs } from '../../utils/manifest'
|
import { ManifestJs } from '../../utils/manifest'
|
||||||
import { FileNavigation } from './FileNavigation'
|
import { FileNavigation } from './FileNavigation'
|
||||||
|
|
||||||
|
|||||||
@@ -32,7 +32,7 @@ export function Upload(): ReactElement {
|
|||||||
const [showPasswordPrompt, setShowPasswordPrompt] = useState(false)
|
const [showPasswordPrompt, setShowPasswordPrompt] = useState(false)
|
||||||
|
|
||||||
const { stamps, refresh } = useContext(StampsContext)
|
const { stamps, refresh } = useContext(StampsContext)
|
||||||
const { beeApi, beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
const { files, setFiles, uploadOrigin, metadata, previewUri, previewBlob } = useContext(FileContext)
|
const { files, setFiles, uploadOrigin, metadata, previewUri, previewBlob } = useContext(FileContext)
|
||||||
const { identities, setIdentities } = useContext(IdentityContext)
|
const { identities, setIdentities } = useContext(IdentityContext)
|
||||||
const { status } = useContext(BeeContext)
|
const { status } = useContext(BeeContext)
|
||||||
@@ -125,9 +125,7 @@ export function Upload(): ReactElement {
|
|||||||
|
|
||||||
setUploading(true)
|
setUploading(true)
|
||||||
|
|
||||||
if (beeDebugApi) {
|
await waitUntilStampUsable(stamp.batchID, beeApi)
|
||||||
await waitUntilStampUsable(stamp.batchID, beeDebugApi)
|
|
||||||
}
|
|
||||||
|
|
||||||
beeApi
|
beeApi
|
||||||
.uploadFiles(stamp.batchID, fls, { indexDocument, deferred: true })
|
.uploadFiles(stamp.batchID, fls, { indexDocument, deferred: true })
|
||||||
@@ -137,13 +135,11 @@ export function Upload(): ReactElement {
|
|||||||
if (uploadOrigin.origin === 'UPLOAD') {
|
if (uploadOrigin.origin === 'UPLOAD') {
|
||||||
navigate(ROUTES.HASH.replace(':hash', hash.reference), { replace: true })
|
navigate(ROUTES.HASH.replace(':hash', hash.reference), { replace: true })
|
||||||
} else {
|
} else {
|
||||||
updateFeed(beeApi, beeDebugApi, identity as Identity, hash.reference, stamp.batchID, password as string).then(
|
updateFeed(beeApi, identity as Identity, hash.reference, stamp.batchID, password as string).then(() => {
|
||||||
() => {
|
persistIdentity(identities, identity as Identity)
|
||||||
persistIdentity(identities, identity as Identity)
|
setIdentities([...identities])
|
||||||
setIdentities([...identities])
|
navigate(ROUTES.ACCOUNT_FEEDS_VIEW.replace(':uuid', uploadOrigin.uuid as string), { replace: true })
|
||||||
navigate(ROUTES.ACCOUNT_FEEDS_VIEW.replace(':uuid', uploadOrigin.uuid as string), { replace: true })
|
})
|
||||||
},
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(e => {
|
.catch(e => {
|
||||||
|
|||||||
@@ -12,16 +12,7 @@ import NodeInfoCard from './NodeInfoCard'
|
|||||||
import { WalletInfoCard } from './WalletInfoCard'
|
import { WalletInfoCard } from './WalletInfoCard'
|
||||||
|
|
||||||
export default function Status(): ReactElement {
|
export default function Status(): ReactElement {
|
||||||
const {
|
const { status, topology, nodeInfo, chainId } = useContext(BeeContext)
|
||||||
debugApiReadiness,
|
|
||||||
status,
|
|
||||||
latestUserVersion,
|
|
||||||
isLatestBeeVersion,
|
|
||||||
latestBeeVersionUrl,
|
|
||||||
topology,
|
|
||||||
nodeInfo,
|
|
||||||
chainId,
|
|
||||||
} = useContext(BeeContext)
|
|
||||||
const { isDesktop, desktopUrl } = useContext(SettingsContext)
|
const { isDesktop, desktopUrl } = useContext(SettingsContext)
|
||||||
const { beeDesktopVersion } = useBeeDesktop(isDesktop, desktopUrl)
|
const { beeDesktopVersion } = useBeeDesktop(isDesktop, desktopUrl)
|
||||||
const { newBeeDesktopVersion } = useNewBeeDesktopVersion(isDesktop, desktopUrl, false)
|
const { newBeeDesktopVersion } = useNewBeeDesktopVersion(isDesktop, desktopUrl, false)
|
||||||
@@ -30,14 +21,10 @@ export default function Status(): ReactElement {
|
|||||||
<div>
|
<div>
|
||||||
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'stretch', alignContent: 'stretch' }}>
|
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'stretch', alignContent: 'stretch' }}>
|
||||||
<NodeInfoCard />
|
<NodeInfoCard />
|
||||||
{debugApiReadiness && (
|
<div style={{ width: '8px' }}></div>
|
||||||
<>
|
<WalletInfoCard />
|
||||||
<div style={{ width: '8px' }}></div>
|
<div style={{ width: '8px' }}></div>
|
||||||
<WalletInfoCard />
|
<ChequebookInfoCard />
|
||||||
<div style={{ width: '8px' }}></div>
|
|
||||||
<ChequebookInfoCard />
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
<div style={{ height: '16px' }} />
|
<div style={{ height: '16px' }} />
|
||||||
<Map error={status.topology.checkState !== 'OK'} />
|
<Map error={status.topology.checkState !== 'OK'} />
|
||||||
@@ -65,29 +52,6 @@ export default function Status(): ReactElement {
|
|||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<ExpandableListItem
|
|
||||||
label="Bee version"
|
|
||||||
value={
|
|
||||||
<div>
|
|
||||||
<a href="https://github.com/ethersphere/bee" rel="noreferrer" target="_blank">
|
|
||||||
Bee
|
|
||||||
</a>
|
|
||||||
{` ${latestUserVersion ?? '-'} `}
|
|
||||||
{latestUserVersion && !isDesktop && (
|
|
||||||
<Button
|
|
||||||
size="small"
|
|
||||||
variant="outlined"
|
|
||||||
href={latestBeeVersionUrl}
|
|
||||||
disabled={isLatestBeeVersion}
|
|
||||||
target="_blank"
|
|
||||||
style={{ height: '26px' }}
|
|
||||||
>
|
|
||||||
{isLatestBeeVersion ? 'latest' : 'update'}
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
<ExpandableListItem label="Mode" value={nodeInfo?.beeMode} />
|
<ExpandableListItem label="Mode" value={nodeInfo?.beeMode} />
|
||||||
{chainId !== null && <ExpandableListItem label="Blockchain network" value={chainIdToName(chainId)} />}
|
{chainId !== null && <ExpandableListItem label="Blockchain network" value={chainIdToName(chainId)} />}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -10,9 +10,7 @@ import { getDesktopConfiguration, restartBeeNode, setJsonRpcInDesktop } from '..
|
|||||||
export default function SettingsPage(): ReactElement {
|
export default function SettingsPage(): ReactElement {
|
||||||
const {
|
const {
|
||||||
apiUrl,
|
apiUrl,
|
||||||
apiDebugUrl,
|
|
||||||
setApiUrl,
|
setApiUrl,
|
||||||
setDebugApiUrl,
|
|
||||||
lockedApiSettings,
|
lockedApiSettings,
|
||||||
cors,
|
cors,
|
||||||
dataDir,
|
dataDir,
|
||||||
@@ -68,12 +66,6 @@ export default function SettingsPage(): ReactElement {
|
|||||||
onConfirm={setApiUrl}
|
onConfirm={setApiUrl}
|
||||||
locked={lockedApiSettings || isDesktop}
|
locked={lockedApiSettings || isDesktop}
|
||||||
/>
|
/>
|
||||||
<ExpandableListItemInput
|
|
||||||
label="Bee Debug API"
|
|
||||||
value={apiDebugUrl}
|
|
||||||
onConfirm={setDebugApiUrl}
|
|
||||||
locked={lockedApiSettings || isDesktop}
|
|
||||||
/>
|
|
||||||
<ExpandableListItemInput
|
<ExpandableListItemInput
|
||||||
label="Blockchain RPC URL"
|
label="Blockchain RPC URL"
|
||||||
value={rpcProviderUrl}
|
value={rpcProviderUrl}
|
||||||
|
|||||||
@@ -49,7 +49,7 @@ export function PostageStampAdvancedCreation({ onFinished }: Props): ReactElemen
|
|||||||
const classes = useStyles()
|
const classes = useStyles()
|
||||||
const { chainState } = useContext(BeeContext)
|
const { chainState } = useContext(BeeContext)
|
||||||
const { refresh } = useContext(StampsContext)
|
const { refresh } = useContext(StampsContext)
|
||||||
const { beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
|
|
||||||
const [depthInput, setDepthInput] = useState<string>('')
|
const [depthInput, setDepthInput] = useState<string>('')
|
||||||
const [amountInput, setAmountInput] = useState<string>('')
|
const [amountInput, setAmountInput] = useState<string>('')
|
||||||
@@ -94,7 +94,7 @@ export function PostageStampAdvancedCreation({ onFinished }: Props): ReactElemen
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!beeDebugApi) {
|
if (!beeApi) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -107,8 +107,8 @@ export function PostageStampAdvancedCreation({ onFinished }: Props): ReactElemen
|
|||||||
immutableFlag: immutable,
|
immutableFlag: immutable,
|
||||||
}
|
}
|
||||||
|
|
||||||
const batchId = await beeDebugApi.createPostageBatch(amount.toString(), depth, options)
|
const batchId = await beeApi.createPostageBatch(amount.toString(), depth, options)
|
||||||
await waitUntilStampExists(batchId, beeDebugApi)
|
await waitUntilStampExists(batchId, beeApi)
|
||||||
await refresh()
|
await refresh()
|
||||||
onFinished()
|
onFinished()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
|
|||||||
@@ -44,7 +44,7 @@ const marks = [
|
|||||||
export function PostageStampStandardCreation({ onFinished }: Props): ReactElement {
|
export function PostageStampStandardCreation({ onFinished }: Props): ReactElement {
|
||||||
const classes = useStyles()
|
const classes = useStyles()
|
||||||
const { refresh } = useContext(StampsContext)
|
const { refresh } = useContext(StampsContext)
|
||||||
const { beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
|
|
||||||
const [depthInput, setDepthInput] = useState<number>(Utils.getDepthForCapacity(4))
|
const [depthInput, setDepthInput] = useState<number>(Utils.getDepthForCapacity(4))
|
||||||
const [amountInput, setAmountInput] = useState<string>(Utils.getAmountForTtl(30))
|
const [amountInput, setAmountInput] = useState<string>(Utils.getAmountForTtl(30))
|
||||||
@@ -83,7 +83,7 @@ export function PostageStampStandardCreation({ onFinished }: Props): ReactElemen
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!beeDebugApi) {
|
if (!beeApi) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -96,8 +96,8 @@ export function PostageStampStandardCreation({ onFinished }: Props): ReactElemen
|
|||||||
immutableFlag: true,
|
immutableFlag: true,
|
||||||
}
|
}
|
||||||
|
|
||||||
const batchId = await beeDebugApi.createPostageBatch(amount.toString(), depth, options)
|
const batchId = await beeApi.createPostageBatch(amount.toString(), depth, options)
|
||||||
await waitUntilStampExists(batchId, beeDebugApi)
|
await waitUntilStampExists(batchId, beeApi)
|
||||||
await refresh()
|
await refresh()
|
||||||
onFinished()
|
onFinished()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
|
|||||||
@@ -18,9 +18,9 @@ interface Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function StampsTable({ postageStamps }: Props): ReactElement | null {
|
function StampsTable({ postageStamps }: Props): ReactElement | null {
|
||||||
const { beeDebugApi } = useContext(Context)
|
const { beeApi } = useContext(Context)
|
||||||
|
|
||||||
if (!postageStamps || !beeDebugApi) {
|
if (!postageStamps || !beeApi) {
|
||||||
return null
|
return null
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -53,13 +53,13 @@ function StampsTable({ postageStamps }: Props): ReactElement | null {
|
|||||||
<StampExtensionModal
|
<StampExtensionModal
|
||||||
type="Topup"
|
type="Topup"
|
||||||
icon={<TimerFlashFill size="1rem" />}
|
icon={<TimerFlashFill size="1rem" />}
|
||||||
beeDebug={beeDebugApi}
|
bee={beeApi}
|
||||||
stamp={stamp.batchID}
|
stamp={stamp.batchID}
|
||||||
/>
|
/>
|
||||||
<StampExtensionModal
|
<StampExtensionModal
|
||||||
type="Dilute"
|
type="Dilute"
|
||||||
icon={<TimerFlashLine size="1rem" />}
|
icon={<TimerFlashLine size="1rem" />}
|
||||||
beeDebug={beeDebugApi}
|
bee={beeApi}
|
||||||
stamp={stamp.batchID}
|
stamp={stamp.batchID}
|
||||||
/>
|
/>
|
||||||
</ExpandableListItemActions>
|
</ExpandableListItemActions>
|
||||||
|
|||||||
@@ -1,19 +1,20 @@
|
|||||||
import { useContext } from 'react'
|
|
||||||
import DepositModal from '../../../containers/DepositModal'
|
|
||||||
import type { ReactElement, ReactNode } from 'react'
|
import type { ReactElement, ReactNode } from 'react'
|
||||||
|
import { useContext } from 'react'
|
||||||
import ExpandableList from '../../../components/ExpandableList'
|
import ExpandableList from '../../../components/ExpandableList'
|
||||||
import ExpandableListItemKey from '../../../components/ExpandableListItemKey'
|
|
||||||
import ExpandableListItemActions from '../../../components/ExpandableListItemActions'
|
import ExpandableListItemActions from '../../../components/ExpandableListItemActions'
|
||||||
|
import ExpandableListItemKey from '../../../components/ExpandableListItemKey'
|
||||||
import ExpandableListItemNote from '../../../components/ExpandableListItemNote'
|
import ExpandableListItemNote from '../../../components/ExpandableListItemNote'
|
||||||
import StatusIcon from '../../../components/StatusIcon'
|
import StatusIcon from '../../../components/StatusIcon'
|
||||||
|
import DepositModal from '../../../containers/DepositModal'
|
||||||
import { CheckState, Context } from '../../../providers/Bee'
|
import { CheckState, Context } from '../../../providers/Bee'
|
||||||
|
|
||||||
const ChequebookDeployFund = (): ReactElement | null => {
|
const ChequebookDeployFund = (): ReactElement | null => {
|
||||||
const { status, isLoading, chequebookAddress } = useContext(Context)
|
const { status, isLoading, chequebookAddress } = useContext(Context)
|
||||||
const { checkState, isEnabled } = status.chequebook
|
const { checkState, isEnabled } = status.chequebook
|
||||||
const { checkState: debugApiCheckState } = status.debugApiConnection
|
|
||||||
|
|
||||||
if (!isEnabled || debugApiCheckState === CheckState.ERROR) return null
|
if (!isEnabled) {
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
|
||||||
let text: ReactNode
|
let text: ReactNode
|
||||||
|
|
||||||
|
|||||||
@@ -1,88 +0,0 @@
|
|||||||
import MuiAlert from '@material-ui/lab/Alert'
|
|
||||||
import { ReactElement, useContext } from 'react'
|
|
||||||
import CodeBlockTabs from '../../../components/CodeBlockTabs'
|
|
||||||
import ExpandableList from '../../../components/ExpandableList'
|
|
||||||
import ExpandableListItem from '../../../components/ExpandableListItem'
|
|
||||||
import ExpandableListItemInput from '../../../components/ExpandableListItemInput'
|
|
||||||
import ExpandableListItemNote from '../../../components/ExpandableListItemNote'
|
|
||||||
import StatusIcon from '../../../components/StatusIcon'
|
|
||||||
import { CheckState, Context } from '../../../providers/Bee'
|
|
||||||
import { Context as SettingsContext } from '../../../providers/Settings'
|
|
||||||
|
|
||||||
export default function NodeConnectionCheck(): ReactElement | null {
|
|
||||||
const { status, isLoading } = useContext(Context)
|
|
||||||
const { setDebugApiUrl, apiDebugUrl, isDesktop } = useContext(SettingsContext)
|
|
||||||
const { checkState, isEnabled } = status.debugApiConnection
|
|
||||||
|
|
||||||
if (!isEnabled) return null
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ExpandableList
|
|
||||||
label={
|
|
||||||
<>
|
|
||||||
<StatusIcon checkState={checkState} isLoading={isLoading} /> Connection to Bee Debug API
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<ExpandableListItemNote>
|
|
||||||
{checkState === CheckState.OK
|
|
||||||
? 'The connection to the Bee node debug API has been successful'
|
|
||||||
: 'Could not connect to your Bee node debug API.'}
|
|
||||||
</ExpandableListItemNote>
|
|
||||||
<ExpandableListItemInput label="Bee Debug API" value={apiDebugUrl} onConfirm={setDebugApiUrl} />
|
|
||||||
|
|
||||||
{checkState === CheckState.ERROR && !isDesktop && (
|
|
||||||
<ExpandableList level={1} label="Troubleshoot">
|
|
||||||
<ExpandableListItem
|
|
||||||
label={
|
|
||||||
<ol>
|
|
||||||
<li>Check the status of your node by running the below command to see if your node is running.</li>
|
|
||||||
<CodeBlockTabs showLineNumbers linux={`sudo systemctl status bee`} mac={`brew services list`} />
|
|
||||||
<li>
|
|
||||||
If your node is running, check your firewall settings to make sure that port 1635 (or your custom
|
|
||||||
specified port) is bound to localhost. If your node is not running try executing the below command to
|
|
||||||
start your bee node
|
|
||||||
</li>
|
|
||||||
<MuiAlert
|
|
||||||
style={{ marginTop: '10px', marginBottom: '10px' }}
|
|
||||||
elevation={6}
|
|
||||||
variant="filled"
|
|
||||||
severity="error"
|
|
||||||
>
|
|
||||||
Your debug node API should never be completely open to the internet. If you want to connect remotely,
|
|
||||||
make sure your firewall settings are set to only allow specific trusted IP addresses and block all
|
|
||||||
other ports. A simple google search for "what is my ip" will show you your computers public
|
|
||||||
IP address to allow.
|
|
||||||
</MuiAlert>
|
|
||||||
<CodeBlockTabs
|
|
||||||
showLineNumbers
|
|
||||||
linux={`sudo systemctl start bee`}
|
|
||||||
mac={`brew services start swarm-bee`}
|
|
||||||
/>
|
|
||||||
<li>Run the commands to validate your node is running and see the log output.</li>
|
|
||||||
<CodeBlockTabs
|
|
||||||
showLineNumbers
|
|
||||||
linux={`sudo systemctl status bee \njournalctl --lines=100 --follow --unit bee`}
|
|
||||||
mac={`brew services list \ntail -f /usr/local/var/log/swarm-bee/bee.log`}
|
|
||||||
/>
|
|
||||||
<li>
|
|
||||||
Lastly, check your nodes configuration settings to validate the debug API is enabled and the Cross
|
|
||||||
Origin Resource Sharing (CORS) setting is configured to allow your host. Config parameter{' '}
|
|
||||||
<strong>debug-api-enable</strong> must be set to <strong>true</strong> and{' '}
|
|
||||||
<strong>cors-allowed-origins</strong> must be set to your host domain or IP (you can also use the
|
|
||||||
wildcard <code>{"cors-allowed-origins: ['*']"}</code>). If edits are made to the configuration run the
|
|
||||||
restart command below for changes to take effect.
|
|
||||||
</li>
|
|
||||||
<CodeBlockTabs
|
|
||||||
showLineNumbers
|
|
||||||
linux={`sudo vi /etc/bee/bee.yaml\nsudo systemctl restart bee`}
|
|
||||||
mac={`sudo vi /usr/local/etc/swarm-bee/bee.yaml \nbrew services restart swarm-bee`}
|
|
||||||
/>
|
|
||||||
</ol>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</ExpandableList>
|
|
||||||
)}
|
|
||||||
</ExpandableList>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
import { ReactElement, useContext } from 'react'
|
|
||||||
import ExpandableList from '../../../components/ExpandableList'
|
|
||||||
import ExpandableListItemKey from '../../../components/ExpandableListItemKey'
|
|
||||||
import ExpandableListItemNote from '../../../components/ExpandableListItemNote'
|
|
||||||
import StatusIcon from '../../../components/StatusIcon'
|
|
||||||
import { CheckState, Context } from '../../../providers/Bee'
|
|
||||||
|
|
||||||
export default function EthereumConnectionCheck(): ReactElement | null {
|
|
||||||
const { status, isLoading, nodeAddresses } = useContext(Context)
|
|
||||||
const { checkState, isEnabled } = status.blockchainConnection
|
|
||||||
|
|
||||||
if (!isEnabled) return null
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ExpandableList
|
|
||||||
label={
|
|
||||||
<>
|
|
||||||
<StatusIcon checkState={checkState} isLoading={isLoading} /> Connection to Blockchain
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<ExpandableListItemNote>
|
|
||||||
{checkState === CheckState.OK ? (
|
|
||||||
'Your node is connected to the xDai blockchain'
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
Your Bee node must have access to the xDai blockchain, so that it can interact and deploy your chequebook
|
|
||||||
contract. You can run{' '}
|
|
||||||
<a href="https://www.xdaichain.com/" rel="noreferrer" target="_blank">
|
|
||||||
your own xDai node
|
|
||||||
</a>
|
|
||||||
, or use a provider instead - we recommend{' '}
|
|
||||||
<a href="https://getblock.io/" rel="noreferrer" target="_blank">
|
|
||||||
Getblock
|
|
||||||
</a>
|
|
||||||
. By default, Bee expects a local node at http://localhost:8545. To use a provider instead, simply change
|
|
||||||
the <strong>blockchain-rpc-endpoint</strong> in your configuration file.
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</ExpandableListItemNote>
|
|
||||||
{nodeAddresses?.ethereum && <ExpandableListItemKey label="Ethereum Address" value={nodeAddresses?.ethereum} />}
|
|
||||||
</ExpandableList>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1,16 +1,17 @@
|
|||||||
import { ReactElement, ReactNode, useContext } from 'react'
|
import { ReactElement, ReactNode, useContext } from 'react'
|
||||||
import ExpandableList from '../../../components/ExpandableList'
|
import ExpandableList from '../../../components/ExpandableList'
|
||||||
import ExpandableListItemNote from '../../../components/ExpandableListItemNote'
|
import ExpandableListItemNote from '../../../components/ExpandableListItemNote'
|
||||||
import TopologyStats from '../../../components/TopologyStats'
|
|
||||||
import StatusIcon from '../../../components/StatusIcon'
|
import StatusIcon from '../../../components/StatusIcon'
|
||||||
|
import TopologyStats from '../../../components/TopologyStats'
|
||||||
import { CheckState, Context } from '../../../providers/Bee'
|
import { CheckState, Context } from '../../../providers/Bee'
|
||||||
|
|
||||||
export default function PeerConnection(): ReactElement | null {
|
export default function PeerConnection(): ReactElement | null {
|
||||||
const { status, isLoading, topology } = useContext(Context)
|
const { status, isLoading, topology } = useContext(Context)
|
||||||
const { isEnabled, checkState } = status.topology
|
const { isEnabled, checkState } = status.topology
|
||||||
const { checkState: debugApiCheckState } = status.debugApiConnection
|
|
||||||
|
|
||||||
if (!isEnabled || debugApiCheckState === CheckState.ERROR) return null
|
if (!isEnabled) {
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
|
||||||
let text: ReactNode
|
let text: ReactNode
|
||||||
switch (checkState) {
|
switch (checkState) {
|
||||||
|
|||||||
@@ -1,49 +0,0 @@
|
|||||||
import { ReactElement, useContext } from 'react'
|
|
||||||
import CodeBlockTabs from '../../../components/CodeBlockTabs'
|
|
||||||
import ExpandableList from '../../../components/ExpandableList'
|
|
||||||
import ExpandableListItem from '../../../components/ExpandableListItem'
|
|
||||||
import ExpandableListItemNote from '../../../components/ExpandableListItemNote'
|
|
||||||
import StatusIcon from '../../../components/StatusIcon'
|
|
||||||
import { CheckState, Context } from '../../../providers/Bee'
|
|
||||||
|
|
||||||
export default function VersionCheck(): ReactElement | null {
|
|
||||||
const { status, isLoading, latestUserVersion, latestPublishedVersion, latestBeeVersionUrl } = useContext(Context)
|
|
||||||
const { isEnabled, checkState } = status.version
|
|
||||||
|
|
||||||
if (!isEnabled) return null
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ExpandableList
|
|
||||||
label={
|
|
||||||
<>
|
|
||||||
<StatusIcon checkState={checkState} isLoading={isLoading} /> Bee Version
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<ExpandableListItemNote>
|
|
||||||
{checkState === CheckState.OK ? (
|
|
||||||
'You are running the latest version of Bee.'
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
Your Bee version is out of date. Please update to the{' '}
|
|
||||||
<a href={latestBeeVersionUrl} rel="noreferrer" target="_blank">
|
|
||||||
latest
|
|
||||||
</a>{' '}
|
|
||||||
before continuing. Rerun the installation script below to upgrade. For more information please see the{' '}
|
|
||||||
<a href="https://docs.ethswarm.org/docs/installation/manual#upgrading-bee" rel="noreferrer" target="_blank">
|
|
||||||
Docs
|
|
||||||
</a>
|
|
||||||
.
|
|
||||||
<CodeBlockTabs
|
|
||||||
showLineNumbers
|
|
||||||
linux={`bee version\nwget https://github.com/ethersphere/bee/releases/download/${latestPublishedVersion}/bee_${latestPublishedVersion}_amd64.deb\nsudo dpkg -i bee_${latestPublishedVersion}_amd64.deb`}
|
|
||||||
mac={`bee version\nbrew tap ethersphere/tap\nbrew install swarm-bee\nbrew services start swarm-bee`}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</ExpandableListItemNote>
|
|
||||||
<ExpandableListItem label="Your Version" value={latestUserVersion || '-'} />
|
|
||||||
<ExpandableListItem label="Latest Version" value={latestPublishedVersion || '-'} />
|
|
||||||
</ExpandableList>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1,12 +1,8 @@
|
|||||||
import { Context } from '../../providers/Settings'
|
|
||||||
import { ReactElement, useContext } from 'react'
|
import { ReactElement, useContext } from 'react'
|
||||||
|
import { Context } from '../../providers/Settings'
|
||||||
import DebugConnectionCheck from './SetupSteps/DebugConnectionCheck'
|
import ChequebookDeployFund from './SetupSteps/ChequebookDeployFund'
|
||||||
import DesktopConnection from './SetupSteps/DesktopConnectionCheck'
|
import DesktopConnection from './SetupSteps/DesktopConnectionCheck'
|
||||||
import NodeConnectionCheck from './SetupSteps/NodeConnectionCheck'
|
import NodeConnectionCheck from './SetupSteps/NodeConnectionCheck'
|
||||||
import VersionCheck from './SetupSteps/VersionCheck'
|
|
||||||
import EthereumConnectionCheck from './SetupSteps/EthereumConnectionCheck'
|
|
||||||
import ChequebookDeployFund from './SetupSteps/ChequebookDeployFund'
|
|
||||||
import PeerConnection from './SetupSteps/PeerConnection'
|
import PeerConnection from './SetupSteps/PeerConnection'
|
||||||
|
|
||||||
export default function NodeSetupWorkflow(): ReactElement {
|
export default function NodeSetupWorkflow(): ReactElement {
|
||||||
@@ -16,9 +12,6 @@ export default function NodeSetupWorkflow(): ReactElement {
|
|||||||
<div>
|
<div>
|
||||||
{isDesktop && <DesktopConnection />}
|
{isDesktop && <DesktopConnection />}
|
||||||
<NodeConnectionCheck />
|
<NodeConnectionCheck />
|
||||||
<DebugConnectionCheck />
|
|
||||||
{!isDesktop && <VersionCheck />}
|
|
||||||
<EthereumConnectionCheck />
|
|
||||||
<ChequebookDeployFund />
|
<ChequebookDeployFund />
|
||||||
<PeerConnection />
|
<PeerConnection />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -13,13 +13,14 @@ import { Loading } from '../../components/Loading'
|
|||||||
import { SwarmButton } from '../../components/SwarmButton'
|
import { SwarmButton } from '../../components/SwarmButton'
|
||||||
import { SwarmDivider } from '../../components/SwarmDivider'
|
import { SwarmDivider } from '../../components/SwarmDivider'
|
||||||
import { SwarmTextInput } from '../../components/SwarmTextInput'
|
import { SwarmTextInput } from '../../components/SwarmTextInput'
|
||||||
import { BzzToken, BZZ_DECIMAL_PLACES } from '../../models/BzzToken'
|
import { BZZ_DECIMAL_PLACES, BzzToken } from '../../models/BzzToken'
|
||||||
import { DaiToken } from '../../models/DaiToken'
|
import { DaiToken } from '../../models/DaiToken'
|
||||||
import { Context as BeeContext } from '../../providers/Bee'
|
import { Context as BeeContext } from '../../providers/Bee'
|
||||||
import { Context as SettingsContext } from '../../providers/Settings'
|
import { Context as SettingsContext } from '../../providers/Settings'
|
||||||
import { Context as BalanceProvider } from '../../providers/WalletBalance'
|
import { Context as BalanceProvider } from '../../providers/WalletBalance'
|
||||||
import { ROUTES } from '../../routes'
|
import { ROUTES } from '../../routes'
|
||||||
import { sleepMs } from '../../utils'
|
import { sleepMs } from '../../utils'
|
||||||
|
import { SwapError, isSwapError, wrapWithSwapError } from '../../utils/SwapError'
|
||||||
import {
|
import {
|
||||||
getBzzPriceAsDai,
|
getBzzPriceAsDai,
|
||||||
getDesktopConfiguration,
|
getDesktopConfiguration,
|
||||||
@@ -28,7 +29,6 @@ import {
|
|||||||
upgradeToLightNode,
|
upgradeToLightNode,
|
||||||
} from '../../utils/desktop'
|
} from '../../utils/desktop'
|
||||||
import { Rpc } from '../../utils/rpc'
|
import { Rpc } from '../../utils/rpc'
|
||||||
import { isSwapError, SwapError, wrapWithSwapError } from '../../utils/SwapError'
|
|
||||||
import { TopUpProgressIndicator } from './TopUpProgressIndicator'
|
import { TopUpProgressIndicator } from './TopUpProgressIndicator'
|
||||||
|
|
||||||
const MINIMUM_XDAI = '0.1'
|
const MINIMUM_XDAI = '0.1'
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ import { HistoryHeader } from '../../components/HistoryHeader'
|
|||||||
import { Loading } from '../../components/Loading'
|
import { Loading } from '../../components/Loading'
|
||||||
import { SwarmButton } from '../../components/SwarmButton'
|
import { SwarmButton } from '../../components/SwarmButton'
|
||||||
import TroubleshootConnectionCard from '../../components/TroubleshootConnectionCard'
|
import TroubleshootConnectionCard from '../../components/TroubleshootConnectionCard'
|
||||||
import { CheckState, Context as BeeContext } from '../../providers/Bee'
|
import { Context as BeeContext, CheckState } from '../../providers/Bee'
|
||||||
import { Context as SettingsContext } from '../../providers/Settings'
|
import { Context as SettingsContext } from '../../providers/Settings'
|
||||||
import { Context as BalanceProvider } from '../../providers/WalletBalance'
|
import { Context as BalanceProvider } from '../../providers/WalletBalance'
|
||||||
import { ROUTES } from '../../routes'
|
import { ROUTES } from '../../routes'
|
||||||
|
|||||||
+28
-128
@@ -2,7 +2,6 @@ import {
|
|||||||
BeeModes,
|
BeeModes,
|
||||||
ChainState,
|
ChainState,
|
||||||
ChequebookAddressResponse,
|
ChequebookAddressResponse,
|
||||||
Health,
|
|
||||||
LastChequesResponse,
|
LastChequesResponse,
|
||||||
NodeAddresses,
|
NodeAddresses,
|
||||||
NodeInfo,
|
NodeInfo,
|
||||||
@@ -10,8 +9,6 @@ import {
|
|||||||
Topology,
|
Topology,
|
||||||
} from '@ethersphere/bee-js'
|
} from '@ethersphere/bee-js'
|
||||||
import { ReactChild, ReactElement, createContext, useContext, useEffect, useState } from 'react'
|
import { ReactChild, ReactElement, createContext, useContext, useEffect, useState } from 'react'
|
||||||
import semver from 'semver'
|
|
||||||
import PackageJson from '../../package.json'
|
|
||||||
import { useLatestBeeRelease } from '../hooks/apiHooks'
|
import { useLatestBeeRelease } from '../hooks/apiHooks'
|
||||||
import { BzzToken } from '../models/BzzToken'
|
import { BzzToken } from '../models/BzzToken'
|
||||||
import { Token } from '../models/Token'
|
import { Token } from '../models/Token'
|
||||||
@@ -38,9 +35,6 @@ interface StatusItem {
|
|||||||
|
|
||||||
interface Status {
|
interface Status {
|
||||||
all: CheckState
|
all: CheckState
|
||||||
version: StatusItem
|
|
||||||
blockchainConnection: StatusItem
|
|
||||||
debugApiConnection: StatusItem
|
|
||||||
apiConnection: StatusItem
|
apiConnection: StatusItem
|
||||||
topology: StatusItem
|
topology: StatusItem
|
||||||
chequebook: StatusItem
|
chequebook: StatusItem
|
||||||
@@ -48,15 +42,8 @@ interface Status {
|
|||||||
|
|
||||||
interface ContextInterface {
|
interface ContextInterface {
|
||||||
status: Status
|
status: Status
|
||||||
latestPublishedVersion?: string
|
|
||||||
latestUserVersion?: string
|
|
||||||
latestUserVersionExact?: string
|
|
||||||
isLatestBeeVersion: boolean
|
|
||||||
latestBeeVersionUrl: string
|
|
||||||
error: Error | null
|
error: Error | null
|
||||||
apiHealth: boolean
|
apiHealth: boolean
|
||||||
debugApiHealth: Health | null
|
|
||||||
debugApiReadiness: boolean
|
|
||||||
nodeAddresses: NodeAddresses | null
|
nodeAddresses: NodeAddresses | null
|
||||||
nodeInfo: NodeInfo | null
|
nodeInfo: NodeInfo | null
|
||||||
topology: Topology | null
|
topology: Topology | null
|
||||||
@@ -80,22 +67,12 @@ interface ContextInterface {
|
|||||||
const initialValues: ContextInterface = {
|
const initialValues: ContextInterface = {
|
||||||
status: {
|
status: {
|
||||||
all: CheckState.ERROR,
|
all: CheckState.ERROR,
|
||||||
version: { isEnabled: false, checkState: CheckState.ERROR },
|
|
||||||
blockchainConnection: { isEnabled: false, checkState: CheckState.ERROR },
|
|
||||||
debugApiConnection: { isEnabled: false, checkState: CheckState.ERROR },
|
|
||||||
apiConnection: { isEnabled: false, checkState: CheckState.ERROR },
|
apiConnection: { isEnabled: false, checkState: CheckState.ERROR },
|
||||||
topology: { isEnabled: false, checkState: CheckState.ERROR },
|
topology: { isEnabled: false, checkState: CheckState.ERROR },
|
||||||
chequebook: { isEnabled: false, checkState: CheckState.ERROR },
|
chequebook: { isEnabled: false, checkState: CheckState.ERROR },
|
||||||
},
|
},
|
||||||
latestPublishedVersion: undefined,
|
|
||||||
latestUserVersion: undefined,
|
|
||||||
latestUserVersionExact: undefined,
|
|
||||||
isLatestBeeVersion: false,
|
|
||||||
latestBeeVersionUrl: 'https://github.com/ethersphere/bee/releases/latest',
|
|
||||||
error: null,
|
error: null,
|
||||||
apiHealth: false,
|
apiHealth: false,
|
||||||
debugApiHealth: null,
|
|
||||||
debugApiReadiness: false,
|
|
||||||
nodeAddresses: null,
|
nodeAddresses: null,
|
||||||
nodeInfo: null,
|
nodeInfo: null,
|
||||||
topology: null,
|
topology: null,
|
||||||
@@ -124,40 +101,16 @@ interface Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function getStatus(
|
function getStatus(
|
||||||
debugApiHealth: Health | null,
|
|
||||||
debugApiReadiness: boolean,
|
|
||||||
nodeInfo: NodeInfo | null,
|
nodeInfo: NodeInfo | null,
|
||||||
apiHealth: boolean,
|
apiHealth: boolean,
|
||||||
topology: Topology | null,
|
topology: Topology | null,
|
||||||
chequebookAddress: ChequebookAddressResponse | null,
|
chequebookAddress: ChequebookAddressResponse | null,
|
||||||
chequebookBalance: ChequebookBalance | null,
|
chequebookBalance: ChequebookBalance | null,
|
||||||
error: Error | null,
|
error: Error | null,
|
||||||
isDesktop: boolean,
|
|
||||||
startedAt: number,
|
startedAt: number,
|
||||||
latestPublishedVersion: string | undefined,
|
|
||||||
latestUserVersion: string | undefined,
|
|
||||||
): Status {
|
): Status {
|
||||||
const status: Status = { ...initialValues.status }
|
const status: Status = { ...initialValues.status }
|
||||||
|
|
||||||
// Version check
|
|
||||||
status.version.isEnabled = !isDesktop
|
|
||||||
status.version.checkState =
|
|
||||||
latestPublishedVersion &&
|
|
||||||
latestUserVersion &&
|
|
||||||
semver.satisfies(latestPublishedVersion, latestUserVersion, {
|
|
||||||
includePrerelease: true,
|
|
||||||
})
|
|
||||||
? CheckState.OK
|
|
||||||
: CheckState.WARNING
|
|
||||||
|
|
||||||
// Blockchain connection check
|
|
||||||
status.blockchainConnection.isEnabled = true
|
|
||||||
status.blockchainConnection.checkState = Boolean(debugApiHealth?.status === 'ok') ? CheckState.OK : CheckState.ERROR
|
|
||||||
|
|
||||||
// Debug API connection check
|
|
||||||
status.debugApiConnection.isEnabled = true
|
|
||||||
status.debugApiConnection.checkState = Boolean(debugApiHealth?.status === 'ok') ? CheckState.OK : CheckState.ERROR
|
|
||||||
|
|
||||||
// API connection check
|
// API connection check
|
||||||
status.apiConnection.isEnabled = true
|
status.apiConnection.isEnabled = true
|
||||||
status.apiConnection.checkState = apiHealth ? CheckState.OK : CheckState.ERROR
|
status.apiConnection.checkState = apiHealth ? CheckState.OK : CheckState.ERROR
|
||||||
@@ -177,17 +130,12 @@ function getStatus(
|
|||||||
} else status.chequebook.checkState = CheckState.OK
|
} else status.chequebook.checkState = CheckState.OK
|
||||||
}
|
}
|
||||||
|
|
||||||
status.all = determineOverallStatus(debugApiHealth, debugApiReadiness, status, startedAt)
|
status.all = determineOverallStatus(status, startedAt)
|
||||||
|
|
||||||
return status
|
return status
|
||||||
}
|
}
|
||||||
|
|
||||||
function determineOverallStatus(
|
function determineOverallStatus(status: Status, startedAt: number): CheckState {
|
||||||
debugApiHealth: Health | null,
|
|
||||||
debugApiReadiness: boolean,
|
|
||||||
status: Status,
|
|
||||||
startedAt: number,
|
|
||||||
): CheckState {
|
|
||||||
const hasErrors = Object.values(status).some(
|
const hasErrors = Object.values(status).some(
|
||||||
({ isEnabled, checkState }) => isEnabled && checkState === CheckState.ERROR,
|
({ isEnabled, checkState }) => isEnabled && checkState === CheckState.ERROR,
|
||||||
)
|
)
|
||||||
@@ -196,9 +144,7 @@ function determineOverallStatus(
|
|||||||
)
|
)
|
||||||
const isInGracePeriod = Date.now() - startedAt < LAUNCH_GRACE_PERIOD
|
const isInGracePeriod = Date.now() - startedAt < LAUNCH_GRACE_PERIOD
|
||||||
|
|
||||||
if (debugApiHealth?.status === 'ok' && !debugApiReadiness) {
|
if (hasErrors && isInGracePeriod) {
|
||||||
return CheckState.STARTING
|
|
||||||
} else if (hasErrors && isInGracePeriod) {
|
|
||||||
return CheckState.CONNECTING
|
return CheckState.CONNECTING
|
||||||
} else if (hasErrors) {
|
} else if (hasErrors) {
|
||||||
return CheckState.ERROR
|
return CheckState.ERROR
|
||||||
@@ -212,19 +158,13 @@ function determineOverallStatus(
|
|||||||
// This does not need to be exposed and works much better as variable than state variable which may trigger some unnecessary re-renders
|
// This does not need to be exposed and works much better as variable than state variable which may trigger some unnecessary re-renders
|
||||||
let isRefreshing = false
|
let isRefreshing = false
|
||||||
|
|
||||||
interface InitialSettings {
|
interface Props {
|
||||||
isDesktop?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
interface Props extends InitialSettings {
|
|
||||||
children: ReactChild
|
children: ReactChild
|
||||||
}
|
}
|
||||||
|
|
||||||
export function Provider({ children, isDesktop }: Props): ReactElement {
|
export function Provider({ children }: Props): ReactElement {
|
||||||
const { beeApi, beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
const [apiHealth, setApiHealth] = useState<boolean>(false)
|
const [apiHealth, setApiHealth] = useState<boolean>(false)
|
||||||
const [debugApiHealth, setDebugApiHealth] = useState<Health | null>(null)
|
|
||||||
const [debugApiReadiness, setDebugApiReadiness] = useState(false)
|
|
||||||
const [nodeAddresses, setNodeAddresses] = useState<NodeAddresses | null>(null)
|
const [nodeAddresses, setNodeAddresses] = useState<NodeAddresses | null>(null)
|
||||||
const [nodeInfo, setNodeInfo] = useState<NodeInfo | null>(null)
|
const [nodeInfo, setNodeInfo] = useState<NodeInfo | null>(null)
|
||||||
const [topology, setNodeTopology] = useState<Topology | null>(null)
|
const [topology, setNodeTopology] = useState<Topology | null>(null)
|
||||||
@@ -246,10 +186,6 @@ export function Provider({ children, isDesktop }: Props): ReactElement {
|
|||||||
const [lastUpdate, setLastUpdate] = useState<number | null>(initialValues.lastUpdate)
|
const [lastUpdate, setLastUpdate] = useState<number | null>(initialValues.lastUpdate)
|
||||||
const [frequency, setFrequency] = useState<number | null>(30000)
|
const [frequency, setFrequency] = useState<number | null>(30000)
|
||||||
|
|
||||||
const latestPublishedVersion = semver.coerce(latestBeeRelease?.name)?.version
|
|
||||||
const latestUserVersion = semver.coerce(debugApiHealth?.version)?.version
|
|
||||||
const latestUserVersionExact = debugApiHealth?.version
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setIsLoading(true)
|
setIsLoading(true)
|
||||||
|
|
||||||
@@ -260,8 +196,6 @@ export function Provider({ children, isDesktop }: Props): ReactElement {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setIsLoading(true)
|
setIsLoading(true)
|
||||||
|
|
||||||
setDebugApiHealth(null)
|
|
||||||
setNodeAddresses(null)
|
setNodeAddresses(null)
|
||||||
setNodeTopology(null)
|
setNodeTopology(null)
|
||||||
setNodeInfo(null)
|
setNodeInfo(null)
|
||||||
@@ -273,15 +207,19 @@ export function Provider({ children, isDesktop }: Props): ReactElement {
|
|||||||
setSettlements(null)
|
setSettlements(null)
|
||||||
setChainState(null)
|
setChainState(null)
|
||||||
|
|
||||||
if (beeDebugApi !== null) refresh()
|
if (beeApi !== null) {
|
||||||
}, [beeDebugApi]) // eslint-disable-line react-hooks/exhaustive-deps
|
refresh()
|
||||||
|
}
|
||||||
|
}, [beeApi]) // eslint-disable-line react-hooks/exhaustive-deps
|
||||||
|
|
||||||
const refresh = async () => {
|
const refresh = async () => {
|
||||||
// Don't want to refresh when already refreshing
|
// Don't want to refresh when already refreshing
|
||||||
if (isRefreshing) return
|
if (isRefreshing) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
// Not a valid bee api
|
// Not a valid bee api
|
||||||
if (!beeApi || !beeDebugApi) {
|
if (!beeApi) {
|
||||||
setIsLoading(false)
|
setIsLoading(false)
|
||||||
|
|
||||||
return
|
return
|
||||||
@@ -293,7 +231,7 @@ export function Provider({ children, isDesktop }: Props): ReactElement {
|
|||||||
|
|
||||||
// Wrap the chequebook balance call to return BZZ values as Token object
|
// Wrap the chequebook balance call to return BZZ values as Token object
|
||||||
const chequeBalanceWrapper = async () => {
|
const chequeBalanceWrapper = async () => {
|
||||||
const { totalBalance, availableBalance } = await beeDebugApi.getChequebookBalance({ timeout: TIMEOUT })
|
const { totalBalance, availableBalance } = await beeApi.getChequebookBalance({ timeout: TIMEOUT })
|
||||||
|
|
||||||
return {
|
return {
|
||||||
totalBalance: new Token(totalBalance),
|
totalBalance: new Token(totalBalance),
|
||||||
@@ -303,14 +241,14 @@ export function Provider({ children, isDesktop }: Props): ReactElement {
|
|||||||
|
|
||||||
// Wrap the balances call to return BZZ values as Token object
|
// Wrap the balances call to return BZZ values as Token object
|
||||||
const peerBalanceWrapper = async () => {
|
const peerBalanceWrapper = async () => {
|
||||||
const { balances } = await beeDebugApi.getAllBalances({ timeout: TIMEOUT })
|
const { balances } = await beeApi.getAllBalances({ timeout: TIMEOUT })
|
||||||
|
|
||||||
return balances.map(({ peer, balance }) => ({ peer, balance: new Token(balance) }))
|
return balances.map(({ peer, balance }) => ({ peer, balance: new Token(balance) }))
|
||||||
}
|
}
|
||||||
|
|
||||||
// Wrap the settlements call to return BZZ values as Token object
|
// Wrap the settlements call to return BZZ values as Token object
|
||||||
const settlementsWrapper = async () => {
|
const settlementsWrapper = async () => {
|
||||||
const { totalReceived, settlements, totalSent } = await beeDebugApi.getAllSettlements({ timeout: TIMEOUT })
|
const { totalReceived, settlements, totalSent } = await beeApi.getAllSettlements({ timeout: TIMEOUT })
|
||||||
|
|
||||||
return {
|
return {
|
||||||
totalReceived: new Token(totalReceived),
|
totalReceived: new Token(totalReceived),
|
||||||
@@ -330,62 +268,50 @@ export function Provider({ children, isDesktop }: Props): ReactElement {
|
|||||||
.then(setApiHealth)
|
.then(setApiHealth)
|
||||||
.catch(() => setApiHealth(false)),
|
.catch(() => setApiHealth(false)),
|
||||||
|
|
||||||
// Debug API health
|
|
||||||
beeDebugApi
|
|
||||||
.getHealth({ timeout: TIMEOUT })
|
|
||||||
.then(setDebugApiHealth)
|
|
||||||
.catch(() => setDebugApiHealth(null)),
|
|
||||||
|
|
||||||
// Debug API readiness
|
|
||||||
beeDebugApi
|
|
||||||
.getReadiness({ timeout: TIMEOUT })
|
|
||||||
.then(setDebugApiReadiness)
|
|
||||||
.catch(() => setDebugApiReadiness(false)),
|
|
||||||
|
|
||||||
// Node Addresses
|
// Node Addresses
|
||||||
beeDebugApi
|
beeApi
|
||||||
.getNodeAddresses({ timeout: TIMEOUT })
|
.getNodeAddresses({ timeout: TIMEOUT })
|
||||||
.then(setNodeAddresses)
|
.then(setNodeAddresses)
|
||||||
.catch(() => setNodeAddresses(null)),
|
.catch(() => setNodeAddresses(null)),
|
||||||
|
|
||||||
// NodeInfo
|
// NodeInfo
|
||||||
beeDebugApi
|
beeApi
|
||||||
.getNodeInfo({ timeout: TIMEOUT })
|
.getNodeInfo({ timeout: TIMEOUT })
|
||||||
.then(setNodeInfo)
|
.then(setNodeInfo)
|
||||||
.catch(() => setNodeInfo(null)),
|
.catch(() => setNodeInfo(null)),
|
||||||
|
|
||||||
// Network Topology
|
// Network Topology
|
||||||
beeDebugApi
|
beeApi
|
||||||
.getTopology({ timeout: TIMEOUT })
|
.getTopology({ timeout: TIMEOUT })
|
||||||
.then(setNodeTopology)
|
.then(setNodeTopology)
|
||||||
.catch(() => setNodeTopology(null)),
|
.catch(() => setNodeTopology(null)),
|
||||||
|
|
||||||
// Peers
|
// Peers
|
||||||
beeDebugApi
|
beeApi
|
||||||
.getPeers({ timeout: TIMEOUT })
|
.getPeers({ timeout: TIMEOUT })
|
||||||
.then(setPeers)
|
.then(setPeers)
|
||||||
.catch(() => setPeers(null)),
|
.catch(() => setPeers(null)),
|
||||||
|
|
||||||
// Chequebook address
|
// Chequebook address
|
||||||
beeDebugApi
|
beeApi
|
||||||
.getChequebookAddress({ timeout: TIMEOUT })
|
.getChequebookAddress({ timeout: TIMEOUT })
|
||||||
.then(setChequebookAddress)
|
.then(setChequebookAddress)
|
||||||
.catch(() => setChequebookAddress(null)),
|
.catch(() => setChequebookAddress(null)),
|
||||||
|
|
||||||
// Cheques
|
// Cheques
|
||||||
beeDebugApi
|
beeApi
|
||||||
.getLastCheques({ timeout: TIMEOUT })
|
.getLastCheques({ timeout: TIMEOUT })
|
||||||
.then(setPeerCheques)
|
.then(setPeerCheques)
|
||||||
.catch(() => setPeerCheques(null)),
|
.catch(() => setPeerCheques(null)),
|
||||||
|
|
||||||
// Chain state
|
// Chain state
|
||||||
beeDebugApi
|
beeApi
|
||||||
.getChainState({ timeout: TIMEOUT })
|
.getChainState({ timeout: TIMEOUT })
|
||||||
.then(setChainState)
|
.then(setChainState)
|
||||||
.catch(() => setChainState(null)),
|
.catch(() => setChainState(null)),
|
||||||
|
|
||||||
// Wallet
|
// Wallet
|
||||||
beeDebugApi
|
beeApi
|
||||||
.getWalletBalance({ timeout: TIMEOUT })
|
.getWalletBalance({ timeout: TIMEOUT })
|
||||||
.then(({ chainID }) => setChainId(chainID))
|
.then(({ chainID }) => setChainId(chainID))
|
||||||
.catch(() => setChainId(null)),
|
.catch(() => setChainId(null)),
|
||||||
@@ -395,7 +321,7 @@ export function Provider({ children, isDesktop }: Props): ReactElement {
|
|||||||
.then(setChequebookBalance)
|
.then(setChequebookBalance)
|
||||||
.catch(() => setChequebookBalance(null)),
|
.catch(() => setChequebookBalance(null)),
|
||||||
|
|
||||||
beeDebugApi
|
beeApi
|
||||||
.getStake({ timeout: TIMEOUT })
|
.getStake({ timeout: TIMEOUT })
|
||||||
.then(stake => setStake(new BzzToken(stake)))
|
.then(stake => setStake(new BzzToken(stake)))
|
||||||
.catch(() => setStake(null)),
|
.catch(() => setStake(null)),
|
||||||
@@ -427,20 +353,7 @@ export function Provider({ children, isDesktop }: Props): ReactElement {
|
|||||||
}
|
}
|
||||||
const stop = () => setFrequency(null)
|
const stop = () => setFrequency(null)
|
||||||
|
|
||||||
const status = getStatus(
|
const status = getStatus(nodeInfo, apiHealth, topology, chequebookAddress, chequebookBalance, error, startedAt)
|
||||||
debugApiHealth,
|
|
||||||
debugApiReadiness,
|
|
||||||
nodeInfo,
|
|
||||||
apiHealth,
|
|
||||||
topology,
|
|
||||||
chequebookAddress,
|
|
||||||
chequebookBalance,
|
|
||||||
error,
|
|
||||||
Boolean(isDesktop),
|
|
||||||
startedAt,
|
|
||||||
latestPublishedVersion,
|
|
||||||
latestUserVersion,
|
|
||||||
)
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
let newFrequency = REFRESH_WHEN_OK
|
let newFrequency = REFRESH_WHEN_OK
|
||||||
@@ -458,27 +371,14 @@ export function Provider({ children, isDesktop }: Props): ReactElement {
|
|||||||
|
|
||||||
return () => clearInterval(interval)
|
return () => clearInterval(interval)
|
||||||
}
|
}
|
||||||
}, [frequency, beeDebugApi, beeApi]) // eslint-disable-line react-hooks/exhaustive-deps
|
}, [frequency, beeApi]) // eslint-disable-line react-hooks/exhaustive-deps
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Context.Provider
|
<Context.Provider
|
||||||
value={{
|
value={{
|
||||||
status,
|
status,
|
||||||
latestUserVersion,
|
|
||||||
latestUserVersionExact,
|
|
||||||
latestPublishedVersion,
|
|
||||||
isLatestBeeVersion: Boolean(
|
|
||||||
latestPublishedVersion &&
|
|
||||||
latestUserVersion &&
|
|
||||||
semver.satisfies(latestPublishedVersion, latestUserVersion, {
|
|
||||||
includePrerelease: true,
|
|
||||||
}),
|
|
||||||
),
|
|
||||||
latestBeeVersionUrl: latestBeeRelease?.html_url || 'https://github.com/ethersphere/bee/releases/latest',
|
|
||||||
error,
|
error,
|
||||||
apiHealth,
|
apiHealth,
|
||||||
debugApiHealth,
|
|
||||||
debugApiReadiness,
|
|
||||||
nodeAddresses,
|
nodeAddresses,
|
||||||
nodeInfo,
|
nodeInfo,
|
||||||
topology,
|
topology,
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { Bee, BeeDebug } from '@ethersphere/bee-js'
|
import { Bee } from '@ethersphere/bee-js'
|
||||||
import { providers } from 'ethers'
|
import { providers } from 'ethers'
|
||||||
import { ReactElement, ReactNode, createContext, useEffect, useState } from 'react'
|
import { ReactElement, ReactNode, createContext, useEffect, useState } from 'react'
|
||||||
import { DEFAULT_BEE_API_HOST, DEFAULT_BEE_DEBUG_API_HOST, DEFAULT_RPC_URL } from '../constants'
|
import { DEFAULT_BEE_API_HOST, DEFAULT_RPC_URL } from '../constants'
|
||||||
import { useGetBeeConfig } from '../hooks/apiHooks'
|
import { useGetBeeConfig } from '../hooks/apiHooks'
|
||||||
|
|
||||||
const LocalStorageKeys = {
|
const LocalStorageKeys = {
|
||||||
@@ -10,9 +10,7 @@ const LocalStorageKeys = {
|
|||||||
|
|
||||||
interface ContextInterface {
|
interface ContextInterface {
|
||||||
apiUrl: string
|
apiUrl: string
|
||||||
apiDebugUrl: string
|
|
||||||
beeApi: Bee | null
|
beeApi: Bee | null
|
||||||
beeDebugApi: BeeDebug | null
|
|
||||||
lockedApiSettings: boolean
|
lockedApiSettings: boolean
|
||||||
desktopApiKey: string
|
desktopApiKey: string
|
||||||
isDesktop: boolean
|
isDesktop: boolean
|
||||||
@@ -23,7 +21,6 @@ interface ContextInterface {
|
|||||||
dataDir: string | null
|
dataDir: string | null
|
||||||
ensResolver: string | null
|
ensResolver: string | null
|
||||||
setApiUrl: (url: string) => void
|
setApiUrl: (url: string) => void
|
||||||
setDebugApiUrl: (url: string) => void
|
|
||||||
setAndPersistJsonRpcProvider: (url: string) => void
|
setAndPersistJsonRpcProvider: (url: string) => void
|
||||||
isLoading: boolean
|
isLoading: boolean
|
||||||
error: Error | null
|
error: Error | null
|
||||||
@@ -31,11 +28,8 @@ interface ContextInterface {
|
|||||||
|
|
||||||
const initialValues: ContextInterface = {
|
const initialValues: ContextInterface = {
|
||||||
beeApi: null,
|
beeApi: null,
|
||||||
beeDebugApi: null,
|
|
||||||
apiUrl: DEFAULT_BEE_API_HOST,
|
apiUrl: DEFAULT_BEE_API_HOST,
|
||||||
apiDebugUrl: DEFAULT_BEE_DEBUG_API_HOST,
|
|
||||||
setApiUrl: () => {}, // eslint-disable-line
|
setApiUrl: () => {}, // eslint-disable-line
|
||||||
setDebugApiUrl: () => {}, // eslint-disable-line
|
|
||||||
lockedApiSettings: false,
|
lockedApiSettings: false,
|
||||||
isDesktop: false,
|
isDesktop: false,
|
||||||
desktopApiKey: '',
|
desktopApiKey: '',
|
||||||
@@ -55,7 +49,6 @@ export const Consumer = Context.Consumer
|
|||||||
|
|
||||||
interface InitialSettings {
|
interface InitialSettings {
|
||||||
beeApiUrl?: string
|
beeApiUrl?: string
|
||||||
beeDebugApiUrl?: string
|
|
||||||
lockedApiSettings?: boolean
|
lockedApiSettings?: boolean
|
||||||
isDesktop?: boolean
|
isDesktop?: boolean
|
||||||
desktopUrl?: string
|
desktopUrl?: string
|
||||||
@@ -73,9 +66,7 @@ export function Provider({ children, ...propsSettings }: Props): ReactElement {
|
|||||||
localStorage.getItem(LocalStorageKeys.providerUrl) || propsSettings.defaultRpcUrl || DEFAULT_RPC_URL
|
localStorage.getItem(LocalStorageKeys.providerUrl) || propsSettings.defaultRpcUrl || DEFAULT_RPC_URL
|
||||||
|
|
||||||
const [apiUrl, setApiUrl] = useState<string>(initialValues.apiUrl)
|
const [apiUrl, setApiUrl] = useState<string>(initialValues.apiUrl)
|
||||||
const [apiDebugUrl, setDebugApiUrl] = useState<string>(initialValues.apiDebugUrl)
|
|
||||||
const [beeApi, setBeeApi] = useState<Bee | null>(null)
|
const [beeApi, setBeeApi] = useState<Bee | null>(null)
|
||||||
const [beeDebugApi, setBeeDebugApi] = useState<BeeDebug | null>(null)
|
|
||||||
const [desktopApiKey, setDesktopApiKey] = useState<string>(initialValues.desktopApiKey)
|
const [desktopApiKey, setDesktopApiKey] = useState<string>(initialValues.desktopApiKey)
|
||||||
const [rpcProviderUrl, setRpcProviderUrl] = useState(propsProviderUrl)
|
const [rpcProviderUrl, setRpcProviderUrl] = useState(propsProviderUrl)
|
||||||
const [rpcProvider, setRpcProvider] = useState(new providers.JsonRpcProvider(propsProviderUrl))
|
const [rpcProvider, setRpcProvider] = useState(new providers.JsonRpcProvider(propsProviderUrl))
|
||||||
@@ -84,12 +75,6 @@ export function Provider({ children, ...propsSettings }: Props): ReactElement {
|
|||||||
const url = makeHttpUrl(
|
const url = makeHttpUrl(
|
||||||
config?.['api-addr'] ?? sessionStorage.getItem('api_host') ?? propsSettings.beeApiUrl ?? apiUrl,
|
config?.['api-addr'] ?? sessionStorage.getItem('api_host') ?? propsSettings.beeApiUrl ?? apiUrl,
|
||||||
)
|
)
|
||||||
const debugUrl = makeHttpUrl(
|
|
||||||
config?.['debug-api-addr'] ??
|
|
||||||
sessionStorage.getItem('debug_api_host') ??
|
|
||||||
propsSettings.beeDebugApiUrl ??
|
|
||||||
apiDebugUrl,
|
|
||||||
)
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const urlSearchParams = new URLSearchParams(window.location.search)
|
const urlSearchParams = new URLSearchParams(window.location.search)
|
||||||
@@ -111,24 +96,12 @@ export function Provider({ children, ...propsSettings }: Props): ReactElement {
|
|||||||
}
|
}
|
||||||
}, [url])
|
}, [url])
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
try {
|
|
||||||
setBeeDebugApi(new BeeDebug(debugUrl))
|
|
||||||
sessionStorage.setItem('debug_api_host', debugUrl)
|
|
||||||
} catch (e) {
|
|
||||||
setBeeDebugApi(null)
|
|
||||||
}
|
|
||||||
}, [debugUrl])
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Context.Provider
|
<Context.Provider
|
||||||
value={{
|
value={{
|
||||||
apiUrl: url,
|
apiUrl: url,
|
||||||
apiDebugUrl: debugUrl,
|
|
||||||
beeApi,
|
beeApi,
|
||||||
beeDebugApi,
|
|
||||||
setApiUrl,
|
setApiUrl,
|
||||||
setDebugApiUrl,
|
|
||||||
lockedApiSettings: Boolean(propsSettings.lockedApiSettings),
|
lockedApiSettings: Boolean(propsSettings.lockedApiSettings),
|
||||||
desktopApiKey,
|
desktopApiKey,
|
||||||
isDesktop,
|
isDesktop,
|
||||||
|
|||||||
@@ -48,7 +48,7 @@ export function enrichStamp(postageBatch: PostageBatch): EnrichedPostageBatch {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function Provider({ children }: Props): ReactElement {
|
export function Provider({ children }: Props): ReactElement {
|
||||||
const { beeDebugApi } = useContext(SettingsContext)
|
const { beeApi } = useContext(SettingsContext)
|
||||||
const [stamps, setStamps] = useState<EnrichedPostageBatch[] | null>(initialValues.stamps)
|
const [stamps, setStamps] = useState<EnrichedPostageBatch[] | null>(initialValues.stamps)
|
||||||
const [error, setError] = useState<Error | null>(initialValues.error)
|
const [error, setError] = useState<Error | null>(initialValues.error)
|
||||||
const [isLoading, setIsLoading] = useState<boolean>(initialValues.isLoading)
|
const [isLoading, setIsLoading] = useState<boolean>(initialValues.isLoading)
|
||||||
@@ -56,14 +56,17 @@ export function Provider({ children }: Props): ReactElement {
|
|||||||
const [frequency, setFrequency] = useState<number | null>(null)
|
const [frequency, setFrequency] = useState<number | null>(null)
|
||||||
|
|
||||||
const refresh = async () => {
|
const refresh = async () => {
|
||||||
// Don't want to refresh when already refreshing
|
if (isLoading) {
|
||||||
if (isLoading) return
|
return
|
||||||
|
}
|
||||||
|
|
||||||
if (!beeDebugApi) return
|
if (!beeApi) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
setIsLoading(true)
|
setIsLoading(true)
|
||||||
const stamps = await beeDebugApi.getAllPostageBatch()
|
const stamps = await beeApi.getAllPostageBatch()
|
||||||
|
|
||||||
setStamps(stamps.filter(x => x.exists).map(enrichStamp))
|
setStamps(stamps.filter(x => x.exists).map(enrichStamp))
|
||||||
setLastUpdate(Date.now())
|
setLastUpdate(Date.now())
|
||||||
|
|||||||
@@ -6,8 +6,6 @@ import { getJson, postJson } from './net'
|
|||||||
|
|
||||||
export interface BeeConfig {
|
export interface BeeConfig {
|
||||||
'api-addr': string
|
'api-addr': string
|
||||||
'debug-api-addr': string
|
|
||||||
'debug-api-enable': boolean
|
|
||||||
password: string
|
password: string
|
||||||
'swap-enable': boolean
|
'swap-enable': boolean
|
||||||
'swap-initial-deposit': bigint
|
'swap-initial-deposit': bigint
|
||||||
|
|||||||
+2
-2
@@ -114,8 +114,8 @@ export function packageFile(file: FilePath, pathOverwrite?: string): FilePath {
|
|||||||
size: file.size,
|
size: file.size,
|
||||||
type: file.type,
|
type: file.type,
|
||||||
stream: file.stream,
|
stream: file.stream,
|
||||||
slice: file.slice,
|
slice: (start: number, end: number) => file.slice(start, end),
|
||||||
text: file.text,
|
text: file.text,
|
||||||
arrayBuffer: async () => await file.arrayBuffer(), // This is needed for successful upload and can not simply be { arrayBuffer: file.arrayBuffer }
|
arrayBuffer: async () => await file.arrayBuffer(),
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { BatchId, Bee, BeeDebug, Reference } from '@ethersphere/bee-js'
|
import { BatchId, Bee, Reference } from '@ethersphere/bee-js'
|
||||||
import { Wallet } from 'ethers'
|
import { Wallet } from 'ethers'
|
||||||
import { uuidV4, waitUntilStampUsable } from '.'
|
import { uuidV4, waitUntilStampUsable } from '.'
|
||||||
import { Identity, IdentityType } from '../providers/Feeds'
|
import { Identity, IdentityType } from '../providers/Feeds'
|
||||||
@@ -79,7 +79,6 @@ async function getWallet(type: IdentityType, data: string, password?: string): P
|
|||||||
|
|
||||||
export async function updateFeed(
|
export async function updateFeed(
|
||||||
beeApi: Bee,
|
beeApi: Bee,
|
||||||
beeDebugApi: BeeDebug | null,
|
|
||||||
identity: Identity,
|
identity: Identity,
|
||||||
hash: string,
|
hash: string,
|
||||||
stamp: string,
|
stamp: string,
|
||||||
@@ -93,8 +92,6 @@ export async function updateFeed(
|
|||||||
|
|
||||||
const writer = beeApi.makeFeedWriter('sequence', '00'.repeat(32), wallet.privateKey)
|
const writer = beeApi.makeFeedWriter('sequence', '00'.repeat(32), wallet.privateKey)
|
||||||
|
|
||||||
if (beeDebugApi) {
|
await waitUntilStampUsable(stamp as BatchId, beeApi)
|
||||||
await waitUntilStampUsable(stamp as BatchId, beeDebugApi)
|
|
||||||
}
|
|
||||||
await writer.upload(stamp, hash as Reference)
|
await writer.upload(stamp, hash as Reference)
|
||||||
}
|
}
|
||||||
|
|||||||
+7
-7
@@ -1,4 +1,4 @@
|
|||||||
import { BatchId, BeeDebug, PostageBatch } from '@ethersphere/bee-js'
|
import { BatchId, Bee, PostageBatch } from '@ethersphere/bee-js'
|
||||||
import { decodeCid } from '@ethersphere/swarm-cid'
|
import { decodeCid } from '@ethersphere/swarm-cid'
|
||||||
import { BigNumber } from 'bignumber.js'
|
import { BigNumber } from 'bignumber.js'
|
||||||
import { BZZ_LINK_DOMAIN } from '../constants'
|
import { BZZ_LINK_DOMAIN } from '../constants'
|
||||||
@@ -232,17 +232,17 @@ interface Options {
|
|||||||
timeout?: number
|
timeout?: number
|
||||||
}
|
}
|
||||||
|
|
||||||
export function waitUntilStampUsable(batchId: BatchId, beeDebug: BeeDebug, options?: Options): Promise<PostageBatch> {
|
export function waitUntilStampUsable(batchId: BatchId, bee: Bee, options?: Options): Promise<PostageBatch> {
|
||||||
return waitForStamp(batchId, beeDebug, 'usable', options)
|
return waitForStamp(batchId, bee, 'usable', options)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function waitUntilStampExists(batchId: BatchId, beeDebug: BeeDebug, options?: Options): Promise<PostageBatch> {
|
export function waitUntilStampExists(batchId: BatchId, bee: Bee, options?: Options): Promise<PostageBatch> {
|
||||||
return waitForStamp(batchId, beeDebug, 'exists', options)
|
return waitForStamp(batchId, bee, 'exists', options)
|
||||||
}
|
}
|
||||||
|
|
||||||
async function waitForStamp(
|
async function waitForStamp(
|
||||||
batchId: BatchId,
|
batchId: BatchId,
|
||||||
beeDebug: BeeDebug,
|
bee: Bee,
|
||||||
field: 'exists' | 'usable',
|
field: 'exists' | 'usable',
|
||||||
options?: Options,
|
options?: Options,
|
||||||
): Promise<PostageBatch> {
|
): Promise<PostageBatch> {
|
||||||
@@ -251,7 +251,7 @@ async function waitForStamp(
|
|||||||
|
|
||||||
for (let i = 0; i < timeout; i += pollingFrequency) {
|
for (let i = 0; i < timeout; i += pollingFrequency) {
|
||||||
try {
|
try {
|
||||||
const stamp = await beeDebug.getPostageBatch(batchId)
|
const stamp = await bee.getPostageBatch(batchId)
|
||||||
|
|
||||||
if (stamp[field]) return stamp
|
if (stamp[field]) return stamp
|
||||||
} catch {
|
} catch {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { Bee, Utils } from '@ethersphere/bee-js'
|
import { Bee, Utils } from '@ethersphere/bee-js'
|
||||||
import { loadAllNodes, MantarayNode, MetadataMapping, Reference } from 'mantaray-js'
|
import { MantarayNode, MetadataMapping, Reference, loadAllNodes } from 'mantaray-js'
|
||||||
|
|
||||||
interface ValueNode extends MantarayNode {
|
interface ValueNode extends MantarayNode {
|
||||||
getEntry: Reference
|
getEntry: Reference
|
||||||
|
|||||||
Reference in New Issue
Block a user