feat: add a JSON-to-JavaScript converter

Author: recurser

locales/en/lib-converters-commands.json

@@ -9,6 +9,7 @@
   "javaScript": "JavaScript format",
   "json": "JSON format",
   "jsonToCsv": "JSON to CSV",
+  "jsonToJavaScript": "JSON to JavaScript",
   "jsonToYaml": "JSON to YAML",
   "jwt": "JWT",
   "less": "LESS format",

locales/en/lib-converters-results.json

@@ -9,6 +9,7 @@
   "javaScript": "Formatted JavaScript",
   "json": "Formatted JSON",
   "jsonToCsv": "Formatted CSV",
+  "jsonToJavaScript": "Formatted JavaScript",
   "jsonToYaml": "Formatted YAML",
   "jwt": "Decoded JWT",
   "less": "Formatted LESS",

src/lib/converters/JsonToJavaScriptConverter.ts

@@ -0,0 +1,34 @@
+import { ConverterOptions } from '@lib/types'
+import { output as javaScriptOutput } from '@lib/outputs/JavaScriptOutput'
+import { input as jsonInput } from '@lib/inputs/JsonInput'
+
+/**
+ * A string which uniquely identifies this operation.
+ */
+export const id = 'jsonToJavaScript'
+
+/**
+ * A string which uniquely identifies the output component used by
+ * this converter.
+ */
+export const outputId = 'javaScript'
+
+/**
+ * An operation that formats the given JSON input string as JavaScript.
+ *
+ * @param input   - the string to convert.
+ * @param options - options that control the conversion process.
+ *
+ * @returns the converted string.
+ */
+export const operation = (
+  input: string,
+  options: ConverterOptions = {},
+): string => {
+  const obj = jsonInput(input)
+  if (!obj) {
+    return ''
+  }
+
+  return javaScriptOutput(`const data = ${JSON.stringify(obj)}`, options)
+}

src/lib/converters/__tests__/JsonToJavascriptConverter.test.ts

@@ -0,0 +1,30 @@
+import { JsonToJavaScriptConverter } from '@lib/converters'
+import { expectOutput } from './_helpers'
+
+describe('converters', () => {
+  describe('JsonToJavaScriptConverter', () => {
+    it('converts JSON data to JavaScript', async () => {
+      await expectOutput(
+        JsonToJavaScriptConverter,
+        `[
+  {
+    "a": "1",
+    "b": "2",
+    "c": "3"
+  },
+  {
+    "a": "4",
+    "b": "5",
+    "c": "6"
+  }
+]`,
+        'javascript-output',
+        `const data = [
+  { a: '1', b: '2', c: '3' },
+  { a: '4', b: '5', c: '6' },
+];
+`,
+      )
+    })
+  })
+})

src/lib/converters/index.ts

@@ -10,6 +10,7 @@ export * as HtmlFormatter from '@lib/converters/HtmlFormatter'
 export * as JavaScriptFormatter from '@lib/converters/JavaScriptFormatter'
 export * as JsonFormatter from '@lib/converters/JsonFormatter'
 export * as JsonToCsvConverter from '@lib/converters/JsonToCsvConverter'
+export * as JsonToJavaScriptConverter from '@lib/converters/JsonToJavaScriptConverter'
 export * as JsonToYamlConverter from '@lib/converters/JsonToYamlConverter'
 export * as JwtDecoder from '@lib/converters/JwtDecoder'
 export * as LessFormatter from '@lib/converters/LessFormatter'