clightning4j / ln-dashboard Goto Github PK

We could use Apollo client https://www.apollographql.com/docs/react/why-apollo/ and use the https://api.lnmetrics.info to load the metrics and see also the rating of the node provided by the metrics

I think it is a good walk in the code.

https://mui.com/guides/migration-v4/

In the dev mode, we are facing a type error: __webpack_require__.nmd is not a function

QRCode has been deprecated. Ref

We have to update this and use as SVG or canvas.

react-dom.development.js?ac89:67 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.

* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.

Please update the following components: QRCodeCanvas

With the PR in #44 we can enable servless mode with https://vercel.com/

and have the PR uploaded before merging it

The app crashes if the node_info is undefined when the channel is closed, or the node does not exist anymore.
Hence we should remove the channel from the array of objects of fund_channels.

The actual colors are different now in some parts of the app, so we should be able to have the theme equal to production https://bruce.lnmetrics.info/

I'm very bad with the design, and also with the responsive stuff, if you like to suggest any type of stuff, open a discussion and I am happy to work with to and improve the project

Unhandled Runtime Error
TypeError: __webpack_require__.nmd is not a function

in the view

With API like this #44 we can introduce integration testing with https://github.com/clightning4j/clightning4j-node

Remove/disable metrics button from homepage till the time we use lnmetrics API to show metrics since the metrics page is breaking.

The USD Size amount column is not showing the correct value.

Add a fetch invoice button on the donation view, which opens a dialog with the bolt12 invoice, which can then be paid.
Note: The dialog should also have an input value to get the amount if the offer was set to any.

Update the QR code on the Donation component when an offer is selected from the offers table.

Metric button got added again in #23

The QR contains address and port, but we need to update the QR with node Id as well

While migrating to Material UI v5 the colour of top bar and card were fixed by overriding the styles, but we need to find the real issue and fix it.

Error:

> [email protected] dev
> next dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info  - Loaded env from /ln-dashboard/.env.local
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
node:internal/crypto/hash:67
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:133:10)
    at BulkUpdateDecorator.hashFactory (/ln-dashboard/node_modules/next/dist/compiled/webpack/bundle5.js:138971:18)
    at BulkUpdateDecorator.update (/ln-dashboard/node_modules/next/dist/compiled/webpack/bundle5.js:138872:50)
    at /ln-dashboard/node_modules/next/dist/compiled/webpack/bundle5.js:59321:9
    at /ln-dashboard/node_modules/next/dist/compiled/webpack/bundle5.js:29861:16
    at /ln-dashboard/node_modules/next/dist/compiled/@vercel/nft/index.js:1:307088
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v18.3.0

The home view component where it is shows the info on the node, it is statically generated,example https://bruce.bublina.eu.org/

For the moment this is the onion URL http://upv3n2s3obotsce2o7i6avimt542a4grod7teo2hrffv4ihsqabb4oid.onion/,
and maybe tit can be a next.js propriety

When you visit the donation URL, you will get an error regarding getInfoNode. This would probably be because getInfoNode is called on home, so we don't have the info on the donation page.

Just remove the config file https://github.com/clightning4j/ln-dashboard/blob/main/next.config.js and run npm build

Check all the error and try to fix it, it there is any problem please open a discussion and post the stack trace, I can help you