CHORE: Format js file and check js code style

.github/workflows/python.yaml

@@ -47,6 +47,17 @@ jobs:
         run: pip install mypy && mypy --install-types --non-interactive xinference
       - name: codespell
         run: pip install codespell && codespell xinference
+      - name: Set up Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 16
+      # ESLint and Prettier must be in `package.json`
+      - name: Install Node.js dependencies
+        run: cd xinference/web/ui && npm ci
+      - name: ESLint Check
+        run: cd xinference/web/ui && npx eslint .
+      - name: Prettier Check
+        run: cd xinference/web/ui && ./node_modules/.bin/prettier --check .
 
   build_test_job:
     runs-on: ${{ matrix.os }}

xinference/web/ui/.eslintignore

@@ -0,0 +1,5 @@
+.idea
+.github
+node_modules
+build
+public

xinference/web/ui/.eslintrc.yml

@@ -0,0 +1,30 @@
+env:
+  browser: true
+  es2021: true
+  node: true
+extends:
+  - 'eslint:recommended'
+  - 'plugin:react/recommended'
+  - 'prettier'
+parserOptions:
+  parser: '@babel/eslint-parser'
+  requireConfigFile: false
+  ecmaFeatures:
+    jsx: true
+  ecmaVersion: 12
+  sourceType: module
+plugins:
+  - react
+  - simple-import-sort
+rules:
+  new-cap: 'error'
+  no-var: 'error'
+  simple-import-sort/imports: 'error'
+  simple-import-sort/exports: 'error'
+  quote-props: ['error', 'consistent']
+  'react/react-in-jsx-scope': 'off'
+  'react/prop-types': 'off'
+  'react/jsx-key': 'off'
+settings:
+  react:
+    version: 'detect'

xinference/web/ui/.prettierignore

@@ -0,0 +1,5 @@
+.idea
+.github
+node_modules
+build
+public

xinference/web/ui/.prettierrc.yml

@@ -0,0 +1,9 @@
+trailingComma: 'es5'
+tabWidth: 2
+semi: false
+singleQuote: true
+printWidth: 80
+bracketSpacing: true
+bracketSameLine: false
+arrowParens: 'always'
+quoteProps: 'consistent'