Text content components

These components validate, transform, inspect, or render text. Some components declare a text/* MIME type. Other components use the UTF-8 encoding contract without a more specific MIME type. Download a .wasm file and run it with qipx run, or combine compatible inputs and outputs with the recipe finder.

Markdown (`text/markdown`) #

gfm-commonmark.0.31.2.wasm renders GitHub Flavored Markdown on top of CommonMark 0.31.2.
commonmark.0.31.2.wasm renders CommonMark 0.31.2 as HTML.
extract-title-text.wasm extracts plain text from the first Markdown heading.
markdown-basic.wasm renders the repository's smaller basic Markdown subset as HTML.

Related tool: Markdown to HTML.

HTML (`text/html`) #

Transform

html-accessible-name-unique-validator.wasm rejects duplicate accessible names in the supported interactive-element subset.
html-add-highlight-stylesheet-night-owl.wasm adds the Night Owl syntax-highlight stylesheet.
html-link-extractor.wasm writes each anchor href and its simplified accessible name on one line.
html-page-wrap.wasm wraps an HTML fragment in the repository's page shell.
html-to-accessibility-tree.wasm renders supported HTML as a Markdown accessibility tree.
html-id-reference-validator.wasm rejects same-document ID references that do not resolve to a valid target.
html-unique-id-validator.wasm rejects duplicate id values.
html-wcag-contrast-aa.wasm checks supported foreground and background colors against WCAG AA contrast thresholds.

Syntax highlight

These components highlight matching fenced code blocks and return text/html:

Related tools: syntax highlighter and HTML accessibility tree.

JSON (`application/json`) #

json-prettify.wasm formats JSON with indentation and line breaks.

CSS (`text/css`) #

css-minify.wasm removes comments and unnecessary whitespace. It returns text/css.

Related tools: CSS minifier and CSS expression calculator.

General text #

trim.wasm removes whitespace from the start and end of UTF-8 text.
base64-decode.wasm decodes canonical RFC 4648 Base64 text as bytes.
shortcode-to-emoji.wasm replaces supported emoji shortcodes in text. shortcode-to-emoji-odin.wasm is the Odin implementation.
e164.wasm removes phone-number punctuation and emits an E.164-style number.
hex-to-rgb.wasm converts a hexadecimal color to RGB text.
rgb-to-hex.wasm converts RGB text to a hexadecimal color.
youtube-id-extractor.wasm extracts YouTube video IDs from text.

Validation #

utf8-must-be-valid.wasm accepts valid UTF-8 bytes unchanged and reports the first invalid byte offset. utf8-must-be-valid-odin.wasm is the Odin implementation.
utf8-must-be-ascii.wasm accepts ASCII bytes unchanged and reports the first non-ASCII byte offset.
luhn.wasm validates a number with the Luhn checksum and returns its digits without spaces or hyphens.
tld-validator.wasm validates a top-level domain label.

Unicode 17 #

unicode-17-normalize-nfc.wasm normalizes UTF-8 text to Unicode NFC.
unicode-17-lowercase.wasm applies Unicode default lowercase conversion.
unicode-17-uppercase.wasm applies Unicode default uppercase conversion.

Related tool: Unicode converter.

Text rendering #

text-to-bmp.wasm renders UTF-8 text as a BMP image.
text-to-og-image-font8x8.wasm renders text as a 1200×630 BMP with a small bitmap font.
text-to-og-image-dejavu-sans-mono.wasm renders text as a 1200×630 BMP with DejaVu Sans Mono.
text-to-og-image-svg-inter.wasm renders form-encoded title and subtitle fields as an Open Graph SVG with Inter.
text-to-svg-inter.wasm renders one plain text value as wrapped Inter paths on a transparent, intrinsically sized SVG canvas.
text-to-svg-jetbrains-mono-v2.304.wasm renders one plain text value as wrapped, monospaced JetBrains Mono 2.304 paths without ligatures.
text-to-og-image-svg-dejavu-sans-mono.wasm renders form-encoded title and subtitle fields as an Open Graph SVG with DejaVu Sans Mono.
text-to-path-svg-dejavu-sans-mono.wasm renders text as SVG glyph paths.
text-to-path-svg-dejavu-sans-mono-bold.wasm renders text as bold SVG glyph paths.

Related tool: Open Graph image maker.

Programming languages #

JavaScript (`text/javascript`)

js-syntax-highlight-html.wasm escapes JavaScript and adds eight semantic syntax classes. It returns text/html.
js-to-bmp.wasm renders the supported JavaScript syntax subset to a BMP image.
js-to-bmp2.wasm provides the newer Zig implementation of the same JavaScript-to-BMP pipeline.

See the syntax highlight comparison for its output contract, Shiki oracle, and performance measurements.

C (`text/x-c`)

c-to-bmp.wasm renders the supported C syntax subset to a BMP image.

Dates #

calendar-gregorian.wasm renders a YYYY-MM value as a Monday-first Markdown calendar.

Currency #

iso-4217-alpha-to-numeric.wasm converts an ISO 4217 alphabetic currency code to its numeric code.
currency-format-usd-en-us.wasm formats one decimal value as US English USD.

The locale-specific currency components accept a decimal value. A currency uniform selects the currency:

Related tool: currency formatter.

URI list (`text/uri-list`) #

data-uri-to-css-url.wasm wraps a data URI for use as a CSS url() value.
url-to-qr-svg.wasm renders one URL as an SVG QR code.

Related tools: QR code maker and SVG data URI.

Mermaid (`text/vnd.mermaid`) #

mermaid-to-unicode-html.wasm renders the supported Mermaid subset as Unicode box art in HTML.

Related tool: Mermaid to Unicode box art.

CSV (`text/csv`) #

content-recipe-to-browser-javascript.wasm turns a component-recipe CSV row into browser JavaScript. It returns text/javascript.

Related tool: component recipe finder.

Counts and examples #

wc.wasm counts lines, words, and bytes. wc-odin.wasm is the Odin implementation.
hello.wasm, hello-naive.wasm, hello-c.wasm, hello-zig.wasm, hello-odin.wasm, and hello-assemblyscript.wasm are equivalent small components for implementation and benchmark comparisons.
infinite-loop.wasm is an intentional non-terminating test fixture for host execution limits. Do not use it in a content pipeline.

Looking for raster formats instead? See the image content components.

Text content components

Markdown (text/markdown) #

HTML (text/html) #