187 lines
11 KiB
Markdown
187 lines
11 KiB
Markdown
|
# Структура исходного кода клиентской части
|
|||
|
|
|
|||
|
|
### Структура исходного кода клиенсткой части
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
FRONT/
|
|||
|
|
BUILD/ # Сближенная версия приложения
|
|||
|
|
DEV/ # Исходный код приложения
|
|||
|
|
assets/
|
|||
|
|
icon.png # Иконка для самого приложения
|
|||
|
|
public/
|
|||
|
|
assets/
|
|||
|
|
images/ # SVG-иконки и изображения для UI
|
|||
|
|
back1.svg
|
|||
|
|
bigLogo.svg
|
|||
|
|
bukvi.svg
|
|||
|
|
cancel.svg
|
|||
|
|
check.svg
|
|||
|
|
edit.svg
|
|||
|
|
ethernet.svg
|
|||
|
|
gossys.png
|
|||
|
|
logo.svg
|
|||
|
|
signal.svg
|
|||
|
|
vite.svg
|
|||
|
|
vpn.svg
|
|||
|
|
wifi.svg
|
|||
|
|
src/ # Основной исходный код приложения
|
|||
|
|
api/
|
|||
|
|
request.ts # Функции для HTTP-запросов
|
|||
|
|
assets/
|
|||
|
|
css/ # Стили приложения
|
|||
|
|
flow.css # Стили для React Flow
|
|||
|
|
index.css # Глобальные стили приложения
|
|||
|
|
components/
|
|||
|
|
customeNodes/ # Кастомные ноды для React Flow
|
|||
|
|
nodes/
|
|||
|
|
baseForm/ # Базовые формы нод
|
|||
|
|
circle/
|
|||
|
|
circleNode.tsx # Компонент ноды в форме круга
|
|||
|
|
style.ts
|
|||
|
|
default/
|
|||
|
|
defaultNode.tsx # Компонент ноды по умолчанию
|
|||
|
|
style.ts
|
|||
|
|
diamond/
|
|||
|
|
diamondNode.tsx # Компонент ноды в форме ромба
|
|||
|
|
style.ts
|
|||
|
|
paralelogram/
|
|||
|
|
paralelogramNode.tsx # Компонент ноды в форме параллелограмма
|
|||
|
|
style.ts
|
|||
|
|
pill/
|
|||
|
|
pillNode.tsx # Компонент ноды в форме таблетки
|
|||
|
|
style.ts
|
|||
|
|
networkInterface/ # Ноды для представления сетевых интерфейсов
|
|||
|
|
ipGroup/
|
|||
|
|
ipGroup.tsx # Компонент ноды групп IP-адресов
|
|||
|
|
style.ts
|
|||
|
|
ipNode/
|
|||
|
|
ipNode.tsx # Компонент ноды IP-адреса
|
|||
|
|
style.ts
|
|||
|
|
networkGroup/
|
|||
|
|
nodeGroup.tsx # Компонент ноды групп сетевых интерфейсов
|
|||
|
|
style.ts
|
|||
|
|
networkNode/
|
|||
|
|
networkNode.tsx # Компонент ноды сетевого интерфейса
|
|||
|
|
style.ts
|
|||
|
|
portNode/
|
|||
|
|
portNode.tsx # Компонент ноды порта
|
|||
|
|
style.ts
|
|||
|
|
index.ts
|
|||
|
|
types/
|
|||
|
|
colors.ts # Константы цветов для нод
|
|||
|
|
types.ts # Общие типы для нод
|
|||
|
|
modalwindows/
|
|||
|
|
modalContainers/ # Контейнеры для модальных окон
|
|||
|
|
addDevice.tsx
|
|||
|
|
connectionError.tsx
|
|||
|
|
ipConfirm.tsx
|
|||
|
|
rightsConfirm.tsx
|
|||
|
|
index.ts
|
|||
|
|
modal.tsx # Базовый компонент модального окна
|
|||
|
|
modalWindow.tsx # Основной компонент для рендеринга модальных окон
|
|||
|
|
style.ts # Стили для модальных окон
|
|||
|
|
windowsType.ts # Типы для модальных окон
|
|||
|
|
UI/ # Общие UI-компоненты
|
|||
|
|
buttons/
|
|||
|
|
mainButton.tsx # Основная кнопка приложения
|
|||
|
|
quitButton.tsx # Кнопка выхода
|
|||
|
|
toggletheme.tsx # Кнопка переключения темы
|
|||
|
|
inputs/
|
|||
|
|
input.tsx # Компонент поля ввода
|
|||
|
|
animDot.tsx # Анимированная точка
|
|||
|
|
loader.tsx # Компонент загрузки
|
|||
|
|
routerLoader.tsx # Лоадер для маршрутизации
|
|||
|
|
signalSvg.tsx # SVG-компонент для индикатора сигнала
|
|||
|
|
workSpace/ # Компоненты рабочего пространства
|
|||
|
|
modules/
|
|||
|
|
appModules/ # Общие модули приложения
|
|||
|
|
about.tsx # Страница/компонент "О программе"
|
|||
|
|
header.tsx # Компонент хэдера
|
|||
|
|
helloWindow.tsx # Приветственное окно
|
|||
|
|
workModules/
|
|||
|
|
networkInterfaces.tsx # Модуль для управления сетевыми интерфейсами
|
|||
|
|
sideBar/ # Боковая панель
|
|||
|
|
toolBar/
|
|||
|
|
toolBar-button.tsx # Компонент кнопки панели инструментов
|
|||
|
|
toolBar.tsx # Панель инструментов
|
|||
|
|
toolSpace/
|
|||
|
|
devicesBar.tsx # Меню управление подключённых хостов
|
|||
|
|
toolSpace.tsx # Компонент пространства инструментов
|
|||
|
|
sideBar.tsx # Основной компонент боковой панели
|
|||
|
|
workSpace.tsx # Основной компонент рабочего пространства
|
|||
|
|
register.tsx # Компонент регистрации пользователя(создания пароля)
|
|||
|
|
const/ # Константы и конфигурации
|
|||
|
|
buttons/
|
|||
|
|
icons.tsx # Иконки для кнопок
|
|||
|
|
names.ts # Названия кнопок
|
|||
|
|
menus/
|
|||
|
|
othersMenus/
|
|||
|
|
data.ts # Данные для прочих меню
|
|||
|
|
names.ts # Названия прочих меню
|
|||
|
|
sideBar/
|
|||
|
|
components.tsx # Компоненты для боковой панели
|
|||
|
|
data.ts # Данные для боковой панели
|
|||
|
|
icons.tsx # Иконки боковой панели
|
|||
|
|
names.ts # Названия пунктов боковой панели
|
|||
|
|
modals/
|
|||
|
|
names.ts # Названия модальных окон
|
|||
|
|
theme/
|
|||
|
|
globalStyles.ts # Глобальные стили темы
|
|||
|
|
icons.tsx # Иконки для темы
|
|||
|
|
names.ts # Названия тем
|
|||
|
|
theme.ts # Конфигурация темы
|
|||
|
|
types/
|
|||
|
|
types.ts # Общие типы приложения
|
|||
|
|
workspace/
|
|||
|
|
names.ts # Названия для рабочего пространства
|
|||
|
|
hooks/
|
|||
|
|
useMenu.ts # Хук для управления меню
|
|||
|
|
useToolBar.ts # Хук для управления панелью инструментов
|
|||
|
|
store/
|
|||
|
|
adminStore.ts # Хранилище для админских данных
|
|||
|
|
devicesStore.ts # Хранилище для данных об подключённых хостах
|
|||
|
|
flowStore.ts # Хранилище для React Flow
|
|||
|
|
groupStore.ts # Хранилище для групп нод
|
|||
|
|
index.ts # Экспорт всех хранилищ
|
|||
|
|
ipStore.ts # Хранилище для IP-адресов
|
|||
|
|
menusStore.ts # Хранилище для меню
|
|||
|
|
modalContext.tsx # Контекст для управления модальными окнами
|
|||
|
|
pannableStore.ts # Хранилище для перемещения холста
|
|||
|
|
posStore.ts # Хранилище для позиций нод
|
|||
|
|
themeContext.tsx # Контекст для управления темой
|
|||
|
|
toolBarStore.ts # Хранилище для панели инструментов
|
|||
|
|
workSpaceStore.ts # Хранилище для рабочего пространства
|
|||
|
|
utils/ # Утилитарные функции
|
|||
|
|
nodeController/ # Утилиты для управления узлами
|
|||
|
|
nodeCreator/
|
|||
|
|
inits/
|
|||
|
|
initEdges.ts # Инициализация связей (эджей)
|
|||
|
|
initIpArray.ts # Инициализация массива IP-адресов
|
|||
|
|
initNodes.ts # Инициализация нод
|
|||
|
|
initor.ts # Общий инициализатор
|
|||
|
|
autosavePosition.ts # Автосохранение позиций нод
|
|||
|
|
collapseGroup.ts # Сворачивание групп нод
|
|||
|
|
groupSort.ts # Сортировка групп
|
|||
|
|
index.ts # Экспорт утилит
|
|||
|
|
initNetIntData.ts # Инициализация данных сетевых интерфейсов
|
|||
|
|
updateWifiData.ts # Обновление данных Wi-Fi
|
|||
|
|
validator.ts # Валидация данных
|
|||
|
|
checkAdmin.ts # Проверка прав администратора
|
|||
|
|
pageReloads.ts # Утилиты для управления перезагрузкой страниц
|
|||
|
|
electron.d.ts # Типы для Electron
|
|||
|
|
router.tsx # Маршрутизация (React Router)
|
|||
|
|
.gitignore
|
|||
|
|
eslint.config.js
|
|||
|
|
index.html # Главный HTML-файл
|
|||
|
|
index.tsx # Точка входа для React-приложения
|
|||
|
|
main.js # Главный файл для Electron
|
|||
|
|
package-lock.json
|
|||
|
|
package.json
|
|||
|
|
preload.js # Preload-скрипт для Electron
|
|||
|
|
tsconfig.app.json
|
|||
|
|
tsconfig.json
|
|||
|
|
tsconfig.node.json
|
|||
|
|
vite-env.d.ts
|
|||
|
|
vite.config.ts
|
|||
|
|
yarn.lock
|
|||
|
|
```
|