split up webpack commons into categories & type everything (#455)
This commit is contained in:
parent
a38ac956df
commit
f19504f828
|
@ -32,7 +32,7 @@ import { PlainSettings, Settings } from "./api/settings";
|
||||||
import { patches, PMLogger, startAllPlugins } from "./plugins";
|
import { patches, PMLogger, startAllPlugins } from "./plugins";
|
||||||
import { checkForUpdates, rebuild, update, UpdateLogger } from "./utils/updater";
|
import { checkForUpdates, rebuild, update, UpdateLogger } from "./utils/updater";
|
||||||
import { onceReady } from "./webpack";
|
import { onceReady } from "./webpack";
|
||||||
import { Router } from "./webpack/common";
|
import { SettingsRouter } from "./webpack/common";
|
||||||
|
|
||||||
export let Components: any;
|
export let Components: any;
|
||||||
|
|
||||||
|
@ -71,7 +71,7 @@ async function init() {
|
||||||
"View Update",
|
"View Update",
|
||||||
() => {
|
() => {
|
||||||
popNotice();
|
popNotice();
|
||||||
Router.open("VencordUpdater");
|
SettingsRouter.open("VencordUpdater");
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
}, 10_000);
|
}, 10_000);
|
||||||
|
|
|
@ -326,7 +326,9 @@ export default ErrorBoundary.wrap(function PluginSettings() {
|
||||||
<div className={cl("grid")}>
|
<div className={cl("grid")}>
|
||||||
{plugins}
|
{plugins}
|
||||||
</div>
|
</div>
|
||||||
<Forms.FormDivider />
|
|
||||||
|
<Forms.FormDivider className={Margins.marginTop20} />
|
||||||
|
|
||||||
<Forms.FormTitle tag="h5" className={classes(Margins.marginTop20, Margins.marginBottom8)}>
|
<Forms.FormTitle tag="h5" className={classes(Margins.marginTop20, Margins.marginBottom8)}>
|
||||||
Required Plugins
|
Required Plugins
|
||||||
</Forms.FormTitle>
|
</Forms.FormTitle>
|
||||||
|
|
|
@ -45,7 +45,7 @@ function BackupRestoreTab() {
|
||||||
</Text>
|
</Text>
|
||||||
<Flex>
|
<Flex>
|
||||||
<Button
|
<Button
|
||||||
onClick={uploadSettingsBackup}
|
onClick={() => uploadSettingsBackup()}
|
||||||
size={Button.Sizes.SMALL}
|
size={Button.Sizes.SMALL}
|
||||||
>
|
>
|
||||||
Import Settings
|
Import Settings
|
||||||
|
|
|
@ -75,7 +75,7 @@ function Validators({ themeLinks }: { themeLinks: string[]; }) {
|
||||||
|
|
||||||
export default ErrorBoundary.wrap(function () {
|
export default ErrorBoundary.wrap(function () {
|
||||||
const settings = useSettings();
|
const settings = useSettings();
|
||||||
const ref = React.useRef<HTMLTextAreaElement>();
|
const ref = React.useRef<HTMLTextAreaElement>(null);
|
||||||
|
|
||||||
function onBlur() {
|
function onBlur() {
|
||||||
settings.themeLinks = [...new Set(
|
settings.themeLinks = [...new Set(
|
||||||
|
|
|
@ -21,7 +21,7 @@ import "./settingsStyles.css";
|
||||||
import { classNameFactory } from "@api/Styles";
|
import { classNameFactory } from "@api/Styles";
|
||||||
import ErrorBoundary from "@components/ErrorBoundary";
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
import { findByCodeLazy } from "@webpack";
|
import { findByCodeLazy } from "@webpack";
|
||||||
import { Forms, Router, Text } from "@webpack/common";
|
import { Forms, SettingsRouter, Text } from "@webpack/common";
|
||||||
|
|
||||||
import BackupRestoreTab from "./BackupRestoreTab";
|
import BackupRestoreTab from "./BackupRestoreTab";
|
||||||
import PluginsTab from "./PluginsTab";
|
import PluginsTab from "./PluginsTab";
|
||||||
|
@ -65,7 +65,7 @@ function Settings(props: SettingsProps) {
|
||||||
look={TabBar.Looks.BRAND}
|
look={TabBar.Looks.BRAND}
|
||||||
className={cl("tab-bar")}
|
className={cl("tab-bar")}
|
||||||
selectedItem={tab}
|
selectedItem={tab}
|
||||||
onItemSelect={Router.open}
|
onItemSelect={SettingsRouter.open}
|
||||||
>
|
>
|
||||||
{Object.entries(SettingsTabs).map(([key, { name, component }]) => {
|
{Object.entries(SettingsTabs).map(([key, { name, component }]) => {
|
||||||
if (!component) return null;
|
if (!component) return null;
|
||||||
|
|
|
@ -28,7 +28,7 @@ const VENCORD_SRC_DIR = join(__dirname, "..");
|
||||||
|
|
||||||
const execFile = promisify(cpExecFile);
|
const execFile = promisify(cpExecFile);
|
||||||
|
|
||||||
const isFlatpak = Boolean(process.env.FLATPAK_ID?.includes("discordapp") || process.env.FLATPAK_ID?.includes("Discord"));
|
const isFlatpak = process.platform === "linux" && Boolean(process.env.FLATPAK_ID?.includes("discordapp") || process.env.FLATPAK_ID?.includes("Discord"));
|
||||||
|
|
||||||
if (process.platform === "darwin") process.env.PATH = `/usr/local/bin:${process.env.PATH}`;
|
if (process.platform === "darwin") process.env.PATH = `/usr/local/bin:${process.env.PATH}`;
|
||||||
|
|
||||||
|
|
|
@ -49,7 +49,7 @@ async function calculateGitChanges() {
|
||||||
const res = await githubGet(`/compare/${gitHash}...HEAD`);
|
const res = await githubGet(`/compare/${gitHash}...HEAD`);
|
||||||
|
|
||||||
const data = JSON.parse(res.toString("utf-8"));
|
const data = JSON.parse(res.toString("utf-8"));
|
||||||
return data.commits.map(c => ({
|
return data.commits.map((c: any) => ({
|
||||||
// github api only sends the long sha
|
// github api only sends the long sha
|
||||||
hash: c.sha.slice(0, 7),
|
hash: c.sha.slice(0, 7),
|
||||||
author: c.author.login,
|
author: c.author.login,
|
||||||
|
|
|
@ -22,7 +22,7 @@ import { Devs } from "@utils/constants";
|
||||||
import Logger from "@utils/Logger";
|
import Logger from "@utils/Logger";
|
||||||
import { LazyComponent } from "@utils/misc";
|
import { LazyComponent } from "@utils/misc";
|
||||||
import definePlugin, { OptionType } from "@utils/types";
|
import definePlugin, { OptionType } from "@utils/types";
|
||||||
import { Router } from "@webpack/common";
|
import { SettingsRouter } from "@webpack/common";
|
||||||
|
|
||||||
import gitHash from "~git-hash";
|
import gitHash from "~git-hash";
|
||||||
|
|
||||||
|
@ -69,7 +69,7 @@ export default definePlugin({
|
||||||
}],
|
}],
|
||||||
|
|
||||||
makeSettingsCategories({ ID }: { ID: Record<string, unknown>; }) {
|
makeSettingsCategories({ ID }: { ID: Record<string, unknown>; }) {
|
||||||
const makeOnClick = (tab: string) => () => Router.open(tab);
|
const makeOnClick = (tab: string) => () => SettingsRouter.open(tab);
|
||||||
|
|
||||||
const cats = [
|
const cats = [
|
||||||
{
|
{
|
||||||
|
|
|
@ -76,10 +76,6 @@ export const SpotifyStore = proxyLazy(() => {
|
||||||
const API_BASE = "https://api.spotify.com/v1/me/player";
|
const API_BASE = "https://api.spotify.com/v1/me/player";
|
||||||
|
|
||||||
class SpotifyStore extends Store {
|
class SpotifyStore extends Store {
|
||||||
constructor(dispatcher: any, handlers: any) {
|
|
||||||
super(dispatcher, handlers);
|
|
||||||
}
|
|
||||||
|
|
||||||
public mPosition = 0;
|
public mPosition = 0;
|
||||||
private start = 0;
|
private start = 0;
|
||||||
|
|
||||||
|
|
|
@ -98,7 +98,7 @@ function openViewRawModal(msg: Message) {
|
||||||
<>
|
<>
|
||||||
<Forms.FormTitle tag="h5">Content</Forms.FormTitle>
|
<Forms.FormTitle tag="h5">Content</Forms.FormTitle>
|
||||||
<CodeBlock content={msg.content} lang="" />
|
<CodeBlock content={msg.content} lang="" />
|
||||||
<Forms.FormDivider classes={Margins.marginBottom20} />
|
<Forms.FormDivider className={Margins.marginBottom20} />
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
|
|
@ -152,34 +152,6 @@ export function sleep(ms: number): Promise<void> {
|
||||||
return new Promise(r => setTimeout(r, ms));
|
return new Promise(r => setTimeout(r, ms));
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Wraps a Function into a try catch block and logs any errors caught
|
|
||||||
* Due to the nature of this function, not all paths return a result.
|
|
||||||
* Thus, for consistency, the returned functions will always return void or Promise<void>
|
|
||||||
*
|
|
||||||
* @param name Name identifying the wrapped function. This will appear in the logged errors
|
|
||||||
* @param func Function (async or sync both work)
|
|
||||||
* @param thisObject Optional thisObject
|
|
||||||
* @returns Wrapped Function
|
|
||||||
*/
|
|
||||||
export function suppressErrors<F extends Function>(name: string, func: F, thisObject?: any): F {
|
|
||||||
return (func.constructor.name === "AsyncFunction"
|
|
||||||
? async function (this: any) {
|
|
||||||
try {
|
|
||||||
await func.apply(thisObject ?? this, arguments);
|
|
||||||
} catch (e) {
|
|
||||||
console.error(`Caught an Error in ${name || "anonymous"}\n`, e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
: function (this: any) {
|
|
||||||
try {
|
|
||||||
func.apply(thisObject ?? this, arguments);
|
|
||||||
} catch (e) {
|
|
||||||
console.error(`Caught an Error in ${name || "anonymous"}\n`, e);
|
|
||||||
}
|
|
||||||
}) as any as F;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Wrap the text in ``` with an optional language
|
* Wrap the text in ``` with an optional language
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -17,6 +17,9 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { filters, mapMangledModuleLazy } from "@webpack";
|
import { filters, mapMangledModuleLazy } from "@webpack";
|
||||||
|
import type { ComponentType, PropsWithChildren, ReactNode, Ref } from "react";
|
||||||
|
|
||||||
|
import { LazyComponent } from "./misc";
|
||||||
|
|
||||||
export enum ModalSize {
|
export enum ModalSize {
|
||||||
SMALL = "small",
|
SMALL = "small",
|
||||||
|
@ -44,16 +47,7 @@ export interface ModalOptions {
|
||||||
onCloseCallback?: (() => void);
|
onCloseCallback?: (() => void);
|
||||||
}
|
}
|
||||||
|
|
||||||
interface ModalRootProps {
|
type RenderFunction = (props: ModalProps) => ReactNode;
|
||||||
transitionState: ModalTransitionState;
|
|
||||||
children: React.ReactNode;
|
|
||||||
size?: ModalSize;
|
|
||||||
role?: "alertdialog" | "dialog";
|
|
||||||
className?: string;
|
|
||||||
onAnimationEnd?(): string;
|
|
||||||
}
|
|
||||||
|
|
||||||
type RenderFunction = (props: ModalProps) => React.ReactNode;
|
|
||||||
|
|
||||||
export const Modals = mapMangledModuleLazy(".closeWithCircleBackground", {
|
export const Modals = mapMangledModuleLazy(".closeWithCircleBackground", {
|
||||||
ModalRoot: filters.byCode(".root"),
|
ModalRoot: filters.byCode(".root"),
|
||||||
|
@ -61,13 +55,63 @@ export const Modals = mapMangledModuleLazy(".closeWithCircleBackground", {
|
||||||
ModalContent: filters.byCode(".content"),
|
ModalContent: filters.byCode(".content"),
|
||||||
ModalFooter: filters.byCode(".footerSeparator"),
|
ModalFooter: filters.byCode(".footerSeparator"),
|
||||||
ModalCloseButton: filters.byCode(".closeWithCircleBackground"),
|
ModalCloseButton: filters.byCode(".closeWithCircleBackground"),
|
||||||
});
|
}) as {
|
||||||
|
ModalRoot: ComponentType<PropsWithChildren<{
|
||||||
|
transitionState: ModalTransitionState;
|
||||||
|
size?: ModalSize;
|
||||||
|
role?: "alertdialog" | "dialog";
|
||||||
|
className?: string;
|
||||||
|
fullscreenOnMobile?: boolean;
|
||||||
|
"aria-label"?: string;
|
||||||
|
"aria-labelledby"?: string;
|
||||||
|
onAnimationEnd?(): string;
|
||||||
|
}>>;
|
||||||
|
ModalHeader: ComponentType<PropsWithChildren<{
|
||||||
|
/** Flex.Justify.START */
|
||||||
|
justify?: string;
|
||||||
|
/** Flex.Direction.HORIZONTAL */
|
||||||
|
direction?: string;
|
||||||
|
/** Flex.Align.CENTER */
|
||||||
|
align?: string;
|
||||||
|
/** Flex.Wrap.NO_WRAP */
|
||||||
|
wrap?: string;
|
||||||
|
separator?: boolean;
|
||||||
|
|
||||||
export const ModalRoot = (props: ModalRootProps) => <Modals.ModalRoot {...props} />;
|
className?: string;
|
||||||
export const ModalHeader = (props: any) => <Modals.ModalHeader {...props} />;
|
}>>;
|
||||||
export const ModalContent = (props: any) => <Modals.ModalContent {...props} />;
|
/** This also accepts Scroller props but good luck with that */
|
||||||
export const ModalFooter = (props: any) => <Modals.ModalFooter {...props} />;
|
ModalContent: ComponentType<PropsWithChildren<{
|
||||||
export const ModalCloseButton = (props: any) => <Modals.ModalCloseButton {...props} />;
|
className?: string;
|
||||||
|
scrollerRef?: Ref<HTMLElement>;
|
||||||
|
[prop: string]: any;
|
||||||
|
}>>;
|
||||||
|
ModalFooter: ComponentType<PropsWithChildren<{
|
||||||
|
/** Flex.Justify.START */
|
||||||
|
justify?: string;
|
||||||
|
/** Flex.Direction.HORIZONTAL_REVERSE */
|
||||||
|
direction?: string;
|
||||||
|
/** Flex.Align.STRETCH */
|
||||||
|
align?: string;
|
||||||
|
/** Flex.Wrap.NO_WRAP */
|
||||||
|
wrap?: string;
|
||||||
|
separator?: boolean;
|
||||||
|
|
||||||
|
className?: string;
|
||||||
|
}>>;
|
||||||
|
ModalCloseButton: ComponentType<{
|
||||||
|
focusProps?: any;
|
||||||
|
onClick(): void;
|
||||||
|
withCircleBackground?: boolean;
|
||||||
|
hideOnFullscreen?: boolean;
|
||||||
|
className?: string;
|
||||||
|
}>;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const ModalRoot = LazyComponent(() => Modals.ModalRoot);
|
||||||
|
export const ModalHeader = LazyComponent(() => Modals.ModalHeader);
|
||||||
|
export const ModalContent = LazyComponent(() => Modals.ModalContent);
|
||||||
|
export const ModalFooter = LazyComponent(() => Modals.ModalFooter);
|
||||||
|
export const ModalCloseButton = LazyComponent(() => Modals.ModalCloseButton);
|
||||||
|
|
||||||
const ModalAPI = mapMangledModuleLazy("onCloseRequest:null!=", {
|
const ModalAPI = mapMangledModuleLazy("onCloseRequest:null!=", {
|
||||||
openModal: filters.byCode("onCloseRequest:null!="),
|
openModal: filters.byCode("onCloseRequest:null!="),
|
||||||
|
|
|
@ -1,312 +0,0 @@
|
||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2022 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 { LazyComponent } from "@utils/misc";
|
|
||||||
import { proxyLazy } from "@utils/proxyLazy";
|
|
||||||
import {
|
|
||||||
_resolveReady,
|
|
||||||
filters, findByCode, findByCodeLazy, findByPropsLazy, mapMangledModule, mapMangledModuleLazy, waitFor
|
|
||||||
} from "@webpack";
|
|
||||||
import type Components from "discord-types/components";
|
|
||||||
import { User } from "discord-types/general";
|
|
||||||
import type Other from "discord-types/other";
|
|
||||||
import type Stores from "discord-types/stores";
|
|
||||||
|
|
||||||
export const Margins = findByPropsLazy("marginTop20");
|
|
||||||
|
|
||||||
export let FluxDispatcher: Other.FluxDispatcher;
|
|
||||||
export const Flux = findByPropsLazy("connectStores");
|
|
||||||
|
|
||||||
export let React: typeof import("react");
|
|
||||||
export let useState: typeof React.useState;
|
|
||||||
export let useEffect: typeof React.useEffect;
|
|
||||||
export let useMemo: typeof React.useMemo;
|
|
||||||
export let useRef: typeof React.useRef;
|
|
||||||
|
|
||||||
export const ReactDOM: typeof import("react-dom") = findByPropsLazy("createPortal", "render");
|
|
||||||
|
|
||||||
export const RestAPI = findByPropsLazy("getAPIBaseURL", "get");
|
|
||||||
export const moment: typeof import("moment") = findByPropsLazy("parseTwoDigitYear");
|
|
||||||
|
|
||||||
export const hljs: typeof import("highlight.js") = findByPropsLazy("highlight");
|
|
||||||
|
|
||||||
export const MessageStore = findByPropsLazy("getRawMessages") as Omit<Stores.MessageStore, "getMessages"> & {
|
|
||||||
getMessages(chanId: string): any;
|
|
||||||
};
|
|
||||||
export const PermissionStore = findByPropsLazy("can", "getGuildPermissions");
|
|
||||||
export const PrivateChannelsStore = findByPropsLazy("openPrivateChannel");
|
|
||||||
export const GuildChannelStore = findByPropsLazy("getChannels");
|
|
||||||
export const ReadStateStore = findByPropsLazy("lastMessageId");
|
|
||||||
export const PresenceStore = findByPropsLazy("setCurrentUserOnConnectionOpen");
|
|
||||||
export let GuildStore: Stores.GuildStore;
|
|
||||||
export let UserStore: Stores.UserStore;
|
|
||||||
export let SelectedChannelStore: Stores.SelectedChannelStore;
|
|
||||||
export let SelectedGuildStore: any;
|
|
||||||
export let ChannelStore: Stores.ChannelStore;
|
|
||||||
export let GuildMemberStore: Stores.GuildMemberStore;
|
|
||||||
export let RelationshipStore: Stores.RelationshipStore & {
|
|
||||||
/** Get the date (as a string) that the relationship was created */
|
|
||||||
getSince(userId: string): string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Forms = {} as {
|
|
||||||
FormTitle: Components.FormTitle;
|
|
||||||
FormSection: any;
|
|
||||||
FormDivider: any;
|
|
||||||
FormText: Components.FormText;
|
|
||||||
};
|
|
||||||
export let Card: Components.Card;
|
|
||||||
export let Button: any;
|
|
||||||
export const ButtonLooks = findByPropsLazy("BLANK", "FILLED", "INVERTED") as Record<"FILLED" | "INVERTED" | "OUTLINED" | "LINK" | "BLANK", string>;
|
|
||||||
export let Switch: any;
|
|
||||||
export let Tooltip: Components.Tooltip;
|
|
||||||
export let Timestamp: any;
|
|
||||||
export let Router: any;
|
|
||||||
export let TextInput: any;
|
|
||||||
export let Text: (props: TextProps) => JSX.Element;
|
|
||||||
export const TextArea = findByCodeLazy("handleSetRef", "textArea") as React.ComponentType<React.PropsWithRef<any>>;
|
|
||||||
export const ButtonWrapperClasses = findByPropsLazy("buttonWrapper", "buttonContent") as Record<string, string>;
|
|
||||||
|
|
||||||
export const Select = LazyComponent(() => findByCode("optionClassName", "popoutPosition", "autoFocus", "maxVisibleItems"));
|
|
||||||
export const Slider = LazyComponent(() => findByCode("closestMarkerIndex", "stickToMarkers"));
|
|
||||||
|
|
||||||
export let SnowflakeUtils: { fromTimestamp: (timestamp: number) => string, extractTimestamp: (snowflake: string) => number; };
|
|
||||||
waitFor(["fromTimestamp", "extractTimestamp"], m => SnowflakeUtils = m);
|
|
||||||
|
|
||||||
export let Parser: any;
|
|
||||||
export let Alerts: {
|
|
||||||
show(alert: {
|
|
||||||
title: any;
|
|
||||||
body: React.ReactNode;
|
|
||||||
className?: string;
|
|
||||||
confirmColor?: string;
|
|
||||||
cancelText?: string;
|
|
||||||
confirmText?: string;
|
|
||||||
secondaryConfirmText?: string;
|
|
||||||
onCancel?(): void;
|
|
||||||
onConfirm?(): void;
|
|
||||||
onConfirmSecondary?(): void;
|
|
||||||
}): void;
|
|
||||||
/** This is a noop, it does nothing. */
|
|
||||||
close(): void;
|
|
||||||
};
|
|
||||||
const ToastType = {
|
|
||||||
MESSAGE: 0,
|
|
||||||
SUCCESS: 1,
|
|
||||||
FAILURE: 2,
|
|
||||||
CUSTOM: 3
|
|
||||||
};
|
|
||||||
const ToastPosition = {
|
|
||||||
TOP: 0,
|
|
||||||
BOTTOM: 1
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Toasts = {
|
|
||||||
Type: ToastType,
|
|
||||||
Position: ToastPosition,
|
|
||||||
// what's less likely than getting 0 from Math.random()? Getting it twice in a row
|
|
||||||
genId: () => (Math.random() || Math.random()).toString(36).slice(2),
|
|
||||||
|
|
||||||
// hack to merge with the following interface, dunno if there's a better way
|
|
||||||
...{} as {
|
|
||||||
show(data: {
|
|
||||||
message: string,
|
|
||||||
id: string,
|
|
||||||
/**
|
|
||||||
* Toasts.Type
|
|
||||||
*/
|
|
||||||
type: number,
|
|
||||||
options?: {
|
|
||||||
/**
|
|
||||||
* Toasts.Position
|
|
||||||
*/
|
|
||||||
position?: number;
|
|
||||||
component?: React.ReactNode,
|
|
||||||
duration?: number;
|
|
||||||
};
|
|
||||||
}): void;
|
|
||||||
pop(): void;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
export const UserUtils = {
|
|
||||||
fetchUser: findByCodeLazy(".USER(", "getUser") as (id: string) => Promise<User>,
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Clipboard = mapMangledModuleLazy('document.queryCommandEnabled("copy")||document.queryCommandSupported("copy")', {
|
|
||||||
copy: filters.byCode(".default.copy("),
|
|
||||||
SUPPORTS_COPY: x => typeof x === "boolean",
|
|
||||||
});
|
|
||||||
|
|
||||||
export const NavigationRouter = mapMangledModuleLazy("Transitioning to external path", {
|
|
||||||
transitionTo: filters.byCode("Transitioning to external path"),
|
|
||||||
transitionToGuild: filters.byCode("transitionToGuild"),
|
|
||||||
goBack: filters.byCode("goBack()"),
|
|
||||||
goForward: filters.byCode("goForward()"),
|
|
||||||
});
|
|
||||||
|
|
||||||
waitFor("useState", m => {
|
|
||||||
React = m;
|
|
||||||
({ useEffect, useState, useMemo, useRef } = React);
|
|
||||||
});
|
|
||||||
|
|
||||||
waitFor(["dispatch", "subscribe"], m => {
|
|
||||||
FluxDispatcher = m;
|
|
||||||
const cb = () => {
|
|
||||||
m.unsubscribe("CONNECTION_OPEN", cb);
|
|
||||||
_resolveReady();
|
|
||||||
};
|
|
||||||
m.subscribe("CONNECTION_OPEN", cb);
|
|
||||||
});
|
|
||||||
|
|
||||||
waitFor(["getCurrentUser", "initialize"], m => UserStore = m);
|
|
||||||
waitFor("getSortedPrivateChannels", m => ChannelStore = m);
|
|
||||||
waitFor("getCurrentlySelectedChannelId", m => SelectedChannelStore = m);
|
|
||||||
waitFor("getLastSelectedGuildId", m => SelectedGuildStore = m);
|
|
||||||
waitFor("getGuildCount", m => GuildStore = m);
|
|
||||||
waitFor(["getMember", "initialize"], m => GuildMemberStore = m);
|
|
||||||
waitFor("getRelationshipType", m => RelationshipStore = m);
|
|
||||||
|
|
||||||
waitFor(["Hovers", "Looks", "Sizes"], m => Button = m);
|
|
||||||
|
|
||||||
waitFor(filters.byCode("tooltipNote", "ringTarget"), m => Switch = m);
|
|
||||||
|
|
||||||
waitFor(filters.byCode(".Messages.MESSAGE_EDITED_TIMESTAMP_A11Y_LABEL.format"), m => Timestamp = m);
|
|
||||||
|
|
||||||
waitFor(["Positions", "Colors"], m => Tooltip = m);
|
|
||||||
waitFor(m => m.Types?.PRIMARY === "cardPrimary", m => Card = m);
|
|
||||||
|
|
||||||
waitFor(filters.byCode("errorSeparator"), m => Forms.FormTitle = m);
|
|
||||||
waitFor(filters.byCode("titleClassName", "sectionTitle"), m => Forms.FormSection = m);
|
|
||||||
waitFor(m => m.Types?.INPUT_PLACEHOLDER, m => Forms.FormText = m);
|
|
||||||
|
|
||||||
waitFor(m => {
|
|
||||||
if (typeof m !== "function") return false;
|
|
||||||
const s = m.toString();
|
|
||||||
return s.length < 200 && s.includes(".divider");
|
|
||||||
}, m => Forms.FormDivider = m);
|
|
||||||
|
|
||||||
// This is the same module but this is easier
|
|
||||||
waitFor(filters.byCode("currentToast?"), m => Toasts.show = m);
|
|
||||||
waitFor(filters.byCode("currentToast:null"), m => Toasts.pop = m);
|
|
||||||
|
|
||||||
waitFor(["show", "close"], m => Alerts = m);
|
|
||||||
waitFor("parseTopic", m => Parser = m);
|
|
||||||
|
|
||||||
waitFor(["open", "saveAccountChanges"], m => Router = m);
|
|
||||||
waitFor(["defaultProps", "Sizes", "contextType"], m => TextInput = m);
|
|
||||||
|
|
||||||
waitFor(m => {
|
|
||||||
if (typeof m !== "function") return false;
|
|
||||||
const s = m.toString();
|
|
||||||
return (s.length < 1500 && s.includes("data-text-variant") && s.includes("always-white"));
|
|
||||||
}, m => Text = m);
|
|
||||||
|
|
||||||
export type TextProps = React.PropsWithChildren & {
|
|
||||||
variant: TextVariant;
|
|
||||||
style?: React.CSSProperties;
|
|
||||||
color?: string;
|
|
||||||
tag?: "div" | "span" | "p" | "strong" | `h${1 | 2 | 3 | 4 | 5 | 6}`;
|
|
||||||
selectable?: boolean;
|
|
||||||
lineClamp?: number;
|
|
||||||
id?: string;
|
|
||||||
className?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type TextVariant = "heading-sm/normal" | "heading-sm/medium" | "heading-sm/semibold" | "heading-sm/bold" | "heading-md/normal" | "heading-md/medium" | "heading-md/semibold" | "heading-md/bold" | "heading-lg/normal" | "heading-lg/medium" | "heading-lg/semibold" | "heading-lg/bold" | "heading-xl/normal" | "heading-xl/medium" | "heading-xl/bold" | "heading-xxl/normal" | "heading-xxl/medium" | "heading-xxl/bold" | "eyebrow" | "heading-deprecated-14/normal" | "heading-deprecated-14/medium" | "heading-deprecated-14/bold" | "text-xxs/normal" | "text-xxs/medium" | "text-xxs/semibold" | "text-xxs/bold" | "text-xs/normal" | "text-xs/medium" | "text-xs/semibold" | "text-xs/bold" | "text-sm/normal" | "text-sm/medium" | "text-sm/semibold" | "text-sm/bold" | "text-md/normal" | "text-md/medium" | "text-md/semibold" | "text-md/bold" | "text-lg/normal" | "text-lg/medium" | "text-lg/semibold" | "text-lg/bold" | "display-sm" | "display-md" | "display-lg" | "code";
|
|
||||||
|
|
||||||
type RC<C> = React.ComponentType<React.PropsWithChildren<C & Record<string, any>>>;
|
|
||||||
interface Menu {
|
|
||||||
ContextMenu: RC<{
|
|
||||||
navId: string;
|
|
||||||
onClose(): void;
|
|
||||||
className?: string;
|
|
||||||
style?: React.CSSProperties;
|
|
||||||
hideScroller?: boolean;
|
|
||||||
onSelect?(): void;
|
|
||||||
}>;
|
|
||||||
MenuSeparator: React.ComponentType;
|
|
||||||
MenuGroup: RC<any>;
|
|
||||||
MenuItem: RC<{
|
|
||||||
id: string;
|
|
||||||
label: string;
|
|
||||||
render?: React.ComponentType;
|
|
||||||
onChildrenScroll?: Function;
|
|
||||||
childRowHeight?: number;
|
|
||||||
listClassName?: string;
|
|
||||||
}>;
|
|
||||||
MenuCheckboxItem: RC<{
|
|
||||||
id: string;
|
|
||||||
}>;
|
|
||||||
MenuRadioItem: RC<{
|
|
||||||
id: string;
|
|
||||||
}>;
|
|
||||||
MenuControlItem: RC<{
|
|
||||||
id: string;
|
|
||||||
interactive?: boolean;
|
|
||||||
}>;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Discord's Context menu items.
|
|
||||||
* To use anything but Menu.ContextMenu, your plugin HAS TO
|
|
||||||
* depend on MenuItemDeobfuscatorAPI. Otherwise they will throw
|
|
||||||
*/
|
|
||||||
export const Menu = proxyLazy(() => {
|
|
||||||
const hasDeobfuscator = Vencord.Settings.plugins.MenuItemDeobfuscatorAPI.enabled;
|
|
||||||
const menuItems = ["MenuSeparator", "MenuGroup", "MenuItem", "MenuCheckboxItem", "MenuRadioItem", "MenuControlItem"];
|
|
||||||
|
|
||||||
const map = mapMangledModule("♫ ⊂(。◕‿‿◕。⊂) ♪", {
|
|
||||||
ContextMenu: filters.byCode("getContainerProps"),
|
|
||||||
...Object.fromEntries((hasDeobfuscator ? menuItems : []).map(s => [s, (m: any) => m.name === s]))
|
|
||||||
}) as Menu;
|
|
||||||
|
|
||||||
if (!hasDeobfuscator) {
|
|
||||||
for (const m of menuItems)
|
|
||||||
Object.defineProperty(map, m, {
|
|
||||||
get() {
|
|
||||||
throw new Error("MenuItemDeobfuscator must be enabled to use this.");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return map;
|
|
||||||
});
|
|
||||||
|
|
||||||
export const ContextMenu = mapMangledModuleLazy('type:"CONTEXT_MENU_OPEN"', {
|
|
||||||
open: filters.byCode("stopPropagation"),
|
|
||||||
openLazy: m => m.toString().length < 50,
|
|
||||||
close: filters.byCode("CONTEXT_MENU_CLOSE")
|
|
||||||
}) as {
|
|
||||||
close(): void;
|
|
||||||
open(
|
|
||||||
event: React.UIEvent,
|
|
||||||
render?: Menu["ContextMenu"],
|
|
||||||
options?: { enableSpellCheck?: boolean; },
|
|
||||||
renderLazy?: () => Promise<Menu["ContextMenu"]>
|
|
||||||
): void;
|
|
||||||
openLazy(
|
|
||||||
event: React.UIEvent,
|
|
||||||
renderLazy?: () => Promise<Menu["ContextMenu"]>,
|
|
||||||
options?: { enableSpellCheck?: boolean; }
|
|
||||||
): void;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const MaskedLinkStore = mapMangledModuleLazy('"MaskedLinkStore"', {
|
|
||||||
openUntrustedLink: filters.byCode(".apply(this,arguments)")
|
|
||||||
});
|
|
53
src/webpack/common/components.ts
Normal file
53
src/webpack/common/components.ts
Normal file
|
@ -0,0 +1,53 @@
|
||||||
|
/*
|
||||||
|
* 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/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// eslint-disable-next-line path-alias/no-relative
|
||||||
|
import { filters, findByPropsLazy } from "../webpack";
|
||||||
|
import { waitForComponent } from "./internal";
|
||||||
|
import * as t from "./types/components";
|
||||||
|
|
||||||
|
export const Forms = {
|
||||||
|
FormTitle: waitForComponent<t.FormTitle>("FormTitle", filters.byCode("errorSeparator")),
|
||||||
|
FormSection: waitForComponent<t.FormSection>("FormSection", filters.byCode("titleClassName", "sectionTitle")),
|
||||||
|
FormDivider: waitForComponent<t.FormDivider>("FormDivider", m => {
|
||||||
|
if (typeof m !== "function") return false;
|
||||||
|
const s = m.toString();
|
||||||
|
return s.length < 200 && s.includes(".divider");
|
||||||
|
}),
|
||||||
|
FormText: waitForComponent<t.FormText>("FormText", m => m.Types?.INPUT_PLACEHOLDER),
|
||||||
|
};
|
||||||
|
|
||||||
|
export const Card = waitForComponent<t.Card>("Card", m => m.Types?.PRIMARY === "cardPrimary");
|
||||||
|
export const Button = waitForComponent<t.Button>("Button", ["Hovers", "Looks", "Sizes"]);
|
||||||
|
export const Switch = waitForComponent<t.Switch>("Switch", filters.byCode("tooltipNote", "ringTarget"));
|
||||||
|
export const Tooltip = waitForComponent<t.Tooltip>("Tooltip", ["Positions", "Colors"]);
|
||||||
|
export const Timestamp = waitForComponent<t.Timestamp>("Timestamp", filters.byCode(".Messages.MESSAGE_EDITED_TIMESTAMP_A11Y_LABEL.format"));
|
||||||
|
export const TextInput = waitForComponent<t.TextInput>("TextInput", ["defaultProps", "Sizes", "contextType"]);
|
||||||
|
export const TextArea = waitForComponent<t.TextArea>("TextArea", filters.byCode("handleSetRef", "textArea"));
|
||||||
|
export const Text = waitForComponent<t.Text>("Text", m => {
|
||||||
|
if (typeof m !== "function") return false;
|
||||||
|
const s = m.toString();
|
||||||
|
return (s.length < 1500 && s.includes("data-text-variant") && s.includes("always-white"));
|
||||||
|
});
|
||||||
|
export const Select = waitForComponent<t.Select>("Select", filters.byCode("optionClassName", "popoutPosition", "autoFocus", "maxVisibleItems"));
|
||||||
|
export const Slider = waitForComponent<t.Slider>("Slider", filters.byCode("closestMarkerIndex", "stickToMarkers"));
|
||||||
|
export const Flex = waitForComponent<t.Flex>("Flex", ["Justify", "Align", "Wrap"]);
|
||||||
|
|
||||||
|
export const ButtonWrapperClasses = findByPropsLazy("buttonWrapper", "buttonContent") as Record<string, string>;
|
||||||
|
export const Margins: t.Margins = findByPropsLazy("marginTop20");
|
||||||
|
export const ButtonLooks: t.ButtonLooks = findByPropsLazy("BLANK", "FILLED", "INVERTED");
|
27
src/webpack/common/index.ts
Normal file
27
src/webpack/common/index.ts
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
/*
|
||||||
|
* 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/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
export * from "./components";
|
||||||
|
export * from "./menu";
|
||||||
|
export * from "./react";
|
||||||
|
export * from "./stores";
|
||||||
|
export * as ComponentTypes from "./types/components.d";
|
||||||
|
export * as MenuTypes from "./types/menu.d";
|
||||||
|
export * as UtilTypes from "./types/utils.d";
|
||||||
|
export * from "./utils";
|
||||||
|
|
36
src/webpack/common/internal.tsx
Normal file
36
src/webpack/common/internal.tsx
Normal file
|
@ -0,0 +1,36 @@
|
||||||
|
/*
|
||||||
|
* 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 { LazyComponent } from "@utils/misc";
|
||||||
|
|
||||||
|
// eslint-disable-next-line path-alias/no-relative
|
||||||
|
import { FilterFn, waitFor } from "../webpack";
|
||||||
|
|
||||||
|
export function waitForComponent<T extends React.ComponentType<any> = React.ComponentType<any> & Record<string, any>>(name: string, filter: FilterFn | string | string[]): T {
|
||||||
|
let myValue: T = function () {
|
||||||
|
throw new Error(`Vencord could not find the ${name} Component`);
|
||||||
|
} as any;
|
||||||
|
|
||||||
|
const lazyComponent = LazyComponent(() => myValue) as T;
|
||||||
|
waitFor(filter, (v: any) => {
|
||||||
|
myValue = v;
|
||||||
|
Object.assign(lazyComponent, v);
|
||||||
|
});
|
||||||
|
|
||||||
|
return lazyComponent;
|
||||||
|
}
|
51
src/webpack/common/menu.ts
Normal file
51
src/webpack/common/menu.ts
Normal file
|
@ -0,0 +1,51 @@
|
||||||
|
/*
|
||||||
|
* 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 { proxyLazy } from "@utils/proxyLazy";
|
||||||
|
|
||||||
|
// eslint-disable-next-line path-alias/no-relative
|
||||||
|
import { filters, mapMangledModule, mapMangledModuleLazy } from "../webpack";
|
||||||
|
import type * as t from "./types/menu";
|
||||||
|
|
||||||
|
export const Menu: t.Menu = proxyLazy(() => {
|
||||||
|
const hasDeobfuscator = Vencord.Settings.plugins.MenuItemDeobfuscatorAPI.enabled;
|
||||||
|
const menuItems = ["MenuSeparator", "MenuGroup", "MenuItem", "MenuCheckboxItem", "MenuRadioItem", "MenuControlItem"];
|
||||||
|
|
||||||
|
const map = mapMangledModule("♫ ⊂(。◕‿‿◕。⊂) ♪", {
|
||||||
|
ContextMenu: filters.byCode("getContainerProps"),
|
||||||
|
...Object.fromEntries((hasDeobfuscator ? menuItems : []).map(s => [s, (m: any) => m.name === s]))
|
||||||
|
}) as t.Menu;
|
||||||
|
|
||||||
|
if (!hasDeobfuscator) {
|
||||||
|
for (const m of menuItems)
|
||||||
|
Object.defineProperty(map, m, {
|
||||||
|
get() {
|
||||||
|
throw new Error("MenuItemDeobfuscator must be enabled to use this.");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return map;
|
||||||
|
});
|
||||||
|
|
||||||
|
export const ContextMenu: t.ContextMenuApi = mapMangledModuleLazy('type:"CONTEXT_MENU_OPEN"', {
|
||||||
|
open: filters.byCode("stopPropagation"),
|
||||||
|
openLazy: m => m.toString().length < 50,
|
||||||
|
close: filters.byCode("CONTEXT_MENU_CLOSE")
|
||||||
|
});
|
||||||
|
|
33
src/webpack/common/react.ts
Normal file
33
src/webpack/common/react.ts
Normal file
|
@ -0,0 +1,33 @@
|
||||||
|
/*
|
||||||
|
* 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/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// eslint-disable-next-line path-alias/no-relative
|
||||||
|
import { findByPropsLazy, waitFor } from "../webpack";
|
||||||
|
|
||||||
|
export let React: typeof import("react");
|
||||||
|
export let useState: typeof React.useState;
|
||||||
|
export let useEffect: typeof React.useEffect;
|
||||||
|
export let useMemo: typeof React.useMemo;
|
||||||
|
export let useRef: typeof React.useRef;
|
||||||
|
|
||||||
|
export const ReactDOM: typeof import("react-dom") = findByPropsLazy("createPortal", "render");
|
||||||
|
|
||||||
|
waitFor("useState", m => {
|
||||||
|
React = m;
|
||||||
|
({ useEffect, useState, useMemo, useRef } = React);
|
||||||
|
});
|
54
src/webpack/common/stores.ts
Normal file
54
src/webpack/common/stores.ts
Normal file
|
@ -0,0 +1,54 @@
|
||||||
|
/*
|
||||||
|
* 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 type * as Stores from "discord-types/stores";
|
||||||
|
|
||||||
|
// eslint-disable-next-line path-alias/no-relative
|
||||||
|
import { filters, findByPropsLazy, mapMangledModuleLazy, waitFor } from "../webpack";
|
||||||
|
|
||||||
|
export const MessageStore = findByPropsLazy("getRawMessages") as Omit<Stores.MessageStore, "getMessages"> & {
|
||||||
|
getMessages(chanId: string): any;
|
||||||
|
};
|
||||||
|
export const PermissionStore = findByPropsLazy("can", "getGuildPermissions");
|
||||||
|
export const PrivateChannelsStore = findByPropsLazy("openPrivateChannel");
|
||||||
|
export const GuildChannelStore = findByPropsLazy("getChannels");
|
||||||
|
export const ReadStateStore = findByPropsLazy("lastMessageId");
|
||||||
|
export const PresenceStore = findByPropsLazy("setCurrentUserOnConnectionOpen");
|
||||||
|
|
||||||
|
export let GuildStore: Stores.GuildStore;
|
||||||
|
export let UserStore: Stores.UserStore;
|
||||||
|
export let SelectedChannelStore: Stores.SelectedChannelStore;
|
||||||
|
export let SelectedGuildStore: any;
|
||||||
|
export let ChannelStore: Stores.ChannelStore;
|
||||||
|
export let GuildMemberStore: Stores.GuildMemberStore;
|
||||||
|
export let RelationshipStore: Stores.RelationshipStore & {
|
||||||
|
/** Get the date (as a string) that the relationship was created */
|
||||||
|
getSince(userId: string): string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const MaskedLinkStore = mapMangledModuleLazy('"MaskedLinkStore"', {
|
||||||
|
openUntrustedLink: filters.byCode(".apply(this,arguments)")
|
||||||
|
});
|
||||||
|
|
||||||
|
waitFor(["getCurrentUser", "initialize"], m => UserStore = m);
|
||||||
|
waitFor("getSortedPrivateChannels", m => ChannelStore = m);
|
||||||
|
waitFor("getCurrentlySelectedChannelId", m => SelectedChannelStore = m);
|
||||||
|
waitFor("getLastSelectedGuildId", m => SelectedGuildStore = m);
|
||||||
|
waitFor("getGuildCount", m => GuildStore = m);
|
||||||
|
waitFor(["getMember", "initialize"], m => GuildMemberStore = m);
|
||||||
|
waitFor("getRelationshipType", m => RelationshipStore = m);
|
284
src/webpack/common/types/components.d.ts
vendored
Normal file
284
src/webpack/common/types/components.d.ts
vendored
Normal file
|
@ -0,0 +1,284 @@
|
||||||
|
/*
|
||||||
|
* 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 type { Moment } from "moment";
|
||||||
|
import type { ComponentType, CSSProperties, FunctionComponent, HtmlHTMLAttributes, HTMLProps, PropsWithChildren, PropsWithRef, ReactNode, Ref } from "react";
|
||||||
|
|
||||||
|
export type TextVariant = "heading-sm/normal" | "heading-sm/medium" | "heading-sm/semibold" | "heading-sm/bold" | "heading-md/normal" | "heading-md/medium" | "heading-md/semibold" | "heading-md/bold" | "heading-lg/normal" | "heading-lg/medium" | "heading-lg/semibold" | "heading-lg/bold" | "heading-xl/normal" | "heading-xl/medium" | "heading-xl/bold" | "heading-xxl/normal" | "heading-xxl/medium" | "heading-xxl/bold" | "eyebrow" | "heading-deprecated-14/normal" | "heading-deprecated-14/medium" | "heading-deprecated-14/bold" | "text-xxs/normal" | "text-xxs/medium" | "text-xxs/semibold" | "text-xxs/bold" | "text-xs/normal" | "text-xs/medium" | "text-xs/semibold" | "text-xs/bold" | "text-sm/normal" | "text-sm/medium" | "text-sm/semibold" | "text-sm/bold" | "text-md/normal" | "text-md/medium" | "text-md/semibold" | "text-md/bold" | "text-lg/normal" | "text-lg/medium" | "text-lg/semibold" | "text-lg/bold" | "display-sm" | "display-md" | "display-lg" | "code";
|
||||||
|
export type FormTextTypes = Record<"DEFAULT" | "INPUT_PLACEHOLDER" | "DESCRIPTION" | "LABEL_BOLD" | "LABEL_SELECTED" | "LABEL_DESCRIPTOR" | "ERROR" | "SUCCESS", string>;
|
||||||
|
export type Heading = `h${1 | 2 | 3 | 4 | 5 | 6}`;
|
||||||
|
|
||||||
|
export type Margins = Record<"marginTop16" | "marginTop8" | "marginBottom8" | "marginTop20" | "marginBottom20", string>;
|
||||||
|
export type ButtonLooks = Record<"FILLED" | "INVERTED" | "OUTLINED" | "LINK" | "BLANK", string>;
|
||||||
|
|
||||||
|
export type TextProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement> & {
|
||||||
|
variant?: TextVariant;
|
||||||
|
tag?: "div" | "span" | "p" | "strong" | Heading;
|
||||||
|
selectable?: boolean;
|
||||||
|
lineClamp?: number;
|
||||||
|
}>;
|
||||||
|
|
||||||
|
export type Text = ComponentType<TextProps>;
|
||||||
|
|
||||||
|
export type FormTitle = ComponentType<HTMLProps<HTMLTitleElement> & PropsWithChildren<{
|
||||||
|
/** default is h5 */
|
||||||
|
tag?: Heading;
|
||||||
|
faded?: boolean;
|
||||||
|
disabled?: boolean;
|
||||||
|
required?: boolean;
|
||||||
|
error?: ReactNode;
|
||||||
|
}>>;
|
||||||
|
|
||||||
|
export type FormSection = ComponentType<PropsWithChildren<{
|
||||||
|
/** default is h5 */
|
||||||
|
tag?: Heading;
|
||||||
|
className?: string;
|
||||||
|
titleClassName?: string;
|
||||||
|
titleId?: string;
|
||||||
|
title?: ReactNode;
|
||||||
|
disabled?: boolean;
|
||||||
|
htmlFor?: unknown;
|
||||||
|
}>>;
|
||||||
|
|
||||||
|
export type FormDivider = ComponentType<{
|
||||||
|
className?: string;
|
||||||
|
style?: CSSProperties;
|
||||||
|
}>;
|
||||||
|
|
||||||
|
|
||||||
|
export type FormText = ComponentType<PropsWithChildren<{
|
||||||
|
disabled?: boolean;
|
||||||
|
selectable?: boolean;
|
||||||
|
/** defaults to FormText.Types.DEFAULT */
|
||||||
|
type?: string;
|
||||||
|
}> & TextProps> & { Types: FormTextTypes; };
|
||||||
|
|
||||||
|
export type Tooltip = ComponentType<{
|
||||||
|
text: ReactNode;
|
||||||
|
children: FunctionComponent<{
|
||||||
|
onClick(): void;
|
||||||
|
onMouseEnter(): void;
|
||||||
|
onMouseLeave(): void;
|
||||||
|
onContextMenu(): void;
|
||||||
|
onFocus(): void;
|
||||||
|
onBlur(): void;
|
||||||
|
"aria-label"?: string;
|
||||||
|
}>;
|
||||||
|
"aria-label"?: string;
|
||||||
|
|
||||||
|
allowOverflow?: boolean;
|
||||||
|
forceOpen?: boolean;
|
||||||
|
hide?: boolean;
|
||||||
|
hideOnClick?: boolean;
|
||||||
|
shouldShow?: boolean;
|
||||||
|
spacing?: number;
|
||||||
|
|
||||||
|
/** Tooltip.Colors.BLACK */
|
||||||
|
color?: string;
|
||||||
|
/** Tooltip.Positions.TOP */
|
||||||
|
position?: string;
|
||||||
|
|
||||||
|
tooltipClassName?: string;
|
||||||
|
tooltipContentClassName?: string;
|
||||||
|
}> & {
|
||||||
|
Positions: Record<"BOTTOM" | "CENTER" | "LEFT" | "RIGHT" | "TOP" | "WINDOW_CENTER", string>;
|
||||||
|
Colors: Record<"BLACK" | "BRAND" | "CUSTOM" | "GREEN" | "GREY" | "PRIMARY" | "RED" | "YELLOW", string>;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type Card = ComponentType<PropsWithChildren<HTMLProps<HTMLDivElement> & {
|
||||||
|
editable?: boolean;
|
||||||
|
outline?: boolean;
|
||||||
|
/** Card.Types.PRIMARY */
|
||||||
|
type?: string;
|
||||||
|
}>> & {
|
||||||
|
Types: Record<"BRAND" | "CUSTOM" | "DANGER" | "PRIMARY" | "SUCCESS" | "WARNING", string>;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type Button = ComponentType<PropsWithChildren<Omit<HTMLProps<HTMLButtonElement>, "size"> & {
|
||||||
|
/** Button.Looks.FILLED */
|
||||||
|
look?: string;
|
||||||
|
/** Button.Colors.BRAND */
|
||||||
|
color?: string;
|
||||||
|
/** Button.Sizes.MEDIUM */
|
||||||
|
size?: string;
|
||||||
|
/** Button.BorderColors.BLACK */
|
||||||
|
borderColor?: string;
|
||||||
|
|
||||||
|
wrapperClassName?: string;
|
||||||
|
className?: string;
|
||||||
|
innerClassName?: string;
|
||||||
|
|
||||||
|
buttonRef?: Ref<HTMLButtonElement>;
|
||||||
|
focusProps?: any;
|
||||||
|
|
||||||
|
submittingStartedLabel?: string;
|
||||||
|
submittingFinishedLabel?: string;
|
||||||
|
}>> & {
|
||||||
|
BorderColors: Record<"BLACK" | "BRAND" | "BRAND_NEW" | "GREEN" | "LINK" | "PRIMARY" | "RED" | "TRANSPARENT" | "WHITE" | "YELLOW", string>;
|
||||||
|
Colors: Record<"BRAND" | "RED" | "GREEN" | "YELLOW" | "PRIMARY" | "LINK" | "WHITE" | "BLACK" | "TRANSPARENT" | "BRAND_NEW" | "CUSTOM", string>;
|
||||||
|
Hovers: Record<"DEFAULT" | "BRAND" | "RED" | "GREEN" | "YELLOW" | "PRIMARY" | "LINK" | "WHITE" | "BLACK" | "TRANSPARENT", string>;
|
||||||
|
Looks: Record<"FILLED" | "INVERTED" | "OUTLINED" | "LINK" | "BLANK", string>;
|
||||||
|
Sizes: Record<"NONE" | "TINY" | "SMALL" | "MEDIUM" | "LARGE" | "XLARGE" | "MIN" | "MAX" | "ICON", string>;
|
||||||
|
|
||||||
|
Link: any;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type Switch = ComponentType<PropsWithChildren<{
|
||||||
|
value: boolean;
|
||||||
|
onChange(value: boolean): void;
|
||||||
|
|
||||||
|
disabled?: boolean;
|
||||||
|
hideBorder?: boolean;
|
||||||
|
className?: string;
|
||||||
|
style?: CSSProperties;
|
||||||
|
|
||||||
|
note?: ReactNode;
|
||||||
|
tooltipNote?: ReactNode;
|
||||||
|
}>>;
|
||||||
|
|
||||||
|
export type Timestamp = ComponentType<PropsWithChildren<{
|
||||||
|
timestamp: Moment;
|
||||||
|
isEdited?: boolean;
|
||||||
|
|
||||||
|
className?: string;
|
||||||
|
id?: string;
|
||||||
|
|
||||||
|
cozyAlt?: boolean;
|
||||||
|
compact?: boolean;
|
||||||
|
isInline?: boolean;
|
||||||
|
isVisibleOnlyOnHover?: boolean;
|
||||||
|
}>>;
|
||||||
|
|
||||||
|
export type TextInput = ComponentType<PropsWithChildren<{
|
||||||
|
name?: string;
|
||||||
|
onChange?(value: string, name?: string): void;
|
||||||
|
placeholder?: string;
|
||||||
|
editable?: boolean;
|
||||||
|
maxLength?: number;
|
||||||
|
error?: string;
|
||||||
|
|
||||||
|
inputClassName?: string;
|
||||||
|
inputPrefix?: string;
|
||||||
|
inputRef?: Ref<HTMLInputElement>;
|
||||||
|
prefixElement?: ReactNode;
|
||||||
|
|
||||||
|
focusProps?: any;
|
||||||
|
|
||||||
|
/** TextInput.Sizes.DEFAULT */
|
||||||
|
size?: string;
|
||||||
|
} & Omit<HTMLProps<HTMLInputElement>, "onChange">>> & {
|
||||||
|
Sizes: Record<"DEFAULT" | "MINI", string>;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type TextArea = ComponentType<PropsWithRef<HTMLProps<HTMLTextAreaElement>>>;
|
||||||
|
|
||||||
|
interface SelectOption {
|
||||||
|
disabled?: boolean;
|
||||||
|
value: any;
|
||||||
|
label: string;
|
||||||
|
key?: React.Key;
|
||||||
|
default?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type Select = ComponentType<PropsWithChildren<{
|
||||||
|
placeholder?: string;
|
||||||
|
options: ReadonlyArray<SelectOption>; // TODO
|
||||||
|
|
||||||
|
/**
|
||||||
|
* - 0 ~ Filled
|
||||||
|
* - 1 ~ Custom
|
||||||
|
*/
|
||||||
|
look?: 0 | 1;
|
||||||
|
className?: string;
|
||||||
|
popoutClassName?: string;
|
||||||
|
popoutPosition?: "top" | "left" | "right" | "bottom" | "center" | "window_center";
|
||||||
|
optionClassName?: string;
|
||||||
|
|
||||||
|
autoFocus?: boolean;
|
||||||
|
isDisabled?: boolean;
|
||||||
|
clearable?: boolean;
|
||||||
|
closeOnSelect?: boolean;
|
||||||
|
hideIcon?: boolean;
|
||||||
|
|
||||||
|
select?(value: any): void;
|
||||||
|
isSelected?(value: any): boolean;
|
||||||
|
serialize?(value: any): string;
|
||||||
|
clear?(): void;
|
||||||
|
|
||||||
|
maxVisibleItems?: number;
|
||||||
|
popoutWidth?: number;
|
||||||
|
|
||||||
|
onClose?(): void;
|
||||||
|
onOpen?(): void;
|
||||||
|
|
||||||
|
renderOptionLabel?(option: SelectOption): ReactNode;
|
||||||
|
/** discord stupid this gets all options instead of one yeah */
|
||||||
|
renderOptionValue?(option: SelectOption[]): ReactNode;
|
||||||
|
|
||||||
|
"aria-label"?: boolean;
|
||||||
|
"aria-labelledby"?: boolean;
|
||||||
|
}>>;
|
||||||
|
|
||||||
|
export type Slider = ComponentType<PropsWithChildren<{
|
||||||
|
initialValue: number;
|
||||||
|
defaultValue?: number;
|
||||||
|
keyboardStep?: number;
|
||||||
|
maxValue?: number;
|
||||||
|
minValue?: number;
|
||||||
|
markers?: number[];
|
||||||
|
stickToMarkers?: boolean;
|
||||||
|
|
||||||
|
/** 0 above, 1 below */
|
||||||
|
markerPosition?: 0 | 1;
|
||||||
|
orientation?: "horizontal" | "vertical";
|
||||||
|
|
||||||
|
getAriaValueText?(currentValue: number): string;
|
||||||
|
renderMarker?(marker: number): ReactNode;
|
||||||
|
onMarkerRender?(marker: number): ReactNode;
|
||||||
|
onValueRender?(value: number): ReactNode;
|
||||||
|
onValueChange?(value: number): void;
|
||||||
|
asValueChanges?(value: number): void;
|
||||||
|
|
||||||
|
className?: string;
|
||||||
|
disabled?: boolean;
|
||||||
|
handleSize?: number;
|
||||||
|
mini?: boolean;
|
||||||
|
hideBubble?: boolean;
|
||||||
|
|
||||||
|
fillStyles?: CSSProperties;
|
||||||
|
barStyles?: CSSProperties;
|
||||||
|
grabberStyles?: CSSProperties;
|
||||||
|
grabberClassName?: string;
|
||||||
|
barClassName?: string;
|
||||||
|
|
||||||
|
"aria-hidden"?: boolean;
|
||||||
|
"aria-label"?: string;
|
||||||
|
"aria-labelledby"?: string;
|
||||||
|
"aria-describedby"?: string;
|
||||||
|
}>>;
|
||||||
|
|
||||||
|
// TODO - type maybe idk probably not that useful other than the constants
|
||||||
|
export type Flex = ComponentType<PropsWithChildren<any>> & {
|
||||||
|
Align: Record<"START" | "END" | "CENTER" | "STRETCH" | "BASELINE", string>;
|
||||||
|
Direction: Record<"VERTICAL" | "HORIZONTAL" | "HORIZONTAL_REVERSE", string>;
|
||||||
|
Justify: Record<"START" | "END" | "CENTER" | "BETWEEN" | "AROUND", string>;
|
||||||
|
Wrap: Record<"NO_WRAP" | "WRAP" | "WRAP_REVERSE", string>;
|
||||||
|
|
||||||
|
Content: ComponentType<PropsWithChildren<any>>;
|
||||||
|
Sidebar: ComponentType<PropsWithChildren<any>>;
|
||||||
|
};
|
40
src/webpack/common/types/fluxEvents.d.ts
vendored
Normal file
40
src/webpack/common/types/fluxEvents.d.ts
vendored
Normal file
File diff suppressed because one or more lines are too long
68
src/webpack/common/types/menu.d.ts
vendored
Normal file
68
src/webpack/common/types/menu.d.ts
vendored
Normal file
|
@ -0,0 +1,68 @@
|
||||||
|
/*
|
||||||
|
* 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 type { ComponentType, CSSProperties, PropsWithChildren, UIEvent } from "react";
|
||||||
|
|
||||||
|
type RC<C> = ComponentType<PropsWithChildren<C & Record<string, any>>>;
|
||||||
|
|
||||||
|
export interface Menu {
|
||||||
|
ContextMenu: RC<{
|
||||||
|
navId: string;
|
||||||
|
onClose(): void;
|
||||||
|
className?: string;
|
||||||
|
style?: CSSProperties;
|
||||||
|
hideScroller?: boolean;
|
||||||
|
onSelect?(): void;
|
||||||
|
}>;
|
||||||
|
MenuSeparator: ComponentType;
|
||||||
|
MenuGroup: RC<any>;
|
||||||
|
MenuItem: RC<{
|
||||||
|
id: string;
|
||||||
|
label: string;
|
||||||
|
render?: ComponentType;
|
||||||
|
onChildrenScroll?: Function;
|
||||||
|
childRowHeight?: number;
|
||||||
|
listClassName?: string;
|
||||||
|
}>;
|
||||||
|
MenuCheckboxItem: RC<{
|
||||||
|
id: string;
|
||||||
|
}>;
|
||||||
|
MenuRadioItem: RC<{
|
||||||
|
id: string;
|
||||||
|
}>;
|
||||||
|
MenuControlItem: RC<{
|
||||||
|
id: string;
|
||||||
|
interactive?: boolean;
|
||||||
|
}>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ContextMenuApi {
|
||||||
|
close(): void;
|
||||||
|
open(
|
||||||
|
event: UIEvent,
|
||||||
|
render?: Menu["ContextMenu"],
|
||||||
|
options?: { enableSpellCheck?: boolean; },
|
||||||
|
renderLazy?: () => Promise<Menu["ContextMenu"]>
|
||||||
|
): void;
|
||||||
|
openLazy(
|
||||||
|
event: UIEvent,
|
||||||
|
renderLazy?: () => Promise<Menu["ContextMenu"]>,
|
||||||
|
options?: { enableSpellCheck?: boolean; }
|
||||||
|
): void;
|
||||||
|
}
|
||||||
|
|
98
src/webpack/common/types/utils.d.ts
vendored
Normal file
98
src/webpack/common/types/utils.d.ts
vendored
Normal file
|
@ -0,0 +1,98 @@
|
||||||
|
/*
|
||||||
|
* 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 type { ReactNode } from "react";
|
||||||
|
|
||||||
|
import type { FluxEvents } from "./fluxEvents";
|
||||||
|
|
||||||
|
export { FluxEvents };
|
||||||
|
|
||||||
|
export interface FluxDispatcher {
|
||||||
|
_actionHandlers: any;
|
||||||
|
_subscriptions: any;
|
||||||
|
dispatch(event: { [key: string]: unknown; type: FluxEvents; }): Promise<void>;
|
||||||
|
isDispatching(): boolean;
|
||||||
|
subscribe(event: FluxEvents, callback: (data: any) => void): void;
|
||||||
|
unsubscribe(event: FluxEvents, callback: (data: any) => void): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare class FluxStore {
|
||||||
|
constructor(dispatcher: FluxDispatcher, eventHandlers?: Partial<Record<FluxEvents, (data: any) => void>>);
|
||||||
|
|
||||||
|
emitChange(): void;
|
||||||
|
getDispatchToken(): string;
|
||||||
|
getName(): string;
|
||||||
|
initialize(): void;
|
||||||
|
initializeIfNeeded(): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Flux {
|
||||||
|
Store: typeof FluxStore;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type Parser = Record<
|
||||||
|
| "parse"
|
||||||
|
| "parseTopic"
|
||||||
|
| "parseEmbedTitle"
|
||||||
|
| "parseInlineReply"
|
||||||
|
| "parseGuildVerificationFormRule"
|
||||||
|
| "parseGuildEventDescription"
|
||||||
|
| "parseAutoModerationSystemMessage"
|
||||||
|
| "parseForumPostGuidelines"
|
||||||
|
| "parseForumPostMostRecentMessage",
|
||||||
|
(content: string, inline?: boolean, state?: Record<string, any>) => ReactNode[]
|
||||||
|
> & Record<"defaultRules" | "guildEventRules", Record<string, Record<"react" | "html" | "parse" | "match" | "order", any>>>;
|
||||||
|
|
||||||
|
export interface Alerts {
|
||||||
|
show(alert: {
|
||||||
|
title: any;
|
||||||
|
body: React.ReactNode;
|
||||||
|
className?: string;
|
||||||
|
confirmColor?: string;
|
||||||
|
cancelText?: string;
|
||||||
|
confirmText?: string;
|
||||||
|
secondaryConfirmText?: string;
|
||||||
|
onCancel?(): void;
|
||||||
|
onConfirm?(): void;
|
||||||
|
onConfirmSecondary?(): void;
|
||||||
|
}): void;
|
||||||
|
/** This is a noop, it does nothing. */
|
||||||
|
close(): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface SnowflakeUtils {
|
||||||
|
fromTimestamp(timestamp: number): string;
|
||||||
|
extractTimestamp(snowflake: string): number;
|
||||||
|
age(snowflake: string): number;
|
||||||
|
atPreviousMillisecond(snowflake: string): string;
|
||||||
|
compare(snowflake1: string, snowflake2: string): number;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface RestRequestData {
|
||||||
|
url: string;
|
||||||
|
query?: Record<string, any>;
|
||||||
|
body?: Record<string, any>;
|
||||||
|
oldFormErrors?: boolean;
|
||||||
|
retries?: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type RestAPI = Record<"delete" | "get" | "patch" | "post" | "put", (data: RestRequestData) => Promise<any>> & {
|
||||||
|
V6OrEarlierAPIError: Error;
|
||||||
|
V8APIError: Error;
|
||||||
|
getAPIBaseURL(withVersion?: boolean): string;
|
||||||
|
};
|
112
src/webpack/common/utils.ts
Normal file
112
src/webpack/common/utils.ts
Normal file
|
@ -0,0 +1,112 @@
|
||||||
|
/*
|
||||||
|
* 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 type { User } from "discord-types/general";
|
||||||
|
|
||||||
|
// eslint-disable-next-line path-alias/no-relative
|
||||||
|
import { _resolveReady,filters, findByCodeLazy, findByPropsLazy, mapMangledModuleLazy, waitFor } from "../webpack";
|
||||||
|
import type * as t from "./types/utils";
|
||||||
|
|
||||||
|
export let FluxDispatcher: t.FluxDispatcher;
|
||||||
|
export const Flux: t.Flux = findByPropsLazy("connectStores");
|
||||||
|
|
||||||
|
export const RestAPI: t.RestAPI = findByPropsLazy("getAPIBaseURL", "get");
|
||||||
|
export const moment: typeof import("moment") = findByPropsLazy("parseTwoDigitYear");
|
||||||
|
|
||||||
|
export const hljs: typeof import("highlight.js") = findByPropsLazy("highlight");
|
||||||
|
|
||||||
|
export let SnowflakeUtils: t.SnowflakeUtils;
|
||||||
|
waitFor(["fromTimestamp", "extractTimestamp"], m => SnowflakeUtils = m);
|
||||||
|
|
||||||
|
export let Parser: t.Parser;
|
||||||
|
export let Alerts: t.Alerts;
|
||||||
|
|
||||||
|
const ToastType = {
|
||||||
|
MESSAGE: 0,
|
||||||
|
SUCCESS: 1,
|
||||||
|
FAILURE: 2,
|
||||||
|
CUSTOM: 3
|
||||||
|
};
|
||||||
|
const ToastPosition = {
|
||||||
|
TOP: 0,
|
||||||
|
BOTTOM: 1
|
||||||
|
};
|
||||||
|
|
||||||
|
export const Toasts = {
|
||||||
|
Type: ToastType,
|
||||||
|
Position: ToastPosition,
|
||||||
|
// what's less likely than getting 0 from Math.random()? Getting it twice in a row
|
||||||
|
genId: () => (Math.random() || Math.random()).toString(36).slice(2),
|
||||||
|
|
||||||
|
// hack to merge with the following interface, dunno if there's a better way
|
||||||
|
...{} as {
|
||||||
|
show(data: {
|
||||||
|
message: string,
|
||||||
|
id: string,
|
||||||
|
/**
|
||||||
|
* Toasts.Type
|
||||||
|
*/
|
||||||
|
type: number,
|
||||||
|
options?: {
|
||||||
|
/**
|
||||||
|
* Toasts.Position
|
||||||
|
*/
|
||||||
|
position?: number;
|
||||||
|
component?: React.ReactNode,
|
||||||
|
duration?: number;
|
||||||
|
};
|
||||||
|
}): void;
|
||||||
|
pop(): void;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const UserUtils = {
|
||||||
|
fetchUser: findByCodeLazy(".USER(", "getUser") as (id: string) => Promise<User>,
|
||||||
|
};
|
||||||
|
|
||||||
|
export const Clipboard = mapMangledModuleLazy('document.queryCommandEnabled("copy")||document.queryCommandSupported("copy")', {
|
||||||
|
copy: filters.byCode(".default.copy("),
|
||||||
|
SUPPORTS_COPY: x => typeof x === "boolean",
|
||||||
|
});
|
||||||
|
|
||||||
|
export const NavigationRouter = mapMangledModuleLazy("transitionToGuild - ", {
|
||||||
|
transitionTo: filters.byCode("transitionTo -"),
|
||||||
|
transitionToGuild: filters.byCode("transitionToGuild -"),
|
||||||
|
goBack: filters.byCode("goBack()"),
|
||||||
|
goForward: filters.byCode("goForward()"),
|
||||||
|
});
|
||||||
|
|
||||||
|
waitFor(["dispatch", "subscribe"], m => {
|
||||||
|
FluxDispatcher = m;
|
||||||
|
const cb = () => {
|
||||||
|
m.unsubscribe("CONNECTION_OPEN", cb);
|
||||||
|
_resolveReady();
|
||||||
|
};
|
||||||
|
m.subscribe("CONNECTION_OPEN", cb);
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// This is the same module but this is easier
|
||||||
|
waitFor(filters.byCode("currentToast?"), m => Toasts.show = m);
|
||||||
|
waitFor(filters.byCode("currentToast:null"), m => Toasts.pop = m);
|
||||||
|
|
||||||
|
waitFor(["show", "close"], m => Alerts = m);
|
||||||
|
waitFor("parseTopic", m => Parser = m);
|
||||||
|
|
||||||
|
export let SettingsRouter: any;
|
||||||
|
waitFor(["open", "saveAccountChanges"], m => SettingsRouter = m);
|
Loading…
Reference in a new issue