280 lines
11 KiB
TypeScript
280 lines
11 KiB
TypeScript
/*
|
|
* 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 { LazyComponent } from "@utils/react";
|
|
import { formatDuration } from "@utils/text";
|
|
import { find, findByPropsLazy, findStoreLazy } from "@webpack";
|
|
import { FluxDispatcher, GuildMemberStore, GuildStore, moment, Parser, PermissionStore, SnowflakeUtils, Text, Timestamp, Tooltip } from "@webpack/common";
|
|
import type { Channel } from "discord-types/general";
|
|
import type { ComponentType } from "react";
|
|
|
|
import { VIEW_CHANNEL } from "..";
|
|
|
|
enum SortOrderTypes {
|
|
LATEST_ACTIVITY = 0,
|
|
CREATION_DATE = 1
|
|
}
|
|
|
|
enum ForumLayoutTypes {
|
|
DEFAULT = 0,
|
|
LIST = 1,
|
|
GRID = 2
|
|
}
|
|
|
|
interface DefaultReaction {
|
|
emojiId: string | null;
|
|
emojiName: string | null;
|
|
}
|
|
|
|
interface Tag {
|
|
id: string;
|
|
name: string;
|
|
emojiId: string | null;
|
|
emojiName: string | null;
|
|
moderated: boolean;
|
|
}
|
|
|
|
interface ExtendedChannel extends Channel {
|
|
defaultThreadRateLimitPerUser?: number;
|
|
defaultSortOrder?: SortOrderTypes | null;
|
|
defaultForumLayout?: ForumLayoutTypes;
|
|
defaultReactionEmoji?: DefaultReaction | null;
|
|
availableTags?: Array<Tag>;
|
|
}
|
|
|
|
enum ChannelTypes {
|
|
GUILD_TEXT = 0,
|
|
GUILD_VOICE = 2,
|
|
GUILD_ANNOUNCEMENT = 5,
|
|
GUILD_STAGE_VOICE = 13,
|
|
GUILD_FORUM = 15
|
|
}
|
|
|
|
enum VideoQualityModes {
|
|
AUTO = 1,
|
|
FULL = 2
|
|
}
|
|
|
|
enum ChannelFlags {
|
|
PINNED = 1 << 1,
|
|
REQUIRE_TAG = 1 << 4
|
|
}
|
|
|
|
let ChannelBeginHeader: ComponentType<any>;
|
|
|
|
export function setChannelBeginHeaderComponent(component: ComponentType<any>) {
|
|
ChannelBeginHeader = component;
|
|
}
|
|
|
|
const ChatScrollClasses = findByPropsLazy("auto", "content", "scrollerBase");
|
|
const ChatClasses = findByPropsLazy("chat", "content", "noChat", "chatContent");
|
|
const TagComponent = LazyComponent(() => find(m => {
|
|
if (typeof m !== "function") return false;
|
|
|
|
const code = Function.prototype.toString.call(m);
|
|
// Get the component which doesn't include increasedActivity logic
|
|
return code.includes(".Messages.FORUM_TAG_A11Y_FILTER_BY_TAG") && !code.includes("increasedActivityPill");
|
|
}));
|
|
|
|
const EmojiStore = findStoreLazy("EmojiStore");
|
|
const EmojiParser = findByPropsLazy("convertSurrogateToName");
|
|
const EmojiUtils = findByPropsLazy("getURL", "buildEmojiReactionColorsPlatformed");
|
|
|
|
const ChannelTypesToChannelNames = {
|
|
[ChannelTypes.GUILD_TEXT]: "text",
|
|
[ChannelTypes.GUILD_ANNOUNCEMENT]: "announcement",
|
|
[ChannelTypes.GUILD_FORUM]: "forum",
|
|
[ChannelTypes.GUILD_VOICE]: "voice",
|
|
[ChannelTypes.GUILD_STAGE_VOICE]: "stage"
|
|
};
|
|
|
|
const SortOrderTypesToNames = {
|
|
[SortOrderTypes.LATEST_ACTIVITY]: "Latest activity",
|
|
[SortOrderTypes.CREATION_DATE]: "Creation date"
|
|
};
|
|
|
|
const ForumLayoutTypesToNames = {
|
|
[ForumLayoutTypes.DEFAULT]: "Not set",
|
|
[ForumLayoutTypes.LIST]: "List view",
|
|
[ForumLayoutTypes.GRID]: "Gallery view"
|
|
};
|
|
|
|
const VideoQualityModesToNames = {
|
|
[VideoQualityModes.AUTO]: "Automatic",
|
|
[VideoQualityModes.FULL]: "720p"
|
|
};
|
|
|
|
// Icon from the modal when clicking a message link you don't have access to view
|
|
const HiddenChannelLogo = "/assets/433e3ec4319a9d11b0cbe39342614982.svg";
|
|
|
|
function HiddenChannelLockScreen({ channel }: { channel: ExtendedChannel; }) {
|
|
const {
|
|
type,
|
|
topic,
|
|
lastMessageId,
|
|
defaultForumLayout,
|
|
lastPinTimestamp,
|
|
defaultAutoArchiveDuration,
|
|
availableTags,
|
|
id: channelId,
|
|
rateLimitPerUser,
|
|
defaultThreadRateLimitPerUser,
|
|
defaultSortOrder,
|
|
defaultReactionEmoji,
|
|
bitrate,
|
|
rtcRegion,
|
|
videoQualityMode,
|
|
permissionOverwrites
|
|
} = channel;
|
|
|
|
const membersToFetch: Array<string> = [];
|
|
|
|
const guildOwnerId = GuildStore.getGuild(channel.guild_id).ownerId;
|
|
if (!GuildMemberStore.getMember(channel.guild_id, guildOwnerId)) membersToFetch.push(guildOwnerId);
|
|
|
|
Object.values(permissionOverwrites).forEach(({ type, id: userId }) => {
|
|
if (type === 1) {
|
|
if (!GuildMemberStore.getMember(channel.guild_id, userId)) membersToFetch.push(userId);
|
|
}
|
|
});
|
|
|
|
if (membersToFetch.length > 0) {
|
|
FluxDispatcher.dispatch({
|
|
type: "GUILD_MEMBERS_REQUEST",
|
|
guildIds: [channel.guild_id],
|
|
userIds: membersToFetch
|
|
});
|
|
}
|
|
|
|
return (
|
|
<div className={ChatScrollClasses.auto + " " + ChatScrollClasses.customTheme + " " + ChatClasses.chatContent + " " + "shc-lock-screen-outer-container"}>
|
|
<div className="shc-lock-screen-container">
|
|
<img className="shc-lock-screen-logo" src={HiddenChannelLogo} />
|
|
|
|
<div className="shc-lock-screen-heading-container">
|
|
<Text variant="heading-xxl/bold">This is a {!PermissionStore.can(VIEW_CHANNEL, channel) ? "hidden" : "locked"} {ChannelTypesToChannelNames[type]} channel.</Text>
|
|
{channel.isNSFW() &&
|
|
<Tooltip text="NSFW">
|
|
{({ onMouseLeave, onMouseEnter }) => (
|
|
<svg
|
|
onMouseLeave={onMouseLeave}
|
|
onMouseEnter={onMouseEnter}
|
|
className="shc-lock-screen-heading-nsfw-icon"
|
|
width="32"
|
|
height="32"
|
|
viewBox="0 0 48 48"
|
|
aria-hidden={true}
|
|
role="img"
|
|
>
|
|
<path d="M.7 43.05 24 2.85l23.3 40.2Zm23.55-6.25q.75 0 1.275-.525.525-.525.525-1.275 0-.75-.525-1.3t-1.275-.55q-.8 0-1.325.55-.525.55-.525 1.3t.55 1.275q.55.525 1.3.525Zm-1.85-6.1h3.65V19.4H22.4Z" />
|
|
</svg>
|
|
)}
|
|
</Tooltip>
|
|
}
|
|
</div>
|
|
|
|
{(!channel.isGuildVoice() && !channel.isGuildStageVoice()) && (
|
|
<Text variant="text-lg/normal">
|
|
You can not see the {channel.isForumChannel() ? "posts" : "messages"} of this channel.
|
|
{channel.isForumChannel() && topic && topic.length > 0 && "However you may see its guidelines:"}
|
|
</Text >
|
|
)}
|
|
|
|
{channel.isForumChannel() && topic && topic.length > 0 && (
|
|
<div className="shc-lock-screen-topic-container">
|
|
{Parser.parseTopic(topic, false, { channelId })}
|
|
</div>
|
|
)}
|
|
|
|
{lastMessageId &&
|
|
<Text variant="text-md/normal">
|
|
Last {channel.isForumChannel() ? "post" : "message"} created:
|
|
<Timestamp timestamp={moment(SnowflakeUtils.extractTimestamp(lastMessageId))} />
|
|
</Text>
|
|
}
|
|
|
|
{lastPinTimestamp &&
|
|
<Text variant="text-md/normal">Last message pin: <Timestamp timestamp={moment(lastPinTimestamp)} /></Text>
|
|
}
|
|
{(rateLimitPerUser ?? 0) > 0 &&
|
|
<Text variant="text-md/normal">Slowmode: {formatDuration(rateLimitPerUser!, "seconds")}</Text>
|
|
}
|
|
{(defaultThreadRateLimitPerUser ?? 0) > 0 &&
|
|
<Text variant="text-md/normal">
|
|
Default thread slowmode: {formatDuration(defaultThreadRateLimitPerUser!, "seconds")}
|
|
</Text>
|
|
}
|
|
{((channel.isGuildVoice() || channel.isGuildStageVoice()) && bitrate != null) &&
|
|
<Text variant="text-md/normal">Bitrate: {bitrate} bits</Text>
|
|
}
|
|
{rtcRegion !== undefined &&
|
|
<Text variant="text-md/normal">Region: {rtcRegion ?? "Automatic"}</Text>
|
|
}
|
|
{(channel.isGuildVoice() || channel.isGuildStageVoice()) &&
|
|
<Text variant="text-md/normal">Video quality mode: {VideoQualityModesToNames[videoQualityMode ?? VideoQualityModes.AUTO]}</Text>
|
|
}
|
|
{(defaultAutoArchiveDuration ?? 0) > 0 &&
|
|
<Text variant="text-md/normal">
|
|
Default inactivity duration before archiving {channel.isForumChannel() ? "posts" : "threads"}:
|
|
{" " + formatDuration(defaultAutoArchiveDuration!, "minutes")}
|
|
</Text>
|
|
}
|
|
{defaultForumLayout != null &&
|
|
<Text variant="text-md/normal">Default layout: {ForumLayoutTypesToNames[defaultForumLayout]}</Text>
|
|
}
|
|
{defaultSortOrder != null &&
|
|
<Text variant="text-md/normal">Default sort order: {SortOrderTypesToNames[defaultSortOrder]}</Text>
|
|
}
|
|
{defaultReactionEmoji != null &&
|
|
<div className="shc-lock-screen-default-emoji-container">
|
|
<Text variant="text-md/normal">Default reaction emoji:</Text>
|
|
{Parser.defaultRules[defaultReactionEmoji.emojiName ? "emoji" : "customEmoji"].react({
|
|
name: defaultReactionEmoji.emojiName
|
|
? EmojiParser.convertSurrogateToName(defaultReactionEmoji.emojiName)
|
|
: EmojiStore.getCustomEmojiById(defaultReactionEmoji.emojiId)?.name ?? "",
|
|
emojiId: defaultReactionEmoji.emojiId ?? void 0,
|
|
surrogate: defaultReactionEmoji.emojiName ?? void 0,
|
|
src: defaultReactionEmoji.emojiName
|
|
? EmojiUtils.getURL(defaultReactionEmoji.emojiName)
|
|
: void 0
|
|
}, void 0, { key: "0" })}
|
|
</div>
|
|
}
|
|
{channel.hasFlag(ChannelFlags.REQUIRE_TAG) &&
|
|
<Text variant="text-md/normal">Posts on this forum require a tag to be set.</Text>
|
|
}
|
|
{availableTags && availableTags.length > 0 &&
|
|
<div className="shc-lock-screen-tags-container">
|
|
<Text variant="text-lg/bold">Available tags:</Text>
|
|
<div className="shc-lock-screen-tags">
|
|
{availableTags.map(tag => <TagComponent tag={tag} />)}
|
|
</div>
|
|
</div>
|
|
}
|
|
<div className="shc-lock-screen-allowed-users-and-roles-container">
|
|
<Text variant="text-lg/bold">Allowed users and roles:</Text>
|
|
<ChannelBeginHeader channel={channel} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default ErrorBoundary.wrap(HiddenChannelLockScreen);
|