update more deps

It's your friendly neighbourhood dependency updater again. I updated what I could, and fixed any upcoming failures.

- I had to downgrade vitest to 1.5.0, because that's the only version of vitest that supports @cloudflare/vitest-pool-workers, which I'm trying to setup so we can do proper worker tests
- unfortunately we have a problem where we can't load remix into the vitest environment at the moment, but I"ll keep poking at that
-

app/components/Dialog.tsx

@@ -60,7 +60,7 @@ export const Trigger = RadixDialog.Trigger
 export const Portal = ({
 	container: _container,
 	...rest
-}: RadixDialog.PortalProps) => (
+}: React.ComponentProps<typeof RadixDialog.Portal>) => (
 	<RadixDialog.Portal
 		container={
 			typeof document !== 'undefined'

package.json

@@ -2,6 +2,7 @@
 	"name": "orange-meets",
 	"module": "worker.js",
 	"private": true,
+	"type": "module",
 	"sideEffects": false,
 	"scripts": {
 		"build": "remix build",
@@ -22,21 +23,21 @@
 		"check": "npm run lint && npm run typecheck && npm run test:ci"
 	},
 	"dependencies": {
-		"@heroicons/react": "^2.1.3",
+		"@heroicons/react": "^2.1.4",
 		"@mediapipe/selfie_segmentation": "^0.1.1675465747",
-		"@radix-ui/react-alert-dialog": "^1.0.5",
-		"@radix-ui/react-checkbox": "^1.0.4",
-		"@radix-ui/react-dialog": "^1.0.5",
-		"@radix-ui/react-dropdown-menu": "^2.0.6",
-		"@radix-ui/react-label": "^2.0.2",
-		"@radix-ui/react-select": "^2.0.0",
-		"@radix-ui/react-slot": "^1.0.2",
-		"@radix-ui/react-switch": "^1.0.3",
-		"@radix-ui/react-toast": "^1.1.5",
-		"@radix-ui/react-tooltip": "^1.0.7",
-		"@radix-ui/react-visually-hidden": "^1.0.3",
-		"@remix-run/cloudflare": "2.9.2",
-		"@remix-run/react": "2.9.2",
+		"@radix-ui/react-alert-dialog": "^1.1.1",
+		"@radix-ui/react-checkbox": "^1.1.0",
+		"@radix-ui/react-dialog": "^1.1.1",
+		"@radix-ui/react-dropdown-menu": "^2.1.1",
+		"@radix-ui/react-label": "^2.1.0",
+		"@radix-ui/react-select": "^2.1.1",
+		"@radix-ui/react-slot": "^1.1.0",
+		"@radix-ui/react-switch": "^1.1.0",
+		"@radix-ui/react-toast": "^1.2.1",
+		"@radix-ui/react-tooltip": "^1.1.1",
+		"@radix-ui/react-visually-hidden": "^1.1.0",
+		"@remix-run/cloudflare": "2.10.0",
+		"@remix-run/react": "2.10.0",
 		"@tensorflow-models/body-segmentation": "^1.0.2",
 		"@tensorflow/tfjs-backend-webgl": "^4.15.0",
 		"@tensorflow/tfjs-core": "^4.15.0",
@@ -52,10 +53,11 @@
 		"webrtc-adapter": "^9.0.1"
 	},
 	"devDependencies": {
-		"@cloudflare/workers-types": "^4.20240605.0",
+		"@cloudflare/vitest-pool-workers": "^0.4.7",
+		"@cloudflare/workers-types": "^4.20240620.0",
 		"@peculiar/webcrypto": "^1.5.0",
-		"@remix-run/dev": "2.9.2",
-		"@remix-run/eslint-config": "2.9.2",
+		"@remix-run/dev": "2.10.0",
+		"@remix-run/eslint-config": "2.10.0",
 		"@types/react": "^18.3.3",
 		"@types/react-dom": "^18.3.0",
 		"del-cli": "^5.1.0",
@@ -67,14 +69,15 @@
 		"prettier": "^3.3.2",
 		"prettier-plugin-organize-imports": "^3.2.4",
 		"tailwindcss": "^3.4.4",
-		"typescript": "^5.4.5",
-		"vitest": "^1.6.0",
-		"wrangler": "^3.60.2"
+		"typescript": "^5.5.2",
+		"vitest": "1.5.0",
+		"wrangler": "^3.62.0"
 	},
 	"overrides": {
 		"msw": {
 			"typescript": "$typescript"
-		}
+		},
+		"pretty-format": "29.7.0"
 	},
 	"engines": {
 		"node": ">=16.13"

remix.env.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="@remix-run/dev" />
 /// <reference types="@remix-run/cloudflare" />
-/// <reference types="@cloudflare/workers-types" />

tsconfig.json

@@ -2,17 +2,20 @@
 	"include": ["remix.env.d.ts", "**/*.ts", "**/*.tsx"],
 	"compilerOptions": {
 		"lib": ["DOM", "DOM.Iterable", "ES2019"],
+		"types": ["@cloudflare/workers-types"],
 		"isolatedModules": true,
 		"esModuleInterop": true,
+		"allowSyntheticDefaultImports": true,
 		"jsx": "react-jsx",
 		"verbatimModuleSyntax": true,
-		"moduleResolution": "node",
+		"moduleResolution": "Bundler",
 		"resolveJsonModule": true,
 		"target": "ES2019",
 		"strict": true,
 		"allowJs": true,
 		"forceConsistentCasingInFileNames": true,
 		"baseUrl": ".",
+		"skipLibCheck": true,
 		"paths": {
 			"~/*": ["./app/*"]
 		},

vitest.workers.config.ts

@@ -0,0 +1,17 @@
+import * as path from 'path'
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+	resolve: {
+		alias: {
+			'~': path.resolve(__dirname, './app'),
+		},
+	},
+	test: {
+		poolOptions: {
+			workers: {
+				wrangler: { configPath: './wrangler.toml' },
+			},
+		},
+	},
+})

wrangler.toml

@@ -1,8 +1,9 @@
 name = "orange-meets"
 # https://developers.cloudflare.com/workers/platform/compatibility-dates
-compatibility_date = "2022-04-05"
+compatibility_date = "2024-06-20"
 account_id = "a67e14daa5f8dceeb91fe5449ba496eb"
 main = "./build/index.js"
+compatibility_flags = ["nodejs_compat"]
 
 [site]
   bucket = "./public"