Update mermaids.sh

This commit is contained in:
Dan 2026-04-16 00:04:55 +08:00
parent 069c78b1ac
commit d2f9a7388a

View File

@ -1,6 +1,4 @@
#!/bin/bash #!/bin/bash
# ct/mermaidjs.sh - Create and configure a self-hosted Mermaid.js editor LXC
set -euo pipefail set -euo pipefail
RED='\033[0;31m' RED='\033[0;31m'
@ -13,15 +11,13 @@ log() { echo -e "${GREEN}[$(date +%H:%M:%S)]${NC} $1"; }
warn() { echo -e "${YELLOW}[$(date +%H:%M:%S)]${NC} $1"; } warn() { echo -e "${YELLOW}[$(date +%H:%M:%S)]${NC} $1"; }
die() { echo -e "${RED}[$(date +%H:%M:%S)]${NC} $1"; exit 1; } die() { echo -e "${RED}[$(date +%H:%M:%S)]${NC} $1"; exit 1; }
# Ensure root on Proxmox if [[ $EUID -ne 0 ]] || [[ ! -f /etc/pve/nodes ]]; then
if [[ $EUID -ne 0 ]]; then
die "This script must be run as root on a Proxmox VE host" die "This script must be run as root on a Proxmox VE host"
fi fi
# Defaults
LXC_HOSTNAME="mermaid" LXC_HOSTNAME="mermaid"
LXC_ID="" LXC_ID=""
LXC_MEMORY=512 LXC_MEMORY=256
LXC_CORES=1 LXC_CORES=1
LXC_DISK="local-lvm" LXC_DISK="local-lvm"
LXC_TEMPLATE="local:vztmpl/debian-12-standard_12.12-1_amd64.tar.zst" LXC_TEMPLATE="local:vztmpl/debian-12-standard_12.12-1_amd64.tar.zst"
@ -31,48 +27,35 @@ LXC_NETMASK="24"
LXC_GATEWAY="" LXC_GATEWAY=""
LXC_BRIDGE="vmbr0" LXC_BRIDGE="vmbr0"
# Auto-increment VMID
get_next_id() { get_next_id() {
local max=0 local max=0
for id in $(pct list | awk 'NR>1 {print $1}'); do for id in $(pct list | awk 'NR>1 {print $1}'); do ((id > max)) && max=$id; done
((id > max)) && max=$id
done
echo $((max + 1)) echo $((max + 1))
} }
log "=== Mermaid.js Interactive Editor LXC Setup ===" log "=== Mermaid Editor LXC Setup (Alpine + Caddy) ==="
log "This creates a self-hosted Mermaid editor with OFFLINE support."
read -rp "Hostname (default: mermaid): " HOSTNAME_INPUT read -rp "Hostname (default: mermaid): " HOSTNAME_INPUT
[[ -n "$HOSTNAME_INPUT" ]] && LXC_HOSTNAME="$HOSTNAME_INPUT" [[ -n "$HOSTNAME_INPUT" ]] && LXC_HOSTNAME="$HOSTNAME_INPUT"
read -rp "Container ID (default: $(get_next_id)): " ID_INPUT read -rp "Container ID (default: $(get_next_id)): " ID_INPUT
LXC_ID=${ID_INPUT:-$(get_next_id)} LXC_ID=${ID_INPUT:-$(get_next_id)}
read -rp "Memory (MB, default: 256): " MEM_INPUT
read -rp "Memory (MB, default: 512): " MEM_INPUT LXC_MEMORY=${MEM_INPUT:-256}
LXC_MEMORY=${MEM_INPUT:-512}
read -rp "CPU Cores (default: 1): " CORES_INPUT read -rp "CPU Cores (default: 1): " CORES_INPUT
LXC_CORES=${CORES_INPUT:-1} LXC_CORES=${CORES_INPUT:-1}
read -rp "Root Password (default: mermaid): " PASS_INPUT read -rp "Root Password (default: mermaid): " PASS_INPUT
LXC_ROOT_PASSWORD=${PASS_INPUT:-mermaid} LXC_ROOT_PASSWORD=${PASS_INPUT:-mermaid}
read -rp "Disk Pool (default: local-lvm): " DISK_INPUT
read -rp "Disk Storage Pool (default: local-lvm): " DISK_INPUT
LXC_DISK=${DISK_INPUT:-local-lvm} LXC_DISK=${DISK_INPUT:-local-lvm}
read -rp "Bridge (default: vmbr0): " BRIDGE_INPUT
read -rp "Network Bridge (default: vmbr0): " BRIDGE_INPUT
LXC_BRIDGE=${BRIDGE_INPUT:-vmbr0} LXC_BRIDGE=${BRIDGE_INPUT:-vmbr0}
read -rp "IP (blank for DHCP): " IP_INPUT
read -rp "IP Address (e.g., 192.168.1.60; leave blank for DHCP): " IP_INPUT
LXC_IP="$IP_INPUT" LXC_IP="$IP_INPUT"
[[ -n "$LXC_IP" ]] && {
if [[ -n "$LXC_IP" ]]; then
read -rp "Netmask (default: 24): " NETMASK_INPUT read -rp "Netmask (default: 24): " NETMASK_INPUT
LXC_NETMASK=${NETMASK_INPUT:-24} LXC_NETMASK=${NETMASK_INPUT:-24}
read -rp "Gateway (blank for none): " GW_INPUT read -rp "Gateway (blank): " GW_INPUT
LXC_GATEWAY="$GW_INPUT" LXC_GATEWAY="$GW_INPUT"
fi }
NET0_ARGS="name=eth0,bridge=$LXC_BRIDGE" NET0_ARGS="name=eth0,bridge=$LXC_BRIDGE"
if [[ -n "$LXC_IP" ]]; then if [[ -n "$LXC_IP" ]]; then
@ -84,168 +67,115 @@ fi
pvesm status | grep -q "$LXC_DISK" || die "Storage pool '$LXC_BRIDGE' not found" pvesm status | grep -q "$LXC_DISK" || die "Storage pool '$LXC_BRIDGE' not found"
ip link show "$LXC_BRIDGE" >/dev/null 2>&1 || die "Bridge '$LXC_BRIDGE' not found" ip link show "$LXC_BRIDGE" >/dev/null 2>&1 || die "Bridge '$LXC_BRIDGE' not found"
# === 1. Create LXC Container ===
log "Creating LXC container $LXC_ID ($LXC_HOSTNAME)..." log "Creating LXC container $LXC_ID ($LXC_HOSTNAME)..."
pct create $LXC_ID $LXC_TEMPLATE \ pct create "$LXC_ID" "$LXC_TEMPLATE" \
-hostname $LXC_HOSTNAME \ -hostname "$LXC_HOSTNAME" \
-memory $LXC_MEMORY \ -memory "$LXC_MEMORY" \
-cores $LXC_CORES \ -cores "$LXC_CORES" \
-net0 $NET0_ARGS \ -net0 "$NET0_ARGS" \
-rootfs $LXC_DISK:1 \ -rootfs "$LXC_DISK:1" \
-ostype debian \ -ostype debian \
-password $LXC_ROOT_PASSWORD \ -password "$LXC_ROOT_PASSWORD" \
-onboot 1 -onboot 1
# === 2. Start & wait for boot ===
log "Starting container..." log "Starting container..."
pct start $LXC_ID pct start "$LXC_ID"
log "Waiting for container to be reachable..." log "Waiting for container to be reachable..."
for i in {1..40}; do for i in {1..40}; do
if pct exec $LXC_ID -- sh -c "ping -c1 127.0.0.1 >/dev/null 2>&1"; then pct exec "$LXC_ID" -- sh -c "ping -c1 127.0.0.1 >/dev/null 2>&1" && break
break
fi
sleep 1 sleep 1
done done
# === 3. Prepare install script (bundled offline Mermaid) === log "Deploying Mermaid editor (offline + interactive UI)..."
log "Deploying Mermaid editor + Caddy..." pct exec "$LXC_ID" -- sh -c "
set -euo pipefail
GREEN='\033[0;32m'; NC='\033[0m'
log() { echo -e \"\${GREEN}[\$(date +%H:%M:%S)]\${NC} \$1\"; }
# Generate the install script dynamically (with bundled mermaid.min.js) # 1. Update + install deps
pct push $LXC_ID - <<'EOF' /root/mermaid-install.sh log 'Updating system...'
#!/bin/bash apk update >/dev/null 2>&1
set -euo pipefail apk add caddy curl >/dev/null 2>&1
GREEN='\033[0;32m' # 2. Download Mermaid (offline)
YELLOW='\033[1;33m' log 'Downloading Mermaid v10.6.1...'
BLUE='\033[0;34m' mkdir -p /var/www/mermaid
NC='\033[0m' wget -q -O /var/www/mermaid/mermaid.min.js \
https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js
log() { echo -e "${GREEN}[$(date +%H:%M:%S)]${NC} $1"; } # 3. Create editor HTML (split editor + preview)
log 'Creating interactive editor interface...'
# 1. Update & install Caddy & deps cat > /var/www/mermaid/index.html <<'HTMLEOF'
log "Updating system..."
apt-get update -qq
apt-get install -y -qq curl wget
# 2. Download Mermaid.min.js (offline bundled)
log "Downloading Mermaid v10.6.1 (offline)..."
mkdir -p /var/www/mermaid
wget -q https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js -O /var/www/mermaid/mermaid.min.js
# 3. Create the editor HTML (self-contained: editor + preview + Mermaid JS)
log "Creating Mermaid editor interface..."
cat > /var/www/mermaid/index.html <<'HTML'
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset='utf-8'>
<title>Self-hosted Mermaid Editor</title> <title>Self-hosted Mermaid Editor</title>
<script src="/mermaid.min.js"></script> <script src='/mermaid.min.js'></script>
<style> <style>
body { body { margin:0; display:grid; grid-template-columns:1fr 1fr; height:100vh; }
margin: 0; textarea {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; width:100%; height:100%; padding:1rem; font-family:monospace;
display: grid; font-size:14px; border:none; resize:none;
grid-template-columns: 1fr 1fr; background:#2d2d2d; color:#f8f8f2;
height: 100vh;
} }
textarea { #preview { padding:1rem; overflow:auto; border-left:1px solid #ddd; background:#fff; }
width: 100%; .mermaid { max-width:90%; margin:0 auto; }
height: 100%;
padding: 1rem;
font-family: monospace;
font-size: 14px;
border: none;
resize: none;
background: #2d2d2d;
color: #f8f8f2;
}
#preview {
padding: 1rem;
overflow: auto;
border-left: 1px solid #ddd;
background: #fff;
}
.mermaid { max-width: 90%; margin: 0 auto; }
</style> </style>
<script> <script>
mermaid.initialize({startOnLoad: false, securityLevel: 'loose'}); mermaid.initialize({startOnLoad:false,securityLevel:'loose'});
const editor = document.querySelector('textarea'); const editor = document.querySelector('textarea');
const preview = document.getElementById('preview'); const preview = document.getElementById('preview');
editor.addEventListener('input', () => { editor.addEventListener('input', () => {
const code = editor.value.trim(); const code = editor.value.trim();
if (code) { if (code) {
mermaid.render('diagram', code, svg => preview.innerHTML = svg); mermaid.render('diagram', code, svg => preview.innerHTML = svg);
} else { } else {
preview.innerHTML = '<p style="color:#999;">Type Mermaid code here...</p>'; preview.innerHTML = '<p style=\"color:#999;\">Type Mermaid code here...</p>';
} }
}); });
editor.value = 'graph TD\n A[Start] --> B{Decision?}\n B -->|Yes| C[Do A]\n B -->|No| D[Do B]\n C --> E\n D --> E';
// Initial render editor.dispatchEvent(new Event('input'));
editor.value = `graph TD
A[Start] --> B{Decision?}
B -->|Yes| C[Do A]
B -->|No| D[Do B]
C --> E[End]
D --> E`;
input();
</script> </script>
</head> </head>
<body> <body>
<textarea spellcheck="false"></textarea> <textarea spellcheck='false'></textarea>
<div id="preview"></div> <div id='preview'></div>
</body> </body>
</html> </html>
HTML HTMLEOF
# 4. Caddy config (HTTP only — easy; HTTPS in comment) # 4. Caddy config (HTTP)
cat > /etc/caddy/Caddyfile <<'CADDY' log 'Configuring Caddy...'
cat > /etc/caddy/Caddyfile <<'CADDYEOF'
:80 { :80 {
root * /var/www/mermaid root * /var/www/mermaid
file_server file_server
log { log { output file /var/log/caddy/access.log }
output file /var/log/caddy/access.log
}
} }
# Uncomment below for Let's Encrypt HTTPS CADDYEOF
# mermaid.yourdomain.com {
# root * /var/www/mermaid
# file_server
# }
CADDY
# 5. Start & enable Caddy # 5. Start Caddy
rc-service caddy start rc-service caddy start >/dev/null 2>&1
rc-update add caddy rc-update add caddy >/dev/null 2>&1
sleep 3
# 6. Check if Caddy started if curl -sf http://localhost >/dev/null; then
sleep 5 log 'Mermaid Editor is live!'
if curl -sf http://localhost >/dev/null; then else
log "✅ Mermaid Editor is live!" log 'Caddy may still be starting — check rc-service caddy status'
else fi
warn "Caddy failed — check 'rc-service caddy status' and 'journalctl -u caddy'"
exit 1
fi
# 7. Summary # 6. Summary
IP=$(hostname -I 2>/dev/null | cut -d' ' -f1) IP=$(hostname -I 2>/dev/null | cut -d' ' -f1)
if [[ -z "$IP" ]]; then [[ -z \"$IP\" ]] && IP=$(ip -4 addr show eth0 | grep -oP '(?<=inet\s)\d+(\.\d+){3}')
IP=$(ip -4 addr show eth0 | grep -oP '(?<=inet\s)\d+(\.\d+){3}') log \"URL: ${BLUE}http://${IP}${NC}\"
fi log \"Root password: ${YELLOW}$LXC_ROOT_PASSWORD${NC}\"
log "URL: ${BLUE}http://${IP}${NC}" "
log "Root password: ${YELLOW}$LXC_ROOT_PASSWORD${NC}"
log "SSH: ssh root@${IP}"
EOF
# Push & run the install script inside LXC IP=$(pct exec "$LXC_ID" -- sh -c 'hostname -I 2>/dev/null | cut -d" " -f1')
log "Installing Mermaid editor..." [[ -z "$IP" ]] && IP=$(pct exec "$LXC_ID" -- sh -c "ip -4 addr show eth0 | grep -oP '(?<=inet\s)\d+(\.\d+){3}'")
pct exec $LXC_ID -- bash /root/mermaid-install.sh
# === 4. Final summary === log "Mermaid Editor LXC ($LXC_ID) ready!"
IP=$(pct exec $LXC_ID -- hostname -I 2>/dev/null | cut -d' ' -f1)
[[ -z "$IP" ]] && IP=$(pct exec $LXC_ID -- ip -4 addr show eth0 | grep -oP '(?<=inet\s)\d+(\.\d+){3}')
log "✅ Mermaid Editor LXC ($LXC_ID) ready!"
log "URL: ${BLUE}http://${IP}${NC}" log "URL: ${BLUE}http://${IP}${NC}"
log "Root password: ${YELLOW}$LXC_ROOT_PASSWORD${NC}" log "Root password: ${YELLOW}$LXC_ROOT_PASSWORD${NC}"