tauri-plugin-widgets 0.6.1

Tauri plugin for App Widgets on Android, iOS, and macOS (WidgetKit); Windows Widgets Board (Adaptive Cards) + desktop webview; Linux desktop webview with X11 DESKTOP pin.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130

package git.s00d.widgets

import android.content.Context
import android.os.Build
import android.os.SystemClock
import android.util.TypedValue
import android.widget.RemoteViews
import androidx.compose.runtime.Composable
import androidx.compose.ui.graphics.toArgb
import androidx.glance.GlanceModifier
import androidx.glance.appwidget.AndroidRemoteViews
import androidx.glance.layout.Alignment
import androidx.glance.layout.Box
import androidx.glance.layout.Row
import androidx.glance.layout.fillMaxWidth
import androidx.glance.text.Text
import androidx.glance.text.TextStyle

@Composable
internal fun RenderText(scope: RenderScope, el: El, modifier: GlanceModifier) {
    val context = scope.context
    val type = el.type
    when (type) {
        "label" -> {
            val txt = el.str("text", "")
            val icon = iconGlyph(el.str("systemName", "*"))
            val iconColor = resolveColorProvider(context, el.opt("iconColor"))
            if (iconColor != null) {
                Row(modifier = modifier.fillMaxWidth()) {
                    Text(icon, style = TextStyle(color = iconColor))
                    renderElementText(context, el, " $txt")
                }
            } else {
                renderElementText(context, el, "$icon $txt", modifier)
            }
        }
        else -> {
            when {
                type == "timer" -> renderLiveTimer(context, el, modifier)
                else -> {
                    val content = when (type) {
                        "date" -> formatDateValue(el.str("date", ""), el.str("dateStyle", "date"))
                        "timer" -> formatTimerValue(
                            el.str("targetDate", ""),
                            el.str("counting", "down")
                        )
                        else -> el.str("content", el.str("text", ""))
                    }
                    renderElementText(context, el, content, modifier)
                }
            }
        }
    }
}

@Composable
private fun renderLiveTimer(context: Context, el: El, modifier: GlanceModifier) {
    val target = parseIsoDate(el.str("targetDate", ""))
    val countingDown = !el.str("counting", "down").equals("up", ignoreCase = true)
    if (target == null || (countingDown && Build.VERSION.SDK_INT < 24)) {
        renderElementText(
            context,
            el,
            formatTimerValue(el.str("targetDate", ""), el.str("counting", "down")),
            modifier,
        )
        return
    }
    val wallDelta = target.time - System.currentTimeMillis()
    val base = if (countingDown) {
        SystemClock.elapsedRealtime() + wallDelta
    } else {
        SystemClock.elapsedRealtime() - (System.currentTimeMillis() - target.time)
    }
    val argb = colorProviderArgb(
        resolveColorProvider(context, el.opt("color")),
        context,
        semanticLabelProvider(context).getColor(context).toArgb(),
    )
    val fontSize = el.num(
        "fontSize",
        semanticTextSizeSp(el.str("textStyle", "")).toDouble(),
    ).toFloat().takeIf { it > 0f } ?: 14f
    val rv = RemoteViews(context.packageName, R.layout.tauri_chronometer).apply {
        setChronometer(R.id.tauri_chrono, base, null, true)
        if (Build.VERSION.SDK_INT >= 24) {
            setChronometerCountDown(R.id.tauri_chrono, countingDown)
        }
        setTextColor(R.id.tauri_chrono, argb)
        setTextViewTextSize(R.id.tauri_chrono, TypedValue.COMPLEX_UNIT_SP, fontSize)
    }
    AndroidRemoteViews(remoteViews = rv, modifier = modifier)
}

@Composable
internal fun renderElementText(
    context: Context,
    el: El,
    content: String,
    modifier: GlanceModifier = GlanceModifier,
) {
    val frame = el.obj("frame")
    val hasFixedBox =
        frame != null &&
            frame.optDouble("width", -1.0) > 0 &&
            frame.optDouble("height", -1.0) > 0
    // Badge boxes (TL/TR/BL/BR): center glyph inside frame+background.
    // Glance Text ignores vertical alignment on the modifier alone.
    val styleEl =
        if (hasFixedBox && el.str("alignment", "").isBlank()) {
            El(org.json.JSONObject(el.raw.toString()).put("alignment", "center"))
        } else {
            el
        }
    val style = textStyleFromElement(context, styleEl.raw)
    val limit = el.int("lineLimit", -1)
    if (hasFixedBox) {
        Box(modifier = modifier, contentAlignment = Alignment.Center) {
            if (limit > 0) {
                Text(content, style = style, maxLines = limit)
            } else {
                Text(content, style = style)
            }
        }
    } else if (limit > 0) {
        Text(content, modifier = modifier, style = style, maxLines = limit)
    } else {
        Text(content, modifier = modifier, style = style)
    }
}