feat: added setting for manually specifying namespaces for clusters

resolves #8

package.json

@@ -31,7 +31,7 @@
     "monaco-editor": "^0.45.0",
     "monaco-languageclient": "^7.3.0",
     "pluralize": "^8.0.0",
-    "radix-vue": "^1.2.7",
+    "radix-vue": "^1.5.3",
     "tailwind-merge": "^2.1.0",
     "tailwindcss-animate": "^1.0.7",
     "vee-validate": "^4.12.5",

src/App.vue

@@ -10,6 +10,7 @@ import CommandPaletteProvider from "./providers/CommandPaletteProvider";
 import TabProvider from "./providers/TabProvider";
 import DialogProvider from "./providers/DialogProvider";
 import DialogHandler from "./components/DialogHandler.vue";
+import Settings from "./views/Settings.vue";
 </script>
 
 <template>

src/components/ContextSwitcher.vue

@@ -11,12 +11,14 @@ import {
 } from "@/providers/KubeContextProvider";
 import { KubeContextStateKey } from "@/providers/KubeContextProvider";
 import { Kubernetes } from "@/services/Kubernetes";
+import { SettingsContextStateKey } from "@/providers/SettingsContextProvider";
 
 const showSingleCommand = injectStrict(ShowSingleCommandKey);
 const registerCommand = injectStrict(RegisterCommandStateKey);
 const { context, namespace } = injectStrict(KubeContextStateKey);
 const setContext = injectStrict(KubeContextSetContextKey);
 const setNamespace = injectStrict(KubeContextSetNamespaceKey);
+const { settings } = injectStrict(SettingsContextStateKey);
 
 onMounted(() => {
   registerCommand({
@@ -32,7 +34,23 @@ onMounted(() => {
         name: context,
         description: "Switch to " + context,
         commands: async (): Promise<Command[]> => {
-          const namespaces = await Kubernetes.getNamespaces(context);
+          const clusterSettings = settings.value.contextSettings.find(
+            (c) => c.context === context
+          );
+
+          let namespaces = [];
+
+          if (
+            clusterSettings &&
+            clusterSettings.namespaces &&
+            clusterSettings.namespaces.length > 0
+          ) {
+            namespaces = clusterSettings.namespaces;
+          } else {
+            namespaces = await (
+              await Kubernetes.getNamespaces(context)
+            ).map((ns) => ns.metadata?.name || "");
+          }
 
           return [
             {
@@ -46,12 +64,12 @@ onMounted(() => {
             } as Command,
           ].concat(
             namespaces.map((namespace) => ({
-              id: namespace.metadata?.name || "",
-              name: namespace.metadata?.name || "",
+              id: namespace || "",
+              name: namespace || "",
               description: "Switch to " + namespace,
               execute: () => {
                 setContext(context);
-                setNamespace(namespace.metadata?.name || "");
+                setNamespace(namespace || "");
               },
             }))
           );
@@ -66,7 +84,23 @@ onMounted(() => {
     id: "switch-namespace",
     keywords: ["ns", "namespace"],
     commands: async (): Promise<Command[]> => {
-      const namespaces = await Kubernetes.getNamespaces(context.value);
+      const clusterSettings = settings.value.contextSettings.find(
+        (c) => c.context === context.value
+      );
+
+      let namespaces = [];
+
+      if (
+        clusterSettings &&
+        clusterSettings.namespaces &&
+        clusterSettings.namespaces.length > 0
+      ) {
+        namespaces = clusterSettings.namespaces;
+      } else {
+        namespaces = await (
+          await Kubernetes.getNamespaces(context.value)
+        ).map((ns) => ns.metadata?.name || "");
+      }
 
       return [
         {
@@ -79,11 +113,11 @@ onMounted(() => {
         } as Command,
       ].concat(
         namespaces.map((namespace) => ({
-          id: namespace.metadata?.name || "",
-          name: namespace.metadata?.name || "",
+          id: namespace || "",
+          name: namespace || "",
           description: "Switch to " + namespace,
           execute: () => {
-            setNamespace(namespace.metadata?.name || "");
+            setNamespace(namespace || "");
           },
         }))
       );

src/components/RouterViewport.vue

@@ -1,14 +1,13 @@
 <script setup lang="ts">
 import { KubeContextStateKey } from "@/providers/KubeContextProvider";
-import { injectStrict } from '@/lib/utils';
+import { injectStrict } from "@/lib/utils";
 import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import TabOrchestrator from "@/components/TabOrchestrator.vue";
 import { useRoute } from "vue-router";
 import NoContext from "@/views/NoContext.vue";
 
 const { context } = injectStrict(KubeContextStateKey);
 const route = useRoute();
-
 </script>
 <template>
   <div class="flex flex-col max-h-screen relative router-viewport">

src/components/settings/Navigation.vue

@@ -4,5 +4,6 @@ import NavigationItem from "@/components/settings/NavigationItem.vue";
 <template>
   <nav class="flex flex-col space-y-1">
     <NavigationItem :to="{ name: 'SettingsGeneral' }" title="General" />
+    <NavigationItem :to="{ name: 'SettingsClusters' }" title="Clusters" />
   </nav>
 </template>