raspiblitz / raspiblitz-web Goto Github PK
View Code? Open in Web Editor NEWA mobile-first responsive Web UI for the RaspiBlitz
License: MIT License
A mobile-first responsive Web UI for the RaspiBlitz
License: MIT License
This is blocked until #59 is finished.
In the confirm part of the send modal ConfirmSendModal it lists all the data of the decoded lightning invoice.
If the expiry date of the invoice has passed or the amount of the invoice is higher than the available balance, do not enable the confirm button and also write the reason somewhere why the invoice can not be confirmed.
Currently the app just checks if a token is available:
https://github.com/cstenglein/raspiblitz-web/blob/master/src/store/app-context.tsx#L92-L94
Goal: The token should be also checked if it has expired or not before logging in automatically.
Document that we shoudn't use dependencies for small things to not have too many of them.
it is using the Sphinx Chat icon, not the BTC RPC Explorer
https://github.com/cstenglein/raspiblitz-web/blob/master/images/2021-09-15/appdetails_dark.png
https://axios-http.com/docs/interceptors
Way better and less error-prone than using a custom function for generating the request for fetch or overwriting the window.fetch
Also, change URL depending on localhost / non-localhost
Yes, I dont know how to name this issue, pls rename it as you like.
Appearance
Apps
System
The App Details contain no text atm
=> Think about what to write.
Currently the images are just shown via a simple scrollbar:
Use a nice carousel like https://tailwind-elements.com/docs/standard/components/carousel/ for that instead.
Sometimes I use setTimeout
, e.g. for showing and then hiding text.
Check if I clear the timers on destruction.
https://github.com/cstenglein/raspiblitz-web/blob/master/src/components/Shared/ReceiveModal/ReceiveModal.tsx Here the only thing that needs to change is to remove the setTimeout
& display a tooltip instead when hovering / copying.
Seems to be the wrong icon. (Ln for onchain, chain for ln)
See #8
- Buttons
- Update
- Install
- Remove
- Start
- Stop
- See logs
- Restart
- Possibly more buttons to be free implemented later (renew tor address, enable client auth, but this is advaced for another stage)
Will need additional endpoints for it in https://github.com/fusion44/blitz_api for most of it
The Project is already available under www.transifex.com/cstenglein/raspiblitz-web but it needs language sources files to be added, as well as integration in the project (dependency already added)
See #8
It was faster to compile.
Now that the design won't be redone much until the first release, change the variables to css classes and apply the tailwind classes to it.
people eyes are hungry for the recent screenshots ๐ฅ
Mempool writes it in their README:
The list of available apps is provided by the Frontend now, only the installed / installing state comes from the backend.
Apps (see here for list):
For the first version, we are only providing apps which have a front-end so users are not confused.
They all need:
Describe how to develop with polar & blitz_api
npm audit
?The Mempool Trademark policy allows app stores, so we can add the logo as well.
The logo should be placed in assets/apps and then tested if it displays correctly under "Apps".
The name of the file should be the same as the id (here)[https://github.com/cstenglein/raspiblitz-web/blob/master/backend-mock/apps.js#L74] so it loads correctly.
Add option to use TOR webpage or continue using http with local ip.
Blocked until Dashboard is properly implemented
As discussed in #32
Lightning terminal uses https://github.com/react-component/tooltip for that
https://github.com/fusion44/blitz_api
Change URLs in backend-mock & models to match it.
Started in the storybook
branch.
Will be started when the Design / Features have more stabilized
Should Not replace Channel Management Tools like RTL, just provide basic functionality
Blocked by:
Currently, the token is not sent with any request.
May I should build an interceptor:
the SSE connection should send the token on connect.
Either use https://github.com/Yaffle/EventSource/ or talk with @fusion44 & @rootzoll if we should use cookies for that, since the "normal" EventSource doesn't support an authentication header.
If you don't have auto-unlock enabled on your RaspiBlitz, then the Lightning Wallet will be locked. There needs to be a functionality to detect if the wallet is locked and then it should be unlockable over the UI.
The tasks are the following:
To now have "flickering" while loading another page, make suspense use a skeleton with the header, sidebar and a loading spinner in the main section
The send modal currently has no validation at all.
Currently there is no error handling for all web requests at all (for some just catching without any action).
This could result in a broken app when there is a other status code than 200 (e.g. not authenticated) and could confuse users when no notification etc. happens.
Blocked until Dashboard is properly implemented.
Need to think how to display that and how many lines etc.
Need endpoint from https://github.com/fusion44/blitz_api for it
Add a button in settings to generate a debug report which can be viewed & downloaded.
Looks like if the SSE connection is closed, the browser tries to reconnect again.
Check how the reconnection works (has it a timeout etc.) and if the connection was lost, provide some information for the user, so he knows that it happened.
This would ideally be done with a Toaster, which we already use on successful transactions.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.