added map of graphiql options to lab in render-laboratory

mskorokhodov · mskorokhodov · commit 669c44213908 · 2026-04-14T14:46:39.000+02:00
diff --git a/packages/libraries/render-laboratory/src/index.ts b/packages/libraries/render-laboratory/src/index.ts
@@ -1,4 +1,5 @@
 import type { GraphiQLOptions } from 'graphql-yoga';
+import type { LaboratoryProps } from '@graphql-hive/laboratory';
 import {
   editorWorkerService,
   favicon,
@@ -9,6 +10,31 @@ import {
   typescriptWorker,
 } from './laboratory.js';
 
+const mapGraphiQLOptionsToLaboratoryProps = (opts?: GraphiQLOptions): LaboratoryProps => {
+  if (!opts) {
+    return {};
+  }
+
+  return {
+    defaultSettings: {
+      fetch: {
+        credentials: opts.credentials ?? 'same-origin',
+        timeout: opts.timeout,
+        retry: opts.retry,
+        useGETForQueries: opts.useGETForQueries,
+      },
+      subscriptions: {
+        protocol: opts.subscriptionsProtocol ?? 'WS',
+      },
+      introspection: {
+        queryName: opts.introspectionQueryName,
+        method: opts.method,
+        schemaDescription: opts.schemaDescription,
+      },
+    },
+  } satisfies LaboratoryProps;
+};
+
 export const renderLaboratory = (opts?: GraphiQLOptions) => /* HTML */ `
   <!doctype html>
   <html lang="en">
@@ -63,7 +89,10 @@ export const renderLaboratory = (opts?: GraphiQLOptions) => /* HTML */ `
 
         ${js};
 
-        HiveLaboratory.renderLaboratory(window.document.querySelector('#root'));
+        HiveLaboratory.renderLaboratory(
+          window.document.querySelector('#root'),
+          ${JSON.stringify(mapGraphiQLOptionsToLaboratoryProps(opts))},
+        );
       </script>
     </body>
   </html>
