intro example: add query param to enable debug mode. (#395)

examples/introduction/src/config.ts

@@ -7,4 +7,18 @@ export const ELECTRIC_URL: string = __ELECTRIC_URL__
 // Verify that the database URL does not contain credentials.
 if (SANITISED_DATABASE_URL.includes('@')) {
   throw new Error('DO NOT include user credentials in your `SANITISED_DATABASE_URL`!')
-}
+}
+
+/* Call this in the browser to get the debug mode, optionally overriding
+ * the env var with a `debug=true` query param.
+ */
+export const debugMode = (): boolean => {
+  const search = window.location.search
+  const params = new URLSearchParams(search)
+
+  if (params.get('debug') === 'true') {
+    return true
+  }
+
+  return DEBUG_MODE
+}

examples/introduction/src/electric.ts

@@ -5,7 +5,7 @@ import { ClientTables } from 'electric-sql/client/model'
 import { uniqueTabId } from 'electric-sql/util'
 import { Electric, schema } from './generated/client/index'
 import { unsigned, userId } from './auth'
-import { DEBUG_MODE, ELECTRIC_URL } from './config'
+import { ELECTRIC_URL, debugMode } from './config'
 
 export type {
   Electric,
@@ -31,7 +31,7 @@ export const initElectric = async (name: string = 'intro') => {
       token: unsigned(userId())
     },
     url: ELECTRIC_URL,
-    debug: DEBUG_MODE
+    debug: debugMode()
   }
 
   const electric = await electrify(conn, schema, config)