update openapi link and routes

Author: jake-walker

app/package.json

@@ -8,7 +8,7 @@
     "build": "tsc -b && vite build",
     "lint": "biome check",
     "preview": "vite preview",
-    "generate": "openapi-typescript http://localhost:8787/openapi -o src/api.g.ts"
+    "generate": "openapi-typescript http://localhost:8787/api/openapi.json -o src/api.g.ts"
   },
   "dependencies": {
     "@awesomeqr/react": "0.1.2-rc.0",

app/src/controller.ts

@@ -125,12 +125,16 @@ export async function deleteWithToken(id: string, token: string) {
 }
 
 export async function info(id: string) {
-  const { data, error } = await client.GET("/api/info/{id}", {
+  const { data, error, response } = await client.GET("/api/info/{id}", {
     params: {
       path: { id },
     },
   });
 
+  if (response.status === 404) {
+    return null;
+  }
+
   if (error !== undefined) {
     console.error("Failed to get info:", error);
     throw new Error(`Failed to get info: ${error}`);

app/src/views/About.tsx

@@ -1,4 +1,5 @@
 import { Button, Container, Text, Typography } from "@mantine/core";
+import { ArrowRight } from "react-feather";
 import Header from "../components/Header";
 
 function About() {
@@ -52,7 +53,20 @@ function About() {
             everyone, I please ask that you use the API for small projects and{" "}
             <a href="https://jakew.me/about">contact me</a> first for any bigger projects.
           </p>
-          <Button component="a" href="/docs">
+          <p>
+            API documentation is available at the link below, and you can also access the OpenAPI specification at{" "}
+            <a href="/api/openapi.json">
+              <code>/api/openapi.json</code>
+            </a>
+            .
+          </p>
+          <Button
+            component="a"
+            href="/docs"
+            variant="light"
+            style={{ textDecoration: "none" }}
+            rightSection={<ArrowRight size={16} />}
+          >
             See API Documentation
           </Button>
         </Typography>

app/src/views/View.tsx

@@ -18,7 +18,13 @@ function View() {
     if (link === undefined) return;
 
     getInfo(link)
-      .then((data) => setData(data))
+      .then((data) => {
+        if (data === null) {
+          setNotFound(true);
+        } else {
+          setData(data);
+        }
+      })
       .catch((err) => {
         if (err.response && err.response.status == 404) {
           setNotFound(true);

worker/src/index.ts

@@ -44,7 +44,7 @@ const withDb: MiddlewareHandler = async (c, next) => {
 app.use("*", cors());
 
 app.get(
-  "/openapi",
+  "/api/openapi.json",
   openAPISpecs(app, {
     documentation: {
       info: {
@@ -69,7 +69,7 @@ app.get(
 app.get(
   "/docs",
   Scalar({
-    url: "/openapi",
+    url: "/api/openapi.json",
     theme: "purple",
     pageTitle: "VH7 API Docs",
   }),