✨ Added Java formatter

Author: max-programming

package-lock.json

@@ -21,6 +21,7 @@
     "next-seo": "^5.1.0",
     "nextjs-progressbar": "^0.0.13",
     "prettier": "^2.5.1",
+    "prettier-plugin-java": "^1.6.1",
     "prism-react-renderer": "^1.3.1",
     "prismjs": "^1.27.0",
     "react": "17.0.2",

package.json

@@ -0,0 +1,83 @@
+import Layout from '@/components/Layout';
+import type { NextPage } from 'next';
+import Setting from '@/components/Setting';
+import {
+  NumberInput,
+  NumberInputField,
+  NumberInputStepper,
+  NumberIncrementStepper,
+  NumberDecrementStepper,
+  Switch,
+} from '@chakra-ui/react';
+import usePath from '@/utils/usePath';
+import formatCode from '@/utils/formatCode';
+
+import javaParser from 'prettier-plugin-java';
+import { useState } from 'react';
+import Formatter from '@/components/Formatter';
+import Header from '@/components/Header';
+import { OnChange } from '@monaco-editor/react';
+
+const JavaFormat: NextPage = () => {
+  const path = usePath('java');
+  const [indent, setIndent] = useState(2);
+  const [unformatted, setUnformatted] = useState('');
+  const [formatted, setFormatted] = useState('');
+
+  const format = ({
+    val,
+    indentation,
+  }: {
+    val?: string;
+    indentation?: number;
+  }) => {
+    setFormatted(
+      formatCode({
+        code: val || unformatted,
+        language: 'java',
+        parser: javaParser,
+        options: { tabWidth: indentation || indent },
+      })
+    );
+  };
+
+  const handleChange: OnChange = val => {
+    if (!val) return;
+    setUnformatted(val);
+    if (val.trim() === '') return setFormatted('');
+    format({ val, indentation: indent });
+  };
+
+  return (
+    <>
+      <Layout title={path.title}>
+        <Header title={path.title} imageSrc={path.image} />
+        <Setting title='Indentation'>
+          <NumberInput
+            onChange={(_, val) => {
+              setIndent(val);
+              format({ indentation: val });
+            }}
+            defaultValue={indent}
+            min={1}
+            max={10}
+          >
+            <NumberInputField />
+            <NumberInputStepper>
+              <NumberIncrementStepper />
+              <NumberDecrementStepper />
+            </NumberInputStepper>
+          </NumberInput>
+        </Setting>
+        <Formatter
+          language={'java'}
+          unformattedCode={unformatted || ''}
+          formattedCode={formatted || ''}
+          handleChange={handleChange}
+        />
+      </Layout>
+    </>
+  );
+};
+
+export default JavaFormat;

pages/formatter/java.tsx

@@ -28,5 +28,10 @@
     "id": "/formatter/php",
     "title": "PHP Code Formatter",
     "image": "https://simpleicons.vercel.app/php/777BB4"
+  },
+  {
+    "id": "/formatter/java",
+    "title": "Java Code Formatter",
+    "image": "https://simpleicons.vercel.app/java/007396"
   }
 ]

paths.json

@@ -1 +1,2 @@
 declare module '@prettier/plugin-php/standalone';
+declare module 'prettier-plugin-java';

types.d.ts

@@ -3,4 +3,5 @@ import Prism from 'prism-react-renderer/prism';
 export default function importLangs() {
   (typeof global !== 'undefined' ? global : window).Prism = Prism;
   import('prismjs/components/prism-php');
+  import('prismjs/components/prism-java');
 }