first commit

ui/lib/store/apis/pluginsApi.ts

@@ -0,0 +1,96 @@
+import { CreatePluginRequest, Plugin, PluginsResponse, UpdatePluginRequest } from "@/lib/types/plugins";
+import { baseApi } from "./baseApi";
+
+export const pluginsApi = baseApi.injectEndpoints({
+	endpoints: (builder) => ({
+		// Get all plugins
+		getPlugins: builder.query<Plugin[], void>({
+			query: () => "/plugins",
+			providesTags: ["Plugins"],
+			transformResponse: (response: PluginsResponse) => response.plugins || [],
+		}),
+
+		// Get a single plugin
+		getPlugin: builder.query<Plugin, string>({
+			query: (name) => `/plugins/${name}`,
+			providesTags: (result, error, name) => [{ type: "Plugins", id: name }],
+		}),
+
+		// Create new plugin
+		createPlugin: builder.mutation<Plugin, CreatePluginRequest>({
+			query: (data) => ({
+				url: "/plugins",
+				method: "POST",
+				body: data,
+			}),
+			transformResponse: (response: { message: string; plugin: Plugin }) => response.plugin,
+			async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+				try {
+					const { data: newPlugin } = await queryFulfilled;
+					dispatch(
+						pluginsApi.util.updateQueryData("getPlugins", undefined, (draft) => {
+							draft.push(newPlugin);
+						}),
+					);
+					// Also update the individual plugin cache
+					dispatch(pluginsApi.util.updateQueryData("getPlugin", newPlugin.name, () => newPlugin));
+				} catch {}
+			},
+		}),
+
+		// Update existing plugin
+		updatePlugin: builder.mutation<Plugin, { name: string; data: UpdatePluginRequest }>({
+			query: ({ name, data }) => ({
+				url: `/plugins/${name}`,
+				method: "PUT",
+				body: data,
+			}),
+			transformResponse: (response: { message: string; plugin: Plugin }) => response.plugin,
+			async onQueryStarted(arg, { dispatch, queryFulfilled }) {
+				try {
+					const { data: updatedPlugin } = await queryFulfilled;
+					dispatch(
+						pluginsApi.util.updateQueryData("getPlugins", undefined, (draft) => {
+							const index = draft.findIndex((p) => p.name === arg.name);
+							if (index !== -1) {
+								draft[index] = updatedPlugin;
+							}
+						}),
+					);
+					// Also update the individual plugin cache
+					dispatch(pluginsApi.util.updateQueryData("getPlugin", arg.name, () => updatedPlugin));
+				} catch {}
+			},
+		}),
+
+		// Delete plugin
+		deletePlugin: builder.mutation<Plugin, string>({
+			query: (name) => ({
+				url: `/plugins/${name}`,
+				method: "DELETE",
+			}),
+			async onQueryStarted(pluginName, { dispatch, queryFulfilled }) {
+				try {
+					await queryFulfilled;
+					dispatch(
+						pluginsApi.util.updateQueryData("getPlugins", undefined, (draft) => {
+							const index = draft.findIndex((p) => p.name === pluginName);
+							if (index !== -1) {
+								draft.splice(index, 1);
+							}
+						}),
+					);
+				} catch {}
+			},
+		}),
+	}),
+});
+
+export const {
+	useGetPluginsQuery,
+	useGetPluginQuery,
+	useCreatePluginMutation,
+	useUpdatePluginMutation,
+	useDeletePluginMutation,
+	useLazyGetPluginsQuery,
+} = pluginsApi;