Все ваши папки, ссылки и заметки — в одном дереве

Инструкция

Как пользоваться SpriteNote и что делает каждая кнопка

SpriteNote устроен как файловый менеджер: слева — дерево папок, справа — содержимое выбранной папки. Внутри папок лежат ссылки, текстовые страницы и документы. В интерфейсе SpriteNote ваши папки и файлы видны только вам.

1. Создайте корневую папку — кнопка «+» в заголовке боковой панели слева.
2. Выберите папку в дереве — её содержимое откроется справа.
3. Добавьте элемент кнопками над содержимым: подпапку, ссылку, текстовую страницу или документ.
4. Заполните поля в открывшемся окне и нажмите «Создать».
5. Дальше: клик по элементу — открыть, кнопка «три точки» «…» на элементе — изменить, переместить или удалить.

Тип виден по цвету всей карточки: папка — синяя, ссылка — зелёная, текстовая страница — жёлтая, документ — красный. В режиме списка от того же цвета остаётся полоска слева.

Кнопка	Что делает
Проводник	Дерево папок и их содержимое — основная страница.
Инструкция	Эта страница.
Корзина	Всё, что вы удалили за последний месяц. Оттуда можно вернуть обратно.
Аккаунт	Смена пароля и удаление аккаунта вместе со всеми данными.
Горячие клавиши	Открывает список сочетаний. То же делает клавиша ?.
Выход	Завершает сеанс. Данные остаются, вход — тем же email и паролем.

Кнопка	Что делает
Плюс	Создаёт новую корневую папку — папку верхнего уровня.
Стрелка вниз	Выгружает всё дерево в файл JSON: резервная копия или перенос на другой сервер. Админ
Стрелка вверх	Загружает дерево из файла JSON. Добавляется только то, чего ещё нет: повторный импорт того же файла дублей не создаёт. Админ
Поиск по дереву	Ищет по названию, описанию, тексту страниц и адресам ссылок во всём дереве сразу. Результаты показываются справа с указанием папки; клик по результату открывает элемент. Очистить — клавишей Esc или стерев текст.
Треугольник у папки	Разворачивает и сворачивает список подпапок. У папок без подпапок его нет.
Число у корневой папки	Сколько элементов лежит в ней на первом уровне, без вложенных. Под курсором уступает место кнопке меню.
Три точки у папки	Меню действий с папкой: открыть, редактировать, переместить, удалить. То же меню открывается правой кнопкой мыши по строке.

Строка «Избранное» над деревом показывает помеченное со всего дерева сразу, а не внутри одной папки. Клик по любой папке выходит из отбора и возвращает обычный просмотр.

Кнопка	Что делает
Избранное	Показывает всё, что помечено звездой. Пометить и снять пометку — в меню элемента.
Сбросить отбор	Снимает все пометки разом и возвращает обычный просмотр дерева.

Ссылки проверяются сами, раз в сутки в три часа ночи. Недоступная ссылка помечается красным значком прямо там, где лежит, — никуда не переносится. Серый знак вопроса означает, что сайт не пустил проверку: в браузере он, скорее всего, откроется. Причина и дата — в подсказке; проверить немедленно можно из меню ссылки.

Кнопка	Что делает
Проводник (в строке пути)	Возвращает в корень — к списку корневых папок. Названия папок правее ведут на любой уровень пути.
Новая подпапка	Создаёт папку внутри открытой папки.
Новая ссылка	Добавляет ссылку с названием и описанием.
Новая текстовая страница	Создаёт заметку, текст которой хранится в SpriteNote.
Новый документ	Загружает файл на сервер и кладёт его в открытую папку.
Плитка	Показывает содержимое карточками. Выбор запоминается в аккаунте и действует на любом устройстве.
Список	Показывает содержимое компактными строками — удобно, когда элементов много.

Четыре кнопки создания появляются, только когда выбрана папка: класть элементы в корень нельзя, там живут лишь папки.

Действие	Что делает
Клик по элементу	Папка — открывается, ссылка — в новой вкладке браузера, текстовая страница — для чтения, документ — скачивается.
Три точки или правая кнопка мыши	Открывает меню; его пункты описаны ниже.
Открыть · Открыть ссылку · Скачать	То же, что клик по элементу; название пункта зависит от типа.
Редактировать	Открывает окно с полями элемента: название, адрес, описание, текст или файл.
Добавить в избранное	Кладёт элемент в раздел «Избранное» вверху боковой панели. Повторный вызов убирает его оттуда.
Проверить ссылку	Сходить по адресу прямо сейчас, не дожидаясь обхода. Пункт появляется у ссылок, которые не отвечают или ещё ни разу не проверялись.
Переместить	Открывает выбор новой папки для элемента.
Удалить	Убирает элемент из дерева в корзину после подтверждения. Папка уходит туда вместе со всем содержимым. Вернуть можно на вкладке «Корзина».

Удалённое не пропадает сразу: оно месяц лежит в корзине, а потом удаляется само. В списке одна строка на каждое удаление — папку вы удаляли целиком, целиком её и вернёте, вместе со всем, что было внутри.

Кнопка	Что делает
Откуда	Папка, из которой элемент удалили. Туда он и вернётся.
Хранится до	День, до которого элемент лежит в корзине. Отсчёт идёт от удаления и не сбрасывается.
Восстановить	Возвращает элемент на прежнее место в дереве. Если папка, где он лежал, тоже в корзине — сначала верните её.
Удалить навсегда	Удаляет элемент, не дожидаясь месяца. Вот это уже необратимо: файлы документов удаляются с диска сервера.
Очистить корзину	То же самое для всего содержимого корзины сразу.
Обновить	Перечитывает список — пригодится, если вы удаляли что-то в другой вкладке браузера.

Кнопка или поле	Что делает
Название	Обязательное поле — под этим именем элемент виден в дереве и в списке.
Ссылка (URL)	Адрес страницы для элемента-ссылки, например https://example.com.
Кратко о ссылке Claude	Сервер сам открывает указанный адрес, читает страницу и заполняет название и описание за вас. Работает только при заполненном поле «Ссылка (URL)». Занимает несколько секунд.
Описание · Текст страницы · Файл документа	Показывается то поле, которое относится к типу элемента. Если заменить файл документа, прежний удаляется с сервера.
Создать / Сохранить	Сохраняет элемент. Надпись зависит от того, создаёте вы элемент или правите существующий.
Отмена и «×»	Закрывают окно без сохранения. То же делает клик по затемнённому фону.
Уголок окна	Окно растягивается мышью за правый нижний угол; размер запоминается в этом браузере и применяется к следующим окнам того же вида.

Кнопка	Что делает
Корень (без папки)	Делает папку корневой. Доступно только для папок — ссылки, страницы и документы могут лежать только в папке.
Папка в списке	Выбирает её как место назначения. Папка, которую вы переносите, и её содержимое в списке не показываются: внутрь себя переместить нельзя.
Переместить сюда	Выполняет перенос в выбранную папку.
Отмена и «×»	Закрывают окно, ничего не меняя.

Кнопка	Что делает
Язык интерфейса	Переключает язык интерфейса на украинский или русский. Выбор хранится в аккаунте и действует на любом устройстве. Ваши папки, страницы и документы не переводятся — это ваши данные.
Изменить пароль	Меняет пароль. Понадобятся текущий пароль и новый — не короче 8 символов, введённый дважды.
Удалить аккаунт и все данные	Удаляет аккаунт вместе со всеми папками, ссылками, страницами и загруженными файлами. Требует пароль и подтверждение. Восстановить данные невозможно.

Действие	Что делает
Горячие клавиши	Полный список — по клавише ? или кнопкой с клавиатурой в верхней панели. Коротко: / — поиск, стрелки — по дереву и карточкам, F L T D — создать, E — изменить, Delete — в корзину.
Перетаскивание	Элемент или папку можно перетащить мышью на папку в дереве или на строку пути сверху. Папка под курсором разворачивается сама через мгновение. Окно «Переместить» никуда не делось — с телефона и с клавиатуры работает только оно.
Выделение нескольких	Ctrl+клик добавляет карточку к выделению, Shift+клик берёт всё от прошлой карточки до этой. Над содержимым появляется полоса с числом выбранных и кнопками «Переместить» и «Удалить». Перетащить выделение можно целиком, потянув за любую из выбранных карточек.
Работа без связи	Сайт можно добавить на домашний экран телефона. Дерево и заметки читаются и без интернета — показывается копия, сохранённая при последнем открытии; внизу об этом предупреждает полоса. Менять что-либо без связи нельзя. Копия стирается при выходе из аккаунта.

Тот же сайт, та же учётная запись, отдельного приложения нет. Экран узкий, поэтому дерево папок не показывается постоянно — его вызывает кнопка с тремя полосками слева в верхней панели.

Кнопка	Что делает
Три полоски	Выдвигает дерево папок поверх содержимого. Закрывается выбором папки, нажатием мимо неё или клавишей Esc.
Полоса вкладок	Прокручивается вбок: вкладок больше, чем помещается в ширину экрана.
Кнопки создания	Тоже прокручиваются вбок, одной строкой над содержимым.
Установка на экран «Домой»	В меню браузера — «Добавить на главный экран». Сайт откроется без адресной строки и запомнит вход.

На вкладке «Удалённый доступ» видно, кто сейчас на сайте. Подключение начинается только после того, как человек его разрешил — обойти согласие не может никто, включая администратора.

Смотреть экран	Работает в браузере, ставить ничего не нужно. Показывается весь экран; браузер попросит это подтвердить — убрать его запрос страница не может. Управлять его компьютером нельзя — браузер такого не умеет.
Управлять	Настоящее управление мышью и клавиатурой. Работает через RustDesk, который должен стоять на обеих машинах — Windows или Linux. SpriteNote только сводит стороны: после согласия он показывает ID и одноразовый пароль.
Идентификатор RustDesk	Указывается в окне «Аккаунт» и подставляется в подтверждение, когда управлять просят вас. Без него ID придётся вводить руками при каждом запросе.
Окно управления	Как только вторая сторона согласилась и передала пароль, SpriteNote сам открывает RustDesk с этими данными. Если после нажатия «Открыть RustDesk» окно так и не появилось, панель предложит скачать программу. Это догадка, а не проверка: узнать со страницы, что установлено на машине, браузер не даёт. Программа на месте — нажмите «Он установлен», и предложение уйдёт. Запасной путь есть всегда: веб-клиент и готовая команда под реквизитами.
На весь экран	Кнопка в полосе над чужим экраном разворачивает окно просмотра во весь монитор. Полоса с кнопкой «Завершить» остаётся видна. Выйти можно той же кнопкой или клавишей Esc.
Свой сервер RustDesk	На этом же Raspberry Pi поднят RustDesk Server OSS — тот, что раздаёт идентификаторы и сводит стороны. Адрес и ключ показаны на вкладке «Удалённый доступ», их надо один раз вписать в RustDesk на каждой машине: «Настройки» → «Сеть». После этого управление не выходит за пределы дома и не идёт через публичные серверы.
Управление из интернета	Порты своего сервера наружу не открыты и открыть их нельзя — провайдер держит нас за CGNAT. Поэтому снаружи RustDesk ходит на тот же адрес, что и сайт, по защищённому сокету. Возьмите на вкладке вариант «Из интернета» и включите в RustDesk «Настройки» → «Сеть» → «Использовать WebSocket». В локальной сети и через Tailscale галочка не нужна: там связь идёт напрямую и быстрее.
Веб-клиент без установки	Управлять можно и из браузера, ничего не ставя. Кнопка «Открыть веб-клиент» в окне с реквизитами открывает экран сразу: ID подставляется ссылкой, а пароль кладётся в буфер обмена — останется вставить. В первый раз консоль попросит войти и вернёт на тот же экран; вход у неё свой, не от SpriteNote. Если своя консоль не поднята, кнопка ведёт на rustdesk.com/web, и туда надо один раз вставить строку «Для веб-клиента» со вкладки.
Только по https	Показ экрана требует защищённого соединения: по обычному http браузер его запретит, и вкладка об этом предупредит. Управление через RustDesk этого не требует — это отдельная программа.
Откуда виден экран	Показ экрана работает между устройствами домашней сети и между устройствами тайлнета. Снаружи, без Tailscale, картинки не будет: видео ищет прямой путь между браузерами, а снаружи его нет. Управление через RustDesk работает отовсюду.

• Почти всё, что делается мышью, делается и с клавиатуры: список сочетаний — по клавише ?.
• Правая кнопка мыши работает и в дереве, и на карточках — это то же меню, что и «три точки».
• Наведите курсор на карточку: всплывающая подсказка покажет описание целиком, даже если в самой карточке оно обрезано.
• Удаление обратимо: элемент уходит в корзину и лежит там месяц. Необратимы только «Удалить навсегда», «Очистить корзину» и удаление аккаунта.
• Все действия подтверждаются всплывающим сообщением в углу экрана; сообщение об ошибке означает, что изменение не сохранилось.
• Ваше дерево видно только вам: другие пользователи не имеют к нему доступа ни через интерфейс, ни через поиск.
• У администратора сервера доступ полный — файловый менеджер, терминал и база данных. Так устроен любой сервер, которым кто-то управляет.