mevebu 1.5.0 → 1.6.0

package/mevebu/app/mevebu.js

@@ -133,7 +133,7 @@ function masthead() {
       "div",
       { class: "mx-[var(--margin)] flex h-[var(--bar)] items-center gap-[clamp(14px,3vw,32px)]" },
       el("a", { class: "inline-flex min-h-11 flex-none items-center gap-2.5 text-lg font-bold tracking-[-0.01em] text-ink no-underline", href: "#/" },
-        el("img", { class: "block size-[30px] rounded-[9px] shadow-[0_0_0_1px_var(--orbit)]", src: "./icon.png", alt: "", width: "30", height: "30" }), "mevebu"),
+        el("img", { class: "block size-[30px]", src: "./assets/logo.png", alt: "", width: "30", height: "30" }), "mevebu"),
       nav,
       el("div", { class: "flex items-center gap-0.5 max-[45rem]:ms-auto" }, searchButton(), themeBtn, menuBtn)
     ),
@@ -188,6 +188,9 @@ function openUpdate(latest) {
   const actionBox = el("div", { class: "flex flex-wrap items-center justify-end gap-2" });
   const command = updateCommand();
   const updatable = () => Boolean(resolved) && compareVersions(resolved, VERSION) > 0;
+  // A local build can sit above the published one, and saying "up to date" next
+  // to a lower number reads as a bug, so that case names itself.
+  const ahead = () => Boolean(resolved) && compareVersions(resolved, VERSION) < 0;
 
   const versionRow = (label, value, isNew) =>
     el(
@@ -206,9 +209,11 @@ function openUpdate(latest) {
           ? "Checking for updates"
           : newer
             ? `mevebu ${resolved} is out`
-            : resolved
-              ? "mevebu is up to date"
-              : "Could not check for updates"
+            : !resolved
+              ? "Could not check for updates"
+              : ahead()
+                ? "This build is ahead of the published version"
+                : "mevebu is up to date"
       ),
       newer
         ? el("p", {}, "A newer version is published. Update your global install, then run ", el("code", { class: CODE }, PACKAGE_NAME), " again.")
@@ -321,7 +326,7 @@ function footer() {
           "div",
           { class: "grid gap-1.5" },
           el("a", { class: "inline-flex min-h-11 items-center gap-[9px] text-md font-bold tracking-[-0.01em] text-ink no-underline", href: "#/" },
-            el("img", { class: "block size-[34px] rounded-[11px] shadow-[0_0_0_1px_var(--orbit)]", src: "./icon.png", alt: "", width: "34", height: "34" }), "mevebu"),
+            el("img", { class: "block size-[34px]", src: "./assets/logo.png", alt: "", width: "34", height: "34" }), "mevebu"),
           el("p", { class: "m-0 max-w-[30ch] text-sm leading-[1.5] text-ink-3" }, "Small tools that run in your browser. No accounts, no uploads, no tracking.")
         ),
         el(
@@ -568,7 +573,7 @@ function homePage() {
         )
       ),
       el("div", { class: "grid place-items-center rounded-[28px] border border-orbit bg-deck p-7 max-[60rem]:hidden" },
-        el("img", { class: "block size-[248px]", src: "./icon.png", alt: "", width: "248", height: "248" }))
+        el("img", { class: "block size-[248px]", src: "./assets/logo.png", alt: "", width: "248", height: "248" }))
     )
   );
 

package/mevebu/app/tailwind.css

@@ -765,12 +765,6 @@
   .rounded-\[5px\] {
     border-radius: 5px;
   }
-  .rounded-\[9px\] {
-    border-radius: 9px;
-  }
-  .rounded-\[11px\] {
-    border-radius: 11px;
-  }
   .rounded-\[12px\] {
     border-radius: 12px;
   }
@@ -1274,10 +1268,6 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-\[0_0_0_1px_var\(--orbit\)\] {
-    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--orbit));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-\[0_1px_2px_rgb\(0_0_0\/0\.18\)\] {
     --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgb(0 0 0/0.18));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

package/mevebu/assets/site.webmanifest

@@ -0,0 +1,14 @@
+{
+  "name": "mevebu",
+  "short_name": "mevebu",
+  "description": "Small tools that run in your browser.",
+  "start_url": "../",
+  "scope": "../",
+  "display": "standalone",
+  "background_color": "#eef1ed",
+  "theme_color": "#eef1ed",
+  "icons": [
+    { "src": "android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
+  ]
+}

package/mevebu/index.html

@@ -5,7 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>mevebu, small tools that run in your browser</title>
     <meta name="description" content="Small tools that run in your browser. Passwords, QR codes, random draws, text, dates and encoding. No accounts, no uploads, no tracking." />
-    <link rel="icon" type="image/png" href="./icon.png" />
+    <link rel="icon" href="./assets/favicon.ico" sizes="any" />
+    <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png" />
+    <link rel="manifest" href="./assets/site.webmanifest" />
     <link rel="stylesheet" href="./app/tailwind.css" />
     <script type="module">
       import { getTheme } from "./libs/js/core.js";

package/mevebu/libs/js/core.js

@@ -743,7 +743,7 @@ export function blank(iconName, text) {
 // ---------- version ----------
 
 // Kept in one place. The CLI reads the same value from package.json.
-export const VERSION = "1.5.0";
+export const VERSION = "1.6.0";
 export const PACKAGE_NAME = "mevebu";
 export const REPO_SLUG = "mevebu/mevebu";
 
@@ -763,7 +763,14 @@ async function getJson(url, timeout) {
   const controller = new AbortController();
   const timer = setTimeout(() => controller.abort(), timeout);
   try {
-    const response = await fetch(url, { signal: controller.signal, headers: { accept: "application/json" } });
+    // The registry answers `/latest` with `max-age=300`, so a cached reply would
+    // keep reporting the version from before a publish for five minutes. A
+    // version check is worthless when it is stale, so it never reads the cache.
+    const response = await fetch(url, {
+      signal: controller.signal,
+      cache: "no-store",
+      headers: { accept: "application/json" },
+    });
     if (!response.ok) return null;
     return await response.json();
   } catch {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mevebu",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Small tools that run in your browser. No accounts, no uploads, no tracking.",
   "license": "MIT",
   "type": "module",