SpareChair/preview.sh at main · Islamhassana3/SpareChair · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
#!/bin/bash

# ChairShare Preview Script for Linux/macOS
# This script automatically sets up and launches the ChairShare preview

set -e

echo "🚀 ChairShare Preview Launcher"
echo "================================"
echo ""

# Color codes for better output
GREEN='\033[0;32m'
BLUE='\033[0;34m'
YELLOW='\033[1;33m'
NC='\033[0m' # No Color

# Check if Node.js is installed
if ! command -v node &> /dev/null; then
    echo -e "${YELLOW}⚠️  Node.js is not installed. Please install Node.js 18 or higher.${NC}"
    exit 1
fi

# Check if npm is installed
if ! command -v npm &> /dev/null; then
    echo -e "${YELLOW}⚠️  npm is not installed. Please install npm 9 or higher.${NC}"
    exit 1
fi

echo -e "${GREEN}✓${NC} Node.js and npm found"
echo ""

# Check if node_modules exists in root
if [ ! -d "node_modules" ]; then
    echo -e "${BLUE}📦 Installing root dependencies...${NC}"
    npm install
    echo ""
fi

# Navigate to client directory
cd client

# Check if node_modules exists in client
if [ ! -d "node_modules" ]; then
    echo -e "${BLUE}📦 Installing frontend dependencies...${NC}"
    npm install
    echo ""
fi

echo -e "${GREEN}✓${NC} All dependencies are ready"
echo ""

# Function to find an available port starting from a given port
find_available_port() {
    local port=$1
    local max_port=$((port + 100))  # Try up to 100 ports

    while [ $port -le $max_port ]; do
        if ! lsof -Pi :$port -sTCP:LISTEN -t >/dev/null 2>&1; then
            echo $port
            return 0
        fi
        port=$((port + 1))
    done

    echo ""
    return 1
}

# Find an available port starting from 3000
echo "🔍 Searching for an available port..."
PORT=$(find_available_port 3000)

if [ -z "$PORT" ]; then
    echo -e "${YELLOW}⚠️  Could not find an available port between 3000-3100${NC}"
    echo "Please free some ports and try again."
    exit 1
fi

if [ "$PORT" != "3000" ]; then
    echo -e "${YELLOW}⚠️  Port 3000 is in use, using port $PORT instead${NC}"
else
    echo -e "${GREEN}✓${NC} Port 3000 is available"
fi
echo ""

# Export PORT for npm start
export PORT

echo -e "${BLUE}🌐 Starting ChairShare preview on http://localhost:$PORT${NC}"
echo ""
echo -e "${GREEN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
echo -e "${GREEN}   The application will open in your browser shortly...${NC}"
echo -e "${GREEN}   Press Ctrl+C to stop the preview server${NC}"
echo -e "${GREEN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
echo ""

# Give the terminal a moment to display the message
sleep 2

# Open browser based on OS
open_browser() {
    local port=$1
    local url="http://localhost:$port"

    # Wait for the server to start
    echo "⏳ Waiting for server to start..."
    sleep 5

    # Detect OS and open browser
    if [[ "$OSTYPE" == "darwin"* ]]; then
        # macOS
        open "$url" 2>/dev/null || true
    elif [[ "$OSTYPE" == "linux-gnu"* ]]; then
        # Linux
        if command -v xdg-open &> /dev/null; then
            xdg-open "$url" 2>/dev/null || true
        elif command -v gnome-open &> /dev/null; then
            gnome-open "$url" 2>/dev/null || true
        fi
    fi

    echo -e "${GREEN}✓${NC} Browser launched!"
}

# Start browser opener in background
open_browser $PORT &

# Start the development server
npm start