migrated to react 18 and vite dev server

.eslintignore

@@ -0,0 +1,3 @@
+node_modules/
+__mocks__/
+*.d.ts

.eslintrc.js

@@ -0,0 +1,55 @@
+const vitest = require('eslint-plugin-vitest');
+
+module.exports = {
+    root: true,
+    extends: [
+        'eslint:recommended',
+        'plugin:react/recommended',
+        'plugin:react-hooks/recommended',
+        // 'plugin:prettier/recommended',
+        'plugin:react/jsx-runtime',
+    ],
+    env: {
+        es6: true,
+        browser: true,
+        node: true,
+    },
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        ecmaVersion: 2021,
+        sourceType: 'module',
+    },
+    settings: {
+        react: {
+            version: 'detect',
+        },
+        'import/parsers': {
+            '@typescript-eslint/parser': ['.ts', '.tsx'],
+        },
+        'import/resolver': {
+            node: {
+                extensions: [
+                    '.js',
+                    '.ts',
+                    '.tsx',
+                    '.d.ts',
+                    '.css',
+                    '.scss',
+                    '.svg',
+                ],
+            },
+        },
+    },
+    overrides: [
+        {
+            files: ['./src/**/*.test.ts?(x)'],
+            extends: [
+                'plugin:testing-library/react',
+                'plugin:vitest/recommended',
+            ],
+            globals: {
+                ...vitest.environments.env.globals,
+            },
+        },
+    ],
+};

.github/workflows/npm-publish.yml

@@ -11,7 +11,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           registry-url: https://registry.npmjs.org/
       - run: npm ci
       - run: npm run build

.github/workflows/pull-request.yml

@@ -12,14 +12,15 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
       - run: npm ci
+      - run: npx playwright install
       - run: npm run build
       - run: npm run report:generate
       - run: npm run test:e2e
       - name: junit report
         uses: mikepenz/action-junit-report@v3
         if: always()
         with:
-         report_paths: './test-e2e/report.xml'
+         report_paths: './test-e2e/report/report.xml'
          fail_on_failure: true

.gitignore

@@ -9,7 +9,7 @@
 /coverage
 
 # production
-/build
+/dist
 
 # misc
 .DS_Store

.npmignore

@@ -1,8 +1,6 @@
 node_modules/
-build/
+dist/
 config/
-public/
-scripts/
 src/
 test/
 assets/

.nvmrc

@@ -1 +1 @@
-v16.16.0
+v18.17.0

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "singleQuote": true,
+  "tabWidth": 4,
+  "useTabs": false
+}

CHANGELOG.MD

@@ -1,3 +1,6 @@
+# [Unreleased]
+- migrated to react 18 and vite dev server
+
 # 0.14.4
 - fixed [Feature that contains only undefined/skipped scenarios is displayed as passed](https://github.com/qavajs/html-formatter/issues/36)
 

README.md

@@ -12,7 +12,9 @@ and add to formatter section in config file
 ```javascript
 module.exports = {
     default: {
-        format: ['@qavajs/html-formatter:report.html']
+        format: [
+            ['@qavajs/html-formatter', 'report.html']
+        ]
     },
     formatOptions: {
         htmlConfig: {
@@ -31,13 +33,11 @@ or pass `--format @qavajs/html-formatter:report.html` in cli
 
 Kudos to https://github.com/epam/UUI for providing components
 
-## Development (use nodejs 16)
+## Development
 
 `npm install`
 
-`npm run report:generate`
-
-`npm run report:compile:dev`
+`npm run build`
 
 `npm start`
 

app.d.ts

@@ -0,0 +1,2 @@
+/// <reference path="./vite-env-override.d.ts" />
+/// <reference types="vite/client" />