|
| 1 | +#!/bin/bash |
| 2 | +# DemoScript Build Script |
| 3 | +# |
| 4 | +# Builds all project components and optionally creates distribution packages. |
| 5 | +# |
| 6 | +# Usage: |
| 7 | +# ./build.sh # Build UI and CLI |
| 8 | +# ./build.sh --serve [serve-args] # Build and start dev server |
| 9 | +# ./build.sh --rpm # Build everything + RPM package |
| 10 | +# ./build.sh --deb # Build everything + DEB package |
| 11 | +# ./build.sh --packages # Build everything + all packages |
| 12 | +# ./build.sh --clean # Clean build artifacts first |
| 13 | +# |
| 14 | +# Options: |
| 15 | +# --clean Clean build artifacts before building |
| 16 | +# --serve Start dev server after building (args after this are passed to serve) |
| 17 | +# --rpm Build RPM package after building |
| 18 | +# --deb Build DEB package after building |
| 19 | +# --packages Build all packages (RPM + DEB) after building |
| 20 | +# --skip-ui Skip UI build (use existing) |
| 21 | +# --skip-cli Skip CLI build (use existing) |
| 22 | +# -h, --help Show this help message |
| 23 | +# |
| 24 | +# Serve examples: |
| 25 | +# ./build.sh --serve # Default demo, port 3001, all interfaces |
| 26 | +# ./build.sh --serve ~/my-demo # Custom demo path |
| 27 | +# ./build.sh --serve ~/my-demo --port 8080 # Custom port |
| 28 | +# ./build.sh --serve --tunnel # With ngrok tunnel |
| 29 | + |
| 30 | +set -e |
| 31 | + |
| 32 | +SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)" |
| 33 | +cd "$SCRIPT_DIR" |
| 34 | + |
| 35 | +# Colors for output |
| 36 | +RED='\033[0;31m' |
| 37 | +GREEN='\033[0;32m' |
| 38 | +YELLOW='\033[1;33m' |
| 39 | +CYAN='\033[0;36m' |
| 40 | +NC='\033[0m' # No Color |
| 41 | + |
| 42 | +# Parse arguments |
| 43 | +CLEAN=false |
| 44 | +SERVE=false |
| 45 | +BUILD_RPM=false |
| 46 | +BUILD_DEB=false |
| 47 | +SKIP_UI=false |
| 48 | +SKIP_CLI=false |
| 49 | +SERVE_ARGS=() |
| 50 | + |
| 51 | +while [[ $# -gt 0 ]]; do |
| 52 | + case $1 in |
| 53 | + --clean) |
| 54 | + CLEAN=true |
| 55 | + shift |
| 56 | + ;; |
| 57 | + --serve) |
| 58 | + SERVE=true |
| 59 | + shift |
| 60 | + # Collect remaining args for serve command |
| 61 | + SERVE_ARGS=("$@") |
| 62 | + break |
| 63 | + ;; |
| 64 | + --rpm) |
| 65 | + BUILD_RPM=true |
| 66 | + shift |
| 67 | + ;; |
| 68 | + --deb) |
| 69 | + BUILD_DEB=true |
| 70 | + shift |
| 71 | + ;; |
| 72 | + --packages) |
| 73 | + BUILD_RPM=true |
| 74 | + BUILD_DEB=true |
| 75 | + shift |
| 76 | + ;; |
| 77 | + --skip-ui) |
| 78 | + SKIP_UI=true |
| 79 | + shift |
| 80 | + ;; |
| 81 | + --skip-cli) |
| 82 | + SKIP_CLI=true |
| 83 | + shift |
| 84 | + ;; |
| 85 | + -h|--help) |
| 86 | + head -28 "$0" | tail -27 |
| 87 | + exit 0 |
| 88 | + ;; |
| 89 | + *) |
| 90 | + echo -e "${RED}Unknown option: $1${NC}" |
| 91 | + echo "Use --help for usage information" |
| 92 | + exit 1 |
| 93 | + ;; |
| 94 | + esac |
| 95 | +done |
| 96 | + |
| 97 | +echo -e "${CYAN}╔══════════════════════════════════════╗${NC}" |
| 98 | +echo -e "${CYAN}║ DemoScript Build Script ║${NC}" |
| 99 | +echo -e "${CYAN}╚══════════════════════════════════════╝${NC}" |
| 100 | +echo |
| 101 | + |
| 102 | +# Step 1: Clean if requested |
| 103 | +if [ "$CLEAN" = true ]; then |
| 104 | + echo -e "${YELLOW}[1/4] Cleaning build artifacts...${NC}" |
| 105 | + rm -rf packages/ui/dist |
| 106 | + rm -rf packages/cli/dist |
| 107 | + rm -rf dist |
| 108 | + echo -e "${GREEN} Cleaned!${NC}" |
| 109 | + echo |
| 110 | +fi |
| 111 | + |
| 112 | +# Step 2: Build UI |
| 113 | +if [ "$SKIP_UI" = false ]; then |
| 114 | + echo -e "${YELLOW}[2/4] Building UI package...${NC}" |
| 115 | + cd packages/ui |
| 116 | + npm run build |
| 117 | + cd "$SCRIPT_DIR" |
| 118 | + echo -e "${GREEN} UI build complete!${NC}" |
| 119 | + echo |
| 120 | +else |
| 121 | + echo -e "${YELLOW}[2/4] Skipping UI build${NC}" |
| 122 | + echo |
| 123 | +fi |
| 124 | + |
| 125 | +# Step 3: Build CLI |
| 126 | +if [ "$SKIP_CLI" = false ]; then |
| 127 | + echo -e "${YELLOW}[3/4] Building CLI package...${NC}" |
| 128 | + cd packages/cli |
| 129 | + npm run build |
| 130 | + cd "$SCRIPT_DIR" |
| 131 | + echo -e "${GREEN} CLI build complete!${NC}" |
| 132 | + echo |
| 133 | +else |
| 134 | + echo -e "${YELLOW}[3/4] Skipping CLI build${NC}" |
| 135 | + echo |
| 136 | +fi |
| 137 | + |
| 138 | +# Step 4: Copy UI dist to CLI's ui-dist folder |
| 139 | +# This is CRITICAL - the CLI serve command looks for ui-dist in its dist folder |
| 140 | +echo -e "${YELLOW}[4/4] Syncing UI assets to CLI...${NC}" |
| 141 | +if [ -d "packages/ui/dist" ]; then |
| 142 | + mkdir -p packages/cli/dist/ui-dist |
| 143 | + rm -rf packages/cli/dist/ui-dist/* |
| 144 | + cp -r packages/ui/dist/* packages/cli/dist/ui-dist/ |
| 145 | + echo -e "${GREEN} UI assets synced to CLI!${NC}" |
| 146 | +else |
| 147 | + echo -e "${RED} Error: UI dist not found. Run without --skip-ui first.${NC}" |
| 148 | + exit 1 |
| 149 | +fi |
| 150 | +echo |
| 151 | + |
| 152 | +# Verify build |
| 153 | +echo -e "${CYAN}Build verification:${NC}" |
| 154 | +if [ -f "packages/cli/dist/ui-dist/index.html" ]; then |
| 155 | + JS_FILE=$(grep -o 'index-[A-Za-z0-9]*\.js' packages/cli/dist/ui-dist/index.html | head -1) |
| 156 | + CSS_FILE=$(grep -o 'index-[A-Za-z0-9]*\.css' packages/cli/dist/ui-dist/index.html | head -1) |
| 157 | + echo -e " ${GREEN}✓${NC} UI HTML: packages/cli/dist/ui-dist/index.html" |
| 158 | + echo -e " ${GREEN}✓${NC} JS: packages/cli/dist/ui-dist/assets/${JS_FILE}" |
| 159 | + echo -e " ${GREEN}✓${NC} CSS: packages/cli/dist/ui-dist/assets/${CSS_FILE}" |
| 160 | +else |
| 161 | + echo -e " ${RED}✗${NC} UI dist not found!" |
| 162 | + exit 1 |
| 163 | +fi |
| 164 | + |
| 165 | +if [ -f "packages/cli/dist/bundle.cjs" ]; then |
| 166 | + echo -e " ${GREEN}✓${NC} CLI: packages/cli/dist/bundle.cjs" |
| 167 | +else |
| 168 | + echo -e " ${RED}✗${NC} CLI bundle not found!" |
| 169 | + exit 1 |
| 170 | +fi |
| 171 | +echo |
| 172 | + |
| 173 | +# Build packages if requested |
| 174 | +if [ "$BUILD_RPM" = true ] || [ "$BUILD_DEB" = true ]; then |
| 175 | + echo -e "${CYAN}Building distribution packages...${NC}" |
| 176 | + echo |
| 177 | + |
| 178 | + if [ "$BUILD_RPM" = true ] && [ "$BUILD_DEB" = true ]; then |
| 179 | + ./scripts/build-packages.sh all |
| 180 | + elif [ "$BUILD_RPM" = true ]; then |
| 181 | + ./scripts/build-packages.sh rpm |
| 182 | + elif [ "$BUILD_DEB" = true ]; then |
| 183 | + ./scripts/build-packages.sh deb |
| 184 | + fi |
| 185 | + echo |
| 186 | +fi |
| 187 | + |
| 188 | +echo -e "${GREEN}╔══════════════════════════════════════╗${NC}" |
| 189 | +echo -e "${GREEN}║ Build Complete! ║${NC}" |
| 190 | +echo -e "${GREEN}╚══════════════════════════════════════╝${NC}" |
| 191 | +echo |
| 192 | + |
| 193 | +# Start server if requested |
| 194 | +if [ "$SERVE" = true ]; then |
| 195 | + echo -e "${CYAN}Starting dev server...${NC}" |
| 196 | + echo "Use Ctrl+C to stop" |
| 197 | + echo |
| 198 | + |
| 199 | + # Parse serve args - first non-flag arg is the demo path |
| 200 | + DEMO_PATH="" |
| 201 | + EXTRA_ARGS=() |
| 202 | + HAS_PORT=false |
| 203 | + HAS_HOST=false |
| 204 | + |
| 205 | + for arg in "${SERVE_ARGS[@]}"; do |
| 206 | + if [[ "$arg" == --port* ]] || [[ "$arg" == -p ]]; then |
| 207 | + HAS_PORT=true |
| 208 | + EXTRA_ARGS+=("$arg") |
| 209 | + elif [[ "$arg" == -H ]] || [[ "$arg" == --host ]]; then |
| 210 | + HAS_HOST=true |
| 211 | + EXTRA_ARGS+=("$arg") |
| 212 | + elif [[ "$arg" == -* ]]; then |
| 213 | + EXTRA_ARGS+=("$arg") |
| 214 | + elif [ -z "$DEMO_PATH" ]; then |
| 215 | + DEMO_PATH="$arg" |
| 216 | + else |
| 217 | + EXTRA_ARGS+=("$arg") |
| 218 | + fi |
| 219 | + done |
| 220 | + |
| 221 | + # Default demo path |
| 222 | + DEMO_PATH="${DEMO_PATH:-examples/feature-showcase}" |
| 223 | + |
| 224 | + # Add default port and host if not specified |
| 225 | + if [ "$HAS_PORT" = false ]; then |
| 226 | + EXTRA_ARGS+=(--port 3001) |
| 227 | + fi |
| 228 | + if [ "$HAS_HOST" = false ]; then |
| 229 | + EXTRA_ARGS+=(-H 0.0.0.0) |
| 230 | + fi |
| 231 | + |
| 232 | + if [ -d "$DEMO_PATH" ] || [ -f "$DEMO_PATH" ]; then |
| 233 | + echo -e " Demo: ${CYAN}$DEMO_PATH${NC}" |
| 234 | + echo -e " Args: ${CYAN}${EXTRA_ARGS[*]}${NC}" |
| 235 | + echo |
| 236 | + node packages/cli/dist/index.js serve "$DEMO_PATH" "${EXTRA_ARGS[@]}" |
| 237 | + else |
| 238 | + echo -e "${RED}Demo not found: $DEMO_PATH${NC}" |
| 239 | + echo |
| 240 | + echo "Usage: ./build.sh --serve [demo-path] [serve-options]" |
| 241 | + echo "Examples:" |
| 242 | + echo " ./build.sh --serve" |
| 243 | + echo " ./build.sh --serve ~/my-demo" |
| 244 | + echo " ./build.sh --serve ~/my-demo --port 8080" |
| 245 | + echo " ./build.sh --serve --tunnel" |
| 246 | + exit 1 |
| 247 | + fi |
| 248 | +fi |
0 commit comments