screen wake lock

[mhaberler]

Hello Adrián,

that is an awesome project and I think we'll use it as UI vehicle in our hot air balloon sensorics project

I did a flight recently with myhelloiot displaying tanks, envelope temperature, vertical speed etc and it worked perfectly

I used a Samsung Galaxy S10 with Chrome and the only negative effect was the screen wake lock

would you agree https://www.npmjs.com/package/react-screen-wake-lock is the way to deal with that?

I'd give it a stab, but currently React beginner so will take some time

best regards

Michael

ps: browsing the source I found a lot of UI components - is using the antd documentation the right way to use those?

[adrianromero]

Hello Michael

First thank you very much for your nice comments.

It looks like the ability to avoid the dimming or locking the screen will be a very nice feature for MYHELLOIOT. A dashboard must be always active. I will have a look at the react-screen-wake-lock package you suggested and figure out how to implement it in MYHELLOIOT.

About the UI components, the answer is yes. All the MYHELLOIOT UI is built on top of antd https://ant.design/ so the antd documentation will be useful if you are planning to dig into the source code to create your dashboards,

Can I ask you for an screenshot of the dashboards you are building with MYHELLOIOT. It will be great to understand how people use my little project.

Best regards

[mhaberler]

currently the UI is super primitive - slapped together in a hurry just to show a few sensor values, css all default:

the purpose was just to evaluate new tank sensors and the feasibility of the PicoMQTT+myhelloiot combination

we had earlier iterations of the flight display based on Node-Red on a Linux box which looked like so:

the broker publishes:

• barometric pressure and derived estimates for altitude, vertical speed and vertical acceleration
• GPS data
• surface elevation derived from a digital elevation model and GPS coordinates
• an IMU orientation quaternion and magnetic heading
• all BLE sensors which can be decoded with the Theengs library which includes temperature, humitdy, barometric pressure, tank pressure, tank levels as reported by two different sensors
• battery status and random system variables like free heap
• an NFC reader which can read Type4 tags. publishing the content on a topic - meant for UI configuration
• a fuel flow sensor based on this work

stuff I have not integrated yet is a laser altimeter

see here for an overview

[mhaberler]

a bit concerned - everything ok @adrianromero ?

[adrianromero]

Hello Michael. Everything Ok. Thanks for yor message. Just I want o focus on other topics that unfortunately do not leave time for my pet projects here in github.

[mhaberler]

good - I'm relieved; I was concerned something serious happened

so I left this project on hold as I was unsure any PR would be merged or be welcomed altogether; happy to look into the always-on request I posted earlier

while I have your ear - do you think the following are in scope for contributions:

• a Leaflet or MapLibre Card to display a/several locations
• a QR code input "card"
• context modules for Location, speed, direction, altitude and other sensor data as far as availabe via browser API's

if not (which is perfectly fine) - would you give a - let's call it "Card plugin" and "Context plugin" - extension point/plugin capability some deliberation? I'm not sure special-purpose components would be popluar with other folks and maybe just ballast

why am I asking: this is a superb MQTT dashboard and a great base for an application - provided one stays within the MQTT space; if this is not sufficient one is straight into the intestines of the app even if the addon per se is kind of trivial

semi-related: have you ever considered moving this to/redoing in React Native/Expo?

best regards

Michael