diff options
| -rw-r--r-- | src/plugins/previewMessage.tsx | 83 | ||||
| -rw-r--r-- | src/webpack/common/stores.ts | 9 | ||||
| -rw-r--r-- | src/webpack/common/types/stores.d.ts | 24 |
3 files changed, 116 insertions, 0 deletions
diff --git a/src/plugins/previewMessage.tsx b/src/plugins/previewMessage.tsx new file mode 100644 index 0000000..2653318 --- /dev/null +++ b/src/plugins/previewMessage.tsx @@ -0,0 +1,83 @@ +/* + * 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 { sendBotMessage } from "@api/Commands"; +import ErrorBoundary from "@components/ErrorBoundary"; +import { Devs } from "@utils/constants"; +import definePlugin from "@utils/types"; +import { Button, ButtonLooks, ButtonWrapperClasses, DraftStore, DraftType, SelectedChannelStore, Tooltip, UserStore } from "@webpack/common"; + +interface Props { + type: { + analyticsName: string; + }; +} + +const getDraft = (channelId: string) => DraftStore.getDraft(channelId, DraftType.ChannelMessage); + +export function PreviewButton(chatBoxProps: Props) { + if (chatBoxProps.type.analyticsName !== "normal") return null; + const channelId = SelectedChannelStore.getChannelId(); + const draft = getDraft(channelId); + + if (!draft) return null; + + return ( + <Tooltip text="Preview Message"> + {tooltipProps => ( + <Button + {...tooltipProps} + onClick={() => + sendBotMessage( + channelId, + { + content: getDraft(channelId), + author: UserStore.getCurrentUser() + } + )} + size="" + look={ButtonLooks.BLANK} + innerClassName={ButtonWrapperClasses.button} + style={{ padding: "0 2px", height: "100%" }} + > + <div className={ButtonWrapperClasses.buttonWrapper}> + <img width={24} height={24} src="https://discord.com/assets/4c5a77a89716352686f590a6f014770c.svg" /> + </div> + </Button> + )} + </Tooltip> + ); + +} + +export default definePlugin({ + name: "PreviewMessage", + description: "Lets you preview your message before sending it", + authors: [Devs.Aria], + patches: [ + { + find: ".activeCommandOption", + replacement: { + match: /(.)\.push.{1,30}disabled:(\i),.{1,20}\},"gift"\)\)/, + replace: "$&;try{$2||$1.unshift($self.previewIcon(arguments[0]))}catch{}", + } + }, + ], + + previewIcon: ErrorBoundary.wrap(PreviewButton, { noop: true }), +}); diff --git a/src/webpack/common/stores.ts b/src/webpack/common/stores.ts index 05d5254..456255d 100644 --- a/src/webpack/common/stores.ts +++ b/src/webpack/common/stores.ts @@ -27,6 +27,13 @@ export const Flux: t.Flux = findByPropsLazy("connectStores"); export type GenericStore = t.FluxStore & Record<string, any>; +export enum DraftType { + ChannelMessage = 0, + ThreadSettings = 1, + FirstThreadMessage = 2, + ApplicationLauncherCommand = 3 +} + export let MessageStore: Omit<Stores.MessageStore, "getMessages"> & { getMessages(chanId: string): any; }; @@ -52,6 +59,7 @@ export let RelationshipStore: Stores.RelationshipStore & t.FluxStore & { export let EmojiStore: t.EmojiStore; export let WindowStore: t.WindowStore; +export let DraftStore: t.DraftStore; export const MaskedLinkStore = mapMangledModuleLazy('"MaskedLinkStore"', { openUntrustedLink: filters.byCode(".apply(this,arguments)") @@ -76,6 +84,7 @@ export const useStateFromStores: <T>( ) => T = findByCodeLazy("useStateFromStores"); +waitForStore("DraftStore", s => DraftStore = s); waitForStore("UserStore", s => UserStore = s); waitForStore("ChannelStore", m => ChannelStore = m); waitForStore("SelectedChannelStore", m => SelectedChannelStore = m); diff --git a/src/webpack/common/types/stores.d.ts b/src/webpack/common/types/stores.d.ts index 3771150..ecc87d7 100644 --- a/src/webpack/common/types/stores.d.ts +++ b/src/webpack/common/types/stores.d.ts @@ -16,6 +16,7 @@ * along with this program. If not, see <https://www.gnu.org/licenses/>. */ +import { DraftType } from "@webpack/common"; import { Channel } from "discord-types/general"; import { FluxDispatcher, FluxEvents } from "./utils"; @@ -148,3 +149,26 @@ export class EmojiStore extends FluxStore { get favoriteEmojisWithoutFetchingLatest(): Emoji[]; }; } + +export interface DraftObject { + channelId: string; + timestamp: number; + draft: string; +} + +interface DraftState { + [userId: string]: { + [channelId: string]: { + [key in DraftType]?: Omit<DraftObject, "channelId">; + } | undefined; + } | undefined; +} + + +export class DraftStore extends FluxStore { + getDraft(channelId: string, type: DraftType): string; + getRecentlyEditedDrafts(type: DraftType): DraftObject[]; + getState(): DraftState; + getThreadDraftWithParentMessageId?(arg: any): any; + getThreadSettings(channelId: string): any | null; +} |