New updates- added config to stringify/JSON object format, and UI improvements.

Author: hanoak20

ui/.eslintrc.js

@@ -1,39 +1,39 @@
 module.exports = {
-	env: {
-		browser: true,
-		es2021: true,
-	},
-	extends: [
-		'plugin:react/recommended',
-		'plugin:import/typescript',
-		'airbnb',
-		'airbnb-typescript',
-		'prettier',
-	],
-	parser: '@typescript-eslint/parser',
-	parserOptions: {
-		ecmaFeatures: {
-			jsx: true,
-		},
-		ecmaVersion: 12,
-		sourceType: 'module',
-		project: 'tsconfig.json',
-		createDefaultProgram: true,
-		tsconfigRootDir: __dirname,
-	},
-	plugins: ['import', 'react', 'react-hooks', '@typescript-eslint'],
-	rules: {
-		'operator-linebreak': [
-			'error',
-			'after',
-			{
-				overrides: {
-					':': 'before',
-				},
-			},
-		],
-		'react/destructuring-assignment': ['warn'],
-		'func-names': [0],
-		'no-console': ['error', { allow: ['warn', 'error', 'info'] }],
-	},
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    "plugin:react/recommended",
+    "plugin:import/typescript",
+    "airbnb",
+    "airbnb-typescript",
+    "prettier",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: "module",
+    project: "tsconfig.json",
+    createDefaultProgram: true,
+    tsconfigRootDir: __dirname,
+  },
+  plugins: ["import", "react", "react-hooks", "@typescript-eslint"],
+  rules: {
+    "operator-linebreak": [
+      "error",
+      "after",
+      {
+        overrides: {
+          ":": "before",
+        },
+      },
+    ],
+    "react/destructuring-assignment": ["warn"],
+    "func-names": [0],
+    "no-console": ["error", { allow: ["warn", "error", "info"] }],
+  },
 };

ui/babel.config.js

@@ -1,26 +1,26 @@
 module.exports = {
-	presets: [
-		[
-			'@babel/preset-env',
-			{
-				targets: {
-					node: 'current',
-				},
-			},
-			// '@babel/preset-react',
-			'@babel/preset-typescript',
-		],
-	],
-	plugins: [
-		[
-			'@babel/plugin-transform-runtime',
-			{
-				regenerator: true,
-			},
-		],
-		'@babel/plugin-proposal-class-properties',
-		'@babel/plugin-proposal-export-default-from',
-		'@babel/plugin-transform-modules-commonjs',
-		['@babel/plugin-transform-react-jsx', { pragma: 'h' }],
-	],
+  presets: [
+    [
+      "@babel/preset-env",
+      {
+        targets: {
+          node: "current",
+        },
+      },
+      // '@babel/preset-react',
+      "@babel/preset-typescript",
+    ],
+  ],
+  plugins: [
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        regenerator: true,
+      },
+    ],
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-export-default-from",
+    "@babel/plugin-transform-modules-commonjs",
+    ["@babel/plugin-transform-react-jsx", { pragma: "h" }],
+  ],
 };