mevebu 1.11.0 → 2.0.0

package/README.md

@@ -2,7 +2,7 @@
 
 # mevebu
 
-**198 free browser tools, one page each. No sign up. No uploads. Everything runs in your tab.**
+**200 free browser tools, one page each. No sign up. No uploads. Everything runs in your tab.**
 
 A private toolbox for the small jobs that do not deserve a whole app: format JSON, decode a JWT, make a password, build a cron line, pick a color, scan a QR code, and a lot more.
 
@@ -10,10 +10,10 @@ A private toolbox for the small jobs that do not deserve a whole app: format JSO
 [![npm downloads](https://img.shields.io/npm/dm/mevebu?color=2ea44f)](https://www.npmjs.com/package/mevebu)
 [![License: MIT](https://img.shields.io/github/license/mevebu/mevebu?color=blue)](./LICENSE)
 [![GitHub stars](https://img.shields.io/github/stars/mevebu/mevebu?style=flat&color=yellow)](https://github.com/mevebu/mevebu/stargazers)
-![Tools](https://img.shields.io/badge/tools-198-brightgreen)
+![Tools](https://img.shields.io/badge/tools-200-brightgreen)
 ![Privacy](https://img.shields.io/badge/privacy-100%25%20in--browser-blue)
 
-[Quick start](#quick-start) · [What's inside](#whats-inside) · [Privacy](#privacy-by-design) · [Host it yourself](#host-it-yourself) · [Development](#development) · [FAQ](#faq)
+[Quick start](#quick-start) · [What's inside](#whats-inside) · [Privacy](#privacy-by-design) · [Credit](#credit) · [Development](#development) · [FAQ](#faq)
 
 </div>
 
@@ -23,11 +23,11 @@ A private toolbox for the small jobs that do not deserve a whole app: format JSO
 
 ## What is mevebu?
 
-mevebu is a collection of **198 small online tools** that all run **inside your browser**. Each tool lives on its own page, does one job, and does it fast. Most of them update as you type, so there is no submit button and no waiting.
+mevebu is a collection of **200 small online tools** that all run **inside your browser**. Each tool lives on its own page, does one job, and does it fast. Most of them update as you type, so there is no submit button and no waiting.
 
 Think of it as a clean, private alternative to the usual "free online tools" websites. There are no accounts, no ads in your way, no uploads, and no tracking. Your text, passwords, tokens, and files stay on your device.
 
-You can run it on your own computer with one command, or copy the folder to any static host and use it from anywhere.
+Install it once with one command and it runs on your machine, with no server behind it and no account to create.
 
 ## Why you will like it
 
@@ -37,7 +37,6 @@ You can run it on your own computer with one command, or copy the folder to any
 - **One tool, one page.** Every tool has its own clean page you can bookmark.
 - **Instant search.** Press `Ctrl+K` and find any tool by name, keyword, or what it does.
 - **Works offline.** Once installed, it runs fully on your machine.
-- **Easy to host.** It is a plain static site. Drop it on any file host.
 - **Free and open source.** MIT licensed.
 
 ## Quick start
@@ -65,11 +64,11 @@ mevebu tries port `5555` first, then `5678`, then `5432`, and finally any free p
 
 ## What's inside
 
-mevebu has **198 tools in 20 categories**. Here is the full breakdown:
+mevebu has **200 tools in 20 categories**. Here is the full breakdown:
 
 | Category           | Tools |
 | ------------------ | ----: |
-| Random             |     3 |
+| Data Generator     |     5 |
 | Passwords and keys |    10 |
 | Developer          |    21 |
 | Convert            |    15 |
@@ -89,7 +88,7 @@ mevebu has **198 tools in 20 categories**. Here is the full breakdown:
 | GitHub             |     8 |
 | Units              |     8 |
 | QR codes           |     2 |
-| **Total**          | **198** |
+| **Total**          | **200** |
 
 The counts come straight from the tool registry, so this table and the app never drift apart.
 
@@ -126,21 +125,18 @@ Do not just take our word for it. Open the Network tab in your browser dev tools
 | Your data uploaded | Never | Sometimes |
 | Works offline | Yes | Rarely |
 | Open source | Yes (MIT) | Rarely |
-| Self-hostable | Yes | Rarely |
 
-## Host it yourself
+## Credit
 
-Prefer not to use the CLI? mevebu is a plain static site, so you can host it anywhere files can be served: a static site host, a CDN, an object store, or even a USB drive.
+mevebu is built and maintained by the [mevebu](https://github.com/mevebu) organization, created by [Ilyas Mukhlisin](https://www.instagram.com/ilyas.mukhlisin). Two repositories live there: **Mevebu**, this toolbox, and **Waitsec**, a set of guardrails for coding agents.
 
-1. Copy the `mevebu/` folder from this repo (or from the npm package).
-2. Upload it to your host.
-3. Open `index.html`.
+The code is MIT licensed. If you learn from it, borrow a helper, or ship something inspired by it, keep the copyright notice and say where it came from. A link back to [github.com/mevebu/mevebu](https://github.com/mevebu/mevebu) is enough.
 
-Routes are hash routes, like `#/security/password-generator`, so you do not need any server rewrites. The CSS is one committed stylesheet built by Tailwind, and there is no extra build step. Your host never has to run code.
+Bug reports and tool ideas are welcome in the issues. The best way to support the project is to use it, share it, and tell us what is missing.
 
 ## Development
 
-Want to hack on mevebu or add your own tool? Here is how to get started:
+Contributions are welcome. Here is how to run the project locally while you work on it:
 
 ```bash
 git clone https://github.com/mevebu/mevebu
@@ -180,7 +176,7 @@ That is all. The catalog, search, breadcrumbs, and category pages pick it up aut
 ## FAQ
 
 **What is mevebu?**
-mevebu is a free, open source collection of 198 browser based tools for developers, students, creators, and everyday use. Every tool runs locally in your browser.
+mevebu is a free, open source collection of 200 browser based tools for developers, students, creators, and everyday use. Every tool runs locally in your browser.
 
 **Is mevebu really free?**
 Yes. It is MIT licensed, with no paid tier, no account, and no usage limits.
@@ -191,8 +187,8 @@ No. Your input is processed in your browser tab and never sent to a server.
 **Can I use mevebu offline?**
 Yes. After you install it with npm, it runs on your own machine without needing the internet.
 
-**Can I host mevebu on my own site?**
-Yes. Copy the `mevebu/` folder to any static host. No server side setup is needed.
+**Can I reuse the code?**
+Yes. It is MIT licensed, so keep the copyright notice and the license text, and credit [mevebu](https://github.com/mevebu/mevebu) where you use it.
 
 **How do I find a tool quickly?**
 Press `Ctrl+K` and search by tool name, keyword, or what the tool does.

package/mevebu/app/mevebu.js

@@ -1013,7 +1013,7 @@ function aboutPage() {
     block("Running it",
       el("p", {}, "Install it once from npm. The command starts a local server and opens your browser at the address it prints."),
       el("pre", { class: "m-0 overflow-x-auto rounded-r1 border border-orbit bg-deck-2 px-3.5 py-3 font-mono text-sm" }, "npm install -g mevebu\nmevebu"),
-      el("p", {}, "Serve the ", el("code", { class: CODE }, "mevebu/"), " folder from any static host. Routes are hash routes, so no rewrite rules are needed.")),
+      el("p", {}, "The command serves the tools that ship with the package, so there is nothing to configure and no server to run.")),
 
     block("Adding a tool",
       el("p", {}, "Add one object to ", el("code", { class: CODE }, "mevebu/libs/js/registry.js"), " and one file in ", el("code", { class: CODE }, "mevebu/libs/js/tools/"), ". The home page, the index, the categories, search and the route all come from that entry.")),

package/mevebu/app/tailwind.css

@@ -293,6 +293,9 @@
   .ms-1\.5 {
     margin-inline-start: calc(var(--spacing) * 1.5);
   }
+  .ms-2 {
+    margin-inline-start: calc(var(--spacing) * 2);
+  }
   .ms-auto {
     margin-inline-start: auto;
   }
@@ -404,6 +407,10 @@
   .aspect-\[4\/3\] {
     aspect-ratio: 4/3;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
   .size-3 {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
@@ -452,10 +459,6 @@
     width: calc(var(--spacing) * 16);
     height: calc(var(--spacing) * 16);
   }
-  .size-32 {
-    width: calc(var(--spacing) * 32);
-    height: calc(var(--spacing) * 32);
-  }
   .size-\[15px\] {
     width: 15px;
     height: 15px;
@@ -605,9 +608,6 @@
   .w-\[min\(300px\,100\%\)\] {
     width: min(300px, 100%);
   }
-  .w-\[min\(320px\,100\%\)\] {
-    width: min(320px, 100%);
-  }
   .w-\[min\(420px\,100\%\)\] {
     width: min(420px, 100%);
   }
@@ -653,9 +653,6 @@
   .max-w-\[64ch\] {
     max-width: 64ch;
   }
-  .max-w-\[340px\] {
-    max-width: 340px;
-  }
   .max-w-\[560px\] {
     max-width: 560px;
   }
@@ -737,9 +734,15 @@
   .\[grid-template-columns\:minmax\(0\,1fr\)_auto\] {
     grid-template-columns: minmax(0,1fr) auto;
   }
+  .\[grid-template-columns\:minmax\(90px\,1fr\)_70px_52px_64px_minmax\(70px\,\.9fr\)_minmax\(70px\,\.9fr\)_minmax\(90px\,1\.1fr\)\] {
+    grid-template-columns: minmax(90px,1fr) 70px 52px 64px minmax(70px,.9fr) minmax(70px,.9fr) minmax(90px,1.1fr);
+  }
   .\[grid-template-columns\:minmax\(90px\,34\%\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(90px,34%) minmax(0,1fr);
   }
+  .\[grid-template-columns\:minmax\(110px\,150px\)_minmax\(0\,1fr\)\] {
+    grid-template-columns: minmax(110px,150px) minmax(0,1fr);
+  }
   .\[grid-template-columns\:repeat\(96\,minmax\(0\,1fr\)\)\] {
     grid-template-columns: repeat(96,minmax(0,1fr));
   }
@@ -755,6 +758,9 @@
   .\[grid-template-columns\:repeat\(auto-fill\,minmax\(170px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fill,minmax(170px,1fr));
   }
+  .\[grid-template-columns\:repeat\(auto-fill\,minmax\(220px\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
+  }
   .\[grid-template-columns\:repeat\(auto-fit\,minmax\(96px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fit,minmax(96px,1fr));
   }
@@ -875,6 +881,9 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
+  .self-start {
+    align-self: flex-start;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1173,6 +1182,9 @@
   .py-1 {
     padding-block: var(--spacing);
   }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
@@ -1318,10 +1330,6 @@
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
   }
-  .text-display {
-    font-size: var(--text-display);
-    line-height: var(--tw-leading, var(--text-display--line-height));
-  }
   .text-hero {
     font-size: var(--text-hero);
     line-height: var(--tw-leading, var(--text-hero--line-height));
@@ -1880,9 +1888,6 @@
   .data-\[state\=open\]\:opacity-100[data-state="open"] {
     opacity: 100%;
   }
-  .data-\[toss\]\:animate-toss[data-toss] {
-    animation: var(--animate-toss);
-  }
   @media (width < 60rem) {
     .max-\[60rem\]\:hidden {
       display: none;
@@ -1918,6 +1923,9 @@
     }
   }
   @media (width >= 40rem) {
+    .sm\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
     .sm\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }

package/mevebu/libs/js/core.js

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

package/mevebu/libs/js/csv.js

@@ -0,0 +1,87 @@
+// CSV reading and writing shared by the data tools. Quoted fields, doubled
+// quotes, CRLF, and a delimiter guess, so five tools do not each carry a copy.
+
+export function parseDelimited(text, delimiter = ",") {
+  const rows = [];
+  let row = [];
+  let field = "";
+  let quoted = false;
+  for (let i = 0; i < text.length; i++) {
+    const char = text[i];
+    if (quoted) {
+      if (char === '"') {
+        if (text[i + 1] === '"') {
+          field += '"';
+          i++;
+        } else quoted = false;
+      } else field += char;
+    } else if (char === '"') {
+      quoted = true;
+    } else if (char === delimiter) {
+      row.push(field);
+      field = "";
+    } else if (char === "\n") {
+      row.push(field);
+      rows.push(row);
+      row = [];
+      field = "";
+    } else if (char !== "\r") {
+      field += char;
+    }
+  }
+  if (field !== "" || row.length) {
+    row.push(field);
+    rows.push(row);
+  }
+  // A trailing blank line is an artefact of the file, not a row.
+  if (rows.length && rows[rows.length - 1].every((cell) => cell === "")) rows.pop();
+  return rows;
+}
+
+export function detectDelimiter(text) {
+  const candidates = [",", ";", "\t", "|"];
+  const first = text.split(/\r?\n/)[0] ?? "";
+  const counts = { ",": 0, ";": 0, "\t": 0, "|": 0 };
+  let quoted = false;
+  for (let i = 0; i < first.length; i++) {
+    const char = first[i];
+    if (char === '"') quoted = !quoted;
+    else if (!quoted && char in counts) counts[char]++;
+  }
+  let best = ",";
+  let bestCount = 0;
+  for (const candidate of candidates) {
+    if (counts[candidate] > bestCount) {
+      bestCount = counts[candidate];
+      best = candidate;
+    }
+  }
+  return best;
+}
+
+const needsQuote = (value) => /[",\n\r]/.test(value) || /^\s|\s$/.test(value);
+
+/** Rows of strings to CSV text. Every field that needs quoting gets it. */
+export function toCsv(rows) {
+  return rows
+    .map((row) =>
+      row
+        .map((cell) => {
+          const text = cell === null || cell === undefined ? "" : String(cell);
+          return needsQuote(text) ? `"${text.replace(/"/g, '""')}"` : text;
+        })
+        .join(",")
+    )
+    .join("\n");
+}
+
+/** The header row, with duplicates and blanks made usable as keys. */
+export function headerKeys(header) {
+  const seen = new Map();
+  return header.map((cell, index) => {
+    const base = (cell || `column_${index + 1}`).trim() || `column_${index + 1}`;
+    const count = seen.get(base) ?? 0;
+    seen.set(base, count + 1);
+    return count ? `${base}_${count + 1}` : base;
+  });
+}

package/mevebu/libs/js/registry.js

@@ -4,7 +4,7 @@
 // one object here plus one file in ./tools/.
 
 export const CATEGORIES = [
-  { id: "random", name: "Random", icon: "shuffle" },
+  { id: "data-gen", name: "Data Generator", icon: "database" },
   { id: "security", name: "Passwords and keys", icon: "shield-check" },
   { id: "developer", name: "Developer", icon: "terminal" },
   { id: "convert", name: "Convert", icon: "repeat" },
@@ -31,58 +31,94 @@ export const CATEGORIES = [
 // one-line intro plus a short list of steps. Keep steps concrete.
 export const TOOLS = [
   {
-    id: "spin-wheel",
-    category: "random",
-    name: "Spin the Wheel",
-    icon: "circle-dashed",
-    note: "Let the wheel pick from your options.",
-    about: "Type your options, press Spin, and the wheel chooses one.",
+    id: "team-generator",
+    category: "data-gen",
+    name: "Team Generator",
+    icon: "users-round",
+    note: "Split a list into balanced groups.",
+    about: "Two modes, exclusion pairs, and one lead per group.",
     tutorial: {
-      intro: "Add one option per line. The wheel picks one at random when you spin.",
+      intro: "Turn a list of names into balanced groups.",
       steps: [
-        "Type your options, one per line.",
-        "Press Spin. The wheel eases to a stop on one entry.",
-        "Each pick is added to the history strip below. Press Clear past picks to reset.",
+        "Paste the names, one per line.",
+        "Pick the number of groups or the size per group.",
+        "Add exclusion pairs and leads if you need them, then press Generate.",
       ],
     },
-    keywords: "random picker chooser decide raffle",
-    load: () => import("./tools/spin-wheel.js"),
+    keywords: "team generator group splitter random groups classroom workshop",
+    load: () => import("./tools/team-generator.js"),
   },
   {
-    id: "name-picker",
-    category: "random",
-    name: "Name Picker",
-    icon: "users",
-    note: "Draw one name or several from a list.",
-    about: "Paste a list, set how many you need, and draw.",
+    id: "roster-generator",
+    category: "data-gen",
+    name: "Roster Rotation",
+    icon: "calendar-check",
+    note: "Build a rotating duty roster.",
+    about: "Names take turns across dates, with pins and weekend skips.",
     tutorial: {
-      intro: "Paste a list of names and draw one or many at a time.",
+      intro: "Build a duty roster that rotates fairly.",
       steps: [
-        "Paste your list, one entry per line.",
-        "Set how many to draw. Toggle No repeats if you want unique picks.",
-        "The draw updates as you edit. Press Draw for a fresh result, then Copy.",
+        "Paste the names in the order they should take turns.",
+        "Set the date range, how many people per day, and whether to skip weekends.",
+        "Pin a date if someone must take it, then copy or download the roster.",
+      ],
+    },
+    keywords: "roster rotation duty schedule shift piket jadwal",
+    load: () => import("./tools/roster-generator.js"),
+  },
+  {
+    id: "sample-csv",
+    category: "data-gen",
+    name: "Sample CSV",
+    icon: "table",
+    note: "Generate a CSV with the columns you define.",
+    about: "Pick a type per column, a row count and a seed that reproduces the file.",
+    tutorial: {
+      intro: "Make a CSV that fits a shape you describe.",
+      steps: [
+        "Add a column and pick its type.",
+        "Set the row count and a seed. The same seed always makes the same file.",
+        "Press Download CSV, or copy from the preview.",
       ],
     },
-    keywords: "random draw winner lottery team",
-    load: () => import("./tools/name-picker.js"),
+    keywords: "sample csv fake table fixture test data generator seed",
+    load: () => import("./tools/sample-csv.js"),
   },
   {
-    id: "coin-flip",
-    category: "random",
-    name: "Coin Flip",
-    icon: "coins",
-    note: "Heads or tails, with a running count.",
-    about: "Flip as many times as you like. The tally keeps the score.",
+    id: "sql-insert",
+    category: "data-gen",
+    name: "SQL Insert",
+    icon: "database",
+    note: "Turn a CSV into INSERT statements.",
+    about: "Postgres, MySQL and SQLite, with correct quoting and NULL handling.",
+    tutorial: {
+      intro: "Seed a database from a spreadsheet.",
+      steps: [
+        "Drop a CSV with a header row.",
+        "Set the table, the schema and the dialect.",
+        "Copy the SQL or download a .sql file.",
+      ],
+    },
+    keywords: "sql insert generator csv to sql seed database postgres mysql sqlite",
+    load: () => import("./tools/sql-insert.js"),
+  },
+  {
+    id: "data-dictionary",
+    category: "data-gen",
+    name: "Data Dictionary",
+    icon: "table-2",
+    note: "Describe a CSV column by column.",
+    about: "Type, nulls, distinct values, range and a sample, as a table or Markdown.",
     tutorial: {
-      intro: "Flip a fair coin. The tally remembers your count across visits.",
+      intro: "Write the document a dataset needs.",
       steps: [
-        "Press Flip. The coin spins and lands on heads or tails.",
-        "The result lands in the field below the coin.",
-        "The tally updates and persists. Press Reset the count to clear it.",
+        "Drop a CSV.",
+        "Read the table: type, empty cells, distinct count, min, max, sample.",
+        "Copy the Markdown or download the CSV version.",
       ],
     },
-    keywords: "random toss decide heads tails",
-    load: () => import("./tools/coin-flip.js"),
+    keywords: "data dictionary csv schema profile columns nulls distinct metadata",
+    load: () => import("./tools/data-dictionary.js"),
   },
 
   {

package/mevebu/libs/js/tools/csv-viewer.js

@@ -1,56 +1,6 @@
 // Reads CSV or delimited text as a table, with row and column counts.
 import { el, bench, stack, panel, textArea, selectInput, fileInput, notice, copyButton, button, actions, toolcard } from "../core.js";
-
-function parseDelimited(text, delimiter) {
-  const rows = [];
-  let row = [];
-  let field = "";
-  let quoted = false;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    if (quoted) {
-      if (char === '"') {
-        if (text[i + 1] === '"') { field += '"'; i++; }
-        else quoted = false;
-      } else field += char;
-    } else if (char === '"') {
-      quoted = true;
-    } else if (char === delimiter) {
-      row.push(field);
-      field = "";
-    } else if (char === "\n") {
-      row.push(field);
-      rows.push(row);
-      row = [];
-      field = "";
-    } else if (char !== "\r") {
-      field += char;
-    }
-  }
-  if (field !== "" || row.length) {
-    row.push(field);
-    rows.push(row);
-  }
-  return rows;
-}
-
-function detectDelimiter(text) {
-  const candidates = [",", ";", "\t", "|"];
-  const first = text.split(/\r?\n/)[0] ?? "";
-  const counts = { ",": 0, ";": 0, "\t": 0, "|": 0 };
-  let quoted = false;
-  for (let i = 0; i < first.length; i++) {
-    const char = first[i];
-    if (char === '"') quoted = !quoted;
-    else if (!quoted && char in counts) counts[char]++;
-  }
-  let best = ",";
-  let bestCount = 0;
-  for (const candidate of candidates) {
-    if (counts[candidate] > bestCount) { bestCount = counts[candidate]; best = candidate; }
-  }
-  return best;
-}
+import { parseDelimited, detectDelimiter } from "../csv.js";
 
 function tile(label) {
   const value = el("span", { class: "wrap-anywhere text-xl font-bold tracking-[-0.02em] tabular-nums" }, "0");