#28 convert .json data that is not an array to properties array

also resolves #8

Author: RandomFractals

src/data.preview.ts

@@ -386,7 +386,6 @@ export class DataPreview {
       case '.tsv':
       case '.txt':
       case '.tab':
-      case '.json':
         data = fs.readFileSync(dataFilePath, 'utf8'); // file encoding to read data as string
         break;
       case '.xls':
@@ -409,7 +408,16 @@ export class DataPreview {
         break;
       case '.config':
         data = jsonUtils.objectToPropertyArray(
-          jsonUtils.flattenObject(JSON.parse(fs.readFileSync(dataFilePath, 'utf8')), true)); // preserve parent path
+          jsonUtils.flattenObject(
+            JSON.parse(fs.readFileSync(dataFilePath, 'utf8')), true)); // preserve parent path
+        break;
+      case '.json':
+        data = JSON.parse(fs.readFileSync(dataFilePath, 'utf8'));
+        if (!Array.isArray(data)) {
+          // convert it to flat object properties array
+          data = jsonUtils.objectToPropertyArray(
+            jsonUtils.flattenObject(data, true)); // preserve parent path
+        }
         break;
       case '.arrow':
         data = this.getArrowData(dataFilePath);

src/utils/json.utils.ts

@@ -29,8 +29,11 @@ export function flattenObject (obj: any, preservePath: boolean = false, parentPa
       Object.keys(children).forEach(childKey => {
         flatObject[`${parentPath}.${childKey}`] = children[childKey];
       });
+    } 
+    else if (Array.isArray(obj[key])) {
+    
     } else {
-      flatObject[key] = obj[key];
+      flatObject[key] = obj[key].toString();
     }
   });
   return flatObject;

templates/data.view.html

@@ -259,10 +259,6 @@
             // pass through text data for data view to load
             tableData = data;
             break;
-          case '.json':
-            // try to parse JSON array data
-            tableData = JSON.parse(data);
-            break;
           case '.xls':
           case '.xlsb':
           case '.xlsx':
@@ -277,6 +273,7 @@
           case '.env':
           case '.properties':
           case '.config':
+          case '.json':
             // pass through loaded data json
             tableData = data;
             console.log(`data.view:getData(): records count: ${tableData.length}`);