Merge pull request #5 from Nesaq/add_workflow

Add workflow

.github/workflows/nodeci.yml

@@ -0,0 +1,30 @@
+name: Node CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [16.x, 17.x, 18.x]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version}}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version}}
+      - name: Install
+        run: make install
+      - name: Run linter
+        run: make lint
+      # - name: Run tests
+      #   run: make test

Makefile

@@ -9,3 +9,6 @@ start:
 
 deploy:
 	git push heroku main
+
+lint-frontend:
+	make -C frontend lint

frontend/.eslintignore

@@ -0,0 +1,2 @@
+dist
+node_modules

frontend/.eslintrc.yml

@@ -0,0 +1,18 @@
+env:
+  browser: true
+  es2021: true
+extends:
+  - eslint:recommended
+  - plugin:react/recommended
+  - airbnb-base
+parserOptions:
+  ecmaFeatures:
+    jsx: true
+  ecmaVersion: latest
+  sourceType: module
+plugins:
+  - react
+rules: 
+  import/extensions: 0
+  no-console: 0
+

frontend/Makefile

@@ -5,4 +5,8 @@ start:
 	npm start
 
 build:
-	npm build
+	npm build
+
+lint:
+	npx eslint .
+

frontend/package.json

@@ -41,5 +41,10 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "eslint": "^8.20.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-react": "^7.30.1"
   }
 }

frontend/src/locales/en.js

@@ -34,7 +34,7 @@ export default {
     },
     private: {
       header: 'Private page!',
-      message: 'Logged user: {{username}}'
+      message: 'Logged user: {{username}}',
     },
   },
 };

frontend/src/locales/ru.js

@@ -34,7 +34,7 @@ export default {
     },
     private: {
       header: 'Скрытая страница!',
-      message: 'Авторизован пользователь: {{username}}'
-    }
+      message: 'Авторизован пользователь: {{username}}',
+    },
   },
 };

frontend/src/reportWebVitals.js

@@ -1,6 +1,8 @@
-const reportWebVitals = onPerfEntry => {
+const reportWebVitals = (onPerfEntry) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+    import('web-vitals').then(({
+      getCLS, getFID, getFCP, getLCP, getTTFB,
+    }) => {
       getCLS(onPerfEntry);
       getFID(onPerfEntry);
       getFCP(onPerfEntry);

frontend/src/setupTests.js

@@ -2,4 +2,5 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
+// eslint-disable-next-line import/no-unresolved
 import '@testing-library/jest-dom';