diff options
Diffstat (limited to 'src/plugins/invisiblechat/components')
| -rw-r--r-- | src/plugins/invisiblechat/components/DecryptionModal.tsx | 77 | ||||
| -rw-r--r-- | src/plugins/invisiblechat/components/EncryptionModal.tsx | 116 |
2 files changed, 193 insertions, 0 deletions
diff --git a/src/plugins/invisiblechat/components/DecryptionModal.tsx b/src/plugins/invisiblechat/components/DecryptionModal.tsx new file mode 100644 index 0000000..7d70444 --- /dev/null +++ b/src/plugins/invisiblechat/components/DecryptionModal.tsx @@ -0,0 +1,77 @@ +/* + * Vencord, a modification for Discord's desktop app + * Copyright (c) 2023 Vendicated and contributors + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <https://www.gnu.org/licenses/>. +*/ + +import { + ModalContent, + ModalFooter, + ModalHeader, + ModalRoot, + openModal, +} from "@utils/modal"; +import { Button, Forms, React, TextInput } from "@webpack/common"; + +import { decrypt } from "../index"; + +export function DecModal(props: any) { + const secret: string = props?.message?.content; + const [password, setPassword] = React.useState("password"); + + return ( + <ModalRoot {...props}> + <ModalHeader> + <Forms.FormTitle tag="h4">Decrypt Message</Forms.FormTitle> + </ModalHeader> + + <ModalContent> + <Forms.FormTitle tag="h5" style={{ marginTop: "10px" }}>Secret</Forms.FormTitle> + <TextInput defaultValue={secret} disabled={true}></TextInput> + <Forms.FormTitle tag="h5">Password</Forms.FormTitle> + <TextInput + style={{ marginBottom: "20px" }} + onChange={setPassword} + /> + </ModalContent> + + <ModalFooter> + <Button + color={Button.Colors.GREEN} + onClick={() => { + const toSend = decrypt(secret, password); + if (!toSend || !props?.message) return; + // @ts-expect-error + Vencord.Plugins.plugins.InvisibleChat.buildEmbed(props?.message, toSend); + props.onClose(); + }}> + Decrypt + </Button> + <Button + color={Button.Colors.TRANSPARENT} + look={Button.Looks.LINK} + style={{ left: 15, position: "absolute" }} + onClick={props.onClose} + > + Cancel + </Button> + </ModalFooter> + </ModalRoot> + ); +} + +export function buildDecModal(msg: any): any { + openModal((props: any) => <DecModal {...props} {...msg} />); +} diff --git a/src/plugins/invisiblechat/components/EncryptionModal.tsx b/src/plugins/invisiblechat/components/EncryptionModal.tsx new file mode 100644 index 0000000..f650f28 --- /dev/null +++ b/src/plugins/invisiblechat/components/EncryptionModal.tsx @@ -0,0 +1,116 @@ +/* + * Vencord, a modification for Discord's desktop app + * Copyright (c) 2023 Vendicated and contributors + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <https://www.gnu.org/licenses/>. +*/ + +import { + ModalContent, + ModalFooter, + ModalHeader, + ModalProps, + ModalRoot, + openModal, +} from "@utils/modal"; +import { findLazy } from "@webpack"; +import { Button, Forms, React, Switch, TextInput } from "@webpack/common"; + +import { encrypt } from "../index"; + +const ComponentDispatch = findLazy(m => m.emitter?._events?.INSERT_TEXT); + +function EncModal(props: ModalProps) { + const [secret, setSecret] = React.useState(""); + const [cover, setCover] = React.useState(""); + const [password, setPassword] = React.useState("password"); + const [noCover, setNoCover] = React.useState(false); + + const isValid = secret && (noCover || (cover && /\w \w/.test(cover))); + + return ( + <ModalRoot {...props}> + <ModalHeader> + <Forms.FormTitle tag="h4">Encrypt Message</Forms.FormTitle> + </ModalHeader> + + <ModalContent> + <Forms.FormTitle tag="h5" style={{ marginTop: "10px" }}>Secret</Forms.FormTitle> + <TextInput + onChange={(e: string) => { + setSecret(e); + }} + /> + <Forms.FormTitle tag="h5" style={{ marginTop: "10px" }}>Cover (2 or more Words!!)</Forms.FormTitle> + <TextInput + disabled={noCover} + onChange={(e: string) => { + setCover(e); + }} + /> + <Forms.FormTitle tag="h5" style={{ marginTop: "10px" }}>Password</Forms.FormTitle> + <TextInput + style={{ marginBottom: "20px" }} + defaultValue={"password"} + onChange={(e: string) => { + setPassword(e); + }} + /> + <Switch + value={noCover} + onChange={(e: boolean) => { + setNoCover(e); + }} + > + Don't use a Cover + </Switch> + </ModalContent> + + <ModalFooter> + <Button + color={Button.Colors.GREEN} + disabled={!isValid} + onClick={() => { + if (!isValid) return; + const encrypted = encrypt(secret, password, noCover ? "d d" : cover); + const toSend = noCover ? encrypted.replaceAll("d", "") : encrypted; + if (!toSend) return; + + ComponentDispatch.dispatchToLastSubscribed("INSERT_TEXT", { + rawText: `${toSend}` + }); + + props.onClose(); + }} + > + Send + </Button> + <Button + color={Button.Colors.TRANSPARENT} + look={Button.Looks.LINK} + style={{ left: 15, position: "absolute" }} + onClick={() => { + props.onClose(); + }} + > + Cancel + </Button> + </ModalFooter> + </ModalRoot> + ); +} + +export function buildEncModal(): any { + openModal(props => <EncModal {...props} />); +} |