Add OpenAPI and Feature Links

Author: mythz

MyApp.Client/src/components/FeatureLinks.tsx

@@ -0,0 +1,32 @@
+import { TextLink } from "@servicestack/react"
+
+export default () => {
+
+    const navClass = (path: string) => [
+        "text-sm leading-6 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-50",
+        location.pathname.startsWith(path) ? "font-bold" : "",
+    ].join(" ")
+
+    return (
+        <nav className="pt-8 columns-2 sm:flex sm:justify-center sm:space-x-12" aria-label="Footer">
+            <div className="pb-6">
+                <TextLink href="/chat" className={navClass("/chat")}>AI Chat</TextLink>
+            </div>
+            <div className="pb-6">
+                <TextLink href="/swagger" className={navClass("/swagger")}>Swagger UI</TextLink>
+            </div>
+            <div className="pb-6">
+                <TextLink href="/ui" className={navClass("/ui")}>API Explorer</TextLink>
+            </div>
+            <div className="pb-6">
+                <TextLink href="/about" className={navClass("/about")}>About</TextLink>
+            </div>
+            <div className="pb-6">
+                <TextLink href="/posts" className={navClass("/posts")}>Archive</TextLink>
+            </div>
+            <div className="pb-6">
+                <TextLink href="/privacy" className={navClass("/privacy")}>Privacy</TextLink>
+            </div>
+        </nav>
+    )
+}

MyApp.Client/src/components/Footer.tsx

@@ -1,27 +1,11 @@
-import { NavLink } from "react-router-dom"
+import FeatureLinks from "./FeatureLinks"
 
 export default () => {
-
-    const navClass = ({isActive}: any) => [
-        "text-sm leading-6 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-50",
-        isActive ? "font-bold" : "",
-    ].join(" ")
-
     return (
         <footer className="bg-slate-50 dark:bg-slate-900 border-t border-slate-200 dark:border-slate-800">
-
-            <nav className="pt-8 columns-2 sm:flex sm:justify-center sm:space-x-12" aria-label="Footer">
-                <div className="pb-6">
-                    <NavLink to="/about" className={navClass}>About</NavLink>
-                </div>
-                <div className="pb-6">
-                    <NavLink to="/posts" className={navClass}>Archive</NavLink>
-                </div>
-                <div className="pb-6">
-                    <NavLink to="/privacy" className={navClass}>Privacy</NavLink>
-                </div>
-            </nav>
-
+            
+            <FeatureLinks />
+            
             <div className="container mx-auto px-5">
                 <div className="py-28 flex flex-col lg:flex-row items-center">
                     <h3 className="text-4xl lg:text-6xl font-bold tracking-tighter leading-tight text-center lg:text-left mb-10 lg:mb-0 lg:pr-4 lg:w-1/2">

MyApp.Client/src/lib/gateway.ts

@@ -3,8 +3,17 @@ import { appendQueryString, nameOf, IReturn, JsonServiceClient } from "@services
 import useSWR from "swr"
 import { Authenticate } from "@/lib/dtos"
 
+const serverRoutePaths = [
+    '/Identity',
+    '/api',
+    '/ui',
+    '/chat',
+    '/admin-ui',
+    '/swagger',
+]
+
 export function isServerRoute(path:string) {
-    return path.startsWith('/Identity')
+    return serverRoutePaths.some(x => path.startsWith(x))
 }
 
 export const Routes = {

MyApp.Client/src/pages/index.tsx

@@ -9,6 +9,7 @@ import SrcPage from "@/components/SrcPage"
 import { generateSlug, dateLabel, dateTimestamp } from "@/lib/utils"
 import { PressContext } from "@/contexts"
 import { useContext } from "react"
+import FeatureLinks from "@/components/FeatureLinks"
 
 const Index = () => {
     const press = useContext(PressContext)
@@ -69,6 +70,8 @@ const Index = () => {
 
             <AutoUis className="mt-40 max-w-7xl mx-auto" />
 
+            <FeatureLinks />
+
             <div className="container mx-auto px-5 mb-24">
                 {!primaryPost ? null : <section>
                     <div className="mb-8 md:mb-16">

MyApp/Configure.OpenApi.cs

@@ -0,0 +1,33 @@
+using ServiceStack;
+
+[assembly: HostingStartup(typeof(MyApp.ConfigureOpenApi))]
+
+namespace MyApp;
+
+public class ConfigureOpenApi : IHostingStartup
+{
+    public void Configure(IWebHostBuilder builder) => builder
+        .ConfigureServices((context, services) => {
+            if (context.HostingEnvironment.IsDevelopment())
+            {
+                services.AddEndpointsApiExplorer();
+                services.AddSwaggerGen();
+                services.AddServiceStackSwagger();
+                // services.AddBasicAuth<Data.ApplicationUser>();
+                // services.AddApiKeys();
+                // services.AddJwtAuth();
+           
+                services.AddTransient<IStartupFilter,StartupFilter>();
+            }
+        });
+
+    public class StartupFilter : IStartupFilter
+    {
+        public Action<IApplicationBuilder> Configure(Action<IApplicationBuilder> next) => app =>
+        {
+            app.UseSwagger();
+            app.UseSwaggerUI();
+            next(app);
+        };
+    }
+}

MyApp/MyApp.csproj

@@ -25,6 +25,7 @@
     <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="10.*" />
     <PackageReference Include="ServiceStack" Version="8.*" />
     <PackageReference Include="ServiceStack.Mvc" Version="8.*" />
+    <PackageReference Include="ServiceStack.OpenApi.Swashbuckle" Version="8.10.1" />
     <PackageReference Include="ServiceStack.Server" Version="8.*" />
     <PackageReference Include="ServiceStack.Extensions" Version="8.*" />
     <PackageReference Include="ServiceStack.Ormlite.Sqlite.Data" Version="8.*" />