diff --git a/src/Vencord.ts b/src/Vencord.ts index 3a405b2e0..cb06182a5 100644 --- a/src/Vencord.ts +++ b/src/Vencord.ts @@ -1,12 +1,41 @@ export * as Plugins from "./plugins"; export * as Webpack from "./webpack"; export * as Api from "./api"; -export { Settings } from "./api/settings"; +import { popNotice, showNotice } from "./api/Notices"; +import { Settings } from "./api/settings"; +import { startAllPlugins } from "./plugins"; + +export { Settings }; import "./utils/patchWebpack"; import "./utils/quickCss"; -import { waitFor } from "./webpack"; +import { checkForUpdates, UpdateLogger } from './utils/updater'; +import { onceReady } from "./webpack"; +import { Router } from "./webpack/common"; export let Components; -waitFor("useState", () => setTimeout(() => import("./components").then(mod => Components = mod), 0)); +async function init() { + await onceReady; + startAllPlugins(); + Components = await import("./components"); + + try { + const isOutdated = await checkForUpdates(); + if (isOutdated && Settings.notifyAboutUpdates) + setTimeout(() => { + showNotice( + "A Vencord update is available!", + "View Update", + () => { + popNotice(); + Router.open("Vencord"); + } + ); + }, 10000); + } catch (err) { + UpdateLogger.error("Failed to check for updates", err); + } +} + +init(); diff --git a/src/api/Notices.ts b/src/api/Notices.ts new file mode 100644 index 000000000..66cae0ef6 --- /dev/null +++ b/src/api/Notices.ts @@ -0,0 +1,24 @@ +import { waitFor } from "../webpack"; + +let NoticesModule: any; +waitFor(m => m.show && m.dismiss && !m.suppressAll, m => NoticesModule = m); + +export const noticesQueue = [] as any[]; +export let currentNotice: any = null; + +export function popNotice() { + NoticesModule.dismiss(); +} + +export function nextNotice() { + currentNotice = noticesQueue.shift(); + + if (currentNotice) { + NoticesModule.show(...currentNotice, "VencordNotice"); + } +} + +export function showNotice(message: string, buttonText: string, onOkClick: () => void) { + noticesQueue.push(["GENERIC", message, buttonText, onOkClick]); + if (!currentNotice) nextNotice(); +} diff --git a/src/api/index.ts b/src/api/index.ts index 0633ee8a7..7d39b9571 100644 --- a/src/api/index.ts +++ b/src/api/index.ts @@ -1 +1,2 @@ export * as MessageEvents from "./MessageEvents"; +export * as Notices from "./Notices"; diff --git a/src/api/settings.ts b/src/api/settings.ts index 4ee94d32e..17f3f129a 100644 --- a/src/api/settings.ts +++ b/src/api/settings.ts @@ -4,6 +4,7 @@ import { React } from "../webpack/common"; import { mergeDefaults } from '../utils/misc'; interface Settings { + notifyAboutUpdates: boolean; unsafeRequire: boolean; useQuickCss: boolean; plugins: { @@ -15,10 +16,11 @@ interface Settings { } const DefaultSettings: Settings = { + notifyAboutUpdates: true, unsafeRequire: false, useQuickCss: true, plugins: {} -} as any; +}; for (const plugin in plugins) { DefaultSettings.plugins[plugin] = { @@ -77,7 +79,7 @@ export const Settings = makeProxy(settings); * @returns Settings */ export function useSettings() { - const [, forceUpdate] = React.useReducer(x => ({}), {}); + const [, forceUpdate] = React.useReducer(() => ({}), {}); React.useEffect(() => { subscriptions.add(forceUpdate); diff --git a/src/components/ErrorBoundary.tsx b/src/components/ErrorBoundary.tsx index 2b754b27a..5946cb14a 100644 --- a/src/components/ErrorBoundary.tsx +++ b/src/components/ErrorBoundary.tsx @@ -1,5 +1,5 @@ import Logger from "../utils/logger"; -import { React } from "../webpack/common"; +import { Card, React } from "../webpack/common"; interface Props { fallback?: React.ComponentType>; @@ -16,7 +16,7 @@ export default class ErrorBoundary extends React.Component(Component: React.ComponentType): (props: T) => React.ReactElement { return (props) => ( - + ); } @@ -49,7 +49,7 @@ export default class ErrorBoundary extends React.Component; return ( -
{this.state.error} -
+ ); } } diff --git a/src/components/Flex.tsx b/src/components/Flex.tsx index c36976724..881c7c236 100644 --- a/src/components/Flex.tsx +++ b/src/components/Flex.tsx @@ -4,6 +4,7 @@ import type { React } from '../webpack/common'; export function Flex(props: React.PropsWithChildren<{ flexDirection?: React.CSSProperties["flexDirection"]; style?: React.CSSProperties; + className?: string; }>) { props.style ??= {}; props.style.flexDirection ||= props.flexDirection; diff --git a/src/components/Link.tsx b/src/components/Link.tsx new file mode 100644 index 000000000..ef342d14e --- /dev/null +++ b/src/components/Link.tsx @@ -0,0 +1,19 @@ +import { React } from "../webpack/common"; + +interface Props { + href: string; + disabled?: boolean; + style?: React.CSSProperties; +} + +export function Link(props: React.PropsWithChildren) { + if (props.disabled) { + props.style ??= {}; + props.style.pointerEvents = "none"; + } + return ( + + {props.children} + + ); +} diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx index 1950d7a05..dd23b7333 100644 --- a/src/components/Settings.tsx +++ b/src/components/Settings.tsx @@ -1,16 +1,19 @@ -import { humanFriendlyJoin, useAwaiter } from "../utils/misc"; +import { classes, humanFriendlyJoin, lazy, useAwaiter } from "../utils/misc"; import Plugins from 'plugins'; import { useSettings } from "../api/settings"; import IpcEvents from "../utils/IpcEvents"; -import { Button, Switch, Forms, React } from "../webpack/common"; +import { Button, Switch, Forms, React, Margins } from "../webpack/common"; import ErrorBoundary from "./ErrorBoundary"; import { startPlugin } from "../plugins"; import { stopPlugin } from '../plugins/index'; import { Flex } from './Flex'; +import { isOutdated } from "../utils/updater"; +import { Updater } from "./Updater"; export default ErrorBoundary.wrap(function Settings(props) { const [settingsDir, , settingsDirPending] = useAwaiter(() => VencordNative.ipc.invoke(IpcEvents.GET_SETTINGS_DIR), "Loading..."); + const [outdated, setOutdated] = React.useState(isOutdated); const settings = useSettings(); const depMap = React.useMemo(() => { @@ -31,8 +34,24 @@ export default ErrorBoundary.wrap(function Settings(props) { return ( - SettingsDir: {settingsDir} - + {outdated && ( + <> + Updater + + + )} + + + + + Settings + + + + SettingsDir: {settingsDir} + + + - Settings + settings.useQuickCss = v} @@ -56,6 +75,13 @@ export default ErrorBoundary.wrap(function Settings(props) { > Use QuickCss + settings.notifyAboutUpdates = v} + note="Shows a Toast on StartUp" + > + Get notified about new Updates + settings.unsafeRequire = v} @@ -63,8 +89,13 @@ export default ErrorBoundary.wrap(function Settings(props) { > Enable Unsafe Require + - Plugins + + + Plugins + + {sortedPlugins.map(p => { const enabledDependants = depMap[p.name]?.filter(d => settings.plugins[d].enabled); const dependency = enabledDependants?.length; diff --git a/src/components/Updater.tsx b/src/components/Updater.tsx new file mode 100644 index 000000000..e7b6d543d --- /dev/null +++ b/src/components/Updater.tsx @@ -0,0 +1,128 @@ +import gitHash from "git-hash"; +import { changes, checkForUpdates, getRepo, rebuild, update, UpdateLogger } from "../utils/updater"; +import { React, Forms, Button, Margins, Alerts, Card, Parser } from '../webpack/common'; +import { Flex } from "./Flex"; +import { useAwaiter } from '../utils/misc'; +import { Link } from "./Link"; + +interface Props { + setIsOutdated(b: boolean): void; +} + +function withDispatcher(dispatcher: React.Dispatch>, action: () => any) { + return async () => { + dispatcher(true); + try { + await action(); + } catch (e: any) { + UpdateLogger.error("Failed to update", e); + if (!e) { + var err = "An unknown error occurred (error is undefined).\nPlease try again."; + } else if (e.code && e.cmd) { + const { code, path, cmd, stderr } = e; + + if (code === "ENOENT") + var err = `Command \`${path}\` not found.\nPlease install it and try again`; + else { + var err = `An error occured while running \`${cmd}\`:\n`; + err += stderr || `Code \`${code}\`. See the console for more info`; + } + + } else { + var err = "An unknown error occurred. See the console for more info."; + } + Alerts.show({ + title: "Oops!", + body: err.split("\n").map(line =>
{Parser.parse(line)}
) + }); + } + finally { + dispatcher(false); + } + }; +}; + +export function Updater(p: Props) { + const [repo, err, repoPending] = useAwaiter(getRepo, "Loading..."); + const [isChecking, setIsChecking] = React.useState(false); + const [isUpdating, setIsUpdating] = React.useState(false); + const [updates, setUpdates] = React.useState(changes); + + React.useEffect(() => { + if (err) + UpdateLogger.error("Failed to retrieve repo", err); + }, [err]); + + return ( + <> + Repo: {repoPending ? repo : err ? "Failed to retrieve - check console" : ( + + {repo.split("/").slice(-2).join("/")} + + )} ({gitHash}) + + + There are {updates.length} Updates + + + + {updates.map(({ hash, author, message }) => ( +
+ + {hash} + + {message} - {author} +
+ ))} + + + + + + + + ); +} diff --git a/src/ipcMain.ts b/src/ipcMain.ts index d8bf475a7..8ec37468c 100644 --- a/src/ipcMain.ts +++ b/src/ipcMain.ts @@ -1,17 +1,50 @@ +// TODO: refactor this mess + +import { execFile as cpExecFile } from 'child_process'; +import { createHash } from "crypto"; import { app, BrowserWindow, ipcMain, shell } from "electron"; -import { mkdirSync, readFileSync, watch } from "fs"; +import { createReadStream, mkdirSync, readFileSync, watch } from "fs"; import { open, readFile, writeFile } from "fs/promises"; import { join } from 'path'; +import { promisify } from "util"; import { debounce } from "./utils/debounce"; import IpcEvents from './utils/IpcEvents'; +const VENCORD_SRC_DIR = join(__dirname, ".."); const DATA_DIR = join(app.getPath("userData"), "..", "Vencord"); const SETTINGS_DIR = join(DATA_DIR, "settings"); const QUICKCSS_PATH = join(SETTINGS_DIR, "quickCss.css"); const SETTINGS_FILE = join(SETTINGS_DIR, "settings.json"); +const execFile = promisify(cpExecFile); + mkdirSync(SETTINGS_DIR, { recursive: true }); +async function calculateHashes() { + const hashes = {} as Record; + + await Promise.all( + ["patcher.js", "preload.js", "renderer.js"].map(file => new Promise(r => { + const fis = createReadStream(join(__dirname, file)); + const hash = createHash("sha1", { encoding: "hex" }); + fis.once("end", () => { + hash.end(); + hashes[file] = hash.read(); + r(); + }); + fis.pipe(hash); + })) + ); + + return hashes; +} + +function git(...args: string[]) { + return execFile("git", args, { + cwd: VENCORD_SRC_DIR + }); +} + function readCss() { return readFile(QUICKCSS_PATH, "utf-8").catch(() => ""); } @@ -24,11 +57,65 @@ function readSettings() { } } +function serializeErrors(func: (...args: any[]) => any) { + return async function () { + try { + return { + ok: true, + value: await func(...arguments) + }; + } catch (e: any) { + return { + ok: false, + error: e instanceof Error ? { + // prototypes get lost, so turn error into plain object + ...e + } : e + }; + } + }; +} + ipcMain.handle(IpcEvents.GET_SETTINGS_DIR, () => SETTINGS_DIR); ipcMain.handle(IpcEvents.GET_QUICK_CSS, () => readCss()); ipcMain.handle(IpcEvents.OPEN_PATH, (_, ...pathElements) => shell.openPath(join(...pathElements))); ipcMain.handle(IpcEvents.OPEN_EXTERNAL, (_, url) => shell.openExternal(url)); +ipcMain.handle(IpcEvents.GET_UPDATES, serializeErrors(async () => { + await git("fetch"); + + const res = await git("log", `HEAD...origin/main`, "--pretty=format:%h-%s"); + + const commits = res.stdout.trim(); + return commits ? commits.split("\n").map(line => { + const [author, hash, ...rest] = line.split("/"); + return { + hash, author, message: rest.join("/") + }; + }) : []; +})); + +ipcMain.handle(IpcEvents.UPDATE, serializeErrors(async () => { + const res = await git("pull"); + return res.stdout.includes("Fast-forward"); +})); + +ipcMain.handle(IpcEvents.BUILD, serializeErrors(async () => { + const res = await execFile("node", ["build.mjs"], { + cwd: VENCORD_SRC_DIR + }); + return !res.stderr.includes("Build failed"); +})); + +ipcMain.handle(IpcEvents.GET_HASHES, serializeErrors(calculateHashes)); + +ipcMain.handle(IpcEvents.GET_REPO, serializeErrors(async () => { + const res = await git("remote", "get-url", "origin"); + return res.stdout.trim() + .replace(/git@(.+):/, "https://$1/") + .replace(/\.git$/, ""); +})); + // .on because we need Settings synchronously (ipcRenderer.sendSync) ipcMain.on(IpcEvents.GET_SETTINGS, (e) => e.returnValue = readSettings()); diff --git a/src/plugins/apiNotices.ts b/src/plugins/apiNotices.ts new file mode 100644 index 000000000..d58ac4b30 --- /dev/null +++ b/src/plugins/apiNotices.ts @@ -0,0 +1,24 @@ +import definePlugin from "../utils/types"; + +export default definePlugin({ + name: "ApiNotices", + description: "Fixes notices being automatically dismissed", + author: "Vendicated", + required: true, + patches: [ + { + find: "updateNotice:", + replacement: [ + { + match: /;(.{1,2}=null;)(?=.{0,50}updateNotice)/g, + replace: + ';if(Vencord.Api.Notices.currentNotice)return !1;$1' + }, + { + match: /(?<=NOTICE_DISMISS:function.+?){(?=if\(null==(.+?)\))/, + replace: '{if($1?.id=="VencordNotice")return ($1=null,Vencord.Api.Notices.nextNotice(),true);' + } + ] + } + ], +}); diff --git a/src/plugins/clickableRoleDot.ts b/src/plugins/clickableRoleDot.ts index 63ad84e53..800a742c6 100644 --- a/src/plugins/clickableRoleDot.ts +++ b/src/plugins/clickableRoleDot.ts @@ -17,7 +17,7 @@ export default definePlugin({ ], copyToClipBoard(color: string) { - DiscordNative.clipboard.copy(color); + window.DiscordNative.clipboard.copy(color); Toasts.show({ message: "Copied to Clipboard!", type: Toasts.Type.SUCCESS, diff --git a/src/plugins/index.ts b/src/plugins/index.ts index 149065661..e4d07752c 100644 --- a/src/plugins/index.ts +++ b/src/plugins/index.ts @@ -16,7 +16,7 @@ for (const plugin of Object.values(Plugins)) if (plugin.patches && Settings.plug } } -export function startAll() { +export function startAllPlugins() { for (const plugin in Plugins) if (Settings.plugins[plugin].enabled) { startPlugin(Plugins[plugin]); } diff --git a/src/utils/IpcEvents.ts b/src/utils/IpcEvents.ts index 6061fcb01..b0a53f2cf 100644 --- a/src/utils/IpcEvents.ts +++ b/src/utils/IpcEvents.ts @@ -19,4 +19,9 @@ export default strEnum({ SET_SETTINGS: "VencordSetSettings", OPEN_EXTERNAL: "VencordOpenExternal", OPEN_PATH: "VencordOpenPath", + GET_UPDATES: "VencordGetUpdates", + GET_REPO: "VencordGetRepo", + GET_HASHES: "VencordGetHashes", + UPDATE: "VencordUpdate", + BUILD: "VencordBuild" } as const); diff --git a/src/utils/misc.tsx b/src/utils/misc.tsx index 8a9afe11b..415990609 100644 --- a/src/utils/misc.tsx +++ b/src/utils/misc.tsx @@ -1,3 +1,4 @@ +import { FilterFn, find } from "../webpack"; import { React } from "../webpack/common"; /** @@ -7,9 +8,22 @@ import { React } from "../webpack/common"; */ export function lazy(factory: () => T): () => T { let cache: T; - return () => { - return cache ?? (cache = factory()); - }; + return () => cache ?? (cache = factory()); +} + +/** + * Do a lazy webpack search. Searches the module on first property access + * @param filter Filter function + * @returns Proxy. Note that only get and set are implemented, all other operations will have unexpected + * results. + */ +export function lazyWebpack(filter: FilterFn): T { + const getMod = lazy(() => find(filter)); + + return new Proxy({}, { + get: (_, prop) => getMod()[prop], + set: (_, prop, v) => getMod()[prop] = v + }) as T; } /** @@ -48,7 +62,7 @@ export function useAwaiter(factory: () => Promise, fallbackValue: T | null export function LazyComponent(factory: () => React.ComponentType) { return (props: T) => { const Component = React.useMemo(factory, []); - return ; + return ; }; } @@ -98,3 +112,11 @@ export function humanFriendlyJoin(elements: any[], mapper: (e: any) => string = return s; } + +/** + * Calls .join(" ") on the arguments + * classes("one", "two") => "one two" + */ +export function classes(...classes: string[]) { + return classes.join(" "); +} diff --git a/src/utils/types.ts b/src/utils/types.ts index f7936a42b..05441e8ab 100644 --- a/src/utils/types.ts +++ b/src/utils/types.ts @@ -29,3 +29,5 @@ interface PluginDef { dependencies?: string[], required?: boolean; } + +export type IpcRes = { ok: true; value: V; } | { ok: false, error: any; }; diff --git a/src/utils/updater.ts b/src/utils/updater.ts new file mode 100644 index 000000000..b3fa81255 --- /dev/null +++ b/src/utils/updater.ts @@ -0,0 +1,51 @@ +import IpcEvents from "./IpcEvents"; +import Logger from "./logger"; +import { IpcRes } from './types'; + +export const UpdateLogger = new Logger("Updater", "white"); +export let isOutdated = false; +export let changes: Record<"hash" | "author" | "message", string>[]; + +async function Unwrap(p: Promise>) { + const res = await p; + + if (res.ok) return res.value; + throw res.error; +} + +export async function checkForUpdates() { + changes = await Unwrap(VencordNative.ipc.invoke>(IpcEvents.GET_UPDATES)); + return (isOutdated = changes.length > 0); +} + +export async function update() { + if (!isOutdated) return true; + + const res = await Unwrap(VencordNative.ipc.invoke>(IpcEvents.UPDATE)); + + if (res) + isOutdated = false; + + return res; +} + +export function getRepo() { + return Unwrap(VencordNative.ipc.invoke>(IpcEvents.GET_REPO)); +} + +type Hashes = Record<"patcher.js" | "preload.js" | "renderer.js", string>; + +/** + * @returns true if hard restart is required + */ +export async function rebuild() { + const oldHashes = await Unwrap(VencordNative.ipc.invoke>(IpcEvents.GET_HASHES)); + + if (!await Unwrap(VencordNative.ipc.invoke>(IpcEvents.BUILD))) + throw new Error("The Build failed. Please try manually building the new update"); + + const newHashes = await Unwrap(VencordNative.ipc.invoke>(IpcEvents.GET_HASHES)); + + return oldHashes["patcher.js"] !== newHashes["patcher.js"] || + oldHashes["preload.js"] !== newHashes["preload.js"]; +} diff --git a/src/webpack/common.tsx b/src/webpack/common.tsx index 6e93e273c..82d812b69 100644 --- a/src/webpack/common.tsx +++ b/src/webpack/common.tsx @@ -1,17 +1,43 @@ -import { startAll } from "../plugins"; -import { waitFor, filters, findByProps } from './webpack'; +import { waitFor, filters, _resolveReady } from './webpack'; import type Components from "discord-types/components"; import type Stores from "discord-types/stores"; import type Other from "discord-types/other"; +import { lazyWebpack } from '../utils/misc'; + +export const Margins = lazyWebpack(filters.byProps(["marginTop20"])); export let FluxDispatcher: Other.FluxDispatcher; export let React: typeof import("react"); export let UserStore: Stores.UserStore; -export const Forms: any = {}; +export const Forms = {} as { + FormTitle: Components.FormTitle; + FormSection: any; + FormDivider: any; + FormText: Components.FormText; +}; +export let Card: Components.Card; export let Button: any; export let Switch: any; export let Tooltip: Components.Tooltip; +export let Router: any; +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, @@ -27,28 +53,28 @@ 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) -} as { - Type: typeof ToastType, - Position: typeof ToastPosition; - genId(): string; - show(data: { - message: string, - id: string, - /** - * Toasts.Type - */ - type: number, - options?: { + 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.Position + * Toasts.Type */ - position?: number; - component?: React.ReactNode, - duration?: number; - }; - }): void; - pop(): void; + type: number, + options?: { + /** + * Toasts.Position + */ + position?: number; + component?: React.ReactNode, + duration?: number; + }; + }): void; + pop(): void; + } }; waitFor("useState", m => React = m); @@ -56,7 +82,7 @@ waitFor(["dispatch", "subscribe"], m => { FluxDispatcher = m; const cb = () => { m.unsubscribe("CONNECTION_OPEN", cb); - startAll(); + _resolveReady(); }; m.subscribe("CONNECTION_OPEN", cb); }); @@ -64,6 +90,7 @@ waitFor(["getCurrentUser", "initialize"], m => UserStore = m); waitFor(["Hovers", "Looks", "Sizes"], m => Button = m); waitFor(filters.byCode("helpdeskArticleId"), m => Switch = m); waitFor(["Positions", "Colors"], m => Tooltip = m); +waitFor(m => m.Types?.PRIMARY === "cardPrimary", m => Card = m); waitFor(m => m.Tags && filters.byCode("errorSeparator")(m), m => Forms.FormTitle = m); waitFor(m => m.Tags && filters.byCode("titleClassName", "sectionTitle")(m), m => Forms.FormSection = m); @@ -78,3 +105,8 @@ waitFor(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); diff --git a/src/webpack/webpack.ts b/src/webpack/webpack.ts index 9e550a46d..ea5a7e360 100644 --- a/src/webpack/webpack.ts +++ b/src/webpack/webpack.ts @@ -1,5 +1,12 @@ import type { WebpackInstance } from "discord-types/other"; +export let _resolveReady: () => void; +/** + * Fired once a gateway connection to Discord has been established. + * This indicates that the core webpack modules have been initialised + */ +export const onceReady = new Promise(r => _resolveReady = r); + export let wreq: WebpackInstance; export let cache: WebpackInstance["c"]; @@ -68,8 +75,19 @@ export function findAll(filter: FilterFn, getDefault = true) { const ret = [] as any[]; for (const key in cache) { const mod = cache[key]; - if (mod?.exports && filter(mod.exports)) ret.push(mod.exports); - if (mod?.exports?.default && filter(mod.exports.default)) ret.push(getDefault ? mod.exports.default : mod.exports); + if (!mod?.exports) continue; + + if (filter(mod.exports)) + ret.push(mod.exports); + else if (typeof mod.exports !== "object") + continue; + + if (mod.exports.default && filter(mod.exports.default)) + ret.push(getDefault ? mod.exports.default : mod.exports); + else for (const nestedMod in mod.exports) if (nestedMod.length < 3) { + const nested = mod.exports[nestedMod]; + if (nested && filter(nested)) ret.push(nested); + } } return ret; diff --git a/tsconfig.json b/tsconfig.json index 6489d934b..620512ab5 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -10,6 +10,7 @@ "target": "ESNEXT", // https://esbuild.github.io/api/#jsx-factory "jsxFactory": "Vencord.Webpack.Common.React.createElement", + "jsxFragmentFactory": "Vencord.Webpack.Common.React.Fragment", "jsx": "react" }, "include": ["src/**/*"]