Песочница
Granularity — прямо в браузере
Полноценный редактор на своём домене. Компилирует однофайловые компоненты по ходу набора, показывает результат на трёх ширинах и хранит код в ссылке — её можно сразу вставить в задачу.
Начать с экрана
Все 8 экранов из раздела примеров, файл в файл, и пустой старт. Каждый открывается в песочнице своей ссылкой.
Пустой
Одна кнопка и счётчик: самый маленький файл, который ещё остаётся примером.
компонентов: 1Открыть
Дашборд эксплуатации
Рабочая консоль команды, которая выкладывает и дежурит, собранная на одном ядре.
компонентов: 12Открыть
Управление доступом
Админка, где действуют над записями: фильтр, выбор, правка — и честный ответ, к чему выбор относится.
компонентов: 11Открыть
Импорт и экспорт
Первый экран, где действие занимает время, и единственный, где задание вправе получиться наполовину.
компонентов: 9Открыть
Командный центр
Экран, где клавиатура — основной способ, но всё работает и без неё, а палитра выполняет команды, а не ищет страницы.
компонентов: 7Открыть
Вход
Рабочий экран входа, у которого достижимы все пять состояний — включая два, которых никто не рисует.
компонентов: 9Открыть
Настройки пространства
Настройки, у которых одна модель сохранения — и она написана на самой странице.
компонентов: 13Открыть
Ваш профиль
Место, где у модели сохранения появляется исключение: правки ждут, действия — нет.
компонентов: 8Открыть
Публикация статьи
Три обратимых шага и один необратимый, и разница сказана до нажатия, а не после.
компонентов: 10Открыть
Что она умеет
Ссылка — это сохранение
Каждая правка записывается в адрес, а кнопка Share копирует его. На сервере не хранится ничего: ссылка — единственная копия, и для отчёта об ошибке её достаточно.
Те же файлы, что в примерах
Шаблоны читаются из исходников экранов-примеров при сборке. Поменяйте пример — и песочница поменяется вместе с ним.
Забрать с собой
Export отдаёт проект, который запускается: package.json с точными версиями, конфиги Vite и granum, точку входа и ваши файлы. Его можно скопировать или скачать архивом .zip.
Почему отдельный домен. Песочница исполняет код из ссылок, которые может подготовить кто угодно. Она живёт на play.granularity.tech — другом источнике, — поэтому такой код никогда не исполняется рядом с документацией.