mevebu 0.4.0 → 1.1.0

package/mevebu/index.html

@@ -4,10 +4,9 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>mevebu, small tools that run in your browser</title>
-    <meta name="description" content="15 small tools that run in your browser. Passwords, QR codes, random draws, text and encoding. No accounts, no tracking." />
+    <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="stylesheet" href="./app/mevebu.css" />
-    <link rel="stylesheet" href="./libs/css/tools.css" />
+    <link rel="stylesheet" href="./app/tailwind.css" />
     <script type="module">
       import { getTheme } from "./libs/js/core.js";
       document.documentElement.dataset.theme = getTheme();

package/mevebu/libs/js/core.js

@@ -593,7 +593,7 @@ export function blank(iconName, text) {
 // ---------- version ----------
 
 // Kept in one place. The CLI reads the same value from package.json.
-export const VERSION = "0.4.0";
+export const VERSION = "1.1.0";
 export const PACKAGE_NAME = "mevebu";
 export const REPO_SLUG = "mevebu/mevebu";
 

package/mevebu/libs/js/tools/hash-generator.js

@@ -6,7 +6,7 @@ const ALGORITHMS = ["SHA-1", "SHA-256", "SHA-384", "SHA-512"];
 export function mount(slot) {
   const source = textArea({ value: "mevebu", rows: 5, "aria-label": "Text to hash", placeholder: "Type or paste text" });
   const result = output();
-  const digest = el("p", { class: "note" });
+  const digest = el("p", { class: "mvb-note" });
   const error = notice("error");
 
   let algorithm = "SHA-256";
@@ -41,11 +41,11 @@ export function mount(slot) {
   const copy = copyButton(() => result.textContent, "Copy hash");
 
   const card = toolcard({
-    head: actions(copy),
     body: bench(
       stack(panel("Algorithm", chips), panel("Text", source)),
       stack(panel("Hash", result), digest, error)
     ),
+    foot: actions(copy),
   });
   slot.append(card.node);
   run();

package/mevebu/libs/js/tools/name-picker.js

@@ -8,7 +8,7 @@ export function mount(slot) {
   const listField = textArea({ value: saved.entries ?? "", rows: 8, "aria-label": "Entries, one per line", placeholder: "One entry per line" });
   const countField = numberInput({ value: saved.winners ?? "1", min: "1", max: "500", "aria-label": "How many to draw" });
   const uniqueBox = checkbox("No repeats", { checked: saved.unique !== false });
-  const notify = el("p", { class: "note" });
+  const notify = el("p", { class: "mvb-note" });
 
   const drawButton = button("Draw", { icon: "play", kind: "fill" });
   const copyButton = button("Copy", { icon: "copy" });

package/mevebu/libs/js/tools/qr-scanner.js

@@ -21,7 +21,7 @@ function loadJsQR() {
 export function mount(slot) {
   const video = el("video", { class: "mvb-qrview", playsinline: true, muted: true, hidden: true });
   const fileField = el("input", { type: "file", accept: "image/*", hidden: true, "aria-label": "Image file" });
-  const status = el("p", { class: "note" });
+  const status = el("p", { class: "mvb-note" });
   const found = output({ rows: 3 });
   const error = notice("error");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mevebu",
-  "version": "0.4.0",
+  "version": "1.1.0",
   "description": "Small tools that run in your browser. No accounts, no uploads, no tracking.",
   "license": "MIT",
   "type": "module",
@@ -14,6 +14,8 @@
     "LICENSE"
   ],
   "scripts": {
+    "css": "tailwindcss -i mevebu/app/tailwind.src.css -o mevebu/app/tailwind.css",
+    "css:watch": "tailwindcss -i mevebu/app/tailwind.src.css -o mevebu/app/tailwind.css --watch",
     "icons": "node scripts/vendor-icons.mjs",
     "dev": "node bin/mevebu.js",
     "start": "node bin/mevebu.js",
@@ -42,8 +44,10 @@
     "node": ">=18"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.3.3",
     "jsqr": "^1.4.0",
     "lucide": "^1.57.0",
-    "qrcode-generator": "^2.0.4"
+    "qrcode-generator": "^2.0.4",
+    "tailwindcss": "^4.3.3"
   }
 }