Custom Beeminder iOS widget

skorytnicki · April 15, 2023, 7:33pm

Hey,

I find it useful to look up the urgency load. I created an app that is displaying urgency load among other funny things.

Nonetheless, I really liked Duolingo iOS widget and I thought to myself it would be nice to just have the same experience for Beeminder. Also, this would eliminate the need to open my app.

I came across very simple app called Widgy. It allows you to create your custom iOS widgets. Such widgets can read data from JSON APIs such as Beeminder API.

I myself read urgency score from my serverless app hosted on dash.deno.com:

import { serve } from "https://deno.land/std@0.155.0/http/server.ts";

serve(async (req: Request) => {
    const data = await fetch(`https://www.beeminder.com/api/v1/users/${Deno.env.get('username')}.json?auth_token=${Deno.env.get('token')}`).then(d => d.json());
    return Response.json({data: data.urgency_load});
});

Then, in Widgy, I read the data from that endpoint:

and I can display it on my home screen:

Well, I’ll iterate on the design later I imagine it could get red or green background depending on my load, display goals that are in danger or some other magic. My desired urgency load meter looks like this: Beeminding by k1rsty - #52 by skorytnicki

It’s worth mentioning that you can display any data there that is available in Beeminder API - urgency load is just my favourite one. You might want to display your goals due today, a chart for some goal or any visualisation that’s available in BUI or playing with Beeminder data.

Let me know if you find it interesting or you know alternatives to Widgy, or if you struggle with setting it up

skorytnicki · April 18, 2023, 8:41pm

I display task names so that I know what to do without looking up BUI.

dreev · April 18, 2023, 11:11pm

Ooh, I love ambient awareness tricks like this! Now we just need someone like @narthur or @alys or @adamwolf to tell us how to achieve this on Android.

adamwolf · April 18, 2023, 11:28pm

I have a demo somewhere of an Android app that sets your whole background bright red until you have no Beemergencies!

alys · April 19, 2023, 4:11am

It’s been ages since I’ve created custom widgets on Android but it looks like the recommended way to do it these days is by using Tasker to create the text that you want to display (Tasker can connect to Beeminder using Beeminder’s API) and using KWGT Kustom Widget Maker to display the text.

When you install KWGT, it will appear as a plugin within Tasker, and I believe the plugin settings will let you associate a Tasker variable (which contains the text) with a KWGT variable. A KWGT widget can then display the contents of the KWGT variable.

I’m vaguely interested now so I might play around with it a bit, and if I do I will probably post more details here, if no one else gets to it first.

skorytnicki · April 19, 2023, 7:56am

I would love to have a distribution chart like in BUI. Don’t ask me why, I just liked it. Unfortunately widgy does not seem to work with SVG. If you’ve got some alternative ideas, let me know.

SVG is good because it’s essentially some text. I could have a simple function that would take goalLoad/urgencyLoad and generate corresponding slice of the pie for each goal. Copy&paste engineering.

skorytnicki · April 20, 2023, 6:40am

Urgency load is a bit negative. A positive thing is how productive you are. In other words, sum of your safety buffers in all goals, but no more than 7 points for each, Math.max(7, goal.safetybuf).

I can score 63 points for my 9 goals and currently I’m at 52/63, which is 83%. It has the same drawbacks as urgency load, but let’s see if it’s a better thing to observe.

enbee · April 20, 2023, 7:15am

oooh, yes, i love that idea!! i’ve never really gotten the appeal of urgency load, but

sounds like a very beautiful thing to track!!

unfortunately i don’t have an iphone, so i can’t use your widget. however, the same duolingo widget also exists on android, and i’ve now started using it, it’s so cute. thanks for letting me discover it!

skorytnicki · April 20, 2023, 7:44am

Yeah, these widgets is a great thing. I am sure there’s some app for Android, but I can’t confirm anything as I don’t own a device -,-

In general “ambient awareness” is the key. In the past I used new tab in my browser to display new Anki cards. There are smart mirrors that can display stuff when you brush your teeth etc.

skorytnicki · April 23, 2023, 6:58pm

I think it works for me. Never had urgency load of 1:

skorytnicki · April 24, 2023, 8:35pm

Here’s my dash.deno.com endpoint to host my data:
Beeminder widgy utils · GitHub

And here’s widgy widget in JSON:

gist.github.com

https://gist.github.com/szymonkorytnicki/db8699b80f75faf8cc9d32aa963b1811

beeminder widgy widget.txt

{"zzz":"","a2":24,"5":"BUI Technologies","0":19,"1":[{"t":{"a":[{"b":1016,"a":0}],"b":0},"b":{"a":[{"a":680,"b":1016}],"b":0},"d":{"b":0,"a":[{"a":340,"b":1016}]},"e":{"a":[{"b":1016,"a":140}],"b":0},"d0":23,"4":"MaterialIcons-Regular","c":{"a":[{"a":306,"b":1016}],"b":0},"z":"4","f":"uicol_systemCyan-100","3":""},{"e":{"b":0,"a":[{"b":1016,"a":140}]},"t":{"b":0,"a":[{"b":1016,"a":0}]},"d0":20,"c":{"a":[{"b":1016,"a":666}],"b":0},"b":{"a":[{"b":1016,"a":700}],"b":0},"d":{"a":[{"b":1016,"a":340}],"b":0},"4":"MaterialIcons-Regular","z":"4","3":"","f":"uicol_systemCyan-100"},{"c":{"b":0,"a":[{"a":486,"b":1016}]},"z":"4","3":"VPN 5","b":{"b":0,"a":[{"a":700,"b":1016}]},"f":"uicol_systemCyan-100","t":{"a":[{"a":0,"b":1016}],"b":0},"4":"ss_","d":{"b":0,"a":[{"b":1016,"a":340}]},"e":{"a":[{"a":140,"b":1016}],"b":0},"d0":19},{"t":{"b":0,"a":[{"a":0,"b":1224}]},"d":{"a":[{"a":720,"b":1224}],"b":0},"1":"System Semi Bold","66":[{"6":"Endpoint","19":"GET","18":"https:\/\/YOURENDPOINT.deno.dev\/","5":"JSON Endpoint","23":["data"]}],"26":{"a":[{"a":0,"b":1233}],"b":22},"z":"1","f0":{"b":0,"a":[{"a":24,"b":1232}]},"e":{"a":[{"a":1000,"b":1224}],"b":0},"f":"uicol_systemBlue-90","d0":21,"b":{"b":0,"a":[{"a":60,"b":1224}]}},{"66":[{"6":"Endpoint","23":["productivityPercentage"],"5":"JSON Endpoint","19":"GET","30":1,"18":"https:\/\/YOURENDPOINT.deno.dev\/"}],"d":{"a":[{"a":341,"b":1224}],"b":0},"e":{"a":[{"a":400,"b":1224}],"b":0},"d0":18,"z":"1","1":"System Semi Bold","26":{"b":22,"a":[{"a":0,"b":1233}]},"t":{"b":0,"a":[{"a":0,"b":1224}]},"f":"uicol_systemCyan-90","f0":{"a":[{"b":1232,"a":24}],"b":0},"b":{"a":[{"a":960,"b":1224}],"b":0},"c":{"a":[{"b":509,"a":180.00000000000003}],"b":0}},{"b":{"b":0,"a":[{"a":960,"b":1224}]},"e":{"a":[{"a":280,"b":1224}],"b":0},"z":"1","1":"System Semi Bold","c":{"b":0,"a":[{"a":420,"b":509}]},"f0":{"a":[{"b":1232,"a":24}],"b":0},"f":"uicol_systemCyan-90","t":{"a":[{"b":1224,"a":0}],"b":0},"26":{"b":22,"a":[{"a":0,"b":1233}]},"66":[{"18":"https:\/\/YOURENDPOINT.deno.dev\/","5":"JSON Endpoint","30":1,"6":"Endpoint","23":["productivityScore"],"19":"GET"}],"d":{"b":0,"a":[{"b":1224,"a":420.99999999999989}]},"d0":22},{"66":[{"5":"JSON Endpoint","23":["languages"],"6":"Endpoint","30":1,"19":"GET","18":"https:\/\/YOURENDPOINT.deno.dev\/"}],"d":{"a":[{"a":580.99999999999977,"b":1224}],"b":0},"b":{"a":[{"a":971.00000000000023,"b":1224}],"b":0},"e":{"b":0,"a":[{"a":180,"b":1224}]},"t":{"a":[{"b":1224,"a":0}],"b":0},"f0":{"b":0,"a":[{"b":1232,"a":24}]},"f":"uicol_systemCyan-90","1":"System Semi Bold","c":{"b":0,"a":[{"a":650,"b":509}]},"z":"1","d0":13,"26":{"a":[{"a":0,"b":1233}],"b":22}},{"c":{"b":0,"a":[{"b":1344,"a":940}]},"66":[{"5":"JSON Endpoint","23":["goals"],"30":1,"19":"GET","6":"Endpoint","18":"https:\/\/YOURENDPOINT.deno.dev\/"}],"t":{"b":0,"a":[{"a":0,"b":1224}]},"1":"System Semi Bold","f0":{"b":0,"a":[{"a":24,"b":1232}]},"e":{"b":0,"a":[{"b":1224,"a":540.00000000000023}]},"d0":0,"26":{"a":[{"a":0,"b":1233}],"b":22},"d":{"b":0,"a":[{"a":1399.9999999999993,"b":1224}]},"f":"uicol_systemBlue-90","z":"1","b":{"a":[{"a":120.0000000000006,"b":1224}],"b":0}},{"z":"11","d0":2,"4a":"openURL_https:\/\/bui.interestingprojects.net\/urgency-load","t":{"b":0,"a":[{"a":0,"b":1231}]},"e":{"b":0,"a":[{"a":1600,"b":1231}]},"d":{"a":[{"a":1600,"b":1231}],"b":0}}],"l2":"","(0":"Last Quarter","n2":"","9":2630,"20":false,"6":2,"21":false,"p2":"","m2":"","3":"BUI","o2":"","q2":"","o":"On"}

Two words on these.

In the first gist, you’ll notice that I have small utilities to get data from particular goals (hasDatapointToday) - I use these to get data from my language goals and check if I contribute to them. This could be a separate beeminder goal with metaminding, but why would I do it. I can have 2/3 done information on my screen. You can safely remove languages part from it.

Then, in widgy JSON data, please replace YOURENDPOINT with your actual endpoint url.

dreev · April 24, 2023, 9:47pm

(Typo: min not max! I do that every dang time.)

My first reaction was “oh, wow, why the heck didn’t we go with the positive formulation??” but then I went spelunking and found the reason: we didn’t like how adding more edge-skatey goals would improve your metric.

I’m not at all sure whether that’s a valid objection though! Maybe it’s a bit like an ice cream truck loophole. Realistically you’re not going to be tempted to dispatch your “get more safety buffer” meta goal by creating a new Beeminder goal. Unless you want a new goal anyway, in which case, so bee it?

Let me repeat that in a new top-level post, along with reviewing the current definition of Urgency Load and posing the question of whether Total Buffer might be better:

https://forum.beeminder.com/t/is-total-buffer-a-better-metric-than-urgency-load/10935

That way we can stay on topic in this thread about custom widgets!

skorytnicki · May 2, 2023, 8:51pm

If you want to have a simple urgency load tracking, you don’t need the complexity I introduced. Urgency load can be retrieved from beeminder api.

Here’s my Lock Screen widget with urgency load and steps. Two good metrics of how I am doing today.

hnsn · February 2, 2024, 12:01am

Thanks so much for sharing this! I didn’t know custom widgets were a thing, but they are so helpful! My phone is a lot simpler now, and I can now easily track my urgency load and how much I’ve decreased it today. I’m totally vibing with my new home screen!

skorytnicki · February 2, 2024, 6:36am

Nice one, you have great taste for user interfaces by the way.

How do you track it?

hnsn · February 2, 2024, 5:18pm

Thanks!

There’s probably a better way to do this, but I just have a simple Supabase DB that stores the highest urgency load for the day.

skorytnicki · July 7, 2024, 2:04pm

I noticed it is possible to create a nice ring widget if you give it a CSV input (text).

In this example, it’s percentage of total possible buffer (sum of buffer of all goals).

vaiper · November 4, 2024, 4:35pm

Hi!

I just moved to iOS and I’ve been trying to use the Widgy app to hit the Beeminder API to get my goal’s data.

These are my steps:

Use the URI from the Beeminder API page as an example: ```
https://www.beeminder.com/api/v1/users/alice/goals/weight.json?auth_token=abc123


I replaced ‘alice’ with my username and the auth token I got one from https://www.beeminder.com/api/v1/auth_token.json

2. Opened the Widgy app and selected ‘Import URL or JSON’ and pasted the above modified URL there

It then says “Import failed”. Can someone walk me through the process of how I can import data from the Beeminder API into the Widgy app?

napkin · November 4, 2024, 7:31pm

Any of this type of stuff work on apple watch yet ?

skorytnicki · November 4, 2024, 8:09pm

Hey, you have to create a new widget, then add a new layer of type text and select JSON as a source of content for this layer (I tap on the box icon in the last step).

I recorded the steps for you, maybe it’s easier that way:

then you insert your URL and you should be able to retrieve the data.

Topic		Replies	Views
Beeminding Urgency Load Tech	6	556	August 27, 2023
Can we get a modern iOS Widget already?! Bugabee	9	431	March 4, 2024
Easy iOS Beeminder widgets using third-party Widget Web Tech	1	196	March 4, 2024
Feature request: meta mind Beeminder load internally? Bugabee	6	590	May 29, 2024
Using a widget to remind me to finish my beeminders. Akrasia	2	299	October 19, 2022

Custom Beeminder iOS widget

Related topics