feat: added support for editing custom kubernetes resources

src-tauri/tauri.conf.json

@@ -14,7 +14,8 @@
     "allowlist": {
       "all": true,
       "fs": {
-        "scope": ["$APPCONFIG/", "$APPCONFIG/*"]
+        "all": true, 
+        "scope": ["$APPCONFIG/", "$APPCONFIG/*", "$TEMP/", "$TEMP/*", "$TEMP/*/**", "$TEMP/**"]
       },
       "shell": {
         "scope": [

src/components/NavigationGroup.vue

@@ -39,7 +39,7 @@ watch(
         <ArrowDownIcon class="w-5" />
       </div>
     </div>
-    <div v-if="!collapsed" class="mb-5 space-y-1">
+    <div v-show="!collapsed" class="mb-5 space-y-1">
       <slot />
     </div>
   </div>

src/components/NavigationItem.vue

@@ -2,7 +2,10 @@
 import NavigationItemIcon from "@/components/NavigationItemIcon.vue";
 import { RouteLocationRaw, useRouter } from "vue-router";
 import { injectStrict } from "@/lib/utils";
-import { RegisterCommandStateKey } from "@/providers/CommandPaletteProvider";
+import {
+  RegisterCommandStateKey,
+  UnregisterCommandStateKey,
+} from "@/providers/CommandPaletteProvider";
 
 const router = useRouter();
 
@@ -13,15 +16,20 @@ const props = defineProps<{
 }>();
 
 const registerCommand = injectStrict(RegisterCommandStateKey);
-onMounted(() => {
-  registerCommand({
-    id: crypto.randomUUID(),
-    name: props.title,
-    description: "Navigate to " + props.title,
-    execute: () => {
-      router.push(props.to);
-    },
-  });
+const unregisterCommand = injectStrict(UnregisterCommandStateKey);
+
+const commandId = crypto.randomUUID();
+registerCommand({
+  id: commandId,
+  name: props.title,
+  description: "Navigate to " + props.title,
+  execute: () => {
+    router.push(props.to);
+  },
+});
+
+onUnmounted(() => {
+  unregisterCommand(commandId);
 });
 </script>
 <template>

src/components/tables/types.ts

@@ -19,7 +19,8 @@ export type RowAction<T> = WithOptions<T> | WithHandler<T>;
 
 export function getDefaultActions<T extends KubernetesObject | VirtualService>(
   addTab: any,
-  context: string
+  context: string,
+  isGenericResource: boolean = false
 ): RowAction<T>[] {
   return [
     {
@@ -34,6 +35,7 @@ export function getDefaultActions<T extends KubernetesObject | VirtualService>(
             namespace: row.metadata?.namespace,
             type: row.kind,
             name: row.metadata?.name,
+            useKubeCtl: isGenericResource,
           },
           "edit"
         );

src/providers/CommandPaletteProvider.ts

@@ -3,6 +3,8 @@ import { provide, reactive, InjectionKey, toRefs, ToRefs } from "vue";
 
 export const RegisterCommandStateKey: InjectionKey<(command: Command) => void> =
   Symbol("RegisterComand");
+export const UnregisterCommandStateKey: InjectionKey<(id: string) => void> =
+  Symbol("UnregisterCommand");
 export const CommandPaletteStateKey: InjectionKey<ToRefs<CommandPaletteState>> =
   Symbol("CommandPaletteState");
 export const OpenCommandPaletteKey: InjectionKey<() => void> =
@@ -91,6 +93,20 @@ export default {
       state.commands.push(command);
     };
 
+    const unregisterCommand = (commandId: string) => {
+      const command = state.commands.find(
+        (command) => command.id === commandId
+      );
+
+      if (!command) {
+        return;
+      }
+
+      state.commands = state.commands.filter(
+        (command) => command.id !== commandId
+      );
+    };
+
     const executeCommand = (command: Command) => {
       if (command.commands) {
         state.loading = true;
@@ -132,6 +148,7 @@ export default {
     provide(ClearCommandCallStackKey, clearStack);
     provide(ShowSingleCommandKey, showSingleCommand);
     provide(RegisterCommandStateKey, registerCommand);
+    provide(UnregisterCommandStateKey, unregisterCommand);
   },
   render(): any {
     return this.$slots.default();

src/services/Kubernetes.ts

@@ -1,4 +1,5 @@
 import {
+  KubernetesObject,
   V1APIGroup,
   V1APIResource,
   V1ConfigMap,
@@ -95,13 +96,13 @@ export class Kubernetes {
     type: string,
     name: string,
     object: unknown
-  ): Promise<V1Pod> {
+  ): Promise<KubernetesObject> {
     return invoke(`replace_${type.toLowerCase()}`, {
       context: context,
       namespace: namespace,
       name: name,
       object,
-    });
+    }) as Promise<KubernetesObject>;
   }
 
   static async deletePod(

src/views/GenericResource.vue

@@ -18,7 +18,7 @@ import { TabProviderAddTabKey } from "@/providers/TabProvider";
 const addTab = injectStrict(TabProviderAddTabKey);
 
 const rowActions: RowAction<any>[] = [
-  ...getDefaultActions<any>(addTab, context.value),
+  ...getDefaultActions<any>(addTab, context.value, true),
 ];
 
 onBeforeRouteUpdate((to, from, next) => {

src/views/ObjectEditor.vue

@@ -2,6 +2,8 @@
 import { getCurrentInstance } from "vue";
 import Loading from "@/components/Loading.vue";
 import { Command } from "@tauri-apps/api/shell";
+import { writeFile, removeFile, BaseDirectory } from "@tauri-apps/api/fs";
+import { tempdir } from "@tauri-apps/api/os";
 import loader from "@monaco-editor/loader";
 import Theme from "@/components/monaco/themes/BrillianceBlack";
 import { Button } from "@/components/ui/button";
@@ -24,6 +26,7 @@ const props = defineProps<{
   namespace: string;
   type: string;
   name: string;
+  useKubeCtl: boolean;
 }>();
 
 const editorElement = ref<HTMLElement | null>(null);
@@ -99,24 +102,60 @@ const onClose = () => {
 };
 
 const onSave = () => {
-  Kubernetes.replaceObject(
-    props.context,
-    props.namespace,
-    props.type,
-    props.name,
-    yaml.load(editContents.value)
-  )
-    .then((result) => {
-      onClose();
-    })
-    .catch((error) => {
-      console.log(error);
-      toast({
-        title: "An error occured",
-        description: error.message,
-        variant: "destructive",
+  if (!props.useKubeCtl) {
+    Kubernetes.replaceObject(
+      props.context,
+      props.namespace,
+      props.type,
+      props.name,
+      yaml.load(editContents.value)
+    )
+      .then((result) => {
+        onClose();
+      })
+      .catch((error) => {
+        console.log(error);
+        toast({
+          title: "An error occured",
+          description: error.message,
+          variant: "destructive",
+        });
       });
-    });
+  } else {
+    const filename = `${props.name}-${crypto.randomUUID()}.yaml`;
+    writeFile(filename, editContents.value, { dir: BaseDirectory.Temp }).then(
+      async () => {
+        const tempDir = await tempdir();
+
+        const command = new Command("kubectl", [
+          "replace",
+          "--context",
+          props.context,
+          "--namespace",
+          props.namespace,
+          "-f",
+          `${tempDir}${filename}`,
+        ]);
+
+        command.stdout.on("data", (data) => {
+          console.log(data);
+        });
+
+        command.stderr.on("data", (error) => {
+          console.log(error);
+        });
+
+        command.on("close", ({ code }) => {
+          if (code === 0) {
+            removeFile(filename, { dir: BaseDirectory.Temp });
+            onClose();
+          }
+        });
+
+        command.spawn();
+      }
+    );
+  }
 };
 
 onUnmounted(() => {