Add ProfileSets (#715)
* Add ProfileSets dragify before gta6??? * Update confirmModal.tsx * Update presetManager.tsx * fix lint (: * messy --------- Co-authored-by: thororen1234 <78185467+thororen1234@users.noreply.github.com>
This commit is contained in:
Eazvy
GitHub
parent
ebfd36c1d6
commit
6e2bb1ea90
16 changed files with 1258 additions and 8 deletions
49
packages/discord-types/src/common/User.d.ts
vendored
49
packages/discord-types/src/common/User.d.ts
vendored
|
|
@ -83,3 +83,52 @@ export interface UserJSON {
|
|||
username: string;
|
||||
globalName: string | undefined;
|
||||
}
|
||||
|
||||
export interface ProfileEffect {
|
||||
skuId: string;
|
||||
title?: string;
|
||||
description?: string;
|
||||
accessibilityLabel?: string;
|
||||
reducedMotionSrc?: string;
|
||||
thumbnailPreviewSrc?: string;
|
||||
effects?: any[];
|
||||
animationType?: number;
|
||||
staticFrameSrc?: string;
|
||||
type?: number;
|
||||
}
|
||||
|
||||
export interface Nameplate {
|
||||
skuId: string;
|
||||
asset: string;
|
||||
label?: string;
|
||||
palette?: string;
|
||||
type?: number;
|
||||
}
|
||||
|
||||
export interface ProfilePreset {
|
||||
name: string;
|
||||
timestamp: number;
|
||||
avatarDataUrl?: string | null;
|
||||
bannerDataUrl?: string | null;
|
||||
bio?: string | null;
|
||||
accentColor?: number | null;
|
||||
themeColors?: number[] | null;
|
||||
globalName?: string | null;
|
||||
pronouns?: string | null;
|
||||
avatarDecoration?: {
|
||||
asset: string;
|
||||
skuId: string;
|
||||
} | null;
|
||||
profileEffect?: ProfileEffect | null;
|
||||
nameplate?: Nameplate | null;
|
||||
primaryGuildId?: string | null;
|
||||
customStatus?: CustomStatus | null;
|
||||
displayNameStyles?: DisplayNameStyles | null;
|
||||
}
|
||||
|
||||
export interface CustomStatus {
|
||||
text?: string;
|
||||
emojiId?: string;
|
||||
emojiName?: string;
|
||||
expiresAtMs?: string;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import { FluxStore, Guild, User, Application, ApplicationInstallParams } from "..";
|
||||
import { FluxStore, Guild, User, Application, ApplicationInstallParams, ProfileEffect } from "..";
|
||||
import { ApplicationFlags, ApplicationIntegrationType } from "../../enums";
|
||||
|
||||
export interface MutualFriend {
|
||||
|
|
@ -70,9 +70,11 @@ export interface UserProfileBase extends Pick<User, "banner"> {
|
|||
*/
|
||||
badges: ProfileBadge[];
|
||||
bio: string | undefined;
|
||||
collectibles: ProfileEffect[];
|
||||
popoutAnimationParticleType: string | null;
|
||||
profileEffectExpiresAt: number | Date | undefined;
|
||||
profileEffectId: undefined | string;
|
||||
profileEffect: ProfileEffect;
|
||||
/**
|
||||
* often an empty string when not set
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import usrbg from "@plugins/usrbg";
|
|||
import { Devs } from "@utils/constants";
|
||||
import definePlugin, { OptionType } from "@utils/types";
|
||||
import { User } from "@vencord/discord-types";
|
||||
import { findStoreLazy } from "@webpack";
|
||||
import { UserProfileStore } from "@webpack/common";
|
||||
|
||||
import style from "./style.css?managed";
|
||||
|
||||
|
|
@ -41,8 +41,6 @@ const settings = definePluginSettings({
|
|||
|
||||
const DATASTORE_KEY = "bannersEverywhere";
|
||||
|
||||
const UserProfileStore = findStoreLazy("UserProfileStore");
|
||||
|
||||
export default definePlugin({
|
||||
name: "BannersEverywhere",
|
||||
description: "Displays banners in the member list ",
|
||||
|
|
|
|||
|
|
@ -4,8 +4,6 @@
|
|||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import "../styles.css";
|
||||
|
||||
import ErrorBoundary from "@components/ErrorBoundary";
|
||||
import { Heading } from "@components/Heading";
|
||||
import { SettingsTab, wrapTab } from "@components/settings";
|
||||
|
|
|
|||
|
|
@ -4,6 +4,8 @@
|
|||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import "./styles.css";
|
||||
|
||||
import SettingsPlugin from "@plugins/_core/settings";
|
||||
import { EquicordDevs } from "@utils/constants";
|
||||
import definePlugin, { StartAt } from "@utils/types";
|
||||
|
|
|
|||
|
|
@ -4,8 +4,6 @@
|
|||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import "../styles.css";
|
||||
|
||||
import { Button } from "@components/Button";
|
||||
import { Heading } from "@components/Heading";
|
||||
import { SettingsTab, wrapTab } from "@components/settings";
|
||||
|
|
|
|||
|
|
@ -4,6 +4,8 @@
|
|||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import "./styles.css";
|
||||
|
||||
import { MagnifyingGlassIcon } from "@components/Icons";
|
||||
import SettingsPlugin, { settingsSectionMap } from "@plugins/_core/settings";
|
||||
import { EquicordDevs } from "@utils/constants";
|
||||
|
|
|
|||
50
src/equicordplugins/profileSets/components/confirmModal.tsx
Normal file
50
src/equicordplugins/profileSets/components/confirmModal.tsx
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
/*
|
||||
* Vencord, a Discord client mod
|
||||
* Copyright (c) 2026 Vendicated and contributors
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import { Heading } from "@components/Heading";
|
||||
import { Button } from "@components/index";
|
||||
import { Paragraph } from "@components/Paragraph";
|
||||
import { ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot } from "@utils/modal";
|
||||
interface ConfirmModalProps extends ModalProps {
|
||||
title: string;
|
||||
message: string;
|
||||
confirmText: string;
|
||||
cancelText: string;
|
||||
onConfirm: () => void;
|
||||
onCancel: () => void;
|
||||
}
|
||||
|
||||
export function ConfirmModal({ title, message, confirmText, cancelText, onConfirm, onCancel, onClose, transitionState }: ConfirmModalProps) {
|
||||
return (
|
||||
<ModalRoot transitionState={transitionState}>
|
||||
<ModalHeader>
|
||||
<Heading tag="h2">{title}</Heading>
|
||||
</ModalHeader>
|
||||
<ModalContent>
|
||||
<Paragraph>{message}</Paragraph>
|
||||
</ModalContent>
|
||||
<ModalFooter>
|
||||
<Button
|
||||
onClick={() => {
|
||||
onConfirm();
|
||||
onClose();
|
||||
}}
|
||||
>
|
||||
{confirmText}
|
||||
</Button>
|
||||
<Button
|
||||
variant="secondary"
|
||||
onClick={() => {
|
||||
onCancel();
|
||||
onClose();
|
||||
}}
|
||||
>
|
||||
{cancelText}
|
||||
</Button>
|
||||
</ModalFooter>
|
||||
</ModalRoot>
|
||||
);
|
||||
}
|
||||
205
src/equicordplugins/profileSets/components/presetList.tsx
Normal file
205
src/equicordplugins/profileSets/components/presetList.tsx
Normal file
|
|
@ -0,0 +1,205 @@
|
|||
/*
|
||||
* Vencord, a Discord client mod
|
||||
* Copyright (c) 2026 Vendicated and contributors
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import { classes } from "@utils/misc";
|
||||
import { ProfilePreset } from "@vencord/discord-types";
|
||||
import { ContextMenuApi, Menu, React, showToast, TextInput, Toasts } from "@webpack/common";
|
||||
|
||||
import { cl } from "..";
|
||||
import { deletePreset, movePreset, renamePreset, updatePresetField } from "../utils/actions";
|
||||
import { getCurrentProfile } from "../utils/profile";
|
||||
|
||||
interface PresetListProps {
|
||||
presets: ProfilePreset[];
|
||||
allPresets: ProfilePreset[];
|
||||
avatarSize: number;
|
||||
selectedPreset: number;
|
||||
onLoad: (index: number) => void;
|
||||
onUpdate: () => void;
|
||||
guildId?: string;
|
||||
currentPage: number;
|
||||
onPageChange: (page: number) => void;
|
||||
}
|
||||
|
||||
export function PresetList({ presets, allPresets, avatarSize, selectedPreset, onLoad, onUpdate, guildId, currentPage, onPageChange }: PresetListProps) {
|
||||
const [renaming, setRenaming] = React.useState<number>(-1);
|
||||
const [renameText, setRenameText] = React.useState("");
|
||||
|
||||
return (
|
||||
<div className={cl("list-container")}>
|
||||
{presets.map(preset => {
|
||||
const actualIndex = allPresets.indexOf(preset);
|
||||
const isRenaming = renaming === actualIndex;
|
||||
const date = new Date(preset.timestamp);
|
||||
const formattedDate = date.toLocaleDateString(undefined, {
|
||||
month: "short",
|
||||
day: "numeric",
|
||||
year: "numeric"
|
||||
});
|
||||
const formattedTime = date.toLocaleTimeString(undefined, {
|
||||
hour: "2-digit",
|
||||
minute: "2-digit"
|
||||
});
|
||||
|
||||
return (
|
||||
<div
|
||||
key={actualIndex}
|
||||
tabIndex={isRenaming ? -1 : 0}
|
||||
role="button"
|
||||
onClick={() => {
|
||||
if (!isRenaming) {
|
||||
onLoad(actualIndex);
|
||||
showToast(`Profile "${preset.name}" loaded successfully`, Toasts.Type.SUCCESS);
|
||||
}
|
||||
}}
|
||||
onKeyDown={e => {
|
||||
if (!isRenaming && (e.key === "Enter" || e.key === " ")) {
|
||||
e.preventDefault();
|
||||
onLoad(actualIndex);
|
||||
showToast(`Profile "${preset.name}" loaded successfully`, Toasts.Type.SUCCESS);
|
||||
}
|
||||
}}
|
||||
className={classes(cl("row"), !isRenaming && selectedPreset === actualIndex ? "selected" : "")}
|
||||
>
|
||||
<div className={cl("avatar-url")}>
|
||||
{preset.avatarDataUrl && (
|
||||
<img
|
||||
src={preset.avatarDataUrl}
|
||||
alt=""
|
||||
className={cl("avatar")}
|
||||
style={{ width: `${avatarSize}px`, height: `${avatarSize}px` }}
|
||||
/>
|
||||
)}
|
||||
<div className={cl("rename")}>
|
||||
{isRenaming ? (
|
||||
<TextInput
|
||||
value={renameText}
|
||||
onChange={setRenameText}
|
||||
onBlur={() => {
|
||||
if (renameText.trim()) {
|
||||
renamePreset(actualIndex, renameText);
|
||||
onUpdate();
|
||||
}
|
||||
setRenaming(-1);
|
||||
}}
|
||||
onKeyDown={e => {
|
||||
if (e.key === "Enter") {
|
||||
if (renameText.trim()) {
|
||||
renamePreset(actualIndex, renameText);
|
||||
onUpdate();
|
||||
}
|
||||
setRenaming(-1);
|
||||
} else if (e.key === "Escape") {
|
||||
setRenaming(-1);
|
||||
}
|
||||
e.stopPropagation();
|
||||
}}
|
||||
onClick={e => e.stopPropagation()}
|
||||
autoFocus
|
||||
/>
|
||||
) : (
|
||||
<>
|
||||
<div className={cl("name")}>
|
||||
{preset.name}
|
||||
</div>
|
||||
<div className={cl("timestamp")}>
|
||||
{formattedDate} at {formattedTime}
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div className={cl("updated")}>
|
||||
<svg
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 20 20"
|
||||
className={cl("menu-icon")}
|
||||
onClick={e => {
|
||||
e.stopPropagation();
|
||||
const target = e.currentTarget;
|
||||
ContextMenuApi.openContextMenu(e, () => (
|
||||
<Menu.Menu navId="preset-options" onClose={ContextMenuApi.closeContextMenu}>
|
||||
<Menu.MenuItem
|
||||
id="rename"
|
||||
label="Rename"
|
||||
action={() => {
|
||||
setRenaming(actualIndex);
|
||||
setRenameText(preset.name);
|
||||
}}
|
||||
/>
|
||||
<Menu.MenuItem
|
||||
id="update"
|
||||
label="Update"
|
||||
action={async () => {
|
||||
const profile = await getCurrentProfile(guildId);
|
||||
Object.entries(profile).forEach(([key, value]) => {
|
||||
if (value !== null && value !== undefined) {
|
||||
updatePresetField(actualIndex, key as any, value);
|
||||
}
|
||||
});
|
||||
showToast("Profile updated successfully", Toasts.Type.SUCCESS);
|
||||
onUpdate();
|
||||
}}
|
||||
/>
|
||||
<Menu.MenuSeparator />
|
||||
{actualIndex > 0 && (
|
||||
<Menu.MenuItem
|
||||
id="move-up"
|
||||
label="Move Up"
|
||||
action={() => {
|
||||
movePreset(actualIndex, actualIndex - 1);
|
||||
onUpdate();
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
{actualIndex < allPresets.length - 1 && (
|
||||
<Menu.MenuItem
|
||||
id="move-down"
|
||||
label="Move Down"
|
||||
action={() => {
|
||||
movePreset(actualIndex, actualIndex + 1);
|
||||
onUpdate();
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
{currentPage > 1 && (
|
||||
<Menu.MenuItem
|
||||
id="move-to-page-1"
|
||||
label="Move to Page 1"
|
||||
action={() => {
|
||||
movePreset(actualIndex, 0);
|
||||
onPageChange(1);
|
||||
onUpdate();
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
<Menu.MenuSeparator />
|
||||
<Menu.MenuItem
|
||||
id="delete"
|
||||
label="Delete"
|
||||
color="danger"
|
||||
action={async () => {
|
||||
await deletePreset(actualIndex);
|
||||
onUpdate();
|
||||
}}
|
||||
/>
|
||||
</Menu.Menu>
|
||||
));
|
||||
}}
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M10 3a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 5a1.5 1.5 0 110 3 1.5 1.5 0 010-3z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
198
src/equicordplugins/profileSets/components/presetManager.tsx
Normal file
198
src/equicordplugins/profileSets/components/presetManager.tsx
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
/*
|
||||
* Vencord, a Discord client mod
|
||||
* Copyright (c) 2026 Vendicated and contributors
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import { Heading } from "@components/Heading";
|
||||
import { Button } from "@components/index";
|
||||
import { openModal } from "@utils/modal";
|
||||
import { React, TextInput } from "@webpack/common";
|
||||
|
||||
import { cl, settings } from "../index";
|
||||
import { exportPresets, importPresets, savePreset } from "../utils/actions";
|
||||
import { loadPresetAsPending } from "../utils/profile";
|
||||
import { presets, setCurrentPresetIndex } from "../utils/storage";
|
||||
import { ConfirmModal } from "./confirmModal";
|
||||
import { PresetList } from "./presetList";
|
||||
|
||||
const PRESETS_PER_PAGE = 5;
|
||||
|
||||
export function PresetManager({ guildId }: { guildId?: string; }) {
|
||||
const [presetName, setPresetName] = React.useState("");
|
||||
const [, forceUpdate] = React.useReducer(x => x + 1, 0);
|
||||
const [isSaving, setIsSaving] = React.useState(false);
|
||||
const [currentPage, setCurrentPage] = React.useState(1);
|
||||
const [pageInput, setPageInput] = React.useState("1");
|
||||
const [selectedPreset, setSelectedPreset] = React.useState<number>(-1);
|
||||
const [searchMode, setSearchMode] = React.useState(false);
|
||||
|
||||
const filteredPresets = searchMode
|
||||
? presets.filter(p => p.name.toLowerCase().includes(presetName.toLowerCase()))
|
||||
: presets;
|
||||
|
||||
const totalPages = Math.ceil(filteredPresets.length / PRESETS_PER_PAGE);
|
||||
const startIndex = (currentPage - 1) * PRESETS_PER_PAGE;
|
||||
const currentPresets = filteredPresets.slice(startIndex, startIndex + PRESETS_PER_PAGE);
|
||||
|
||||
const handlePageChange = (newPage: number) => {
|
||||
if (newPage >= 1 && newPage <= totalPages) {
|
||||
setCurrentPage(newPage);
|
||||
setPageInput(String(newPage));
|
||||
}
|
||||
};
|
||||
|
||||
const handleSavePreset = async () => {
|
||||
if (!presetName.trim()) return;
|
||||
setIsSaving(true);
|
||||
await savePreset(presetName.trim(), guildId);
|
||||
setPresetName("");
|
||||
setIsSaving(false);
|
||||
const newTotalPages = Math.ceil(presets.length / PRESETS_PER_PAGE);
|
||||
handlePageChange(newTotalPages);
|
||||
forceUpdate();
|
||||
};
|
||||
|
||||
const handleLoadPreset = (index: number) => {
|
||||
setSelectedPreset(index);
|
||||
setCurrentPresetIndex(index);
|
||||
loadPresetAsPending(presets[index], guildId);
|
||||
forceUpdate();
|
||||
};
|
||||
|
||||
const showOverridePrompt = (): Promise<boolean> => {
|
||||
return new Promise(resolve => {
|
||||
openModal(props => (
|
||||
<ConfirmModal
|
||||
{...props}
|
||||
title="Override Existing Presets?"
|
||||
message="Some imported profiles match existing ones. Do you want to override all profiles or combine them?"
|
||||
confirmText="Override"
|
||||
cancelText="Combine"
|
||||
onConfirm={() => resolve(true)}
|
||||
onCancel={() => resolve(false)}
|
||||
/>
|
||||
));
|
||||
});
|
||||
};
|
||||
|
||||
const avatarSize = settings.store.avatarSize || 40;
|
||||
const hasPresets = presets.length > 0;
|
||||
const shouldShowPagination = filteredPresets.length > PRESETS_PER_PAGE;
|
||||
|
||||
return (
|
||||
<div className={cl("section")} >
|
||||
<Heading tag="h3" className={cl("heading")}>
|
||||
Saved Profiles
|
||||
</Heading>
|
||||
|
||||
<div className={cl("text")}>
|
||||
<TextInput
|
||||
placeholder={searchMode ? "Search profiles..." : "Profile Name"}
|
||||
value={presetName}
|
||||
onChange={setPresetName}
|
||||
className={cl("text-input")}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className={cl("search")}>
|
||||
{!searchMode && (
|
||||
<Button
|
||||
size="small"
|
||||
disabled={isSaving || !presetName.trim()}
|
||||
onClick={handleSavePreset}
|
||||
className={cl("search-button")}
|
||||
>
|
||||
{isSaving ? "Saving..." : "Save Profile"}
|
||||
</Button>
|
||||
)}
|
||||
{hasPresets && (
|
||||
<Button
|
||||
size="small"
|
||||
variant={searchMode ? "primary" : "secondary"}
|
||||
onClick={() => {
|
||||
setSearchMode(!searchMode);
|
||||
handlePageChange(1);
|
||||
}}
|
||||
>
|
||||
{searchMode ? "Cancel Search" : "Search"}
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{hasPresets && (
|
||||
<>
|
||||
<PresetList
|
||||
presets={currentPresets}
|
||||
allPresets={presets}
|
||||
avatarSize={avatarSize}
|
||||
selectedPreset={selectedPreset}
|
||||
onLoad={handleLoadPreset}
|
||||
onUpdate={forceUpdate}
|
||||
guildId={guildId}
|
||||
currentPage={currentPage}
|
||||
onPageChange={handlePageChange}
|
||||
/>
|
||||
|
||||
{shouldShowPagination && (
|
||||
<div className={cl("pagination")}>
|
||||
<Button
|
||||
size="small"
|
||||
variant="secondary"
|
||||
disabled={currentPage === 1}
|
||||
onClick={() => handlePageChange(currentPage - 1)}
|
||||
>
|
||||
←
|
||||
</Button>
|
||||
<div className={cl("page")}>
|
||||
<input
|
||||
type="text"
|
||||
value={pageInput}
|
||||
onChange={e => {
|
||||
const { value } = e.target;
|
||||
setPageInput(value);
|
||||
const num = parseInt(value);
|
||||
if (!isNaN(num) && num >= 1 && num <= totalPages) {
|
||||
setCurrentPage(num);
|
||||
}
|
||||
}}
|
||||
className={cl("page-input")}
|
||||
/>
|
||||
<span className={cl("page-of")}>
|
||||
/ {totalPages}
|
||||
</span>
|
||||
</div>
|
||||
<Button
|
||||
size="small"
|
||||
variant="secondary"
|
||||
disabled={currentPage === totalPages}
|
||||
onClick={() => handlePageChange(currentPage + 1)}
|
||||
>
|
||||
→
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className={cl("import")}>
|
||||
<Button
|
||||
size="small"
|
||||
variant="secondary"
|
||||
onClick={() => importPresets(forceUpdate, showOverridePrompt)}
|
||||
>
|
||||
Import
|
||||
</Button>
|
||||
<Button
|
||||
size="small"
|
||||
variant="secondary"
|
||||
onClick={exportPresets}
|
||||
>
|
||||
Export All
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<hr className={cl("block")} />
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
49
src/equicordplugins/profileSets/index.tsx
Normal file
49
src/equicordplugins/profileSets/index.tsx
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
/*
|
||||
* Vencord, a Discord client mod
|
||||
* Copyright (c) 2026 Vendicated and contributors
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import "./styles.css";
|
||||
|
||||
import { definePluginSettings } from "@api/Settings";
|
||||
import { EquicordDevs } from "@utils/constants";
|
||||
import { classNameFactory } from "@utils/css";
|
||||
import definePlugin, { makeRange, OptionType } from "@utils/types";
|
||||
import { React } from "@webpack/common";
|
||||
|
||||
import { PresetManager } from "./components/presetManager";
|
||||
import { loadPresets } from "./utils/storage";
|
||||
|
||||
export const cl = classNameFactory("vc-profile-presets-");
|
||||
export const settings = definePluginSettings({
|
||||
avatarSize: {
|
||||
type: OptionType.SLIDER,
|
||||
description: "Avatar size in preset list.",
|
||||
default: 40,
|
||||
markers: makeRange(32, 96, 8),
|
||||
stickToMarkers: true
|
||||
},
|
||||
});
|
||||
|
||||
export default definePlugin({
|
||||
name: "ProfileSets",
|
||||
description: "Allows you to save and load different profile presets, via the Profile Section in Settings.",
|
||||
authors: [EquicordDevs.omaw, EquicordDevs.justjxke],
|
||||
settings,
|
||||
patches: [
|
||||
{
|
||||
find: "DefaultCustomizationSections: user cannot be undefined",
|
||||
replacement: {
|
||||
match: /return.{0,50}children:\[(?<=\.getLegacyUsername\(\).*?)/,
|
||||
replace: "$&$self.renderPresetSection(),"
|
||||
}
|
||||
}
|
||||
],
|
||||
start() {
|
||||
loadPresets();
|
||||
},
|
||||
renderPresetSection() {
|
||||
return <PresetManager />;
|
||||
}
|
||||
});
|
||||
164
src/equicordplugins/profileSets/styles.css
Normal file
164
src/equicordplugins/profileSets/styles.css
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
.vc-profile-presets-section {
|
||||
margin-bottom: 20px;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.vc-profile-presets-heading {
|
||||
margin-bottom: 8px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.vc-profile-presets-text {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.vc-profile-presets-text-input {
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.vc-profile-presets-search {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.vc-profile-presets-search-button {
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
.vc-profile-presets-pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.vc-profile-presets-page {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.vc-profile-presets-page-of {
|
||||
font-size: 14px;
|
||||
color: var(--text-normal);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.vc-profile-presets-import {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.vc-profile-presets-block {
|
||||
margin: 16px 0;
|
||||
border: none;
|
||||
border-top: 1px solid var(--background-modifier-accent);
|
||||
}
|
||||
|
||||
.vc-profile-presets-avatar-url {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.vc-profile-presets-rename {
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.vc-profile-presets-updated {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.vc-profile-presets-list-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
margin-bottom: 12px;
|
||||
padding: 12px;
|
||||
background-color: var(--background-secondary);
|
||||
border-radius: 8px;
|
||||
border: 2px solid var(--background-modifier-accent);
|
||||
}
|
||||
|
||||
.vc-profile-presets-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px 12px;
|
||||
background-color: var(--background-primary);
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease;
|
||||
border: 2px solid transparent;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.vc-profile-presets-row:hover {
|
||||
background-color: var(--background-modifier-hover) !important;
|
||||
border-color: var(--background-modifier-accent) !important;
|
||||
}
|
||||
|
||||
.vc-profile-presets-row:focus-visible {
|
||||
border-color: var(--brand-experiment) !important;
|
||||
box-shadow: 0 0 0 2px var(--brand-experiment-30a);
|
||||
}
|
||||
|
||||
.vc-profile-presets-row.selected {
|
||||
background-color: var(--background-modifier-selected);
|
||||
}
|
||||
|
||||
.vc-profile-presets-avatar {
|
||||
border-radius: 50%;
|
||||
border: 2px solid var(--background-tertiary);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.vc-profile-presets-name {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: var(--header-primary);
|
||||
margin-bottom: 2px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.vc-profile-presets-timestamp {
|
||||
font-size: 12px;
|
||||
color: var(--text-normal);
|
||||
font-weight: 500;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.vc-profile-presets-menu-icon {
|
||||
opacity: 0.7;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.15s ease;
|
||||
}
|
||||
|
||||
.vc-profile-presets-menu-icon:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vc-profile-presets-page-input {
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
padding: 4px;
|
||||
background-color: var(--background-secondary);
|
||||
border: 2px solid var(--background-modifier-accent);
|
||||
border-radius: 4px;
|
||||
color: var(--text-normal);
|
||||
}
|
||||
135
src/equicordplugins/profileSets/utils/actions.ts
Normal file
135
src/equicordplugins/profileSets/utils/actions.ts
Normal file
|
|
@ -0,0 +1,135 @@
|
|||
/*
|
||||
* Vencord, a Discord client mod
|
||||
* Copyright (c) 2026 Vendicated and contributors
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import { ProfilePreset } from "@vencord/discord-types";
|
||||
import { showToast, Toasts } from "@webpack/common";
|
||||
|
||||
import { getCurrentProfile } from "./profile";
|
||||
import { addPreset, movePresetInArray, presets, removePreset, replaceAllPresets, savePresetsData, updatePreset } from "./storage";
|
||||
|
||||
export async function savePreset(name: string, guildId?: string) {
|
||||
const profile = await getCurrentProfile(guildId);
|
||||
const newPreset: ProfilePreset = {
|
||||
name,
|
||||
timestamp: Date.now(),
|
||||
...profile,
|
||||
};
|
||||
addPreset(newPreset);
|
||||
await savePresetsData();
|
||||
showToast(`Profile "${name}" saved successfully`, Toasts.Type.SUCCESS);
|
||||
}
|
||||
|
||||
export async function updatePresetField(index: number, field: keyof Omit<ProfilePreset, "name" | "timestamp">, value: any) {
|
||||
if (index < 0 || index >= presets.length) return;
|
||||
|
||||
const updatedPreset = {
|
||||
...presets[index],
|
||||
[field]: value,
|
||||
timestamp: Date.now()
|
||||
};
|
||||
updatePreset(index, updatedPreset);
|
||||
await savePresetsData();
|
||||
}
|
||||
|
||||
export async function deletePreset(index: number) {
|
||||
if (index < 0 || index >= presets.length) return;
|
||||
|
||||
const preset = presets[index];
|
||||
removePreset(index);
|
||||
await savePresetsData();
|
||||
showToast(`Profile "${preset.name}" deleted`, Toasts.Type.MESSAGE);
|
||||
}
|
||||
|
||||
export async function movePreset(fromIndex: number, toIndex: number) {
|
||||
if (fromIndex < 0 || fromIndex >= presets.length || toIndex < 0 || toIndex >= presets.length) return;
|
||||
|
||||
movePresetInArray(fromIndex, toIndex);
|
||||
await savePresetsData();
|
||||
}
|
||||
|
||||
export async function renamePreset(index: number, newName: string) {
|
||||
if (index < 0 || index >= presets.length || !newName.trim()) return;
|
||||
|
||||
const updatedPreset = { ...presets[index], name: newName.trim() };
|
||||
updatePreset(index, updatedPreset);
|
||||
await savePresetsData();
|
||||
showToast(`Profile renamed to "${newName}"`, Toasts.Type.SUCCESS);
|
||||
}
|
||||
|
||||
export function exportPresets() {
|
||||
try {
|
||||
const dataStr = JSON.stringify(presets, null, 2);
|
||||
const dataBlob = new Blob([dataStr], { type: "application/json" });
|
||||
const url = URL.createObjectURL(dataBlob);
|
||||
const link = document.createElement("a");
|
||||
link.href = url;
|
||||
link.download = `profile-presets-${Date.now()}.json`;
|
||||
link.click();
|
||||
URL.revokeObjectURL(url);
|
||||
showToast("Profiles exported successfully", Toasts.Type.SUCCESS);
|
||||
} catch (err) {
|
||||
showToast("Failed to export profiles", Toasts.Type.FAILURE);
|
||||
}
|
||||
}
|
||||
|
||||
function presetsAreEqual(preset1: ProfilePreset, preset2: ProfilePreset): boolean {
|
||||
return preset1.avatarDataUrl === preset2.avatarDataUrl &&
|
||||
preset1.bannerDataUrl === preset2.bannerDataUrl &&
|
||||
preset1.bio === preset2.bio &&
|
||||
preset1.pronouns === preset2.pronouns &&
|
||||
JSON.stringify(preset1.themeColors) === JSON.stringify(preset2.themeColors) &&
|
||||
JSON.stringify(preset1.avatarDecoration) === JSON.stringify(preset2.avatarDecoration) &&
|
||||
JSON.stringify(preset1.profileEffect) === JSON.stringify(preset2.profileEffect) &&
|
||||
JSON.stringify(preset1.nameplate) === JSON.stringify(preset2.nameplate);
|
||||
}
|
||||
|
||||
export async function importPresets(forceUpdate: () => void, onOverridePrompt: () => Promise<boolean>) {
|
||||
const input = document.createElement("input");
|
||||
input.type = "file";
|
||||
input.accept = "application/json";
|
||||
input.onchange = async (e: any) => {
|
||||
try {
|
||||
const file = e.target.files[0];
|
||||
if (!file) return;
|
||||
|
||||
const text = await file.text();
|
||||
const importedPresets = JSON.parse(text);
|
||||
|
||||
if (!Array.isArray(importedPresets)) {
|
||||
showToast("Invalid profile file format", Toasts.Type.FAILURE);
|
||||
return;
|
||||
}
|
||||
|
||||
if (presets.length > 0) {
|
||||
const hasDuplicates = importedPresets.some(imported =>
|
||||
presets.some(existing => presetsAreEqual(imported, existing))
|
||||
);
|
||||
|
||||
if (hasDuplicates) {
|
||||
const shouldOverride = await onOverridePrompt();
|
||||
if (shouldOverride) {
|
||||
replaceAllPresets(importedPresets);
|
||||
} else {
|
||||
const combined = [...presets, ...importedPresets];
|
||||
replaceAllPresets(combined);
|
||||
}
|
||||
} else {
|
||||
const combined = [...presets, ...importedPresets];
|
||||
replaceAllPresets(combined);
|
||||
}
|
||||
} else {
|
||||
replaceAllPresets(importedPresets);
|
||||
}
|
||||
|
||||
await savePresetsData();
|
||||
forceUpdate();
|
||||
showToast(`Imported ${importedPresets.length} profiles successfully`, Toasts.Type.SUCCESS);
|
||||
} catch (err) {
|
||||
showToast("Failed to import profiles", Toasts.Type.FAILURE);
|
||||
}
|
||||
};
|
||||
input.click();
|
||||
}
|
||||
329
src/equicordplugins/profileSets/utils/profile.ts
Normal file
329
src/equicordplugins/profileSets/utils/profile.ts
Normal file
|
|
@ -0,0 +1,329 @@
|
|||
/*
|
||||
* Vencord, a Discord client mod
|
||||
* Copyright (c) 2026 Vendicated and contributors
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import { getUserSettingLazy } from "@api/UserSettings";
|
||||
import { Logger } from "@utils/Logger";
|
||||
import { CustomStatus, ProfileEffect, ProfilePreset } from "@vencord/discord-types";
|
||||
import { findStoreLazy } from "@webpack";
|
||||
import { FluxDispatcher, UserProfileStore, UserStore } from "@webpack/common";
|
||||
|
||||
const logger = new Logger("ProfilePresets");
|
||||
const UserProfileSettingsStore = findStoreLazy("UserProfileSettingsStore");
|
||||
const CustomStatusSettings = getUserSettingLazy("status", "customStatus")!;
|
||||
|
||||
function dispatch(type: string, payload: any) {
|
||||
FluxDispatcher.dispatch({ type, ...payload });
|
||||
}
|
||||
|
||||
export async function imageUrlToBase64(url: string): Promise<string | null> {
|
||||
try {
|
||||
const response = await fetch(url);
|
||||
const blob = await response.blob();
|
||||
return new Promise((resolve, reject) => {
|
||||
const reader = new FileReader();
|
||||
reader.onloadend = () => resolve(reader.result as string);
|
||||
reader.onerror = reject;
|
||||
reader.readAsDataURL(blob);
|
||||
});
|
||||
} catch (err) {
|
||||
logger.error("Failed to convert image to base64", err);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function processImage(imageData: any, userId: string, type: "avatar" | "banner"): Promise<string | null> {
|
||||
if (!imageData) return null;
|
||||
|
||||
if (typeof imageData === "object" && imageData.imageUri) {
|
||||
return imageData.imageUri;
|
||||
}
|
||||
|
||||
if (typeof imageData === "string") {
|
||||
if (imageData.startsWith("data:")) return imageData;
|
||||
|
||||
const isAnimated = imageData.startsWith("a_");
|
||||
const size = type === "banner" ? 1024 : 512;
|
||||
const urlPath = type === "banner" ? "banners" : "avatars";
|
||||
const url = `https://cdn.discordapp.com/${urlPath}/${userId}/${imageData}.${isAnimated ? "gif" : "png"}?size=${size}`;
|
||||
return await imageUrlToBase64(url);
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
export async function getCurrentProfile(guildId?: string): Promise<Omit<ProfilePreset, "name" | "timestamp">> {
|
||||
const currentUser = UserStore.getCurrentUser();
|
||||
const userProfile = UserProfileStore.getUserProfile(currentUser.id);
|
||||
const userAny = currentUser as any;
|
||||
|
||||
const pendingChanges = UserProfileSettingsStore.getPendingChanges(guildId);
|
||||
|
||||
const customStatusSetting = CustomStatusSettings.getSetting();
|
||||
const customStatus: CustomStatus | null = customStatusSetting ? {
|
||||
text: customStatusSetting.text,
|
||||
emojiId: customStatusSetting.emojiId,
|
||||
emojiName: customStatusSetting.emojiName,
|
||||
expiresAtMs: customStatusSetting.expiresAtMs
|
||||
} : null;
|
||||
|
||||
const avatarDecoration = (pendingChanges.pendingAvatarDecoration !== undefined
|
||||
? pendingChanges.pendingAvatarDecoration
|
||||
: userAny.avatarDecorationData) ? {
|
||||
asset: (pendingChanges.pendingAvatarDecoration || userAny.avatarDecorationData).asset,
|
||||
skuId: (pendingChanges.pendingAvatarDecoration || userAny.avatarDecorationData).skuId
|
||||
} : null;
|
||||
|
||||
let profileEffect: ProfileEffect | null = null;
|
||||
const effectToUse = pendingChanges.pendingProfileEffect !== undefined
|
||||
? pendingChanges.pendingProfileEffect
|
||||
: userProfile?.profileEffect;
|
||||
|
||||
if (effectToUse) {
|
||||
if (effectToUse.skuId && effectToUse.effects) {
|
||||
profileEffect = {
|
||||
skuId: effectToUse.skuId,
|
||||
title: effectToUse.title,
|
||||
description: effectToUse.description,
|
||||
accessibilityLabel: effectToUse.accessibilityLabel,
|
||||
reducedMotionSrc: effectToUse.reducedMotionSrc,
|
||||
thumbnailPreviewSrc: effectToUse.thumbnailPreviewSrc,
|
||||
effects: effectToUse.effects,
|
||||
animationType: effectToUse.animationType,
|
||||
staticFrameSrc: effectToUse.staticFrameSrc,
|
||||
type: effectToUse.type || 1
|
||||
};
|
||||
} else if (effectToUse.skuId) {
|
||||
const collectible = userProfile?.collectibles?.find((c: any) => c.skuId === effectToUse.skuId);
|
||||
if (collectible) {
|
||||
profileEffect = {
|
||||
skuId: collectible.skuId,
|
||||
title: collectible.title,
|
||||
description: collectible.description,
|
||||
accessibilityLabel: collectible.accessibilityLabel,
|
||||
reducedMotionSrc: collectible.reducedMotionSrc,
|
||||
thumbnailPreviewSrc: collectible.thumbnailPreviewSrc,
|
||||
effects: collectible.effects,
|
||||
animationType: collectible.animationType,
|
||||
staticFrameSrc: collectible.staticFrameSrc,
|
||||
type: collectible.type || 1
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const nameplateToUse = pendingChanges.pendingNameplate !== undefined
|
||||
? pendingChanges.pendingNameplate
|
||||
: userAny.collectibles?.nameplate;
|
||||
|
||||
const nameplate = nameplateToUse ? {
|
||||
skuId: nameplateToUse.skuId,
|
||||
asset: nameplateToUse.asset,
|
||||
label: nameplateToUse.label,
|
||||
palette: nameplateToUse.palette,
|
||||
type: nameplateToUse.type || 2
|
||||
} : null;
|
||||
|
||||
const displayNameStylesToUse = pendingChanges.pendingDisplayNameStyles !== undefined
|
||||
? pendingChanges.pendingDisplayNameStyles
|
||||
: userAny.displayNameStyles;
|
||||
|
||||
const displayNameStyles = displayNameStylesToUse ? {
|
||||
font_id: displayNameStylesToUse.font_id,
|
||||
effect_id: displayNameStylesToUse.effect_id,
|
||||
colors: Array.isArray(displayNameStylesToUse.colors) ? displayNameStylesToUse.colors : []
|
||||
} : null;
|
||||
|
||||
const avatarToUse = pendingChanges.pendingAvatar !== undefined
|
||||
? pendingChanges.pendingAvatar
|
||||
: currentUser.avatar;
|
||||
|
||||
const avatarDataUrl = await processImage(avatarToUse, currentUser.id, "avatar");
|
||||
|
||||
const bannerToUse = pendingChanges.pendingBanner !== undefined
|
||||
? pendingChanges.pendingBanner
|
||||
: userProfile?.banner;
|
||||
|
||||
const bannerDataUrl = await processImage(bannerToUse, currentUser.id, "banner");
|
||||
|
||||
return {
|
||||
avatarDataUrl,
|
||||
bannerDataUrl,
|
||||
bio: pendingChanges.pendingBio !== undefined ? pendingChanges.pendingBio : userProfile?.bio || null,
|
||||
accentColor: pendingChanges.pendingAccentColor !== undefined ? pendingChanges.pendingAccentColor : userProfile?.accentColor || null,
|
||||
themeColors: pendingChanges.pendingThemeColors !== undefined
|
||||
? pendingChanges.pendingThemeColors
|
||||
: userProfile?.themeColors || null,
|
||||
globalName: pendingChanges.pendingGlobalName !== undefined ? pendingChanges.pendingGlobalName : currentUser.globalName || null,
|
||||
pronouns: pendingChanges.pendingPronouns !== undefined ? pendingChanges.pendingPronouns : userProfile?.pronouns || null,
|
||||
avatarDecoration,
|
||||
profileEffect,
|
||||
nameplate,
|
||||
primaryGuildId: pendingChanges.pendingPrimaryGuildId !== undefined ? pendingChanges.pendingPrimaryGuildId : userAny.primaryGuild?.identityGuildId || null,
|
||||
customStatus,
|
||||
displayNameStyles
|
||||
};
|
||||
}
|
||||
|
||||
export function loadPresetAsPending(preset: ProfilePreset, guildId?: string) {
|
||||
try {
|
||||
if (preset.avatarDataUrl) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_AVATAR", { guildId, avatar: preset.avatarDataUrl });
|
||||
}
|
||||
|
||||
if (preset.bannerDataUrl) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_BANNER", { guildId, banner: preset.bannerDataUrl });
|
||||
}
|
||||
|
||||
if (preset.bio !== undefined) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_BIO", { guildId, bio: preset.bio });
|
||||
}
|
||||
|
||||
if (preset.pronouns !== undefined) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_PRONOUNS", { guildId, pronouns: preset.pronouns });
|
||||
}
|
||||
|
||||
if (preset.themeColors !== undefined) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_THEME_COLORS", {
|
||||
guildId,
|
||||
themeColors: Array.isArray(preset.themeColors) ? preset.themeColors.map(Number) : null
|
||||
});
|
||||
}
|
||||
|
||||
if (preset.globalName !== undefined) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_GLOBAL_NAME", { globalName: preset.globalName });
|
||||
}
|
||||
|
||||
if (preset.avatarDecoration !== undefined) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_COLLECTIBLES_ITEM", {
|
||||
guildId,
|
||||
item: { type: 0, value: preset.avatarDecoration }
|
||||
});
|
||||
}
|
||||
|
||||
if (preset.profileEffect !== undefined) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_COLLECTIBLES_ITEM", {
|
||||
guildId,
|
||||
item: { type: 1, value: preset.profileEffect }
|
||||
});
|
||||
}
|
||||
|
||||
if (preset.nameplate !== undefined) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_COLLECTIBLES_ITEM", {
|
||||
guildId,
|
||||
item: { type: 2, value: preset.nameplate }
|
||||
});
|
||||
}
|
||||
|
||||
if (preset.displayNameStyles) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_DISPLAY_NAME_STYLES", {
|
||||
guildId,
|
||||
displayNameStyles: preset.displayNameStyles
|
||||
});
|
||||
}
|
||||
|
||||
if (preset.primaryGuildId !== undefined && !guildId) {
|
||||
dispatch("USER_SETTINGS_SET_PENDING_PRIMARY_GUILD_ID", { primaryGuildId: preset.primaryGuildId });
|
||||
}
|
||||
|
||||
if (preset.customStatus && !guildId) {
|
||||
CustomStatusSettings.updateSetting({
|
||||
text: preset.customStatus.text || "",
|
||||
expiresAtMs: preset.customStatus.expiresAtMs || "0",
|
||||
emojiId: preset.customStatus.emojiId || "0",
|
||||
emojiName: preset.customStatus.emojiName || ""
|
||||
});
|
||||
}
|
||||
} catch (err) {
|
||||
logger.error("Failed to load profile", err);
|
||||
throw err;
|
||||
}
|
||||
}
|
||||
|
||||
export async function copyUserProfile(userId: string) {
|
||||
const user = UserStore.getUser(userId);
|
||||
const userProfile = UserProfileStore.getUserProfile(userId);
|
||||
|
||||
if (!user) {
|
||||
throw new Error("User not found");
|
||||
}
|
||||
|
||||
if (userProfile?.banner) {
|
||||
const bannerUrl = `https://cdn.discordapp.com/banners/${userId}/${userProfile.banner}.${userProfile.banner.startsWith("a_") ? "gif" : "png"}?size=1024`;
|
||||
const bannerDataUrl = await imageUrlToBase64(bannerUrl);
|
||||
if (bannerDataUrl) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_BANNER", { guildId: undefined, banner: bannerDataUrl });
|
||||
}
|
||||
}
|
||||
|
||||
if (userProfile?.bio) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_BIO", { guildId: undefined, bio: userProfile.bio });
|
||||
}
|
||||
|
||||
if (userProfile?.pronouns) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_PRONOUNS", { guildId: undefined, pronouns: userProfile.pronouns });
|
||||
}
|
||||
|
||||
if (userProfile?.themeColors) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_THEME_COLORS", { guildId: undefined, themeColors: userProfile.themeColors });
|
||||
}
|
||||
|
||||
const userAny = user as any;
|
||||
if (userAny.avatarDecorationData) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_COLLECTIBLES_ITEM", {
|
||||
guildId: undefined,
|
||||
item: {
|
||||
type: 0,
|
||||
value: {
|
||||
asset: userAny.avatarDecorationData.asset,
|
||||
skuId: userAny.avatarDecorationData.skuId
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (userAny.collectibles?.nameplate) {
|
||||
const np = userAny.collectibles.nameplate;
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_COLLECTIBLES_ITEM", {
|
||||
guildId: undefined,
|
||||
item: {
|
||||
type: 2,
|
||||
value: {
|
||||
skuId: np.skuId,
|
||||
asset: np.asset,
|
||||
label: np.label,
|
||||
palette: np.palette,
|
||||
type: 2
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (userProfile?.profileEffect?.skuId) {
|
||||
const collectible = userProfile.collectibles?.find((c: any) => c.skuId === userProfile.profileEffect.skuId);
|
||||
if (collectible) {
|
||||
dispatch("USER_SETTINGS_ACCOUNT_SET_PENDING_COLLECTIBLES_ITEM", {
|
||||
guildId: undefined,
|
||||
item: {
|
||||
type: 1,
|
||||
value: {
|
||||
skuId: collectible.skuId,
|
||||
title: collectible.title,
|
||||
description: collectible.description,
|
||||
accessibilityLabel: collectible.accessibilityLabel,
|
||||
reducedMotionSrc: collectible.reducedMotionSrc,
|
||||
thumbnailPreviewSrc: collectible.thumbnailPreviewSrc,
|
||||
effects: collectible.effects,
|
||||
animationType: collectible.animationType,
|
||||
staticFrameSrc: collectible.staticFrameSrc,
|
||||
type: collectible.type || 1
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return user.username;
|
||||
}
|
||||
70
src/equicordplugins/profileSets/utils/storage.ts
Normal file
70
src/equicordplugins/profileSets/utils/storage.ts
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
/*
|
||||
* Vencord, a Discord client mod
|
||||
* Copyright (c) 2026 Vendicated and contributors
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
import { DataStore } from "@api/index";
|
||||
import { Logger } from "@utils/Logger";
|
||||
import { ProfilePreset } from "@vencord/discord-types";
|
||||
|
||||
const logger = new Logger("ProfilePresets");
|
||||
const PRESETS_KEY = "ProfileDataset";
|
||||
|
||||
export let presets: ProfilePreset[] = [];
|
||||
export let currentPresetIndex = -1;
|
||||
|
||||
export async function loadPresets() {
|
||||
try {
|
||||
const stored = await DataStore.get(PRESETS_KEY);
|
||||
if (stored && Array.isArray(stored)) {
|
||||
presets = stored;
|
||||
}
|
||||
} catch (err) {
|
||||
logger.error("Failed to load presets", err);
|
||||
presets = [];
|
||||
}
|
||||
}
|
||||
|
||||
export async function savePresetsData() {
|
||||
try {
|
||||
await DataStore.set(PRESETS_KEY, presets);
|
||||
} catch (err) {
|
||||
logger.error("Failed to save presets", err);
|
||||
}
|
||||
}
|
||||
|
||||
export function setCurrentPresetIndex(index: number) {
|
||||
currentPresetIndex = index;
|
||||
}
|
||||
|
||||
export function addPreset(preset: ProfilePreset) {
|
||||
presets.push(preset);
|
||||
}
|
||||
|
||||
export function updatePreset(index: number, preset: ProfilePreset) {
|
||||
if (index >= 0 && index < presets.length) {
|
||||
presets[index] = preset;
|
||||
}
|
||||
}
|
||||
|
||||
export function removePreset(index: number) {
|
||||
if (index >= 0 && index < presets.length) {
|
||||
presets.splice(index, 1);
|
||||
if (currentPresetIndex === index) {
|
||||
currentPresetIndex = -1;
|
||||
} else if (currentPresetIndex > index) {
|
||||
currentPresetIndex--;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export function movePresetInArray(fromIndex: number, toIndex: number) {
|
||||
if (fromIndex < 0 || fromIndex >= presets.length || toIndex < 0 || toIndex >= presets.length) return;
|
||||
const [preset] = presets.splice(fromIndex, 1);
|
||||
presets.splice(toIndex, 0, preset);
|
||||
}
|
||||
|
||||
export function replaceAllPresets(newPresets: ProfilePreset[]) {
|
||||
presets = newPresets;
|
||||
}
|
||||
|
|
@ -83,6 +83,7 @@ const ToastType = {
|
|||
BOOKMARK: "bookmark",
|
||||
CLOCK: "clock"
|
||||
};
|
||||
|
||||
const ToastPosition = {
|
||||
TOP: 0,
|
||||
BOTTOM: 1
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue