fix(ts-sdk): replace URL by whatwg-url to support React Native

Author: JulienLavocat

sdks/typescript/packages/sdk/package.json

@@ -43,10 +43,12 @@
   },
   "devDependencies": {
     "@clockworklabs/test-app": "file:../test-app",
+    "@types/whatwg-url": "^13.0.0",
     "tsup": "^8.1.0",
     "undici": "^6.19.2"
   },
   "dependencies": {
-    "base64-js": "^1.5.1"
+    "base64-js": "^1.5.1",
+    "whatwg-url": "^14.2.0"
   }
 }

sdks/typescript/packages/sdk/src/db_connection_builder.ts

@@ -4,6 +4,7 @@ import type { Identity } from './identity';
 import type RemoteModule from './spacetime_module';
 import { ensureMinimumVersionOrThrow } from './version';
 import { WebsocketDecompressAdapter } from './websocket_decompress_adapter';
+import { URL } from 'whatwg-url';
 
 /**
  * The database client connection to a SpacetimeDB server.
@@ -44,7 +45,7 @@ export class DbConnectionBuilder<
    *
    **/
   withUri(uri: string | URL): this {
-    this.#uri = new URL(uri);
+    this.#uri = new URL(uri.toString());
     return this;
   }
 

sdks/typescript/packages/sdk/src/db_connection_impl.ts

@@ -62,6 +62,7 @@ import {
 import { stdbLogger } from './logger.ts';
 import { type ReducerRuntimeTypeInfo } from './spacetime_module.ts';
 import { fromByteArray } from 'base64-js';
+import { URL } from 'whatwg-url';
 
 export {
   AlgebraicType,

sdks/typescript/packages/sdk/src/websocket_decompress_adapter.ts

@@ -1,4 +1,5 @@
 import { decompress } from './decompress';
+import { URL } from 'whatwg-url';
 
 export class WebsocketDecompressAdapter {
   onclose?: (...ev: any[]) => void;
@@ -98,7 +99,10 @@ export class WebsocketDecompressAdapter {
       const tokenUrl = new URL('v1/identity/websocket-token', url);
       tokenUrl.protocol = url.protocol === 'wss:' ? 'https:' : 'http:';
 
-      const response = await fetch(tokenUrl, { method: 'POST', headers });
+      const response = await fetch(tokenUrl.toString(), {
+        method: 'POST',
+        headers,
+      });
       if (response.ok) {
         const { token } = await response.json();
         temporaryAuthToken = token;

sdks/typescript/packages/test-app/package.json

@@ -19,7 +19,7 @@
   "dependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@clockworklabs/spacetimedb-sdk": "workspace:*"
+    "@clockworklabs/spacetimedb-sdk": "file:../sdk"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",

sdks/typescript/packages/test-app/server/Cargo.toml

@@ -5,6 +5,8 @@ edition = "2021"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
+[workspace]
+
 [lib]
 crate-type = ["cdylib"]