initial commit

visualization-bundle/src/visualizers/source-visualizer/index.tsx

@@ -0,0 +1,24 @@
+import { sAny } from "@hediet/semantic-json";
+import React from "react";
+import {
+	createVisualizer,
+	ReactVisualization,
+	globalVisualizationFactory,
+} from "@hediet/visualization-core";
+import { MonacoEditor } from "../monaco-text-visualizer/MonacoEditor";
+
+export const sourceVisualizer = createVisualizer({
+	id: "source",
+	name: "JSON Source",
+	serializer: sAny(),
+	getVisualization: (data, self) =>
+		new ReactVisualization(self, { priority: -100 }, theme => (
+			<MonacoEditor
+				text={JSON.stringify(data, undefined, 4)}
+				languageId={"json"}
+				theme={theme}
+			/>
+		)),
+});
+
+globalVisualizationFactory.addHiddenVisualizer(sourceVisualizer);

visualization-bundle/src/visualizers/source-visualizer/style.scss

@@ -0,0 +1,6 @@
+.theme-dark {
+	--visualizer-simple-text-color: white;
+}
+.theme-light {
+	--visualizer-simple-text-color: black;
+}