Implements Grid extractors/visualizer and sorting demo.

data-extraction/src/js/api/default-extractors/GridExtractor.ts

@@ -0,0 +1,32 @@
+import { ExtractedData } from "../../../DataExtractionResult";
+import {
+	DataExtractor,
+	ExtractionCollector,
+	DataExtractorContext,
+} from "../..";
+import { CommonDataTypes } from "../../../CommonDataTypes";
+
+export class GridExtractor implements DataExtractor<ExtractedData> {
+	readonly id = "grid";
+	getExtractions(
+		data: unknown,
+		extractionCollector: ExtractionCollector<ExtractedData>,
+		context: DataExtractorContext
+	): void {
+		if (!Array.isArray(data)) {
+			return;
+		}
+
+		extractionCollector.addExtraction({
+			id: this.id,
+			name: "Array As Grid",
+			priority: 500,
+			extractData(): CommonDataTypes.Grid {
+				return {
+					kind: { array: true },
+					rows: [{ columns: data.map(d => ({ tag: d })) }],
+				};
+			},
+		});
+	}
+}

data-extraction/src/js/api/default-extractors/registerDefaultDataExtractors.ts

@@ -6,6 +6,7 @@ import { ToStringDataExtractor } from "./ToStringExtractor";
 import { PlotDataExtractor } from "./PlotlyDataExtractor";
 import { ObjectGraphExtractor } from "./ObjectGraphExtractor";
 import { getDataExtractorApi } from "../injection";
+import { GridExtractor } from "./GridExtractor";
 
 /**
  * The default data extractors should be registered by VS Code automatically.
@@ -21,6 +22,7 @@ export function registerDefaultExtractors(
 		new ToStringDataExtractor(),
 		new PlotDataExtractor(),
 		new ObjectGraphExtractor(),
+		new GridExtractor(),
 	]) {
 		api.registerExtractor(item);
 	}