- API Settings
+ Settings
Notary API
@@ -32,7 +35,7 @@ export default function Options(): ReactElement {
type="text"
className="input border"
placeholder="http://localhost:7047"
- onChange={e => {
+ onChange={(e) => {
setNotary(e.target.value);
setDirty(true);
}}
@@ -45,7 +48,7 @@ export default function Options(): ReactElement {
type="text"
className="input border"
placeholder="ws://127.0.0.1:55688"
- onChange={e => {
+ onChange={(e) => {
setProxy(e.target.value);
setDirty(true);
}}
@@ -53,7 +56,7 @@ export default function Options(): ReactElement {
/>
-
);
-};
-
-async function set(key: string, value: string) {
- return chrome.storage.sync
- .set({ [key]: value });
-}
-
-async function get(key: string) {
- return chrome.storage.sync
- .get(key)
- .then((json: any) => json[key])
- .catch(() => '');
}
diff --git a/src/components/ProofViewer/index.tsx b/src/components/ProofViewer/index.tsx
new file mode 100644
index 00000000..e0614bb1
--- /dev/null
+++ b/src/components/ProofViewer/index.tsx
@@ -0,0 +1,84 @@
+import React, { ReactNode, ReactElement, useState } from 'react';
+import { useParams, useLocation, useNavigate } from 'react-router';
+import c from 'classnames';
+import { useRequestHistory } from '../../reducers/history';
+import RequestBuilder from '../../pages/RequestBuilder';
+import Icon from '../../components/Icon';
+import { download } from '../../utils/misc';
+
+export default function ProofViewer(): ReactElement {
+ const {requestId} = useParams<{ requestId: string }>();
+ const request = useRequestHistory(requestId);
+ const navigate = useNavigate();
+ const [ tab, setTab ] = useState('sent');
+ const loc = useLocation();
+
+ return (
+
+
+
+
navigate(-1)}
+ fa="fa-solid fa-xmark"
+ />
+ setTab('sent')}
+ active={tab === 'sent'}
+ >
+ Sent
+
+ setTab('recv')}
+ active={tab === 'recv'}
+ >
+ Recv
+
+
+
+
+
+
+
+ {tab === 'sent' && (
+
+ )}
+ {tab === 'recv' && (
+
+ )}
+
+
+ );
+};
+
+function TabLabel(props: {
+ children: ReactNode;
+ onClick: MouseEventHandler;
+ active?: boolean;
+}): ReactElement {
+ return (
+
+ );
+}
diff --git a/src/components/RequestDetail/index.tsx b/src/components/RequestDetail/index.tsx
index df22b5ad..d4eee0c1 100644
--- a/src/components/RequestDetail/index.tsx
+++ b/src/components/RequestDetail/index.tsx
@@ -9,7 +9,12 @@ import {
BackgroundActiontype,
RequestLog,
} from '../../pages/Background/actionTypes';
+import {
+ notarizeRequest,
+ useRequest,
+} from '../../reducers/requests';
import classNames from 'classnames';
+import { useDispatch } from 'react-redux';
import {
Navigate,
Route,
@@ -20,16 +25,57 @@ import {
} from 'react-router';
import Icon from '../Icon';
import NavigateWithParams from '../NavigateWithParams';
+import { get, NOTARY_API_LS_KEY, PROXY_API_LS_KEY } from '../../utils/storage';
+import { urlify } from '../../utils/misc';
type Props = {
- data: RequestLog | null;
+ requestId: string;
};
+const maxTranscriptSize = 16384;
+
+const authToken = 'a28cae3969369c26c1410f5bded83c3f4f914fbc';
+const accessToken =
+ 'AAAAAAAAAAAAAAAAAAAAANRILgAAAAAAnNwIzUejRCOuH5E6I8xnZz4puTs%3D1Zv7ttfk8LF81IUq16cHjhLTvJu4FA33AGWWjCpTnA';
+const csrfToken =
+ 'b73b3488687683372af2ea77486a444ccaa5327bbabad709df1b5161a6b83c8d7ec19106a82cb8dd5f8569632ee95ab4c6dc2abf5ad2ed7fa11b8340fcbe86a8fc00df28db6c4109a807f7cb12dd19da';
+const userAgent =
+ 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36';
+
+
export default function RequestDetail(props: Props): ReactElement {
+ const request = useRequest(props.requestId);
const navigate = useNavigate();
- const { data } = props;
+ const dispatch = useDispatch();
+
+ const notarize = useCallback(async () => {
+ const notaryUrl = await get(NOTARY_API_LS_KEY);
+ const websocketProxyUrl = await get(PROXY_API_LS_KEY);
+ const headers = request
+ .requestHeaders.reduce((acc, h) => {
+ if (!(/^(origin|referer|Accept-Language|Accept-EncodingAccept)$|^(sec-|x-twitter-)/i.test(h.name))) {
+ acc[h.name] = h.value;
+ }
+ return acc;
+ }, { Host: urlify(request.url)?.hostname });
+
+ //TODO: for some reason, these needs to be override for twitter to work
+ headers['Accept-Encoding'] = 'identity';
+ headers['Connection'] = 'close';
+
+ dispatch(notarizeRequest({
+ url: request.url,
+ method: request.method,
+ headers,
+ body: request.body,
+ maxTranscriptSize,
+ notaryUrl,
+ websocketProxyUrl,
+ }))
+ navigate(`/history`);
+ }, [request]);
- if (!data) return <>;
+ if (!request) return <>;
return (
<>
@@ -50,20 +96,15 @@ export default function RequestDetail(props: Props): ReactElement {