Added findNodes

easy-docs/src/views/Editor.vue

@@ -27,8 +27,11 @@ import { parse } from "marked";
 class Weblet {
   private _md: string;
   public html: string;
-  public constructor(public name: string, symbol: string) {
+  public constructor(public name: string, symbol: string, deployment?: string) {
     this._md = `<tf-${symbol}></tf-${symbol}>`;
+    if (deployment) {
+      this._md += `<tf-deployedlist tab="${deployment}"></tf-deployedlist>`;
+    }
     this.html = parse(this._md, {
       sanitize: false,
     });
@@ -53,9 +56,9 @@ export default class Editor extends Vue {
   public weblets: Weblet[] = [
     new Weblet("Profile Manager", "profiles"),
     new Weblet("Farming Calculator", "farming-calculator"),
-    new Weblet("CapRover", "caprover"),
-    new Weblet("Virtual Machine", "vm"),
-    new Weblet("Kubernetes", `kubernetes`),
+    new Weblet("CapRover", "caprover", "caprover"), // "k8s" | "vm" | "caprover"
+    new Weblet("Virtual Machine", "vm", "vm"),
+    new Weblet("Kubernetes", `kubernetes`, "k8s"),
     new Weblet("Deployments", "deployedlist"),
     // new Weblet("Peertube", "peertube"),
   ];

rollup.config.js

@@ -65,7 +65,7 @@ function buildElements() {
 	const outDir = `.build/build/elements/`;
 	// return fs
 	// 	.readdirSync(dir)
-	return ['DeployedList']
+	return ["base"]
 		.map(f => {
 			const name = f.replace(".wc.svelte", "").toLocaleLowerCase();
 			return build({

src/elements/DeployedList/DeployedList.wc.svelte

@@ -41,8 +41,12 @@
   function _reloadTab() {
     const x = active;
     active = "";
+
+    const y = tab;
+    tab = undefined;
     requestAnimationFrame(() => {
       active = x;
+      tab = y;
     });
   }
 
@@ -68,7 +72,7 @@
 
   let _sub: any;
   onMount(() => {
-    _sub = deployedStore.subscribe(() => {
+    _sub = deployedStore.subscribe((data) => {
       _reloadTab();
     });
   });

src/elements/caprover/Caprover.wc.svelte

@@ -11,6 +11,7 @@
   let success = false;
   let failed = false;
   const configs = window.configs?.baseConfig;
+  const deploymentStore = window.configs?.deploymentStore;
   let profileIdx: number = 0;
 
   $: profiles = $configs;
@@ -50,7 +51,10 @@
     events.addListener("logs", onLogInfo);
 
     deployCaprover(data, profile)
-      .then(() => (success = true))
+      .then(() => {
+        deploymentStore.set(0);
+        success = true;
+      })
       .catch((err: string) => {
         failed = true;
         message = err;

src/elements/kubernetes/Kubernetes.wc.svelte

@@ -41,6 +41,7 @@
   let success = false;
   let failed = false;
   const configs = window.configs?.baseConfig;
+  const deploymentStore = window.configs?.deploymentStore;
   let profileIdx: number = 0;
 
   $: profiles = $configs;
@@ -62,8 +63,8 @@
     events.addListener("logs", onLogInfo);
 
     deployKubernetes(data, profile)
-      .then((data) => {
-        console.log(JSON.stringify(data, undefined, 4));
+      .then(() => {
+        deploymentStore.set(0);
         success = true;
       })
       .catch((err: Error) => {

src/elements/vm/Vm.wc.svelte

@@ -7,6 +7,7 @@
   import deployVM from "../../utils/deployVM";
 
   const configs = window.configs?.baseConfig;
+  const deploymentStore = window.configs?.deploymentStore;
 
   const tabs = [
     { label: "Config" },
@@ -71,7 +72,10 @@
     events.addListener("logs", onLogInfo);
 
     deployVM(data, profile)
-      .then(() => (success = true))
+      .then(() => {
+        deploymentStore.set(0);
+        success = true;
+      })
       .catch((err: Error) => {
         failed = true;
 

src/stores/deploymentStore.ts

@@ -1,3 +1,17 @@
 import { writable } from "svelte/store";
 
-export default writable(0);
+function createDeploymentStore() {
+  const { subscribe, set, update } = writable(0);
+
+  return {
+    subscribe,
+    set(x: number) {
+      update((value) => {
+        value = value + 1;
+        return value;
+      });
+    },
+  };
+}
+
+export default createDeploymentStore();

src/utils/findNodes.ts

@@ -0,0 +1,21 @@
+const { GridClient, Nodes } = window.configs?.grid3_client ?? {};
+
+export default function findNodes() {
+  const nodes = new Nodes(
+    GridClient.config.graphqlURL,
+    GridClient.config.rmbClient["proxyURL"]
+  );
+
+  return nodes.filterNodes({
+    accessNodeV4: false,
+    accessNodeV6: false,
+    city: "",
+    country: "",
+    cru: 0,
+    farmId: 0,
+    gateway: false,
+    hru: 0,
+    mru: 0,
+    sru: 0,
+  });
+}