pipr.tools
⚡ Pipes
Clean Email Strip formatting from pasted email for clean plain text Clean AI Output Clean plain text from ChatGPT or AI output Decode & Format JWT Decode a JWT and pretty-print header and payload Word Frequency Count word frequency in text
⟐ Data
csv-to-json csv-to-md-table csv-to-table json-flatten json-format json-keys json-minify json-query json-to-csv json-to-toml json-to-yaml sql-format toml-to-json yaml-to-json
</> Web
extract-codeblocks html-to-text md-to-html mermaid-render mustache-render strip-markdown syntax-highlight
{ } Encode
base64-decode base64-encode escape html-decode html-encode jwt-decode qr-encode url-decode url-encode
⇔ Decode
chmod-calc cron-explain nato
# Stats
char-freq token-chunk token-count token-split token-truncate wc word-freq
.* Regex
regex-extract regex-replace
⚡ Gen
ascii-art hash lorem timestamp uuid
◷ Time
epoch-to-human human-to-epoch
Aa Text
case-convert count diff grep head lowercase normalize-quotes number-lines prefix reverse-lines shuffle-lines slugify sort-lines split squeeze strip-ai-slop strip-invisible suffix tail transliterate trim-lines unique-lines uppercase wrap

mermaid-render Render Mermaid diagrams as SVG

</> Web
Input0 chars
Output0 chars

Examples

Render a Mermaid flowchart as SVG

Usage
"graph TD
  A[Start] --> B{Decision}
  B -->|Yes| C[Do someth..." | mermaid-render

Visualize a sales pipeline workflow as a diagram

Usage
"graph LR
  Lead --> Qualified
  Qualified --> Proposal
  Pro..." | mermaid-render

Create a user flow decision tree for a product spec

Usage
"graph TD
  A[User visits site] --> B{Logged in?}
  B -->|Yes..." | mermaid-render
View source 
async (input)=>{
                if (!input.trim()) return "";
                try {
                    const mermaid = await import('mermaid').then(async (m)=>{
                        await m.__tla;
                        return m;
                    });
                    mermaid.default.initialize({
                        startOnLoad: false,
                        theme: "dark"
                    });
                    const id = `mermaid-pipr-${Date.now()}`;
                    const { svg } = await mermaid.default.render(id, input);
                    return svg;
                } catch (e) {
                    return `Error: ${e.message}`;
                }
            }

Dependencies

mermaid npmjs.com/package/mermaid

Suggested Pipelines

$ mermaid-render $ trim-lines | mermaid-render $ mermaid-render | wc

Related Tools

extract-codeblockshtml-to-textmd-to-htmlmustache-renderstrip-markdownsyntax-highlight
← Back to pipr.tools shell