chore: adding csv as an option to subject table

Author: david-roper

apps/web/src/hooks/useInstrumentVisualization.ts

@@ -8,6 +8,7 @@ import { useInstrument } from '@/hooks/useInstrument';
 import { useInstrumentInfoQuery } from '@/hooks/useInstrumentInfoQuery';
 import { useInstrumentRecords } from '@/hooks/useInstrumentRecords';
 import { useAppStore } from '@/store';
+import { parse, unparse } from 'papaparse';
 
 type InstrumentVisualizationRecord = {
   [key: string]: unknown;
@@ -50,7 +51,7 @@ export function useInstrumentVisualization({ params }: UseInstrumentVisualizatio
     }
   });
 
-  const dl = (option: 'JSON' | 'TSV') => {
+  const dl = (option: 'JSON' | 'TSV' | 'CSV') => {
     if (!instrument) {
       notifications.addNotification({ message: t('errors.noInstrumentSelected'), type: 'error' });
       return;
@@ -81,6 +82,29 @@ export function useInstrumentVisualization({ params }: UseInstrumentVisualizatio
             .join('\n');
           return columnNames + '\n' + rows;
         });
+        break;
+      case 'CSV':
+        void download(`${baseFilename}.csv`, () => {
+          const columnNames = Object.keys(exportRecords[0]!).join(',');
+          const rows = exportRecords
+            .map((item) =>
+              Object.values(item)
+                .map((val) => '"' + JSON.stringify(val) + '"')
+                .join(',')
+            )
+            .join('\n');
+
+          const transformed = columnNames + '\n' + rows;
+
+          const parsed = parse(transformed, {
+            header: true,
+            skipEmptyLines: true,
+            dynamicTyping: true
+          });
+
+          return transformed;
+        });
+        break;
     }
   };
 

apps/web/src/routes/_app/datahub/$subjectId/table.tsx

@@ -38,7 +38,7 @@ const RouteComponent = () => {
               widthFull
               data-spotlight-type="export-data-dropdown"
               disabled={!instrumentId}
-              options={['TSV', 'JSON']}
+              options={['TSV', 'JSON', 'CSV']}
               title={t('core.download')}
               triggerClassName="min-w-32"
               onSelection={dl}