Change build system to tsup and add experimental web animations api support

Author: trurl-master

.eslintignore

@@ -0,0 +1 @@
+dist

.eslintrc.cjs

@@ -0,0 +1,22 @@
+/* eslint-env node */
+
+module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint', 'jsx-a11y'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react/recommended',
+    'prettier',
+  ],
+  rules: {
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      { ignoreRestSiblings: true },
+    ],
+    'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
+  },
+};

.github/workflows/main.yml

@@ -23,10 +23,10 @@ jobs:
         uses: bahmutov/npm-install@v1
 
       - name: Lint
-        run: yarn lint
+        run: npm run lint
 
       - name: Test
-        run: yarn test --ci --coverage --maxWorkers=2
+        run: npm run test --ci --coverage --maxWorkers=2
 
       - name: Build
-        run: yarn build
+        run: npm run build

.github/workflows/publish.yml

@@ -2,6 +2,7 @@ name: Publish
 
 on:
   release:
+    # This specifies that the build will be triggered when we publish a release
     types: [published]
 
 jobs:
@@ -16,9 +17,9 @@ jobs:
           node-version: 'lts/*'
           registry-url: https://registry.npmjs.org/
 
-      - run: yarn install
+      - run: npm run install
 
-      - run: yarn build
+      - run: npm run build
 
       - run: npm publish --access public
         env:

.github/workflows/size.yml

@@ -0,0 +1 @@
+dist

.prettierignore

@@ -0,0 +1,3 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

.vscode/settings.json

@@ -15,7 +15,7 @@ A set of tools for emulating browser behavior in jsdom environment
 ## Installation
 
 ```sh
-npm install --save-dev jsdom-testing-mocks
+npm i --D jsdom-testing-mocks
 ```
 
 or
@@ -171,7 +171,7 @@ const DivWithSize = () => {
   const ref = useRef(null);
 
   useEffect(() => {
-    const observer = new ResizeObserver(entries => {
+    const observer = new ResizeObserver((entries) => {
       setSize({
         width: entries[0].contentRect.width,
         height: entries[0].contentRect.height,