preview for html and csv added

lib/consts.dart

@@ -374,7 +374,8 @@ const Map<String, Map<String, List<ResponseBodyView>>>
   kTypeText: {
     kSubTypeDefaultViewOptions: kRawBodyViewOptions,
     kSubTypeCss: kCodeRawBodyViewOptions,
-    kSubTypeHtml: kCodeRawBodyViewOptions,
+    kSubTypeHtml: kPreviewCodeRawBodyViewOptions,
+    kSubTypeCsv: kPreviewCodeRawBodyViewOptions,
     kSubTypeJavascript: kCodeRawBodyViewOptions,
     kSubTypeMarkdown: kCodeRawBodyViewOptions,
     kSubTypeTextXml: kCodeRawBodyViewOptions,
@@ -483,9 +484,15 @@ const kImageError =
 const kSvgError =
     "There seems to be an issue rendering this SVG image. Please raise an issue in API Dash GitHub repo so that we can resolve it.";
 
+const kCsvError =
+    "There seems to be an issue rendering this CSV image. Please raise an issue in API Dash GitHub repo so that we can resolve it.";
+
 const kPdfError =
     "There seems to be an issue rendering this pdf. Please raise an issue in API Dash GitHub repo so that we can resolve it.";
 
+const kHtmlError =
+    "There seems to be an issue rendering this HTML document. Please raise an issue in API Dash GitHub repo so that we can resolve it.";
+
 const kAudioError =
     "There seems to be an issue playing this audio. Please raise an issue in API Dash GitHub repo so that we can resolve it.";
 

lib/widgets/previewer.dart

@@ -1,6 +1,9 @@
 import 'dart:convert';
+import 'package:csv/csv.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_widget_from_html/flutter_widget_from_html.dart';
 import 'package:printing/printing.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:vector_graphics_compiler/vector_graphics_compiler.dart';
@@ -30,6 +33,21 @@ class Previewer extends StatefulWidget {
 }
 
 class _PreviewerState extends State<Previewer> {
+  late List<List<dynamic>> csvData;
+
+  @override
+  void initState() {
+    super.initState();
+    csvData = [];
+  }
+
+  void processCsv(String body) {
+    print("hello");
+    csvData = const CsvToListConverter().convert(body, eol: '\n');
+    print(csvData);
+    setState(() {});
+  }
+
   @override
   Widget build(BuildContext context) {
     if (widget.type == kTypeApplication && widget.subtype == kSubTypeJson) {
@@ -54,6 +72,63 @@ class _PreviewerState extends State<Previewer> {
         return const ErrorMessage(message: kSvgError);
       }
     }
+    if (widget.type == kTypeText && widget.subtype == kSubTypeHtml) {
+      try {
+        return SingleChildScrollView(
+          child: Row(
+            children: [
+              Flexible(
+                child: HtmlWidget(
+                  widget.body,
+                ),
+              ),
+            ],
+          ),
+        );
+      } catch (e) {
+        return const ErrorMessage(message: kHtmlError);
+      }
+    }
+    if (widget.type == kTypeText && widget.subtype == kSubTypeCsv) {
+      processCsv(widget.body);
+      try {
+        print(csvData[1]);
+
+        return SingleChildScrollView(
+          scrollDirection: Axis.horizontal,
+          child: DataTable(
+            columns: csvData[0]
+                .map(
+                  (item) => DataColumn(
+                    label: Text(
+                      item.toString(),
+                    ),
+                  ),
+                )
+                .toList(),
+            rows: csvData
+                .skip(1)
+                .map(
+                  (csvrow) => DataRow(
+                    cells: csvrow
+                        .map(
+                          (csvItem) => DataCell(
+                            Text(
+                              csvItem.toString(),
+                            ),
+                          ),
+                        )
+                        .toList(),
+                  ),
+                )
+                .toList(),
+          ),
+        );
+      } catch (e) {
+        return const ErrorMessage(message: kCsvError);
+      }
+    }
+
     if (widget.type == kTypeImage) {
       return Image.memory(
         widget.bytes,

pubspec.yaml

@@ -48,12 +48,15 @@ dependencies:
       url: https://github.com/foss42/json_data_explorer.git
       ref: 9fa58d7b51e65174ab11cbcae17bba88a4194dde
   scrollable_positioned_list: ^0.2.3
+
+  flutter_widget_from_html: ^0.14.11
   file_picker: ^6.1.1
   flutter_svg: ^2.0.9
   vector_graphics_compiler: ^1.1.9+1
   code_builder: ^4.9.0
   dart_style: ^2.3.4
   json_text_field: ^1.1.0
+  csv: ^5.1.1
 
 dev_dependencies:
   flutter_test:

test/widgets/previewer_test.dart

@@ -231,4 +231,49 @@ void main() {
     await tester.pumpAndSettle();
     expect(find.text(kSvgError), findsOneWidget);
   });
+
+  testWidgets('Testing when type/subtype is text/csv', (tester) async {
+    String csvDataString =
+        'Id,Name,Age\n1,John Doe,40\n2,Dbestech,41\n3,Voldermort,71\n4,Joe Biden,80\n5,Ryo Hanamura,35';
+
+    await tester.pumpWidget(
+      MaterialApp(
+        home: Scaffold(
+          body: Previewer(
+            type: kTypeText,
+            subtype: kSubTypeCsv,
+            bytes: Uint8List.fromList([]),
+            body: csvDataString,
+          ),
+        ),
+      ),
+    );
+
+    expect(find.byType(DataTable), findsOneWidget);
+    expect(find.text('John Doe'), findsOneWidget);
+    expect(find.text('41'), findsOneWidget);
+  });
+  testWidgets('Testing when type/subtype is text/html', (tester) async {
+
+    String htmlDataString = '<div><p>Hello, <strong>World</strong>!</p></div>';
+
+    await tester.pumpWidget(
+      MaterialApp(
+        home: Scaffold(
+          body: Previewer(
+            type: kTypeText,
+            subtype: kSubTypeHtml,
+            bytes: Uint8List.fromList([]),
+            body: htmlDataString,
+          ),
+        ),
+      ),
+    );
+
+    expect(find.byType(SingleChildScrollView), findsOneWidget);
+    expect(find.byType(Row), findsOneWidget);
+
+    expect(find.text('Hello, '), findsOneWidget);
+    expect(find.text('World'), findsOneWidget);
+  });
 }