Feat/refactor to openapi

console/src/components/app-sidebar.tsx

@@ -21,7 +21,7 @@ import type { SidebarLink } from "@/types/sidebar"
 import { useContext } from "react"
 import { AdminContext, ProjectContext } from "@/contexts"
 import { useResolver } from "@/hooks"
-import api from "@/api"
+import { oapiClient } from "@/oapi/client"
 import { UserDropdown } from "./user-dropdown"
 import type { Admin } from "@/types"
 import { BookIcon } from "./icons"
@@ -50,7 +50,8 @@ export function AppSidebar({
     const [allProjects] = useResolver(
         React.useCallback(async () => {
             try {
-                return (await api.projects.all()).results
+                const result = await oapiClient.GET("/api/admin/projects")
+                return result.data?.results ?? []
             } catch (error) {
                 console.error("Failed to fetch projects:", error)
                 return []

console/src/components/provider/select.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useContext } from "react"
 import { ProjectContext } from "@/contexts"
-import api from "@/api"
+import { oapiClient } from "@/oapi/client"
 import type { Provider, ProviderGroup } from "@/types"
 import { useTranslation } from "react-i18next"
 
@@ -28,8 +28,17 @@
         const fetchProviders = async () => {
             setIsLoading(true)
             try {
-                const result = await api.providers.all(project.id)
-                const filteredProviders = result.filter((provider) => provider.channel === channel)
+                const result = await oapiClient.GET("/api/admin/projects/{projectID}/providers", {
+                    params: {
+                        path: {
+                            projectID: project.id,
+                        },
+                    },
+                })
+
+                const filteredProviders = (result.data?.results ?? []).filter(
+                    (provider) => provider.channel === channel
+                )
                 setProviders(filteredProviders)
 
                 if (filteredProviders.length > 0 && !value) {

console/src/oapi/client.ts

@@ -1,43 +1,43 @@
-import createClient from "openapi-fetch"
-import type { paths, components } from "./management.generated"
+import createClient from "openapi-fetch";
+import type { paths, components } from "./management.generated";
 
 // Create the openapi-fetch client
 // Note: OpenAPI paths already include /api prefix, so we use empty baseUrl
 export const oapiClient = createClient<paths>({
-    baseUrl: "",
-    credentials: "include",
-})
+  baseUrl: "",
+  credentials: "include",
+});
 
 // Add response interceptor for 401 handling
 oapiClient.use({
-    async onResponse({ response }) {
-        const isLoginPage = window.location.pathname.startsWith("/login")
-        if (response.status === 401 && !isLoginPage) {
-            window.location.href = `/login?r=${encodeURIComponent(window.location.href)}`
-        }
-        return response
-    },
-})
+  async onResponse({ response }) {
+    const isLoginPage = window.location.pathname.startsWith("/login");
+    if (response.status === 401 && !isLoginPage) {
+      window.location.href = `/login?r=${encodeURIComponent(window.location.href)}`;
+    }
+    return response;
+  },
+});
 
 // Export schema types for convenience
-export type Organization = components["schemas"]["Organization"]
-export type OrganizationList = components["schemas"]["OrganizationList"]
-export type UpsertOrganization = components["schemas"]["UpsertOrganization"]
-export type UpdateOrganization = components["schemas"]["UpdateOrganization"]
-export type OrganizationMember = components["schemas"]["OrganizationMember"]
-export type OrganizationMemberList = components["schemas"]["OrganizationMemberList"]
-export type AddOrganizationMember = components["schemas"]["AddOrganizationMember"]
-export type User = components["schemas"]["User"]
-export type UserList = components["schemas"]["UserList"]
+export type Organization = components["schemas"]["Organization"];
+export type OrganizationList = components["schemas"]["OrganizationList"];
+export type UpsertOrganization = components["schemas"]["UpsertOrganization"];
+export type UpdateOrganization = components["schemas"]["UpdateOrganization"];
+export type OrganizationMember = components["schemas"]["OrganizationMember"];
+export type OrganizationMemberList = components["schemas"]["OrganizationMemberList"];
+export type AddOrganizationMember = components["schemas"]["AddOrganizationMember"];
+export type User = components["schemas"]["User"];
+export type UserList = components["schemas"]["UserList"];
 
-export type Action = components["schemas"]["Action"]
-export type CreateAction = components["schemas"]["CreateAction"]
-export type UpdateAction = components["schemas"]["UpdateAction"]
-export type ActionMeta = components["schemas"]["ActionMeta"]
-export type ActionFunction = components["schemas"]["ActionFunction"]
-export type TestActionRequest = components["schemas"]["TestActionRequest"]
-export type TestActionResult = components["schemas"]["TestActionResult"]
-export type TestActionFunctionRequest = components["schemas"]["TestActionFunctionRequest"]
-export type TestActionFunctionResult = components["schemas"]["TestActionFunctionResult"]
+export type Action = components["schemas"]["Action"];
+export type CreateAction = components["schemas"]["CreateAction"];
+export type UpdateAction = components["schemas"]["UpdateAction"];
+export type ActionMeta = components["schemas"]["ActionMeta"];
+export type ActionFunction = components["schemas"]["ActionFunction"];
+export type TestActionRequest = components["schemas"]["TestActionRequest"];
+export type TestActionResult = components["schemas"]["TestActionResult"];
+export type TestActionFunctionRequest = components["schemas"]["TestActionFunctionRequest"];
+export type TestActionFunctionResult = components["schemas"]["TestActionFunctionResult"];
 
-export default oapiClient
+export default oapiClient;