@remit/web-client 0.0.126 → 0.0.127

package/harness/index.html

@@ -4,6 +4,21 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Remit</title>
+    <!--
+      Installability. This is the template the shipped image builds from; the
+      package's top-level index.html is the dev server's and carries the same
+      tags. The two theme colours are the light and dark --canvas tokens from
+      packages/ui/src/tokens.css.
+    -->
+    <link rel="manifest" href="/manifest.webmanifest" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="16x16 32x32" />
+    <link rel="icon" href="/icons/icon-192.png" type="image/png" sizes="192x192" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="Remit" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f6f2e7" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0c1d23" />
     <!--
       Pre-paint theme to avoid a flash-of-wrong-theme on reload. Mirrors
       theme-preference.ts: a stored "remit.theme" of "light"/"dark" wins;

package/index.html

@@ -5,13 +5,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Remit</title>
     <!--
-      Hint the browser to start the TLS handshake to API Gateway in parallel
-      with the JS bundle download. Saves ~150-300ms before the first /config
-      request fires. Hardcoded to the prod API origin; in local dev this
-      preconnect is harmless (it's just a hint and the dev API is proxied
-      through the Vite server).
+      Installability. Keep in sync with harness/index.html, which is the
+      template the shipped image builds from: this one is the dev server's.
+      The two theme colours are the light and dark --canvas tokens from
+      packages/ui/src/tokens.css.
     -->
-    <link rel="preconnect" href="https://cr0f00ych7.execute-api.eu-west-1.amazonaws.com" crossorigin />
+    <link rel="manifest" href="/manifest.webmanifest" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="16x16 32x32" />
+    <link rel="icon" href="/icons/icon-192.png" type="image/png" sizes="192x192" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="Remit" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f6f2e7" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0c1d23" />
     <!--
       Pre-paint theme to avoid a flash-of-wrong-theme on reload. Mirrors
       theme-preference.ts: a stored "remit.theme" of "light"/"dark" wins;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remit/web-client",
-  "version": "0.0.126",
+  "version": "0.0.127",
   "type": "module",
   "description": "Remit web client, published as composable primitives — the app shell, auth shells, and runtime config. A distributor imports what it composes and bundles it.",
   "exports": {

package/public/manifest.webmanifest

@@ -0,0 +1,34 @@
+{
+	"id": "/",
+	"name": "Remit",
+	"short_name": "Remit",
+	"description": "An email client you run yourself.",
+	"start_url": "/",
+	"scope": "/",
+	"display": "standalone",
+	"lang": "en",
+	"dir": "ltr",
+	"categories": ["productivity"],
+	"background_color": "#f5f5bd",
+	"theme_color": "#0c1d23",
+	"icons": [
+		{
+			"src": "/icons/icon-192.png",
+			"sizes": "192x192",
+			"type": "image/png",
+			"purpose": "any"
+		},
+		{
+			"src": "/icons/icon-512.png",
+			"sizes": "512x512",
+			"type": "image/png",
+			"purpose": "any"
+		},
+		{
+			"src": "/icons/icon-maskable-512.png",
+			"sizes": "512x512",
+			"type": "image/png",
+			"purpose": "maskable"
+		}
+	]
+}