feat: remove empty keys from final YAML

src/app/components/Editor.tsx

@@ -29,6 +29,7 @@ import YAML from "yaml";
 import { Col, Container, Row } from "design-react-kit";
 import EditorContacts from "./EditorContacts";
 import EditorContractors from "./EditorContractors";
+import linter from "../linter";
 
 const resolver: Resolver<PublicCode> = async (values) => {
   const res = await validator(JSON.stringify(values), "main");
@@ -241,7 +242,7 @@ export default function Editor() {
       />
       <InfoBox />
       <YamlModal
-        yaml={YAML.stringify(getValues())}
+        yaml={YAML.stringify(linter(getValues()))}
         display={isYamlModalVisible}
         toggle={() => setYamlModalVisibility(!isYamlModalVisible)}
       />

src/app/linter.ts

@@ -0,0 +1,24 @@
+import { cloneDeep, isArray, isEmpty, isObjectLike, isUndefined } from "lodash";
+import PublicCode from "./contents/publiccode";
+
+export default function linter(pc: PublicCode): PublicCode {
+  return removeEmpty(cloneDeep(pc));
+}
+
+function removeEmpty<T>(obj: T): T {
+  if (typeof obj !== "object") return obj;
+
+  const ret = obj;
+
+  for (const key in ret) {
+    const val = removeEmpty(ret[key]);
+    if (
+      ((isArray(val) || isObjectLike(val)) && isEmpty(val)) ||
+      isUndefined(val)
+    ) {
+      delete ret[key];
+    }
+  }
+
+  return ret;
+}