Update samples for Aspire 13.3 APIs

samples/Metrics/MetricsApp.AppHost/MetricsApp.AppHost.csproj

@@ -9,7 +9,6 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageReference Include="Microsoft.Extensions.Hosting" Version="10.0.8" />
     <ProjectReference Include="..\MetricsApp\MetricsApp.csproj" />
   </ItemGroup>

samples/aspire-shop/AspireShop.AppHost/AspireShop.AppHost.csproj

@@ -9,7 +9,6 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageReference Include="Aspire.Hosting.PostgreSQL" Version="13.4.0" />
     <PackageReference Include="Aspire.Hosting.Redis" Version="13.4.0" />
     <PackageReference Include="Microsoft.Extensions.Hosting" Version="10.0.8" />

samples/aspire-with-azure-functions/Directory.Packages.props

@@ -3,7 +3,6 @@
     <ManagePackageVersionsCentrally>true</ManagePackageVersionsCentrally>
   </PropertyGroup>
   <ItemGroup>
-    <PackageVersion Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageVersion Include="Aspire.Hosting.Azure" Version="13.4.0" />
     <!-- Aspire Hosting -->
     <PackageVersion Include="Aspire.Hosting.Azure.AppContainers" Version="13.4.0" />

samples/aspire-with-azure-functions/ImageGallery.AppHost/AppHost.cs

@@ -2,7 +2,7 @@
 
 var builder = DistributedApplication.CreateBuilder(args);
 
-builder.AddAzureContainerAppEnvironment("env");
+var env = builder.AddAzureContainerAppEnvironment("env");
 
 var storage = builder.AddAzureStorage("storage").RunAsEmulator()
     .ConfigureInfrastructure((infrastructure) =>
@@ -24,7 +24,8 @@
 var blobs = storage.AddBlobs("blobs");
 var queues = storage.AddQueues("queues");
 
-var functions = builder.AddAzureFunctionsProject<Projects.ImageGallery_Functions>("functions")
+var functions = builder.AddAzureFunctionsProject("functions", "../ImageGallery.Functions/ImageGallery.Functions.csproj")
+                       .WithComputeEnvironment(env)
                        .WithReference(queues)
                        .WithReference(blobs)
                        .WaitFor(storage)
@@ -37,6 +38,7 @@
                        .WithUrlForEndpoint("http", u => u.DisplayText = "Functions App");
 
 builder.AddProject<Projects.ImageGallery_FrontEnd>("frontend")
+       .WithComputeEnvironment(env)
        .WithReference(queues)
        .WithReference(blobs)
        .WaitFor(functions)

samples/aspire-with-azure-functions/ImageGallery.AppHost/ImageGallery.AppHost.csproj

@@ -15,7 +15,6 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" />
     <PackageReference Include="Aspire.Hosting.Azure" />
     <PackageReference Include="Microsoft.Extensions.Hosting" />
     <ProjectReference Include="..\ImageGallery.FrontEnd\ImageGallery.FrontEnd.csproj" />

samples/aspire-with-javascript/AspireJavaScript.AppHost/AppHost.cs

@@ -1,4 +1,7 @@
-var builder = DistributedApplication.CreateBuilder(args);
+#pragma warning disable ASPIREBROWSERLOGS001
+#pragma warning disable ASPIREJAVASCRIPT001
+
+var builder = DistributedApplication.CreateBuilder(args);
 
 var weatherApi = builder.AddProject<Projects.AspireJavaScript_MinimalApi>("weatherapi")
     .WithExternalHttpEndpoints();
@@ -9,7 +12,8 @@
     .WaitFor(weatherApi)
     .WithHttpEndpoint(env: "PORT")
     .WithExternalHttpEndpoints()
-    .PublishAsDockerFile();
+    .WithBrowserLogs()
+    .PublishAsStaticWebsite("/api", weatherApi, options => options.OutputPath = "dist/weather/browser");
 
 builder.AddJavaScriptApp("react", "../AspireJavaScript.React", runScriptName: "start")
     .WithNpm(installCommand: "ci")
@@ -18,7 +22,8 @@
     .WithEnvironment("BROWSER", "none") // Disable opening browser on npm start
     .WithHttpEndpoint(env: "PORT")
     .WithExternalHttpEndpoints()
-    .PublishAsDockerFile();
+    .WithBrowserLogs()
+    .PublishAsStaticWebsite("/api", weatherApi);
 
 builder.AddJavaScriptApp("vue", "../AspireJavaScript.Vue")
     .WithRunScript("start")
@@ -27,14 +32,14 @@
     .WaitFor(weatherApi)
     .WithHttpEndpoint(env: "PORT")
     .WithExternalHttpEndpoints()
-    .PublishAsDockerFile();
+    .WithBrowserLogs()
+    .PublishAsStaticWebsite("/api", weatherApi);
 
-var reactVite = builder.AddViteApp("reactvite", "../AspireJavaScript.Vite")
+builder.AddViteApp("reactvite", "../AspireJavaScript.Vite")
     .WithNpm(installCommand: "ci")
     .WithReference(weatherApi)
-    .WithEnvironment("BROWSER", "none");
-
-// Bundle the output of the Vite app into the wwwroot of the weather API
-weatherApi.PublishWithContainerFiles(reactVite, "./wwwroot");
+    .WithEnvironment("BROWSER", "none")
+    .WithBrowserLogs()
+    .PublishAsStaticWebsite("/api", weatherApi);
 
 builder.Build().Run();

samples/aspire-with-javascript/AspireJavaScript.AppHost/AspireJavaScript.AppHost.csproj

@@ -9,9 +9,9 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageReference Include="Microsoft.Extensions.Hosting" Version="10.0.8" />
     <ProjectReference Include="..\AspireJavaScript.MinimalApi\AspireJavaScript.MinimalApi.csproj" />
+    <PackageReference Include="Aspire.Hosting.Browsers" Version="13.4.0-preview.1.26281.18" />
     <PackageReference Include="Aspire.Hosting.JavaScript" Version="13.4.0" />
   </ItemGroup>
 

samples/aspire-with-node/AspireWithNode.AppHost/AppHost.cs

@@ -1,4 +1,6 @@
-var builder = DistributedApplication.CreateBuilder(args);
+#pragma warning disable ASPIREBROWSERLOGS001
+
+var builder = DistributedApplication.CreateBuilder(args);
 
 var cache = builder.AddRedis("cache")
     .WithRedisInsight();
@@ -12,6 +14,7 @@
     .WithHttpEndpoint(port: 5223, env: "PORT")
     .WithExternalHttpEndpoints()
     .WithHttpHealthCheck("/health")
+    .WithBrowserLogs()
     .WithReference(weatherapi).WaitFor(weatherapi)
     .WithReference(cache).WaitFor(cache);
 

samples/aspire-with-node/AspireWithNode.AppHost/AspireWithNode.AppHost.csproj

@@ -9,9 +9,9 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageReference Include="Microsoft.Extensions.Hosting" Version="10.0.8" />
     <ProjectReference Include="..\AspireWithNode.AspNetCoreApi\AspireWithNode.AspNetCoreApi.csproj" />
+    <PackageReference Include="Aspire.Hosting.Browsers" Version="13.4.0-preview.1.26281.18" />
     <PackageReference Include="Aspire.Hosting.JavaScript" Version="13.4.0" />
     <PackageReference Include="Aspire.Hosting.Redis" Version="13.4.0" />
   </ItemGroup>

samples/aspire-with-python/apphost.cs

@@ -1,5 +1,9 @@
+#pragma warning disable ASPIREBROWSERLOGS001
+#pragma warning disable ASPIREJAVASCRIPT001
+
 #:sdk Aspire.AppHost.Sdk@13.4.0
 #:package Aspire.Hosting.JavaScript@13.4.0
+#:package Aspire.Hosting.Browsers@13.4.0-preview.1.26281.18
 #:package Aspire.Hosting.Python@13.4.0
 #:package Aspire.Hosting.Redis@13.4.0
 
@@ -14,10 +18,10 @@
     .WaitFor(cache)
     .WithHttpHealthCheck("/health");
 
-var frontend = builder.AddViteApp("frontend", "./frontend")
+builder.AddViteApp("frontend", "./frontend")
     .WithReference(app)
-    .WaitFor(app);
-
-app.PublishWithContainerFiles(frontend, "./static");
+    .WaitFor(app)
+    .WithBrowserLogs()
+    .PublishAsStaticWebsite("/api", app);
 
 builder.Build().Run();

samples/client-apps-integration/ClientAppsIntegration.AppHost/ClientAppsIntegration.AppHost.csproj

@@ -9,7 +9,6 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageReference Include="Microsoft.Extensions.Hosting" Version="10.0.8" />
     <ProjectReference Include="..\ClientAppsIntegration.ApiService\ClientAppsIntegration.ApiService.csproj" />
     <ProjectReference Include="..\ClientAppsIntegration.WinForms\ClientAppsIntegration.WinForms.csproj" />

samples/custom-resources/CustomResources.AppHost/AppHost.cs

@@ -1,9 +1,31 @@
 using CustomResources.AppHost;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.Logging;
 
 var builder = DistributedApplication.CreateBuilder(args);
 
 builder.AddTalkingClock("talking-clock");
 
 builder.AddTestResource("test");
 
+builder.OnBeforeStart(static (@event, cancellationToken) =>
+{
+    var logger = @event.Services.GetRequiredService<ILoggerFactory>()
+        .CreateLogger("CustomResources.AppHost");
+
+    logger.LogInformation("Starting custom resources sample with {ResourceCount} resources.", @event.Model.Resources.Count);
+
+    return Task.CompletedTask;
+});
+
+builder.Eventing.Subscribe<AfterResourcesCreatedEvent>(static (@event, cancellationToken) =>
+{
+    var logger = @event.Services.GetRequiredService<ILoggerFactory>()
+        .CreateLogger("CustomResources.AppHost");
+
+    logger.LogInformation("Custom resources sample created {ResourceCount} resources.", @event.Model.Resources.Count);
+
+    return Task.CompletedTask;
+});
+
 builder.Build().Run();

samples/custom-resources/CustomResources.AppHost/CustomResources.AppHost.csproj

@@ -8,7 +8,6 @@
     <UserSecretsId>00d08ee4-b2e0-4d12-827c-d131fda1c6f6</UserSecretsId>
   </PropertyGroup>
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageReference Include="Microsoft.Extensions.Hosting" Version="10.0.8" />
   </ItemGroup>
 

samples/custom-resources/CustomResources.AppHost/TestResource.cs

@@ -2,6 +2,7 @@
 // The .NET Foundation licenses this file to you under the MIT license.
 
 using System.Globalization;
+using System.Text.Json;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Hosting;
 using Microsoft.Extensions.Logging;
@@ -23,6 +24,24 @@ public static IResourceBuilder<TestResource> AddTestResource(this IDistributedAp
                     new(CustomResourceKnownProperties.Source, "Custom")
                 ]
             })
+            .WithCommand(
+                name: "inspect",
+                displayName: "Inspect resource",
+                executeCommand: context =>
+                {
+                    context.Logger.LogInformation("Inspect command executed for {ResourceName}.", context.ResourceName);
+
+                    var result = JsonSerializer.Serialize(new
+                    {
+                        resource = context.ResourceName,
+                        generatedAt = DateTimeOffset.UtcNow
+                    });
+
+                    return Task.FromResult(CommandResults.Success(
+                        message: "Resource inspection generated.",
+                        result: result,
+                        resultFormat: CommandResultFormat.Json));
+                })
             .ExcludeFromManifest();
 
         rb.OnInitializeResource((resource, e, ct) =>

samples/database-containers/DatabaseContainers.AppHost/DatabaseContainers.AppHost.csproj

@@ -17,7 +17,6 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageReference Include="Aspire.Hosting.MySql" Version="13.4.0" />
     <PackageReference Include="Aspire.Hosting.PostgreSQL" Version="13.4.0" />
     <PackageReference Include="Aspire.Hosting.SqlServer" Version="13.4.0" />

samples/database-migrations/DatabaseMigrations.AppHost/DatabaseMigrations.AppHost.csproj

@@ -13,7 +13,6 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageReference Include="Microsoft.Extensions.Hosting" Version="10.0.8" />
     <ProjectReference Include="..\DatabaseMigrations.ApiService\DatabaseMigrations.ApiService.csproj" />
     <ProjectReference Include="..\DatabaseMigrations.MigrationService\DatabaseMigrations.MigrationService.csproj" />

samples/health-checks-ui/HealthChecksUI.AppHost/AppHost.cs

@@ -1,15 +1,18 @@
 var builder = DistributedApplication.CreateBuilder(args);
 
-builder.AddDockerComposeEnvironment("compose");
+var compose = builder.AddDockerComposeEnvironment("compose");
 
-var cache = builder.AddRedis("cache");
+var cache = builder.AddRedis("cache")
+    .WithComputeEnvironment(compose);
 
 var apiService = builder.AddProject<Projects.HealthChecksUI_ApiService>("apiservice")
+    .WithComputeEnvironment(compose)
     .WithHttpHealthCheck("/health")
     .WithHttpProbe(ProbeType.Liveness, "/alive")
     .WithFriendlyUrls(displayText: "API");
 
 var webFrontend = builder.AddProject<Projects.HealthChecksUI_Web>("webfrontend")
+    .WithComputeEnvironment(compose)
     .WithReference(cache)
     .WaitFor(cache)
     .WithReference(apiService)
@@ -20,6 +23,7 @@
     .WithExternalHttpEndpoints();
 
 var healthChecksUI = builder.AddHealthChecksUI("healthchecksui")
+    .WithComputeEnvironment(compose)
     .WithReference(apiService)
     .WithReference(webFrontend)
     .WithFriendlyUrls("HealthChecksUI Dashboard", "http")

samples/health-checks-ui/HealthChecksUI.AppHost/HealthChecksUI.AppHost.csproj

@@ -14,7 +14,6 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Aspire.Hosting.AppHost" Version="13.4.0" />
     <PackageReference Include="Aspire.Hosting.Docker" Version="13.4.0" />
     <PackageReference Include="Aspire.Hosting.Redis" Version="13.4.0" />
     <PackageReference Include="Microsoft.Extensions.Hosting" Version="10.0.8" />

samples/image-gallery/README.md

@@ -19,7 +19,8 @@ flowchart LR
 **Publish Mode:**
 ```mermaid
 flowchart LR
-    Browser --> API[C# API serving<br/>Vite build output<br/>'npm run build']
+    Browser --> Frontend[Static website serving<br/>Vite build output<br/>'npm run build']
+    Frontend -->|Proxy /api| API[C# API]
     API --> Blobs[Azure Blob Storage]
     API --> Queue[Azure Storage Queue]
     API --> SQL[Azure SQL]
@@ -54,7 +55,7 @@ flowchart LR
 - **Dual-Mode Resources**: Azurite/SQL Server containers locally, Azure services in production (`.RunAsEmulator()`, `.RunAsContainer()`)
 - **Free Tier Deployment**: Azure SQL free tier with serverless auto-pause, Container Apps scale-to-zero
 - **Managed Identity**: Password-less authentication to all Azure resources (Storage, SQL, Queues)
-- **Polyglot Stack**: Vite+React frontend embedded in C# API container, SkiaSharp for image processing
+- **Polyglot Stack**: Vite+React frontend published as a static website, SkiaSharp for image processing
 - **OpenTelemetry**: Distributed tracing across upload → queue → worker pipeline
 
 ## Running Locally
@@ -194,9 +195,9 @@ else
 }
 ```
 
-**Container Files Publishing** - Embed Vite build output in API container:
+**Static Website Publishing** - Publish the Vite app as a static website with API proxying:
 ```csharp
-api.PublishWithContainerFiles(frontend, "wwwroot");
+frontend.PublishAsStaticWebsite("/api", api);
 ```
 
 ## Performance & Cost Characteristics

samples/image-gallery/apphost.cs

@@ -1,10 +1,13 @@
 #pragma warning disable ASPIRECSHARPAPPS001
 #pragma warning disable ASPIREAZURE002
+#pragma warning disable ASPIREBROWSERLOGS001
+#pragma warning disable ASPIREJAVASCRIPT001
 
 #:sdk Aspire.AppHost.Sdk@13.4.0
 #:package Aspire.Hosting.Azure.Storage@13.4.0
 #:package Aspire.Hosting.Azure.Sql@13.4.0
 #:package Aspire.Hosting.JavaScript@13.4.0
+#:package Aspire.Hosting.Browsers@13.4.0-preview.1.26281.18
 #:package Aspire.Hosting.Azure.AppContainers@13.4.0
 
 using Aspire.Hosting.Azure;
@@ -13,7 +16,7 @@
 
 var builder = DistributedApplication.CreateBuilder(args);
 
-builder.AddAzureContainerAppEnvironment("env");
+var env = builder.AddAzureContainerAppEnvironment("env");
 
 // Storage: Use Azurite emulator in run mode, real Azure in publish mode
 var storage = builder.AddAzureStorage("storage")
@@ -29,6 +32,7 @@
 
 // API: Upload images, queue thumbnail jobs, serve metadata
 var api = builder.AddCSharpApp("api", "./api")
+    .WithComputeEnvironment(env)
     .WithHttpHealthCheck("/health")
     .WithExternalHttpEndpoints()
     .WaitFor(sql)
@@ -58,6 +62,7 @@
 // Worker: Container Apps Job for queue-triggered thumbnail generation
 // Event-driven: starts when messages arrive, exits within ~5 seconds when queue is empty
 var worker = builder.AddCSharpApp("worker", "./worker")
+    .WithComputeEnvironment(env)
     .WithReference(blobs)
     .WithReference(queues)
     .WithReference(sql)
@@ -99,13 +104,12 @@
 }
 
 // Frontend: Vite+React for upload and gallery UI
-var frontend = builder.AddViteApp("frontend", "./frontend")
+builder.AddViteApp("frontend", "./frontend")
     .WithEndpoint("http", e => e.Port = 9080)
     .WithReference(api)
-    .WithUrl("", "Image Gallery");
-
-// Publish: Embed frontend build output in API container
-api.PublishWithContainerFiles(frontend, "wwwroot");
+    .WithUrl("", "Image Gallery")
+    .WithBrowserLogs()
+    .WithComputeEnvironment(env)
+    .PublishAsStaticWebsite("/api", api);
 
 builder.Build().Run();
-