store/cockpitApi: invalidate cache after building an image

With the custom query functions the cached data from getComposes and
getBlueprintComposes doesn't get invalidated. Luckily RTKQuery provides
a mechanism to invalidate the cache after a mutation.

src/store/cockpitApi.ts

@@ -190,6 +190,7 @@ export const cockpitApi = emptyCockpitApi.injectEndpoints({
         ComposeBlueprintApiResponse,
         ComposeBlueprintApiArg
       >({
+        invalidatesTags: ['Composes'],
         queryFn: async ({ id: filename }) => {
           const blueprintsDir = await getBlueprintsPath();
           const file = cockpit.file(
@@ -260,6 +261,7 @@ export const cockpitApi = emptyCockpitApi.injectEndpoints({
         },
       }),
       getComposes: builder.query<GetComposesApiResponse, GetComposesApiArg>({
+        providesTags: ['Composes'],
         queryFn: async () => {
           const blueprintsDir = await getBlueprintsPath();
           const info = await fsinfo(blueprintsDir, ['entries'], {
@@ -291,6 +293,7 @@ export const cockpitApi = emptyCockpitApi.injectEndpoints({
         GetBlueprintComposesApiResponse,
         GetBlueprintComposesApiArg
       >({
+        providesTags: ['Composes'],
         queryFn: async (queryArgs) => {
           const composes = await readComposes(queryArgs.id);
           return {

src/store/emptyCockpitApi.ts

@@ -3,5 +3,6 @@ import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
 export const emptyCockpitApi = createApi({
   reducerPath: 'cockpitApi',
   baseQuery: fetchBaseQuery({ baseUrl: '/api' }),
+  tagTypes: ['Composes'],
   endpoints: () => ({}),
 });