HMC/handmade-revolt
2
0
Fork 0
forked from abner/for-legacy-web
Code Pull Requests Actions Activity

feat: add sc minification + display class names

Browse Source
This commit is contained in:
Paul Makles
2022-01-14 18:50:58 +00:00
parent 8dd18c9fb4
commit 3fd56e4fdc
82 changed files with 523 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/AgeGate.tsx
View File

@@ -1,7 +1,7 @@
import { observer } from "mobx-react-lite";
import { useHistory } from "react-router-dom";
import { Channel } from "revolt.js/dist/maps/Channels";
import styled from "styled-components";
import styled from "styled-components/macro";
import { Text } from "preact-i18n";
import { useState } from "preact/hooks";

44
src/components/common/AutoComplete.tsx
View File

@@ -1,6 +1,6 @@
import { Channel } from "revolt.js/dist/maps/Channels";
import { User } from "revolt.js/dist/maps/Users";
import styled, { css } from "styled-components";
import styled, { css } from "styled-components/macro";
import { StateUpdater, useState } from "preact/hooks";
@@ -14,19 +14,19 @@ import UserIcon from "./user/UserIcon";
export type AutoCompleteState =
| { type: "none" }
| ({ selected: number; within: boolean } & (
| {
type: "emoji";
matches: string[];
}
| {
type: "user";
matches: User[];
}
| {
type: "channel";
matches: Channel[];
}
));
| {
type: "emoji";
matches: string[];
}
| {
type: "user";
matches: User[];
}
| {
type: "channel";
matches: Channel[];
}
));
export type SearchClues = {
users?: { type: "channel"; id: string } | { type: "all" };
@@ -79,15 +79,15 @@ export function useAutoComplete(
if (current === ":" || current === "@" || current === "#") {
const search = content.slice(j + 1, content.length);
const minLen = current === ":" ? 2 : 1
const minLen = current === ":" ? 2 : 1;
if (search.length >= minLen) {
return [
current === "#"
? "channel"
: current === ":"
? "emoji"
: "user",
? "emoji"
: "user",
search.toLowerCase(),
j + 1,
];
@@ -167,8 +167,8 @@ export function useAutoComplete(
const matches = (
search.length > 0
? users.filter((user) =>
user.username.toLowerCase().match(regex),
)
user.username.toLowerCase().match(regex),
)
: users
)
.splice(0, 5)
@@ -199,8 +199,8 @@ export function useAutoComplete(
const matches = (
search.length > 0
? channels.filter((channel) =>
channel.name!.toLowerCase().match(regex),
)
channel.name!.toLowerCase().match(regex),
)
: channels
)
.splice(0, 5)
@@ -417,7 +417,7 @@ export default function AutoComplete({
<Emoji
emoji={
(emojiDictionary as Record<string, string>)[
match
match
]
}
size={20}

2
src/components/common/IconBase.tsx
View File

@@ -1,5 +1,5 @@
import { Attachment } from "revolt-api/types/Autumn";
import styled, { css } from "styled-components";
import styled, { css } from "styled-components/macro";
export interface IconBaseProps<T> {
target?: T;

2
src/components/common/ServerHeader.tsx
View File

@@ -4,7 +4,7 @@ import { observer } from "mobx-react-lite";
import { Link } from "react-router-dom";
import { ServerPermission } from "revolt.js/dist/api/permissions";
import { Server } from "revolt.js/dist/maps/Servers";
import styled, { css } from "styled-components";
import styled, { css } from "styled-components/macro";
import { Text } from "preact-i18n";

2
src/components/common/ServerIcon.tsx
View File

@@ -1,6 +1,6 @@
import { observer } from "mobx-react-lite";
import { Server } from "revolt.js/dist/maps/Servers";
import styled from "styled-components";
import styled from "styled-components/macro";
import { useContext } from "preact/hooks";

2
src/components/common/Tooltip.tsx
View File

@@ -1,5 +1,5 @@
import Tippy, { TippyProps } from "@tippyjs/react";
import styled from "styled-components";
import styled from "styled-components/macro";
import { Text } from "preact-i18n";

2
src/components/common/messaging/MessageBase.tsx
View File

@@ -1,6 +1,6 @@
import { observer } from "mobx-react-lite";
import { Message } from "revolt.js/dist/maps/Messages";
import styled, { css, keyframes } from "styled-components";
import styled, { css, keyframes } from "styled-components/macro";
import { decodeTime } from "ulid";
import { Text } from "preact-i18n";

2
src/components/common/messaging/MessageBox.tsx
View File

@@ -3,7 +3,7 @@ import Axios, { CancelTokenSource } from "axios";
import { observer } from "mobx-react-lite";
import { ChannelPermission } from "revolt.js/dist/api/permissions";
import { Channel } from "revolt.js/dist/maps/Channels";
import styled, { css } from "styled-components";
import styled, { css } from "styled-components/macro";
import { ulid } from "ulid";
import { Text } from "preact-i18n";

2
src/components/common/messaging/SystemMessage.tsx
View File

@@ -13,7 +13,7 @@ import {
import { observer } from "mobx-react-lite";
import { SystemMessage as SystemMessageI } from "revolt-api/types/Channels";
import { Message } from "revolt.js/dist/maps/Messages";
import styled from "styled-components";
import styled from "styled-components/macro";
import { attachContextMenu } from "preact-context-menu";

8
src/components/common/messaging/attachments/Grid.tsx
View File

@@ -1,10 +1,10 @@
import styled from "styled-components";
import styled from "styled-components/macro";
import { Children } from "../../../../types/Preact";
const Grid = styled.div<{ width: number; height: number }>`
--width: ${props => props.width}px;
--height: ${props => props.height}px;
--width: ${(props) => props.width}px;
--height: ${(props) => props.height}px;
display: grid;
aspect-ratio: ${(props) => props.width} / ${(props) => props.height};
@@ -42,7 +42,7 @@ const Grid = styled.div<{ width: number; height: number }>`
overflow: hidden;
object-fit: contain;
// It's something
object-position: left;
}

2
src/components/common/messaging/attachments/MessageReply.tsx
View File

@@ -5,7 +5,7 @@ import { useHistory } from "react-router-dom";
import { RelationshipStatus } from "revolt-api/types/Users";
import { Channel } from "revolt.js/dist/maps/Channels";
import { Message } from "revolt.js/dist/maps/Messages";
import styled, { css } from "styled-components";
import styled, { css } from "styled-components/macro";
import { Text } from "preact-i18n";
import { useLayoutEffect, useState } from "preact/hooks";

2
src/components/common/messaging/attachments/Spoiler.tsx
View File

@@ -1,4 +1,4 @@
import styled from "styled-components";
import styled from "styled-components/macro";
import { Text } from "preact-i18n";

2
src/components/common/messaging/bars/FilePreview.tsx
View File

@@ -1,6 +1,6 @@
/* eslint-disable react-hooks/rules-of-hooks */
import { XCircle, Plus, Share, X, File } from "@styled-icons/boxicons-regular";
import styled from "styled-components";
import styled from "styled-components/macro";
import { Text } from "preact-i18n";
import { useEffect, useState } from "preact/hooks";

2
src/components/common/messaging/bars/JumpToBottom.tsx
View File

@@ -1,7 +1,7 @@
import { DownArrowAlt } from "@styled-icons/boxicons-regular";
import { observer } from "mobx-react-lite";
import { Channel } from "revolt.js/dist/maps/Channels";
import styled, { css } from "styled-components";
import styled, { css } from "styled-components/macro";
import { Text } from "preact-i18n";

2
src/components/common/messaging/bars/ReplyBar.tsx
View File

@@ -3,7 +3,7 @@ import { File, XCircle } from "@styled-icons/boxicons-solid";
import { observer } from "mobx-react-lite";
import { Channel } from "revolt.js/dist/maps/Channels";
import { Message } from "revolt.js/dist/maps/Messages";
import styled from "styled-components";
import styled from "styled-components/macro";
import { Text } from "preact-i18n";
import { StateUpdater, useEffect } from "preact/hooks";

2
src/components/common/messaging/bars/TypingIndicator.tsx
View File

@@ -1,7 +1,7 @@
import { observer } from "mobx-react-lite";
import { RelationshipStatus } from "revolt-api/types/Users";
import { Channel } from "revolt.js/dist/maps/Channels";
import styled from "styled-components";
import styled from "styled-components/macro";
import { Text } from "preact-i18n";

2
src/components/common/messaging/embed/EmbedInvite.tsx
View File

@@ -4,7 +4,7 @@ import { observer } from "mobx-react-lite";
import { useHistory } from "react-router-dom";
import { RetrievedInvite } from "revolt-api/types/Invites";
import { Message } from "revolt.js/dist/maps/Messages";
import styled, { css } from "styled-components";
import styled, { css } from "styled-components/macro";
import { useContext, useEffect, useState } from "preact/hooks";

2
src/components/common/user/UserBadges.tsx
View File

@@ -1,6 +1,6 @@
import { Shield } from "@styled-icons/boxicons-regular";
import { Badges } from "revolt-api/types/Users";
import styled from "styled-components";
import styled from "styled-components/macro";
import { Localizer, Text } from "preact-i18n";

2
src/components/common/user/UserHeader.tsx
View File

@@ -2,7 +2,7 @@ import { Cog } from "@styled-icons/boxicons-solid";
import { observer } from "mobx-react-lite";
import { Link } from "react-router-dom";
import { User } from "revolt.js/dist/maps/Users";
import styled from "styled-components";
import styled from "styled-components/macro";
import { openContextMenu } from "preact-context-menu";
import { Text, Localizer } from "preact-i18n";

7
src/components/common/user/UserHover.tsx
View File

@@ -1,5 +1,5 @@
import { User } from "revolt.js/dist/maps/Users";
import styled from "styled-components";
import styled from "styled-components/macro";
import { Children } from "../../../types/Preact";
import Tooltip from "../Tooltip";
@@ -42,10 +42,7 @@ export default function UserHover({ user, children }: Props) {
placement="right-end"
content={
<Base>
<Username
className="username"
user={user}
/>
<Username className="username" user={user} />
<span className="status">
<UserStatus user={user} />
</span>

2
src/components/common/user/UserIcon.tsx
View File

@@ -5,7 +5,7 @@ import { useParams } from "react-router-dom";
import { Masquerade } from "revolt-api/types/Channels";
import { Presence } from "revolt-api/types/Users";
import { User } from "revolt.js/dist/maps/Users";
import styled, { css } from "styled-components";
import styled, { css } from "styled-components/macro";
import { useApplicationState } from "../../../mobx/State";

2
src/components/common/user/UserShort.tsx
View File

@@ -3,7 +3,7 @@ import { useParams } from "react-router-dom";
import { Masquerade } from "revolt-api/types/Channels";
import { User } from "revolt.js/dist/maps/Users";
import { Nullable } from "revolt.js/dist/util/null";
import styled from "styled-components";
import styled from "styled-components/macro";
import { Text } from "preact-i18n";