grendervill
e4ffbb05a5
Бэкенд текстовой связи (AGENT.md 7.6, 7.15, 7.16, 8.6):
- POST/GET/PATCH/DELETE /channels/{id}/messages, ответы и упоминания,
окно правки 24 часа, права автора или MANAGE_MESSAGES;
- реакции (PUT/DELETE .../reactions/{emoji}) с агрегацией и отметкой «моя»;
- закрепления (GET/PUT/DELETE .../pins) под MANAGE_MESSAGES;
- typing с лимитом 1/3 с и адресной рассылкой всем, кроме автора;
- read states: POST /channels/{id}/ack, синхронизация READ_STATE_UPDATE между
устройствами пользователя;
- поиск FTS5 по комнате (10/мин) с экранированием запроса;
- лимиты отправки 5/5 с (burst 10) и slowmode комнаты; администратор инстанса
обходит и то, и другое (AGENT.md 7.19);
- Gateway: DispatchToChannel/DispatchToChannelExcept доставляют события комнат
только тем, кто видит комнату (VIEW_CHANNEL), права считает общий движок;
- store: messages, message_reactions, channel_read_states, files (загрузка
файлов появится вместе с вложениями).
Тесты: жизненный цикл сообщения, видимость скрытой комнаты (404 участнику,
200 админу), slowmode, упоминания и ответы, typing и read state, фильтрация
событий комнаты между двумя WS-клиентами.
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import { useTranslation } from 'react-i18next';
|
|
|
|
interface SkeletonProps {
|
|
className?: string;
|
|
}
|
|
|
|
/** Одна полоса-скелетон с бегущим блеском (см. `.gl-skeleton` в index.css). */
|
|
export function Skeleton({ className = '' }: SkeletonProps) {
|
|
return <span aria-hidden="true" className={`gl-skeleton ${className}`} />;
|
|
}
|
|
|
|
interface SkeletonLinesProps {
|
|
/** Сколько строк-полос нарисовать. */
|
|
rows?: number;
|
|
className?: string;
|
|
}
|
|
|
|
/**
|
|
* Набор полос вместо текста «Загрузка…»: используется в списках и секциях
|
|
* настроек, чтобы интерфейс не «прыгал» после прихода данных.
|
|
*/
|
|
export function SkeletonLines({ rows = 3, className = '' }: SkeletonLinesProps) {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<div
|
|
role="status"
|
|
aria-busy="true"
|
|
aria-label={t('common.loading')}
|
|
data-testid="skeleton"
|
|
className={`flex flex-col gap-2 ${className}`}
|
|
>
|
|
{Array.from({ length: Math.max(rows, 1) }, (_, index) => (
|
|
<Skeleton key={index} className="h-4 w-full" />
|
|
))}
|
|
</div>
|
|
);
|
|
}
|