refactor: Simplify webapp packaging scripts and update build process for Azure deployment

Author: Vemarthula-Microsoft

azure_custom.yaml

@@ -26,40 +26,14 @@ services:
       prepackage:
         windows:
           shell: pwsh
+          run: ../../infra/scripts/package_webapp.ps1
+          interactive: true
           continueOnError: false
-          run: |
-            Write-Host "=== React Build Starting ===" -ForegroundColor Cyan
-            Write-Host "Current directory: $(Get-Location)" -ForegroundColor Yellow
-            $apiUrl = azd env get-value API_APP_URL
-            if (-not $apiUrl) {
-              Write-Error "API_APP_URL not found. Run 'azd provision' first."
-              exit 1
-            }
-            Write-Host "Setting REACT_APP_API_BASE_URL=$apiUrl" -ForegroundColor Yellow
-            $env:REACT_APP_API_BASE_URL = $apiUrl
-            Write-Host "Installing dependencies..." -ForegroundColor Cyan
-            npm install
-            Write-Host "Building React app..." -ForegroundColor Cyan
-            npm run build
-            Write-Host "=== React Build Complete ===" -ForegroundColor Green
         posix:
           shell: sh
+          run: bash ../../infra/scripts/package_webapp.sh
+          interactive: true
           continueOnError: false
-          run: |
-            echo "=== React Build Starting ==="
-            echo "Current directory: $(pwd)"
-            apiUrl=$(azd env get-value API_APP_URL)
-            if [ -z "$apiUrl" ]; then
-              echo "ERROR: API_APP_URL not found. Run 'azd provision' first."
-              exit 1
-            fi
-            echo "Setting REACT_APP_API_BASE_URL=$apiUrl"
-            export REACT_APP_API_BASE_URL="$apiUrl"
-            echo "Installing dependencies..."
-            npm install
-            echo "Building React app..."
-            npm run build
-            echo "=== React Build Complete ==="
 
 hooks:
   postprovision:

infra/scripts/package_webapp.ps1

@@ -0,0 +1,62 @@
+#!/usr/bin/env pwsh
+
+# Package React webapp for Azure App Service deployment
+# This script builds the React frontend with dynamic API URL injection
+# Run from workspace root OR from src/App (auto-detects location)
+
+Write-Host "=== React App Build Started ===" -ForegroundColor Cyan
+
+$ErrorActionPreference = "Stop"
+
+# Detect if we're in src/App or workspace root and navigate accordingly
+if (Test-Path "package.json") {
+    # Already in src/App
+    Write-Host "Running from src/App directory" -ForegroundColor Gray
+} elseif (Test-Path "src/App/package.json") {
+    # In workspace root, navigate to src/App
+    Write-Host "Navigating to src/App directory" -ForegroundColor Gray
+    Set-Location -Path "src/App"
+} else {
+    Write-Error "Cannot find React app. Run from workspace root or src/App directory."
+    exit 1
+}
+
+# Clean old build folder to ensure fresh build
+if (Test-Path "build") {
+    Write-Host "Cleaning old build folder..." -ForegroundColor Yellow
+    Remove-Item -Path "build" -Recurse -Force
+}
+
+# Get the API URL from azd environment
+Write-Host "Fetching API URL from azd environment..." -ForegroundColor Yellow
+$apiUrl = azd env get-value API_APP_URL
+
+if (-not $apiUrl) {
+    Write-Error "API_APP_URL not found in azd environment. Run 'azd provision' first."
+    exit 1
+}
+
+Write-Host "API URL: $apiUrl" -ForegroundColor Green
+
+# Set environment variable for React build
+$env:REACT_APP_API_BASE_URL = $apiUrl
+Write-Host "Set REACT_APP_API_BASE_URL=$apiUrl" -ForegroundColor Yellow
+
+# Install dependencies
+Write-Host "`nInstalling npm dependencies..." -ForegroundColor Cyan
+npm install
+if ($LASTEXITCODE -ne 0) {
+    Write-Error "npm install failed"
+    exit 1
+}
+
+# Build React app
+Write-Host "`nBuilding React application..." -ForegroundColor Cyan
+npm run build
+if ($LASTEXITCODE -ne 0) {
+    Write-Error "npm run build failed"
+    exit 1
+}
+
+Write-Host "`n=== React App Build Complete ===" -ForegroundColor Green
+Write-Host "Built files are in ./build directory" -ForegroundColor Gray

infra/scripts/package_webapp.sh

@@ -0,0 +1,65 @@
+#!/bin/bash
+
+# Package React webapp for Azure App Service deployment
+# This script builds the React frontend with dynamic API URL injection
+# Run from workspace root OR from src/App (auto-detects location)
+
+set -e
+
+echo "=== React App Build Started ==="
+
+# Detect if we're in src/App or workspace root and navigate accordingly
+if [ -f "package.json" ]; then
+    # Already in src/App
+    echo "Running from src/App directory"
+elif [ -f "src/App/package.json" ]; then
+    # In workspace root, navigate to src/App
+    echo "Navigating to src/App directory"
+    cd src/App
+else
+    echo "ERROR: Cannot find React app. Run from workspace root or src/App directory."
+    exit 1
+fi
+
+# Clean old build folder to ensure fresh build
+if [ -d "build" ]; then
+    echo "Cleaning old build folder..."
+    rm -rf build
+fi
+
+# Get the API URL from azd environment
+echo "Fetching API URL from azd environment..."
+apiUrl=$(azd env get-value API_APP_URL)
+
+if [ -z "$apiUrl" ]; then
+    echo "ERROR: API_APP_URL not found in azd environment. Run 'azd provision' first."
+    exit 1
+fi
+
+echo "API URL: $apiUrl"
+
+# Set environment variable for React build
+export REACT_APP_API_BASE_URL="$apiUrl"
+echo "Set REACT_APP_API_BASE_URL=$apiUrl"
+
+# Install dependencies
+echo ""
+echo "Installing npm dependencies..."
+npm install
+if [ $? -ne 0 ]; then
+    echo "ERROR: npm install failed"
+    exit 1
+fi
+
+# Build React app
+echo ""
+echo "Building React application..."
+npm run build
+if [ $? -ne 0 ]; then
+    echo "ERROR: npm run build failed"
+    exit 1
+fi
+
+echo ""
+echo "=== React App Build Complete ==="
+echo "Built files are in ./build directory"