Merge pull request #139 from xmtp/rygine/upgrade-js-sdk-beta

Upgrade to latest JS SDK beta

.changeset/afraid-singers-decide.md

@@ -0,0 +1,6 @@
+---
+"@xmtp/react-sdk": patch
+---
+
+- Upgraded to latest JS SDK beta
+- Switched to `happy-dom` for testing

.vscode/settings.json

@@ -2,7 +2,7 @@
   "editor.formatOnSave": true,
   "editor.tabSize": 2,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
   "[typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"

examples/react-quickstart/package.json

@@ -39,7 +39,6 @@
     "postcss": "^8.4.30",
     "postcss-preset-env": "^9.1.4",
     "typescript": "^5.2.2",
-    "vite": "^4.4.9",
-    "vite-plugin-wasm": "^3.2.2"
+    "vite": "^4.4.9"
   }
 }

examples/react-quickstart/vite.config.ts

@@ -1,8 +1,10 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import wasm from "vite-plugin-wasm";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), wasm()],
+  plugins: [react()],
+  optimizeDeps: {
+    exclude: ["@xmtp/user-preferences-bindings-wasm"],
+  },
 });

package.json

@@ -31,7 +31,7 @@
     "@changesets/cli": "^2.26.2"
   },
   "resolutions": {
-    "@xmtp/xmtp-js": "^11.3.0-beta.11",
+    "@xmtp/xmtp-js": "^11.3.0-beta.18",
     "vite": "^4.4.9"
   }
 }

packages/react-components/package.json

@@ -99,7 +99,7 @@
     "eslint": "^8.50.0",
     "eslint-config-xmtp-web": "workspace:*",
     "eslint-plugin-storybook": "^0.6.14",
-    "jsdom": "^22.1.0",
+    "happy-dom": "^12.10.3",
     "postcss": "^8.4.30",
     "postcss-modules": "^6.0.0",
     "postcss-preset-env": "^9.1.4",

packages/react-components/vitest.config.ts

@@ -3,6 +3,6 @@ import { defineConfig } from "vitest/config";
 export default defineConfig({
   test: {
     globals: true,
-    environment: "jsdom",
+    environment: "happy-dom",
   },
 });

packages/react-sdk/package.json

@@ -76,7 +76,7 @@
     "@xmtp/content-type-read-receipt": "^1.1.5",
     "@xmtp/content-type-remote-attachment": "^1.1.4",
     "@xmtp/content-type-reply": "^1.1.5",
-    "@xmtp/xmtp-js": "^11.3.0-beta.11",
+    "@xmtp/xmtp-js": "^11.3.0-beta.18",
     "async-mutex": "^0.4.0",
     "date-fns": "^2.30.0",
     "dexie": "^3.2.4",
@@ -98,7 +98,7 @@
     "eslint": "^8.50.0",
     "eslint-config-xmtp-web": "workspace:*",
     "fake-indexeddb": "^4.0.2",
-    "jsdom": "^22.1.0",
+    "happy-dom": "^12.10.3",
     "prettier": "^3.0.3",
     "react-dom": "^18.2.0",
     "tsup": "^7.2.0",
@@ -109,7 +109,7 @@
     "vitest": "^0.34.2"
   },
   "peerDependencies": {
-    "@xmtp/xmtp-js": "^11.3.0-beta.11",
+    "@xmtp/xmtp-js": "^11.3.0-beta.18",
     "react": ">=16.14"
   },
   "engines": {

packages/react-sdk/vite.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
   plugins: [tsconfigPaths(), react()],
   test: {
     globals: true,
-    environment: "jsdom",
+    environment: "happy-dom",
     setupFiles: "./vitest.setup.ts",
   },
 });

packages/react-sdk/vitest.setup.ts

@@ -1,7 +1,2 @@
 import "fake-indexeddb/auto";
 import "@testing-library/jest-dom/vitest";
-import { Buffer } from "buffer";
-import { webcrypto } from "crypto";
-
-globalThis.Buffer = Buffer;
-globalThis.crypto = webcrypto as unknown as Crypto;