MyTvmSpec

Приложение для просмотра инструкций виртуальной машины TON (TVM) с возможностью поиска, фильтрации и настройки отображения.

Функциональность

• 🌙 Поддержка тёмной темы с переключателем
• 📊 Таблица инструкций TVM со всеми данными из cp0.json
• 🔍 Поиск по инструкциям с приоритизацией совпадений в имени
• 🗂️ Фильтрация по категориям инструкций
• ⚙️ Настройка отображаемых столбцов с сохранением в localStorage
• 📱 Адаптивный дизайн для мобильных устройств

Технологии

• React с TypeScript
• React Table для создания таблицы
• CSS переменные для управления темами
• Современный UI в стиле Astro

Начало работы

Предварительные требования

• Node.js (рекомендуется версия 14 или выше)
• npm или yarn

Установка

1. Клонируйте репозиторий:

git clone https://github.com/your-username/mytvm-spec.git
cd mytvm-spec

2. Установите зависимости:

npm install
# или
yarn install

3. Скопируйте файл cp0.json в директорию src:

cp path/to/cp0.json src/

Запуск

Для запуска приложения в режиме разработки выполните:

npm start
# или
yarn start

Приложение будет доступно по адресу http://localhost:3000.

Сборка для продакшена

Для создания оптимизированной сборки выполните:

npm run build
# или
yarn build

Собранные файлы будут доступны в директории build/.

Пользовательский интерфейс

• Переключатель темы: Расположен в правом верхнем углу страницы.
• Поиск: Позволяет искать инструкции по мнемонике и описанию.
• Фильтр по категории: Выпадающий список для выбора конкретной категории инструкций.
• Настройка столбцов: Чекбоксы для выбора отображаемых столбцов.
• Сортировка: Клик по заголовку столбца для сортировки по возрастанию/убыванию.

Возможности кастомизации

Для изменения логики поиска можно отредактировать функцию searchFilter в файле src/components/InstructionsTable.tsx.