Bundle dependencies with extensions for webstore rule compliance (#1740)

5 files changed, 0 insertions, 348 deletions

diff --git a/src/plugins/shikiCodeblocks/components/ButtonRow.tsx b/src/plugins/shikiCodeblocks/components/ButtonRow.tsx
deleted file mode 100644
index e73eb72..0000000
--- a/src/plugins/shikiCodeblocks/components/ButtonRow.tsx
+++ /dev/null
@@ -1,46 +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 { Clipboard } from "@webpack/common";
-
-import { cl } from "../utils/misc";
-import { CopyButton } from "./CopyButton";
-
-export interface ButtonRowProps {
-    theme: import("./Highlighter").ThemeBase;
-    content: string;
-}
-
-export function ButtonRow({ content, theme }: ButtonRowProps) {
-    const buttons: JSX.Element[] = [];
-
-    if (Clipboard.SUPPORTS_COPY) {
-        buttons.push(
-            <CopyButton
-                content={content}
-                className={cl("btn")}
-                style={{
-                    backgroundColor: theme.accentBgColor,
-                    color: theme.accentFgColor,
-                }}
-            />
-        );
-    }
-
-    return <div className={cl("btns")}>{buttons}</div>;
-}
diff --git a/src/plugins/shikiCodeblocks/components/Code.tsx b/src/plugins/shikiCodeblocks/components/Code.tsx
deleted file mode 100644
index ce6a705..0000000
--- a/src/plugins/shikiCodeblocks/components/Code.tsx
+++ /dev/null
@@ -1,93 +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 type { IThemedToken } from "@vap/shiki";
-import { hljs } from "@webpack/common";
-
-import { cl } from "../utils/misc";
-import { ThemeBase } from "./Highlighter";
-
-export interface CodeProps {
-    theme: ThemeBase;
-    useHljs: boolean;
-    lang?: string;
-    content: string;
-    tokens: IThemedToken[][] | null;
-}
-
-export const Code = ({
-    theme,
-    useHljs,
-    lang,
-    content,
-    tokens,
-}: CodeProps) => {
-    let lines!: JSX.Element[];
-
-    if (useHljs) {
-        try {
-            const { value: hljsHtml } = hljs.highlight(lang!, content, true);
-            lines = hljsHtml
-                .split("\n")
-                .map((line, i) => <span key={i} dangerouslySetInnerHTML={{ __html: line }} />);
-        } catch {
-            lines = content.split("\n").map(line => <span>{line}</span>);
-        }
-    } else {
-        const renderTokens =
-            tokens ??
-            content
-                .split("\n")
-                .map(line => [{ color: theme.plainColor, content: line } as IThemedToken]);
-
-        lines = renderTokens.map(line => {
-            // [Cynthia] this makes it so when you highlight the codeblock
-            // empty lines are also selected and copied when you Ctrl+C.
-            if (line.length === 0) {
-                return <span>{"\n"}</span>;
-            }
-
-            return (
-                <>
-                    {line.map(({ content, color, fontStyle }, i) => (
-                        <span
-                            key={i}
-                            style={{
-                                color,
-                                fontStyle: (fontStyle ?? 0) & 1 ? "italic" : undefined,
-                                fontWeight: (fontStyle ?? 0) & 2 ? "bold" : undefined,
-                                textDecoration: (fontStyle ?? 0) & 4 ? "underline" : undefined,
-                            }}
-                        >
-                            {content}
-                        </span>
-                    ))}
-                </>
-            );
-        });
-    }
-
-    const codeTableRows = lines.map((line, i) => (
-        <tr key={i}>
-            <td style={{ color: theme.plainColor }}>{i + 1}</td>
-            <td>{line}</td>
-        </tr>
-    ));
-
-    return <table className={cl("table")}>{...codeTableRows}</table>;
-};
diff --git a/src/plugins/shikiCodeblocks/components/CopyButton.tsx b/src/plugins/shikiCodeblocks/components/CopyButton.tsx
deleted file mode 100644
index 153b3cd..0000000
--- a/src/plugins/shikiCodeblocks/components/CopyButton.tsx
+++ /dev/null
@@ -1,41 +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 { useCopyCooldown } from "../hooks/useCopyCooldown";
-
-export interface CopyButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    content: string;
-}
-
-export function CopyButton({ content, ...props }: CopyButtonProps) {
-    const [copyCooldown, copy] = useCopyCooldown(1000);
-
-    return (
-        <button
-            {...props}
-            style={{
-                ...props.style,
-                cursor: copyCooldown ? "default" : undefined,
-            }}
-            onClick={() => copy(content)}
-        >
-            {copyCooldown ? "Copied!" : "Copy"}
-        </button>
-
-    );
-}
diff --git a/src/plugins/shikiCodeblocks/components/Header.tsx b/src/plugins/shikiCodeblocks/components/Header.tsx
deleted file mode 100644
index 320dde9..0000000
--- a/src/plugins/shikiCodeblocks/components/Header.tsx
+++ /dev/null
@@ -1,42 +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 { Language } from "../api/languages";
-import { DeviconSetting } from "../types";
-import { cl } from "../utils/misc";
-
-export interface HeaderProps {
-    langName?: string;
-    useDevIcon: DeviconSetting;
-    shikiLang: Language | null;
-}
-
-export function Header({ langName, useDevIcon, shikiLang }: HeaderProps) {
-    if (!langName) return <></>;
-
-    return (
-        <div className={cl("lang")}>
-            {useDevIcon !== DeviconSetting.Disabled && shikiLang?.devicon && (
-                <i
-                    className={`${cl("devicon")} devicon-${shikiLang.devicon}${useDevIcon === DeviconSetting.Color ? " colored" : ""}`}
-                />
-            )}
-            {langName}
-        </div>
-    );
-}
diff --git a/src/plugins/shikiCodeblocks/components/Highlighter.tsx b/src/plugins/shikiCodeblocks/components/Highlighter.tsx
deleted file mode 100644
index dd14019..0000000
--- a/src/plugins/shikiCodeblocks/components/Highlighter.tsx
+++ /dev/null
@@ -1,126 +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 ErrorBoundary from "@components/ErrorBoundary";
-import { useAwaiter, useIntersection } from "@utils/react";
-import { hljs, React } from "@webpack/common";
-
-import { resolveLang } from "../api/languages";
-import { shiki } from "../api/shiki";
-import { useShikiSettings } from "../hooks/useShikiSettings";
-import { useTheme } from "../hooks/useTheme";
-import { hex2Rgb } from "../utils/color";
-import { cl, shouldUseHljs } from "../utils/misc";
-import { ButtonRow } from "./ButtonRow";
-import { Code } from "./Code";
-import { Header } from "./Header";
-
-export interface ThemeBase {
-    plainColor: string;
-    accentBgColor: string;
-    accentFgColor: string;
-    backgroundColor: string;
-}
-
-export interface HighlighterProps {
-    lang?: string;
-    content: string;
-    isPreview: boolean;
-    tempSettings?: Record<string, any>;
-}
-
-export const createHighlighter = (props: HighlighterProps) => (
-    <pre className={cl("container")}>
-        <ErrorBoundary>
-            <Highlighter {...props} />
-        </ErrorBoundary>
-    </pre>
-);
-export const Highlighter = ({
-    lang,
-    content,
-    isPreview,
-    tempSettings,
-}: HighlighterProps) => {
-    const {
-        tryHljs,
-        useDevIcon,
-        bgOpacity,
-    } = useShikiSettings(["tryHljs", "useDevIcon", "bgOpacity"], tempSettings);
-    const { id: currentThemeId, theme: currentTheme } = useTheme();
-
-    const shikiLang = lang ? resolveLang(lang) : null;
-    const useHljs = shouldUseHljs({ lang, tryHljs });
-
-    const [rootRef, isIntersecting] = useIntersection(true);
-
-    const [tokens] = useAwaiter(async () => {
-        if (!shikiLang || useHljs || !isIntersecting) return null;
-        return await shiki.tokenizeCode(content, lang!);
-    }, {
-        fallbackValue: null,
-        deps: [lang, content, currentThemeId, isIntersecting],
-    });
-
-    const themeBase: ThemeBase = {
-        plainColor: currentTheme?.fg || "var(--text-normal)",
-        accentBgColor:
-            currentTheme?.colors?.["statusBar.background"] || (useHljs ? "#7289da" : "#007BC8"),
-        accentFgColor: currentTheme?.colors?.["statusBar.foreground"] || "#FFF",
-        backgroundColor:
-            currentTheme?.colors?.["editor.background"] || "var(--background-secondary)",
-    };
-
-    let langName;
-    if (lang) langName = useHljs ? hljs?.getLanguage?.(lang)?.name : shikiLang?.name;
-
-    return (
-        <div
-            ref={rootRef}
-            className={cl("root", { plain: !langName, preview: isPreview })}
-            style={{
-                backgroundColor: useHljs
-                    ? themeBase.backgroundColor
-                    : `rgba(${hex2Rgb(themeBase.backgroundColor)
-                        .concat(bgOpacity / 100)
-                        .join(", ")})`,
-                color: themeBase.plainColor,
-            }}
-        >
-            <code>
-                <Header
-                    langName={langName}
-                    useDevIcon={useDevIcon}
-                    shikiLang={shikiLang}
-                />
-                <Code
-                    theme={themeBase}
-                    useHljs={useHljs}
-                    lang={lang}
-                    content={content}
-                    tokens={tokens}
-                />
-                {!isPreview && <ButtonRow
-                    content={content}
-                    theme={themeBase}
-                />}
-            </code>
-        </div>
-    );
-};
-