tauri-plugin-widgets 0.4.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.
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

{
  "version": 1,
  "large": {
    "type": "vstack",
    "padding": 12,
    "spacing": 8,
    "cornerRadius": 16,
    "background": "#0f172a",
    "children": [
      {
        "type": "hstack",
        "spacing": 10,
        "alignment": "center",
        "children": [
          {
            "type": "zstack",
            "alignment": "center",
            "children": [
              { "type": "shape", "shapeType": "circle", "fill": "#334155", "size": 44 },
              { "type": "text", "content": "42", "fontSize": 16, "fontWeight": "bold", "color": "#fff" }
            ]
          },
          {
            "type": "vstack",
            "spacing": 2,
            "alignment": "leading",
            "children": [
              { "type": "text", "content": "Nested Dashboard", "fontSize": 16, "fontWeight": "bold", "color": "#f8fafc", "lineLimit": 1 },
              { "type": "text", "content": "hstack → zstack + grid + list", "fontSize": 11, "color": "#94a3b8", "lineLimit": 1 }
            ]
          },
          { "type": "spacer" },
          {
            "type": "button",
            "label": "Sync",
            "action": "dash_sync",
            "backgroundColor": "#2563eb",
            "color": "#fff",
            "fontSize": 12,
            "cornerRadius": 8
          }
        ]
      },
      { "type": "divider", "color": "#334155" },
      {
        "type": "grid",
        "columns": 2,
        "spacing": 8,
        "rowSpacing": 8,
        "children": [
          {
            "type": "vstack",
            "padding": 8,
            "spacing": 4,
            "cornerRadius": 10,
            "background": "#1e293b",
            "children": [
              { "type": "text", "content": "CPU", "fontSize": 11, "color": "#94a3b8" },
              { "type": "text", "content": "38%", "fontSize": 22, "fontWeight": "bold", "color": "#22c55e" },
              { "type": "progress", "value": 0.38, "tint": "#22c55e" }
            ]
          },
          {
            "type": "vstack",
            "padding": 8,
            "spacing": 4,
            "cornerRadius": 10,
            "background": "#1e293b",
            "children": [
              { "type": "text", "content": "RAM", "fontSize": 11, "color": "#94a3b8" },
              { "type": "text", "content": "62%", "fontSize": 22, "fontWeight": "bold", "color": "#f59e0b" },
              { "type": "progress", "value": 0.62, "tint": "#f59e0b" }
            ]
          },
          {
            "type": "vstack",
            "padding": 8,
            "spacing": 4,
            "cornerRadius": 10,
            "background": "#1e293b",
            "children": [
              { "type": "text", "content": "Disk", "fontSize": 11, "color": "#94a3b8" },
              { "type": "text", "content": "81%", "fontSize": 22, "fontWeight": "bold", "color": "#ef4444" },
              { "type": "progress", "value": 0.81, "tint": "#ef4444" }
            ]
          },
          {
            "type": "vstack",
            "padding": 8,
            "spacing": 4,
            "cornerRadius": 10,
            "background": "#1e293b",
            "children": [
              { "type": "text", "content": "Net", "fontSize": 11, "color": "#94a3b8" },
              { "type": "text", "content": "12MB/s", "fontSize": 18, "fontWeight": "bold", "color": "#38bdf8" },
              { "type": "progress", "value": 0.24, "tint": "#38bdf8" }
            ]
          }
        ]
      },
      { "type": "divider", "color": "#334155" },
      {
        "type": "list",
        "spacing": 3,
        "fontSize": 12,
        "color": "#e2e8f0",
        "items": [
          { "text": "api-gateway", "checked": true },
          { "text": "worker-pool", "checked": true },
          { "text": "cache-redis", "checked": false },
          { "text": "queue-amqp" }
        ]
      }
    ]
  }
}