add: github actions

.eslintrc.js

@@ -2,26 +2,35 @@ module.exports = {
   env: {
     browser: true,
     es2021: true,
-    jest: true
+    jest: true,
   },
-  extends: ['plugin:react/recommended', 'airbnb', 'plugin:i18next/recommended', 'prettier', 'plugin:storybook/recommended'],
+  extends: [
+    'plugin:react/recommended',
+    'airbnb',
+    'plugin:i18next/recommended',
+    'prettier',
+    'plugin:storybook/recommended',
+  ],
   // Pretter must be the last one
   parser: '@typescript-eslint/parser',
   parserOptions: {
     ecmaFeatures: {
-      jsx: true
+      jsx: true,
     },
     ecmaVersion: 'latest',
-    sourceType: 'module'
+    sourceType: 'module',
   },
   plugins: ['react', '@typescript-eslint', 'prettier', 'i18next'],
   rules: {
     // 'react/jsx-indent': [2, 4],
     // 'react/jsx-indent-props': [2, 4],
     // indent: [2, 4],
-    'react/jsx-filename-extension': [2, {
-      extensions: ['.js', '.jsx', '.tsx']
-    }],
+    'react/jsx-filename-extension': [
+      2,
+      {
+        extensions: ['.js', '.jsx', '.tsx'],
+      },
+    ],
     // 'import/no-unresolved': 'off',
     'import/prefer-default-export': 'off',
     'no-unused-vars': 'warn',
@@ -33,33 +42,45 @@ module.exports = {
     'import/extensions': 'off',
     'import/no-extraneous-dependencies': 'off',
     'no-underscore-dangle': 'off',
-    'i18next/no-literal-string': ['error', {
-      markupOnly: true
-    }],
-    'max-len': ['error', {
-      ignoreComments: true
-    }],
-    'react/self-closing-comp': ['error', {
-      component: true,
-      html: false
-    }],
-    'no-console': 'off'
+    'i18next/no-literal-string': [
+      'error',
+      {
+        markupOnly: true,
+      },
+    ],
+    'max-len': [
+      'error',
+      {
+        ignoreComments: true,
+        code: 120,
+      },
+    ],
+    'react/self-closing-comp': [
+      'error',
+      {
+        component: true,
+        html: false,
+      },
+    ],
+    'no-console': 'off',
   },
   globals: {
-    __IS_DEV__: true
+    __IS_DEV__: true,
   },
   settings: {
     'import/resolver': {
       node: {
         paths: ['src'],
-        extensions: ['.js', '.jsx', '.ts', '.tsx']
-      }
-    }
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      },
+    },
   },
-  overrides: [{
-    files: ['**/src/**/*.test.{ts,tsx}'],
-    rules: {
-      'i18next/no-literal-string': 'off'
-    }
-  }]
-};
+  overrides: [
+    {
+      files: ['**/src/**/*.test.{ts,tsx}'],
+      rules: {
+        'i18next/no-literal-string': 'off',
+      },
+    },
+  ],
+}

.github/workflows/workflow.yml

@@ -0,0 +1,34 @@
+name: linting, testing, building
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+jobs:
+  pipeline:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [ 18.x ]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Staring Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: install modules
+        run: npm i
+      - name: build production project
+        run: npm run build:prod
+      - name: linting typescript
+        run: npm run lint:code:check
+      - name: linting css
+        run: npm run lint:style:check
+      - name: unit testing
+        run: npm run test:unit
+      - name: build storybook
+        run: npm run sb:build
+      - name: screenshot testing
+        run: npm run test:ui:ci
+

.gitignore

@@ -8,6 +8,7 @@ node_modules
 
 # testing
 /coverage
+/storybook-static
 
 
 # production

.loki/.gitignore

@@ -0,0 +1,2 @@
+current
+difference

.prettierrc.json

@@ -12,4 +12,3 @@
   "arrowParens": "always",
   "endOfLine": "lf"
 }
-