feat: JSON格式化增加格式化JS能力

Author: Rain120

Diff for: src/app/json/stringify-parse/page.tsx

@@ -9,17 +9,18 @@ import { Space, Button, ButtonProps } from 'antd';
 import { useMonacoEditor } from '../../../utils/config/editor';
 import * as json from '../../../utils/tools/json';
 
-import s from './index.module.scss';
 import { copyToClipboard } from '../../../utils/tools/copy';
 import { storageStringifyParseValue } from '../../../utils/storage/json';
 
+import s from './index.module.scss';
+
 const demoText = `{
-  "name": "John Doe",
-  "text": "Line1\\nLine2\\tTabbed",
-  "info": {
-    "age": 30,
+  "Name": "Rai120",
+  "Github": "https://github.com/rain120",
+  "Info": {
+    "age": 20,
     "active": true,
-    "description": "他说：“你好，世界！”"
+    "description": "😊他说：“你好，世界！”"
   }
 }`;
 
@@ -39,7 +40,7 @@ enum OperateType {
 export default function Page() {
   const { editor } = useMonacoEditor();
   // console.log('editorRef', editorRef.current, editor);
-  const cache = storageStringifyParseValue()
+  const cache = storageStringifyParseValue();
 
   useEffect(() => {
     const value = editor?.getValue();
@@ -61,6 +62,10 @@ export default function Page() {
     (type: OperateType) => {
       const value = editor?.getValue();
 
+      if (!json.isJSON(value)) {
+        editor.setValue(json.convert2JSON(value));
+      }
+
       switch (type) {
         case OperateType.format:
           editor.handleFormatDocument();

Diff for: src/utils/tools/json.ts

@@ -126,14 +126,14 @@ export function chinesePunctuationToEnglish(
     '？': '?',
     '：': ':',
     '；': ';',
-    '“': escape ? '\\\"' : '"',
-    '”': escape ? '\\\"' : '"',
-    '‘': escape ? '\\\'' : "'",
-    '’': escape ? '\\\'' : "'",
-    '（': escape ? '\\\(' : '(',
-    '）': escape ? '\\\)' : ')',
-    '【': escape ? '\\\[' : '[',
-    '】': escape ? '\\\]' : ']',
+    '“': escape ? '\\"' : '"',
+    '”': escape ? '\\"' : '"',
+    '‘': escape ? "\\'" : "'",
+    '’': escape ? "\\'" : "'",
+    '（': escape ? '\\(' : '(',
+    '）': escape ? '\\)' : ')',
+    '【': escape ? '\\[' : '[',
+    '】': escape ? '\\]' : ']',
     '—': '-',
     '…': '...',
   };
@@ -143,3 +143,34 @@ export function chinesePunctuationToEnglish(
     .map((char) => punctuationMap[char] || char)
     .join('');
 }
+
+/**
+ * 将给定的字符串转换为 JSON 格式
+ * @param str 待转换的字符串
+ * @returns 转换后的 JSON 字符串
+ */
+export function convert2JSON(str: string) {
+  let jsonValue = str;
+
+  try {
+    eval(`window.omnibox_convert_json= ${str}`);
+
+    jsonValue = JSON.stringify((window as any).omnibox_convert_json);
+  } catch (error) {}
+
+  return jsonValue;
+}
+
+/**
+ * 判断给定的字符串是否为有效的 JSON 格式
+ * @param str 待判断的字符串
+ * @returns 如果字符串是有效的 JSON 格式，返回 true；否则返回 false
+ */
+export function isJSON(str: string) {
+  try {
+    JSON.parse(str);
+    return true;
+  } catch (error) {
+    return false;
+  }
+}