added indent setting

Author: Andcool-Systems

src/config.ts

@@ -1,14 +1,15 @@
 import { ConfigType, TypeofTypes } from 'src/config.types';
 
 const config: ConfigType = {
+    indent: 4,  // Number of spaces
     colors: {
-        main_text: '#ffffff',
-        background: '#1e1e1e',
-        header: '#252526',
-        icon_color: '#ffd700',
-        indent_lines: '#404040',
-        line_index: '#6e7681',
-        keys: '#9cdcfe'
+        main_text: '#ffffff',  // Comma, colon color
+        background: '#1e1e1e',  // Main background color
+        header: '#252526',  // Color of header
+        icon_color: '#ffd700',  // Color of `{}` icon in filename
+        indent_lines: '#404040',  // Color of indent lines
+        line_index: '#6e7681',  // Color of indexes of lines
+        keys: '#9cdcfe'  // Color of JSON keys
     },
     /**
     * Get the color associated with a JavaScript data type.

src/config.types.ts

@@ -1,6 +1,7 @@
 export type TypeofTypes = 'string' | 'boolean' | 'function' | 'number' | 'object' | 'symbol' | 'undefined' | 'bigint';
 
 export type ConfigType = {
+    indent: number,
     colors: {
         main_text: string,
         background: string,

src/widget/views/index.hbs

@@ -31,7 +31,7 @@
         {{{json}}}
     </text>
 
-    <g style="transform: translate(70px, 45px);">
+    <g style="transform: translate({{indent_x}}px, 45px);">
         {{{indents}}}
     </g>
 </svg>

src/widget/widget.controller.ts

@@ -19,7 +19,7 @@ export class WidgetController {
         @Res({ passthrough: true }) res: Response
     ) {
         const json = await this.widgetService.generate();
-        const content = this.parserService.parse(json, 30);
+        const content = this.parserService.parse(json, config.indent * 7.5);
 
         const indents = this.parserService.parseObjectStructure(json);
 
@@ -30,10 +30,11 @@ export class WidgetController {
         return {
             json: content,
             indexes: indexes,
-            indents: this.widgetService.generateIndentLines(indents, 30),
+            indents: this.widgetService.generateIndentLines(indents, config.indent * 7.5),
             height: 52 + (lines_count * 19),
             height_: 60 + (lines_count * 19),
             height_main_line: (lines_count - 2) * 19,
+            indent_x: 40 + config.indent * 7.5,
 
             background_color: config.colors.background,
             header_color: config.colors.header,