perf: add typescript support (#26)

Author: abolkog

.github/workflows/pull_requests.yml

@@ -27,6 +27,7 @@ jobs:
         id: coverage
         with:
           output: report-markdown
+          test-script: npm test -- --ci --json --coverage --testLocationInResults --outputFile=report.json
       - name: Publish Coverage
         uses: marocchino/sticky-pull-request-comment@v2
         with:

.github/workflows/release.yml

@@ -16,7 +16,6 @@ jobs:
           node-version-file: '.nvmrc'
       - run: npm ci
       - run: npm run build --if-present
-      - run: npm run test:coverage --if-present
       - run: npx semantic-release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.nvmrc

@@ -1 +1 @@
-v18.15.0
+v20.11.0

.github/workflows/.releaserc.json renamed to .releaserc.json

@@ -46,6 +46,7 @@ module.exports = {
         loader: 'file-loader',
       },
     ],
+    noParse: [require.resolve('typescript/lib/typescript.js')],
   },
   resolve: {
     modules: ['src', 'node_modules'],

config/webpack.common.js

@@ -17,7 +17,7 @@ module.exports = {
   coverageThreshold: {
     global: {
       statements: 63,
-      branches: 60,
+      branches: 50,
       functions: 63,
       lines: 61,
     },

jest.config.js

@@ -9,8 +9,8 @@
     "start": "NODE_ENV=development webpack serve",
     "build": "NODE_ENV=production webpack",
     "test": "jest",
-    "test:watch": "jest test  --watch",
-    "test:coverage": "jest test --coverage . --silent",
+    "test:watch": "jest test --watch",
+    "test:coverage": "jest test --coverage . --silent --watch",
     "prepare": "husky install",
     "pre-commit": "lint-staged",
     "lint": "eslint src/**/*.{ts,tsx} --fix"
@@ -42,9 +42,9 @@
   },
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
-    "axios": "^0.21.4",
+    "axios": "^1.7.2",
     "date-fns": "^2.29.3",
-    "gh-pages": "^3.2.3",
+    "gh-pages": "^6.1.1",
     "github-fork-ribbon-css": "^0.2.3",
     "lodash": "^4.17.21",
     "luxon": "^1.28.0",
@@ -95,7 +95,7 @@
     "lint-staged": "^13.0.2",
     "mini-css-extract-plugin": "^2.6.1",
     "prettier": "^2.3.2",
-    "semantic-release": "^21.0.0",
+    "semantic-release": "^24.0.0",
     "ts-jest": "^29.0.1",
     "ts-loader": "^9.3.1",
     "webpack": "^5.74.0",

package-lock.json

@@ -5,22 +5,13 @@ const buttonTestId = 'actionbutton-button';
 const iconTestId = 'actionbutton-icon';
 describe('<ActionButton />', () => {
   const onClick = jest.fn();
-  it('render reset button when button type is reset', () => {
-    render(<ActionButton onClick={onClick} type="reset" />);
-    const button = screen.getByTestId(`${buttonTestId}-reset`);
-    const icon = screen.getByTestId(iconTestId);
-
-    expect(button.textContent?.trim()).toEqual('Reset');
-    expect(button).toHaveClass('btn-danger');
-    expect(icon).toHaveClass('fa-redo');
-  });
 
   it('render clear button when button type is clear', () => {
     render(<ActionButton onClick={onClick} type="clear" />);
     const button = screen.getByTestId(`${buttonTestId}-clear`);
     const icon = screen.getByTestId(iconTestId);
 
-    expect(button.textContent?.trim()).toEqual('Clear');
+    expect(button.textContent?.trim()).toEqual('Clear result');
     expect(button).toHaveClass('btn-info');
     expect(icon).toHaveClass('fa-trash');
   });

package.json

@@ -1,12 +1,6 @@
 const ButtonProps: Record<ActionButtonType, ActionButtonTypeProps> = {
-  reset: {
-    title: 'Reset',
-    className: 'btn btn-danger',
-    icon: 'fas fa-redo',
-    toolTip: 'Clear code in editor and result',
-  },
   clear: {
-    title: 'Clear',
+    title: 'Clear result',
     icon: 'fas fa-trash',
     className: 'btn btn-info',
     toolTip: 'Clear result (CtrCmd + l)',