diff --git a/app/src/components/Apps.js b/app/src/components/Apps.js
index 877cc183..5085c65b 100644
--- a/app/src/components/Apps.js
+++ b/app/src/components/Apps.js
@@ -1,302 +1,20 @@
-import React, {useContext, useState} from 'react';
-import {
- Checkbox,
- Divider,
- Icon,
- Input,
- Label,
- Radio,
- SegmentGroup,
- StatisticLabel,
- StatisticValue,
- TableCell,
- TableRow
-} from "semantic-ui-react";
+import React, {useContext} from 'react';
+import {Input, Label, StatisticLabel, StatisticValue} from "semantic-ui-react";
import {Link, Route, Routes} from "react-router";
-import {
- appendChecksum,
- decryptOTP,
- encryptOTP,
- formatMessage,
- generateHtml,
- OTP_CHARS,
- OTP_CHARS_ALPHA,
- stripChecksum,
- validateCharset
-} from "./otp";
import {
ErrorMessage,
humanFileSize,
humanNumber,
mimetypeColor,
PageContainer,
- SimpleAccordion,
toLocaleString,
useTitle
} from "./Common";
import {ThemeContext} from "../contexts/contexts";
-import {Button, Form, Header, Loader, Segment, Statistic, Table, TextArea} from "./Theme";
-import {useStatistics, useVINDecoder} from "../hooks/customHooks";
+import {Header, Loader, Segment, Statistic} from "./Theme";
+import {useStatistics} from "../hooks/customHooks";
import {CalculatorsPage} from "./Calculators";
-function Encrypt({chars, checksum}) {
- // Encrypt happens live as the user types or pastes. Nothing leaves the browser.
- const [otp, setOtp] = useState('');
- const [plaintext, setPlaintext] = useState('');
-
- const handleInputChange = (event, {name, value}) => {
- if (name === 'otp') {
- setOtp(value);
- } else {
- setPlaintext(value);
- }
- };
-
- let ciphertext = '';
- let error = '';
- if (otp && plaintext && chars) {
- try {
- const raw = encryptOTP(otp, plaintext, chars).ciphertext;
- // When enabled, append a checksum character then re-group the whole message+checksum.
- ciphertext = checksum ? formatMessage(appendChecksum(raw, chars)) : raw;
- } catch (e) {
- error = e.message;
- }
- }
-
- return <>
- Encrypt
-
-
-
Key
-
-
-
-
Plaintext
-
-
-
-
Ciphertext
- {error
- ? {error}
- :
{ciphertext || (chars ? 'Enter your message above' : 'Set valid characters in Advanced options')}
}
-
-
-
-}
-
-function Decrypt({chars, checksum}) {
- // Decrypt happens live as the user types or pastes. Nothing leaves the browser.
- const [otp, setOtp] = useState('');
- const [ciphertext, setCiphertext] = useState('');
-
- const handleInputChange = (event, {name, value}) => {
- if (name === 'otp') {
- setOtp(value);
- } else {
- setCiphertext(value);
- }
- };
-
- let plaintext = '';
- let error = '';
- let checksumValid = null; // null = not applicable (checksum off or nothing to check)
- if (otp && ciphertext && chars) {
- try {
- let input = ciphertext;
- if (checksum) {
- // Only remove the trailing character when it actually verifies as a checksum, so a message without
- // one is never silently truncated.
- const {body, valid} = stripChecksum(ciphertext, chars);
- checksumValid = valid;
- input = body;
- }
- plaintext = decryptOTP(otp, input, chars).plaintext;
- } catch (e) {
- error = e.message;
- }
- }
-
- return <>
- Decrypt
-
-
-
Key
-
-
-
-
Ciphertext
-
-
-
-
Plaintext
- {checksumValid !== null &&
-
- {checksumValid ? 'Checksum is valid' : 'Checksum is invalid'}
-
}
- {error
- ? {error}
- :
{plaintext || (chars ? 'Enter the encrypted message above' : 'Set valid characters in Advanced options')}
}
-
-
-
-}
-
-function OTP() {
- useTitle('One Time Pad');
-
- const {t} = useContext(ThemeContext);
-
- // The character set is a property of the pad: encrypt, decrypt, and generation all use the same alphabet.
- const [charsetKind, setCharsetKind] = useState('alphanumeric'); // 'alpha' | 'alphanumeric' | 'custom'
- const [customChars, setCustomChars] = useState('');
- const charsetError = charsetKind === 'custom' ? validateCharset(customChars) : null;
- const chars = charsetKind === 'alpha' ? OTP_CHARS_ALPHA
- : charsetKind === 'custom' ? customChars
- : OTP_CHARS;
- // A null charset means the custom set is not yet usable; encrypt/decrypt/generate are gated on this.
- const activeChars = charsetError ? null : chars;
-
- // Optional error-detection checksum appended to the ciphertext.
- const [checksum, setChecksum] = useState(false);
-
- let cheatSheetURL = `${process.env.PUBLIC_URL}/one-time-pad-cheat-sheet.pdf`;
-
- // Generate a new One-Time Pad entirely in the browser and open it in a new tab so it can be printed. The pad is
- // never sent to or stored on the server.
- const handleGenerateNewPad = () => {
- const blob = new Blob([generateHtml(activeChars)], {type: 'text/html'});
- const url = URL.createObjectURL(blob);
- window.open(url, '_blank');
- // Release the blob handle once the new tab has had time to load it.
- setTimeout(() => URL.revokeObjectURL(url), 60000);
- };
-
- return <>
- One-Time Pad
- One-Time Pads can be used to encrypt your communications. This can be done by hand
- (yes, really) or in this app.
-
These messages are never stored and cannot be retrieved.