Merge pull request #10 from qDanik/setup/vite

Replace webpack with vitejs

Author: Daniil Yankouski

.babelrc

@@ -1,30 +1,8 @@
 {
   "presets": [
     ["@babel/preset-env", { "targets": { "node": "current" } }],
-    "@babel/preset-react",
     "@babel/preset-typescript"
   ],
-  "plugins": [
-    "@loadable/babel-plugin",
-    [
-      "@babel/plugin-transform-arrow-functions",
-      {
-        "spec": false
-      }
-    ],
-    "@babel/plugin-proposal-object-rest-spread",
-    "@babel/plugin-syntax-dynamic-import",
-    ["@babel/plugin-proposal-decorators", { "decoratorsBeforeExport": true }],
-    "@babel/plugin-proposal-class-properties",
-    [
-      "@babel/plugin-transform-runtime",
-      {
-        "helpers": false,
-        "regenerator": true,
-        "useESModules": true
-      }
-    ]
-  ],
   "env": {
     "test": {
       "plugins": [

.env.example

@@ -5,6 +5,7 @@
     "eslint:recommended",
     "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended",
+    "plugin:import/typescript",
     "plugin:prettier/recommended"
   ],
   "env": {
@@ -25,6 +26,12 @@
   "settings": {
     "react": {
       "version": "detect"
+    },
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx"],
+        "moduleDirectory": ["node_modules", "src/", "./"]
+      }
     }
   },
   "rules": {
@@ -41,7 +48,7 @@
     ],
     "import/extensions": "off",
     "import/no-extraneous-dependencies": "off",
-    "import/no-unresolved": "off",
+    "import/no-unresolved": "error",
     "import/no-useless-path-segments": "off",
     "import/prefer-default-export": "off",
     "linebreak-style": "off",
@@ -73,6 +80,7 @@
     "object-curly-newline": "off",
     "object-property-newline": "off",
     "prefer-const": "error",
+    "quote-props": ["error", "as-needed"],
     "react/destructuring-assignment": "off",
     "react/forbid-prop-types": "off",
     "react/no-unused-prop-types": "warn",
@@ -84,6 +92,8 @@
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn",
     "prettier/prettier": "error",
-    "@typescript-eslint/no-explicit-any": "off"
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-namespace": "off",
+    "@typescript-eslint/member-delimiter-style": ["error"]
   }
 }

.env.production

@@ -1,34 +1,46 @@
-name: CI
-on: [push, pull_request]
-jobs:
-  checks:
-    name: Linters
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
-      - run: yarn install --frozen-lockfile
-      - run: yarn lint
-  tests:
-    name: Tests
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: ['12.x', '14.x']
-      fail-fast: false
-    steps:
-      - uses: actions/checkout@v1
-      - name: Setting up Node.js (v${{ matrix.node-version }}.x)
-        uses: actions/setup-node@v1
-        with:
-          node-version: ${{ matrix.node-version }}
-      - run: yarn install --frozen-lockfile
-      - run: yarn test:ci
-  build:
-    name: Build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
-      - run: yarn install --frozen-lockfile
+name: CI
+on: [push, pull_request]
+jobs:
+  checks:
+    name: Linters
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: ['14.x']
+    steps:
+      - uses: actions/checkout@v1
+      - name: Setting up Node.js (v${{ matrix.node-version }}.x)
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: yarn install --frozen-lockfile
+      - run: yarn lint
+  tests:
+    name: Tests
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: ['14.x']
+      fail-fast: false
+    steps:
+      - uses: actions/checkout@v1
+      - name: Setting up Node.js (v${{ matrix.node-version }}.x)
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: yarn install --frozen-lockfile
+      - run: yarn test:ci
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: ['14.x']
+    steps:
+      - uses: actions/checkout@v1
+      - name: Setting up Node.js (v${{ matrix.node-version }}.x)
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: yarn install --frozen-lockfile
       - run: yarn build

.env.staging

@@ -1,4 +1,3 @@
-
 # misc
 .DS_Store
 .vscode

.eslintrc

@@ -1,18 +1,26 @@
-import { defaults as defaultConfig } from 'jest-config';
 import type { Config } from '@jest/types';
+import globalOptions from '../.vite/define';
 
 type JestConfig = Partial<
   Omit<Config.ProjectConfig, 'moduleNameMapper' | 'transform'> & Config.GlobalConfig
 > & {
   preset: string;
-  moduleNameMapper: Record<string, string | Array<string>>;
+  moduleNameMapper: Record<string, string>;
   transform: Record<string, string>;
 };
 
 const config: JestConfig = {
   preset: 'ts-jest',
-  collectCoverageFrom: ['src/**/*.{ts,tsx}', '!src/index.tsx'],
-  testEnvironment: 'node',
+  collectCoverageFrom: [
+    '<rootDir>/src/{domain,data-access,core}/**/*.ts',
+  ],
+  coveragePathIgnorePatterns: [
+    '<rootDir>/node_modules',
+    '<rootDir>/src/index.ts',
+    '<rootDir>/src/ui/app.component.ts',
+    '.d.ts',
+    '.mock.ts',
+  ],
   coverageDirectory: 'coverage',
   coverageThreshold: {
     global: {
@@ -26,20 +34,16 @@ const config: JestConfig = {
     'ts-jest': {
       tsconfig: '<rootDir>/tsconfig.json',
     },
-    DEVELOPMENT: false,
-    ENV_CONFIG: {
-      TOKEN: 'mockToken',
-    },
+    ...globalOptions,
   },
+  testRegex: ['.test.ts$', '.spec.ts$'],
   moduleDirectories: ['<rootDir>/node_modules', '<rootDir>/node_modules/@types', '<rootDir>/src'],
-  moduleFileExtensions: defaultConfig.moduleFileExtensions,
   setupFiles: ['<rootDir>/.jest/setup.ts'],
   rootDir: '../',
   roots: ['<rootDir>/src'],
   moduleNameMapper: {
     'file-loader?.*': 'GlobalImageStub',
   },
-  testMatch: ['**/*.(test|spec).(ts|tsx)'],
   transform: {
     '^.+\\.(tsx|ts)?$': 'ts-jest',
   },

.github/workflows/continuous-integration-workflow.yml

@@ -0,0 +1,17 @@
+import { BuildOptions } from 'vite';
+
+const buildConfig: BuildOptions = {
+  brotliSize: false,
+  chunkSizeWarningLimit: 1000,
+  rollupOptions: {
+    output: {
+      manualChunks: (id: string | string[]): string => {
+        if (id.includes('node_modules')) {
+          return 'vendor';
+        }
+      },
+    },
+  },
+};
+
+export default buildConfig;

.gitignore

@@ -0,0 +1,7 @@
+export default {
+  preprocessorOptions: {
+    less: {
+      javascriptEnabled: true,
+    },
+  },
+};