Move to Yarn V2 and upgrade packages

.gitignore

@@ -1,13 +1,19 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
-/.pnp
-.pnp.js
+.yarn/*
+!.yarn/cache
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
 
 # testing
 /coverage
 
+# Storybook cache
+/node_modules/.cache
+
 # next.js
 /.next/
 /out/

.travis.yml

@@ -1,21 +1,20 @@
 sudo: false
 language: node_js
 node_js:
-    - '12'
+    - '15'
 branches:
     only:
         - main
-cache:
-    directories:
-        - node_modules
-before_install:
-    - npm update
 install:
-    - npm install
+    - yarn install --immutable --immutable-cache --check-cache
 jobs:
     include:
-        - script:
-              - npm run test
-              - npm run lint:ci
-        - script:
+        - stage: Test
+          script:
+              - yarn test
+        - stage: Lint
+          script:
+              - yarn lint:ci
+        - stage: Chromatic
+          script:
               - bin/travis_chromatic.sh

.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "arcanis.vscode-zipfs",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode"
+  ]
+}

.vscode/launch.json

@@ -0,0 +1,19 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "name": "vscode-jest-tests",
+            "request": "launch",
+            "runtimeExecutable": "yarn",
+            "runtimeArgs": ["run", "--inspect-brk", "jest", "--runInBand"],
+            "cwd": "${workspaceFolder}",
+            "console": "integratedTerminal",
+            "internalConsoleOptions": "neverOpen",
+            "disableOptimisticBPs": true
+        }
+    ]
+}

.vscode/settings.json

@@ -4,16 +4,13 @@
     },
     "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
     "editor.formatOnSave": true,
-    "[javascript]": {
-        "editor.formatOnSave": false
+    "typescript.tsdk": ".yarn/sdks/typescript/lib",
+    "search.exclude": {
+        "**/.yarn": true,
+        "**/.pnp.*": true
     },
-    "[javascriptreact]": {
-        "editor.formatOnSave": false
-    },
-    "[typescript]": {
-        "editor.formatOnSave": false
-    },
-    "[typescriptreact]": {
-        "editor.formatOnSave": false
-    }
+    "eslint.nodePath": ".yarn/sdks",
+    "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
+    "typescript.enablePromptUseWorkspaceTsdk": true,
+    "jest.pathToJest": "yarn jest"
 }