claude/claude-code-tracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add comprehensive hook installation system and update documentation

Browse source 
Major Features Added:
• Automated hook installation scripts (install-hooks.sh and setup-hooks)
• User-scope installation with automatic domain configuration
• 7 pre-configured hook profiles for different user types
• Comprehensive documentation updates across all guides

Hook Installation System:
• ./setup-hooks - One-liner installation for most users
• ./install-hooks.sh - Full-featured installer with profile selection
• Automatic domain replacement using $DOMAIN environment variable
• Settings backup and verification capabilities
• Safe uninstallation with rollback support

Documentation Enhancements:
• Updated README.md with complete project overview and proper git repository URL
• Enhanced Getting Started guide with automated hook installation
• Improved Docker deployment guide with hook installation step
• Reorganized documentation index with better visual hierarchy
• Added repository URL: https://git.supported.systems/claude/claude-code-tracker.git

Technical Improvements:
• Rebuilt Docker containers with all latest changes
• Verified application health and functionality
• Updated all installation examples with correct repository URL
• Improved quick start workflow with 3-step visual process

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ryan Malloy 2025-08-11 09:30:37 -06:00
parent 50c80596d0
commit 1e1d4a995d
8 changed files with 1038 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

74
app/dashboard/templates/docs/index.html
View file

@ -181,37 +181,67 @@
<div class="row mt-5">
<div class="col-md-12">
<div class="card border-0 shadow-sm">
<div class="card-header bg-light">
<h4 class="mb-0"><i class="fas fa-lightning-bolt me-2"></i>Quick Start</h4>
<div class="card-header bg-success text-white">
<h4 class="mb-0"><i class="fas fa-rocket me-2"></i>Quick Start - Get Running in 3 Steps</h4>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-8">
<p class="lead">Get started with Claude Code Tracker in just a few steps:</p>
<ol class="list-unstyled">
<li class="mb-2">
<span class="badge bg-primary rounded-pill me-2">1</span>
<strong>Import existing data</strong> from your <code>~/.claude.json</code> file
</li>
<li class="mb-2">
<span class="badge bg-primary rounded-pill me-2">2</span>
<strong>Set up hooks</strong> to automatically track new sessions
</li>
<li class="mb-2">
<span class="badge bg-primary rounded-pill me-2">3</span>
<strong>Explore your data</strong> through the dashboard and analytics
</li>
</ol>
<p class="lead">Get started with Claude Code Tracker in just a few minutes:</p>
<div class="row">
<div class="col-lg-4 mb-3">
<div class="card border-primary h-100">
<div class="card-body text-center">
<div class="bg-primary rounded-circle text-white d-flex align-items-center justify-content-center mx-auto mb-2" style="width: 40px; height: 40px;">
<strong>1</strong>
</div>
<h6>Deploy with Docker</h6>
<small class="text-muted">Set up the tracker server using Docker & Caddy</small>
</div>
</div>
</div>
<div class="col-lg-4 mb-3">
<div class="card border-success h-100">
<div class="card-body text-center">
<div class="bg-success rounded-circle text-white d-flex align-items-center justify-content-center mx-auto mb-2" style="width: 40px; height: 40px;">
<strong>2</strong>
</div>
<h6>Import Data</h6>
<small class="text-muted">Upload your .claude.json file with file upload</small>
</div>
</div>
</div>
<div class="col-lg-4 mb-3">
<div class="card border-info h-100">
<div class="card-body text-center">
<div class="bg-info rounded-circle text-white d-flex align-items-center justify-content-center mx-auto mb-2" style="width: 40px; height: 40px;">
<strong>3</strong>
</div>
<h6>Install Hooks</h6>
<small class="text-muted">Run ./setup-hooks for automatic tracking</small>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="col-md-4">
<div class="d-grid gap-2">
<a href="/dashboard/import" class="btn btn-success btn-lg">
<i class="fas fa-upload me-2"></i>
Import Data Now
<a href="/dashboard/docs/docker-deployment" class="btn btn-info btn-lg">
<i class="fab fa-docker me-2"></i>
Docker Setup
</a>
<a href="/dashboard/import" class="btn btn-success">
<i class="fas fa-cloud-upload-alt me-2"></i>
Import Data
</a>
<a href="/dashboard/docs/hook-setup" class="btn btn-warning">
<i class="fas fa-magic me-2"></i>
Setup Hooks
</a>
<a href="/dashboard/docs/getting-started" class="btn btn-outline-primary">
<i class="fas fa-book me-2"></i>
Read Full Guide
Full Guide
</a>
</div>
</div>