From 3fb9cc0e4ee2c11f5f8d29d7304af5298d29e1c8 Mon Sep 17 00:00:00 2001
From: dlaxcess <flipiste@free.fr>
Date: Sat, 3 Feb 2024 02:17:55 +0100
Subject: [PATCH] get default kredeum storage config

---
 svelte/components/Input/Config/Config.ts      | 41 +++++++++---------
 .../Input/Config/InputConfigFields.svelte     | 42 +++++++++++--------
 svelte/components/Input/Config/configTypes.ts |  3 +-
 3 files changed, 46 insertions(+), 40 deletions(-)

diff --git a/svelte/components/Input/Config/Config.ts b/svelte/components/Input/Config/Config.ts
index 346ce7e2a..fc06bf60e 100644
--- a/svelte/components/Input/Config/Config.ts
+++ b/svelte/components/Input/Config/Config.ts
@@ -29,7 +29,7 @@ export default class Config {
             display: "IPFS",
             editable: false,
             fields: [
-              { key: "apiEndPoint", value: "", display: "API end Point", fixed: true, undeletable: true },
+              { key: "apiEndpoint", value: "", display: "API end Point", fixed: true, undeletable: true },
               { key: "apiKey", value: "", fixed: true, undeletable: true }
             ]
           },
@@ -37,7 +37,7 @@ export default class Config {
             display: "Swarm",
             editable: false,
             fields: [
-              { key: "apiEndPoint", value: "", fixed: true, undeletable: true },
+              { key: "apiEndpoint", value: "", fixed: true, undeletable: true },
               { key: "apiKey", value: "", fixed: true, undeletable: true }
             ]
           }
@@ -58,15 +58,15 @@ export default class Config {
 
   loadConfigFromFile = () => {
 
-  }
+  };
 
   localConfigSet = () => {
 
-  }
+  };
 
   localConfigInit = () => {
 
-  }
+  };
 
   getConfig = () => {
     return this.attributes;
@@ -74,38 +74,37 @@ export default class Config {
 
   deleteAttribute = () => {
 
-  }
+  };
 
   addAttribute = () => {
 
-  }
+  };
 
   addField(namespace: string): void {
     const fields = this.attributes[namespace].fieldsGroups[this.attributes[namespace].default.value].fields;
     this.attributes[namespace].fieldsGroups[this.attributes[namespace].default.value].fields = [...fields, { key: "", value: "" }];
-    console.log("addField ~ this.attributes[namespace].fields:", this.attributes[namespace].fields);
 
     document.dispatchEvent(this.propertyChangedEvent);
   }
 
   removeField(namespace: string, i: number): void {
     const fields = this.attributes[namespace].fieldsGroups[this.attributes[namespace].default.value].fields;
-    if (fields.length > 1) {
-      this.attributes[namespace].fieldsGroups[this.attributes[namespace].default.value].fields = fields.filter((_, index) => i !== index);
-    } else {
-      this.attributes[namespace].fieldsGroups[this.attributes[namespace].default.value].fields[i] = { key: "", value: "" };
-    }
+    // if (fields.length > 1) {
+    this.attributes[namespace].fieldsGroups[this.attributes[namespace].default.value].fields = fields.filter((_, index) => i !== index);
+    // } else {
+    // this.attributes[namespace].fieldsGroups[this.attributes[namespace].default.value].fields[i] = { key: "", value: "" };
+    // }
 
     document.dispatchEvent(this.propertyChangedEvent);
   }
 
 
-//////////////////////////////////////////////
-// actual localStorage storage structure
-let storage = {
-  default: "swarm",
-  swarm: {
-    apiEndpoint: "http://localhost:1633",
-    apiKey: "f2b69cfcb5666586d028e965f75fc19bd3eba48313591cf61418856f6904d5d4"
-  }
+  //////////////////////////////////////////////
+  // actual localStorage storage structure
+  // let storage = {
+  //   default: "swarm",
+  //   swarm: {
+  //     apiEndpoint: "http://localhost:1633",
+  //     apiKey: "f2b69cfcb5666586d028e965f75fc19bd3eba48313591cf61418856f6904d5d4"
+  //   }
 }
\ No newline at end of file
diff --git a/svelte/components/Input/Config/InputConfigFields.svelte b/svelte/components/Input/Config/InputConfigFields.svelte
index bc2caa135..b314c58c6 100644
--- a/svelte/components/Input/Config/InputConfigFields.svelte
+++ b/svelte/components/Input/Config/InputConfigFields.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { StorageConfigType } from "@lib/common/types";
   import type { UserConfig } from "./configTypes";
   import config from "@config/config.json";
 
@@ -43,15 +44,30 @@
 
   const localConfigGetKey = (key) => key.replace(`${krdNamespace}.`, "");
 
-  const importConfigSection= (namespace, configSection) => {
-
-  }
+  const importConfigSection = (namespace, fieldsGroups) => {
+    Object.entries(fieldsGroups).forEach(([fieldGroupKey, fieldGroupFields]) => {
+      if (fieldGroupFields && typeof fieldGroupFields === "object") {
+        Object.entries(fieldGroupFields).forEach(([key, value]) => {
+          if (attributes[namespace].fieldsGroups[fieldGroupKey]?.fields.some((field) => field.key === key)) {
+            attributes[namespace].fieldsGroups[fieldGroupKey].fields.forEach((field) => {
+              if (field.key === key) field.value = value;
+            });
+          } else {
+            attributes[namespace].fieldsGroups[fieldGroupKey]?.fields.push({ key, value });
+          }
+        });
+      }
+    });
+  };
 
-  const defaultConfigInit = () => {
+  const defaultStorageConfigInit = () => {
     let storage = config.storage;
-  }
+    attributes.storage.default.value = storage.default;
+    importConfigSection("storage", storage);
+  };
 
   const localConfigInit = (): void => {
+    defaultStorageConfigInit();
     // if (!localConfigGet("api")) localConfigSet("api", BEE_API_DEFAULT);
     // if (!localConfigGet("gateway")) localConfigSet("gateway", BEE_GATEWAY_DEFAULT);
     // if (!localConfigGet("batchId")) localConfigSet("batchId", BEE_BATCHID_DEFAULT);
@@ -64,17 +80,7 @@
         let localFieldsObject = JSON.parse(fields);
         attributes[namespace].default.value = localFieldsObject.default;
 
-        Object.entries(localFieldsObject).forEach(([localFieldsObjectKey, ObjectEntries]) => {
-          Object.entries(ObjectEntries).forEach(([key, value]) => {
-            if (attributes[namespace].fieldsGroups[localFieldsObjectKey]?.fields.some((field) => field.key === key)) {
-              attributes[namespace].fieldsGroups[localFieldsObjectKey].fields = attributes[namespace].fieldsGroups[
-                localFieldsObjectKey
-              ].fields.map((field) => (field.key === key ? { ...field, value: value.toString() } : field));
-            } else {
-              attributes[namespace].fieldsGroups[localFieldsObjectKey]?.fields.push({ key, value: value.toString() });
-            }
-          });
-        });
+        importConfigSection(namespace, localFieldsObject);
       });
 
     for (const namespace of Object.keys(attributes)) {
@@ -103,9 +109,11 @@
           });
         });
         if (Object.keys(storageFields).length > 0) {
-          storageFields.default = defaultValue;
+          (storageFields as StorageConfigType).default = defaultValue;
 
           localConfigSet(namespace, JSON.stringify(storageFields));
+        } else {
+          localConfigRemove(namespace);
         }
       });
     }
diff --git a/svelte/components/Input/Config/configTypes.ts b/svelte/components/Input/Config/configTypes.ts
index de5eef132..b906cfcd1 100644
--- a/svelte/components/Input/Config/configTypes.ts
+++ b/svelte/components/Input/Config/configTypes.ts
@@ -2,8 +2,7 @@ type UserConfig = Record<string, ConfigSection>;
 
 type ConfigSection = {
   display: string;
-  default: { display: string; value: string };
-  editable: boolean;
+  default: { display?: string; value: string };
   fieldsGroups: Record<string, FieldGroup>;
 }