chore: remove trailing comma

.prettierrc

@@ -2,5 +2,6 @@
   "semi": false,
   "singleQuote": true,
   "tabWidth": 2,
-  "useTabs": false
+  "useTabs": false,
+  "trailingComma": "none"
 }

eslint.config.js

@@ -13,20 +13,20 @@ export default tseslint.config(
     files: ['**/*.{ts,tsx}'],
     languageOptions: {
       ecmaVersion: 2020,
-      globals: globals.browser,
+      globals: globals.browser
     },
     plugins: {
       'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      'react-refresh': reactRefresh
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
       'react-refresh/only-export-components': [
         'warn',
-        { allowConstantExport: true },
-      ],
-    },
+        { allowConstantExport: true }
+      ]
+    }
   },
   eslintConfigPrettier,
-  eslintPluginPrettierRecommended,
+  eslintPluginPrettierRecommended
 )

src/Editor/index.tsx

@@ -21,7 +21,7 @@ export const Editor: FC = () => {
         const rect = containerRef.current?.getBoundingClientRect()
         ref.current?.layout({
           width: rect?.width ?? 0,
-          height: rect?.height ?? 0,
+          height: rect?.height ?? 0
         })
       })
     })
@@ -54,7 +54,7 @@ export const Editor: FC = () => {
           smoothScrolling: true,
           cursorSmoothCaretAnimation: 'on',
           cursorBlinking: 'smooth',
-          cursorStyle: 'line',
+          cursorStyle: 'line'
         }}
         theme="vs-dark"
       />

src/GlobalStates/EditorValueState.ts

@@ -4,9 +4,9 @@ export const EditorValueState = atom({
   key: 'editor_value',
   default: JSON.stringify(
     {
-      Hello: 'world!',
+      Hello: 'world!'
     },
     null,
-    2,
-  ),
+    2
+  )
 })

src/LandingAnimation/index.tsx

@@ -7,7 +7,7 @@ import Suika from '../Assets/favicon.webp'
 export const LandingAnimation: FC = () => {
   const [isVisible, setVisible] = useState(true)
   const exitAnimation: TargetAndTransition = {
-    opacity: 0,
+    opacity: 0
   }
 
   useEffect(() => {

src/TransformGridItem/index.tsx

@@ -14,7 +14,7 @@ import {
   TransformRadioOption,
   TransformTextboxOption,
   WrappedTransform,
-  WrappedTransformResult,
+  WrappedTransformResult
 } from '../Transforms/Transform'
 import { useLocalStorage } from '@uidotdev/usehooks'
 import { AnimatePresence, motion } from 'framer-motion'
@@ -30,11 +30,11 @@ export const TransformGridItem: FC<TransformGridItemProp> = ({ transform }) => {
   const [options, setOptions] = useState(transform.options)
   const [closedToggle, setClosedToggle] = useLocalStorage(
     `transform_closed__${transform.name}`,
-    false,
+    false
   )
   const [result, setResult] = useState<WrappedTransformResult>({
     error: false,
-    value: '',
+    value: ''
   })
 
   const previewDisabled = value.length > 30000
@@ -68,7 +68,7 @@ export const TransformGridItem: FC<TransformGridItemProp> = ({ transform }) => {
 
     setResult({
       error: false,
-      value: '',
+      value: ''
     })
   }, [options, previewDisabled])
 
@@ -77,7 +77,7 @@ export const TransformGridItem: FC<TransformGridItemProp> = ({ transform }) => {
     if (previewDisabled) {
       setResult({
         error: false,
-        value: '',
+        value: ''
       })
       return
     }
@@ -93,7 +93,7 @@ export const TransformGridItem: FC<TransformGridItemProp> = ({ transform }) => {
     (event: ChangeEvent<HTMLInputElement>) => {
       options.set(option.key, {
         ...option,
-        value: event.target.checked,
+        value: event.target.checked
       })
 
       setOptions(new Map(options))
@@ -104,7 +104,7 @@ export const TransformGridItem: FC<TransformGridItemProp> = ({ transform }) => {
     (event: ChangeEvent<HTMLInputElement>) => {
       options.set(option.key, {
         ...option,
-        value: event.target.value,
+        value: event.target.value
       })
 
       setOptions(new Map(options))
@@ -115,7 +115,7 @@ export const TransformGridItem: FC<TransformGridItemProp> = ({ transform }) => {
     (event: ChangeEvent<HTMLInputElement>) => {
       options.set(option.key, {
         ...option,
-        value: parseInt(event.target.value),
+        value: parseInt(event.target.value)
       })
 
       setOptions(new Map(options))
@@ -126,7 +126,7 @@ export const TransformGridItem: FC<TransformGridItemProp> = ({ transform }) => {
     (event: ChangeEvent<HTMLInputElement>) => {
       options.set(option.key, {
         ...option,
-        value: event.target.value,
+        value: event.target.value
       })
 
       setOptions(new Map(options))

src/Transforms/Base64Transforms.ts

@@ -2,10 +2,10 @@ import { Transform } from './Transform'
 
 export const Base64DecodeTransform: Transform = {
   name: 'base64d',
-  fn: async (v) => atob(v),
+  fn: async (v) => atob(v)
 }
 
 export const Base64EncodeTransform: Transform = {
   name: 'base64e',
-  fn: async (v) => btoa(v),
+  fn: async (v) => btoa(v)
 }

src/Transforms/DatetimeTransforms.ts

@@ -28,8 +28,8 @@ export const DatetimeTransform: Transform = {
           hour: date.getHours(),
           minute: date.getMinutes(),
           second: date.getSeconds(),
-          milli: date.getMilliseconds(),
-        }),
+          milli: date.getMilliseconds()
+        })
       )
       .join('\n')
 
@@ -41,7 +41,7 @@ export const DatetimeTransform: Transform = {
       type: 'RADIO',
       key: 'f',
       value: 'c',
-      radios: [{ value: 'c' }, { value: 'java' }],
-    },
-  ],
+      radios: [{ value: 'c' }, { value: 'java' }]
+    }
+  ]
 }

src/Transforms/GzipCompressTransform.ts

@@ -10,7 +10,7 @@ const compressGzip = async (input: string): Promise<string> => {
   // Check if CompressionStream is supported
   if (typeof CompressionStream === 'undefined') {
     throw new Error(
-      'CompressionStream API is not supported in this environment.',
+      'CompressionStream API is not supported in this environment.'
     )
   }
 
@@ -23,7 +23,7 @@ const compressGzip = async (input: string): Promise<string> => {
     start(controller) {
       controller.enqueue(encoded)
       controller.close()
-    },
+    }
   })
 
   // Create a CompressionStream for Gzip
@@ -78,5 +78,5 @@ export const GzipCompressTransform: Transform = {
 
   fn: (v: string) => compressGzip(v),
 
-  options: [], // Add any options if needed
+  options: [] // Add any options if needed
 }

src/Transforms/GzipTransform.ts

@@ -17,5 +17,5 @@ const decompressGzip = async (base64: string) => {
 export const GzipDecompressTransform: Transform = {
   name: 'gzipd',
 
-  fn: (v) => decompressGzip(v),
+  fn: (v) => decompressGzip(v)
 }

src/Transforms/JSONTransforms.ts

@@ -9,7 +9,7 @@ export const JSONBeautifyTransform: Transform = {
       ? JSON.stringify(
           JSON5.parse(v),
           null,
-          (o.get('tab')?.value as number) ?? 2,
+          (o.get('tab')?.value as number) ?? 2
         )
       : v
           .split('\n')
@@ -17,34 +17,34 @@ export const JSONBeautifyTransform: Transform = {
             JSON.stringify(
               JSON5.parse(v2),
               null,
-              (o.get('tab')?.value as number) ?? 2,
-            ),
+              (o.get('tab')?.value as number) ?? 2
+            )
           )
           .join('\n'),
 
   options: [
     {
       type: 'CHECKBOX',
-      key: 'multiline',
+      key: 'multiline'
     },
     {
       type: 'INTBOX',
       key: 'tab',
-      value: 2,
-    },
-  ],
+      value: 2
+    }
+  ]
 }
 
 export const JSONSimplifyTransform: Transform = {
   name: 'jsonsmp',
 
-  fn: async (v) => JSON.stringify(JSON5.parse(v)),
+  fn: async (v) => JSON.stringify(JSON5.parse(v))
 }
 
 export const JSONEscapeTransform: Transform = {
   name: 'jsonesc',
 
-  fn: async (v) => JSON.stringify(v),
+  fn: async (v) => JSON.stringify(v)
 }
 
 export const JSONUnescapeTransform: Transform = {
@@ -56,5 +56,5 @@ export const JSONUnescapeTransform: Transform = {
     if (typeof result !== 'string') throw new Error('Not JSON escaped')
 
     return result
-  },
+  }
 }

src/Transforms/RegexpTransform.ts

@@ -12,5 +12,5 @@ export const RegexpTransform: Transform = {
       .join('\n')
 
     return [expression, samples, parsedSamples].join('\n\n')
-  },
+  }
 }

src/Transforms/Transform.ts

@@ -1,6 +1,6 @@
 import {
   Base64DecodeTransform,
-  Base64EncodeTransform,
+  Base64EncodeTransform
 } from './Base64Transforms'
 import { DatetimeTransform } from './DatetimeTransforms'
 import { GzipCompressTransform } from './GzipCompressTransform'
@@ -9,7 +9,7 @@ import {
   JSONBeautifyTransform,
   JSONEscapeTransform,
   JSONSimplifyTransform,
-  JSONUnescapeTransform,
+  JSONUnescapeTransform
 } from './JSONTransforms'
 import { RegexpTransform } from './RegexpTransform'
 import { URIDecodeTransform, URIEncodeTransform } from './URITransforms'
@@ -69,7 +69,7 @@ export interface WrappedTransform extends Omit<Transform, 'fn' | 'options'> {
 
   fn: (
     value: string,
-    options: Map<string, TransformOption>,
+    options: Map<string, TransformOption>
   ) => Promise<WrappedTransformResult>
 
   options: Map<string, TransformOption>
@@ -85,9 +85,9 @@ export const wrapTransform = (transform: Transform): WrappedTransform => ({
       .catch((error) => ({ error: true, value: error.toString() })),
 
   options: new Map<string, TransformOption>(
-    (transform.options ?? []).map((v) => [v.key, v]),
+    (transform.options ?? []).map((v) => [v.key, v])
   ),
-  wrapped: true,
+  wrapped: true
 })
 
 export const transforms: Transform[] = [
@@ -104,5 +104,5 @@ export const transforms: Transform[] = [
   JSON2YAMLTransform,
   YAML2JSONTransform,
   GzipCompressTransform,
-  GzipDecompressTransform,
+  GzipDecompressTransform
 ]

src/Transforms/URITransforms.ts

@@ -9,9 +9,9 @@ export const URIDecodeTransform: Transform = {
   options: [
     {
       type: 'CHECKBOX',
-      key: 'cmp',
-    },
-  ],
+      key: 'cmp'
+    }
+  ]
 }
 
 export const URIEncodeTransform: Transform = {
@@ -23,7 +23,7 @@ export const URIEncodeTransform: Transform = {
   options: [
     {
       type: 'CHECKBOX',
-      key: 'cmp',
-    },
-  ],
+      key: 'cmp'
+    }
+  ]
 }

src/Transforms/YAMLTransforms.ts

@@ -5,11 +5,11 @@ import JSON5 from 'json5'
 export const YAML2JSONTransform: Transform = {
   name: 'yaml2json',
 
-  fn: async (v) => JSON.stringify(YAML.parse(v)),
+  fn: async (v) => JSON.stringify(YAML.parse(v))
 }
 
 export const JSON2YAMLTransform: Transform = {
   name: 'json2yaml',
 
-  fn: async (v) => YAML.stringify(JSON5.parse(v)),
+  fn: async (v) => YAML.stringify(JSON5.parse(v))
 }

src/main.tsx

@@ -19,5 +19,5 @@ createRoot(document.getElementById('root')!).render(
 
       <LandingAnimation />
     </RecoilRoot>
-  </StrictMode>,
+  </StrictMode>
 )

vite.config.ts

@@ -7,8 +7,8 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        api: 'modern-compiler', // or "modern"
-      },
-    },
-  },
+        api: 'modern-compiler' // or "modern"
+      }
+    }
+  }
 })