Update json-format extension (#11938)

extensions/json-format/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [Adds support for JSONLines formatting] - 2024-04-22
+
+- Add formatting from JSON/JS Object Array to JSONLines
+
 ## [Fix json () bug] - 2024-02-20
 
 - Fixed bug where json with "()"" was not being recognized, for example `{"color": "rgba(0, 0, 0, 0.5)"}`

extensions/json-format/package.json

@@ -9,7 +9,8 @@
     "Aayush9029",
     "devlos",
     "lachero",
-    "alexs"
+    "alexs",
+    "duranbe"
   ],
   "categories": [
     "Data",
@@ -28,6 +29,12 @@
       "title": "Format JSON",
       "description": "Formats a JSON/JS Object",
       "mode": "view"
+    },
+    {
+      "name": "formatJsonLines",
+      "title": "Format Array of JSON to JSONLines",
+      "description": "Formats an array of JSON/JS Object to JSONLines",
+      "mode": "view"
     }
   ],
   "preferences": [

extensions/json-format/src/formatJsonLines.tsx

@@ -0,0 +1,58 @@
+import { Form, ActionPanel, Action } from '@raycast/api';
+import { useState } from 'react';
+
+import { formatToJSONLines } from './utils';
+
+interface FormInput {
+  input: string;
+  result: string;
+}
+
+export default function Command() {
+  const [input, setInput] = useState<string>('');
+  const [result, setResult] = useState<string>('');
+
+  return (
+    <Form
+      actions={
+        <ActionPanel>
+          <Action.SubmitForm
+            title="Format"
+            onSubmit={async (values: FormInput) => {
+              const input: string = values.input;
+              const output = formatToJSONLines(input);
+              if (output) {
+                setResult(output);
+              }
+            }}
+          />
+          <Action.SubmitForm
+            title="View Result"
+            onSubmit={async (values: FormInput) => {
+              const input: string = values.input;
+              const output = formatToJSONLines(input);
+              if (output) {
+                setResult(output);
+              }
+            }}
+          />
+        </ActionPanel>
+      }
+    >
+      <Form.TextArea
+        id="input"
+        title="Input"
+        placeholder="Paste JSON Array here…"
+        value={input}
+        onChange={setInput}
+      />
+      <Form.TextArea
+        id="result"
+        title="Result"
+        placeholder="Command + Shift + Enter to view result..."
+        value={result}
+        onChange={setResult}
+      />
+    </Form>
+  );
+}

extensions/json-format/src/utils.ts

@@ -90,6 +90,19 @@ function parse(input: string) {
   }
 }
 
+export function formatToJSONLines(input: string) {
+  if (!isJson(input) || !isArray(input)) {
+    showToast({
+      style: Toast.Style.Failure,
+      title: 'Please enter a valid JSON/JS Array Object',
+    });
+    return;
+  }
+
+  const jsonVal = JSON.parse(`{"data":${input}}`);
+  return jsonVal.data.map(JSON.stringify).join('\n');
+}
+
 function isJson(str: string) {
   try {
     JSON.parse(str);
@@ -98,3 +111,7 @@ function isJson(str: string) {
   }
   return true;
 }
+
+function isArray(str: string) {
+  return str.startsWith('[') && str.endsWith(']');
+}