ichiro-its / kumo-app Goto Github PK
View Code? Open in Web Editor NEWReact wrapper for Kumo client library
Home Page: https://ichiro-its.github.io/kumo-app/
License: MIT License
React wrapper for Kumo client library
Home Page: https://ichiro-its.github.io/kumo-app/
License: MIT License
As in the following screenshot of the deployed Kumo App:
The bridge connection card is not closed when the app is connected to the bridge. This problem probably is caused by not using the newest version of Kumo Client as could be seen in the node_modules
when this project is installed.
As in the deployed page, it shows the following error logs:
It probably related to a service-worker.js
file that is not found by the deployed page.
Create a ContextProvider
component that will be used to provide ContextHandler
of the Kumo Client.
The currently used Material-UI frameworks actually is good as the standard components framework for this app. But let's try to reconsider this, i just found another frameworks, Chakra UI, which has a lot more components than Material-UI. It seems other frameworks (like i mentioned earlier) could be much simplier to be used as it already provide a lot of things. Actually we do not need an customizable components, just a standard ones that had a lot of features that we could just use. imagine creating a loading button without the need to manually add loading components and state into it.
Add components that work like the Subscription, Publisher, Client, and Service example of the Kumo Client library.
Show Info on PWA update using LoggerProvider
. You could use register-service-worker to automatically create a service worker callback when there's update on the PWA.
Use TypeScript instead of JavaScript in the components source code.
Modify the provider and use provider system for kumo-client objects (Session
, Node
, Publisher
, etc.) as follows:
SessionProvider
should be optional (so SessionProvider
will purely provide a Session
object).NodeProvider
, PublisherProvider
, etc. that works like the SessionProvider
.Session
, Node
, Publisher
, etc. without the use of provider.As in the following screenshoot, the GitHub page build result give an error related to the v.Session
.
It's probably related to the newer update on the Kumo Client as in the 0.2.1 release, the Session
class have been renamed into a Bridge
. While in here:
It's still trying to manually alias the Session
into a Bridge
.
Generate a React component library by compiling .jsx
files into js
files so they could be used on other projects. See package structure generated from the create-react-library
for information on how to integrate this project into a React component library.
Add a Progressive Web Apps (PWA) support so it would be easier to deploy this app across different machine without the need to always had access to the internet.
Create a NodeProvider
component that will be used to provide NodeHandler
of the Kumo Client.
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.