mimeforge 0.0.0-stage → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# Changelog
+
+All notable changes are listed here. The format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and the
+project uses [Semantic Versioning](https://semver.org/).
+
+## [0.1.0] - 2026-10-07
+
+First release.
+
+- 24 bundled icon bodies and a bitmap label font (Monogram, CC0)
+- ~1,365 extensions mapped to categories from mime-db plus curated mappings
+- CLI: `--all`, `--list`, `--test-run`, `--font`, `--body`, `--color`, `--colors`, `--accent`, `--label-case`, `--no-label`,
+  `--png`, `--config`
+- Library API: `renderIcon`, `loadFont`, `loadBodies`, `createPalette` and friends
+- Pluggable fonts (bitmap JSON, TTF, OTF, WOFF), bodies (directory or single SVG) and colors (per category or extension)

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Levent Kurt
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,292 @@
-# Temporary Holding Version
+# MimeForge
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+[![CI](https://github.com/reachdevel/mimeforge/actions/workflows/ci.yml/badge.svg)](https://github.com/reachdevel/mimeforge/actions/workflows/ci.yml) [![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
+
+**Generate file-type icons as SVG from a file extension.**
+A page with a type emblem and a colored extension label (`PDF`, `DOCX`, `ROM`, …), ready to drop into a file
+browser, a download list or a docs site.
+
+![MimeForge icons: one per category](docs/preview.svg)
+
+- **Tiny and crisp:** ~1.3 KB per icon, plain SVG shapes, no fonts or scripts, identical output on every run.
+- **~1,365 known extensions** in 24 categories (via [mime-db](https://github.com/jshttp/mime-db) plus our own mappings). Anything unknown gets a generic icon (a question mark).
+- **Size is up to you:** the SVG scales to any size, `<img src="pdf.svg" width="16">` or `width="1024"`.
+- **Everything is swappable:** colors, label font, and the icon bodies themselves.
+
+## Why MimeForge exists
+
+I needed file-type icons as **SVG**, and finding them turned out to be harder than it should be. The projects I could
+find either shipped a fixed set of PNGs or generated PNGs, which means one file per size (16, 20, 32, 48, …) and blurry
+results as soon as the size you need is not one of them. Their code was old, too, and a missing extension meant a
+missing icon.
+
+MimeForge starts from the other end: one small SVG per extension, generated on demand for any of the ~1,365
+extensions it knows (and a sensible fallback for the rest). The size is a choice you make in your HTML, not something
+baked into a file. Colors, fonts and the icon bodies are all replaceable, so it can match your product instead of the
+other way around.
+
+And, frankly, why not? :)
+
+## Contents
+
+[Quick start](#quick-start) · [Everyday use](#everyday-use) · [Customize](#customize) ([colors](#change-colors) · [label](#change-the-label) · [font](#change-the-font) · [bodies](#change-the-bodies) · [config file](#use-a-config-file) · [PNG](#export-png)) · [Edge cases](#edge-cases) · [Library API](#library-api) · [CLI reference](#cli-reference) · [Categories](#categories) · [Development](#development)
+
+## Quick start
+
+Requires Node.js 20 or newer.
+
+```bash
+npx mimeforge pdf docx webm -o icons     # no install needed
+npm i mimeforge                          # or add it to a project (CLI + library)
+```
+
+To work from source instead:
+
+```bash
+git clone https://github.com/reachdevel/mimeforge.git
+cd mimeforge
+npm install          # also builds the project
+node dist/cli.js pdf docx webm -o icons
+```
+
+This writes `icons/pdf.svg`, `icons/docx.svg` and `icons/webm.svg`. Use them like any image:
+
+```html
+<img src="icons/pdf.svg" width="32" height="32" alt="PDF">
+```
+
+The examples below use `mimeforge`. Install it globally with `npm i -g mimeforge`, use `npx mimeforge`, or (from a
+source checkout) run `npm link` once or replace `mimeforge` with `node dist/cli.js`.
+
+## Everyday use
+
+```bash
+mimeforge pdf docx webm -o icons        # a few icons
+mimeforge --all -o icons                # every known extension, plus icons/manifest.json (ext → category)
+mimeforge --list                        # which extension gets which category
+mimeforge --test-run                    # visual check, see below
+```
+
+**See what you get:** `mimeforge --test-run` writes `out/test-run/index.html`. Open it in a browser. It shows one icon
+per category, with its color, at 16, 48 and 128 px as plain `<img>` tags, plus a label-length stress test. It accepts
+all the options below (`--font`, `--body`, `--color`, …), so it is the quickest way to preview your changes.
+
+Extensions are case-insensitive and a leading dot is fine: `mimeforge .PDF` is the same as `mimeforge pdf`.
+
+## Customize
+
+### Change colors
+
+Every category has a default accent color. Override it per category, per extension, or for everything:
+
+```bash
+mimeforge pdf docx --color pdf=#0a7 --color .docx=#c06 -o icons   # category pdf, and only the extension .docx
+mimeforge --all --accent '#3366cc' -o icons                       # one color for every icon
+mimeforge --all --colors my-colors.json -o icons                  # many overrides from a file
+```
+
+`my-colors.json`:
+
+```json
+{ "pdf": "#d64545", "archive": "#996600", ".docx": "#2b6cb0" }
+```
+
+Keys without a dot are categories (see [Categories](#categories)); keys starting with a dot are single extensions.
+Priority: `--accent` > extension color > category color > default. Colors are `#rgb` or `#rrggbb`.
+
+The lighter tint inside the emblems is derived from the accent automatically, and the label text switches
+between white and dark ink so it stays readable on light accents (like `kml`'s yellow-green).
+
+### Change the label
+
+```bash
+mimeforge pdf --label-case lower -o icons   # "pdf" instead of "PDF"
+mimeforge --all --no-label -o icons         # bodies only, no extension text
+```
+
+Custom label text (e.g. `WORD` on a `.docx` icon) is available through the [library API](#library-api).
+
+### Change the font
+
+The label font is pluggable. The default is [Monogram](https://datagoblin.itch.io/monogram), a CC0 pixel font.
+
+```bash
+mimeforge --test-run --font ./fonts/Inter-Bold.ttf        # any .ttf, .otf or .woff file
+mimeforge --all --font ./my-pixel-font.json -o icons      # a bitmap font in the JSON format below
+```
+
+- **Outline fonts** (`.ttf`, `.otf`, `.woff`; not `.woff2`): glyph outlines are converted to SVG paths and scaled so the
+  capital height fits the label. Nothing is embedded, so the icons do not need the font installed.
+- **Bitmap fonts** (`.json`): drawn as crisp rectangles. Tiny example, a 3×3 font with two letters:
+
+  ```json
+  {
+    "name": "Tiny",
+    "cols": 3, "rows": 3, "advance": 4,
+    "glyphs": {
+      "A": ["###", "#.#", "#.#"],
+      "B": ["##.", "###", "##."]
+    }
+  }
+  ```
+
+  `advance` is the distance between letters in cells; every glyph has `rows` strings of `cols` characters
+  (`#` = filled). Optional `descender` adds rows below the baseline. See [docs/fonts.md](docs/fonts.md).
+
+Check the font's license before you ship icons made with it.
+
+### Change the bodies
+
+A *body* is the SVG with the page shape and the type emblem. Point `--body` at a directory of `<category>.svg` files
+or at a single SVG that is used for every type:
+
+```bash
+mimeforge --test-run --body ./my-bodies             # my-bodies/pdf.svg, my-bodies/code.svg, ...
+mimeforge --all --body ./one-shape.svg -o icons     # the same body for everything
+```
+
+Categories you do not provide fall back to your `generic.svg`, then to the bundled body. A body only has to follow a
+few rules (a 32×32 viewBox and two placeholder colors that MimeForge replaces with the accent). The rules, a ready-made
+skeleton and a prompt for generating bodies with an AI design tool are in [docs/bodies.md](docs/bodies.md).
+MimeForge prints a warning when a body breaks the rules.
+
+### Use a config file
+
+Put a `mimeforge.config.json` in the folder you run MimeForge from (or pass `--config path`) so you do not repeat flags:
+
+```json
+{
+  "out": "icons",
+  "font": "./fonts/Inter-Bold.ttf",
+  "body": "./my-bodies",
+  "colors": { "pdf": "#d64545", ".docx": "#2b6cb0" },
+  "labelCase": "upper",
+  "png": [16, 32, 48]
+}
+```
+
+Relative paths are resolved against the config file. Command-line flags win over the file.
+
+### Export PNG
+
+SVG is the primary output, but some systems need raster images:
+
+```bash
+mimeforge pdf docx --png 16,20,32,48 -o icons
+```
+
+writes `icons/pdf.svg` and `icons/16/pdf.png`, `icons/20/pdf.png`, … Any size works. PNG export uses the
+optional dependency `@resvg/resvg-js` (installed by default; if it is missing, MimeForge tells you).
+
+## Edge cases
+
+| Situation | What happens |
+|---|---|
+| Unknown extension (`mimeforge xyz`) | generic body (question mark) with the label `XYZ` |
+| Long extension (`webmanifest`) | up to 6 letters are drawn at full size; longer text is scaled down proportionally to fit the label, and below about a third of the size letters are dropped from the end |
+| Light accent color | label text switches to a dark ink when white would have less than 3:1 contrast |
+| Character the font does not have | skipped |
+| Extension with several mime types (`mp4`) | the first mime type that maps to a category wins |
+| Same input twice | byte-identical SVG |
+| Wrong path or option | `error: …` on stderr and exit code 1 |
+
+How crisp the label looks: the default pixel font is aligned to a grid that matches a 48 px rendering, so the label
+is perfectly sharp when an icon is shown at 48, 96, 144 px, … and still clean (just antialiased) at other sizes.
+Outline fonts have no such grid.
+
+An extension lands in the wrong category? See [docs/categories.md](docs/categories.md) for how the mapping works and
+how to change it.
+
+## Library API
+
+```ts
+import { renderIcon, loadFont, loadBodies, createPalette } from 'mimeforge';
+
+renderIcon('pdf').svg;                                    // SVG string
+renderIcon('docx', { accent: '#0a7', label: 'WORD' }).svg; // custom accent and label text
+
+renderIcon('xyz', {
+  font: loadFont('./fonts/Inter-Bold.ttf'),
+  bodies: loadBodies('./my-bodies'),
+  palette: createPalette({ pdf: '#d00', '.zip': '#fa0' }),
+  category: 'archive',            // skip the lookup and force a category
+  labelCase: 'lower',             // 'upper' (default) | 'lower' | 'none'
+});
+```
+
+`renderIcon` returns `{ svg, ext, category, accent }`. Other exports: `categoryFor`, `allExtensions`, `CATEGORIES`,
+`DEFAULT_PALETTE`, `validateBody`, `renderLabel`, `bitmapFont`, `outlineFont` (see `src/index.ts`).
+The package is ESM only.
+
+## CLI reference
+
+```
+mimeforge <ext...> [options]        write <out>/<ext>.svg for the given extensions
+mimeforge --all [options]           every known extension + manifest.json
+mimeforge --test-run [options]      HTML preview page (default dir: out/test-run)
+```
+
+| Option | Description |
+|---|---|
+| `-o, --out <dir>` | output directory (default `out`) |
+| `--font <spec>` | `monogram` (default), a `.ttf`/`.otf`/`.woff` file, or a bitmap-font `.json` |
+| `--body <path>` | a directory of `<category>.svg` files, or one `.svg` for every type |
+| `--color <key=#hex>` | accent for a category (`pdf=#0a7`) or an extension (`.docx=#c06`); repeatable |
+| `--colors <file>` | the same overrides as a JSON object |
+| `--accent <#hex>` | one accent for every icon |
+| `--label-case <upper\|lower\|none>` | label text case: `upper` (default), `lower`, or `none` (leave the text as is, which is the lowercase extension) |
+| `--no-label` | draw bodies only |
+| `--png <sizes>` | also write PNGs, e.g. `16,32,48`, to `<out>/<size>/<ext>.png` |
+| `--config <file>` | JSON config (default `./mimeforge.config.json` if it exists) |
+| `--list` | print `extension category` for every known extension |
+| `-h, --help`, `-v, --version` | |
+
+## Categories
+
+| Category | Emblem | Examples |
+|---|---|---|
+| `generic` | question mark | unknown or rare formats |
+| `text` | text lines | `txt` `md` `log` `ini` `tex` |
+| `code` | `</>` | `py` `js` `ts` `html` `css` `sh` |
+| `data` | `{ }` | `json` `yaml` `xml` `toml` `nt` |
+| `pdf` | flame | `pdf` `ps` `xps` `fdf` |
+| `word` | W | `docx` `doc` `odt` `rtf` `wpd` |
+| `sheet` | table | `xlsx` `csv` `ods` `numbers` |
+| `slides` | bar chart | `pptx` `odp` `key` |
+| `image` | landscape | `png` `jpg` `gif` `svg` `webp` |
+| `audio` | music note | `mp3` `wav` `flac` `m4a` |
+| `video` | play button | `mp4` `mov` `webm` `mkv` |
+| `archive` | zipper | `zip` `tar` `gz` `7z` `apk` `deb` |
+| `font` | letter A | `ttf` `otf` `woff2` |
+| `ebook` | open book | `epub` `mobi` `cbz` |
+| `database` | cylinder | `sqlite` `sql` `mdb` |
+| `executable` | terminal prompt | `exe` `dll` `msi` `class` |
+| `security` | padlock | `pem` `crt` `gpg` `kdbx` |
+| `model3d` | cube | `glb` `stl` `obj` `fbx` |
+| `geo` | map pin | `kml` `gpx` `geojson` `shp` |
+| `mail` | envelope | `eml` `ics` `vcf` `mbox` |
+| `science` | flask | `fits` `nc` `cif` `mat` |
+| `disk` | hard drive | `iso` `dmg` `vmdk` `vhd` |
+| `design` | pen nib | `psd` `ai` `sketch` `fig` `indd` |
+| `game` | gamepad | `rom` `nes` `wad` `sav` `swf` |
+
+Default colors live in `src/palette.ts`. The category list and the extension mapping are described in
+[docs/categories.md](docs/categories.md).
+
+## Development
+
+```bash
+npm install            # installs and builds
+npm test               # vitest
+npm run dev -- pdf     # run the CLI from source (tsx)
+npm run test-run       # build the HTML preview from source
+npm run preview        # regenerate docs/preview.svg (after npm run build)
+```
+
+Project layout: `src/` (TypeScript, ESM), `assets/bodies/` (the 24 bundled bodies), `assets/fonts/` (Monogram as a
+bitmap table), `tests/`, `docs/`, `third_party/` (font source and license texts).
+See [CONTRIBUTING.md](CONTRIBUTING.md) to contribute.
+
+## License
+
+© 2026 Levent Kurt. [MIT](LICENSE). Third-party material (Monogram font, mime-db) is listed in [THIRD_PARTY.md](THIRD_PARTY.md).

package/THIRD_PARTY.md

@@ -0,0 +1,10 @@
+# Third-party material
+
+| Component | Used for | License |
+|---|---|---|
+| **[Monogram](https://datagoblin.itch.io/monogram)** pixel font by Vinícius Menézio (datagoblin) | default label font. The glyph bitmaps are in `assets/fonts/monogram.json`; the source TTF and its credits are in `third_party/monogram/` | CC0 1.0 (public domain dedication) |
+| **[mime-db](https://github.com/jshttp/mime-db)** | extension → mime type table (runtime dependency) | MIT, see `third_party/MIME-DB-LICENSE` |
+| **[opentype.js](https://github.com/opentypejs/opentype.js)** | reading TTF/OTF/WOFF fonts for `--font` (runtime dependency) | MIT |
+| **[resvg-js](https://github.com/yisibl/resvg-js)** | optional PNG export (optional dependency) | MPL-2.0 |
+
+The icon bodies in `assets/bodies/` were created for this project and are covered by the project's MIT license.

package/assets/bodies/archive.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M13 6h3v2h-3z M16 8h3v2h-3z M13 10h3v2h-3z M16 12h3v2h-3z" fill="#FF00FF"/>
+<rect x="12" y="16" width="8" height="2" rx="1" fill="#FF00FF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/audio.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<circle cx="13" cy="15" r="3" fill="#FF00FF"/>
+<rect x="14" y="7" width="2" height="8" rx="0" fill="#FF00FF"/>
+<path d="M15 7.5Q21 8 20 13" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/code.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M11.5 7L10 12L11.5 17" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.5 7L22 12L20.5 17" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.7 7L15.3 17" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/data.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M14 7Q12 7 12 9.5V10.5Q12 12 10 12Q12 12 12 13.5V14.5Q12 17 14 17" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 7Q20 7 20 9.5V10.5Q20 12 22 12Q20 12 20 13.5V14.5Q20 17 18 17" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/database.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M9 10.5V15.5A7 2.5 0 0 0 23 15.5V10.5Z" fill="#FF99FF"/>
+<ellipse cx="16" cy="10.5" rx="7" ry="2.5" fill="#FF00FF"/>
+<path d="M9 12.8A7 2.5 0 0 0 23 12.8V14.8A7 2.5 0 0 1 9 14.8Z" fill="#FF00FF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/design.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<polygon points="12.5,6 19.5,6 20,8 12,8" fill="#FF99FF"/>
+<path d="M12.2 10H19.8L20.5 13L16 18L11.5 13Z" fill="#FF00FF"/>
+<rect x="15.3" y="12.8" width="1.4" height="5.2" rx="0" fill="#FFFFFF"/>
+<circle cx="16" cy="12.8" r="1.5" fill="#FFFFFF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/disk.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<rect x="9" y="6" width="14" height="12" rx="2" fill="#FF00FF"/>
+<circle cx="14.5" cy="12" r="4" fill="#FF99FF"/>
+<circle cx="14.5" cy="12" r="1" fill="#FF00FF"/>
+<path d="M20 15.5L17.2 12.4" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+<circle cx="20" cy="15.5" r="1.5" fill="#FFFFFF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/ebook.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M9 10Q12 8.5 15 10V18Q12 16 9 18Z" fill="#FF00FF"/>
+<path d="M23 10Q20 8.5 17 10V18Q20 16 23 18Z" fill="#FF00FF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/executable.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M10.5 8L15 12.5L10.5 17" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17 17H22" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/font.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M11 17L16 7L21 17M13.3 13H18.7" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 16h6v2H9z M17 16h6v2h-6z" fill="#FF00FF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/game.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M13 7.5H19C21.5 7.5 23 9.5 23 12.5C23 15.5 21.5 17.5 19.5 17.5C18 17.5 17.5 15.5 16 15.5C14.5 15.5 14 17.5 12.5 17.5C10.5 17.5 9 15.5 9 12.5C9 9.5 10.5 7.5 13 7.5Z" fill="#FF00FF"/>
+<polygon points="11.6,9.9 13.6,9.9 13.6,11.2 14.9,11.2 14.9,13.2 13.6,13.2 13.6,14.5 11.6,14.5 11.6,13.2 10.3,13.2 10.3,11.2 11.6,11.2" fill="#FFFFFF"/>
+<circle cx="18.8" cy="9.9" r="1" fill="#FFFFFF"/>
+<circle cx="18.8" cy="14.5" r="1" fill="#FFFFFF"/>
+<circle cx="16.5" cy="12.2" r="1" fill="#FFFFFF"/>
+<circle cx="21.1" cy="12.2" r="1" fill="#FFFFFF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/generic.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M13 10A3 3 0 0 1 19 10C19 11.8 16 11.5 16 13" fill="none" stroke="#FF00FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="16" cy="17" r="1" fill="#FF00FF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/geo.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M16 18C14 15.5 11 13.5 11 11A5 5 0 0 1 21 11C21 13.5 18 15.5 16 18Z" fill="#FF00FF"/>
+<circle cx="16" cy="11" r="2" fill="#FFFFFF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/image.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<rect x="9" y="9" width="14" height="9" rx="2" fill="#FF99FF"/>
+<polygon points="11,18 15,11.5 19,18" fill="#FF00FF"/>
+<circle cx="20" cy="12.5" r="1.5" fill="#FF00FF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/mail.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<rect x="9" y="9.5" width="14" height="8.5" rx="2" fill="#FF00FF"/>
+<polygon points="11.2,9.5 20.8,9.5 16,14.5" fill="#FF99FF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/model3d.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<polygon points="16,7 20.76,9.75 20.76,15.25 16,18 11.24,15.25 11.24,9.75" fill="#FF00FF"/>
+<polygon points="16,7 20.76,9.75 16,12.5 11.24,9.75" fill="#FF99FF"/>
+<path d="M16 12.5L11.24 9.75M16 12.5L20.76 9.75M16 12.5V18" fill="none" stroke="#FFFFFF" stroke-width="2"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/pdf.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M16 6C18.8 9.5 22.5 11.5 22.5 14.5C22.5 16.8 19.6 18 16 18C12.4 18 9.5 16.8 9.5 14.5C9.5 11.5 13.2 9.5 16 6Z" fill="#FF00FF"/>
+<path d="M16 11C17.8 12.8 19 13.8 19 15C19 16 17.7 16.6 16 16.6C14.3 16.6 13 16 13 15C13 13.8 14.2 12.8 16 11Z" fill="#FF99FF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>

package/assets/bodies/science.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<g id="page">
+<path d="M7.5 2.5H19.5L26.5 9.5V27.5A2 2 0 0 1 24.5 29.5H7.5A2 2 0 0 1 5.5 27.5V4.5A2 2 0 0 1 7.5 2.5Z" fill="#FFFFFF" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+<g id="emblem">
+<path d="M13.5 6H18.5V11.5L22.5 17Q23 18 22 18H10Q9 18 9.5 17L13.5 11.5Z" fill="#FF99FF"/>
+<path d="M11.3 14.5H20.7L22.5 17Q23 18 22 18H10Q9 18 9.5 17Z" fill="#FF00FF"/>
+</g>
+<g id="fold">
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="#E3E7EB"/>
+<path d="M19.5 2.5V7.5Q19.5 9.5 21.5 9.5H26.5Z" fill="none" stroke="#B8BFC7" stroke-linejoin="round"/>
+</g>
+</svg>