@plexcord/types 1.19.1 → 1.19.2

package/PlexcordNative.d.ts

@@ -1,6 +1,5 @@
 import type { Settings } from "./api/Settings";
 import type { CspRequestResult } from "./main/csp/manager";
-import type { UserThemeHeader } from "./main/themes";
 import { IpcEvents } from "./shared/IpcEvents";
 import type { IpcRes } from "./utils/types";
 export declare function invoke<T = any>(event: IpcEvents, ...args: any[]): Promise<T>;
@@ -10,7 +9,10 @@ declare const _default: {
         uploadTheme: (fileName: string, fileData: string) => Promise<void>;
         deleteTheme: (fileName: string) => Promise<void>;
         getThemesDir: () => Promise<string>;
-        getThemesList: () => Promise<UserThemeHeader[]>;
+        getThemesList: () => Promise<{
+            fileName: string;
+            content: string;
+        }[]>;
         getThemeData: (fileName: string) => Promise<string | undefined>;
         getSystemValues: () => Promise<Record<string, string>>;
         openFolder: () => Promise<void>;

package/api/PluginManager.d.ts

@@ -4,15 +4,8 @@ import { Patch, Plugin, StartAt } from "../utils/types";
 import { FluxDispatcher } from "../webpack/common";
 import Plugins from "~plugins";
 export declare const PMLogger: Logger;
-/**
- * Whether a plugin is required (or dependency of another enabled plugin)
- */
-export declare function isPluginRequired(name: string): boolean | undefined;
-/**
- * A map of plugin names to the plugins that depend on them
- */
-export declare const calculatePluginDependencyMap: () => Record<string, string[]>;
 export declare function isPluginEnabled(p: string): boolean;
+export declare function isPluginRequired(p: string): boolean;
 export declare function addPatch(newPatch: Omit<Patch, "plugin">, pluginName: string, pluginPath?: string): void;
 export declare function pluginRequiresRestart(p: Plugin): boolean;
 export declare const startAllPlugins: (target: StartAt) => void;

package/api/Settings.d.ts

@@ -16,6 +16,9 @@ export interface Settings {
     eagerPatches: boolean;
     enabledThemes: string[];
     enabledThemeLinks: string[];
+    enableOnlineThemes: boolean;
+    pinnedThemes: string[];
+    themeNames: Record<string, string>;
     enableReactDevtools: boolean;
     themeLinks: string[];
     frameless: boolean;

package/api/SettingsSync/cloudSync.d.ts

@@ -1,3 +1,4 @@
+export declare function shouldCloudSync(direction: "push" | "pull"): boolean;
 export declare function putCloudSettings(manual?: boolean): Promise<void>;
 export declare function getCloudSettings(shouldNotify?: boolean, force?: boolean): Promise<boolean | undefined>;
 export declare function deleteCloudSettings(): Promise<void>;

package/api/index.d.ts

@@ -4,6 +4,7 @@ import * as $ChatButtons from "./ChatButtons";
 import * as $Commands from "./Commands";
 import * as $ContextMenu from "./ContextMenu";
 import * as $DataStore from "./DataStore";
+import * as $HeaderBar from "./HeaderBar";
 import * as $i18n from "./i18n";
 import * as $MemberListDecorators from "./MemberListDecorators";
 import * as $MessageAccessories from "./MessageAccessories";
@@ -14,37 +15,36 @@ import * as $MessageUpdater from "./MessageUpdater";
 import * as $NicknameIcons from "./NicknameIcons";
 import * as $Notices from "./Notices";
 import * as $Notifications from "./Notifications";
+import * as $UserArea from "./UserArea";
 export * as PluginManager from "./PluginManager";
-import * as $HeaderBar from "./HeaderBar";
 import * as $ServerList from "./ServerList";
 import * as $Settings from "./Settings";
 import * as $Styles from "./Styles";
 import * as $Themes from "./Themes";
-import * as $UserArea from "./UserArea";
 import * as $UserSettings from "./UserSettings";
 /**
  * An API allowing you to listen to Message Clicks or run your own logic
- * before a message is sent
+ * before a message is sent.
  *
- * If your plugin uses this, you must add MessageEventsAPI to its dependencies
+ * If your plugin uses this, you must add MessageEventsAPI to its dependencies.
  */
 export declare const MessageEvents: typeof $MessageEventsAPI;
 /**
  * An API allowing you to create custom notices
- * (snackbars on the top, like the Update prompt)
+ * (snackbars on the top, like the Update prompt).
  */
 export declare const Notices: typeof $Notices;
 /**
- * An API allowing you to register custom commands
+ * An API allowing you to register custom commands.
  */
 export declare const Commands: typeof $Commands;
 /**
  * A wrapper around IndexedDB. This can store arbitrarily
  * large data and supports a lot of datatypes (Blob, Map, ...).
- * For a full list, see the mdn link below
+ * For a full list, see the mdn link below.
  *
  * This should always be preferred over the Settings API if possible, as
- * localstorage has very strict size restrictions and blocks the event loop
+ * localstorage has very strict size restrictions and blocks the event loop.
  *
  * Make sure your keys are unique (tip: prefix them with ur plugin name)
  * and please clean up no longer needed entries.
@@ -54,40 +54,40 @@ export declare const Commands: typeof $Commands;
  */
 export declare const DataStore: typeof $DataStore;
 /**
- * An API allowing you to add custom components as message accessories
+ * An API allowing you to add custom components as message accessories.
  */
 export declare const MessageAccessories: typeof $MessageAccessories;
 /**
- * An API allowing you to add custom buttons in the message popover
+ * An API allowing you to add custom buttons in the message popover.
  */
 export declare const MessagePopover: typeof $MessagePopover;
 /**
- * An API allowing you to add badges to user profiles
+ * An API allowing you to add badges to user profiles.
  */
 export declare const Badges: typeof $Badges;
 /**
- * An API allowing you to add custom elements to the server list
+ * An API allowing you to add custom elements to the server list.
  */
 export declare const ServerList: typeof $ServerList;
 /**
- * An API allowing you to add components as message accessories
+ * An API allowing you to add components as message accessories.
  */
 export declare const MessageDecorations: typeof $MessageDecorations;
 /**
- * An API allowing you to add components to member list users, in both DM's and servers
+ * An API allowing you to add components to member list users, in both DM's and servers.
  */
 export declare const MemberListDecorators: typeof $MemberListDecorators;
 /**
- * An API allowing you to persist data
+ * An API allowing you to persist data.
  */
 export declare const Settings: typeof $Settings;
 /**
- * An API allowing you to dynamically load styles
+ * An API allowing you to dynamically load styles.
  * a
  */
 export declare const Styles: typeof $Styles;
 /**
- * An API allowing you to display notifications
+ * An API allowing you to display notifications.
  */
 export declare const Notifications: typeof $Notifications;
 /**
@@ -96,27 +96,31 @@ export declare const Notifications: typeof $Notifications;
  */
 export declare const i18n: typeof $i18n;
 /**
- * An api allowing you to patch and add/remove items to/from context menus
+ * An api allowing you to patch and add/remove items to/from context menus.
  */
 export declare const ContextMenu: typeof $ContextMenu;
 /**
- * An API allowing you to add buttons to the chat input
+ * An API allowing you to add buttons to the chat input.
  */
 export declare const ChatButtons: typeof $ChatButtons;
 /**
- * An API allowing you to add buttons to the header bar.
+ * An API allowing you to add buttons to the header bar or channel toolbar.
  */
 export declare const HeaderBar: typeof $HeaderBar;
 /**
- * An API allowing you to update and re-render messages
+ * An API allowing you to update and re-render messages.
  */
 export declare const MessageUpdater: typeof $MessageUpdater;
 /**
- * An API allowing you to get an user setting
+ * An API allowing you to get an user setting.
  */
 export declare const UserSettings: typeof $UserSettings;
 /**
- * An API allowing you to add icons to the nickname, in profiles
+ * Don't use this
+ */
+export declare const Themes: typeof $Themes;
+/**
+ * An API allowing you to add icons to the nickname, in profiles.
  */
 export declare const NicknameIcons: typeof $NicknameIcons;
 /**
@@ -127,10 +131,6 @@ export declare const AudioPlayer: typeof $AudioPlayer;
  * An API allowing you to add buttons to the user area panel.
  */
 export declare const UserArea: typeof $UserArea;
-/**
- * Don't use this
- */
-export declare const Themes: typeof $Themes;
 /**
  * LocaleLoader for managing plugin translations
  */

package/components/BaseText.d.ts

@@ -24,12 +24,12 @@ export declare const TextColors: {
     readonly "text-default": "var(--text-default)";
     readonly "text-muted": "var(--text-muted)";
     readonly "text-link": "var(--text-link)";
-    readonly "text-danger": "var(--redesign-button-danger-background)";
+    readonly "text-danger": "var(--text-feedback-critical)";
     readonly "text-brand": "var(--text-brand)";
     readonly "text-strong": "var(--text-strong)";
     readonly "text-subtle": "var(--text-subtle)";
     readonly "control-text-critical": "var(--control-text-critical-secondary-default)";
-    readonly "control-text-primary": "var(--control-primary-text-default)";
+    readonly "control-text-primary": "var(--control-text-primary-default)";
 };
 export declare function generateTextCss(): string;
 export type TextSize = keyof typeof TextSizes;

package/components/ErrorCard.d.ts

@@ -1,3 +1,3 @@
 import "./ErrorCard.css";
-import type { HTMLAttributes } from "react";
-export declare function ErrorCard(props: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react").JSX.Element;
+import type { HTMLProps } from "react";
+export declare function ErrorCard(props: React.PropsWithChildren<HTMLProps<HTMLDivElement>>): import("react").JSX.Element;

package/components/Grid.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from "react";
+import { JSX } from "react";
 interface Props {
     columns: number;
     gap?: string;
     inline?: boolean;
 }
-export declare function Grid(props: Props & HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function Grid(props: Props & JSX.IntrinsicElements["div"]): JSX.Element;
 export {};

package/components/Icons.d.ts

@@ -27,14 +27,17 @@ export declare function Microphone(props: IconProps): import("react").JSX.Elemen
 export declare function CogWheel(props: IconProps): import("react").JSX.Element;
 export declare function ReplyIcon(props: IconProps): import("react").JSX.Element;
 export declare function DeleteIcon(props: IconProps): import("react").JSX.Element;
+export declare function PluginIcon(props: IconProps): import("react").JSX.Element;
 export declare function PlusIcon(props: IconProps): import("react").JSX.Element;
 export declare function NoEntrySignIcon(props: IconProps): import("react").JSX.Element;
+export declare function PasteIcon(props: IconProps): import("react").JSX.Element;
+export declare function ResetIcon(props: IconProps): import("react").JSX.Element;
 export declare function SafetyIcon(props: IconProps): import("react").JSX.Element;
 export declare function NotesIcon(props: IconProps): import("react").JSX.Element;
+export declare function IDIcon(props: IconProps): import("react").JSX.Element;
 export declare function FolderIcon(props: IconProps): import("react").JSX.Element;
 export declare function LogIcon(props: IconProps): import("react").JSX.Element;
 export declare function RestartIcon(props: IconProps): import("react").JSX.Element;
-export declare function IDIcon(props: IconProps): import("react").JSX.Element;
 export declare function PaintbrushIcon(props: IconProps): import("react").JSX.Element;
 export declare function PencilIcon(props: IconProps): import("react").JSX.Element;
 export declare function QuoteIcon(): import("react").JSX.Element;
@@ -55,4 +58,6 @@ export declare function PlextronSettingsIcon(props: IconProps): import("react").
 export declare function EyeIcon(props: IconProps): import("react").JSX.Element;
 export declare function ColorPaletteIcon(props: IconProps): import("react").JSX.Element;
 export declare function MagnifyingGlassIcon(props: IconProps): import("react").JSX.Element;
+export declare function CloudDownloadIcon(props: IconProps): import("react").JSX.Element;
+export declare function CloudUploadIcon(props: IconProps): import("react").JSX.Element;
 export {};

package/components/Notice.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentType, CSSProperties, ReactNode } from "react";
+export type NoticeType = "warn" | "info" | "danger" | "positive" | "preview";
+export declare const NoticeTypes: Record<"WARNING" | "INFO" | "ERROR" | "POSITIVE" | "PREVIEW", NoticeType>;
+export interface NoticeProps {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    icon?: ComponentType<{
+        className?: string;
+        color?: string;
+    }>;
+    action?: ReactNode;
+    textColor?: string;
+    textVariant?: string;
+    hidden?: boolean;
+}
+declare function Warning({ children, className, style, icon, action, textColor, textVariant, hidden }: NoticeProps): import("react").JSX.Element;
+declare function Info({ children, className, style, icon, action, textColor, textVariant, hidden }: NoticeProps): import("react").JSX.Element;
+declare function Error({ children, className, style, icon, action, textColor, textVariant, hidden }: NoticeProps): import("react").JSX.Element;
+declare function Positive({ children, className, style, icon, action, textColor, textVariant, hidden }: NoticeProps): import("react").JSX.Element;
+export declare const Notice: {
+    Warning: typeof Warning;
+    Info: typeof Info;
+    Error: typeof Error;
+    Positive: typeof Positive;
+};
+export {};

package/components/ThemeSettings/ThemesTab.d.ts

@@ -0,0 +1,4 @@
+import "./themesStyles.css";
+export declare function CspErrorCard(): import("react").JSX.Element | null;
+declare const _default: import("react").FunctionComponent<any>;
+export default _default;

package/components/ThemeSettings/UserCSSModal.d.ts

@@ -0,0 +1,9 @@
+import { ModalProps } from "../../utils/modal";
+import { UserstyleHeader } from "usercss-meta";
+interface UserCSSSettingsModalProps {
+    modalProps: ModalProps;
+    theme: UserstyleHeader;
+    onSettingsReset: () => void;
+}
+export declare function UserCSSSettingsModal({ modalProps, theme, onSettingsReset }: UserCSSSettingsModalProps): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingBooleanComponent.d.ts

@@ -0,0 +1,8 @@
+import "./styles.css";
+interface Props {
+    label: string;
+    name: string;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingBooleanComponent({ label, name, themeSettings }: Props): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingColorComponent.d.ts

@@ -0,0 +1,8 @@
+import "./colorStyles.css";
+interface Props {
+    label: string;
+    name: string;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingColorComponent({ label, name, themeSettings }: Props): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingNumberComponent.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    label: string;
+    name: string;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingNumberComponent({ label, name, themeSettings }: Props): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingRangeComponent.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    label: string;
+    name: string;
+    default: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingRangeComponent({ label, name, default: def, min, max, step, themeSettings }: Props): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingSelectComponent.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    label: string;
+    name: string;
+    options: {
+        name: string;
+        label: string;
+        value: string;
+    }[];
+    default: string;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingSelectComponent({ label, name, options, default: def, themeSettings }: Props): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingTextComponent.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    label: string;
+    name: string;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingTextComponent({ label, name, themeSettings }: Props): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./SettingBooleanComponent";
+export * from "./SettingColorComponent";
+export * from "./SettingNumberComponent";
+export * from "./SettingRangeComponent";
+export * from "./SettingSelectComponent";
+export * from "./SettingTextComponent";

package/components/index.d.ts

@@ -14,6 +14,7 @@ export * from "./Heart";
 export * from "./Icons";
 export * from "./Link";
 export * from "./margins";
+export * from "./Notice";
 export * from "./Paragraph";
 export * from "./settings";
 export * from "./Span";

package/components/settings/DonateButton.d.ts

@@ -1,3 +1,3 @@
-export default function DonateButton({ ...props }: {
-    [x: string]: any;
-}): import("react").JSX.Element;
+import { ButtonProps } from "@plexcord/discord-types";
+export declare function DonateButton({ className, ...props }: Partial<ButtonProps>): import("react").JSX.Element;
+export declare function InviteButton({ className, ...props }: Partial<ButtonProps>): import("react").JSX.Element;

package/components/settings/EditableText.d.ts

@@ -0,0 +1,7 @@
+interface EditableTextProps {
+    value: string;
+    onChange: (newValue: string) => void;
+    className?: string;
+}
+export declare function EditableText({ value, onChange, className }: EditableTextProps): import("react").JSX.Element;
+export {};

package/components/settings/OnlineThemeCard.d.ts

@@ -0,0 +1,21 @@
+import "./AddonCard.css";
+import type { MouseEventHandler, ReactNode } from "react";
+interface Props {
+    name: ReactNode;
+    description: ReactNode;
+    enabled: boolean;
+    setEnabled: (enabled: boolean) => void;
+    disabled?: boolean;
+    isNew?: boolean;
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
+    infoButton?: ReactNode;
+    footer?: ReactNode;
+    author?: ReactNode;
+    customName?: string;
+    customDescription?: string;
+    onEditName?: (newName: string) => void;
+    onEditDescription?: (newDescription: string) => void;
+}
+export declare function OnlineThemeCard({ disabled, isNew, name, infoButton, footer, author, enabled, setEnabled, description, onMouseEnter, onMouseLeave, customName, onEditName, }: Props): import("react").JSX.Element;
+export {};

package/components/settings/QuickAction.d.ts

@@ -9,4 +9,6 @@ export interface QuickActionProps {
     disabled?: boolean;
 }
 export declare function QuickAction(props: QuickActionProps): import("react").JSX.Element;
-export declare function QuickActionCard(props: PropsWithChildren): import("react").JSX.Element;
+export declare function QuickActionCard(props: PropsWithChildren<{
+    columns?: number;
+}>): import("react").JSX.Element;

package/components/settings/tabs/index.d.ts

@@ -1,4 +1,5 @@
 import "./styles.css";
+export { default as ThemesTab } from "../../ThemeSettings/ThemesTab";
 export * from "./BaseTab";
 export { default as ChangelogTab } from "./changelog";
 export { default as PatchHelperTab } from "./patchHelper";
@@ -8,5 +9,4 @@ export { openContributorModal } from "./plugins/ContributorModal";
 export { openPluginModal } from "./plugins/PluginModal";
 export { default as BackupAndRestoreTab } from "./sync/BackupAndRestoreTab";
 export { default as CloudTab } from "./sync/CloudTab";
-export { default as ThemesTab } from "./themes";
 export { default as UpdaterTab } from "./updater";

package/components/settings/tabs/plexcord/DonateButton.d.ts

@@ -1,2 +1,4 @@
 export declare const isDonor: (userId: string) => boolean;
-export declare function DonateButtonComponent(): import("react").JSX.Element;
+export declare function DonateButtonComponent({ donated }: {
+    donated?: boolean | undefined;
+}): import("react").JSX.Element;

package/components/settings/tabs/plexcord/index.d.ts

@@ -1,2 +1,4 @@
+import "./PlexcordTab.css";
 declare const _default: import("react").FunctionComponent<any>;
 export default _default;
+export declare function isDonor(userId: string): boolean;

package/components/settings/tabs/plugins/PluginModal.d.ts

@@ -13,5 +13,5 @@ export declare function makeDummyUser(user: {
 }): Partial<User>;
 export default function PluginModal({ plugin, onRestartNeeded, onClose, transitionState }: PluginModalProps): import("react").JSX.Element;
 export declare function openPluginModal(plugin: Plugin, onRestartNeeded?: (pluginName: string, key: string) => void): void;
-export declare function openWarningModal(plugin?: Plugin | null, pluginModalProps?: ModalProps | null, onRestartNeeded?: (pluginName: string) => void, isPlugin?: boolean, enabledPlugins?: number | null, reset?: any): any;
+export declare function openWarningModal(plugin?: Plugin | null, onRestartNeeded?: (pluginName: string) => void, isPlugin?: boolean, enabledPlugins?: number | null, reset?: () => void): void;
 export {};

package/components/settings/tabs/plugins/components/truncateText.d.ts

@@ -0,0 +1,4 @@
+export declare function useTruncatedText(text: string): {
+    truncated: string;
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
+};