ci(ui): add lint ci (#63)

* ci(ui): add lint ci

* ci(ui): add lint ci

* chore: update cache dep path

* chore: adj path

* chore: working dir

* chore: working dir

* chore: gen api

.github/workflows/ci-ui.yml

@@ -0,0 +1,26 @@
+name: CI UI
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20.x"
+          cache: "yarn"
+          cache-dependency-path: "**/yarn.lock"
+
+      - name: Run lint
+        working-directory: ./ui
+        run: |
+          yarn --frozen-lockfile
+          yarn gen:api
+          yarn lint

ui/.eslintignore

@@ -0,0 +1 @@
+src/api/**/*

ui/.eslintrc.cjs

@@ -18,7 +18,6 @@ module.exports = {
   },
   plugins: ['react-refresh', 'import'],
   rules: {
-    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
     '@typescript-eslint/no-non-null-assertion': 'off',
     '@typescript-eslint/no-unsafe-assignment': 'off',
     '@typescript-eslint/no-unsafe-member-access': 'off',

ui/src/modules/app_builder/Block/Secret.tsx

@@ -7,6 +7,7 @@ export const Secret: React.FC<SlotTypeComponentProps> = ({ slot, formPath, disab
   const { register } = useFormContext()
   useEffect(() => {
     register(`${formPath}.name`, { value: 'Secret' })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
   return (
     <Controller

ui/src/modules/app_builder/Canvas/index.tsx

@@ -121,6 +121,7 @@ export const BuilderCanvas: React.FC<BuilderCanvasProps> = ({
       return
     }
     initApp.current({ config, blockMap, metadata, interaction, errorInteraction, needFitview: false })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [interaction, errorInteraction])
 
   // manipulate nodes
@@ -148,6 +149,7 @@ export const BuilderCanvas: React.FC<BuilderCanvasProps> = ({
       })
       onConnect(params)
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [getNodeType, setEdges]
   )