var builder = DistributedApplication.CreateBuilder(args);
 
var weatherApi = builder.AddProject<Projects.AspireJavaScript_MinimalApi>("weatherapi")
    .WithExternalHttpEndpoints();
 
builder.AddNpmApp("angular", "../AspireJavaScript.Angular")
    .WithNpm(install: true)
    .WithReference(weatherApi)
    .WaitFor(weatherApi)
    .WithHttpEndpoint(env: "PORT")
    .WithExternalHttpEndpoints()
    .PublishAsDockerFile();
 
builder.AddNpmApp("react", "../AspireJavaScript.React")
    .WithNpm(install: true)
    .WithReference(weatherApi)
    .WaitFor(weatherApi)
    .WithEnvironment("BROWSER", "none") // Disable opening browser on npm start
    .WithHttpEndpoint(env: "PORT")
    .WithExternalHttpEndpoints()
    .PublishAsDockerFile();
 
builder.AddNpmApp("vue", "../AspireJavaScript.Vue")
    .WithInstallCommand("npm", ["ci"]) // Use 'npm ci' for clean install
    .WithReference(weatherApi)
    .WaitFor(weatherApi)
    .WithHttpEndpoint(env: "PORT")
    .WithExternalHttpEndpoints()
    .PublishAsDockerFile();
 
builder.AddViteApp("reactvite", "../AspireJavaScript.Vite")
    .WithNpm(install: true)
    .WithReference(weatherApi)
    .WithEnvironment("BROWSER", "none")
    .WithExternalHttpEndpoints();
 
builder.Build().Run();