◈ GlassPulse

글래스모픽 서비스 대시보드 — 상태 페이지가 입소문 날 정도로 예쁜 모니터링.

Checks · Uptime · Latency · Performance — 선명한 오로라 글래스로 렌더링됩니다.

✨ 왜 GlassPulse인가요?

상태 페이지는 여전히 1999년처럼 보입니다. GlassPulse는 디자인 시스템과 모니터링 엔진이 사랑에 빠졌을 때 탄생하는 결과물입니다: 애니메이션 오로라 그라데이션 위의 프로스티드 글래스 카드, 네온 상태 신호, 실시간 지연 시간 스파크라인 — 그리고 AI 에이전트가 여러분과 함께 인프라를 지켜볼 수 있게 해 주는 네이티브 MCP 서버까지.

• 🪟 진정한 글래스모피즘 — 배경 블러, 반사 하이라이트, 오로라 블롭

• 🎨 선명하고 생동감 있는 — 바이올렛 → 푸시아 → 시안 팔레트, 다크 퍼스트, 라이트 테마 포함

• 📊 실제 모니터링 — HTTP, TCP 포트, 키워드, JSON-path 및 SSL 만료 체크

• ⚡ 성능 예산 — 지연 시간이 SLO를 초과하면 서비스가 (노란색으로) 저하됩니다

• 🧩 구성 기반 — 하나의 services.json, JSON-Schema 검증, 백엔드 불필요

• 🤖 MCP 우선 — 한 저장소에서 대시보드 그리고 에이전트 지원 MCP 서버를 함께 제공합니다

• 🌗 테마 토글 — 다크 오로라 또는 라이트 글래스, 브라우저별 저장

Related MCP server: sanitycheck-mcp

🚀 빠른 시작

git clone https://github.com/MountainLabsDE/GlassPulse-Dashboard.git
cd GlassPulse
npm install
npm run dev          # → http://localhost:5173

이게 전부입니다. 번들로 제공되는 데모 구성은 실제 공개 엔드포인트(GitHub API, Cloudflare, jsDelivr)를 검사해서 즉시 실시간 데이터를 볼 수 있습니다.

서비스 구성하기

app/src/config/services.json 파일을 편집하세요:

{
  "title": "My Infrastructure",
  "services": [
    {
      "id": "api",
      "name": "REST API",
      "group": "Core",
      "icon": "🛰️",
      "accent": "#8b5cf6",
      "checks": [
        { "type": "http", "url": "https://api.example.com/health", "degradeAboveMs": 800 },
        { "type": "ssl", "host": "api.example.com", "warnDays": 14 }
      ]
    }
  ]
}

다섯 가지 체크 유형: http · tcp · keyword · jsonpath · ssl 전체 참조: app/schema/glasspulse.schema.json

브라우저 참고 사항: 대시보드는 클라이언트 측에서 체크를 실행하므로 CORS가 활성화된 엔드포인트가 즉시 표시됩니다. TCP/SSL 체크(및 CORS 뒤에 있는 모든 엔드포인트)는 에이전트 전용으로 표시됩니다. MCP 서버는 Node를 통해 이를 네이티브로 검사합니다.

🤖 MCP 서버

GlassPulse는 일급 MCP 서버(stdio + streamable HTTP)를 제공합니다:

npm run mcp:build
node mcp-server/dist/index.js                 # stdio
GLASSPULSE_MCP_TRANSPORT=http npm run mcp     # HTTP :3100/mcp
GLASSPULSE_CONFIG=/path/to/your.json npm run mcp

도구: list_services · get_status · get_metrics · run_check 리소스: glasspulse://services · glasspulse://status

Claude Desktop / Cursor

{
  "mcpServers": {
    "glasspulse": {
      "command": "node",
      "args": ["/absolute/path/to/GlassPulse/mcp-server/dist/index.js"]
    }
  }
}

그런 다음 에이전트에게 간단히 물어보세요: "API가 살아 있나요? p95 지연 시간은 얼마인가요?"

📦 배포

npm run build        # static bundle in app/dist

app/dist를 GitHub Pages, Vercel, Netlify 또는 정적 호스트에 올리세요. 대시보드에서 TCP/SSL 체크를 사용하려면 네트워크 내부에서 MCP 서버(또는 정적 파일 서버)를 실행하고 GLASSPULSE_CONFIG를 동일한 구성으로 지정하세요.

🗺 로드맵

• 사고 타임라인 및 유지보수 창

• WebSocket 실시간 푸시 (선택적 소형 에이전트)

• Webhook/알림 통합 (Slack, Discord, Telegram)

• 하나의 구성에서 여러 대시보드

• 플러그인 체크 (사용자 정의 JS 프로브)

🤝 기여

PR 환영합니다! 글래스 미학을 유지하고 엔진 로직에 테스트를 추가해 주세요.

📄 라이선스

Apache-2.0 — © MountainLabs UG (haftungsbeschränkt).

우리는 의도적으로 MIT 대신 Apache-2.0을 선택했습니다. Apache-2.0은 NOTICE를 통한 저작자 표시를 요구하면서 기여자와 사용자에게 명시적인 특허 라이선스를 부여합니다. "GlassPulse" 이름과 로고는 MountainLabs UG의 상표로 남아 있습니다.