Diagram/Kroki: Difference between revisions

From Chorke Wiki
Jump to navigation Jump to search
← Older edit
VisualWikitext
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
{|class='wikitable' style='width:100%;margin:-11px 0 6px 0'
{|class='wikitable'
|valign='top'|
|valign='top'|
<syntaxhighlight style='margin:3px 0' lang='bash'>
<syntaxhighlight lang='bash'>
cat <<'EXE' | sudo bash
cat <<'EXE' | sudo bash
KROKI_ARCH="$(echo "$(uname -s)_$(dpkg --print-architecture)"|tr '[:upper:]' '[:lower:]')"
KROKI_ARCH="$(echo "$(uname -s)_$(dpkg --print-architecture)"|tr '[:upper:]' '[:lower:]')"
Line 17: Line 17:


==Kroki » Config==
==Kroki » Config==
{|class='wikitable mw-collapsible' style='width:100%;margin:3px 0'
{|class='wikitable mw-collapsible'
!scope='col' style='text-align:left' colspan='2'|
!scope='col' style='text-align:left' colspan='2'|
Kroki » Config
Kroki » Config
|-
|-
|valign='top' colspan='2'|
|valign='top' colspan='2'|
<syntaxhighlight style='margin:3px 0' lang='yaml'>
<syntaxhighlight lang='yaml'>
cat <<'YML' | tee ${HOME}/kroki.yml >/dev/null
cat <<'YML' | tee ${HOME}/kroki.yml >/dev/null
---
---
Line 31: Line 31:
|-
|-
|valign='top' style='width:50%'|
|valign='top' style='width:50%'|
<syntaxhighlight style='margin:3px 0' lang='yaml'>
<syntaxhighlight lang='yaml'>
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode /dev/stdin
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode /dev/stdin
---
---
Line 49: Line 49:


|valign='top' style='width:50%'|
|valign='top' style='width:50%'|
<syntaxhighlight style='margin:3px 0' lang='yaml'>
<syntaxhighlight lang='yaml'>
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode -
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode -
---
---
Line 65: Line 65:
setsid open            https://kroki.io/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
setsid open            https://kroki.io/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
</syntaxhighlight>
</syntaxhighlight>
|}
==Kroki » Cloud==
{|class='wikitable mw-collapsible'
!scope='col' style='text-align:left' colspan='2'|
Kroki » Cloud
|-
|valign='top' style='width:50%'|
<syntaxhighlight lang='yaml'>
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode /dev/stdin
---
config:
  theme: dark
---
flowchart TB
    Internet((Internet))
    Cloudflare[Cloudflare Edge<br/>Argo Tunnel]
    subgraph AWS["AWS Region"]
        subgraph VPC["VPC (Private Network 10.0.0.0/16)"]
            IGW[Internet Gateway]
            subgraph Subnet["Private Subnet 10.0.1.0/24"]
                EC2A[EC2 Instance 1<br/>cloudflared]
                EC2B[EC2 Instance 2<br/>cloudflared]
                EC2C[EC2 Instance 3<br/>cloudflared]
            end
            SG[Security Group<br/>Inbound: 80,443<br/>No SSH]
        end
    end
    Internet -->|HTTP/HTTPS 80,443| Cloudflare
    Cloudflare -->|Zero Trust| EC2A
    Cloudflare -->|Zero Trust| EC2B
    Cloudflare -->|Zero Trust| EC2C
    IGW -->|80/443 Only| Subnet
    EC2A -.->|Outbound TLS| Cloudflare
    EC2B -.->|Outbound TLS| Cloudflare
    EC2C -.->|Outbound TLS| Cloudflare
    SG --- EC2A
    SG --- EC2B
    SG --- EC2C
    PG --- EC2A
    PG --- EC2B
    PG --- EC2C
MMD
)"
setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
setsid open            https://kroki.io/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
</syntaxhighlight>
|valign='top' style='width:50%'|
|}
==Kroki » K8s » Reloader==
{|class='wikitable mw-collapsible'
!scope='col' style='text-align:left' colspan='2'|
Kroki » K8s » Reloader
|-
|valign='top' style='width:50%'|
<syntaxhighlight lang='yaml'>
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode /dev/stdin
---
config:
  theme: neutral
---
flowchart LR
  ExternalSecret -->|Creates| Secret
  SealedSecret -->|Creates| Secret
  Certificate -->|Creates| Secret
  Secret -->|Watched by| Reloader
  ConfigMap -->|Watched by| Reloader
  Reloader -->|Triggers Rollout| Deployment
  Reloader -->|Triggers Rollout| DeploymentConfig
  Reloader -->|Triggers Rollout| Daemonset
  Reloader -->|Triggers Rollout| Statefulset
  Reloader -->|Triggers Rollout| ArgoRollout
  Reloader -->|Triggers Job| CronJob
  Reloader -->|Sends Notification| Slack
  Reloader -->|Sends Notification| Teams
  Reloader -->|Sends Notification| Webhook
MMD
)"
setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
setsid open            https://kroki.io/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
</syntaxhighlight>
|valign='top' style='width:50%'|
|}
|}


==References==
==References==
{|class='wikitable mw-collapsible' style='width:100%;margin:3px 0'
{|class='wikitable mw-collapsible'
!scope='col' style='text-align:left' colspan='3'|
!scope='col' style='text-align:left' colspan='3'|
References
References

Latest revision as of 05:45, 25 January 2026

cat <<'EXE' | sudo bash
KROKI_ARCH="$(echo "$(uname -s)_$(dpkg --print-architecture)"|tr '[:upper:]' '[:lower:]')"
KROKI_HOME="/opt/cli/$(echo "restic-$(uname -s)-$(dpkg --print-architecture)"|tr '[:upper:]' '[:lower:]')"
KROKI_VERSION=$(curl -s https://api.github.com/repos/yuzutech/kroki-cli/releases/latest | grep -Po '"tag_name": "v\K[^"]*')
curl -fsSLo kroki.tar.gz https://github.com/yuzutech/kroki-cli/releases/download/v${KROKI_VERSION}/kroki-cli_${KROKI_VERSION}_${KROKI_ARCH}.tar.gz
tar   xf    kroki.tar.gz kroki && install kroki /usr/local/bin
rm   -rf    kroki.tar.gz kroki
EXE

kroki version
which kroki

Kroki » Config

Kroki » Config 

cat <<'YML' | tee ${HOME}/kroki.yml >/dev/null
---
endpoint: https://kroki.shahed.biz.ops
timeout: 30s
YML

BASE64_SCHEME="$(cat <<-'MMD' | kroki encode /dev/stdin
---
config:
  theme: forest
---
graph TD
  A[Client] --> B[Ingress]
  B --> C[Kroki]
  C --> D[Mermaid Renderer]
MMD
)"

setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
setsid open             https://kroki.io/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &

BASE64_SCHEME="$(cat <<-'MMD' | kroki encode -
---
config:
  theme: neutral
---
graph TD
  A[Client] --> B[Ingress]
  B --> C[Kroki]
  C --> D[Mermaid Renderer]
MMD
)"

setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
setsid open             https://kroki.io/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &

Kroki » Cloud

Kroki » Cloud 

BASE64_SCHEME="$(cat <<-'MMD' | kroki encode /dev/stdin
---
config:
  theme: dark
---
flowchart TB
    Internet((Internet))
    Cloudflare[Cloudflare Edge<br/>Argo Tunnel]

    subgraph AWS["AWS Region"]
        subgraph VPC["VPC (Private Network 10.0.0.0/16)"]
            IGW[Internet Gateway]
            subgraph Subnet["Private Subnet 10.0.1.0/24"]
                EC2A[EC2 Instance 1<br/>cloudflared]
                EC2B[EC2 Instance 2<br/>cloudflared]
                EC2C[EC2 Instance 3<br/>cloudflared]
            end
            SG[Security Group<br/>Inbound: 80,443<br/>No SSH]
        end
    end

    Internet -->|HTTP/HTTPS 80,443| Cloudflare
    Cloudflare -->|Zero Trust| EC2A
    Cloudflare -->|Zero Trust| EC2B
    Cloudflare -->|Zero Trust| EC2C

    IGW -->|80/443 Only| Subnet

    EC2A -.->|Outbound TLS| Cloudflare
    EC2B -.->|Outbound TLS| Cloudflare
    EC2C -.->|Outbound TLS| Cloudflare

    SG --- EC2A
    SG --- EC2B
    SG --- EC2C
    PG --- EC2A
    PG --- EC2B
    PG --- EC2C
MMD
)"

setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
setsid open             https://kroki.io/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &

Kroki » K8s » Reloader

Kroki » K8s » Reloader 

BASE64_SCHEME="$(cat <<-'MMD' | kroki encode /dev/stdin
---
config:
  theme: neutral
---
flowchart LR
  ExternalSecret -->|Creates| Secret
  SealedSecret -->|Creates| Secret
  Certificate -->|Creates| Secret

  Secret -->|Watched by| Reloader
  ConfigMap -->|Watched by| Reloader

  Reloader -->|Triggers Rollout| Deployment
  Reloader -->|Triggers Rollout| DeploymentConfig
  Reloader -->|Triggers Rollout| Daemonset
  Reloader -->|Triggers Rollout| Statefulset
  Reloader -->|Triggers Rollout| ArgoRollout
  Reloader -->|Triggers Job| CronJob
  Reloader -->|Sends Notification| Slack
  Reloader -->|Sends Notification| Teams
  Reloader -->|Sends Notification| Webhook
MMD
)"

setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
setsid open             https://kroki.io/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &

References

References

Retrieved from "https://wiki.chorke.org/index.php?title=Diagram/Kroki&oldid=16430"