mevebu 1.10.0 → 1.11.0

package/README.md

@@ -2,7 +2,7 @@
 
 # mevebu
 
-**188 free browser tools, one page each. No sign up. No uploads. Everything runs in your tab.**
+**198 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,7 +10,7 @@ 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-188-brightgreen)
+![Tools](https://img.shields.io/badge/tools-198-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)
@@ -23,7 +23,7 @@ A private toolbox for the small jobs that do not deserve a whole app: format JSO
 
 ## What is mevebu?
 
-mevebu is a collection of **188 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 **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.
 
 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.
 
@@ -65,14 +65,14 @@ mevebu tries port `5555` first, then `5678`, then `5432`, and finally any free p
 
 ## What's inside
 
-mevebu has **188 tools in 20 categories**. Here is the full breakdown:
+mevebu has **198 tools in 20 categories**. Here is the full breakdown:
 
 | Category           | Tools |
 | ------------------ | ----: |
 | Random             |     3 |
 | Passwords and keys |    10 |
 | Developer          |    21 |
-| Convert            |     5 |
+| Convert            |    15 |
 | Text and data      |    14 |
 | Daily use          |     8 |
 | Math               |    17 |
@@ -89,7 +89,7 @@ mevebu has **188 tools in 20 categories**. Here is the full breakdown:
 | GitHub             |     8 |
 | Units              |     8 |
 | QR codes           |     2 |
-| **Total**          | **188** |
+| **Total**          | **198** |
 
 The counts come straight from the tool registry, so this table and the app never drift apart.
 
@@ -180,7 +180,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 188 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 198 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.

package/mevebu/app/tailwind.css

@@ -218,6 +218,9 @@
   .inset-0 {
     inset: 0px;
   }
+  .start-1 {
+    inset-inline-start: calc(var(--spacing) * 1);
+  }
   .end-1 {
     inset-inline-end: calc(var(--spacing) * 1);
   }
@@ -421,6 +424,10 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -433,6 +440,10 @@
     width: calc(var(--spacing) * 11);
     height: calc(var(--spacing) * 11);
   }
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
   .size-14 {
     width: calc(var(--spacing) * 14);
     height: calc(var(--spacing) * 14);
@@ -495,6 +506,9 @@
   .h-14 {
     height: calc(var(--spacing) * 14);
   }
+  .h-24 {
+    height: calc(var(--spacing) * 24);
+  }
   .h-\[22px\] {
     height: 22px;
   }
@@ -525,6 +539,9 @@
   .max-h-80 {
     max-height: calc(var(--spacing) * 80);
   }
+  .max-h-\[320px\] {
+    max-height: 320px;
+  }
   .max-h-\[340px\] {
     max-height: 340px;
   }
@@ -603,6 +620,9 @@
   .w-\[min\(640px\,100\%\)\] {
     width: min(640px, 100%);
   }
+  .w-auto {
+    width: auto;
+  }
   .w-full {
     width: 100%;
   }
@@ -642,6 +662,9 @@
   .max-w-\[var\(--bench\)\] {
     max-width: var(--bench);
   }
+  .max-w-full {
+    max-width: 100%;
+  }
   .min-w-0 {
     min-width: 0px;
   }
@@ -657,6 +680,9 @@
   .shrink {
     flex-shrink: 1;
   }
+  .grow {
+    flex-grow: 1;
+  }
   .border-collapse {
     border-collapse: collapse;
   }
@@ -675,6 +701,15 @@
   .scale-\[0\.97\] {
     scale: 0.97;
   }
+  .-rotate-90 {
+    rotate: calc(90deg * -1);
+  }
+  .rotate-90 {
+    rotate: 90deg;
+  }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -705,12 +740,21 @@
   .\[grid-template-columns\:minmax\(90px\,34\%\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(90px,34%) minmax(0,1fr);
   }
+  .\[grid-template-columns\:repeat\(96\,minmax\(0\,1fr\)\)\] {
+    grid-template-columns: repeat(96,minmax(0,1fr));
+  }
   .\[grid-template-columns\:repeat\(auto-fill\,minmax\(92px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fill,minmax(92px,1fr));
   }
+  .\[grid-template-columns\:repeat\(auto-fill\,minmax\(150px\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
+  }
   .\[grid-template-columns\:repeat\(auto-fill\,minmax\(160px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
   }
+  .\[grid-template-columns\:repeat\(auto-fill\,minmax\(170px\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fill,minmax(170px,1fr));
+  }
   .\[grid-template-columns\:repeat\(auto-fit\,minmax\(96px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fit,minmax(96px,1fr));
   }
@@ -750,6 +794,9 @@
   .items-center {
     align-items: center;
   }
+  .items-end {
+    align-items: flex-end;
+  }
   .items-start {
     align-items: flex-start;
   }
@@ -851,6 +898,9 @@
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-\[1px\] {
+    border-radius: 1px;
+  }
   .rounded-\[3px\] {
     border-radius: 3px;
   }
@@ -973,6 +1023,12 @@
   .bg-jade-soft {
     background-color: var(--jade-soft);
   }
+  .bg-jade\/70 {
+    background-color: var(--jade);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--jade) 70%, transparent);
+    }
+  }
   .bg-orbit {
     background-color: var(--orbit);
   }
@@ -997,9 +1053,15 @@
   .bg-\[image\:var\(--caret\)\] {
     background-image: var(--caret);
   }
+  .bg-\[repeating-conic-gradient\(\#0000_0\%_25\%\,var\(--deck-2\)_0\%_50\%\)\] {
+    background-image: repeating-conic-gradient(#0000 0% 25%,var(--deck-2) 0% 50%);
+  }
   .bg-\[length\:14px\] {
     background-size: 14px;
   }
+  .bg-\[length\:16px_16px\] {
+    background-size: 16px 16px;
+  }
   .bg-\[position\:right_12px_center\] {
     background-position: right 12px center;
   }
@@ -1009,6 +1071,9 @@
   .object-contain {
     object-fit: contain;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-0 {
     padding: 0px;
   }
@@ -1027,6 +1092,9 @@
   .p-2\.5 {
     padding: calc(var(--spacing) * 2.5);
   }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
   .p-3\.5 {
     padding: calc(var(--spacing) * 3.5);
   }
@@ -1060,6 +1128,9 @@
   .px-1 {
     padding-inline: var(--spacing);
   }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -1096,6 +1167,9 @@
   .px-\[var\(--margin\)\] {
     padding-inline: var(--margin);
   }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
   .py-1 {
     padding-block: var(--spacing);
   }
@@ -1516,6 +1590,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[width\] {
+    transition-property: width;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-colors {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1704,9 +1783,15 @@
   .disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
   }
+  .disabled\:opacity-40:disabled {
+    opacity: 40%;
+  }
   .disabled\:opacity-45:disabled {
     opacity: 45%;
   }
+  .disabled\:opacity-50:disabled {
+    opacity: 50%;
+  }
   .has-checked\:border-jade:has(:checked) {
     border-color: var(--jade);
   }

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.10.0";
+export const VERSION = "1.11.0";
 export const PACKAGE_NAME = "mevebu";
 export const REPO_SLUG = "mevebu/mevebu";
 

package/mevebu/libs/js/files.js

@@ -0,0 +1,125 @@
+// File plumbing shared by the converter tools: a drop target, a size label, a
+// name without its extension, and an image decoder. Kept here so ten tools do
+// not each grow their own copy.
+import { el, icon } from "./core.js";
+
+export function formatBytes(bytes) {
+  if (!bytes) return "0 B";
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(bytes < 10240 ? 1 : 0)} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+
+export function baseName(name) {
+  return (name || "file").replace(/\.[^.]+$/, "") || "file";
+}
+
+export function extension(name) {
+  const match = /\.([^.]+)$/.exec(name || "");
+  return match ? match[1].toLowerCase() : "";
+}
+
+/** A dashed drop zone. Calls `onFiles` with a FileList or an array of files. */
+export function dropzone({ label, hint = "or choose a file", accept = "", multiple = false, iconName = "image-up" }) {
+  const picker = el("input", { type: "file", accept, multiple, class: "hidden" });
+  const node = el(
+    "div",
+    {
+      class:
+        "grid cursor-pointer justify-items-center gap-1.5 rounded-r2 border border-dashed border-orbit-hard bg-deck-2 px-4 py-7 text-center transition-[border-color,background-color] duration-150 hover:border-jade focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-jade data-[drag]:border-jade data-[drag]:bg-jade-soft",
+      role: "button",
+      tabindex: "0",
+      "aria-label": label,
+    },
+    icon(iconName, "size-6 text-ink-3"),
+    el("p", { class: "text-sm font-semibold" }, label),
+    el("p", { class: "text-2xs text-ink-3" }, hint),
+    picker
+  );
+
+  let handler = () => {};
+  let depth = 0;
+
+  node.addEventListener("click", () => picker.click());
+  node.addEventListener("keydown", (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      picker.click();
+    }
+  });
+  picker.addEventListener("change", () => {
+    if (picker.files?.length) handler(picker.files);
+    picker.value = "";
+  });
+  node.addEventListener("dragenter", (event) => {
+    event.preventDefault();
+    depth++;
+    node.dataset.drag = "";
+  });
+  node.addEventListener("dragover", (event) => event.preventDefault());
+  node.addEventListener("dragleave", () => {
+    depth = Math.max(0, depth - 1);
+    if (!depth) delete node.dataset.drag;
+  });
+  node.addEventListener("drop", (event) => {
+    event.preventDefault();
+    depth = 0;
+    delete node.dataset.drag;
+    const files = Array.from(event.dataTransfer?.files ?? []);
+    if (files.length) handler(files);
+  });
+
+  node.onFiles = (fn) => {
+    handler = fn;
+  };
+  node.picker = picker;
+  return node;
+}
+
+/** Decodes an image file, preferring createImageBitmap and falling back to <img>. */
+export async function decodeImage(file) {
+  if (typeof createImageBitmap === "function") {
+    try {
+      return await createImageBitmap(file, { imageOrientation: "from-image" });
+    } catch {
+      // SVG and a few odd files only decode through an <img>.
+    }
+  }
+  const url = URL.createObjectURL(file);
+  try {
+    const image = new Image();
+    image.decoding = "sync";
+    await new Promise((resolve, reject) => {
+      image.onload = resolve;
+      image.onerror = () => reject(new Error("This file is not an image the browser can read."));
+      image.src = url;
+    });
+    return image;
+  } finally {
+    setTimeout(() => URL.revokeObjectURL(url), 1000);
+  }
+}
+
+export function imageSize(source) {
+  return {
+    width: source.width || source.naturalWidth || 0,
+    height: source.height || source.naturalHeight || 0,
+  };
+}
+
+export function canvasToBlob(canvas, type = "image/png", quality) {
+  return new Promise((resolve, reject) => {
+    canvas.toBlob(
+      (blob) => (blob ? resolve(blob) : reject(new Error("The browser could not write this file."))),
+      type,
+      quality
+    );
+  });
+}
+
+/** Sorts files by name with numbers read as numbers, so page-2 comes before page-10. */
+export function naturalSort(files) {
+  return [...files].sort((a, b) =>
+    a.name.localeCompare(b.name, undefined, { numeric: true, sensitivity: "base" })
+  );
+}

package/mevebu/libs/js/icons.js

@@ -1,5 +1,5 @@
 // GENERATED FILE, DO NOT EDIT.
-// Source: lucide v1.57.0 (ISC), icons/174 names from scripts/vendor-icons.mjs
+// Source: lucide v1.57.0 (ISC), icons/175 names from scripts/vendor-icons.mjs
 // Regenerate with: npm run icons
 
 const D = {
@@ -45,6 +45,7 @@ const D = {
   "download": [ ["path", { d: "M12 15V3" }], ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }], ["path", { d: "m7 10 5 5 5-5" }] ],
   "upload": [ ["path", { d: "M12 3v12" }], ["path", { d: "m17 8-5-5-5 5" }], ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }] ],
   "delete": [ [ "path", { d: "M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z" } ], ["path", { d: "m12 9 6 6" }], ["path", { d: "m18 9-6 6" }] ],
+  "scissors": [ ["circle", { cx: "6", cy: "6", r: "3" }], ["path", { d: "M8.12 8.12 12 12" }], ["path", { d: "M20 4 8.12 15.88" }], ["circle", { cx: "6", cy: "18", r: "3" }], ["path", { d: "M14.8 14.8 20 20" }] ],
   "arrow-left-right": [ ["path", { d: "M8 3 4 7l4 4" }], ["path", { d: "M4 7h16" }], ["path", { d: "m16 21 4-4-4-4" }], ["path", { d: "M20 17H4" }] ],
   "trash": [ ["path", { d: "M10 11v6" }], ["path", { d: "M14 11v6" }], ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }], ["path", { d: "M3 6h18" }], ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }] ],
   "plus": [ ["path", { d: "M5 12h14" }], ["path", { d: "M12 5v14" }] ],

package/mevebu/libs/js/pdf-engine.js

@@ -0,0 +1,67 @@
+// Loaders for the two vendored PDF libraries. Each one is fetched the first time
+// a tool needs it, so opening the index never downloads a PDF engine.
+const PDFJS_URL = new URL("./vendor/pdf.min.mjs", import.meta.url).href;
+const WORKER_URL = new URL("./vendor/pdf.worker.min.mjs", import.meta.url).href;
+const PDFLIB_URL = new URL("./vendor/pdf-lib.min.js", import.meta.url).href;
+
+let pdfjsPromise = null;
+let pdfLibPromise = null;
+
+/** pdf.js, configured to run its worker from this folder, never from a CDN. */
+export function loadPdfjs() {
+  if (!pdfjsPromise) {
+    pdfjsPromise = import(PDFJS_URL).then((module) => {
+      module.GlobalWorkerOptions.workerSrc = WORKER_URL;
+      return module;
+    });
+  }
+  return pdfjsPromise;
+}
+
+/** pdf-lib, which ships as a UMD bundle and lands on `globalThis.PDFLib`. */
+export function loadPdfLib() {
+  if (globalThis.PDFLib) return Promise.resolve(globalThis.PDFLib);
+  if (!pdfLibPromise) {
+    pdfLibPromise = new Promise((resolve, reject) => {
+      const script = document.createElement("script");
+      script.src = PDFLIB_URL;
+      script.onload = () =>
+        globalThis.PDFLib ? resolve(globalThis.PDFLib) : reject(new Error("The PDF writer did not start."));
+      script.onerror = () => reject(new Error("The PDF writer could not be loaded."));
+      document.head.append(script);
+    });
+  }
+  return pdfLibPromise;
+}
+
+export async function readPdfjs(file) {
+  const pdfjs = await loadPdfjs();
+  const bytes = new Uint8Array(await file.arrayBuffer());
+  return pdfjs.getDocument({ data: bytes, isEvalSupported: false }).promise;
+}
+
+export async function readPdfLib(file) {
+  const { PDFDocument } = await loadPdfLib();
+  return PDFDocument.load(await file.arrayBuffer(), { ignoreEncryption: false });
+}
+
+/** "1-3, 7, 10-" against a page count, returning zero based indexes. */
+export function parsePageRange(text, count) {
+  const clean = String(text || "").trim();
+  if (!clean) return Array.from({ length: count }, (_, i) => i);
+  const pages = new Set();
+  for (const part of clean.split(",")) {
+    const piece = part.trim();
+    if (!piece) continue;
+    const match = /^(\d+)?\s*(?:-\s*(\d+)?)?$/.exec(piece);
+    if (!match) throw new Error(`"${piece}" is not a page or a range.`);
+    const from = match[1] ? Number(match[1]) : 1;
+    const to = match[2] ? Number(match[2]) : match[1] ? from : count;
+    if (from < 1 || to < 1) throw new Error("Pages start at 1.");
+    if (from > count || to > count) throw new Error(`This file has ${count} page${count === 1 ? "" : "s"}.`);
+    if (from > to) throw new Error(`"${piece}" runs backwards.`);
+    for (let page = from; page <= to; page++) pages.add(page - 1);
+  }
+  if (!pages.size) throw new Error("That range selects no pages.");
+  return [...pages].sort((a, b) => a - b);
+}

package/mevebu/libs/js/registry.js

@@ -395,6 +395,186 @@ export const TOOLS = [
     keywords: "favicon ico png apple touch icon android manifest icon generator",
     load: () => import("./tools/favicon-converter.js"),
   },
+  {
+    id: "image-to-pdf",
+    category: "convert",
+    name: "Image to PDF",
+    icon: "image-up",
+    note: "Turn images into one PDF.",
+    about: "Pick a page size, drag the images into order, and get one PDF.",
+    tutorial: {
+      intro: "Turn one image or a set into a single PDF.",
+      steps: [
+        "Drop the images and drag them into the order you want.",
+        "Pick A4 or Letter, a margin, and whether each image fits inside the page or fills it.",
+        "Press Build PDF. The file downloads from this tab.",
+      ],
+    },
+    keywords: "image to pdf jpg to pdf png to pdf photo to pdf combine images document",
+    load: () => import("./tools/image-to-pdf.js"),
+  },
+  {
+    id: "pdf-to-image",
+    category: "convert",
+    name: "PDF to Image",
+    icon: "file-text",
+    note: "Render every page as a PNG or JPEG.",
+    about: "Choose a page range and a scale, then take the pages as a ZIP of images.",
+    tutorial: {
+      intro: "Every page of a PDF as its own image.",
+      steps: [
+        "Drop a PDF. A preview of the first pages appears.",
+        "Set the range, the format, and the scale. 2x is a sharp screen size.",
+        "Press Download ZIP for one image per page.",
+      ],
+    },
+    keywords: "pdf to image pdf to png pdf to jpg render page screenshot",
+    load: () => import("./tools/pdf-to-image.js"),
+  },
+  {
+    id: "pdf-merge",
+    category: "convert",
+    name: "PDF Merge",
+    icon: "combine",
+    note: "Join several PDFs into one.",
+    about: "Files merge from top to bottom, and the pages stay as they were.",
+    tutorial: {
+      intro: "Combine PDFs without re-rendering them.",
+      steps: [
+        "Drop two or more PDFs.",
+        "Drag or use the arrows to set the order.",
+        "Press Merge PDFs. Text stays selectable because the pages are copied, not redrawn.",
+      ],
+    },
+    keywords: "merge pdf combine pdf join pdf append document",
+    load: () => import("./tools/pdf-merge.js"),
+  },
+  {
+    id: "pdf-split",
+    category: "convert",
+    name: "PDF Split",
+    icon: "scissors",
+    note: "Cut one PDF into parts.",
+    about: "Split by range, by a fixed page count, or one file per page.",
+    tutorial: {
+      intro: "Turn one PDF into several files.",
+      steps: [
+        "Drop a PDF.",
+        "Pick By range, Every N pages, or One per page.",
+        "Press Split and download for a ZIP of the parts.",
+      ],
+    },
+    keywords: "split pdf cut pdf separate pages extract range",
+    load: () => import("./tools/pdf-split.js"),
+  },
+  {
+    id: "pdf-to-text",
+    category: "convert",
+    name: "PDF to Text",
+    icon: "text-search",
+    note: "Copy the text out of a PDF.",
+    about: "Each page is labelled, so the order survives the copy.",
+    tutorial: {
+      intro: "Read the text layer of a PDF.",
+      steps: [
+        "Drop a PDF.",
+        "Set a page range, or leave it empty for every page.",
+        "Press Extract text, then copy it or download a .txt. A scan has no text layer, and the tool says so.",
+      ],
+    },
+    keywords: "pdf to text extract text copy pdf txt document",
+    load: () => import("./tools/pdf-to-text.js"),
+  },
+  {
+    id: "pdf-organizer",
+    category: "convert",
+    name: "PDF Page Organizer",
+    icon: "layout-grid",
+    note: "Reorder, rotate and delete pages.",
+    about: "Every page is a thumbnail. Drag it, turn it, or drop it.",
+    tutorial: {
+      intro: "Rearrange a PDF page by page.",
+      steps: [
+        "Drop a PDF and wait for the thumbnails.",
+        "Drag a page to move it, use the arrows, rotate it, or delete it.",
+        "Press Save PDF. Your original file is never touched.",
+      ],
+    },
+    keywords: "reorder pdf rotate pdf delete page organize pages arrange",
+    load: () => import("./tools/pdf-organizer.js"),
+  },
+  {
+    id: "text-to-pdf",
+    category: "convert",
+    name: "Text to PDF",
+    icon: "file-text",
+    note: "Turn plain text into a clean PDF.",
+    about: "Wrapped lines, real page breaks, selectable text.",
+    tutorial: {
+      intro: "Paste text and get a PDF.",
+      steps: [
+        "Paste the text and add an optional title.",
+        "Pick a page size, margin, font size and line height.",
+        "Press Build PDF. Long lines wrap and long text breaks onto new pages.",
+      ],
+    },
+    keywords: "text to pdf txt to pdf write document page break",
+    load: () => import("./tools/text-to-pdf.js"),
+  },
+  {
+    id: "svg-to-png",
+    category: "convert",
+    name: "SVG to PNG",
+    icon: "image-up",
+    note: "Render an SVG at any pixel size.",
+    about: "Drawn at the size you ask for, so the PNG stays sharp.",
+    tutorial: {
+      intro: "Turn a vector into a PNG.",
+      steps: [
+        "Drop an SVG.",
+        "Set the width and height, or pick a preset.",
+        "Choose a transparent or solid background, then download the PNG.",
+      ],
+    },
+    keywords: "svg to png vector rasterize icon export",
+    load: () => import("./tools/svg-to-png.js"),
+  },
+  {
+    id: "audio-converter",
+    category: "convert",
+    name: "Audio Converter",
+    icon: "activity",
+    note: "Convert audio to WAV.",
+    about: "Resample, trim and normalize, then write 16 bit PCM.",
+    tutorial: {
+      intro: "Decode an audio file and write a clean WAV.",
+      steps: [
+        "Drop an audio file the browser can decode.",
+        "Pick a sample rate and mono or stereo, then trim if you need to.",
+        "Press Convert to WAV.",
+      ],
+    },
+    keywords: "audio converter wav mp3 ogg flac resample normalize trim",
+    load: () => import("./tools/audio-converter.js"),
+  },
+  {
+    id: "video-converter",
+    category: "convert",
+    name: "Video Converter",
+    icon: "video",
+    note: "Convert a video to WebM.",
+    about: "Or pull the audio track out as Opus.",
+    tutorial: {
+      intro: "Record a video into WebM, or take its audio.",
+      steps: [
+        "Drop a video the browser can play.",
+        "Pick WebM video or audio only, a resolution and a bitrate.",
+        "Press Convert and leave the tab in front. Recording runs at real time.",
+      ],
+    },
+    keywords: "video converter webm mp4 opus audio track extract transcode",
+    load: () => import("./tools/video-converter.js"),
+  },
 
   {
     id: "lorem-ipsum",