) => {
- setDialogMenuAnchorEl(event.currentTarget);
- };
-
- const handleCustomTransportDialogMenuItemClick = (transport: ITransport) => {
- setDialogMenuAnchorEl(null);
- setSelectedCustomTransport(transport);
- };
-
- const handleSubmitCustomTransport = () => {
- setDialogMenuAnchorEl(null);
- if (selectedCustomTransport && customTransportName && customTransportUri) {
- const t: ITransport = {
- type: "plugin",
- transport: selectedCustomTransport,
- name: customTransportName,
- uri: customTransportUri,
- };
- onAddTransport(t);
- setDialogOpen(false);
- }
- };
- return (
-
-
- }
- >{selectedTransport && selectedTransport.name}
-
-
- );
-};
-
-export default TransportDropdown;
diff --git a/src/components/alert/alert.tsx b/src/components/alert/alert.tsx
deleted file mode 100644
index c211785..0000000
--- a/src/components/alert/alert.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from "react";
-import MuiAlert, { AlertProps } from "@material-ui/lab/Alert";
-
-const Alert: React.FC = (props) => {
- return (
-
- );
-};
-
-export default Alert;
diff --git a/src/components/cardList/cardList.css b/src/components/cardList/cardList.css
deleted file mode 100644
index 9268c99..0000000
--- a/src/components/cardList/cardList.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.scroll-to-bottom {
- height: 100%;
-}
diff --git a/src/components/cardList/cardList.tsx b/src/components/cardList/cardList.tsx
deleted file mode 100644
index c6e8523..0000000
--- a/src/components/cardList/cardList.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react";
-import { IJSONRPCLog } from "../logsReact/logsReact";
-import CardListItem from "../cardListItem/cardListItem";
-import "./cardList.css";
-import { OpenrpcDocument } from "@open-rpc/meta-schema";
-
-interface IProps {
- logs: IJSONRPCLog[];
- filter: string[];
- openRecentPayload: boolean;
- openrpcDocument?: OpenrpcDocument;
-}
-
-const CardList: React.FC = (props) => {
-
- return (
- <>
- {props.logs.map((call, i) => {
- if (props.logs.length - 1 === i) {
- return ;
- } else {
- return ;
- }
- })}
-
- );
-};
-
-export default CardList;
diff --git a/src/components/cardListItem/cardListItem.css b/src/components/cardListItem/cardListItem.css
deleted file mode 100644
index 7769d0a..0000000
--- a/src/components/cardListItem/cardListItem.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.call {
- width: 90%;
- padding: 8px;
- padding-top: 10px;
-}
-
-.call-box.response {
- justify-content: flex-end;
-}
-
-.call-box {
- display: flex;
-}
-
-.call-box.hidden a{
- display: none;
-}
-
-.call .decorationsOverviewRuler {
- display: none !important;
-}
diff --git a/src/components/cardListItem/cardListItem.tsx b/src/components/cardListItem/cardListItem.tsx
deleted file mode 100644
index d106d72..0000000
--- a/src/components/cardListItem/cardListItem.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-import React, { useState, useEffect, useCallback, useRef } from "react";
-import { IJSONRPCLog } from "../logsReact/logsReact";
-import LogChips from "../logChips/LogChips";
-import { formatRelative } from "date-fns";
-import {
- Typography, Card, Box, CardHeader, CardContent, ExpansionPanel,
- ExpansionPanelDetails, ExpansionPanelSummary, Tooltip,
- Snackbar,
- Button,
-} from "@material-ui/core";
-import { makeStyles, Theme, createStyles, useTheme } from "@material-ui/core/styles";
-import MonacoEditor from "@etclabscore/react-monaco-editor";
-import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
-import AssignmentIcon from "@material-ui/icons/Assignment";
-import "./cardListItem.css";
-import Alert from "../alert/alert";
-import copy from "copy-to-clipboard";
-import { addDiagnostics } from "@etclabscore/monaco-add-json-schema-diagnostics";
-import { JSONSchema, OpenrpcDocument } from "@open-rpc/meta-schema";
-import * as monaco from "monaco-editor";
-import openrpcDocumentToJSONRPCSchema from "../../helpers/openrpcDocumentToJSONRPCSchema";
-import openrpcDocumentToJSONRPCSchemaResult from "../../helpers/openrpcDocumentToJSONRPCSchemaResult";
-
-interface IProps {
- log: IJSONRPCLog;
- filter: string[];
- open: boolean;
- openrpcDocument?: OpenrpcDocument;
-}
-
-const getLogItemBackground = (log: IJSONRPCLog, theme: Theme): any => {
- const paletteType = theme.palette.type;
- if (log.payload.error) {
- return { backgroundColor: theme.palette.error[paletteType] };
- }
-
- return {};
-};
-
-const useStyles = makeStyles((theme: Theme) =>
- createStyles({
- cardHeader: {
- padding: "8px",
- paddingBottom: "0px",
- paddingTop: "0px",
- },
- cardContent: {
- padding: "8px !important",
- },
- }),
-);
-
-const getCardStyle = (log: IJSONRPCLog) => {
- if (log.method.includes("rpc.")) {
- return "call rpc-call";
- }
- if (log.type === "response") {
- if (log.payload.error) {
- return "call response-error";
- }
- return "call response-success";
- }
- return "call request";
-};
-
-const CardListItem: React.FC = (props) => {
- const theme = useTheme();
-
- const callClass = getCardStyle(props.log);
- const [open, setOpen] = useState(false);
- const [editor, setEditor] = useState();
- const classes = useStyles();
-
- // BEGIN HEIGHT SETTING SHANAYNAYS
- const MAX_HEIGHT = 300;
- const MIN_COUNT_OF_LINES = 3;
- const LINE_HEIGHT = 20;
- const [height, setHeight] = useState(170);
- const valueGetter = useRef();
- const handleEditorChange = useCallback(() => {
- const countOfLines = (valueGetter as any).current
- .getValue()
- .split("\n").length;
- if (countOfLines >= MIN_COUNT_OF_LINES) {
- const currentHeight = countOfLines * LINE_HEIGHT;
- if (MAX_HEIGHT > currentHeight) {
- setHeight(currentHeight);
- }
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
- // END HEIGHT SETTING SHANAYNAYS
-
- useEffect(() => {
- if (editor === undefined) {
- return;
- }
- let s: JSONSchema;
-
- if (props.log.type === "request") {
- s = openrpcDocumentToJSONRPCSchema(props.openrpcDocument);
- } else {
- s = openrpcDocumentToJSONRPCSchemaResult(props.log.method, props.openrpcDocument);
- }
- const modelName = (props.openrpcDocument && props.openrpcDocument.info) ? props.openrpcDocument.info.title : "inspector";
- const modelUriString = `inmemory://${modelName}-${Math.random()}.json`;
- const modelUri = monaco.Uri.parse(modelUriString);
- const model = monaco.editor.createModel(JSON.stringify(props.log.payload, null, 2) || "", "json", modelUri);
- (editor as any).setModel(model);
-
- addDiagnostics(modelUri.toString(), s, monaco);
- valueGetter.current = editor;
- handleEditorChange();
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [props.openrpcDocument, editor]);
-
- const handleEditorDidMount = (__: any, ed: any) => {
- setEditor(ed);
- };
-
- const handleCopy = (event, value) => {
- event.stopPropagation();
- setOpen(true);
- copy(JSON.stringify(value, null, 4));
- };
-
- const handleClose = () => {
- setOpen(false);
- };
-
- return (
-
-
- Payload Copied to Clipboard
-
-
-
- }
- subheader={
-
- {formatRelative(new Date(), props.log.timestamp)}
-
- }
- />
-
- {props.log.batchId ?
- Batch: {props.log.batchId}
- :
- null
- }
-
- }>
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default React.memo(CardListItem);
diff --git a/src/components/logChips/LogChips.tsx b/src/components/logChips/LogChips.tsx
deleted file mode 100644
index 57477e5..0000000
--- a/src/components/logChips/LogChips.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-
-import React from "react";
-import { IJSONRPCLog } from "../logsReact/logsReact";
-import {Chip} from "@material-ui/core";
-import { Theme, useTheme } from "@material-ui/core/styles";
-
-interface IProps {
- log: IJSONRPCLog;
-}
-
-const getChipColorForLog = (log: IJSONRPCLog, theme: Theme, isNotification: boolean = false): any => {
- const paletteType = theme.palette.type;
- const styles: any = {
- backgroundColor: theme.palette.success[paletteType],
- };
-
- if (isNotification) {
- styles.backgroundColor = theme.palette.info[paletteType];
- styles.marginRight = theme.spacing(1);
- return styles;
- }
-
- if (log.type === "request") {
- styles.backgroundColor = theme.palette.primary[paletteType];
- return styles;
- }
-
- if (log.payload.error) {
- styles.backgroundColor = theme.palette.common.white;
- styles.color = theme.palette.error.main;
- return styles;
- }
-
- return styles;
-};
-
-const LogChips: React.FC = (props) => {
- const theme = useTheme();
-
- return (
- <>
- {
- props.log.notification &&
-
- }
-
-
- );
-};
-
-export default React.memo(LogChips);
diff --git a/src/components/logsReact/logsReact.tsx b/src/components/logsReact/logsReact.tsx
deleted file mode 100644
index e8a07fc..0000000
--- a/src/components/logsReact/logsReact.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import React, { useState, useRef, useLayoutEffect } from "react";
-import CardList from "../cardList/cardList";
-import clsx from "clsx";
-import { makeStyles, Theme, createStyles } from "@material-ui/core/styles";
-import { OpenrpcDocument } from "@open-rpc/meta-schema";
-
-// add method type so we can attribute cards to different method calls
-export interface IJSONRPCLog {
- type: "response" | "request";
- notification?: boolean;
- method: string;
- timestamp: Date;
- payload: any;
- batchId?: number;
-}
-
-type AlignString = "right" | "left";
-
-interface IProps {
- logs: IJSONRPCLog[];
- openRecentPayload?: boolean;
- sidebarAlign?: AlignString;
- sidebarOpen?: boolean;
- openrpcDocument?: OpenrpcDocument;
-}
-
-const drawerWidth = 200;
-const defaultOpenRecentPayload = false;
-const defaultSidebarAlign: AlignString = "left";
-
-const useStyles = makeStyles((theme: Theme) =>
- createStyles({
- logsReact: {
- display: "flex",
- width: "100%",
- height: "100%",
- },
- extendDiv: {
- width: "25px",
- },
- hide: {
- display: "none",
- },
- menuButton: {
- paddingLeft: 0,
- paddingRight: 0,
- marginLeft: 0,
- marginRight: 0,
- },
- content: {
- width: "100%",
- height: "auto",
- overflow: "auto",
- transition: theme.transitions.create("margin", {
- easing: theme.transitions.easing.sharp,
- duration: theme.transitions.duration.leavingScreen,
- }),
- },
- left: {
- marginLeft: -drawerWidth,
- },
- right: {
- marginRight: -drawerWidth,
- },
- contentShift: {
- width: `100%`,
- transition: theme.transitions.create("margin", {
- easing: theme.transitions.easing.easeOut,
- duration: theme.transitions.duration.enteringScreen,
- }),
- marginLeft: 0,
- marginRight: 0,
- },
- }),
-);
-
-const JSONRPCLogger: React.FC = (props) => {
- const cardEndRef = useRef(null);
-
- const [methodFilter] = useState(["all"]);
- const sidebarAlignment: AlignString = props.sidebarAlign !== undefined ? props.sidebarAlign : defaultSidebarAlign;
- const openRecentPayload = props.openRecentPayload !== undefined ? props.openRecentPayload : defaultOpenRecentPayload;
- const classes = useStyles();
-
- const scrollToBottom = () => {
- if (cardEndRef && cardEndRef.current !== null) {
- (cardEndRef.current as any).scrollIntoView({ behavior: "smooth" });
- }
- };
-
- useLayoutEffect(scrollToBottom, [props.logs]);
- useLayoutEffect(scrollToBottom, []);
-
- return (
- <>
- { sidebarAlignment === "left" ?
-
- :
-
- }
-
- );
-};
-
-export default JSONRPCLogger;
diff --git a/src/containers/App.tsx b/src/containers/App.tsx
deleted file mode 100644
index 0a92cca..0000000
--- a/src/containers/App.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React, { useEffect } from "react";
-import { CssBaseline } from "@material-ui/core";
-import { MuiThemeProvider } from "@material-ui/core";
-
-import { lightTheme, darkTheme } from "../themes/openrpcTheme";
-import useDarkMode from "use-dark-mode";
-import Inspector from "./Inspector";
-import useQueryParams from "../hooks/useQueryParams";
-import * as monaco from "monaco-editor";
-import useOpenrpcDocument from "../hooks/useOpenrpcDocument";
-
-const App: React.FC = () => {
- const darkMode = useDarkMode();
- const [query] = useQueryParams();
- const theme = darkMode.value ? darkTheme : lightTheme;
- const openrpcDocument = useOpenrpcDocument(query.openrpcDocument, query.schemaUrl);
-
- useEffect(() => {
- const t = darkMode.value ? "vs-dark" : "vs";
- monaco.editor.setTheme(t);
- }, [darkMode.value]);
-
- return (
-
-
-
-
-
- );
-};
-
-export default App;
diff --git a/src/containers/Inspector.tsx b/src/containers/Inspector.tsx
deleted file mode 100644
index 624524e..0000000
--- a/src/containers/Inspector.tsx
+++ /dev/null
@@ -1,692 +0,0 @@
-import React, { useState, useEffect, ChangeEvent, Dispatch } from "react";
-import SplitPane from "react-split-pane";
-import JSONRPCRequestEditor from "./JSONRPCRequestEditor";
-import PlayCircle from "@material-ui/icons/PlayCircleFilled";
-import CloseIcon from "@material-ui/icons/Close";
-import FlashOn from "@material-ui/icons/FlashOn";
-import FlashOff from "@material-ui/icons/FlashOff";
-import History from "@material-ui/icons/History";
-import Keyboard from "@material-ui/icons/Keyboard";
-import MonacoEditor from "@etclabscore/react-monaco-editor";
-import PlusIcon from "@material-ui/icons/Add";
-import DocumentIcon from "@material-ui/icons/Description";
-import {
- IconButton,
- AppBar,
- Toolbar,
- Typography,
- Button,
- InputBase,
- Tab,
- Tabs,
- Tooltip,
- Grid,
- Dialog,
- ListItem,
- List,
- ListItemText,
- Container,
-} from "@material-ui/core";
-import createPersistedState from "use-persisted-state";
-import Brightness3Icon from "@material-ui/icons/Brightness3";
-import WbSunnyIcon from "@material-ui/icons/WbSunny";
-import { JSONRPCError } from "@open-rpc/client-js/build/Error";
-import { OpenrpcDocument, ExampleObject } from "@open-rpc/meta-schema";
-import useTabs from "../hooks/useTabs";
-import { useDebounce } from "use-debounce";
-import { green } from "@material-ui/core/colors";
-import { parseOpenRPCDocument } from "@open-rpc/schema-utils-js";
-import TransportDropdown from "../components/TransportDropdown";
-import useTransport, { ITransport, IWebTransport, TTransport } from "../hooks/useTransport";
-import JSONRPCLogger, { JSONRPCLog } from "@open-rpc/logs-react";
-import OptionsEditor from "./OptionsEditor";
-
-const useCustomTransportList = createPersistedState("inspector-custom-transports");
-
-const defaultTransports: ITransport[] = [
- {
- type: "http",
- name: "HTTP",
- schema: {
- type: "object",
- properties: {
- headers: {
- patternProperties: {
- "": {
- type: "string",
- },
- },
- },
- credentials: {
- type: "string",
- enum: [
- "omit",
- "same-origin",
- "include",
- ],
- },
- },
- examples: [
- {
- headers: {
- },
- },
- ],
- },
- },
- {
- type: "websocket",
- name: "WebSocket",
- },
- {
- type: "postmessagewindow",
- name: "PostMessageWindow",
- },
- {
- type: "postmessageiframe",
- name: "PostMessageIframe",
- },
-];
-
-const errorToJSON = (error: JSONRPCError | any, id?: string | number | null): any => {
- const isError = error instanceof Error;
- if (!isError) {
- return;
- }
- if (!error) {
- return;
- }
- const emptyErrorResponse = {
- jsonrpc: "2.0",
- id,
- };
- // this is an internal wrapped client-js error
- if (error.data instanceof Error) {
- return {
- ...emptyErrorResponse,
- error: {
- code: error.data.code,
- message: error.data.message,
- data: error.data.data,
- },
- };
- }
- return {
- ...emptyErrorResponse,
- error: {
- code: error.code,
- message: error.message,
- data: error.data,
- },
- };
-};
-
-interface IProps {
- url?: string;
- request?: any;
- darkMode?: boolean;
- hideToggleTheme?: boolean;
- openrpcDocument?: OpenrpcDocument;
- transport?: TTransport;
- customTransport?: ITransport;
- onToggleDarkMode?: () => void;
-}
-
-const emptyJSONRPC = {
- jsonrpc: "2.0",
- method: "",
- params: [],
- id: 0,
-};
-
-const Inspector: React.FC = (props) => {
- const {
- setTabContent,
- setTabEditing,
- setTabIndex,
- tabs,
- setTabs,
- handleClose,
- tabIndex,
- setTabOpenRPCDocument,
- setTabUrl,
- handleLabelChange,
- setTabLogs,
- } = useTabs(
- [
- {
- name: props.request ? props.request.method : "New Tab",
- content: props.request || { ...emptyJSONRPC },
- logs: [],
- url: props.url || "",
- openrpcDocument: props.openrpcDocument,
- },
- ],
- );
- const [openrpcDocument, setOpenRpcDocument] = useState(props.openrpcDocument);
- const [json, setJson] = useState(props.request || {
- jsonrpc: "2.0",
- method: "",
- params: [],
- id: 0,
- });
- const [transportList, setTransportList] = useCustomTransportList(() => {
- if (props.customTransport) {
- return [...defaultTransports, props.customTransport];
- }
- return defaultTransports;
- });
- const [url, setUrl] = useState(props.url || "");
- const [debouncedUrl] = useDebounce(url, 1000);
- const [selectedTransport, setSelectedTransport] = useState(props.customTransport || defaultTransports[0]);
- const [transportOptions, setTransportOptions] = useState();
- const [debouncedtransportOptions] = useDebounce(transportOptions, 1000);
- const [transport, setTransport, , connected] = useTransport(
- transportList,
- debouncedUrl,
- props.customTransport || defaultTransports[0],
- debouncedtransportOptions,
- );
- const [historyOpen, setHistoryOpen] = useState(false);
- const [requestHistory, setRequestHistory]: [any[], Dispatch] = useState([]);
- const [historySelectedIndex, setHistorySelectedIndex] = useState(0);
- const [logs, setLogs] = useState([]);
- useEffect(() => {
- setTabs([
- ...tabs,
- {
- name: props.request ? props.request.method || "New Tab" : "New Tab",
- content: props.request,
- url: props.url,
- openrpcDocument,
- },
- ]);
- setTabIndex(tabs.length);
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [props.request]);
-
- useEffect(() => {
- if (selectedTransport !== undefined) {
- setTransport(selectedTransport);
- const s: IWebTransport = selectedTransport as IWebTransport;
- if (s.schema !== undefined && s.schema !== true && s.schema !== false) {
- setTransportOptions((s.schema.examples as ExampleObject[])[0]);
- }
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [selectedTransport]);
-
- useEffect(() => {
- if (json) {
- setTabContent(tabIndex, json);
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [json]);
-
- useEffect(() => {
- if (props.transport) {
- const t = transportList
- .find((tp: ITransport) => tp.name?.toLowerCase() === props.transport?.toLowerCase());
- if (t) {
- setSelectedTransport(t);
- }
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [props.transport]);
-
- useEffect(() => {
- if (props.url) {
- setUrl(props.url);
- setTabUrl(tabIndex, props.url);
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [props.url]);
-
- const handlePlayButton = async () => {
- let requestTimestamp = new Date();
- if (transport) {
- try {
- requestTimestamp = new Date();
- const result = await transport.sendData({
- internalID: json.id,
- request: json,
- });
- const responseTimestamp = new Date();
- const r = { jsonrpc: "2.0", result, id: json.id };
- const reqObj: JSONRPCLog = {
- type: "request",
- method: json.method,
- timestamp: requestTimestamp,
- payload: json,
- };
- const resObj: JSONRPCLog = {
- type: "response",
- method: json.method,
- timestamp: responseTimestamp,
- payload: r,
- };
- const newHistory: any = [...requestHistory, { ...tabs[tabIndex] }];
- setRequestHistory(newHistory);
- setLogs((prevLogs) => [...prevLogs, reqObj, resObj]);
- setTabLogs(tabIndex, [...(tabs[tabIndex].logs || []), reqObj, resObj]);
- } catch (e) {
- const responseTimestamp = new Date();
- const convertedError = errorToJSON(e, json.id);
- const reqObj: JSONRPCLog = {
- type: "request",
- method: json.method,
- timestamp: requestTimestamp,
- payload: json,
- };
- const resObj: JSONRPCLog = {
- type: "response",
- method: json.method,
- timestamp: responseTimestamp,
- payload: convertedError,
- };
- const newHistory: any = [...requestHistory, { ...tabs[tabIndex] }];
- setRequestHistory(newHistory);
- setLogs((prevLogs) => [...prevLogs, reqObj, resObj]);
- setTabLogs(tabIndex, [...(tabs[tabIndex].logs || []), reqObj, resObj]);
- }
- }
- };
-
- const clear = () => {
- setLogs([]);
- setTabLogs(tabIndex, []);
- };
-
- const handleClearButton = () => {
- clear();
- };
-
- const handleToggleDarkMode = () => {
- if (props.onToggleDarkMode) {
- props.onToggleDarkMode();
- }
- };
- const refreshOpenRpcDocument = async () => {
- try {
- const d = await transport?.sendData({
- internalID: 999999,
- request: {
- jsonrpc: "2.0",
- params: [],
- id: 999999,
- method: "rpc.discover",
- },
- });
- const doc = await parseOpenRPCDocument(d);
- setOpenRpcDocument(doc);
- setTabOpenRPCDocument(tabIndex, doc);
- } catch (e) {
- if (!props.openrpcDocument) {
- setOpenRpcDocument(undefined);
- setTabOpenRPCDocument(tabIndex, undefined);
- }
- }
- if (transport) {
- transport.subscribe("notification", (notification: any) => {
- const responseTimestamp = new Date();
- const notificationObj: JSONRPCLog = {
- type: "response",
- notification: true,
- method: notification.method,
- timestamp: responseTimestamp,
- payload: notification,
- };
- setLogs((prevLogs) => [...prevLogs, notificationObj]);
- setTabLogs(tabIndex, [...(tabs[tabIndex].logs || []), notificationObj]);
- });
- transport.subscribe("error", (error: any) => {
- const responseTimestamp = new Date();
- const notificationObj: JSONRPCLog = {
- type: "response",
- method: "",
- timestamp: responseTimestamp,
- payload: errorToJSON(error, null),
- };
- setLogs((prevLogs) => [...prevLogs, notificationObj]);
- setTabLogs(tabIndex, [...(tabs[tabIndex].logs || []), notificationObj]);
- });
- }
- };
- useEffect(() => {
- if (!props.openrpcDocument) {
- setOpenRpcDocument(undefined);
- }
- refreshOpenRpcDocument();
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [transport, tabIndex]);
-
- useEffect(() => {
- if (tabs[tabIndex]) {
- setJson(tabs[tabIndex].content);
- setUrl(tabs[tabIndex].url || "");
- setLogs(tabs[tabIndex].logs || []);
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [tabIndex]);
-
- useEffect(() => {
- setOpenRpcDocument(props.openrpcDocument);
- setTabOpenRPCDocument(tabIndex, props.openrpcDocument);
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [props.openrpcDocument]);
-
- useEffect(() => {
- if (!historyOpen) {
- handlePlayButton();
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [historyOpen]);
-
- const handleTabIndexChange = (event: React.ChangeEvent<{}>, newValue: number) => {
- setTabIndex(newValue);
- };
-
- const onHistoryPlayClick = () => {
- if (requestHistory[historySelectedIndex]) {
- setJson(requestHistory[historySelectedIndex].content);
- setUrl(requestHistory[historySelectedIndex].url);
- setOpenRpcDocument(requestHistory[historySelectedIndex].openrpcDocument);
- setHistoryOpen(false);
- }
- };
-
- const handleTransportOptionsChange = (optionsString: string) => {
- try {
- setTransportOptions(JSON.parse(optionsString));
- } catch (e) {
- // cannot parse transport options
- }
- };
-
- return (
- <>
-
-
-
-
- {tabs.map((tab, index) => (
- setTabEditing(tab, true)} label={
-
- {tab.editing
- ? handleLabelChange(ev, tab)}
- onBlur={() => setTabEditing(tab, false)}
- autoFocus
- style={{ maxWidth: "80px", marginRight: "25px" }}
- />
- : {tab.name}
- }
- {tabIndex === index
- ?
-
- handleClose(ev, index)
- } style={{ position: "absolute", right: "10px", top: "25%" }} size="small">
-
-
-
- : null
- }
-
- }>
- ))}
-
- setTabs([
- ...tabs,
- {
- name: "New Tab",
- content: { ...emptyJSONRPC, id: 0 },
- logs: [],
- openrpcDocument,
- url,
- },
- ],
- )}>
-
-
-
- }>
-
-
-
/128x128.png)
- Inspector
- {
- setTransportList([
- ...transportList,
- addedTransport,
- ]);
- }}
- selectedTransport={selectedTransport}
- onChange={(changedTransport) => setSelectedTransport(changedTransport)}
- style={{
- marginLeft: "10px",
- }}
- />
-
-
-
-
-
-
-
- {connected
- ?
- :
- }
-
- {
- openrpcDocument
- ?
-
- OpenRPC Document Detected
-
- A JSON-RPC endpoint may respond to the rpc.discover method
- or a provide a static document.
- This adds features like auto completion to the inspector.
-
-
- } onClick={() => window.open("https://spec.open-rpc.org/#service-discovery-method")}>
-
-
- : null
- }
-
- }
- value={url}
- placeholder="Enter a JSON-RPC server URL"
- onChange={
- (event: ChangeEvent) => {
- setUrl(event.target.value);
- setTabUrl(tabIndex, event.target.value);
- }
- }
- fullWidth
- style={{ background: "rgba(0,0,0,0.1)", borderRadius: "4px", padding: "0px 10px", marginRight: "5px" }}
- />
-
- setHistoryOpen(true)}>
-
-
-
- {
- props.hideToggleTheme
- ? null
- :
-
-
- {props.darkMode ? : }
-
-
- }
-
-
-
-
- {
- let jsonResult;
- try {
- jsonResult = JSON.parse(val);
- } catch (e) {
- console.error(e);
- }
- if (jsonResult) {
- setJson(jsonResult);
- setTabContent(tabIndex, jsonResult);
- }
- }}
- openrpcDocument={openrpcDocument}
- value={JSON.stringify(json, null, 4)}
- />
- {(selectedTransport as IWebTransport).schema &&
-
- }
-
- <>
- {logs.length > 0 &&
-
- }
- {logs.length === 0 &&
-
-
- Press the Play button to see the results here.
-
- Use
- }
- variant="contained"
- disabled
- size="small"
- style={{ marginRight: "3px" }}
- >
- CTRL + SPACE
-
- to auto-complete in the editor.
-
-
-
- }
- {logs.length !== 0 &&
-
-
-
- }
-
-
-
- );
-};
-
-export default Inspector;
diff --git a/src/containers/JSONRPCRequestEditor.tsx b/src/containers/JSONRPCRequestEditor.tsx
deleted file mode 100644
index 6d9ee30..0000000
--- a/src/containers/JSONRPCRequestEditor.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useEffect, useState } from "react";
-import MonacoEditor from "@etclabscore/react-monaco-editor";
-import * as monaco from "monaco-editor";
-import { MethodObject, OpenrpcDocument } from "@open-rpc/meta-schema";
-import useWindowSize from "@rehooks/window-size";
-import { addDiagnostics } from "@etclabscore/monaco-add-json-schema-diagnostics";
-import openrpcDocumentToJSONRPCSchema from "../helpers/openrpcDocumentToJSONRPCSchema";
-import useMonacoVimMode from "../hooks/useMonacoVimMode";
-
-interface IProps {
- onChange?: (newValue: any) => void;
- openrpcMethodObject?: MethodObject;
- openrpcDocument?: OpenrpcDocument;
- value: any;
-}
-
-const JSONRPCRequestEditor: React.FC = (props) => {
- const [editor, setEditor] = useState();
- useMonacoVimMode(editor);
- const windowSize = useWindowSize();
- useEffect(() => {
- if (editor) {
- editor.layout();
- }
- }, [windowSize, editor]);
-
- useEffect(() => {
- if (!editor) {
- return;
- }
- const modelName = (props.openrpcDocument && props.openrpcDocument.info) ? props.openrpcDocument.info.title : "inspector";
- const modelUriString = `inmemory://${modelName}-${Math.random()}.json`;
- const modelUri = monaco.Uri.parse(modelUriString);
- const model = monaco.editor.createModel(props.value || "", "json", modelUri);
- editor.setModel(model);
- let schema: any = {
- type: "object",
- properties: {
- jsonrpc: {
- type: "string",
- const: "2.0",
- },
- id: {
- oneOf: [
- {
- type: "string",
- },
- {
- type: "number",
- },
- ],
- },
- method: {
- type: "string",
- },
- },
- };
-
- if (props.openrpcDocument) {
- schema = openrpcDocumentToJSONRPCSchema(props.openrpcDocument);
- } else {
- schema = {
- additionalProperties: false,
- properties: {
- ...schema.properties,
- params: {
- oneOf: [
- { type: "array" },
- { type: "object" },
- ],
- },
- },
- };
- }
- addDiagnostics(modelUri.toString(), schema, monaco);
-
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [props.openrpcDocument, editor]);
-
- function handleEditorDidMount(_: any, ed: any) {
- setEditor(ed);
- }
-
- const handleChange = (ev: any, value: any) => {
- if (props.onChange) {
- props.onChange(value);
- }
- };
-
- return (
-
- );
-};
-
-export default JSONRPCRequestEditor;
diff --git a/src/containers/MyApp.css b/src/containers/MyApp.css
deleted file mode 100644
index 7b51ae3..0000000
--- a/src/containers/MyApp.css
+++ /dev/null
@@ -1,32 +0,0 @@
-body {
- margin: 0;
- overflow-x: hidden;
- max-width: 100%;
-}
-
-::-webkit-scrollbar {
- width: 10px;
-}
-
-::-webkit-scrollbar-track {
- background: #666;
- z-index: 1;
-}
-
-::-webkit-scrollbar-thumb {
- background: #ddd;
- border-radius: 5px;
-}
-
-.Resizer {
- z-index: 1;
-}
-
-.logo {
- animation: fadein 5s;
-}
-
-@keyframes fadein {
- from { opacity: 0 }
- to { opacity: 1 }
-}
diff --git a/src/containers/MyApp.tsx b/src/containers/MyApp.tsx
deleted file mode 100644
index b030923..0000000
--- a/src/containers/MyApp.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-import React, { useEffect } from "react";
-import { MuiThemeProvider, CssBaseline } from "@material-ui/core"; //tslint:disable-line
-import useMediaQuery from "@material-ui/core/useMediaQuery";
-import makeTheme from "../themes/theme";
-import "./MyApp.css";
-import JSONRPCLogger, { IJSONRPCLog } from "../components/logsReact/logsReact";
-import useWebRequest from "../hooks/useWebRequest";
-import * as monaco from "monaco-editor";
-
-const MyApp: React.FC = () => {
- const [newHistory, setHistory] = useWebRequest();
- const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
-
- const theme = React.useMemo(
- () => makeTheme(prefersDarkMode),
- [prefersDarkMode],
- );
-
- useEffect(() => {
- const t = prefersDarkMode ? "vs-dark" : "vs";
- monaco.editor.setTheme(t);
- }, [prefersDarkMode, theme]);
-
- useEffect(() => {
- if (chrome && chrome.devtools && chrome.devtools.panels) {
- // Create devtools panel for JSONRPCLogger extension
- chrome.devtools.panels.create("JSONRPCLogger",
- "",
- "index.html",
- (panel) => { return; },
- );
- } else {
- const logs: IJSONRPCLog[] = [
- {
- timestamp: new Date(),
- type: "request",
- method: "foo",
- payload: {
- jsonrpc: "2.0",
- method: "foo",
- },
- },
- {
- timestamp: new Date(),
- type: "request",
- method: "foo",
- payload: {
- jsonrpc: "2.0",
- method: "foo",
- },
- },
- {
- timestamp: new Date(),
- type: "response",
- method: "foo",
- payload: {
- jsonrpc: "2.0",
- error: {
- code: 1234,
- message: "potato",
- },
- },
- },
- {
- timestamp: new Date(),
- type: "request",
- method: "foo",
- payload: {
- jsonrpc: "2.0",
- method: "foo",
- },
- },
- {
- timestamp: new Date(),
- type: "response",
- method: "foo",
- payload: {
- jsonrpc: "2.0",
- result: "bar",
- },
- },
- {
- timestamp: new Date(),
- type: "request",
- method: "foo",
- payload: {
- jsonrpc: "2.0",
- method: "foo",
- },
- },
- {
- timestamp: new Date(),
- type: "request",
- method: "potato",
- payload: {
- jsonrpc: "2.0",
- method: "potato",
- },
- },
- {
- timestamp: new Date(),
- type: "response",
- method: "longPotato",
- payload: {
- jsonrpc: "2.0",
- result: {
- foo: "bar",
- baz: "foo",
- bar: "baz",
- listOfNothings: [
- 1,
- 2,
- 3,
- 4,
- 5,
- 6,
- 7,
- 8,
- ],
- },
- },
- },
- {
- timestamp: new Date(),
- type: "request",
- notification: true,
- method: "potato2",
- payload: {
- jsonrpc: "2.0",
- method: "potato2",
- },
- },
- {
- timestamp: new Date(),
- type: "response",
- notification: true,
- method: "potato2",
- payload: {
- jsonrpc: "2.0",
- method: "potato2",
- },
- },
- ];
- setHistory(logs);
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
-
- // do not render monaco if collapsed -> see docs
- return (
-
-
-
-
-
-
- );
-};
-
-export default MyApp;
diff --git a/src/containers/OptionsEditor.tsx b/src/containers/OptionsEditor.tsx
deleted file mode 100644
index a0a98f3..0000000
--- a/src/containers/OptionsEditor.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React, { useEffect, useState } from "react";
-import MonacoEditor from "@etclabscore/react-monaco-editor";
-import * as monaco from "monaco-editor";
-import { JSONSchema, MethodObject } from "@open-rpc/meta-schema";
-import useWindowSize from "@rehooks/window-size";
-import { addDiagnostics } from "@etclabscore/monaco-add-json-schema-diagnostics";
-import useMonacoVimMode from "../hooks/useMonacoVimMode";
-
-interface IProps {
- onChange?: (newValue: any) => void;
- openrpcMethodObject?: MethodObject;
- schema?: JSONSchema;
- value: any;
-}
-
-const OptionsEditor: React.FC = (props) => {
- const [editor, setEditor] = useState();
- useMonacoVimMode(editor);
- const windowSize = useWindowSize();
- useEffect(() => {
- if (editor) {
- editor.layout();
- }
- }, [windowSize, editor]);
-
- useEffect(() => {
- if (!editor) {
- return;
- }
- const modelName = "inspector-transport-options";
- const modelUriString = `inmemory://${modelName}-${Math.random()}.json`;
- const modelUri = monaco.Uri.parse(modelUriString);
- const model = monaco.editor.createModel(props.value || "", "json", modelUri);
- editor.setModel(model);
-
- addDiagnostics(modelUri.toString(), props.schema, monaco);
-
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [props.schema, editor]);
-
- function handleEditorDidMount(_: any, ed: any) {
- setEditor(ed);
- }
-
- const handleChange = (ev: any, value: any) => {
- if (props.onChange) {
- props.onChange(value);
- }
- };
-
- return (
- <>
-
-
-
- );
-};
-
-export default OptionsEditor;
diff --git a/src/examplesList.tsx b/src/examplesList.tsx
deleted file mode 100644
index e33b8ef..0000000
--- a/src/examplesList.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-let defaultExamples = [
- {
- name: "api-with-examples",
- url: "https://raw.githubusercontent.com/open-rpc/examples/master/service-descriptions/api-with-examples-openrpc.json", //tslint:disable-line
- },
- {
- name: "link-example",
- url: "https://raw.githubusercontent.com/open-rpc/examples/master/service-descriptions/link-example-openrpc.json", //tslint:disable-line
- },
- {
- name: "params-by-name-petstore",
- url: "https://raw.githubusercontent.com/open-rpc/examples/master/service-descriptions/params-by-name-petstore-openrpc.json", //tslint:disable-line
- },
- {
- name: "petstore-expanded",
- url: "https://raw.githubusercontent.com/open-rpc/examples/master/service-descriptions/petstore-expanded-openrpc.json", //tslint:disable-line
- },
- {
- name: "petstore",
- url: "https://raw.githubusercontent.com/open-rpc/examples/master/service-descriptions/petstore-openrpc.json", //tslint:disable-line
- },
- {
- name: "simple-math",
- url: "https://raw.githubusercontent.com/open-rpc/examples/master/service-descriptions/simple-math-openrpc.json", //tslint:disable-line
- },
- {
- name: "empty-document",
- url: "https://raw.githubusercontent.com/open-rpc/examples/master/service-descriptions/empty-openrpc.json", //tslint:disable-line
- },
-];
-
-if (process.env.REACT_APP_EXAMPLE_DOCUMENTS_DROPDOWN_LIST) {
- defaultExamples = JSON.parse(process.env.REACT_APP_EXAMPLE_DOCUMENTS_DROPDOWN_LIST);
-}
-
-export default defaultExamples;
\ No newline at end of file
diff --git a/src/exports.ts b/src/exports.ts
deleted file mode 100644
index 05753d0..0000000
--- a/src/exports.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import JSONRPCLogger, {IJSONRPCLog} from "./components/logsReact/logsReact";
-export type JSONRPCLog = IJSONRPCLog;
-export default JSONRPCLogger;
diff --git a/src/exports.tsx b/src/exports.tsx
deleted file mode 100644
index 5afc299..0000000
--- a/src/exports.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-import {default as Inspector} from "./containers/Inspector";
-export default Inspector;
diff --git a/src/fetchUrlSchemaFile.tsx b/src/fetchUrlSchemaFile.tsx
deleted file mode 100644
index 9efbcc2..0000000
--- a/src/fetchUrlSchemaFile.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export default async (schemaUrl: string) => {
- const response = await fetch(schemaUrl);
- if (response.status === 404) {
- throw new Error("404: Not Found");
- }
- return response.text();
-};
diff --git a/src/helpers/openrpcDocumentToJSONRPCSchema.ts b/src/helpers/openrpcDocumentToJSONRPCSchema.ts
deleted file mode 100644
index 1dcfedd..0000000
--- a/src/helpers/openrpcDocumentToJSONRPCSchema.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { MethodObject, ContentDescriptorObject, OpenrpcDocument, ExampleObject } from "@open-rpc/meta-schema";
-
-const schema: any = {
- type: "object",
- properties: {
- jsonrpc: {
- type: "string",
- enum: ["2.0"],
- description: "JSON-RPC version string",
- },
- id: {
- description: "unique identifier for the JSON-RPC request",
- oneOf: [
- {
- type: "string",
- },
- {
- type: "number",
- },
- ],
- },
- method: {
- type: "string",
- },
- },
-};
-
-const openrpcDocumentToJSONRPCSchema = (openrpcDocument?: OpenrpcDocument) => {
- if (!openrpcDocument) {
- return schema;
- }
- return {
- type: "object",
- properties: {
- id: {
- ...schema.properties.id,
- },
- jsonrpc: {
- ...schema.properties.jsonrpc,
- },
- method: {
- type: "string",
- oneOf: openrpcDocument && openrpcDocument.methods && openrpcDocument.methods.map((method) => {
- return {
- const: method.name,
- description: method.description || method.summary,
- markdownDescription: method.description || method.summary,
- };
- }),
- },
- },
- allOf: openrpcDocument && openrpcDocument.methods && openrpcDocument.methods.map((method: MethodObject) => {
- return {
- if: {
- properties: {
- method: {
- const: method.name,
- },
- },
- },
- then: {
- properties: {
- params: {
- oneOf: [
- {
- type: "array",
- minItems: method.params && method.params.filter((param: any) => param.required).length,
- maxItems: method.params && method.params.length,
- defaultSnippets: method.examples ? method.examples.map((example: any) => {
- return {
- label: example.name,
- description: example.description || example.summary,
- body: example.params && example.params.map((ex: ExampleObject) => ex.value),
- };
- }) : [],
- items: method.params && method.params.map((param: any) => {
- return {
- ...param.schema,
- markdownDescription: param.description || param.summary,
- description: param.description || param.summary,
- additionalProperties: false,
- };
- }),
- },
- {
- type: "object",
- properties: method.params && (method.params as ContentDescriptorObject[])
- .reduce((memo: any, param: ContentDescriptorObject) => {
- memo[param.name] = {
- ...(param.schema as any),
- markdownDescription: param.description || param.summary,
- description: param.description || param.summary,
- additionalProperties: false,
- };
- return memo;
- }, {}),
- },
- ],
- },
- },
- },
- };
- }),
- };
-};
-
-export default openrpcDocumentToJSONRPCSchema;
diff --git a/src/helpers/openrpcDocumentToJSONRPCSchemaResult.ts b/src/helpers/openrpcDocumentToJSONRPCSchemaResult.ts
deleted file mode 100644
index 21f9872..0000000
--- a/src/helpers/openrpcDocumentToJSONRPCSchemaResult.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { MethodObject, ContentDescriptorObject, OpenrpcDocument } from "@open-rpc/meta-schema";
-
-const schema: any = {
- type: "object",
- properties: {
- jsonrpc: {
- type: "string",
- description: "JSON-RPC Version String",
- const: "2.0",
- },
- id: {
- oneOf: [
- {
- type: "string",
- },
- {
- type: "number",
- },
- ],
- },
- },
-};
-
-const openrpcDocumentToJSONRPCSchemaResult = (methodName: string, openrpcDocument?: OpenrpcDocument) => {
- if (!openrpcDocument) {
- return schema;
- }
- const methodObject: MethodObject | undefined = openrpcDocument.methods.find((method) => method.name === methodName);
- let methodSchema: any;
- if (methodObject !== undefined && methodObject.result !== undefined) {
- methodSchema = (methodObject.result as ContentDescriptorObject).schema;
- }
- return {
- type: "object",
- properties: {
- id: {
- ...schema.properties.id,
- },
- jsonrpc: {
- ...schema.properties.jsonrpc,
- },
- result: {
- ...methodSchema,
- markdownDescription: methodObject?.description || methodObject?.summary,
- description: methodObject?.description || methodObject?.summary,
- },
- },
- };
-};
-
-export default openrpcDocumentToJSONRPCSchemaResult;
diff --git a/src/hooks/useDefaultEditorValue.tsx b/src/hooks/useDefaultEditorValue.tsx
deleted file mode 100644
index 095defb..0000000
--- a/src/hooks/useDefaultEditorValue.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { useState, Dispatch } from "react";
-import _ from "lodash";
-
-function useDefaultEditorValue(): [string | null, Dispatch] {
- const [defaultValue, setDefaultValue] = useState(() => {
- return window.localStorage.getItem("schema");
- });
- const setDefaultEditorValue = (str: string) => {
- _.defer(() => window.localStorage.setItem("schema", str));
- setDefaultValue(str);
- };
- return [defaultValue, setDefaultEditorValue];
-}
-
-export default useDefaultEditorValue;
diff --git a/src/hooks/useMonacoReplaceMetaSchema.tsx b/src/hooks/useMonacoReplaceMetaSchema.tsx
deleted file mode 100644
index 6cb975c..0000000
--- a/src/hooks/useMonacoReplaceMetaSchema.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useState, useEffect } from "react";
-import * as monaco from "monaco-editor";
-import schema from "@open-rpc/meta-schema";
-
-// Monaco Replace Meta Schema:
-// Press Chord Ctrl-K, Ctrl-R => the action will run if it is enabled
-const useMonacoReplaceMetaSchema = (editor: monaco.editor.IStandaloneCodeEditor) => {
- const [metaSchema, setMetaSchema] = useState(schema);
-
- useEffect(() => {
- if (!editor) { return; }
-
- editor.addAction({
- id: "replace-meta-schema",
- label: "Replace Meta Schema",
- keybindings: [
- monaco.KeyMod.chord(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_K, monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_R), //tslint:disable-line
- ],
- contextMenuGroupId: "navigation",
- contextMenuOrder: 1.5,
- run: () => {
- const result = window.prompt("Paste schema to replace current meta schema", "{}");
- if (result) {
- setMetaSchema(JSON.parse(result));
- }
- },
- });
- }, [editor]);
-
- return [metaSchema];
-};
-
-export default useMonacoReplaceMetaSchema;
diff --git a/src/hooks/useMonacoVimMode.ts b/src/hooks/useMonacoVimMode.ts
deleted file mode 100644
index 49e9272..0000000
--- a/src/hooks/useMonacoVimMode.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useState, useEffect, Dispatch } from "react";
-import * as monaco from "monaco-editor";
-const { initVimMode } = require("monaco-vim"); //tslint:disable-line
-
-// Vim Mode:
-// Press Chord Ctrl-K, Ctrl-V => the action will run if it is enabled
-const useMonacoVimMode = (editor: monaco.editor.IStandaloneCodeEditor | undefined) => {
- const [vimMode, setVimMode]: [any, Dispatch] = useState();
-
- useEffect(() => {
- if (!editor) { return; }
-
- editor.addAction({
- id: "vim-mode",
- label: "Vim Mode",
- keybindings: [
- monaco.KeyMod.chord(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_K, monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_V), //tslint:disable-line
- ],
- contextMenuGroupId: "navigation",
- contextMenuOrder: 1.5,
- run: () => {
- if (vimMode) {
- vimMode.dispose();
- }
- setVimMode(initVimMode(editor));
- },
- });
-
- return () => {
- if (vimMode) {
- vimMode.dispose();
- }
- };
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [editor]);
-
- return [editor, vimMode];
-};
-
-export default useMonacoVimMode;
diff --git a/src/hooks/useMonacoVimMode.tsx b/src/hooks/useMonacoVimMode.tsx
deleted file mode 100644
index 5d59081..0000000
--- a/src/hooks/useMonacoVimMode.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useState, useEffect } from "react";
-import * as monaco from "monaco-editor";
-const { initVimMode } = require("monaco-vim"); //tslint:disable-line
-
-// Vim Mode:
-// Press Chord Ctrl-K, Ctrl-V => the action will run if it is enabled
-const useMonacoVimMode = (editor: monaco.editor.IStandaloneCodeEditor) => {
- const [vimMode, setVimMode] = useState();
-
- useEffect(() => {
- if (!editor) { return; }
-
- editor.addAction({
- id: "vim-mode",
- label: "Vim Mode",
- keybindings: [
- monaco.KeyMod.chord(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_K, monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_V), //tslint:disable-line
- ],
- contextMenuGroupId: "navigation",
- contextMenuOrder: 1.5,
- run: () => {
- if (vimMode) {
- vimMode.dispose();
- }
- setVimMode(initVimMode(editor));
- },
- });
-
- return () => {
- if (vimMode) {
- vimMode.dispose();
- }
- };
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [editor]);
-
- return [editor, vimMode];
-};
-
-export default useMonacoVimMode;
diff --git a/src/hooks/useOpenrpcDocument.ts b/src/hooks/useOpenrpcDocument.ts
deleted file mode 100644
index 0106941..0000000
--- a/src/hooks/useOpenrpcDocument.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useEffect, useState } from "react";
-
-const useOpenrpcDocument = (openrpcDocument?: string, schemaUrl?: string) => {
-
- const [openrpcDoc, setOpenrpcDoc] = useState(openrpcDocument);
- useEffect(() => {
- async function retrieveOpenrpcDocument() {
- try {
- if (!openrpcDocument && schemaUrl) {
- const response = await fetch(schemaUrl);
- const doc = await response.json();
- setOpenrpcDoc(doc);
- }
-
- } catch (e) {
- setOpenrpcDoc(undefined);
- }
- }
- retrieveOpenrpcDocument();
- }, [openrpcDocument, schemaUrl]);
- return openrpcDoc;
-};
-
-export default useOpenrpcDocument;
diff --git a/src/hooks/useParsedSchema.tsx b/src/hooks/useParsedSchema.tsx
deleted file mode 100644
index 8ec4cf8..0000000
--- a/src/hooks/useParsedSchema.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useState, useEffect, Dispatch } from "react";
-import _ from "lodash";
-import refParser from "json-schema-ref-parser";
-import { OpenrpcDocument } from "@open-rpc/meta-schema";
-
-const useParsedSchema = (defaultValue: object | any): [OpenrpcDocument | undefined, Dispatch] => {
- const [parsedSchema, setParsedSchema]: [OpenrpcDocument | undefined, Dispatch] = useState();
- const validateAndSetSchema = (schema: string) => {
- let maybeSchema: string | undefined;
- try {
- maybeSchema = JSON.parse(schema);
- } catch (e) {
- //
- }
- if (!maybeSchema) {
- return;
- }
- refParser.dereference(maybeSchema).then((dereferencedSchema) => {
- setParsedSchema(dereferencedSchema as OpenrpcDocument);
- // set original non-dereff'd schema to localstorage
- _.defer(() => window.localStorage.setItem("schema", schema as string));
- });
- };
- useEffect(() => {
- if (defaultValue) {
- validateAndSetSchema(defaultValue);
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
- return [parsedSchema, validateAndSetSchema];
-};
-
-export default useParsedSchema;
diff --git a/src/hooks/useQueryParams.ts b/src/hooks/useQueryParams.ts
deleted file mode 100644
index 5ba82b0..0000000
--- a/src/hooks/useQueryParams.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useState } from "react";
-import * as qs from "qs";
-
-const useQueryParams = (depth?: number) => {
- const parse = () => {
- return qs.parse(window.location.search, {
- ignoreQueryPrefix: true,
- depth: depth || 100,
- decoder(str) {
- if (/^([+-]?[0-9]\d*|0)$/.test(str)) {
- return parseInt(str, 10);
- }
- if (str === "false") {
- return false;
- }
- if (str === "true") {
- return true;
- }
- return decodeURIComponent(str);
- },
- });
- };
- const [query] = useState(parse());
- return [query];
-};
-
-export default useQueryParams;
diff --git a/src/hooks/useQueryParams.tsx b/src/hooks/useQueryParams.tsx
deleted file mode 100644
index 8e81e51..0000000
--- a/src/hooks/useQueryParams.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useState } from "react";
-import * as qs from "qs";
-
-const useQueryParams = () => {
- const parse = () => {
- return qs.parse(window.location.search, {
- ignoreQueryPrefix: true,
- depth: 100,
- decoder(str) {
- if (/^(\d+|\d*\.\d+)$/.test(str)) {
- return parseFloat(str);
- }
- if (str === "false") {
- return false;
- }
- if (str === "true") {
- return true;
- }
- return decodeURIComponent(str);
- },
- });
- };
- const [query] = useState(parse());
- return [query];
-};
-
-export default useQueryParams;
diff --git a/src/hooks/useSearchBar.tsx b/src/hooks/useSearchBar.tsx
deleted file mode 100644
index 20ed52b..0000000
--- a/src/hooks/useSearchBar.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { useState, Dispatch } from "react";
-
-interface ISearchBarResponse {
- results: any;
- error: string | undefined;
-}
-
-const useSearchBar = (defaultValue: string | undefined): [string | undefined, Dispatch] => {
- const [searchUrl, setSearchUrl] = useState(defaultValue);
- return [searchUrl, setSearchUrl];
-};
-
-export default useSearchBar;
diff --git a/src/hooks/useTabs.ts b/src/hooks/useTabs.ts
deleted file mode 100644
index c89e759..0000000
--- a/src/hooks/useTabs.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-import { useState, Dispatch, useEffect } from "react";
-import { OpenrpcDocument } from "@open-rpc/meta-schema";
-import { JSONRPCLog } from "@open-rpc/logs-react";
-
-interface ITab {
- name: string;
- content?: any;
- logs: JSONRPCLog[];
- editing?: boolean;
- url?: string;
- openrpcDocument?: OpenrpcDocument;
-}
-
-const emptyJSONRPC = {
- jsonrpc: "2.0",
- method: "",
- params: [],
- id: 0,
-};
-
-const useTabs = (defaultTabs?: ITab[]) => {
- const [tabIndex, setTabIndex] = useState(0);
- const [tabs, setTabs]: [ITab[], Dispatch] = useState(
- defaultTabs || [{ name: "New Tab", content: emptyJSONRPC, url: undefined, logs: [] }],
- );
-
- const handleClose = (event: React.MouseEvent<{}>, index: number) => {
- if (tabs.length === 1) {
- return;
- }
- const t = tabs.filter((tab, i) => i !== index);
- setTabs(t);
- };
-
- useEffect(() => {
- if (tabs.length === tabIndex) {
- setTabIndex(tabIndex - 1);
- }
- }, [tabs, tabIndex]);
-
- const setTabName = (tab: ITab, name: string) => {
- const newTabs = tabs.map((innerTab) => {
- if (innerTab === tab) {
- return {
- ...innerTab,
- name,
- };
- }
- return innerTab;
- });
- setTabs(newTabs);
- };
-
- const setTabEditing = (tab: ITab, editing: boolean) => {
- const newTabs = tabs.map((innerTab) => {
- if (innerTab === tab) {
- return {
- ...innerTab,
- editing,
- };
- }
- return innerTab;
- });
- setTabs(newTabs);
- };
-
- const setTabOpenRPCDocument = (ti: number, openrpcDocument: OpenrpcDocument | undefined) => {
- const newTabs = tabs.map((innerTab, i) => {
- if (i === ti) {
- if (!openrpcDocument) {
- return {
- name: innerTab.name,
- content: innerTab.content,
- logs: innerTab.logs,
- editing: innerTab.editing,
- url: innerTab.url,
- };
- }
- return {
- ...innerTab,
- openrpcDocument,
- };
- }
- return innerTab;
- });
- setTabs(newTabs);
- };
-
- const setTabUrl = (ti: number, url: string) => {
- const newTabs = tabs.map((innerTab, i) => {
- if (i === ti) {
- return {
- ...innerTab,
- url,
- };
- }
- return innerTab;
- });
- setTabs(newTabs);
- };
-
- const setTabLogs = (ti: number, logs: JSONRPCLog[]) => {
- const newTabs = tabs.map((innerTab, i) => {
- if (i === ti) {
- return {
- ...innerTab,
- logs,
- };
- }
- return innerTab;
- });
- setTabs(newTabs);
- };
-
- const setTabContent = (ti: number, content: any) => {
- const newTabs = tabs.map((innerTab, i) => {
- if (i === ti) {
- return {
- ...innerTab,
- content,
- };
- }
- return innerTab;
- });
- setTabs(newTabs);
- };
-
- const handleLabelChange = (ev: any, tab: ITab) => {
- setTabName(tab, ev.target.value);
- };
- return {
- setTabContent,
- setTabEditing,
- setTabIndex,
- setTabName,
- tabs,
- setTabs,
- handleClose,
- tabIndex,
- handleLabelChange,
- setTabUrl,
- setTabLogs,
- setTabOpenRPCDocument,
- };
-};
-
-export default useTabs;
diff --git a/src/hooks/useTransport.ts b/src/hooks/useTransport.ts
deleted file mode 100644
index fb7d3d5..0000000
--- a/src/hooks/useTransport.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-
-import { JSONRPCError } from "@open-rpc/client-js/build/Error";
-import { Dispatch, useEffect, useState } from "react";
-import { HTTPTransport, WebSocketTransport, PostMessageWindowTransport, PostMessageIframeTransport } from "@open-rpc/client-js";
-import { Transport } from "@open-rpc/client-js/build/transports/Transport";
-import { IJSONRPCData, IJSONRPCNotificationResponse } from "@open-rpc/client-js/build/Request";
-import { JSONSchema } from "@open-rpc/meta-schema";
-
-export type TTransport = "http" | "websocket" | "postmessagewindow" | "postmessageiframe";
-
-export interface IWebTransport {
- type: TTransport;
- name?: string;
- schema?: JSONSchema;
-}
-
-export interface IPluginTransport {
- type: "plugin";
- uri: string;
- name: string;
- transport: ITransport;
-}
-const getTransportFromType = async (
- uri: string,
- transports: ITransport[],
- transport: ITransport,
- transportOptions?: any,
-): Promise => {
- let localTransport: any;
- const localTransportType = transports.find((value) => {
- return value.type === transport.type && value.name === transport.name;
- });
- if (localTransportType?.type === "websocket") {
- localTransport = new WebSocketTransport(uri);
- } else if (localTransportType?.type === "http") {
- localTransport = new HTTPTransport(uri, transportOptions);
- } else if (localTransportType?.type === "postmessageiframe") {
- localTransport = new PostMessageIframeTransport(uri);
- } else if (localTransportType?.type === "postmessagewindow") {
- localTransport = new PostMessageWindowTransport(uri);
- } else if (localTransportType?.type === "plugin") {
- const intermediateTransport = await getTransportFromType(
- localTransportType.uri,
- transports,
- localTransportType.transport,
- );
- class InterTransport extends Transport {
- public async connect() {
- await intermediateTransport.connect();
- const results = await intermediateTransport.sendData({
- internalID: 0,
- request: {
- jsonrpc: "2.0",
- method: "connect",
- params: [uri],
- id: 0,
- },
- });
- intermediateTransport.subscribe("notification", (data: IJSONRPCNotificationResponse) => {
- this.transportRequestManager.transportEventChannel.emit("notification", data);
- });
- intermediateTransport.subscribe("error", (data: JSONRPCError) => {
- this.transportRequestManager.transportEventChannel.emit("error", data);
- });
- return results;
- }
- public sendData(data: IJSONRPCData): Promise {
- return intermediateTransport.sendData({
- internalID: 0,
- request: {
- jsonrpc: "2.0",
- method: "sendData",
- params: [data.request],
- id: 0,
- },
- });
- }
- public close() {
- intermediateTransport.unsubscribe();
- intermediateTransport.sendData({
- internalID: 0,
- request: {
- jsonrpc: "2.0",
- method: "close",
- params: [],
- id: 0,
- },
- });
- intermediateTransport.close();
- }
- }
- localTransport = new InterTransport();
- }
-
- return localTransport;
-};
-
-export type ITransport = IWebTransport | IPluginTransport;
-
-type TUseTransport = (
- transports: ITransport[],
- url: string,
- defaultTransportType: ITransport,
- transportOptions?: any,
-) => [Transport | undefined, (t: ITransport) => void, JSONRPCError | undefined, boolean];
-
-const useTransport: TUseTransport = (transports, url, defaultTransportType, transportOptions) => {
- const [transport, setTransport] = useState();
- const [transportConnected, setTransportConnected] = useState(false);
- const [transportType, setTransportType]:
- [ITransport | undefined, Dispatch] = useState(defaultTransportType);
- const [error, setError]: [JSONRPCError | undefined, Dispatch] = useState();
- useEffect(() => {
- if (!transportType) {
- return;
- }
- const doSetTransport = async () => {
- if (transport) {
- transport.unsubscribe();
- transport.close();
- }
- const localTransport = await getTransportFromType(url, transports, transportType, transportOptions);
- return localTransport.connect().then(() => {
- setTransportConnected(true);
- setTransport(localTransport);
- }).catch((e) => {
- localTransport.unsubscribe();
- localTransport.close();
- throw e;
- });
- };
-
- doSetTransport()
- .catch((e: JSONRPCError) => {
- setTransportConnected(false);
- setTransport(undefined);
- setError(e);
- });
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [transportType, url, transports, transportOptions]);
- const setSelectedTransportType = async (t: ITransport) => {
- setTransportConnected(false);
- setTransportType(t);
- };
- return [transport, setSelectedTransportType, error, transportConnected];
-};
-
-export default useTransport;
diff --git a/src/hooks/useUISchema.tsx b/src/hooks/useUISchema.tsx
deleted file mode 100644
index 48aa925..0000000
--- a/src/hooks/useUISchema.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useState } from "react";
-import { IUISchema } from "../UISchema";
-
-type SetSectionType = ({ section, key, value }: {
- section: string;
- key: string;
- value: any;
-}) => any;
-
-const useUISchema = (defaultValue: IUISchema): [IUISchema, SetSectionType] => {
- const [UISchema, setUISchema] = useState(defaultValue);
- const setUISchemaBySection: SetSectionType = ({ section, key, value }) => {
- setUISchema({
- ...UISchema,
- [section]: {
- ...UISchema.appBar,
- [key]: value,
- },
- });
- };
- return [UISchema, setUISchemaBySection];
-};
-
-export default useUISchema;
diff --git a/src/hooks/useWebRequest.ts b/src/hooks/useWebRequest.ts
deleted file mode 100644
index 43c0a6f..0000000
--- a/src/hooks/useWebRequest.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import { useState, useEffect, Dispatch } from "react";
-import { IJSONRPCLog } from "../components/logsReact/logsReact";
-
-let batchIdCount = 0;
-
-// checks if the passed string is a JSON-RPC request or response
-const isJsonRpc = (str: string) => {
- try {
- const json = JSON.parse(str);
- if (json) {
- // Currently on returns batched request if all items are JSONRPC calls
- if (json.length > 0) {
- for (const obj of json) {
- if (!("jsonrpc" in obj)) {
- return false;
- }
- }
- return true;
- } else if ("jsonrpc" in json) {
- return true;
- } else {
- return false;
- }
- }
- return false;
- } catch (e) {
- return false;
- }
-};
-
-const useWebRequest = (): [IJSONRPCLog[], Dispatch] => {
- const [history, setHistory] = useState([]);
- const listener = (request) => {
- const requestBody = request.request.postData?.text;
- request.getContent((responseBody) => {
- if (request.request && request.request.url && requestBody
- && isJsonRpc(requestBody) && isJsonRpc(responseBody)) {
- const requestBodyObj = JSON.parse(requestBody);
- const requestObjs: IJSONRPCLog[] = [];
- const responseObjs: IJSONRPCLog[] = [];
- // if batched
- if (requestBodyObj.length) {
- for (const [reqObj] of requestBodyObj) {
- requestObjs.push(
- {
- type: "request",
- method: reqObj.method,
- timestamp: new Date(request.startedDateTime),
- payload: reqObj,
- batchId: batchIdCount,
- },
- );
- }
- batchIdCount += 1;
- } else {
- requestObjs.push(
- {
- type: "request",
- method: requestBodyObj.method,
- timestamp: new Date(request.startedDateTime),
- payload: requestBodyObj,
- },
- );
- }
-
- const responseTime = new Date(request.startedDateTime);
- const responseBodyObj = JSON.parse(responseBody);
- responseTime.setMilliseconds((responseTime.getMilliseconds() + request.time));
- // if batched
- if (responseBodyObj.length) {
- for (const [j, resObj] of responseBodyObj) {
- responseObjs.push(
- {
- type: "response",
- method: requestBodyObj[j].method,
- timestamp: responseTime,
- payload: resObj,
- batchId: batchIdCount,
- },
- );
- }
- batchIdCount += 1;
- } else {
- responseObjs.push(
- {
- type: "response",
- method: requestBodyObj.method,
- timestamp: responseTime,
- payload: responseBodyObj,
- },
- );
-
- }
- setHistory((prevHistory) => [...prevHistory, ...requestObjs, ...responseObjs]);
- }
- });
- };
- useEffect(() => {
- if (chrome && chrome.webRequest) {
- chrome.devtools.network.onRequestFinished.addListener(listener);
- }
- return function cleanup() {
- if (chrome && chrome.webRequest) {
- chrome.devtools.network.onRequestFinished.removeListener(listener);
- }
- };
- }, []);
-
- return [history, setHistory];
-};
-
-export default useWebRequest;
diff --git a/src/index.css b/src/index.css
deleted file mode 100755
index 35bf139..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,20 +0,0 @@
-#root, body, html {
- height: 100%;
- width: 100%;
- margin: 0;
- padding: 0;
- overflow: hidden;
- max-height: 100%;
-}
-body {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
- monospace;
-}
diff --git a/src/index.ts b/src/index.ts
deleted file mode 100644
index 0ef176a..0000000
--- a/src/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import Documentation from "./Documentation";
-
-export {default as ContentDescriptor} from "./ContentDescriptor/ContentDescriptor";
-export {default as ContentDescriptors} from "./ContentDescriptors/ContentDescriptors";
-export {default as Errors} from "./Errors/Errors";
-export {default as ExamplePairing} from "./ExamplePairing/ExamplePairing";
-export {default as ExamplePairings} from "./ExamplePairings/ExamplePairings";
-export {default as ExpansionTable} from "./ExpansionTable/ExpansionTable";
-export {default as Info} from "./Info/Info";
-export {default as JSONSchema} from "./JSONSchema/JSONSchema";
-export {default as Links} from "./Links/Links";
-export {default as Methods} from "./Methods/Methods";
-export {default as Params} from "./Params/Params";
-export {default as Servers} from "./Servers/Servers";
-export {default as Tags} from "./Tags/Tags";
-export {default as Documentation} from "./Documentation";
-
-export default Documentation;
diff --git a/src/index.tsx b/src/index.tsx
deleted file mode 100755
index 35b9682..0000000
--- a/src/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import ReactDOM from "react-dom";
-import React from "react";
-import MyApp from "./containers/MyApp";
-
-ReactDOM.render(, document.getElementById("root"));
diff --git a/src/plugins/InspectorPlugin.tsx b/src/plugins/InspectorPlugin.tsx
deleted file mode 100644
index 0727ffb..0000000
--- a/src/plugins/InspectorPlugin.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from "react";
-import { Button, Tooltip } from "@material-ui/core";
-import { IMethodPluginProps } from "@open-rpc/docs-react/build/Methods/Methods";
-import searchBarStore from "../stores/searchBarStore";
-import { ExamplePairingObject, ExampleObject } from "@open-rpc/meta-schema";
-import useInspectorActionStore from "../stores/inspectorActionStore";
-
-export type TParamStructure = "either" | "by-name" | "by-position";
-
-const InspectorPlugin: React.FC = (props) => {
- const [searchUrl] = searchBarStore();
- const [, setInspectorContents] = useInspectorActionStore();
- const method = props.openrpcMethodObject;
- const examplePosition = 0;
- let example;
- let exampleParams: any;
- let emptyParams = [] as any;
- if (method && method.examples && method.examples[examplePosition]) {
- example = method.examples[examplePosition] as ExamplePairingObject;
- const paramStructure: TParamStructure = method.paramStructure || "either";
- exampleParams = paramStructure === "by-name"
- ? (example.params as ExampleObject[]).reduce(((memo, p) => {
- memo[p.name] = p.value;
- return memo;
- }), {} as any)
- : (example.params as ExampleObject[]).map(((p) => p.value));
- }
- if (method && method.paramStructure === "by-name") {
- emptyParams = {};
- }
- return (
-
-
-
-
- );
-};
-
-export default InspectorPlugin;
diff --git a/src/react-app-env.d.ts b/src/react-app-env.d.ts
deleted file mode 100644
index 6431bc5..0000000
--- a/src/react-app-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-///
diff --git a/src/splitpane.css b/src/splitpane.css
deleted file mode 100644
index 301aa52..0000000
--- a/src/splitpane.css
+++ /dev/null
@@ -1,49 +0,0 @@
-.Resizer {
- background: #000;
- opacity: .2;
- z-index: 1;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -moz-background-clip: padding;
- -webkit-background-clip: padding;
- background-clip: padding-box;
-}
-
-.Resizer:hover {
- -webkit-transition: all 2s ease;
- transition: all 2s ease;
-}
-
-.Resizer.horizontal {
- height: 11px;
- margin: -5px 0;
- border-top: 5px solid rgba(255, 255, 255, 0);
- border-bottom: 5px solid rgba(255, 255, 255, 0);
- cursor: row-resize;
- width: 100%;
-}
-
-.Resizer.horizontal:hover {
- border-top: 5px solid rgba(0, 0, 0, 0.5);
- border-bottom: 5px solid rgba(0, 0, 0, 0.5);
-}
-
-.Resizer.vertical {
- width: 11px;
- margin: 0 -5px;
- border-left: 5px solid rgba(255, 255, 255, 0);
- border-right: 5px solid rgba(255, 255, 255, 0);
- cursor: col-resize;
-}
-
-.Resizer.vertical:hover {
- border-left: 5px solid rgba(0, 0, 0, 0.5);
- border-right: 5px solid rgba(0, 0, 0, 0.5);
-}
-.Resizer.disabled {
-cursor: not-allowed;
-}
-.Resizer.disabled:hover {
-border-color: transparent;
-}
diff --git a/src/stores/UISchemaStore.ts b/src/stores/UISchemaStore.ts
deleted file mode 100644
index ce5c36c..0000000
--- a/src/stores/UISchemaStore.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { createStore } from "reusable";
-import useUISchema from "../hooks/useUISchema";
-import queryParamsStore from "./queryParamsStore";
-import { mergeUISchema } from "../UISchema";
-
-export default createStore(() => {
- const [query] = queryParamsStore();
-
- const defaultUISchema = {
- appBar: {
- "ui:input": process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_INPUT ?
- (process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_INPUT.toLowerCase() === "true") :
- true,
- "ui:inputPlaceholder": process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_INPUTPLACEHOLDER ?
- process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_INPUTPLACEHOLDER :
- "Enter OpenRPC Document Url or rpc.discover Endpoint",
- /* tslint:disable */
- "ui:logoUrl": process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_LOGOURL ?
- process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_LOGOURL :
- "https://github.com/open-rpc/design/raw/master/icons/open-rpc-logo-noText/open-rpc-logo-noText%20(PNG)/128x128.png",
- /* tslint:enable */
- "ui:splitView": process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_SPLITVIEW ?
- (process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_SPLITVIEW.toLowerCase() === "true") :
- true,
- "ui:darkMode": process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_DARKMODE ?
- (process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_DARKMODE.toLowerCase() === "true") :
- false,
- "ui:title": process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_TITLE ?
- process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_TITLE :
- "Playground",
- "ui:examplesDropdown": process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_EXAMPLESDROPDOWN ?
- (process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_EXAMPLESDROPDOWN.toLowerCase() === "true") :
- true,
- "ui:edit": process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_EDIT ?
- (process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_EDIT.toLowerCase() === "true") :
- true,
- "ui:transports": process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_TRANSPORTS ?
- (process.env.REACT_APP_DEFAULT_UISCHEMA_APPBAR_UI_TRANSPORTS.toLowerCase() === "true") :
- true,
- },
- methods: {
- "ui:defaultExpanded": process.env.REACT_APP_DEFAULT_UISCHEMA_METHODS_UI_DEFAULTEXPANDED ?
- (process.env.REACT_APP_DEFAULT_UISCHEMA_METHODS_UI_DEFAULTEXPANDED.toLowerCase() === "true") :
- false,
- "ui:methodPlugins": process.env.REACT_APP_DEFAULT_UISCHEMA_METHODS_UI_METHODPLUGINS ?
- (process.env.REACT_APP_DEFAULT_UISCHEMA_METHODS_UI_METHODPLUGINS.toLowerCase() === "true") :
- true,
- },
- params: {
- "ui:defaultExpanded": process.env.REACT_APP_DEFAULT_UISCHEMA_PARAMS_UI_DEFAULTEXPANDED ?
- (process.env.REACT_APP_DEFAULT_UISCHEMA_PARAMS_UI_DEFAULTEXPANDED.toLowerCase() === "true") :
- false,
- },
- };
- return useUISchema(mergeUISchema(defaultUISchema, query.uiSchema));
-});
diff --git a/src/stores/inspectorActionStore.ts b/src/stores/inspectorActionStore.ts
deleted file mode 100644
index 3e3f19a..0000000
--- a/src/stores/inspectorActionStore.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createStore } from "reusable";
-import { useState } from "react";
-
-export default createStore(() => {
- const [inspectorContents, setInspectorContents] = useState();
- return [inspectorContents, setInspectorContents];
-});
diff --git a/src/stores/queryParamsStore.ts b/src/stores/queryParamsStore.ts
deleted file mode 100644
index 1c65695..0000000
--- a/src/stores/queryParamsStore.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createStore } from "reusable";
-import useQueryParams from "../hooks/useQueryParams";
-
-export default createStore(() => {
- return useQueryParams();
-});
diff --git a/src/stores/searchBarStore.ts b/src/stores/searchBarStore.ts
deleted file mode 100644
index b502c11..0000000
--- a/src/stores/searchBarStore.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { createStore } from "reusable";
-import useSearchBar from "../hooks/useSearchBar";
-import queryParamStore from "./queryParamsStore";
-
-export default createStore(() => {
- const [query] = queryParamStore();
-
- return useSearchBar(query.schemaUrl || query.url || process.env.REACT_APP_DEFAULT_SCHEMAURL);
-});
diff --git a/src/themes/openrpcTheme.ts b/src/themes/openrpcTheme.ts
deleted file mode 100644
index 2154163..0000000
--- a/src/themes/openrpcTheme.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { createMuiTheme } from "@material-ui/core/styles";
-import grey from "@material-ui/core/colors/grey";
-
-export const lightTheme = createMuiTheme({
- props: {
- MuiAppBar: {
- position: "sticky",
- },
- MuiCard: {
- elevation: 0,
- },
- },
- overrides: {
- MuiAppBar: {
- root: {
- background: "#fff !important",
- },
- },
- },
- palette: {
- background: {
- default: "#fff",
- },
- },
-});
-
-export const darkTheme = createMuiTheme({
- props: {
- MuiAppBar: {
- position: "sticky",
- },
- MuiCard: {
- elevation: 0,
- },
- },
- palette: {
- type: "dark",
- background: {
- default: grey[900],
- paper: grey[800],
- },
- },
- overrides: {
- MuiAppBar: {
- root: {
- background: "transparent !important",
- },
- },
- MuiTable: {
- root: {
- background: "transparent !important",
- },
- },
- MuiTypography: {
- root: {
- color: grey[400],
- },
- },
- },
-});
-
-export default {
- darkTheme,
- lightTheme,
-};
diff --git a/src/themes/theme.ts b/src/themes/theme.ts
deleted file mode 100644
index 38dd153..0000000
--- a/src/themes/theme.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { createMuiTheme } from "@material-ui/core/styles";
-
-export const darkTheme = (prefersDarkMode: boolean) => {
- return createMuiTheme({
- props: {
- MuiAppBar: {
- position: "sticky",
- },
- MuiCard: {
- elevation: 0,
- },
- },
- palette: {
- type: prefersDarkMode ? "dark" : "light",
- },
- overrides: {
- MuiAppBar: {
- root: {
- background: "transparent !important",
- },
- },
- MuiTable: {
- root: {
- background: "transparent !important",
- },
- },
- },
- });
-};
-export default darkTheme;