85 lines
2.7 KiB
Bash
85 lines
2.7 KiB
Bash
|
#!/bin/bash
|
||
|
|
|
||
|
|
# Script to build the Angular application and prepare files for implementation
|
||
|
|
# Created: 2025-07-22
|
||
|
|
|
||
|
|
# Exit on error
|
||
|
|
set -e
|
||
|
|
|
||
|
|
echo "=== Angular Build Script ==="
|
||
|
|
echo "This script builds the Angular application and prepares files for implementation"
|
||
|
|
|
||
|
|
# Check Node.js version
|
||
|
|
NODE_VERSION=$(node -v | cut -d 'v' -f 2)
|
||
|
|
NODE_MAJOR_VERSION=$(echo $NODE_VERSION | cut -d '.' -f 1)
|
||
|
|
NODE_MINOR_VERSION=$(echo $NODE_VERSION | cut -d '.' -f 2)
|
||
|
|
|
||
|
|
echo "Detected Node.js version: v$NODE_VERSION"
|
||
|
|
|
||
|
|
# Check if Node.js version is compatible (v20.19+ or v22.12+)
|
||
|
|
if [[ ($NODE_MAJOR_VERSION -eq 20 && $NODE_MINOR_VERSION -ge 19) || ($NODE_MAJOR_VERSION -ge 22 && $NODE_MINOR_VERSION -ge 12) || ($NODE_MAJOR_VERSION -gt 22) ]]; then
|
||
|
|
echo "Node.js version is compatible."
|
||
|
|
else
|
||
|
|
echo "Error: Angular CLI requires Node.js version v20.19+ or v22.12+"
|
||
|
|
echo "Please update your Node.js version or visit https://nodejs.org/ for additional instructions."
|
||
|
|
exit 1
|
||
|
|
fi
|
||
|
|
|
||
|
|
# Build the Angular application
|
||
|
|
echo "Building Angular application..."
|
||
|
|
npm run build
|
||
|
|
|
||
|
|
# Check if build was successful
|
||
|
|
if [ $? -ne 0 ]; then
|
||
|
|
echo "Error: Angular build failed."
|
||
|
|
exit 1
|
||
|
|
fi
|
||
|
|
|
||
|
|
# Define paths
|
||
|
|
DIST_DIR="dist/my-app/browser"
|
||
|
|
IMPLEMENTATION_ASSETS_DIR="implementation/assets"
|
||
|
|
|
||
|
|
# Create implementation assets directory if it doesn't exist
|
||
|
|
mkdir -p "$IMPLEMENTATION_ASSETS_DIR"
|
||
|
|
|
||
|
|
# Find the CSS and JS files
|
||
|
|
CSS_FILE=$(find "$DIST_DIR" -name "styles-*.css" | head -n 1)
|
||
|
|
MAIN_JS_FILE=$(find "$DIST_DIR" -name "main-*.js" | head -n 1)
|
||
|
|
POLYFILLS_JS_FILE=$(find "$DIST_DIR" -name "polyfills-*.js" | head -n 1)
|
||
|
|
|
||
|
|
# Check if files exist
|
||
|
|
if [ -z "$CSS_FILE" ]; then
|
||
|
|
echo "Error: Could not find styles CSS file in $DIST_DIR"
|
||
|
|
exit 1
|
||
|
|
fi
|
||
|
|
|
||
|
|
if [ -z "$MAIN_JS_FILE" ]; then
|
||
|
|
echo "Error: Could not find main JS file in $DIST_DIR"
|
||
|
|
exit 1
|
||
|
|
fi
|
||
|
|
|
||
|
|
# Copy and rename CSS file
|
||
|
|
echo "Copying CSS file to implementation assets..."
|
||
|
|
cp "$CSS_FILE" "$IMPLEMENTATION_ASSETS_DIR/design-system.css"
|
||
|
|
|
||
|
|
# Combine JS files if polyfills exist, otherwise just use main JS
|
||
|
|
if [ -n "$POLYFILLS_JS_FILE" ]; then
|
||
|
|
echo "Combining main and polyfills JS files..."
|
||
|
|
cat "$MAIN_JS_FILE" "$POLYFILLS_JS_FILE" > "$IMPLEMENTATION_ASSETS_DIR/design-system.js"
|
||
|
|
else
|
||
|
|
echo "Copying main JS file to implementation assets..."
|
||
|
|
cp "$MAIN_JS_FILE" "$IMPLEMENTATION_ASSETS_DIR/design-system.js"
|
||
|
|
fi
|
||
|
|
|
||
|
|
echo "Build completed successfully!"
|
||
|
|
echo "Files have been copied to $IMPLEMENTATION_ASSETS_DIR:"
|
||
|
|
echo "- design-system.css"
|
||
|
|
echo "- design-system.js"
|
||
|
|
|
||
|
|
# Show file sizes
|
||
|
|
echo "File sizes:"
|
||
|
|
ls -lh "$IMPLEMENTATION_ASSETS_DIR/design-system.css" | awk '{print "- CSS: " $5}'
|
||
|
|
ls -lh "$IMPLEMENTATION_ASSETS_DIR/design-system.js" | awk '{print "- JS: " $5}'
|
||
|
|
|
||
|
|
echo "=== Done ==="
|