fix: add transport as prop and query string

src/containers/App.tsx

@@ -24,6 +24,7 @@ const App: React.FC = () => {
       <Inspector
         onToggleDarkMode={darkMode.toggle}
         darkMode={darkMode.value}
+        transport={query.transport}
         url={query.url}
         openrpcDocument={query.openrpcDocument}
         request={query.request}

src/containers/Inspector.tsx

@@ -39,7 +39,7 @@ import useMonacoVimMode from "../hooks/useMonacoVimMode";
 import { addDiagnostics } from "@etclabscore/monaco-add-json-schema-diagnostics";
 import openrpcDocumentToJSONRPCSchemaResult from "../helpers/openrpcDocumentToJSONRPCSchemaResult";
 import TransportDropdown from "../components/TransportDropdown";
-import useTransport, { ITransport } from "../hooks/useTransport";
+import useTransport, { ITransport, TTransport } from "../hooks/useTransport";
 
 const defaultTransports: ITransport[] = [
   {
@@ -99,6 +99,7 @@ interface IProps {
   darkMode?: boolean;
   hideToggleTheme?: boolean;
   openrpcDocument?: OpenrpcDocument;
+  transport?: TTransport;
   onToggleDarkMode?: () => void;
 }
 
@@ -188,7 +189,9 @@ const Inspector: React.FC<IProps> = (props) => {
     const model = monaco.editor.createModel(
       results ? JSON.stringify(results, null, 4) : ""
       , "json", modelUri);
-    responseEditor.setModel(model);
+    if (responseEditor) {
+      responseEditor.setModel(model);
+    }
     addDiagnostics(modelUri.toString(), schema, monaco);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [results, responseEditor, openrpcDocument]);
@@ -200,6 +203,17 @@ const Inspector: React.FC<IProps> = (props) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [json]);
 
+  useEffect(() => {
+    if (props.transport) {
+      const t = defaultTransports
+        .find((tp: ITransport) => tp.type === props.transport);
+      if (t) {
+        setSelectedTransport(t);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.transport]);
+
   useEffect(() => {
     if (props.url) {
       setUrl(props.url);

src/hooks/useTransport.ts

@@ -5,7 +5,7 @@ import { HTTPTransport, WebSocketTransport, PostMessageWindowTransport, PostMess
 import { Transport } from "@open-rpc/client-js/build/transports/Transport";
 import { IJSONRPCData } from "@open-rpc/client-js/build/Request";
 
-type TTransport = "http" | "websocket" | "postmessagewindow" | "postmessageiframe";
+export type TTransport = "http" | "websocket" | "postmessagewindow" | "postmessageiframe";
 
 export interface IWebTransport {
   type: TTransport;