#28 implemented .config json file data.preview

Author: RandomFractals

src/data.preview.ts

@@ -407,6 +407,10 @@ export class DataPreview {
       case '.properties':
         data = jsonUtils.configToPropertyArray(fs.readFileSync(dataFilePath, 'utf8'));
         break;
+      case '.config':
+        data = jsonUtils.objectToPropertyArray(
+          jsonUtils.flattenObject(JSON.parse(fs.readFileSync(dataFilePath, 'utf8')), true)); // preserve parent path
+        break;
       case '.arrow':
         data = this.getArrowData(dataFilePath);
         break;
@@ -418,10 +422,6 @@ export class DataPreview {
         window.showInformationMessage('Parquet Data Preview 🈸 coming soon!');        
         // data = this.getParquetData(dataFilePath);
         break;
-      case '.config':
-        window.showInformationMessage('Data view .config driven Data Preview 🈸 coming soon!');
-        // data = this.getDataFromConfig(dataFilePath);
-        break;  
     }
     return data;
   } // end of getFileData()

src/utils/json.utils.ts

@@ -10,26 +10,38 @@ const logger: Logger = new Logger(`json.utils:`, config.logLevel);
  * Flattens objects with nested properties for data view display.
  * @param obj Object to flatten.
  * @param preservePath Optional flag for generating key path.
- * @param prefix Parent key prefix.
+ * @param path Parent key path.
  * @returns Flat Object.
  */
-export function flattenObject (obj: any, preservePath: boolean = false, prefix: string = ''): any {
+export function flattenObject (obj: any, preservePath: boolean = false, path: string = ''): any {
   const flatObject: any = {};
   Object.keys(obj).forEach((key) => {
-    if (preservePath && prefix.length > 0) {
-      // append parent key prefix
-      key = `${prefix}.${key}`;
-      prefix = key;
-    }
     if (typeof obj[key] === 'object' && obj[key] !== null) {
-      Object.assign(flatObject, this.flattenObject(obj[key]), preservePath, prefix);
+      Object.assign(flatObject, this.flattenObject(obj[key]), preservePath, path);
     } else {
       flatObject[key] = obj[key];
     }
   });
   return flatObject;
 }
 
+/**
+ * Converts an object to an array of property key/value objects.
+ * @param obj Object to convert.
+ */
+export function objectToPropertyArray(obj: any): Array<any> {
+  const properties: Array<any> = [];
+  if (obj && obj !== undefined) {
+    Object.keys(obj).forEach((key) => {
+      properties.push({
+        key: key,
+        value: obj[key]
+      });
+    });
+  }
+  return properties;
+}
+
 /**
  * Converts .env or .properties config file
  * to an array of property key/value objects.

templates/data.view.html

@@ -261,7 +261,7 @@
             break;
           case '.json':
             // try to parse JSON array data
-            tableData = JSON.parse(data);          
+            tableData = JSON.parse(data);
             break;
           case '.xls':
           case '.xlsb':
@@ -276,6 +276,7 @@
           case '.avro':
           case '.env':
           case '.properties':
+          case '.config':
             // pass through loaded data json
             tableData = data;
             console.log(`data.view:getData(): records count: ${tableData.length}`);