Shuffle Article — перестановка текста в DOM с сохранением вида

Shuffle Article — библиотека для изменения порядка символов в DOM, сохраняющая при этом визуальное отображение текста. Она предназначена для усложнения прямого копирования контента с веб-страниц.

Возможности и состав проекта

Проект работает, измеряя метрики типографики, вычисляя позиции каждого символа и оборачивая их в абсолютно позиционированные HTML-элементы. Затем он рандомизирует порядок этих элементов в DOM, чтобы скопированный текст отличался от видимого. Это позволяет сохранить внешний вид текста, но изменить его содержимое при попытке копирования.

Начало работы и требования

Проект состоит из двух пакетов: article-shuffle (основная библиотека для работы с DOM) и react-article-shuffle (компонент и хук для React). Для разработки требуется Node.js версии 20 или выше и менеджер пакетов pnpm версии 10.

Ограничения и выбор сценария

Перестановка DOM лишь затрудняет обычное копирование: она не предотвращает снимки экрана, OCR или извлечение текста другими способами. Абсолютное позиционирование символов требует проверки переносов, смены шрифта и размеров экрана. Доступность для экранных дикторов, поиск по странице и индексация могут зависеть от нарушенного порядка текста; библиотеку стоит сначала проверить на ограниченном фрагменте.

Лицензия и условия использования

GitHub не определяет однозначную стандартную лицензию этого репозитория. Условия использования нужно проверить в README, LICENSE и документации авторов; доступность файлов на GitHub сама по себе не разрешает любое распространение или коммерческое использование.