changed config format

Author: Andcool-Systems

src/config.ts

@@ -1,29 +1,51 @@
-type typeofTypes = 'string' | 'boolean' | 'function' | 'number' | 'object' | 'symbol' | 'undefined' | 'bigint';
+import { ConfigType, TypeofTypes } from 'src/config.types';
 
-export const brackets_colors = ['#ffd700', '#da70d6', '#179fff'];
-
-export const typeColors = (type: typeofTypes) => {
-    switch (type) {
-        case 'bigint': return '#b5cea8';
-        case 'number': return '#b5cea8';
-        case 'object': return '#569cd6';
-        case 'undefined': return '#569cd6';
-        case 'boolean': return '#569cd6';
-        default: return '#ce9178';
+const config: ConfigType = {
+    colors: {
+        main_text: '#ffffff',
+        background: '#1e1e1e',
+        header: '#252526',
+        icon_color: '#ffd700',
+        indent_lines: '#404040',
+        line_index: '#6e7681',
+        keys: '#9cdcfe'
+    },
+    /**
+    * Get the color associated with a JavaScript data type.
+    *
+    * @param {TypeofTypes} type - String-represented JavaScript data type of the current value.
+    * @returns {string} Hex color code corresponding to the provided data type.
+    */
+    typeColor: (type: TypeofTypes): string => {
+        switch (type) {
+            case 'bigint': return '#b5cea8';
+            case 'number': return '#b5cea8';
+            case 'object': return '#569cd6';
+            case 'undefined': return '#569cd6';
+            case 'boolean': return '#569cd6';
+            default: return '#ce9178';
+        }
+    },
+    /**
+    * Get value quotes if needed.
+    *
+    * @param {TypeofTypes} type - String-represented JavaScript data type of the current value.
+    * @returns {string} Quotes if needed.
+    */
+    typeQuotes: (type: TypeofTypes): string => {
+        const quotesNeeded: TypeofTypes[] = ['string', 'symbol'];
+        return quotesNeeded.includes(type) ? '"' : '';
+    },
+    /**
+    * Get the color of brackets depending on the deep nesting of the object.
+    *
+    * @param {number} depth - Current object depth.
+    * @returns {string} Hex color code corresponding to the provided depth.
+    */
+    bracketsColors: (depth: number): string => {
+        const brackets_colors = ['#ffd700', '#da70d6', '#179fff'];
+        return brackets_colors[depth % brackets_colors.length];
     }
 }
 
-export const typeQuotes = (type: typeofTypes) => {
-    const quotesNeeded: typeofTypes[] = ['string', 'symbol'];
-    return quotesNeeded.includes(type) ? '"' : '';
-}
-
-export const colors = {
-    main_text: '#ffffff',
-    background: '#1e1e1e',
-    header: '#252526',
-    icon_color: '#ffd700',
-    indent_lines: '#404040',
-    line_index: '#6e7681',
-    keys: '#9cdcfe'
-}
+export default config;

src/config.types.ts

@@ -0,0 +1,16 @@
+export type TypeofTypes = 'string' | 'boolean' | 'function' | 'number' | 'object' | 'symbol' | 'undefined' | 'bigint';
+
+export type ConfigType = {
+    colors: {
+        main_text: string,
+        background: string,
+        header: string,
+        icon_color: string,
+        indent_lines: string,
+        line_index: string,
+        keys: string
+    },
+    typeColor: (type: TypeofTypes) => string,
+    typeQuotes: (type: TypeofTypes) => string,
+    bracketsColors: (depth: number) => string
+}

src/json_parser/parser.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@nestjs/common';
-import { brackets_colors, colors, typeColors, typeQuotes } from 'src/config';
+import config from 'src/config';
 
 type AnyObject = Record<string, any>;
 
@@ -21,8 +21,8 @@ export class ParserService {
         const nextIndent = indent * (depth + 1);
 
         if (typeof obj !== "object" || obj === null || obj === undefined) {
-            const quotes = typeQuotes(typeof obj);
-            const color = typeColors(typeof obj);
+            const quotes = config.typeQuotes(typeof obj);
+            const color = config.typeColor(typeof obj);
             return `<tspan style="fill: ${color};">${quotes}${obj}${quotes}</tspan>`;
         }
 
@@ -32,16 +32,12 @@ export class ParserService {
                 const comma = index < array.length - 1 ? ',' : '';
 
                 return `<tspan x="${nextIndent}" dy="19">` +
-                    `<tspan style="fill: ${colors.keys};">"${key}"</tspan>: ${formattedValue}${comma}` +
+                    `<tspan style="fill: ${config.colors.keys};">"${key}"</tspan>: ${formattedValue}${comma}` +
                     `</tspan>`;
             })
             .join(`\n`);
 
-        const bracket_color = brackets_colors[
-            depth < brackets_colors.length ?
-                depth :
-                depth - (Math.floor(depth / brackets_colors.length) * brackets_colors.length)
-        ];
+        const bracket_color = config.bracketsColors(depth);
 
         if (currentIndent === 0) {
             return (

src/widget/widget.controller.ts

@@ -2,7 +2,7 @@ import { Get, Controller, Render, Header, Res, Query } from '@nestjs/common';
 import type { Response } from 'express';
 import { WidgetService } from './widget.service';
 import { ParserService } from 'src/json_parser/parser.service';
-import { colors } from 'src/config';
+import config from 'src/config';
 
 
 @Controller()
@@ -35,11 +35,11 @@ export class WidgetController {
             height_: 60 + (lines_count * 19),
             height_main_line: (lines_count - 2) * 19,
 
-            background_color: colors.background,
-            header_color: colors.header,
-            icon_color: colors.icon_color,
-            indent_color: colors.indent_lines,
-            main_color: colors.main_text
+            background_color: config.colors.background,
+            header_color: config.colors.header,
+            icon_color: config.colors.icon_color,
+            indent_color: config.colors.indent_lines,
+            main_color: config.colors.main_text
         };
     }
 }

src/widget/widget.service.ts

@@ -1,6 +1,6 @@
 import { Injectable } from '@nestjs/common';
 import { APIService } from 'src/apis/apis.service';
-import { colors } from 'src/config';
+import config from 'src/config';
 import { ObjectStructureInfo } from 'src/json_parser/parser.service';
 
 
@@ -116,7 +116,7 @@ export class WidgetService {
     generate_indexes(count: number) {
         const array = [];
         for (let index = 1; index <= count; index++) {
-            array.push(`<tspan x="${index < 10 ? '9' : '0'}" dy="${index === 1 ? '0' : '19'}" fill="${colors.line_index}">${index}</tspan>`);
+            array.push(`<tspan x="${index < 10 ? '9' : '0'}" dy="${index === 1 ? '0' : '19'}" fill="${config.colors.line_index}">${index}</tspan>`);
         }
 
         return array.join('\n');
@@ -126,7 +126,7 @@ export class WidgetService {
         const array = [];
         for (const indent of indents) {
             array.push(
-                `<rect fill="${colors.indent_lines}" x="${indent.depth * indent_width}" ` +
+                `<rect fill="${config.colors.indent_lines}" x="${indent.depth * indent_width}" ` +
                 `y="${indent.startLine * 19}" width="1" height="${((indent.endLine - indent.startLine) - 1) * 19}" />`
             );
         }