Upgrade to pnpm 7 and node 16 (#799)

Author: mattcompiles

.github/workflows/release.yml

@@ -14,7 +14,7 @@ jobs:
     steps:
       - uses: pnpm/[email protected]
         with:
-          version: 6.23.1
+          version: 7.9.5
 
       - name: Checkout Repo
         uses: actions/checkout@main

.github/workflows/snapshot.yml

@@ -11,7 +11,7 @@ jobs:
     steps:
       - uses: pnpm/[email protected]
         with:
-          version: 6.23.1
+          version: 7.9.5
 
       - name: Checkout Repo
         uses: actions/checkout@main

.github/workflows/validate.yml

@@ -11,7 +11,7 @@ jobs:
     steps:
       - uses: pnpm/[email protected]
         with:
-          version: 6.23.1
+          version: 7.9.5
 
       - name: Checkout Repo
         uses: actions/checkout@main
@@ -41,7 +41,7 @@ jobs:
     steps:
       - uses: pnpm/[email protected]
         with:
-          version: 6.23.1
+          version: 7.9.5
 
       - name: Checkout Repo
         uses: actions/checkout@main

.nvmrc

@@ -1 +1 @@
-v14.19.1
+v16.17.0

package.json

@@ -27,7 +27,7 @@
     ]
   },
   "volta": {
-    "node": "14.16.0"
+    "node": "16.17.0"
   },
   "dependencies": {
     "@babel/core": "^7.13.10",
@@ -37,16 +37,23 @@
     "@changesets/changelog-github": "^0.4.0",
     "@changesets/cli": "^2.17.0",
     "@manypkg/cli": "^0.19.1",
-    "@playwright/test": "^1.14.1",
+    "@playwright/test": "^1.25.1",
     "@preconstruct/cli": "^2.0.1",
     "@swc/core": "^1.2.112",
+    "@testing-library/jest-dom": "^5.11.9",
     "@types/jest": "^27.0.3",
+    "@types/testing-library__jest-dom": "^5.14.5",
     "@vanilla-extract/babel-plugin": "*",
     "babel-jest": "^27.3.1",
     "fast-glob": "^3.2.7",
     "jest": "^27.3.1",
     "prettier": "^2.3.2",
     "ts-node": "^10.0.0",
     "typescript": "^4.5.0"
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "[email protected]": "patches/[email protected]"
+    }
   }
 }

packages/babel-plugin/package.json

@@ -23,5 +23,9 @@
     "@babel/core": "^7.13.10",
     "@babel/template": "^7.12.13",
     "@vanilla-extract/integration": "^5.0.0"
+  },
+  "devDependencies": {
+    "@types/babel__core": "^7.1.19",
+    "@types/babel__template": "^7.4.1"
   }
 }

patches/[email protected]

@@ -0,0 +1,16 @@
+diff --git a/dist/evaluateFromFileSystem.js b/dist/evaluateFromFileSystem.js
+index 8adee8897407a9d496a31f315bd1341e28e0ab8a..6de8dd8a5b72700f55004ba610f36e9a0d7dc638 100644
+--- a/dist/evaluateFromFileSystem.js
++++ b/dist/evaluateFromFileSystem.js
+@@ -33,7 +33,10 @@ function createLinker(parentModulePath, fsModule, rootDir, extraGlobals) {
+         const absPath = path_1.default.join(path_1.default.dirname(parentModulePath), specifier);
+         if (!getFromSourceModules(specifier, fsModule, rootDir)) {
+             logging_1.log(`Using external require for ${specifier} from ${parentModulePath}`);
+-            return require(specifier);
++
++            const absPath = require.resolve(specifier, {paths: [rootDir]})
++
++            return require(absPath);
+         }
+         logging_1.log(`Linking ${parentModulePath} to asset ${specifier}`);
+         return evaluateFromFileSystem(absPath, fsModule, rootDir, extraGlobals);

playwright.config.ts

@@ -5,7 +5,8 @@ const config: PlaywrightTestConfig = {
   updateSnapshots: 'none',
   expect: {
     toMatchSnapshot: {
-      threshold: 0.2,
+      threshold: 0.3,
+      maxDiffPixelRatio: 0.05,
     },
   },