procdeck 0.3.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,25 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2
+ <!-- icon.svg with an attention badge: swapped in as the favicon while a proc
3
+ has crashed, is blocked, or has unread errors (see ui/src/command.ts). -->
4
+ <!-- procdeck app icon: four panes on a dark deck. Source for the PNGs next
5
+ to it (rsvg-convert -w N icon.svg > icon-N.png). Kept inside the
6
+ maskable safe zone (centre 80%). -->
7
+ <rect width="512" height="512" rx="112" fill="#0e1116"/>
8
+ <rect x="88" y="88" width="160" height="160" rx="22" fill="#151a21" stroke="#232a34" stroke-width="6"/>
9
+ <rect x="264" y="88" width="160" height="160" rx="22" fill="#151a21" stroke="#232a34" stroke-width="6"/>
10
+ <rect x="88" y="264" width="160" height="160" rx="22" fill="#151a21" stroke="#232a34" stroke-width="6"/>
11
+ <rect x="264" y="264" width="160" height="160" rx="22" fill="#151a21" stroke="#232a34" stroke-width="6"/>
12
+ <g fill="#3fb950">
13
+ <circle cx="122" cy="122" r="12"/>
14
+ <circle cx="298" cy="122" r="12"/>
15
+ <circle cx="122" cy="298" r="12"/>
16
+ </g>
17
+ <circle cx="298" cy="298" r="12" fill="#f85149"/>
18
+ <g stroke="#7b8794" stroke-width="10" stroke-linecap="round">
19
+ <path d="M150 122h60M118 160h96M118 190h60"/>
20
+ <path d="M326 122h60M294 160h96M294 190h72"/>
21
+ <path d="M150 298h60M118 336h72M118 366h96"/>
22
+ <path d="M326 298h60M294 336h96M294 366h48"/>
23
+ </g>
24
+ <circle cx="416" cy="96" r="88" fill="#f85149" stroke="#0e1116" stroke-width="20"/>
25
+ </svg>
@@ -5,14 +5,27 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1" />
6
6
  <title>procdeck</title>
7
7
  <meta name="theme-color" content="#151a21" />
8
+ <!-- Paint the stored theme before the first frame (no light/dark flash).
9
+ Reads the same localStorage record as ui/src/storage.ts; the app takes
10
+ over from here (ApplyTheme), including the theme-color meta. -->
11
+ <script>
12
+ try {
13
+ var theme = JSON.parse(localStorage.getItem("procdeck.ui") || "{}").theme
14
+ if (theme === "light" || theme === "dark") document.documentElement.dataset.theme = theme
15
+ var dark =
16
+ theme === "dark" ||
17
+ (theme !== "light" && matchMedia("(prefers-color-scheme: dark)").matches)
18
+ if (!dark) document.querySelector('meta[name="theme-color"]').content = "#f6f8fa"
19
+ } catch (_) {}
20
+ </script>
8
21
  <link rel="icon" href="/icon.svg" type="image/svg+xml" />
9
22
  <!-- Installable web app: the manifest is generated by the server so it
10
23
  carries the deck's name (see src/server.ts). -->
11
24
  <link rel="manifest" href="/manifest.webmanifest" />
12
25
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
13
26
  <meta name="apple-mobile-web-app-title" content="procdeck" />
14
- <script type="module" crossorigin src="/assets/index-D4mI4ojj.js"></script>
15
- <link rel="stylesheet" crossorigin href="/assets/index-DYfMdGhb.css">
27
+ <script type="module" crossorigin src="/assets/index-CTUfrVhX.js"></script>
28
+ <link rel="stylesheet" crossorigin href="/assets/index-BwFe3unL.css">
16
29
  </head>
17
30
  <body>
18
31
  <div id="root"></div>
@@ -1,9 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __export = (target, all) => {
3
- for (var name in all)
4
- __defProp(target, name, { get: all[name], enumerable: true });
5
- };
6
-
7
- export {
8
- __export
9
- };