mirror of
https://github.com/rcourtman/Pulse.git
synced 2026-09-10 18:45:53 +00:00
courtmanr@gmail.com
440744fcb0
- Updated default PULSE_DIR in fix-css.sh to use new installation path - Ensures CSS fix script works with updated installation location 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
210 lines
7.2 KiB
Bash
Executable File
210 lines
7.2 KiB
Bash
Executable File
#!/bin/bash
|
|
# Pulse CSS Fix Script
|
|
# This script fixes CSS issues in broken Pulse installations
|
|
# where the frontend shows no styling due to CSS MIME type errors
|
|
|
|
set -e
|
|
|
|
# Colors for output
|
|
RED='\033[0;31m'
|
|
GREEN='\033[0;32m'
|
|
YELLOW='\033[1;33m'
|
|
BLUE='\033[0;34m'
|
|
NC='\033[0m' # No Color
|
|
|
|
print_info() {
|
|
echo -e "${BLUE}[INFO]${NC} $1"
|
|
}
|
|
|
|
print_success() {
|
|
echo -e "${GREEN}[SUCCESS]${NC} $1"
|
|
}
|
|
|
|
print_warning() {
|
|
echo -e "${YELLOW}[WARNING]${NC} $1"
|
|
}
|
|
|
|
print_error() {
|
|
echo -e "${RED}[ERROR]${NC} $1"
|
|
}
|
|
|
|
# Default installation path
|
|
PULSE_DIR="/opt/pulse"
|
|
|
|
print_info "Pulse CSS Fix Script"
|
|
print_info "This script fixes CSS issues where the frontend has no styling"
|
|
echo ""
|
|
|
|
# Check if Pulse directory exists
|
|
if [ ! -d "$PULSE_DIR" ]; then
|
|
print_error "Pulse installation directory not found at $PULSE_DIR"
|
|
print_info "Please specify the correct Pulse installation path:"
|
|
read -p "Enter Pulse installation path: " PULSE_DIR
|
|
|
|
if [ ! -d "$PULSE_DIR" ]; then
|
|
print_error "Directory $PULSE_DIR does not exist. Exiting."
|
|
exit 1
|
|
fi
|
|
fi
|
|
|
|
print_info "Using Pulse installation at: $PULSE_DIR"
|
|
|
|
# Check if this is a Pulse installation
|
|
if [ ! -f "$PULSE_DIR/package.json" ] || [ ! -f "$PULSE_DIR/server/index.js" ]; then
|
|
print_error "This doesn't appear to be a valid Pulse installation"
|
|
print_error "Missing package.json or server/index.js"
|
|
exit 1
|
|
fi
|
|
|
|
# Change to Pulse directory
|
|
cd "$PULSE_DIR" || {
|
|
print_error "Failed to change to $PULSE_DIR"
|
|
exit 1
|
|
}
|
|
|
|
print_info "Checking current CSS status..."
|
|
|
|
# Check if output.css exists and has content
|
|
if [ ! -f "src/public/output.css" ]; then
|
|
print_warning "output.css file is missing"
|
|
CSS_MISSING=1
|
|
elif [ ! -s "src/public/output.css" ]; then
|
|
print_warning "output.css file is empty"
|
|
CSS_EMPTY=1
|
|
else
|
|
# Check if CSS contains actual CSS content (not HTML error page)
|
|
if head -1 "src/public/output.css" | grep -q "<!DOCTYPE\|<html\|<head"; then
|
|
print_warning "output.css contains HTML instead of CSS (corrupted)"
|
|
CSS_CORRUPTED=1
|
|
else
|
|
print_info "output.css appears to contain valid CSS"
|
|
CSS_VALID=1
|
|
fi
|
|
fi
|
|
|
|
# If CSS is valid, check if there's actually a problem
|
|
if [ "$CSS_VALID" = "1" ]; then
|
|
print_info "CSS file appears to be valid. You may not need this fix."
|
|
print_info "Are you experiencing frontend styling issues? (y/N)"
|
|
read -r response
|
|
if [[ ! "$response" =~ ^[Yy]$ ]]; then
|
|
print_info "Exiting without changes."
|
|
exit 0
|
|
fi
|
|
fi
|
|
|
|
print_info "Attempting to fix CSS..."
|
|
|
|
# Method 1: Try to rebuild CSS if we have the tools
|
|
if [ -f "src/tailwind.config.js" ] && [ -f "src/index.css" ]; then
|
|
print_info "Found Tailwind config and source CSS, attempting rebuild..."
|
|
|
|
# Check if we have npm and tailwindcss
|
|
if command -v npm >/dev/null 2>&1; then
|
|
# Try to rebuild
|
|
if npm run build:css >/dev/null 2>&1; then
|
|
print_success "CSS rebuilt successfully using npm run build:css"
|
|
|
|
# Verify the rebuild worked
|
|
if [ -f "src/public/output.css" ] && [ -s "src/public/output.css" ]; then
|
|
if ! head -1 "src/public/output.css" | grep -q "<!DOCTYPE\|<html\|<head"; then
|
|
print_success "CSS fix completed successfully!"
|
|
print_info "Please refresh your browser (Ctrl+F5 or Cmd+Shift+R) to see the changes"
|
|
exit 0
|
|
fi
|
|
fi
|
|
else
|
|
print_warning "npm run build:css failed (likely missing dev dependencies)"
|
|
fi
|
|
else
|
|
print_warning "npm command not found"
|
|
fi
|
|
fi
|
|
|
|
# Method 2: Download pre-built CSS from latest release
|
|
print_info "Attempting to download pre-built CSS from latest release..."
|
|
|
|
# Create backup of current CSS
|
|
if [ -f "src/public/output.css" ]; then
|
|
cp "src/public/output.css" "src/public/output.css.backup.$(date +%s)"
|
|
print_info "Current CSS backed up"
|
|
fi
|
|
|
|
# Try to download CSS from GitHub
|
|
if command -v curl >/dev/null 2>&1; then
|
|
print_info "Downloading CSS from latest Pulse release..."
|
|
|
|
# Get latest release info
|
|
LATEST_RELEASE=$(curl -s https://api.github.com/repos/rcourtman/Pulse/releases/latest | grep -o '"tag_name": "[^"]*' | cut -d'"' -f4)
|
|
|
|
if [ -n "$LATEST_RELEASE" ]; then
|
|
print_info "Latest release: $LATEST_RELEASE"
|
|
|
|
# Download and extract just the CSS file
|
|
TEMP_DIR=$(mktemp -d)
|
|
cd "$TEMP_DIR"
|
|
|
|
# Download tarball
|
|
if curl -sL "https://github.com/rcourtman/Pulse/releases/download/$LATEST_RELEASE/pulse-${LATEST_RELEASE#v}.tar.gz" -o pulse.tar.gz; then
|
|
# Extract just the CSS file
|
|
if tar -xzf pulse.tar.gz --wildcards "*/src/public/output.css" 2>/dev/null; then
|
|
# Find and copy the CSS file
|
|
CSS_FILE=$(find . -name "output.css" -path "*/src/public/*" | head -1)
|
|
if [ -n "$CSS_FILE" ] && [ -f "$CSS_FILE" ]; then
|
|
cp "$CSS_FILE" "$PULSE_DIR/src/public/output.css"
|
|
print_success "CSS downloaded and installed from release $LATEST_RELEASE"
|
|
|
|
# Clean up temp directory
|
|
cd "$PULSE_DIR"
|
|
rm -rf "$TEMP_DIR"
|
|
|
|
print_success "CSS fix completed successfully!"
|
|
print_info "Please refresh your browser (Ctrl+F5 or Cmd+Shift+R) to see the changes"
|
|
exit 0
|
|
else
|
|
print_error "Could not find CSS file in downloaded release"
|
|
fi
|
|
else
|
|
print_error "Failed to extract CSS from downloaded release"
|
|
fi
|
|
else
|
|
print_error "Failed to download release tarball"
|
|
fi
|
|
|
|
# Clean up temp directory
|
|
cd "$PULSE_DIR"
|
|
rm -rf "$TEMP_DIR"
|
|
else
|
|
print_error "Could not determine latest release version"
|
|
fi
|
|
else
|
|
print_warning "curl command not found, cannot download CSS"
|
|
fi
|
|
|
|
# Method 3: Create minimal CSS as last resort
|
|
print_warning "All automated fixes failed. Creating minimal CSS as last resort..."
|
|
|
|
# Create a basic CSS file that will at least make the page usable
|
|
cat > "src/public/output.css" << 'EOF'
|
|
/* Minimal CSS for Pulse - Emergency Fix */
|
|
* { box-sizing: border-box; }
|
|
body { font-family: system-ui, sans-serif; margin: 0; padding: 20px; background: #f5f5f5; }
|
|
.container { max-width: 1200px; margin: 0 auto; }
|
|
.card { background: white; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
|
|
.btn { padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; }
|
|
.btn-primary { background: #3b82f6; color: white; }
|
|
.text-red-600 { color: #dc2626; }
|
|
.text-green-600 { color: #16a34a; }
|
|
.text-yellow-600 { color: #ca8a04; }
|
|
.hidden { display: none; }
|
|
.flex { display: flex; }
|
|
.grid { display: grid; }
|
|
.gap-4 { gap: 1rem; }
|
|
EOF
|
|
|
|
print_warning "Created minimal emergency CSS"
|
|
print_warning "This provides basic styling but is not the full Pulse theme"
|
|
print_info "Consider running the Pulse installer again or manually rebuilding CSS"
|
|
|
|
print_info "Please refresh your browser (Ctrl+F5 or Cmd+Shift+R) to see the changes"
|
|
print_info "CSS fix script completed" |