Test queries in the browser

Is there a way to hijack the WebSocket and send messages in the network tab (or in another app) via the WebSocket without needing to code this into your app, to test your backend queries?

ballingt•11/5/24, 1:25 AM

You can assign the ConvexClient to a global variable and run things like

in the console

ballingt•11/5/24, 1:26 AM

or if you dont' want to modify your code you can use the debugging to store it to a global varible

FleetAdmiralJakob 🗕 🗗 🗙OP•11/5/24, 1:26 AM

and with data I can do all kind of cool things then? like data.sendQuery or similar?

ballingt•11/5/24, 1:26 AM

data is just going to be the result

ballingt•11/5/24, 1:27 AM

client is the ConvexClient

FleetAdmiralJakob 🗕 🗗 🗙OP•11/5/24, 1:27 AM

ah ok, sorry

ballingt•11/5/24, 1:27 AM

you can even reach inside the ConveClient and enumerate subscribed queries etc., but if there aren't typescript types exposed for it these are not stable APIs

ballingt•11/5/24, 1:28 AM

but is stable https://docs.convex.dev/api/classes/react.ConvexReactClient#methods

Class: ConvexReactClient | Convex Developer Hub

react.ConvexReactClient

FleetAdmiralJakob 🗕 🗗 🗙OP•11/5/24, 1:28 AM

sounds, good, I will definitely try this one out. Especially for security testing as I want to write some garbish or dangerous queries and this is an easy way for me to check how my queries respond