feat: export result into excel and csv (#55)

* feat: export result into excel and csv

* fix: fixing code smell

* fix: remove @types/xlsx as xlsx already provided its own type

Author: invisal

package-lock.json

@@ -73,7 +73,8 @@
     "react-router-dom": "^6.8.1",
     "react-syntax-highlighter": "^15.5.0",
     "sqlstring": "^2.3.3",
-    "uuid": "^9.0.0"
+    "uuid": "^9.0.0",
+    "xlsx": "^0.18.5"
   },
   "optionalDependencies": {
     "dmg-license": "^1.0.11"

package.json

@@ -1,15 +1,16 @@
-import { QueryRowBasedResult } from 'types/SqlResult';
+import { QueryResult } from 'types/SqlResult';
 import { ResultChangeCollectorItem } from './ResultChangeCollector';
 
 export default function applyQueryResultChanges(
-  result: QueryRowBasedResult,
+  result: QueryResult,
   changes: ResultChangeCollectorItem[]
-): QueryRowBasedResult {
+): QueryResult {
   const newResult = { ...result };
+  const headers = result.headers;
 
   for (const change of changes) {
     for (const col of change.cols) {
-      newResult.rows[change.row][col.col] = col.value;
+      newResult.rows[change.row][headers[col.col].name] = col.value;
     }
   }
 

release/app/package-lock.json

@@ -1,4 +1,4 @@
-import { QueryRowBasedResult } from 'types/SqlResult';
+import { QueryResult } from 'types/SqlResult';
 import generateSqlFromChanges from './GenerateSqlFromChanges';
 import ResultChangeCollector from './ResultChangeCollector';
 import { SqlStatementPlan } from 'types/SqlStatement';
@@ -24,7 +24,7 @@ test('Generate Sql from changes with primary key', () => {
     },
   } as unknown as DatabaseSchema;
 
-  const data: QueryRowBasedResult = {
+  const data: QueryResult = {
     keys: {},
     error: null,
     headers: [
@@ -45,9 +45,9 @@ test('Generate Sql from changes with primary key', () => {
       },
     ],
     rows: [
-      [1, 'Henry', 25],
-      [2, 'Jenny', 20],
-      [3, 'Zeus', 30],
+      { id: 1, name: 'Henry', age: 25 },
+      { id: 2, name: 'Jenny', age: 20 },
+      { id: 3, name: 'Zeus', age: 30 },
     ],
   };
 

src/libs/ApplyQueryResultChanges.ts

@@ -1,4 +1,4 @@
-import { QueryResultHeader, QueryRowBasedResult } from 'types/SqlResult';
+import { QueryResult, QueryResultHeader } from 'types/SqlResult';
 import { DatabaseSchema } from 'types/SqlSchema';
 import { ResultChangeCollectorItem } from './ResultChangeCollector';
 import { SqlStatementPlan } from 'types/SqlStatement';
@@ -66,7 +66,7 @@ export function getUpdatableTable(
 
 function getSqlPlanFromChange(
   change: ResultChangeCollectorItem,
-  data: QueryRowBasedResult,
+  data: QueryResult,
   updatable: UpdatableTableDict
 ): SqlStatementPlan[] {
   const changedTable: Record<string, SqlStatementPlan> = {};
@@ -92,7 +92,8 @@ function getSqlPlanFromChange(
             where: updatable[tableName].reduce((a, b) => {
               return {
                 ...a,
-                [b.columnNames]: data.rows[change.row][b.columnNumber],
+                [b.columnNames]:
+                  data.rows[change.row][headers[b.columnNumber].name],
               };
             }, {}),
           };
@@ -106,7 +107,7 @@ function getSqlPlanFromChange(
 
 export default function generateSqlFromChanges(
   schema: DatabaseSchema,
-  currentData: QueryRowBasedResult,
+  currentData: QueryResult,
   changes: ResultChangeCollectorItem[]
 ): SqlStatementPlan[] {
   const updatableTables = getUpdatableTable(currentData.headers, schema);