Sonoff Th10 Tasmota Temp Reader in Ionic Stencil PWA Application

I am beer maker, and I am using sonoff all the time just for this purpose. In some steps before beer is ready I am using sonoff to keep an eye on my temperature.

It was annoying for me to open web page all the time, I wanted to have it always on top.

So this is my simple attempt to achieve that.

Features

Setting url for Th10 local network
Setting min & max temperature
Simple "Console" for errors
Windows notification when temperature is to low or To High
App is set to be always on Top
App theme changes from black theme to white depending on Window's preferences

Prerequisites

electron-wix-msi
install the Wix toolkit v3 (for creating installer)

Add bin to the system PATH, e.g. mine path:
```
    C:\Program Files (x86)\WiX Toolset v3.11\bin
```

Getting Started

npm install

to run server locally:

npm start

to create package ready to be passed on to create installer

npx tsc ./electron/app.ts
npm run-script packager

To create msi installer run (package needs to be already created)

npx tsc ./electron/createInstaller.ts
node Electron/createInstaller.js

Gotchas

For Running Electron with stencilJs

Notice that electron-serve & electron-store are in package.json dependencies
Notice Types folder in src directory
Generally Electron/main.ts is quite a thing
Notice src/global/globalScript.ts which is workaround not working ionic icons
in package.json main script "main": "Electron/app.js" is for electron-packager this should be changed to "main": "build/app.js" if you want to run pure stencil

Tasmota

Go to your local Tasmota home page (of device you are gonna use for this application) and to wifi settings, configure CORS Domain

Thanks

davidbanks I've reworked his pen, added few features
adamlacombe with his starter

TODO

Installer is slow as hell and kinda big (big is maybe not that much fixable because of electron)

Chile61/tasmota-temperature-gauge