Claude Code SettingStatusline

Cloudflare Pages Deployment Monitor

Real-time Cloudflare Pages deployment monitor with clickable deploy link. Shows build status, time since last deployment, and a clickable OSC 8 hyperlink to the deployment URL (Cmd+click). Setup: Export environment variables 'export CLOUDFLARE_API_TOKEN=your_token', 'export CLOUDFLARE_ACCOUNT_ID=your_account_id' and 'export CLOUDFLARE_PROJECT_NAME=your_project_name', or add them to a .env file in your project root. Get your API token from dash.cloudflare.com/profile/api-tokens (needs 'Cloudflare Pages: Read' permission), your account ID from the right sidebar of any zone in the Cloudflare dashboard, and the project name from your Pages project settings.

Install with the Claude Code Templates CLI
$ npx claude-code-templates@latest --setting="statusline/cloudflare-pages-deployment-monitor" --yes

Requires Claude Code. The command adds this setting to your project's .claudedirectory — nothing runs on ToolZip's servers.

What's inside this setting

Component source

{

"description": "Real-time Cloudflare Pages deployment monitor with clickable deploy link. Shows build status, time since last deployment, and a clickable OSC 8 hyperlink to the deployment URL (Cmd+click). Setup: Export environment variables 'export CLOUDFLARE_API_TOKEN=your_token', 'export CLOUDFLARE_ACCOUNT_ID=your_account_id' and 'export CLOUDFLARE_PROJECT_NAME=your_project_name', or add them to a .env file in your project root. Get your API token from dash.cloudflare.com/profile/api-tokens (needs 'Cloudflare Pages: Read' permission), your account ID from the right sidebar of any zone in the Cloudflare dashboard, and the project name from your Pages project settings.",

"statusLine": {

"type": "command",

"command": "bash -c 'input=$(cat); DIR=$(echo \"$input\" | jq -r \".workspace.current_dir\" 2>/dev/null || echo \".\"); if [ -f \"$DIR/.env\" ]; then while IFS= read -r line; do case \"$line\" in CLOUDFLARE_API_TOKEN=) export CLOUDFLARE_API_TOKEN=\"${line#=}\";; CLOUDFLARE_ACCOUNT_ID=) export CLOUDFLARE_ACCOUNT_ID=\"${line#=}\";; CLOUDFLARE_PROJECT_NAME=) export CLOUDFLARE_PROJECT_NAME=\"${line#=}\";; esac; done < \"$DIR/.env\"; fi; if [ -z \"$CLOUDFLARE_API_TOKEN\" ] || [ -z \"$CLOUDFLARE_ACCOUNT_ID\" ] || [ -z \"$CLOUDFLARE_PROJECT_NAME\" ]; then echo \"☁️ Cloudflare 🔧 config-needed | set CLOUDFLARE_API_TOKEN, CLOUDFLARE_ACCOUNT_ID & CLOUDFLARE_PROJECT_NAME\"; exit 0; fi; DEPLOY_DATA=$(curl -s -H \"Authorization: Bearer $CLOUDFLARE_API_TOKEN\" \"https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/pages/projects/$CLOUDFLARE_PROJECT_NAME/deployments?per_page=1\" 2>/dev/null); if [ -n \"$DEPLOY_DATA\" ] && [ \"$DEPLOY_DATA\" != \"null\" ]; then RAW_STATE=$(printf %s \"$DEPLOY_DATA\" | jq -r \".result[0].latest_stage.status // empty\"); FULL_URL=$(printf %s \"$DEPLOY_DATA\" | jq -r \".result[0].url // empty\"); CREATED=$(printf %s \"$DEPLOY_DATA\" | jq -r \".result[0].created_on // empty\"); if [ -n \"$CREATED\" ] && [ \"$CREATED\" != \"null\" ]; then CREATED_CLEAN=$(echo \"$CREATED\" | sed -E \"s/\\.[0-9]+Z$/Z/\"); CREATED_EPOCH=$(echo \"$CREATED_CLEAN\" | jq -R \"fromdateiso8601\" 2>/dev/null); if [ -n \"$CREATED_EPOCH\" ]; then AGO=$(( ($(date +%s) - CREATED_EPOCH) / 60 )); TIME_AGO=\"${AGO}m ago\"; else TIME_AGO=\"unknown\"; fi; else TIME_AGO=\"unknown\"; fi; case \"$RAW_STATE\" in success) STATE=\"READY\"; STATUS_ICON=\"✅\";; active) STATE=\"BUILDING\"; STATUS_ICON=\"🔄\";; idle) STATE=\"QUEUED\"; STATUS_ICON=\"⏳\";; failure|canceled) STATE=\"ERROR\"; STATUS_ICON=\"❌\";; *) STATE=\"unavailable\"; STATUS_ICON=\"❓\";; esac; else STATE=\"unavailable\"; FULL_URL=\"\"; TIME_AGO=\"unknown\"; STATUS_ICON=\"❓\"; fi; echo \"☁️ Cloudflare | $STATUS_ICON $STATE | ⏰ $TIME_AGO | \u001b]8;;$FULL_URL\u0007🌐 Deploy\u001b]8;;\u0007\"'"

}

}

Type
Setting
Category
Statusline
Installs
Source
GitHub ↗

Related Claude Code Settings

SettingStatusline

Context Monitor

Real-time Claude Code context usage monitor with visual progress bars, color-coded alerts, session analytics (cost, duration, lines changed), and auto-compact warnings. Tracks conversation context consumption and provides visual feedback to prevent session interruptions.

1.6k installsView →
SettingStatusline

Colorful Statusline

Colorful status line with ANSI color codes for enhanced visual appeal. Uses colors to distinguish between different information types: blue for model, green for directory, yellow for git branch.

395 installsView →
SettingStatusline

Git Branch Statusline

Display current model, directory, and git branch with change indicators in the status line. Shows model name, folder name, active branch, and count of uncommitted changes for complete development context.

220 installsView →
SettingStatusline

Project Info Statusline

Display comprehensive project information including model, directory, Node.js version, and Claude Code version. Perfect for multi-project environments where you need full context about your development setup.

78 installsView →
SettingStatusline

Vercel Deployment Monitor

Real-time Vercel deployment monitor with clickable deploy link. Shows build status, time since last deployment, and a clickable OSC 8 hyperlink to the deployment URL (Cmd+click). Setup: Export environment variables 'export VERCEL_TOKEN=your_token' and 'export VERCEL_PROJECT_ID=your_project_id' (or manually replace $VERCEL_TOKEN and $VERCEL_PROJECT_ID in the command if you prefer not to use environment variables). Get your token from vercel.com/account/tokens and project ID from your Vercel dashboard.

68 installsView →
SettingStatusline

Command Statusline

Configure a custom status line using a shell command that receives session context via JSON stdin. The script can display model name, current directory, git branch, or any dynamic information. Create your script at ~/.claude/statusline.sh and make it executable.

58 installsView →

Catalog data and component content are sourced from the open-source davila7/claude-code-templates project (MIT license). ToolZip curates the listing and writes original descriptions; every component links back to its original source. Claude Code is a product of Anthropic. ToolZip is an independent catalog and is not affiliated with or endorsed by Anthropic.