iOS Widget for TeslaFi/Teslamate/TeslaLogger via Scriptable

[Landro]

Got it working with Teslamate! I've pushed the Docker image but haven't pushed the code and documentation yet, will do that later today.

For those who want to try it before then, you can use this image Docker Hub. It requires an environment variable which should be the same as the one for teslamate; MQTT_HOST.

The endpoints this exposes is /cars for finding the car id you want to use for the widget, and /car/1 for the data for that car.

Example for docker-composer.yaml:

teslamate_mqtt_api:
image: thomaslandro/teslamate-mqtt-api:latest
container_name: teslamate_mqtt_api
restart: always
environment:
- MQTT_HOST=mosquitto
ports:
- 3040:3000

You should then be able to follow the instructions in TeslaData-Widget, and set the APIurl to YOUR_HOST:3040/car/1.

 

[Landro]

Source for the Teslamate MQTT API docker image: teslamate-mqtt-api.

This simply just exposes every MQTT datapoint from Teslamate into a json endpoint, but with a couple of tweaks for the widget.

 

[dakaix]

@Landro, I would suggest you limit the data being exposed via your API and look to implement authentication. The full MQTT data will include the vehicle GPS position, door lock status and sentry mode status.

Anyone looking to use this with an installation exposed to the internet (for use of this widget while off of a home network) would be publishing that data for anyone to see - and this is not the sort of thing you'd want to find in a casual Shodan.io search.

This isn't an issue specific to your API however - you can see from the Shodan.io results below that there are a number of people hosting Teslamate on VM's that are directly exposing their unauthenticated MQTT server!
teslamate - Shodan Search

 

[Landro]

@dakaix good points. I’ll add defining an API key as a requirement. Could also add an option to limit some of the data for privacy reasons, but it would limit the functionality you would get from the widget.

 

[uncleiven]

When I try to install the TeslaFi widget from Scriptables I get the warning message, click continue and nothing happens.

 

[Landro]

@Landro, I would suggest you limit the data being exposed via your API and look to implement authentication. The full MQTT data will include the vehicle GPS position, door lock status and sentry mode status.

I've added an optional API_KEY environment variable now. If this is not set you will get a limited set of data which shouldn't be dangerous to expose. By setting the variable a key will be required, and you will get more information in the endpoint - like longitude, latitude, lock status.

 

[CMc1]

When I try to install the TeslaFi widget from Scriptables I get the warning message, click continue and nothing happens.

I had same issue and logged with Dev.
Work around is to follow the manual set up method

 

[uncleiven]

I had same issue and logged with Dev.
Work around is to follow the manual set up method

Ok thanks

 

[CMc1]

Ok thanks

Let me know if you get stuck

 

[Mr H]

Still can’t get past the ‘Error Unauthorised’ in the widget. How are people entering the API key from TeslaFi, are you just copying the code that starts qts. ???

 

[CMc1]

Still can’t get past the ‘Error Unauthorised’ in the widget. How are people entering the API key from TeslaFi, are you just copying the code that starts qts. ???

Mine starts differently. It’s the one at the top of this page: TeslaFi.com Tesla Model S 3 X Y Data Logger

widget setting is as follows

 

[Mr H]

Mine starts differently. It’s the one at the top of this page: TeslaFi.com Tesla Model S 3 X Y Data Logger

widget setting is as follows

View attachment 625006

Brilliant thanks, got it working. Thanks for your help

 

[powaking]

Cool, got it working but was a little pita in I get it going.

 

[mvrlogins]

Got it working with Teslamate! I've pushed the Docker image but haven't pushed the code and documentation yet, will do that later today.

For those who want to try it before then, you can use this image Docker Hub. It requires an environment variable which should be the same as the one for teslamate; MQTT_HOST.

The endpoints this exposes is /cars for finding the car id you want to use for the widget, and /car/1 for the data for that car.

Example for docker-composer.yaml:

teslamate_mqtt_api:
image: thomaslandro/teslamate-mqtt-api:latest
container_name: teslamate_mqtt_api
restart: always
environment:
- MQTT_HOST=mosquitto
ports:
- 3040:3000

You should then be able to follow the instructions in TeslaData-Widget, and set the APIurl to YOUR_HOST:3040/car/1.

Thanks Landro

I got this working and am now using it. Most useful

 

[CMc1]

I’ve got dark mode running if anyone wants to copy the colours.

Set the following to “true”

    var is_dark_mode_working = true; // Scriptable widgets don't currently support dark mode.

here’s the colours I’m using

if (Device.isUsingDarkAppearance() && is_dark_mode_working){
    // Dark mode is not supported (this always returns true).
    // This is in here in the hope that Scriptable will support dark mode at some point in the future.
    
    // override colors for darkmode
    
    colors.background = "#000000";

    colors.text.primary = "#fffffffa";
    colors.text.disabled = "#fffffffa";

    colors.battery.background = "#cccccc22";
    colors.battery.max_charge = "#ffffff11";
    colors.battery.border = "#cccccc55";
    colors.battery.usable_charge = "#2B972D";
    //colors.battery.cold_charge = "#557BB4";
    colors.battery.highlight = "#ffffff44";

    colors.icons.default = "#ffffff99";
    colors.icons.disabled = "#ffffff44";
    
    colors.map.type = "dark";
    colors.map.position = "CB4335";
}

 

[Masklin]

My first bash at doing something like this, good fun Thanks to all involved!

 

[CMc1]

I'm a bit of an idiot when it comes to widgets, did you design them or are they downloadable? They look great!

You get sorted?

 

[m3gt2]

You get sorted?

Unfortunately I've not had time to try yet but it's definitely on my list of things I need to do ​

 

[DaveW]

Can't get this to work for me, installed via docker, it's in the docker-compose.yml and it installed on running up.

I've tried both the dashboard and the tm URL in the parameters, but still get "Error on line 845:10: TypeError: null is not an object (evaluating 'json.response')

 

[Landro]

I've tried both the dashboard and the tm URL in the parameters, but still get "Error on line 845:10: TypeError: null is not an object (evaluating 'json.response')

What response do you get in the browser when you go to the URL you added to the parameters file?