feat (code-style): [website] libs, formatting, and conventions (#40)

Co-authored-by: Chad Kittel <chad.kittel@gmail.com>

Author: ferantivero

.devcontainer/devcontainer.json

@@ -0,0 +1,18 @@
+{
+    "name": "Azure OpenAI end-to-end basic reference implementation",
+    "image": "mcr.microsoft.com/devcontainers/dotnet:dev-8.0-jammy",
+    "runArgs": ["--network=host"],
+    "remoteUser": "vscode",
+    "features": {
+    },
+    "customizations": {
+        "vscode": {
+            "extensions": [
+                "ms-dotnettools.csdevkit",
+                "ms-azuretools.vscode-bicep"
+            ],
+            "settings": {}
+        }  
+    },
+    "forwardPorts": []
+}

infra-as-code/bicep/webapp.bicep

@@ -117,10 +117,10 @@ resource appsettings 'Microsoft.Web/sites/config@2022-09-01' = {
     APPINSIGHTS_INSTRUMENTATIONKEY: appInsights.properties.InstrumentationKey
     APPLICATIONINSIGHTS_CONNECTION_STRING: appInsights.properties.ConnectionString
     ApplicationInsightsAgent_EXTENSION_VERSION: '~2'
-    chatApiKey: '@Microsoft.KeyVault(SecretUri=${keyVault::chatApiKey.properties.secretUri})'
-    chatApiEndpoint: chatProject::scoreEndpoint.properties.scoringUri
-    chatInputName: 'question'
-    chatOutputName: 'answer'
+    ChatApiKey: '@Microsoft.KeyVault(SecretUri=${keyVault::chatApiKey.properties.secretUri})'
+    ChatApiEndpoint: chatProject::scoreEndpoint.properties.scoringUri
+    ChatInputName: 'question'
+    ChatOutputName: 'answer'
     keyVaultReferenceIdentity: appServiceManagedIdentity.id
   }
 }

website/chatui.sln

@@ -0,0 +1,16 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace chatui.Configuration;
+
+public class ChatApiOptions
+{
+    [Url]
+    public string ChatApiEndpoint { get; init; } = default!;
+
+    [Required]
+    public string ChatApiKey { get; init; } = default!;
+
+    public string ChatInputName { get; init; } = "chat_input";
+
+    public string ChatOutputName { get; init; } = "chat_output";
+}

website/chatui.zip

@@ -0,0 +1,68 @@
+using System.Net.Http.Headers;
+using System.Text.Json;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.Extensions.Options;
+using chatui.Configuration;
+using chatui.Models;
+
+namespace chatui.Controllers;
+
+[ApiController]
+[Route("[controller]/[action]")]
+
+public class ChatController(
+    IHttpClientFactory httpClientFactory,
+    IOptionsMonitor<ChatApiOptions> options, 
+    ILogger<ChatController> logger) : ControllerBase
+{
+    private readonly HttpClient _client = httpClientFactory.CreateClient("ChatClient");
+    private readonly IOptionsMonitor<ChatApiOptions> _options = options;
+    private readonly ILogger<ChatController> _logger = logger;
+
+    [HttpPost]
+    public async Task<IActionResult> Completions([FromBody] string prompt)
+    {
+        if (string.IsNullOrWhiteSpace(prompt))
+            throw new ArgumentException("Prompt cannot be null, empty, or whitespace.", nameof(prompt));
+
+        _logger.LogDebug("Prompt received {Prompt}", prompt);
+
+        var _config = _options.CurrentValue;
+
+        var requestBody = JsonSerializer.Serialize(new Dictionary<string, string>
+        {
+            [_config.ChatInputName] = prompt
+        });
+
+        using var request = new HttpRequestMessage(HttpMethod.Post, _config.ChatApiEndpoint)
+        {
+            Content = new StringContent(requestBody, System.Text.Encoding.UTF8, "application/json"),
+        };
+        request.Headers.Authorization = new AuthenticationHeaderValue("Bearer", _config.ChatApiKey);
+
+        var response = await _client.SendAsync(request);
+        var responseContent = await response.Content.ReadAsStringAsync();
+
+        _logger.LogInformation("HTTP status code: {StatusCode}", response.StatusCode);
+
+        if (!response.IsSuccessStatusCode)
+        {
+            _logger.LogError("Error response: {Content}", responseContent);
+
+            foreach (var (key, value) in response.Headers)
+                _logger.LogDebug("Header {Key}: {Value}", key, string.Join(", ", value));
+
+            foreach (var (key, value) in response.Content.Headers)
+                _logger.LogDebug("Content-Header {Key}: {Value}", key, string.Join(", ", value));
+
+            return BadRequest(responseContent);
+        }
+
+        _logger.LogInformation("Successful response: {Content}", responseContent);
+
+        var result = JsonSerializer.Deserialize<Dictionary<string, string>>(responseContent);
+        var output = result?.GetValueOrDefault(_config.ChatOutputName) ?? string.Empty;
+
+        return Ok(new HttpChatResponse(true, output));
+    }
+}

website/chatui/Configuration/ChatApiOptions.cs

@@ -1,12 +1,11 @@
 using Microsoft.AspNetCore.Mvc;
 
-namespace chatui.Controllers
+namespace chatui.Controllers;
+
+public class HomeController : Controller
 {
-    public class HomeController : Controller
+    public IActionResult Index()
     {
-        public IActionResult Index()
-        {
-            return View();
-        }
+        return View();
     }
 }

website/chatui/Controllers/ChatController.cs

@@ -1,33 +1,3 @@
-namespace chatui.Models
-{
-    public class HttpChatGPTResponse
-    {
-        public bool Success { get; set; }
-        public string Data { get; set; }
-        public string Error { get; set; }
-    }
+namespace chatui.Models;
 
-    public class ChatResponse
-    {
-        public string id { get; set; }
-        public string _object { get; set; }
-        public int created { get; set; }
-        public Choice[] choices { get; set; }
-        public Usage usage { get; set; }
-    }
-
-    public class Usage
-    {
-        public int prompt_tokens { get; set; }
-        public int completion_tokens { get; set; }
-        public int total_tokens { get; set; }
-    }
-
-    public class Choice
-    {
-        public int index { get; set; }
-        public Message message { get; set; }
-        public string finish_reason { get; set; }
-    }
-
-}
+public record HttpChatResponse(bool Success, string Data);