Merge pull request #475 from open-rpc/fix/docs-build

fix: docs build issue with monaco

templates/docs/gatsby/src/pages/api-documentation.tsx

@@ -13,12 +13,16 @@ import PlaygroundSplitPane from "../components/PlaygroundSplitPane";
 const $RefParser = require("json-schema-ref-parser"); //tslint:disable-line
 import { useTheme } from "@material-ui/core/styles";
 import useInspectorActionStore from "../stores/inspectorActionStore";
-
+import "monaco-editor/esm/vs/language/json/json.worker.js";
+import { OpenrpcDocument } from "@open-rpc/meta-schema";
 
 const ApiDocumentation: React.FC = () => {
+  if (typeof window === "undefined") {
+    return null;
+  }
   const currentTheme = useTheme();
   const [horizontalSplit, setHorizontalSplit] = useState(false);
-  const [inspectorContents] = useInspectorActionStore();
+  const [inspectorContents] = useInspectorActionStore<any>();
 
   useEffect(() => {
     if (inspectorContents) {
@@ -56,14 +60,20 @@ const ApiDocumentation: React.FC = () => {
       }
     }
   `);
-  const [openrpcDocument, setOpenrpcDocument] = useState();
+  const [openrpcDocument, setOpenrpcDocument] = useState<OpenrpcDocument>();
+  const [inspectorUrl, setInspectorUrl] = useState<string>();
 
   useEffect(() => {
     if (openrpcQueryData.openrpcDocument) {
       $RefParser.dereference(JSON.parse(openrpcQueryData.openrpcDocument.openrpcDocument)).then(setOpenrpcDocument);
     }
-  }, [openrpcQueryData])
+  }, [openrpcQueryData]);
 
+  useEffect(() => {
+    if (openrpcDocument && openrpcDocument.servers && openrpcDocument.servers[0]) {
+      setInspectorUrl(openrpcDocument.servers[0].url);
+    }
+  }, [openrpcDocument])
 
   return (
     <PlaygroundSplitPane
@@ -82,6 +92,7 @@ const ApiDocumentation: React.FC = () => {
       }}
       right={
         <Inspector
+          url={inspectorUrl}
           hideToggleTheme={true}
           openrpcDocument={openrpcDocument}
           darkMode={darkmode.value}