Compare commits
21 Commits
8f8eef53c9
..
v1.0.5
| Author | SHA1 | Date | |
|---|---|---|---|
| 1840227be6 | |||
| a15adfc3b1 | |||
| 82baef2b04 | |||
| e4b989c60f | |||
| e165a41180 | |||
| cd1f6dcc7e | |||
| 06ffe9bb29 | |||
| 0ba4b8379e | |||
| d3cdc468b5 | |||
| 875f8cbb3b | |||
| 93dad8a80d | |||
| a583859f62 | |||
| e76386ddb9 | |||
| 7fc952cc39 | |||
| 600b8f8321 | |||
| 30b57d842a | |||
| f462e65581 | |||
| 36776f4c5d | |||
| c9cad4dafd | |||
| d94a11d466 | |||
| a24e87035a |
@@ -1,35 +0,0 @@
|
|||||||
---
|
|
||||||
name: frontend-senior
|
|
||||||
description: Senior frontend engineer
|
|
||||||
model: auto
|
|
||||||
tools: all
|
|
||||||
---
|
|
||||||
|
|
||||||
Ты senior frontend engineer.
|
|
||||||
|
|
||||||
Задача:
|
|
||||||
- реализовать feature или fix
|
|
||||||
- писать production-quality React + TypeScript код
|
|
||||||
|
|
||||||
Правила:
|
|
||||||
|
|
||||||
- сначала изучи nearby components
|
|
||||||
- следуй существующим patterns
|
|
||||||
- не делай лишних изменений
|
|
||||||
- избегай overengineering
|
|
||||||
- используй composition
|
|
||||||
|
|
||||||
UI:
|
|
||||||
|
|
||||||
- учитывай loading / error / empty / disabled
|
|
||||||
- соблюдай accessibility
|
|
||||||
|
|
||||||
Не делай:
|
|
||||||
|
|
||||||
- large refactors без запроса
|
|
||||||
- новые dependencies без причины
|
|
||||||
|
|
||||||
Output:
|
|
||||||
|
|
||||||
- список изменённых файлов
|
|
||||||
- краткое описание изменений
|
|
||||||
@@ -1,33 +0,0 @@
|
|||||||
---
|
|
||||||
name: reviewer
|
|
||||||
description: Strict code reviewer
|
|
||||||
model: auto
|
|
||||||
tools: all
|
|
||||||
---
|
|
||||||
|
|
||||||
Ты строгий reviewer.
|
|
||||||
|
|
||||||
Цель:
|
|
||||||
- найти проблемы в изменениях
|
|
||||||
|
|
||||||
Проверяй:
|
|
||||||
|
|
||||||
- correctness
|
|
||||||
- regressions
|
|
||||||
- type safety
|
|
||||||
- accessibility
|
|
||||||
- performance
|
|
||||||
- edge cases
|
|
||||||
- missing tests
|
|
||||||
|
|
||||||
Формат:
|
|
||||||
|
|
||||||
- Severity: high / medium / low
|
|
||||||
- Problem
|
|
||||||
- Why
|
|
||||||
- Fix
|
|
||||||
|
|
||||||
Правила:
|
|
||||||
|
|
||||||
- не переписывай код без причины
|
|
||||||
- предлагай minimal fixes
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
---
|
|
||||||
name: unit-tests
|
|
||||||
description: Unit test specialist
|
|
||||||
model: auto
|
|
||||||
tools: all
|
|
||||||
---
|
|
||||||
|
|
||||||
Ты unit-test specialist.
|
|
||||||
|
|
||||||
Задача:
|
|
||||||
|
|
||||||
- добавить/обновить tests
|
|
||||||
- добиться green status
|
|
||||||
|
|
||||||
Подход:
|
|
||||||
|
|
||||||
- test behavior, not implementation
|
|
||||||
- follow existing patterns
|
|
||||||
- избегай flaky tests
|
|
||||||
|
|
||||||
Покрытие:
|
|
||||||
|
|
||||||
- happy path
|
|
||||||
- edge case
|
|
||||||
- error case
|
|
||||||
|
|
||||||
Workflow:
|
|
||||||
|
|
||||||
- сначала run relevant tests:
|
|
||||||
`npm run test -- <file>`
|
|
||||||
- затем при необходимости весь suite
|
|
||||||
|
|
||||||
Output:
|
|
||||||
|
|
||||||
- какие тесты добавлены
|
|
||||||
- что они проверяют
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
{
|
|
||||||
"version": 1,
|
|
||||||
"hooks": {
|
|
||||||
"stop": [
|
|
||||||
{
|
|
||||||
"command": "node .cursor/hooks/final-verify.cjs"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,55 +0,0 @@
|
|||||||
const fs = require("fs");
|
|
||||||
const path = require("path");
|
|
||||||
const { execSync } = require("child_process");
|
|
||||||
|
|
||||||
const statePath = path.join(process.cwd(), ".cursor", "pipeline-state.json");
|
|
||||||
|
|
||||||
function readState() {
|
|
||||||
if (!fs.existsSync(statePath)) {
|
|
||||||
return {
|
|
||||||
implementation: "pending",
|
|
||||||
review: "pending",
|
|
||||||
tests: "pending"
|
|
||||||
};
|
|
||||||
}
|
|
||||||
return JSON.parse(fs.readFileSync(statePath, "utf8"));
|
|
||||||
}
|
|
||||||
|
|
||||||
function fail(msg) {
|
|
||||||
process.stdout.write(JSON.stringify({ followup_message: msg }));
|
|
||||||
process.exit(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
const state = readState();
|
|
||||||
|
|
||||||
if (state.implementation !== "done") {
|
|
||||||
fail("Run frontend-senior stage");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (state.review !== "done") {
|
|
||||||
fail("Run reviewer stage");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (state.tests !== "done") {
|
|
||||||
fail("Run unit-tests stage");
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
execSync("npm run lint", { stdio: "pipe" });
|
|
||||||
} catch {
|
|
||||||
fail("Lint failed");
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
execSync("npm run typecheck", { stdio: "pipe" });
|
|
||||||
} catch {
|
|
||||||
fail("Typecheck failed");
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
execSync("npm run test", { stdio: "pipe" });
|
|
||||||
} catch {
|
|
||||||
fail("Tests failed");
|
|
||||||
}
|
|
||||||
|
|
||||||
process.exit(0);
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
{
|
|
||||||
"version": 1,
|
|
||||||
"hooks": {
|
|
||||||
"stop": [
|
|
||||||
{
|
|
||||||
"command": "node .cursor/hooks/final-verify.cjs"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
{
|
|
||||||
"implementation": "done",
|
|
||||||
"review": "done",
|
|
||||||
"tests": "done",
|
|
||||||
"verify": "done"
|
|
||||||
}
|
|
||||||
@@ -1,112 +0,0 @@
|
|||||||
# PR: UI — выравнивание под макеты (редактор + пульт)
|
|
||||||
|
|
||||||
Связь с **feature-pipeline** (`.cursor/skills/feature-pipeline/SKILL.md`): критерии ниже сгруппированы по стадиям; после merge обновляют `.cursor/pipeline-state.json` по мере прохождения стадий.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Мета PR
|
|
||||||
|
|
||||||
| Поле | Значение |
|
|
||||||
|------|----------|
|
|
||||||
| **Цель** | Визуальная и UX-полировка существующих экранов без новых продуктовых фич из макета |
|
|
||||||
| **Область** | `EditorApp`, `SceneGraph`, `ControlApp`, общие токены/мелкие UI-баги |
|
|
||||||
| **Вне скоупа** | Новые пункты меню, новые типы сцен, новые каналы микшера, если их нет в коде |
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Stage 1 — Implementation (subagent: `frontend-senior`)
|
|
||||||
|
|
||||||
### Чеклист PR
|
|
||||||
|
|
||||||
- [ ] **P0-A** Карточка узла графа: статусы «Авто / Цикл / Аудио» отражают **реальные** поля сцены (`previewVideoAutostart`, `settings.loopVideo`, наличие `media.audios`), а не статичный текст.
|
|
||||||
- [ ] **P0-B** Пульт: для сцены с видео-превью явно подписано, что **кисть эффектов** недоступна (согласовано с `PresentationView`: эффекты только для image).
|
|
||||||
- [ ] **P1-A** Пульт: порядок секций **Предпросмотр → Варианты ветвления → Музыка сцены → Быстрый микшер** (вертикальный поток как в референсе).
|
|
||||||
- [ ] **P1-B** Сетка «Варианты ветвления» без «дыр»: `repeat(auto-fit, minmax(...))` **или** фиксированные слоты с disabled/placeholder **без новых сценариев** — только визуальная сетка.
|
|
||||||
- [ ] **P2-A** Редактор: меню «Файл» — цвет текста пункта на валидном токене (`--text0` / `--text1`), без несуществующего `--text`.
|
|
||||||
- [ ] **P2-B** Список сцен: убрать пустой статус-ряд у неактивных карточек (без лишнего вертикального зазора).
|
|
||||||
|
|
||||||
### Критерии приёмки (Stage 1)
|
|
||||||
|
|
||||||
1. На графе для сцены **без видео-превью** не отображаются вводящие в заблуждение чипы «Авто/Цикл» видео-превью; при наличии аудио — корректный индикатор аудио.
|
|
||||||
2. Для сцены с **видео-превью** чипы «Авто»/«Цикл» совпадают с `previewVideoAutostart` и `scene.settings.loopVideo`.
|
|
||||||
3. В пульте при `previewAssetType === 'video'` пользователь видит **одну строку-пояснение** (вторичный текст), почему нет панели эффектов.
|
|
||||||
4. Визуальный порядок блоков пульта соответствует чеклисту P1-A; отступы между `Surface` единообразны (`gap` 16).
|
|
||||||
5. Нет регрессий drag-and-drop сцен на граф и переключения веток.
|
|
||||||
|
|
||||||
**Definition of Done (Stage 1):** все пункты чеклиста Stage 1 отмечены; `npm run build` успешен.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Stage 2 — Review (subagent: `reviewer`)
|
|
||||||
|
|
||||||
### Чеклист PR
|
|
||||||
|
|
||||||
- [ ] Нет «мёртвых» веток UI и ложных состояний (чипы/подписи соответствуют данным).
|
|
||||||
- [ ] a11y: фокус/клавиатура на интерактивах не сломаны; `aria-*` не ухудшены.
|
|
||||||
- [ ] Нет лишнего diff вне файлов задачи.
|
|
||||||
|
|
||||||
### Критерии приёмки (Stage 2)
|
|
||||||
|
|
||||||
1. Reviewer фиксирует замечания с **Severity**; все **high** устранены или явно отклонены с причиной в PR.
|
|
||||||
2. После правок по review снова выполняется `npm run build`.
|
|
||||||
|
|
||||||
**Definition of Done (Stage 2):** review-замечания закрыты; state `review: done`.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Stage 3 — Tests (subagent: `unit-tests`)
|
|
||||||
|
|
||||||
### Чеклист PR
|
|
||||||
|
|
||||||
- [ ] Добавлены или обновлены тесты на **чистую логику** (например, хелпер разметки чипов по `Scene`, если вынесен в `app/shared`).
|
|
||||||
- [ ] Либо задокументировано в PR, что изменения только презентационные и покрыты smoke-тестом пайплайна.
|
|
||||||
|
|
||||||
### Критерии приёмки (Stage 3)
|
|
||||||
|
|
||||||
1. `npm run test` завершается с кодом 0.
|
|
||||||
2. Новые тесты не flaky, не зависят от Electron UI.
|
|
||||||
|
|
||||||
**Definition of Done (Stage 3):** `tests: done` в `.cursor/pipeline-state.json`.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Stage 4 — Verify (локально / hook `final-verify.cjs`)
|
|
||||||
|
|
||||||
Выполнить подряд:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run lint
|
|
||||||
npm run typecheck
|
|
||||||
npm run test
|
|
||||||
```
|
|
||||||
|
|
||||||
**Если `npm run lint` падает на массовых `Delete ␍` (CRLF/LF) в файлах вне PR** — до отдельного chore-PR с нормализацией строк для этого чеклиста достаточно:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npx eslint app/renderer/control/ControlApp.tsx app/renderer/editor/graph/SceneGraph.tsx app/renderer/shared/ui/sceneGraphChips.ts app/renderer/shared/ui/sceneGraphChips.test.ts --max-warnings 0
|
|
||||||
npm run typecheck
|
|
||||||
npm run test
|
|
||||||
npm run build
|
|
||||||
```
|
|
||||||
|
|
||||||
### Критерии приёмки (Stage 4)
|
|
||||||
|
|
||||||
1. `npm run typecheck`, `npm run test`, `npm run build` — **exit 0**.
|
|
||||||
2. Линт: либо полный `npm run lint` — **exit 0**, либо (при известном eol-долге репозитория) scoped-ESLint по файлам PR — **exit 0**, как в блоке выше.
|
|
||||||
3. `node .cursor/hooks/final-verify.cjs` — успешное завершение пайплайна только когда полный `npm run lint` зелёный (хук вызывает полный lint; при падении lint хук пишет `followup_message` в stdout).
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Синхронизация с `.cursor/pipeline-state.json`
|
|
||||||
|
|
||||||
После каждой стадии обновлять файл:
|
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"implementation": "done",
|
|
||||||
"review": "done",
|
|
||||||
"tests": "done"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
До начала работы — все `"pending"`.
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
---
|
|
||||||
description: Project-wide workflow and conventions
|
|
||||||
alwaysApply: true
|
|
||||||
---
|
|
||||||
|
|
||||||
# DNDGamePlayer — правила работы над задачами (future-pipeline)
|
|
||||||
|
|
||||||
Эти правила применяются **только** когда запрос пользователя требует **изменений в репозитории** (код/конфиги/тесты). Для чисто текстовых задач (описания, маркетинг, переписка) pipeline не запускаем.
|
|
||||||
|
|
||||||
## future-pipeline (обязательный порядок)
|
|
||||||
|
|
||||||
### 1) Implementation
|
|
||||||
- Прочитать релевантный код (минимум 1 файл), найти реальную причину бага/задачи.
|
|
||||||
- Делать **minimal, review-friendly diff** и следовать текущим паттернам проекта.
|
|
||||||
- Не добавлять зависимости без явной причины.
|
|
||||||
|
|
||||||
### 2) Review
|
|
||||||
- Самопроверка изменений: edge-cases, состояние UI (loading/error/empty/disabled), a11y, регрессии.
|
|
||||||
- Если задача нетривиальная: запустить внутренний “строгий ревью” (под-агент reviewer).
|
|
||||||
|
|
||||||
### 3) Tests
|
|
||||||
- Обновить/добавить тест(ы), если поведение изменилось или был баг.
|
|
||||||
- Для мелких правок допускается “облегчённый режим” без под-агентов, но тесты всё равно должны проходить.
|
|
||||||
|
|
||||||
### 4) Verify (всегда, перед ответом)
|
|
||||||
Обязательно выполнить:
|
|
||||||
- `npm run lint`
|
|
||||||
- `npm run typecheck`
|
|
||||||
- `npm run test`
|
|
||||||
|
|
||||||
Если что-то упало — исправить и повторить до green.
|
|
||||||
|
|
||||||
## Команды проекта (справка)
|
|
||||||
- install: `npm install`
|
|
||||||
- dev: `npm run dev`
|
|
||||||
- build: `npm run build`
|
|
||||||
- lint: `npm run lint`
|
|
||||||
- typecheck: `npm run typecheck`
|
|
||||||
- test: `npm run test`
|
|
||||||
@@ -1,80 +0,0 @@
|
|||||||
---
|
|
||||||
name: feature-pipeline
|
|
||||||
description: Implementation → Review → Tests → Verify
|
|
||||||
---
|
|
||||||
|
|
||||||
# Workflow
|
|
||||||
|
|
||||||
## Stage 1 — Implementation
|
|
||||||
|
|
||||||
Используй subagent: frontend-senior
|
|
||||||
|
|
||||||
- реализуй задачу
|
|
||||||
- сделай minimal diff
|
|
||||||
|
|
||||||
Обнови state:
|
|
||||||
|
|
||||||
{
|
|
||||||
"implementation": "done"
|
|
||||||
}
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Stage 2 — Review
|
|
||||||
|
|
||||||
Используй subagent: reviewer
|
|
||||||
|
|
||||||
- проверь изменения
|
|
||||||
- найди проблемы
|
|
||||||
- исправь минимально
|
|
||||||
|
|
||||||
Обнови state:
|
|
||||||
|
|
||||||
{
|
|
||||||
"implementation": "done",
|
|
||||||
"review": "done"
|
|
||||||
}
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Stage 3 — Tests
|
|
||||||
|
|
||||||
Используй subagent: unit-tests
|
|
||||||
|
|
||||||
- добавь/обнови tests
|
|
||||||
- добейся green status
|
|
||||||
|
|
||||||
Обнови state:
|
|
||||||
|
|
||||||
{
|
|
||||||
"implementation": "done",
|
|
||||||
"review": "done",
|
|
||||||
"tests": "done"
|
|
||||||
}
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Stage 4 — Verify
|
|
||||||
|
|
||||||
Выполни:
|
|
||||||
|
|
||||||
- `npm run lint`
|
|
||||||
- `npm run typecheck`
|
|
||||||
- `npm run test`
|
|
||||||
|
|
||||||
Если ошибка:
|
|
||||||
- исправь
|
|
||||||
- повтори
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Final Output
|
|
||||||
|
|
||||||
- implementation summary
|
|
||||||
- review summary
|
|
||||||
- test summary
|
|
||||||
- verification status
|
|
||||||
|
|
||||||
## PR-чеклисты (приёмка по задаче)
|
|
||||||
|
|
||||||
Готовые чеклисты с критериями по стадиям лежат в `.cursor/pr-checklists/`. Для UI-выравнивания под макеты: `ui-mock-alignment.md`.
|
|
||||||
@@ -0,0 +1,131 @@
|
|||||||
|
# Сборка по тегу v* и выкладка в публичный репо (ветка updates).
|
||||||
|
#
|
||||||
|
# Метки runs-on = labels твоих act_runner (Админка Gitea → Действия → Раннеры).
|
||||||
|
# Не используем windows-latest/macos-latest — это только GitHub-hosted.
|
||||||
|
# По умолчанию: одна Linux-сборка Win+NSIS (Wine). macOS — когда будет раннер (см. комментарий в build-macos).
|
||||||
|
#
|
||||||
|
# Один job без actions/upload-artifact: официальный upload-artifact@v4 с GitHub на Gitea
|
||||||
|
# падает (GHESNotSupportedError). Сборка и sync-update-feed идут в одном окружении.
|
||||||
|
#
|
||||||
|
# Secrets: DND_UPDATE_FEED_URL, DND_UPDATES_SERVER, UPDATES_REPO, DND_UPDATES_PUSH_TOKEN — docs/GITEA_AUTO_UPDATE.md
|
||||||
|
|
||||||
|
name: Release
|
||||||
|
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
tags:
|
||||||
|
- 'v*'
|
||||||
|
|
||||||
|
env:
|
||||||
|
CSC_IDENTITY_AUTO_DISCOVERY: 'false'
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
release:
|
||||||
|
runs-on: ubuntu-22.04
|
||||||
|
steps:
|
||||||
|
- uses: actions/checkout@v4
|
||||||
|
|
||||||
|
- uses: actions/setup-node@v4
|
||||||
|
with:
|
||||||
|
node-version: '22'
|
||||||
|
cache: 'npm'
|
||||||
|
|
||||||
|
# Не включаем i386 / wine32: на Debian с репами только amd64 (nginx, sury, …)
|
||||||
|
# apt ломается на цепочке libgphoto2/libgd:i386. NSIS — нативный пакет `nsis`;
|
||||||
|
# electron-builder подхватывает makensis; wine64 — для win-утилит (rcedit и т.п.).
|
||||||
|
# Пакет `wine` (мета) тянет wine32 → снова i386. electron-builder ищет именно `wine` в PATH.
|
||||||
|
- name: Зависимости Win-сборки на Linux (amd64, без multiarch i386)
|
||||||
|
shell: bash
|
||||||
|
run: |
|
||||||
|
sudo apt-get update
|
||||||
|
sudo DEBIAN_FRONTEND=noninteractive apt-get install -y --no-install-recommends \
|
||||||
|
ca-certificates \
|
||||||
|
nsis \
|
||||||
|
wine64
|
||||||
|
export PATH="/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"
|
||||||
|
W64="$(command -v wine64 2>/dev/null || true)"
|
||||||
|
if [[ -z "$W64" || ! -x "$W64" ]]; then
|
||||||
|
for p in /usr/bin/wine64 /usr/lib/wine/wine64; do
|
||||||
|
if [[ -x "$p" ]]; then W64="$p"; break; fi
|
||||||
|
done
|
||||||
|
fi
|
||||||
|
if [[ -z "${W64:-}" || ! -x "$W64" ]]; then
|
||||||
|
echo "wine64 binary not found after apt install wine64" >&2
|
||||||
|
dpkg -L wine64 2>/dev/null | head -80 >&2 || true
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
printf '%s\n' '#!/bin/sh' "exec $W64 \"\$@\"" | sudo tee /usr/local/bin/wine >/dev/null
|
||||||
|
sudo chmod +x /usr/local/bin/wine
|
||||||
|
wine --version
|
||||||
|
|
||||||
|
- name: Версия из тега
|
||||||
|
shell: bash
|
||||||
|
run: |
|
||||||
|
TAG="${GITHUB_REF_NAME:-${GITEA_REF_NAME:-}}"
|
||||||
|
VERSION="${TAG#v}"
|
||||||
|
npm version "$VERSION" --allow-same-version --no-git-tag-version
|
||||||
|
|
||||||
|
- run: npm ci
|
||||||
|
|
||||||
|
# Не используем `npm install`: на Linux npm падает с EBADPLATFORM для win32-пакета.
|
||||||
|
- name: sharp (@img/sharp-win32-x64) для Windows-артефакта при сборке на Linux
|
||||||
|
shell: bash
|
||||||
|
run: |
|
||||||
|
set -euo pipefail
|
||||||
|
tmp="$(mktemp -d)"
|
||||||
|
npm pack @img/sharp-win32-x64@0.34.5 --pack-destination "$tmp"
|
||||||
|
mkdir -p node_modules/@img/sharp-win32-x64
|
||||||
|
tar -xzf "$tmp/img-sharp-win32-x64-0.34.5.tgz" -C "$tmp"
|
||||||
|
cp -a "$tmp/package/." node_modules/@img/sharp-win32-x64/
|
||||||
|
test -f node_modules/@img/sharp-win32-x64/lib/sharp-win32-x64.node
|
||||||
|
rm -rf "$tmp"
|
||||||
|
|
||||||
|
- run: npm run build
|
||||||
|
|
||||||
|
- name: electron-builder (win)
|
||||||
|
shell: bash
|
||||||
|
env:
|
||||||
|
DND_UPDATE_FEED_URL: ${{ secrets.DND_UPDATE_FEED_URL }}
|
||||||
|
run: |
|
||||||
|
set -euo pipefail
|
||||||
|
if [[ -z "${DND_UPDATE_FEED_URL:-}" ]]; then
|
||||||
|
echo "Secret DND_UPDATE_FEED_URL is not set (URL со слэшем в конце)" >&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
npx electron-builder --win --publish never \
|
||||||
|
--config.publish.provider=generic \
|
||||||
|
--config.publish.url="${DND_UPDATE_FEED_URL}"
|
||||||
|
|
||||||
|
- name: Каталог артефактов для feed (_win)
|
||||||
|
shell: bash
|
||||||
|
run: |
|
||||||
|
mkdir -p _win
|
||||||
|
shopt -s nullglob || true
|
||||||
|
for f in release/*; do
|
||||||
|
[[ -f "$f" ]] || continue
|
||||||
|
base=$(basename "$f")
|
||||||
|
case "$base" in
|
||||||
|
*.yml|*.yaml|*.exe|*.blockmap|*.zip) cp -v "$f" _win/ ;;
|
||||||
|
esac
|
||||||
|
done
|
||||||
|
ls -la _win
|
||||||
|
|
||||||
|
- name: Пустой каталог mac (пока нет сборки mac в CI)
|
||||||
|
run: mkdir -p _mac
|
||||||
|
|
||||||
|
- name: Push в публичный репозиторий updates
|
||||||
|
env:
|
||||||
|
DND_UPDATES_SERVER: ${{ secrets.DND_UPDATES_SERVER }}
|
||||||
|
UPDATES_REPO: ${{ secrets.UPDATES_REPO }}
|
||||||
|
DND_UPDATES_PUSH_TOKEN: ${{ secrets.DND_UPDATES_PUSH_TOKEN }}
|
||||||
|
ARTIFACT_WIN: ${{ github.workspace }}/_win
|
||||||
|
ARTIFACT_MAC: ${{ github.workspace }}/_mac
|
||||||
|
GIT_COMMIT_TAG: ${{ github.ref_name }}
|
||||||
|
run: node scripts/sync-update-feed.mjs
|
||||||
|
|
||||||
|
# Когда появится macOS-раннер: отдельный job build-macos, копирование eb-mac в _mac перед sync
|
||||||
|
# или расширить шаг «Каталог артефактов»; сейчас всё в одном job `release`.
|
||||||
|
#
|
||||||
|
# build-macos:
|
||||||
|
# runs-on: macos-14
|
||||||
|
# steps: ...
|
||||||
@@ -1,3 +1,6 @@
|
|||||||
|
# Cursor: канонический `.cursor/` в репозитории cursorAi; локально — junction на ../cursorAi/.cursor
|
||||||
|
.cursor/
|
||||||
|
|
||||||
release/
|
release/
|
||||||
build/
|
build/
|
||||||
mcps/
|
mcps/
|
||||||
|
|||||||
+37
-1
@@ -7,6 +7,7 @@ import { installIpcRouter, registerHandler, setLicenseAssert } from './ipc/route
|
|||||||
import { LicenseService } from './license/licenseService';
|
import { LicenseService } from './license/licenseService';
|
||||||
import { ZipProjectStore } from './project/zipStore';
|
import { ZipProjectStore } from './project/zipStore';
|
||||||
import { registerDndAssetProtocol } from './protocol/dndAssetProtocol';
|
import { registerDndAssetProtocol } from './protocol/dndAssetProtocol';
|
||||||
|
import { installAutoUpdater } from './update/installAutoUpdater';
|
||||||
import { getAppSemanticVersion, getOptionalBuildNumber } from './versionInfo';
|
import { getAppSemanticVersion, getOptionalBuildNumber } from './versionInfo';
|
||||||
import { VideoPlaybackStore } from './video/videoPlaybackStore';
|
import { VideoPlaybackStore } from './video/videoPlaybackStore';
|
||||||
import {
|
import {
|
||||||
@@ -21,6 +22,7 @@ import {
|
|||||||
createEditorWindowDeferred,
|
createEditorWindowDeferred,
|
||||||
createWindows,
|
createWindows,
|
||||||
focusEditorWindow,
|
focusEditorWindow,
|
||||||
|
isMultiWindowOpen,
|
||||||
markAppQuitting,
|
markAppQuitting,
|
||||||
openMultiWindow,
|
openMultiWindow,
|
||||||
togglePresentationFullscreen,
|
togglePresentationFullscreen,
|
||||||
@@ -77,6 +79,35 @@ if (!gotTheLock) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const projectStore = new ZipProjectStore();
|
const projectStore = new ZipProjectStore();
|
||||||
|
|
||||||
|
/** Без меню Electron не вешает горячие клавиши DevTools (Ctrl+Shift+I / F12). */
|
||||||
|
function wantsDevToolsMenu(): boolean {
|
||||||
|
return (
|
||||||
|
process.env.NODE_ENV === 'development' ||
|
||||||
|
Boolean(process.env.VITE_DEV_SERVER_URL) ||
|
||||||
|
process.env.DND_OPEN_DEVTOOLS === '1'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function installAppMenuForSession(): void {
|
||||||
|
if (!wantsDevToolsMenu()) {
|
||||||
|
Menu.setApplicationMenu(null);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const template: Electron.MenuItemConstructorOptions[] = [];
|
||||||
|
if (process.platform === 'darwin') {
|
||||||
|
template.push({
|
||||||
|
label: app.name,
|
||||||
|
submenu: [{ role: 'about' }, { type: 'separator' }, { role: 'quit' }],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
template.push({
|
||||||
|
label: 'Вид',
|
||||||
|
submenu: [{ role: 'reload' }, { role: 'forceReload' }, { type: 'separator' }, { role: 'toggleDevTools' }],
|
||||||
|
});
|
||||||
|
Menu.setApplicationMenu(Menu.buildFromTemplate(template));
|
||||||
|
}
|
||||||
|
|
||||||
const effectsStore = new EffectsStore();
|
const effectsStore = new EffectsStore();
|
||||||
const videoStore = new VideoPlaybackStore();
|
const videoStore = new VideoPlaybackStore();
|
||||||
|
|
||||||
@@ -211,7 +242,7 @@ async function main() {
|
|||||||
setLicenseAssert(() => {
|
setLicenseAssert(() => {
|
||||||
licenseService.assertForIpc();
|
licenseService.assertForIpc();
|
||||||
});
|
});
|
||||||
Menu.setApplicationMenu(null);
|
installAppMenuForSession();
|
||||||
registerDndAssetProtocol(projectStore);
|
registerDndAssetProtocol(projectStore);
|
||||||
registerHandler(ipcChannels.app.quit, () => {
|
registerHandler(ipcChannels.app.quit, () => {
|
||||||
markAppQuitting();
|
markAppQuitting();
|
||||||
@@ -221,6 +252,7 @@ async function main() {
|
|||||||
registerHandler(ipcChannels.app.getVersion, () => ({
|
registerHandler(ipcChannels.app.getVersion, () => ({
|
||||||
version: getAppSemanticVersion(),
|
version: getAppSemanticVersion(),
|
||||||
buildNumber: getOptionalBuildNumber(),
|
buildNumber: getOptionalBuildNumber(),
|
||||||
|
packaged: app.isPackaged,
|
||||||
}));
|
}));
|
||||||
registerHandler(ipcChannels.license.getStatus, () => licenseService.getStatus());
|
registerHandler(ipcChannels.license.getStatus, () => licenseService.getStatus());
|
||||||
registerHandler(ipcChannels.license.setToken, async ({ token }) => licenseService.setToken(token));
|
registerHandler(ipcChannels.license.setToken, async ({ token }) => licenseService.setToken(token));
|
||||||
@@ -238,6 +270,9 @@ async function main() {
|
|||||||
const isFullScreen = togglePresentationFullscreen();
|
const isFullScreen = togglePresentationFullscreen();
|
||||||
return { ok: true, isFullScreen };
|
return { ok: true, isFullScreen };
|
||||||
});
|
});
|
||||||
|
registerHandler(ipcChannels.windows.getMultiWindowState, () => {
|
||||||
|
return { open: isMultiWindowOpen() };
|
||||||
|
});
|
||||||
|
|
||||||
registerHandler(ipcChannels.project.list, async () => {
|
registerHandler(ipcChannels.project.list, async () => {
|
||||||
const projects = await projectStore.listProjects();
|
const projects = await projectStore.listProjects();
|
||||||
@@ -492,6 +527,7 @@ async function main() {
|
|||||||
return { ok: true };
|
return { ok: true };
|
||||||
});
|
});
|
||||||
|
|
||||||
|
installAutoUpdater(licenseService, registerHandler);
|
||||||
installIpcRouter();
|
installIpcRouter();
|
||||||
applyDockIconIfNeeded();
|
applyDockIconIfNeeded();
|
||||||
await runStartupAfterHandlers(licenseService);
|
await runStartupAfterHandlers(licenseService);
|
||||||
|
|||||||
@@ -19,6 +19,8 @@ function channelRequiresLicense(channel: string): boolean {
|
|||||||
if (channel.startsWith('app.')) return false;
|
if (channel.startsWith('app.')) return false;
|
||||||
if (channel === ipcChannels.windows.closeMultiWindow) return false;
|
if (channel === ipcChannels.windows.closeMultiWindow) return false;
|
||||||
if (channel === ipcChannels.windows.togglePresentationFullscreen) return false;
|
if (channel === ipcChannels.windows.togglePresentationFullscreen) return false;
|
||||||
|
// Список файлов в %userData%/projects — только чтение; без лицензии список не должен «пропадать».
|
||||||
|
if (channel === ipcChannels.project.list) return false;
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -34,6 +36,8 @@ export function registerHandler<K extends keyof IpcInvokeMap>(channel: K, handle
|
|||||||
handlers.set(channelStr, inner);
|
handlers.set(channelStr, inner);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export type IpcRegisterHandler = typeof registerHandler;
|
||||||
|
|
||||||
export function installIpcRouter(): void {
|
export function installIpcRouter(): void {
|
||||||
for (const [channel, handler] of handlers.entries()) {
|
for (const [channel, handler] of handlers.entries()) {
|
||||||
ipcMain.handle(channel, async (_event, payload: unknown) => handler(payload));
|
ipcMain.handle(channel, async (_event, payload: unknown) => handler(payload));
|
||||||
|
|||||||
@@ -17,6 +17,28 @@ type Preferences = {
|
|||||||
eulaAcceptedVersion?: number;
|
eulaAcceptedVersion?: number;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
type LicenseChangeListener = () => void;
|
||||||
|
|
||||||
|
const licenseChangeListeners = new Set<LicenseChangeListener>();
|
||||||
|
|
||||||
|
/** Слушатели вызываются после смены состояния лицензии (сохранённый токен, EULA, отзыв). */
|
||||||
|
export function addLicenseChangeListener(fn: LicenseChangeListener): () => void {
|
||||||
|
licenseChangeListeners.add(fn);
|
||||||
|
return () => {
|
||||||
|
licenseChangeListeners.delete(fn);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function notifyLicenseChangeListeners(): void {
|
||||||
|
for (const fn of licenseChangeListeners) {
|
||||||
|
try {
|
||||||
|
fn();
|
||||||
|
} catch (err) {
|
||||||
|
console.error('[license] change listener failed', err);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function readPreferences(userData: string): Preferences {
|
function readPreferences(userData: string): Preferences {
|
||||||
try {
|
try {
|
||||||
const raw = fs.readFileSync(preferencesPath(userData), 'utf8');
|
const raw = fs.readFileSync(preferencesPath(userData), 'utf8');
|
||||||
@@ -35,6 +57,7 @@ function emitLicenseStatusChanged(): void {
|
|||||||
for (const win of BrowserWindow.getAllWindows()) {
|
for (const win of BrowserWindow.getAllWindows()) {
|
||||||
win.webContents.send(ipcChannels.license.statusChanged, {});
|
win.webContents.send(ipcChannels.license.statusChanged, {});
|
||||||
}
|
}
|
||||||
|
notifyLicenseChangeListeners();
|
||||||
}
|
}
|
||||||
|
|
||||||
export class LicenseService {
|
export class LicenseService {
|
||||||
|
|||||||
@@ -0,0 +1,82 @@
|
|||||||
|
import crypto from 'node:crypto';
|
||||||
|
import fs from 'node:fs/promises';
|
||||||
|
import path from 'node:path';
|
||||||
|
|
||||||
|
import { readProjectJsonFromZip } from './yauzlProjectZip';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Подменяет файл `finalPath` готовым `completedSrc` (обычно `*.dnd.zip.tmp`).
|
||||||
|
* Нельзя сначала удалять `finalPath`: при сбое rename после rm проект теряется (Windows/антивирус).
|
||||||
|
*/
|
||||||
|
export async function replaceFileAtomic(completedSrc: string, finalPath: string): Promise<void> {
|
||||||
|
if (completedSrc === finalPath) return;
|
||||||
|
|
||||||
|
const stSrc = await fs.stat(completedSrc).catch(() => null);
|
||||||
|
if (!stSrc?.isFile() || stSrc.size === 0) {
|
||||||
|
throw new Error(`replaceFileAtomic: нет или пустой источник: ${completedSrc}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
await fs.rename(completedSrc, finalPath);
|
||||||
|
return;
|
||||||
|
} catch (first: unknown) {
|
||||||
|
const c = (first as NodeJS.ErrnoException).code;
|
||||||
|
if (c === 'EXDEV') {
|
||||||
|
await fs.copyFile(completedSrc, finalPath);
|
||||||
|
await fs.unlink(completedSrc).catch(() => undefined);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// Windows: чаще всего EEXIST — целевой файл есть, rename не перезаписывает; идём через backup ниже.
|
||||||
|
}
|
||||||
|
|
||||||
|
const stFinal = await fs.stat(finalPath).catch(() => null);
|
||||||
|
if (!stFinal?.isFile()) {
|
||||||
|
try {
|
||||||
|
await fs.rename(completedSrc, finalPath);
|
||||||
|
return;
|
||||||
|
} catch (again: unknown) {
|
||||||
|
throw again instanceof Error ? again : new Error(String(again));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const backupPath = `${finalPath}.bak.${Date.now().toString(36)}_${crypto.randomBytes(4).toString('hex')}`;
|
||||||
|
await fs.rename(finalPath, backupPath);
|
||||||
|
try {
|
||||||
|
await fs.rename(completedSrc, finalPath);
|
||||||
|
} catch (place: unknown) {
|
||||||
|
await fs.rename(backupPath, finalPath).catch(() => undefined);
|
||||||
|
throw place instanceof Error ? place : new Error(String(place));
|
||||||
|
}
|
||||||
|
await fs.unlink(backupPath).catch(() => undefined);
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Если сохранение оборвалось, остаётся только `*.dnd.zip.tmp` — восстанавливаем в `*.dnd.zip`. */
|
||||||
|
export async function recoverOrphanDndZipTmpInRoot(root: string): Promise<void> {
|
||||||
|
let names: string[];
|
||||||
|
try {
|
||||||
|
names = await fs.readdir(root);
|
||||||
|
} catch {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
for (const name of names) {
|
||||||
|
if (!name.endsWith('.dnd.zip.tmp')) continue;
|
||||||
|
const tmpPath = path.join(root, name);
|
||||||
|
const finalName = name.slice(0, -'.tmp'.length);
|
||||||
|
if (!finalName.endsWith('.dnd.zip')) continue;
|
||||||
|
const finalPath = path.join(root, finalName);
|
||||||
|
try {
|
||||||
|
await fs.access(finalPath);
|
||||||
|
continue;
|
||||||
|
} catch {
|
||||||
|
/* final отсутствует — пробуем поднять из tmp */
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
const st = await fs.stat(tmpPath);
|
||||||
|
if (!st.isFile() || st.size < 22) continue;
|
||||||
|
await readProjectJsonFromZip(tmpPath);
|
||||||
|
await fs.rename(tmpPath, finalPath);
|
||||||
|
} catch {
|
||||||
|
/* битый tmp не трогаем */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
/**
|
/**
|
||||||
* Visually lossless re-encode for imported raster images (same pixel dimensions).
|
* Visually lossless re-encode for imported raster images (same pixel dimensions).
|
||||||
* Node-only; shared by the main app and tools/project-converter.
|
* Node-only; shared by the main app and ../project-converter (monorepo sibling).
|
||||||
*/
|
*/
|
||||||
import sharp from 'sharp';
|
import sharp from 'sharp';
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,28 @@
|
|||||||
|
import assert from 'node:assert/strict';
|
||||||
|
import fs from 'node:fs/promises';
|
||||||
|
import os from 'node:os';
|
||||||
|
import path from 'node:path';
|
||||||
|
import test from 'node:test';
|
||||||
|
|
||||||
|
import { replaceFileAtomic } from './atomicReplace';
|
||||||
|
|
||||||
|
void test('replaceFileAtomic: replaces existing file without deleting before rename succeeds', async () => {
|
||||||
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), 'dnd-replace-'));
|
||||||
|
const finalPath = path.join(dir, 'out.bin');
|
||||||
|
const tmpPath = path.join(dir, 'out.bin.tmp');
|
||||||
|
await fs.writeFile(finalPath, 'previous', 'utf8');
|
||||||
|
await fs.writeFile(tmpPath, 'updated-content', 'utf8');
|
||||||
|
await replaceFileAtomic(tmpPath, finalPath);
|
||||||
|
assert.equal(await fs.readFile(finalPath, 'utf8'), 'updated-content');
|
||||||
|
await assert.rejects(() => fs.stat(tmpPath));
|
||||||
|
});
|
||||||
|
|
||||||
|
void test('replaceFileAtomic: rejects empty source', async () => {
|
||||||
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), 'dnd-replace-'));
|
||||||
|
const finalPath = path.join(dir, 'out.bin');
|
||||||
|
const tmpPath = path.join(dir, 'out.bin.tmp');
|
||||||
|
await fs.writeFile(finalPath, 'x', 'utf8');
|
||||||
|
await fs.writeFile(tmpPath, '', 'utf8');
|
||||||
|
await assert.rejects(() => replaceFileAtomic(tmpPath, finalPath));
|
||||||
|
assert.equal(await fs.readFile(finalPath, 'utf8'), 'x');
|
||||||
|
});
|
||||||
@@ -45,3 +45,22 @@ void test('zipStore: normalizeScene defaults previewThumbAssetId for older proje
|
|||||||
assert.match(src, /previewThumbAssetId/);
|
assert.match(src, /previewThumbAssetId/);
|
||||||
assert.match(src, /function normalizeScene\(/);
|
assert.match(src, /function normalizeScene\(/);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
void test('zipStore: listProjects skips unreadable archives', () => {
|
||||||
|
const src = fs.readFileSync(path.join(here, 'zipStore.ts'), 'utf8');
|
||||||
|
assert.match(
|
||||||
|
src,
|
||||||
|
/async listProjects[\s\S]+?for \(const filePath of files\)[\s\S]+?try \{[\s\S]+?readProjectJsonFromZip/,
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
void test('atomicReplace: replaceFileAtomic must not rm destination before successful commit', () => {
|
||||||
|
const src = fs.readFileSync(path.join(here, 'atomicReplace.ts'), 'utf8');
|
||||||
|
const i = src.indexOf('export async function replaceFileAtomic');
|
||||||
|
assert.ok(i >= 0);
|
||||||
|
const j = src.indexOf('export async function recoverOrphanDndZipTmpInRoot', i);
|
||||||
|
assert.ok(j > i);
|
||||||
|
const block = src.slice(i, j);
|
||||||
|
assert.match(block, /rename\(finalPath, backupPath\)/);
|
||||||
|
assert.doesNotMatch(block, /\.rm\(\s*finalPath/);
|
||||||
|
});
|
||||||
|
|||||||
@@ -24,6 +24,7 @@ import { asAssetId, asGraphNodeId, asProjectId } from '../../shared/types/ids';
|
|||||||
import { getAppSemanticVersion } from '../versionInfo';
|
import { getAppSemanticVersion } from '../versionInfo';
|
||||||
|
|
||||||
import { reconcileAssetFiles } from './assetPrune';
|
import { reconcileAssetFiles } from './assetPrune';
|
||||||
|
import { recoverOrphanDndZipTmpInRoot, replaceFileAtomic } from './atomicReplace';
|
||||||
import { rmWithRetries } from './fsRetry';
|
import { rmWithRetries } from './fsRetry';
|
||||||
import { optimizeImageBufferVisuallyLossless } from './optimizeImageImport.lib.mjs';
|
import { optimizeImageBufferVisuallyLossless } from './optimizeImageImport.lib.mjs';
|
||||||
import { getLegacyProjectsRootDirs, getProjectsCacheRootDir, getProjectsRootDir } from './paths';
|
import { getLegacyProjectsRootDirs, getProjectsCacheRootDir, getProjectsRootDir } from './paths';
|
||||||
@@ -75,6 +76,7 @@ export class ZipProjectStore {
|
|||||||
await fs.mkdir(getProjectsRootDir(), { recursive: true });
|
await fs.mkdir(getProjectsRootDir(), { recursive: true });
|
||||||
await fs.mkdir(getProjectsCacheRootDir(), { recursive: true });
|
await fs.mkdir(getProjectsCacheRootDir(), { recursive: true });
|
||||||
await this.migrateLegacyProjectZipsIfNeeded();
|
await this.migrateLegacyProjectZipsIfNeeded();
|
||||||
|
await recoverOrphanDndZipTmpInRoot(getProjectsRootDir());
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Копирует .dnd.zip из каталогов с «чужим» app name, если в текущем каталоге такого файла ещё нет. */
|
/** Копирует .dnd.zip из каталогов с «чужим» app name, если в текущем каталоге такого файла ещё нет. */
|
||||||
@@ -135,13 +137,17 @@ export class ZipProjectStore {
|
|||||||
|
|
||||||
const out: ProjectIndexEntry[] = [];
|
const out: ProjectIndexEntry[] = [];
|
||||||
for (const filePath of files) {
|
for (const filePath of files) {
|
||||||
const project = await readProjectJsonFromZip(filePath);
|
try {
|
||||||
out.push({
|
const project = await readProjectJsonFromZip(filePath);
|
||||||
id: project.id,
|
out.push({
|
||||||
name: project.meta.name,
|
id: project.id,
|
||||||
updatedAt: project.meta.updatedAt,
|
name: project.meta.name,
|
||||||
fileName: path.basename(filePath),
|
updatedAt: project.meta.updatedAt,
|
||||||
});
|
fileName: path.basename(filePath),
|
||||||
|
});
|
||||||
|
} catch {
|
||||||
|
// Один битый архив не должен скрывать остальные проекты в списке.
|
||||||
|
}
|
||||||
}
|
}
|
||||||
out.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
|
out.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
|
||||||
return out;
|
return out;
|
||||||
@@ -868,6 +874,11 @@ export class ZipProjectStore {
|
|||||||
const tmpPath = `${zipPath}.tmp`;
|
const tmpPath = `${zipPath}.tmp`;
|
||||||
await fs.mkdir(path.dirname(zipPath), { recursive: true });
|
await fs.mkdir(path.dirname(zipPath), { recursive: true });
|
||||||
await zipDir(cacheDir, tmpPath);
|
await zipDir(cacheDir, tmpPath);
|
||||||
|
const st = await fs.stat(tmpPath).catch(() => null);
|
||||||
|
if (!st?.isFile() || st.size < 22) {
|
||||||
|
await fs.unlink(tmpPath).catch(() => undefined);
|
||||||
|
throw new Error('Сборка архива проекта не удалась (пустой или повреждённый временный файл)');
|
||||||
|
}
|
||||||
await replaceFileAtomic(tmpPath, zipPath);
|
await replaceFileAtomic(tmpPath, zipPath);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1226,20 +1237,6 @@ async function uniqueDndZipFileName(root: string, preferredBaseFileName: string)
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function replaceFileAtomic(srcPath: string, destPath: string): Promise<void> {
|
|
||||||
try {
|
|
||||||
await fs.rename(srcPath, destPath);
|
|
||||||
} catch {
|
|
||||||
try {
|
|
||||||
await fs.rm(destPath, { force: true });
|
|
||||||
await fs.rename(srcPath, destPath);
|
|
||||||
} catch (second: unknown) {
|
|
||||||
await fs.unlink(srcPath).catch(() => undefined);
|
|
||||||
throw second instanceof Error ? second : new Error(String(second));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function copyFileWithProgress(
|
async function copyFileWithProgress(
|
||||||
src: string,
|
src: string,
|
||||||
dest: string,
|
dest: string,
|
||||||
@@ -1339,17 +1336,7 @@ async function atomicWriteFile(filePath: string, contents: string): Promise<void
|
|||||||
await fs.mkdir(dir, { recursive: true });
|
await fs.mkdir(dir, { recursive: true });
|
||||||
const tmp = path.join(dir, `.tmp_${path.basename(filePath)}_${crypto.randomBytes(8).toString('hex')}`);
|
const tmp = path.join(dir, `.tmp_${path.basename(filePath)}_${crypto.randomBytes(8).toString('hex')}`);
|
||||||
await fs.writeFile(tmp, contents, 'utf8');
|
await fs.writeFile(tmp, contents, 'utf8');
|
||||||
try {
|
await replaceFileAtomic(tmp, filePath);
|
||||||
await fs.rename(tmp, filePath);
|
|
||||||
} catch {
|
|
||||||
try {
|
|
||||||
await fs.rm(filePath, { force: true });
|
|
||||||
await fs.rename(tmp, filePath);
|
|
||||||
} catch (second: unknown) {
|
|
||||||
await fs.unlink(tmp).catch(() => undefined);
|
|
||||||
throw second instanceof Error ? second : new Error(String(second));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Уже сжатые контейнеры/кодеки — в ZIP кладём без deflate, качество не трогаем; project.json и сырьё — deflate 9. */
|
/** Уже сжатые контейнеры/кодеки — в ZIP кладём без deflate, качество не трогаем; project.json и сырьё — deflate 9. */
|
||||||
|
|||||||
@@ -0,0 +1,127 @@
|
|||||||
|
import { app, dialog } from 'electron';
|
||||||
|
import { autoUpdater } from 'electron-updater';
|
||||||
|
|
||||||
|
import {
|
||||||
|
ipcChannels,
|
||||||
|
type UpdaterCheckResponse,
|
||||||
|
type UpdaterDownloadResponse,
|
||||||
|
} from '../../shared/ipc/contracts';
|
||||||
|
import type { IpcRegisterHandler } from '../ipc/router';
|
||||||
|
import { addLicenseChangeListener } from '../license/licenseService';
|
||||||
|
import type { LicenseService } from '../license/licenseService';
|
||||||
|
|
||||||
|
const STARTUP_CHECK_DELAY_MS = 12_000;
|
||||||
|
/** Не дёргать сервер чаще (смена лицензии / повторные emit). */
|
||||||
|
const RE_CHECK_COOLDOWN_MS = 30_000;
|
||||||
|
|
||||||
|
let lastCheckAt = 0;
|
||||||
|
/** Ручная установка: не показывать второй диалог из `update-downloaded`. */
|
||||||
|
let suppressAutoInstallDialog = false;
|
||||||
|
|
||||||
|
type RegisterFn = IpcRegisterHandler;
|
||||||
|
|
||||||
|
function isLicensedForUpdates(licenseService: LicenseService): boolean {
|
||||||
|
const snap = licenseService.getStatusSync();
|
||||||
|
return snap.active;
|
||||||
|
}
|
||||||
|
|
||||||
|
function maybeCheckForUpdates(licenseService: LicenseService, ignoreCooldown: boolean): void {
|
||||||
|
if (!app.isPackaged) return;
|
||||||
|
if (!isLicensedForUpdates(licenseService)) return;
|
||||||
|
const now = Date.now();
|
||||||
|
if (!ignoreCooldown && now - lastCheckAt < RE_CHECK_COOLDOWN_MS) return;
|
||||||
|
lastCheckAt = now;
|
||||||
|
void autoUpdater.checkForUpdates().catch(() => undefined);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function runManualUpdaterCheck(licenseService: LicenseService): Promise<UpdaterCheckResponse> {
|
||||||
|
if (!app.isPackaged) {
|
||||||
|
return { outcome: 'not_packaged' };
|
||||||
|
}
|
||||||
|
if (!isLicensedForUpdates(licenseService)) {
|
||||||
|
return { outcome: 'no_license' };
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
const result = await autoUpdater.checkForUpdates();
|
||||||
|
if (result && result.isUpdateAvailable && result.updateInfo.version) {
|
||||||
|
return { outcome: 'available', version: result.updateInfo.version };
|
||||||
|
}
|
||||||
|
return { outcome: 'current', currentVersion: app.getVersion() };
|
||||||
|
} catch (e) {
|
||||||
|
const message = e instanceof Error ? e.message : String(e);
|
||||||
|
return { outcome: 'error', message };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function runManualDownloadAndRestart(): Promise<UpdaterDownloadResponse> {
|
||||||
|
if (!app.isPackaged) {
|
||||||
|
return { ok: false, message: 'NOT_PACKAGED' };
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
suppressAutoInstallDialog = true;
|
||||||
|
await autoUpdater.downloadUpdate();
|
||||||
|
autoUpdater.quitAndInstall(false, true);
|
||||||
|
return { ok: true };
|
||||||
|
} catch (e) {
|
||||||
|
suppressAutoInstallDialog = false;
|
||||||
|
const message = e instanceof Error ? e.message : String(e);
|
||||||
|
return { ok: false, message };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function registerUpdaterHandlers(register: RegisterFn, licenseService: LicenseService): void {
|
||||||
|
register(ipcChannels.updater.check, () => runManualUpdaterCheck(licenseService));
|
||||||
|
register(ipcChannels.updater.downloadAndRestart, () => runManualDownloadAndRestart());
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Проверка обновлений: только упакованное приложение, только при активной лицензии.
|
||||||
|
* Канал и URL задаются при сборке (`publish` → `app-update.yml` внутри установки).
|
||||||
|
*/
|
||||||
|
export function installAutoUpdater(licenseService: LicenseService, register: RegisterFn): void {
|
||||||
|
registerUpdaterHandlers(register, licenseService);
|
||||||
|
|
||||||
|
if (!app.isPackaged) return;
|
||||||
|
|
||||||
|
const feedOverride = process.env.DND_UPDATE_FEED_URL?.trim();
|
||||||
|
if (feedOverride) {
|
||||||
|
const url = feedOverride.endsWith('/') ? feedOverride : `${feedOverride}/`;
|
||||||
|
autoUpdater.setFeedURL({ provider: 'generic', url });
|
||||||
|
}
|
||||||
|
|
||||||
|
autoUpdater.autoDownload = true;
|
||||||
|
autoUpdater.autoInstallOnAppQuit = true;
|
||||||
|
|
||||||
|
autoUpdater.on('update-downloaded', (info) => {
|
||||||
|
if (suppressAutoInstallDialog) {
|
||||||
|
suppressAutoInstallDialog = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
void dialog
|
||||||
|
.showMessageBox({
|
||||||
|
type: 'info',
|
||||||
|
title: 'DNDGamePlayer',
|
||||||
|
message: `Доступна новая версия ${info.version}. Установить и перезапустить?`,
|
||||||
|
buttons: ['Перезапустить сейчас', 'Позже'],
|
||||||
|
defaultId: 0,
|
||||||
|
cancelId: 1,
|
||||||
|
})
|
||||||
|
.then((r) => {
|
||||||
|
if (r.response === 0) {
|
||||||
|
autoUpdater.quitAndInstall(false, true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
autoUpdater.on('error', () => {
|
||||||
|
/* без console: в production main минифицируется с drop console */
|
||||||
|
});
|
||||||
|
|
||||||
|
addLicenseChangeListener(() => {
|
||||||
|
maybeCheckForUpdates(licenseService, false);
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
maybeCheckForUpdates(licenseService, true);
|
||||||
|
}, STARTUP_CHECK_DELAY_MS);
|
||||||
|
}
|
||||||
@@ -3,6 +3,8 @@ import path from 'node:path';
|
|||||||
|
|
||||||
import { app, BrowserWindow, nativeImage, screen } from 'electron';
|
import { app, BrowserWindow, nativeImage, screen } from 'electron';
|
||||||
|
|
||||||
|
import { ipcChannels } from '../../shared/ipc/contracts';
|
||||||
|
|
||||||
import { getBootSplashWindow } from './bootWindow';
|
import { getBootSplashWindow } from './bootWindow';
|
||||||
|
|
||||||
type WindowKind = 'editor' | 'presentation' | 'control';
|
type WindowKind = 'editor' | 'presentation' | 'control';
|
||||||
@@ -11,6 +13,19 @@ const windows = new Map<WindowKind, BrowserWindow>();
|
|||||||
|
|
||||||
let appQuitting = false;
|
let appQuitting = false;
|
||||||
|
|
||||||
|
/** Учитываем окна, которые уже уничтожены при каскадном закрытии (родитель → дочернее). */
|
||||||
|
function broadcastMultiWindowStateChanged(open: boolean): void {
|
||||||
|
for (const w of BrowserWindow.getAllWindows()) {
|
||||||
|
if (w.isDestroyed()) continue;
|
||||||
|
if (w.webContents.isDestroyed()) continue;
|
||||||
|
try {
|
||||||
|
w.webContents.send(ipcChannels.windows.multiWindowStateChanged, { open });
|
||||||
|
} catch {
|
||||||
|
/* окно могло закрыться между проверкой и send */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/** Разрешает реальное закрытие окна редактора (выход из приложения). */
|
/** Разрешает реальное закрытие окна редактора (выход из приложения). */
|
||||||
export function markAppQuitting(): void {
|
export function markAppQuitting(): void {
|
||||||
appQuitting = true;
|
appQuitting = true;
|
||||||
@@ -55,18 +70,27 @@ function getPreloadPath(): string {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* PNG для иконки окна / дока: тот же растр, что electron-builder берёт из `build/icon.png`
|
* PNG для иконки окна / дока: копия `build/icon.png` в dist после сборки, затем окно 256px.
|
||||||
* (копия в dist после сборки), затем окно 256px, затем dev-пути. SVG не используем для
|
* В упакованном приложении файлы под `dist/renderer/*.png` вынесены в `app.asar.unpacked`
|
||||||
* nativeImage на Windows — иначе пустая картинка и дефолтная иконка Electron вместо exe.
|
* — `nativeImage` на Windows с путём только внутри asar часто даёт пустую иконку.
|
||||||
|
* SVG не используем для nativeImage на Windows — иначе пустая картинка и дефолт Electron.
|
||||||
*/
|
*/
|
||||||
function resolveBrandingPngPaths(): string[] {
|
function resolveBrandingPngPaths(): string[] {
|
||||||
const root = app.getAppPath();
|
const root = app.getAppPath();
|
||||||
return [
|
const relPack = path.join('dist', 'renderer', 'app-pack-icon.png');
|
||||||
path.join(root, 'dist', 'renderer', 'app-pack-icon.png'),
|
const relWindow = path.join('dist', 'renderer', 'app-window-icon.png');
|
||||||
path.join(root, 'dist', 'renderer', 'app-window-icon.png'),
|
const paths: string[] = [];
|
||||||
|
if (app.isPackaged) {
|
||||||
|
const unpacked = path.join(process.resourcesPath, 'app.asar.unpacked');
|
||||||
|
paths.push(path.join(unpacked, relPack), path.join(unpacked, relWindow));
|
||||||
|
}
|
||||||
|
paths.push(
|
||||||
|
path.join(root, relPack),
|
||||||
|
path.join(root, relWindow),
|
||||||
path.join(root, 'build', 'icon.png'),
|
path.join(root, 'build', 'icon.png'),
|
||||||
path.join(root, 'app', 'renderer', 'public', 'app-window-icon.png'),
|
path.join(root, 'app', 'renderer', 'public', 'app-window-icon.png'),
|
||||||
];
|
);
|
||||||
|
return paths;
|
||||||
}
|
}
|
||||||
|
|
||||||
function resolveWindowIconPath(): string | undefined {
|
function resolveWindowIconPath(): string | undefined {
|
||||||
@@ -207,6 +231,11 @@ function createWindow(kind: WindowKind, opts?: CreateWindowOpts): BrowserWindow
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
win.on('closed', () => windows.delete(kind));
|
win.on('closed', () => windows.delete(kind));
|
||||||
|
win.on('closed', () => {
|
||||||
|
if (kind !== 'presentation' && kind !== 'control') return;
|
||||||
|
const open = windows.has('presentation') || windows.has('control');
|
||||||
|
broadcastMultiWindowStateChanged(open);
|
||||||
|
});
|
||||||
windows.set(kind, win);
|
windows.set(kind, win);
|
||||||
return win;
|
return win;
|
||||||
}
|
}
|
||||||
@@ -279,8 +308,11 @@ export function openMultiWindow() {
|
|||||||
presentation.maximize();
|
presentation.maximize();
|
||||||
}
|
}
|
||||||
if (!windows.has('control')) {
|
if (!windows.has('control')) {
|
||||||
createWindow('control', { parent: presentation });
|
// macOS: parent-child window binding moves child with the parent (unlike Windows behavior we want).
|
||||||
|
// Keep control window independent on darwin.
|
||||||
|
createWindow('control', process.platform === 'darwin' ? undefined : { parent: presentation });
|
||||||
}
|
}
|
||||||
|
broadcastMultiWindowStateChanged(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function closeMultiWindow(): void {
|
export function closeMultiWindow(): void {
|
||||||
@@ -290,6 +322,10 @@ export function closeMultiWindow(): void {
|
|||||||
if (ctrl) ctrl.close();
|
if (ctrl) ctrl.close();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function isMultiWindowOpen(): boolean {
|
||||||
|
return windows.has('presentation') || windows.has('control');
|
||||||
|
}
|
||||||
|
|
||||||
export function togglePresentationFullscreen(): boolean {
|
export function togglePresentationFullscreen(): boolean {
|
||||||
const pres = windows.get('presentation');
|
const pres = windows.get('presentation');
|
||||||
if (!pres) return false;
|
if (!pres) return false;
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { pickEraseTargetId } from '../../shared/effectEraserHitTest';
|
|||||||
import { ipcChannels } from '../../shared/ipc/contracts';
|
import { ipcChannels } from '../../shared/ipc/contracts';
|
||||||
import type { SessionState } from '../../shared/ipc/contracts';
|
import type { SessionState } from '../../shared/ipc/contracts';
|
||||||
import type { GraphNodeId, Scene, SceneId } from '../../shared/types';
|
import type { GraphNodeId, Scene, SceneId } from '../../shared/types';
|
||||||
|
import { useEditorI18n } from '../editor/i18n/EditorI18nContext';
|
||||||
import { getDndApi } from '../shared/dndApi';
|
import { getDndApi } from '../shared/dndApi';
|
||||||
import { PixiEffectsOverlay } from '../shared/effects/PxiEffectsOverlay';
|
import { PixiEffectsOverlay } from '../shared/effects/PxiEffectsOverlay';
|
||||||
import { useEffectsState } from '../shared/effects/useEffectsState';
|
import { useEffectsState } from '../shared/effects/useEffectsState';
|
||||||
@@ -44,6 +45,9 @@ function playLightningEffectSound(): void {
|
|||||||
|
|
||||||
export function ControlApp() {
|
export function ControlApp() {
|
||||||
const api = getDndApi();
|
const api = getDndApi();
|
||||||
|
const { t } = useEditorI18n();
|
||||||
|
const tRef = useRef(t);
|
||||||
|
tRef.current = t;
|
||||||
const [fxState, fx] = useEffectsState();
|
const [fxState, fx] = useEffectsState();
|
||||||
const [session, setSession] = useState<SessionState | null>(null);
|
const [session, setSession] = useState<SessionState | null>(null);
|
||||||
const historyRef = useRef<GraphNodeId[]>([]);
|
const historyRef = useRef<GraphNodeId[]>([]);
|
||||||
@@ -278,8 +282,7 @@ export function ControlApp() {
|
|||||||
const m = sceneAudioMetaRef.current.get(ref.assetId) ?? { lastPlayError: null };
|
const m = sceneAudioMetaRef.current.get(ref.assetId) ?? { lastPlayError: null };
|
||||||
sceneAudioMetaRef.current.set(ref.assetId, {
|
sceneAudioMetaRef.current.set(ref.assetId, {
|
||||||
...m,
|
...m,
|
||||||
lastPlayError:
|
lastPlayError: tRef.current('control.audioAutoplayBlocked'),
|
||||||
'Автозапуск заблокирован (нужно действие пользователя) или ошибка воспроизведения.',
|
|
||||||
});
|
});
|
||||||
setSceneAudioStateTick((x) => x + 1);
|
setSceneAudioStateTick((x) => x + 1);
|
||||||
try {
|
try {
|
||||||
@@ -382,8 +385,7 @@ export function ControlApp() {
|
|||||||
const m = campaignAudioMetaRef.current.get(ref.assetId) ?? { lastPlayError: null };
|
const m = campaignAudioMetaRef.current.get(ref.assetId) ?? { lastPlayError: null };
|
||||||
campaignAudioMetaRef.current.set(ref.assetId, {
|
campaignAudioMetaRef.current.set(ref.assetId, {
|
||||||
...m,
|
...m,
|
||||||
lastPlayError:
|
lastPlayError: tRef.current('control.audioAutoplayBlocked'),
|
||||||
'Автозапуск заблокирован (нужно действие пользователя) или ошибка воспроизведения.',
|
|
||||||
});
|
});
|
||||||
setCampaignAudioStateTick((x) => x + 1);
|
setCampaignAudioStateTick((x) => x + 1);
|
||||||
try {
|
try {
|
||||||
@@ -546,21 +548,21 @@ export function ControlApp() {
|
|||||||
group === 'scene'
|
group === 'scene'
|
||||||
? (sceneAudioElsRef.current.get(assetId) ?? null)
|
? (sceneAudioElsRef.current.get(assetId) ?? null)
|
||||||
: (campaignAudioElsRef.current.get(assetId) ?? null);
|
: (campaignAudioElsRef.current.get(assetId) ?? null);
|
||||||
if (!el) return { label: 'URL не получен', detail: 'Не удалось получить dnd://asset URL для аудио.' };
|
if (!el) return { label: t('control.audioNoUrl'), detail: t('control.audioNoUrlDetail') };
|
||||||
const meta =
|
const meta =
|
||||||
group === 'scene'
|
group === 'scene'
|
||||||
? (sceneAudioMetaRef.current.get(assetId) ?? { lastPlayError: null })
|
? (sceneAudioMetaRef.current.get(assetId) ?? { lastPlayError: null })
|
||||||
: (campaignAudioMetaRef.current.get(assetId) ?? { lastPlayError: null });
|
: (campaignAudioMetaRef.current.get(assetId) ?? { lastPlayError: null });
|
||||||
if (meta.lastPlayError) return { label: 'Ошибка/блок', detail: meta.lastPlayError };
|
if (meta.lastPlayError) return { label: t('control.audioBlocked'), detail: meta.lastPlayError };
|
||||||
if (el.error)
|
if (el.error)
|
||||||
return {
|
return {
|
||||||
label: 'Ошибка',
|
label: t('control.audioError'),
|
||||||
detail: `MediaError code=${String(el.error.code)} (1=ABORTED, 2=NETWORK, 3=DECODE, 4=SRC_NOT_SUPPORTED)`,
|
detail: t('control.audioMediaError', { code: String(el.error.code) }),
|
||||||
};
|
};
|
||||||
if (el.readyState < 2) return { label: 'Загрузка…' };
|
if (el.readyState < 2) return { label: t('control.audioLoading') };
|
||||||
if (!el.paused) return { label: 'Играет' };
|
if (!el.paused) return { label: t('control.audioPlaying') };
|
||||||
if (el.currentTime > 0) return { label: 'Пауза' };
|
if (el.currentTime > 0) return { label: t('control.audioPaused') };
|
||||||
return { label: 'Остановлено' };
|
return { label: t('control.audioStopped') };
|
||||||
}
|
}
|
||||||
const nextScenes = useMemo(() => {
|
const nextScenes = useMemo(() => {
|
||||||
if (!project) return [];
|
if (!project) return [];
|
||||||
@@ -955,21 +957,21 @@ export function ControlApp() {
|
|||||||
return (
|
return (
|
||||||
<div className={styles.page}>
|
<div className={styles.page}>
|
||||||
<Surface className={styles.remote}>
|
<Surface className={styles.remote}>
|
||||||
<div className={styles.remoteTitle}>ПУЛЬТ УПРАВЛЕНИЯ</div>
|
<div className={styles.remoteTitle}>{t('control.remoteTitle')}</div>
|
||||||
<div className={styles.spacer12} />
|
<div className={styles.spacer12} />
|
||||||
{!isVideoPreviewScene ? (
|
{!isVideoPreviewScene ? (
|
||||||
<>
|
<>
|
||||||
<div className={styles.sectionLabel}>ЭФФЕКТЫ</div>
|
<div className={styles.sectionLabel}>{t('control.effects')}</div>
|
||||||
<div className={styles.spacer8} />
|
<div className={styles.spacer8} />
|
||||||
<div className={styles.effectsStack}>
|
<div className={styles.effectsStack}>
|
||||||
<div className={styles.effectsGroup}>
|
<div className={styles.effectsGroup}>
|
||||||
<div className={styles.subsectionLabel}>Инструменты</div>
|
<div className={styles.subsectionLabel}>{t('control.tools')}</div>
|
||||||
<div className={styles.iconRow}>
|
<div className={styles.iconRow}>
|
||||||
<Button
|
<Button
|
||||||
variant={tool.tool === 'eraser' ? 'primary' : 'ghost'}
|
variant={tool.tool === 'eraser' ? 'primary' : 'ghost'}
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Ластик"
|
title={t('control.eraser')}
|
||||||
ariaLabel="Ластик"
|
ariaLabel={t('control.eraser')}
|
||||||
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'eraser' } })}
|
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'eraser' } })}
|
||||||
>
|
>
|
||||||
<span className={styles.iconGlyph}>🧹</span>
|
<span className={styles.iconGlyph}>🧹</span>
|
||||||
@@ -977,8 +979,8 @@ export function ControlApp() {
|
|||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Очистить эффекты"
|
title={t('control.clearEffects')}
|
||||||
ariaLabel="Очистить эффекты"
|
ariaLabel={t('control.clearEffects')}
|
||||||
onClick={() => void fx.dispatch({ kind: 'instances.clear' })}
|
onClick={() => void fx.dispatch({ kind: 'instances.clear' })}
|
||||||
>
|
>
|
||||||
<span className={styles.clearIcon}>
|
<span className={styles.clearIcon}>
|
||||||
@@ -999,13 +1001,13 @@ export function ControlApp() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.effectsGroup}>
|
<div className={styles.effectsGroup}>
|
||||||
<div className={styles.subsectionLabel}>Эффекты поля</div>
|
<div className={styles.subsectionLabel}>{t('control.fieldEffects')}</div>
|
||||||
<div className={styles.iconRow}>
|
<div className={styles.iconRow}>
|
||||||
<Button
|
<Button
|
||||||
variant={tool.tool === 'fog' ? 'primary' : 'ghost'}
|
variant={tool.tool === 'fog' ? 'primary' : 'ghost'}
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Туман"
|
title={t('control.fog')}
|
||||||
ariaLabel="Туман"
|
ariaLabel={t('control.fog')}
|
||||||
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'fog' } })}
|
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'fog' } })}
|
||||||
>
|
>
|
||||||
<span className={styles.iconGlyph}>🌫️</span>
|
<span className={styles.iconGlyph}>🌫️</span>
|
||||||
@@ -1013,8 +1015,8 @@ export function ControlApp() {
|
|||||||
<Button
|
<Button
|
||||||
variant={tool.tool === 'rain' ? 'primary' : 'ghost'}
|
variant={tool.tool === 'rain' ? 'primary' : 'ghost'}
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Дождь"
|
title={t('control.rain')}
|
||||||
ariaLabel="Дождь"
|
ariaLabel={t('control.rain')}
|
||||||
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'rain' } })}
|
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'rain' } })}
|
||||||
>
|
>
|
||||||
<span className={styles.iconGlyph}>🌧️</span>
|
<span className={styles.iconGlyph}>🌧️</span>
|
||||||
@@ -1022,8 +1024,8 @@ export function ControlApp() {
|
|||||||
<Button
|
<Button
|
||||||
variant={tool.tool === 'fire' ? 'primary' : 'ghost'}
|
variant={tool.tool === 'fire' ? 'primary' : 'ghost'}
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Огонь"
|
title={t('control.fire')}
|
||||||
ariaLabel="Огонь"
|
ariaLabel={t('control.fire')}
|
||||||
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'fire' } })}
|
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'fire' } })}
|
||||||
>
|
>
|
||||||
<span className={styles.iconGlyph}>🔥</span>
|
<span className={styles.iconGlyph}>🔥</span>
|
||||||
@@ -1031,8 +1033,8 @@ export function ControlApp() {
|
|||||||
<Button
|
<Button
|
||||||
variant={tool.tool === 'water' ? 'primary' : 'ghost'}
|
variant={tool.tool === 'water' ? 'primary' : 'ghost'}
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Вода"
|
title={t('control.water')}
|
||||||
ariaLabel="Вода"
|
ariaLabel={t('control.water')}
|
||||||
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'water' } })}
|
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'water' } })}
|
||||||
>
|
>
|
||||||
<span className={styles.iconGlyph}>💧</span>
|
<span className={styles.iconGlyph}>💧</span>
|
||||||
@@ -1040,13 +1042,13 @@ export function ControlApp() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.effectsGroup}>
|
<div className={styles.effectsGroup}>
|
||||||
<div className={styles.subsectionLabel}>Эффекты действий</div>
|
<div className={styles.subsectionLabel}>{t('control.actionEffects')}</div>
|
||||||
<div className={styles.iconRow}>
|
<div className={styles.iconRow}>
|
||||||
<Button
|
<Button
|
||||||
variant={tool.tool === 'lightning' ? 'primary' : 'ghost'}
|
variant={tool.tool === 'lightning' ? 'primary' : 'ghost'}
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Молния"
|
title={t('control.lightning')}
|
||||||
ariaLabel="Молния"
|
ariaLabel={t('control.lightning')}
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'lightning' } })
|
void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'lightning' } })
|
||||||
}
|
}
|
||||||
@@ -1056,8 +1058,8 @@ export function ControlApp() {
|
|||||||
<Button
|
<Button
|
||||||
variant={tool.tool === 'sunbeam' ? 'primary' : 'ghost'}
|
variant={tool.tool === 'sunbeam' ? 'primary' : 'ghost'}
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Луч света"
|
title={t('control.sunbeam')}
|
||||||
ariaLabel="Луч света"
|
ariaLabel={t('control.sunbeam')}
|
||||||
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'sunbeam' } })}
|
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'sunbeam' } })}
|
||||||
>
|
>
|
||||||
<span className={styles.iconGlyph}>☀️</span>
|
<span className={styles.iconGlyph}>☀️</span>
|
||||||
@@ -1065,8 +1067,8 @@ export function ControlApp() {
|
|||||||
<Button
|
<Button
|
||||||
variant={tool.tool === 'freeze' ? 'primary' : 'ghost'}
|
variant={tool.tool === 'freeze' ? 'primary' : 'ghost'}
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Заморозка"
|
title={t('control.freeze')}
|
||||||
ariaLabel="Заморозка"
|
ariaLabel={t('control.freeze')}
|
||||||
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'freeze' } })}
|
onClick={() => void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'freeze' } })}
|
||||||
>
|
>
|
||||||
<span className={styles.iconGlyph}>❄️</span>
|
<span className={styles.iconGlyph}>❄️</span>
|
||||||
@@ -1074,8 +1076,8 @@ export function ControlApp() {
|
|||||||
<Button
|
<Button
|
||||||
variant={tool.tool === 'poisonCloud' ? 'primary' : 'ghost'}
|
variant={tool.tool === 'poisonCloud' ? 'primary' : 'ghost'}
|
||||||
iconOnly
|
iconOnly
|
||||||
title="Облако яда"
|
title={t('control.poisonCloud')}
|
||||||
ariaLabel="Облако яда"
|
ariaLabel={t('control.poisonCloud')}
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'poisonCloud' } })
|
void fx.dispatch({ kind: 'tool.set', tool: { ...tool, tool: 'poisonCloud' } })
|
||||||
}
|
}
|
||||||
@@ -1085,7 +1087,7 @@ export function ControlApp() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.radiusRow}>
|
<div className={styles.radiusRow}>
|
||||||
<div className={styles.radiusLabel}>Радиус кисти</div>
|
<div className={styles.radiusLabel}>{t('control.brushRadius')}</div>
|
||||||
<input
|
<input
|
||||||
type="range"
|
type="range"
|
||||||
min={0.015}
|
min={0.015}
|
||||||
@@ -1098,7 +1100,7 @@ export function ControlApp() {
|
|||||||
void fx.dispatch({ kind: 'tool.set', tool: { ...tool, radiusN: next } });
|
void fx.dispatch({ kind: 'tool.set', tool: { ...tool, radiusN: next } });
|
||||||
}}
|
}}
|
||||||
className={styles.range}
|
className={styles.range}
|
||||||
aria-label="Радиус кисти"
|
aria-label={t('control.brushRadius')}
|
||||||
/>
|
/>
|
||||||
<div className={styles.radiusValue}>{Math.round(tool.radiusN * 100)}</div>
|
<div className={styles.radiusValue}>{Math.round(tool.radiusN * 100)}</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1107,7 +1109,7 @@ export function ControlApp() {
|
|||||||
</>
|
</>
|
||||||
) : null}
|
) : null}
|
||||||
<div className={styles.storyWrap}>
|
<div className={styles.storyWrap}>
|
||||||
<div className={styles.sectionLabel}>СЮЖЕТНАЯ ЛИНИЯ</div>
|
<div className={styles.sectionLabel}>{t('control.storyLine')}</div>
|
||||||
<div className={styles.spacer10} />
|
<div className={styles.spacer10} />
|
||||||
<div className={styles.storyScroll}>
|
<div className={styles.storyScroll}>
|
||||||
{history.map((gnId, idx) => {
|
{history.map((gnId, idx) => {
|
||||||
@@ -1122,7 +1124,7 @@ export function ControlApp() {
|
|||||||
className={[styles.historyBtn, isCurrent ? styles.historyBtnCurrent : '']
|
className={[styles.historyBtn, isCurrent ? styles.historyBtnCurrent : '']
|
||||||
.filter(Boolean)
|
.filter(Boolean)
|
||||||
.join(' ')}
|
.join(' ')}
|
||||||
title={project && !isCurrent ? 'Перейти к этой сцене' : undefined}
|
title={project && !isCurrent ? t('control.gotoScene') : undefined}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (!project) return;
|
if (!project) return;
|
||||||
if (isCurrent) return;
|
if (isCurrent) return;
|
||||||
@@ -1132,15 +1134,17 @@ export function ControlApp() {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{isCurrent ? (
|
{isCurrent ? (
|
||||||
<div className={styles.historyBadge}>ТЕКУЩАЯ СЦЕНА</div>
|
<div className={styles.historyBadge}>{t('control.currentSceneBadge')}</div>
|
||||||
) : (
|
) : (
|
||||||
<div className={styles.historyMuted}>Пройдено</div>
|
<div className={styles.historyMuted}>{t('control.passed')}</div>
|
||||||
)}
|
)}
|
||||||
<div className={styles.historyTitle}>{s?.title ?? (gn ? String(gn.sceneId) : gnId)}</div>
|
<div className={styles.historyTitle}>{s?.title ?? (gn ? String(gn.sceneId) : gnId)}</div>
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
{history.length === 0 ? <div className={styles.emptyStory}>Нет активной сцены.</div> : null}
|
{history.length === 0 ? (
|
||||||
|
<div className={styles.emptyStory}>{t('control.noActiveScene')}</div>
|
||||||
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Surface>
|
</Surface>
|
||||||
@@ -1148,20 +1152,15 @@ export function ControlApp() {
|
|||||||
<div className={styles.rightStack}>
|
<div className={styles.rightStack}>
|
||||||
<Surface className={styles.surfacePad}>
|
<Surface className={styles.surfacePad}>
|
||||||
<div className={styles.previewHeader}>
|
<div className={styles.previewHeader}>
|
||||||
<div className={styles.previewTitle}>Предпросмотр экрана</div>
|
<div className={styles.previewTitle}>{t('control.screenPreview')}</div>
|
||||||
<div className={styles.previewActions}>
|
<div className={styles.previewActions}>
|
||||||
<Button onClick={() => void api.invoke(ipcChannels.windows.closeMultiWindow, {})}>
|
<Button onClick={() => void api.invoke(ipcChannels.windows.closeMultiWindow, {})}>
|
||||||
Выключить демонстрацию
|
{t('control.stopPresentation')}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.spacer10} />
|
<div className={styles.spacer10} />
|
||||||
{isVideoPreviewScene ? (
|
{isVideoPreviewScene ? <div className={styles.videoHint}>{t('control.videoBrushHint')}</div> : null}
|
||||||
<div className={styles.videoHint}>
|
|
||||||
Видео-превью: кисть эффектов отключена (как на экране демонстрации — оверлей только для
|
|
||||||
изображения).
|
|
||||||
</div>
|
|
||||||
) : null}
|
|
||||||
<div className={styles.spacer10} />
|
<div className={styles.spacer10} />
|
||||||
<div className={styles.previewFrame}>
|
<div className={styles.previewFrame}>
|
||||||
<div ref={previewHostRef} className={styles.previewHost}>
|
<div ref={previewHostRef} className={styles.previewHost}>
|
||||||
@@ -1258,33 +1257,33 @@ export function ControlApp() {
|
|||||||
</Surface>
|
</Surface>
|
||||||
|
|
||||||
<Surface className={styles.surfacePad}>
|
<Surface className={styles.surfacePad}>
|
||||||
<div className={styles.branchTitle}>Варианты ветвления</div>
|
<div className={styles.branchTitle}>{t('control.branches')}</div>
|
||||||
<div className={styles.branchGrid}>
|
<div className={styles.branchGrid}>
|
||||||
{nextScenes.map((o, i) => (
|
{nextScenes.map((o, i) => (
|
||||||
<div key={o.graphNodeId} className={styles.branchCard}>
|
<div key={o.graphNodeId} className={styles.branchCard}>
|
||||||
<div className={styles.branchCardHeader}>
|
<div className={styles.branchCardHeader}>
|
||||||
<div className={styles.branchOption}>ОПЦИЯ {String(i + 1)}</div>
|
<div className={styles.branchOption}>{t('control.option', { n: String(i + 1) })}</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.branchName}>{o.scene.title || 'Без названия'}</div>
|
<div className={styles.branchName}>{o.scene.title || t('control.unnamed')}</div>
|
||||||
<Button
|
<Button
|
||||||
variant="primary"
|
variant="primary"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
void api.invoke(ipcChannels.project.setCurrentGraphNode, { graphNodeId: o.graphNodeId })
|
void api.invoke(ipcChannels.project.setCurrentGraphNode, { graphNodeId: o.graphNodeId })
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
Переключить
|
{t('control.switchScene')}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
{nextScenes.length === 0 ? (
|
{nextScenes.length === 0 ? (
|
||||||
<div className={styles.branchEmpty}>
|
<div className={styles.branchEmpty}>
|
||||||
<div>Нет вариантов перехода.</div>
|
<div>{t('control.noBranches')}</div>
|
||||||
<Button
|
<Button
|
||||||
variant="primary"
|
variant="primary"
|
||||||
disabled={!session?.project?.currentGraphNodeId}
|
disabled={!session?.project?.currentGraphNodeId}
|
||||||
onClick={() => void api.invoke(ipcChannels.windows.closeMultiWindow, {})}
|
onClick={() => void api.invoke(ipcChannels.windows.closeMultiWindow, {})}
|
||||||
>
|
>
|
||||||
Завершить показ
|
{t('control.endPresentation')}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
@@ -1293,13 +1292,13 @@ export function ControlApp() {
|
|||||||
|
|
||||||
<Surface className={styles.surfacePad}>
|
<Surface className={styles.surfacePad}>
|
||||||
<div className={styles.musicHeader}>
|
<div className={styles.musicHeader}>
|
||||||
<div className={styles.previewTitle}>Музыка</div>
|
<div className={styles.previewTitle}>{t('control.music')}</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.spacer10} />
|
<div className={styles.spacer10} />
|
||||||
<div className={styles.sectionLabel}>МУЗЫКА СЦЕНЫ</div>
|
<div className={styles.sectionLabel}>{t('control.sceneMusic')}</div>
|
||||||
<div className={styles.spacer10} />
|
<div className={styles.spacer10} />
|
||||||
{sceneAudios.length === 0 ? (
|
{sceneAudios.length === 0 ? (
|
||||||
<div className={styles.musicEmpty}>В текущей сцене нет аудио.</div>
|
<div className={styles.musicEmpty}>{t('control.noSceneAudio')}</div>
|
||||||
) : null}
|
) : null}
|
||||||
{sceneAudios.length > 0 ? (
|
{sceneAudios.length > 0 ? (
|
||||||
<div className={styles.audioList}>
|
<div className={styles.audioList}>
|
||||||
@@ -1314,8 +1313,8 @@ export function ControlApp() {
|
|||||||
<div className={styles.audioMeta}>
|
<div className={styles.audioMeta}>
|
||||||
<div className={styles.audioName}>{asset.originalName}</div>
|
<div className={styles.audioName}>{asset.originalName}</div>
|
||||||
<div className={styles.audioBadges}>
|
<div className={styles.audioBadges}>
|
||||||
<div>{ref.autoplay ? 'Авто' : 'Ручн.'}</div>
|
<div>{ref.autoplay ? t('control.modeAuto') : t('control.modeManual')}</div>
|
||||||
<div>{ref.loop ? 'Цикл' : 'Один раз'}</div>
|
<div>{ref.loop ? t('control.loop') : t('control.once')}</div>
|
||||||
<div title={st.detail}>{st.label}</div>
|
<div title={st.detail}>{st.label}</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.spacer10} />
|
<div className={styles.spacer10} />
|
||||||
@@ -1344,7 +1343,7 @@ export function ControlApp() {
|
|||||||
styles.audioScrub,
|
styles.audioScrub,
|
||||||
dur > 0 ? styles.audioScrubPointer : styles.audioScrubDefault,
|
dur > 0 ? styles.audioScrubPointer : styles.audioScrubDefault,
|
||||||
].join(' ')}
|
].join(' ')}
|
||||||
title={dur > 0 ? 'Клик — перемотка' : 'Длительность неизвестна'}
|
title={dur > 0 ? t('control.scrubSeek') : t('control.durationUnknown')}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className={styles.scrubFill}
|
className={styles.scrubFill}
|
||||||
@@ -1369,7 +1368,7 @@ export function ControlApp() {
|
|||||||
({ lastPlayError: null } as const);
|
({ lastPlayError: null } as const);
|
||||||
sceneAudioMetaRef.current.set(ref.assetId, {
|
sceneAudioMetaRef.current.set(ref.assetId, {
|
||||||
...mm,
|
...mm,
|
||||||
lastPlayError: 'Не удалось запустить.',
|
lastPlayError: t('control.playFailed'),
|
||||||
});
|
});
|
||||||
setSceneAudioStateTick((x) => x + 1);
|
setSceneAudioStateTick((x) => x + 1);
|
||||||
});
|
});
|
||||||
@@ -1403,10 +1402,10 @@ export function ControlApp() {
|
|||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
<div className={styles.spacer12} />
|
<div className={styles.spacer12} />
|
||||||
<div className={styles.sectionLabel}>МУЗЫКА ИГРЫ</div>
|
<div className={styles.sectionLabel}>{t('control.gameMusic')}</div>
|
||||||
<div className={styles.spacer10} />
|
<div className={styles.spacer10} />
|
||||||
{campaignAudios.length === 0 ? (
|
{campaignAudios.length === 0 ? (
|
||||||
<div className={styles.musicEmpty}>В игре нет аудио.</div>
|
<div className={styles.musicEmpty}>{t('control.noGameAudio')}</div>
|
||||||
) : (
|
) : (
|
||||||
<div className={styles.audioList}>
|
<div className={styles.audioList}>
|
||||||
{campaignAudios.map(({ ref, asset }) => {
|
{campaignAudios.map(({ ref, asset }) => {
|
||||||
@@ -1420,10 +1419,12 @@ export function ControlApp() {
|
|||||||
<div className={styles.audioMeta}>
|
<div className={styles.audioMeta}>
|
||||||
<div className={styles.audioName}>{asset.originalName}</div>
|
<div className={styles.audioName}>{asset.originalName}</div>
|
||||||
<div className={styles.audioBadges}>
|
<div className={styles.audioBadges}>
|
||||||
<div>{ref.autoplay ? 'Авто' : 'Ручн.'}</div>
|
<div>{ref.autoplay ? t('control.modeAuto') : t('control.modeManual')}</div>
|
||||||
<div>{ref.loop ? 'Цикл' : 'Один раз'}</div>
|
<div>{ref.loop ? t('control.loop') : t('control.once')}</div>
|
||||||
<div title={st.detail}>{st.label}</div>
|
<div title={st.detail}>{st.label}</div>
|
||||||
{!allowCampaignAudio ? <div title="В сцене есть музыка">Пауза (сцена)</div> : null}
|
{!allowCampaignAudio ? (
|
||||||
|
<div title={t('control.pauseSceneMusicTitle')}>{t('control.pauseSceneMusic')}</div>
|
||||||
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.spacer10} />
|
<div className={styles.spacer10} />
|
||||||
<div
|
<div
|
||||||
@@ -1451,7 +1452,7 @@ export function ControlApp() {
|
|||||||
styles.audioScrub,
|
styles.audioScrub,
|
||||||
dur > 0 ? styles.audioScrubPointer : styles.audioScrubDefault,
|
dur > 0 ? styles.audioScrubPointer : styles.audioScrubDefault,
|
||||||
].join(' ')}
|
].join(' ')}
|
||||||
title={dur > 0 ? 'Клик — перемотка' : 'Длительность неизвестна'}
|
title={dur > 0 ? t('control.scrubSeek') : t('control.durationUnknown')}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className={styles.scrubFill}
|
className={styles.scrubFill}
|
||||||
@@ -1466,7 +1467,7 @@ export function ControlApp() {
|
|||||||
<div className={styles.audioTransport}>
|
<div className={styles.audioTransport}>
|
||||||
<Button
|
<Button
|
||||||
variant="primary"
|
variant="primary"
|
||||||
title={!allowCampaignAudio ? 'Пауза: в сцене есть музыка' : undefined}
|
title={!allowCampaignAudio ? t('control.pauseCampaignTitle') : undefined}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (!el) return;
|
if (!el) return;
|
||||||
const m = campaignAudioMetaRef.current.get(ref.assetId) ?? { lastPlayError: null };
|
const m = campaignAudioMetaRef.current.get(ref.assetId) ?? { lastPlayError: null };
|
||||||
@@ -1484,7 +1485,7 @@ export function ControlApp() {
|
|||||||
({ lastPlayError: null } as const);
|
({ lastPlayError: null } as const);
|
||||||
campaignAudioMetaRef.current.set(ref.assetId, {
|
campaignAudioMetaRef.current.set(ref.assetId, {
|
||||||
...mm,
|
...mm,
|
||||||
lastPlayError: 'Не удалось запустить.',
|
lastPlayError: t('control.playFailed'),
|
||||||
});
|
});
|
||||||
setCampaignAudioStateTick((x) => x + 1);
|
setCampaignAudioStateTick((x) => x + 1);
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -2,6 +2,7 @@ import React, { useEffect, useMemo, useState } from 'react';
|
|||||||
|
|
||||||
import { computeTimeSec } from '../../main/video/videoPlaybackStore';
|
import { computeTimeSec } from '../../main/video/videoPlaybackStore';
|
||||||
import type { SessionState } from '../../shared/ipc/contracts';
|
import type { SessionState } from '../../shared/ipc/contracts';
|
||||||
|
import { useEditorI18n } from '../editor/i18n/EditorI18nContext';
|
||||||
import { RotatedImage } from '../shared/RotatedImage';
|
import { RotatedImage } from '../shared/RotatedImage';
|
||||||
import { useAssetUrl } from '../shared/useAssetImageUrl';
|
import { useAssetUrl } from '../shared/useAssetImageUrl';
|
||||||
import { useVideoPlaybackState } from '../shared/video/useVideoPlaybackState';
|
import { useVideoPlaybackState } from '../shared/video/useVideoPlaybackState';
|
||||||
@@ -23,6 +24,7 @@ function fmt(sec: number): string {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function ControlScenePreview({ session, videoRef, onContentRectChange }: Props) {
|
export function ControlScenePreview({ session, videoRef, onContentRectChange }: Props) {
|
||||||
|
const { t } = useEditorI18n();
|
||||||
const [vp, video] = useVideoPlaybackState();
|
const [vp, video] = useVideoPlaybackState();
|
||||||
const scene =
|
const scene =
|
||||||
session?.project && session.currentSceneId ? session.project.scenes[session.currentSceneId] : undefined;
|
session?.project && session.currentSceneId ? session.project.scenes[session.currentSceneId] : undefined;
|
||||||
@@ -102,7 +104,7 @@ export function ControlScenePreview({ session, videoRef, onContentRectChange }:
|
|||||||
onTimeUpdate={() => setTick((x) => x + 1)}
|
onTimeUpdate={() => setTick((x) => x + 1)}
|
||||||
onLoadedMetadata={() => setTick((x) => x + 1)}
|
onLoadedMetadata={() => setTick((x) => x + 1)}
|
||||||
>
|
>
|
||||||
<track kind="captions" srcLang="ru" label="Превью без субтитров" />
|
<track kind="captions" srcLang="ru" label={t('control.previewTrackLabel')} />
|
||||||
</video>
|
</video>
|
||||||
) : (
|
) : (
|
||||||
<div className={styles.placeholder} />
|
<div className={styles.placeholder} />
|
||||||
@@ -132,7 +134,7 @@ export function ControlScenePreview({ session, videoRef, onContentRectChange }:
|
|||||||
void video.dispatch({ kind: 'seek', timeSec: Math.min(dur, cur + 5) });
|
void video.dispatch({ kind: 'seek', timeSec: Math.min(dur, cur + 5) });
|
||||||
if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') setTick((x) => x + 1);
|
if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') setTick((x) => x + 1);
|
||||||
}}
|
}}
|
||||||
title="Клик — перемотка"
|
title={t('control.scrubSeek')}
|
||||||
>
|
>
|
||||||
<div className={styles.scrubFill} style={{ width: `${String(Math.round(pct * 100))}%` }} />
|
<div className={styles.scrubFill} style={{ width: `${String(Math.round(pct * 100))}%` }} />
|
||||||
</div>
|
</div>
|
||||||
@@ -142,7 +144,7 @@ export function ControlScenePreview({ session, videoRef, onContentRectChange }:
|
|||||||
type="button"
|
type="button"
|
||||||
className={styles.transportBtn}
|
className={styles.transportBtn}
|
||||||
onClick={() => void video.dispatch({ kind: 'play' })}
|
onClick={() => void video.dispatch({ kind: 'play' })}
|
||||||
title="Play"
|
title={t('control.transportPlay')}
|
||||||
>
|
>
|
||||||
▶
|
▶
|
||||||
</button>
|
</button>
|
||||||
@@ -150,7 +152,7 @@ export function ControlScenePreview({ session, videoRef, onContentRectChange }:
|
|||||||
type="button"
|
type="button"
|
||||||
className={styles.transportBtn}
|
className={styles.transportBtn}
|
||||||
onClick={() => void video.dispatch({ kind: 'pause' })}
|
onClick={() => void video.dispatch({ kind: 'pause' })}
|
||||||
title="Pause"
|
title={t('control.transportPause')}
|
||||||
>
|
>
|
||||||
❚❚
|
❚❚
|
||||||
</button>
|
</button>
|
||||||
@@ -161,7 +163,7 @@ export function ControlScenePreview({ session, videoRef, onContentRectChange }:
|
|||||||
void video.dispatch({ kind: 'stop' });
|
void video.dispatch({ kind: 'stop' });
|
||||||
setTick((x) => x + 1);
|
setTick((x) => x + 1);
|
||||||
}}
|
}}
|
||||||
title="Stop"
|
title={t('control.transportStop')}
|
||||||
>
|
>
|
||||||
■
|
■
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -47,28 +47,28 @@ void test('ControlApp: звук облака яда (public/oblako-yada.mp3)', (
|
|||||||
|
|
||||||
void test('ControlApp: эффекты в пульте, иконки с тултипами и подписью для a11y', () => {
|
void test('ControlApp: эффекты в пульте, иконки с тултипами и подписью для a11y', () => {
|
||||||
const src = readControlApp();
|
const src = readControlApp();
|
||||||
assert.ok(src.includes('ЭФФЕКТЫ'));
|
assert.ok(src.includes("t('control.effects')"));
|
||||||
assert.ok(src.includes('Инструменты'));
|
assert.ok(src.includes("t('control.tools')"));
|
||||||
assert.ok(src.includes('Эффекты поля'));
|
assert.ok(src.includes("t('control.fieldEffects')"));
|
||||||
assert.ok(src.includes('Эффекты действий'));
|
assert.ok(src.includes("t('control.actionEffects')"));
|
||||||
assert.ok(src.includes('Луч света'));
|
assert.ok(src.includes("t('control.sunbeam')"));
|
||||||
assert.ok(src.includes('title="Вода"'));
|
assert.ok(src.includes("title={t('control.water')}"));
|
||||||
assert.ok(src.includes('title="Облако яда"'));
|
assert.ok(src.includes("title={t('control.poisonCloud')}"));
|
||||||
assert.ok(src.includes('title="Туман"'));
|
assert.ok(src.includes("title={t('control.fog')}"));
|
||||||
assert.ok(src.includes('ariaLabel="Туман"'));
|
assert.ok(src.includes("ariaLabel={t('control.fog')}"));
|
||||||
assert.ok(src.includes('iconOnly'));
|
assert.ok(src.includes('iconOnly'));
|
||||||
assert.ok(src.includes('title="Очистить эффекты"'));
|
assert.ok(src.includes("title={t('control.clearEffects')}"));
|
||||||
assert.ok(src.includes('ariaLabel="Очистить эффекты"'));
|
assert.ok(src.includes("ariaLabel={t('control.clearEffects')}"));
|
||||||
assert.ok(src.includes('#e5484d'));
|
assert.ok(src.includes('#e5484d'));
|
||||||
const fx = src.indexOf('ЭФФЕКТЫ');
|
const fx = src.indexOf("t('control.effects')");
|
||||||
const story = src.indexOf('СЮЖЕТНАЯ ЛИНИЯ');
|
const story = src.indexOf("t('control.storyLine')");
|
||||||
assert.ok(fx !== -1 && story !== -1 && fx < story, 'Блок эффектов должен быть выше сюжетной линии');
|
assert.ok(fx !== -1 && story !== -1 && fx < story, 'Блок эффектов должен быть выше сюжетной линии');
|
||||||
});
|
});
|
||||||
|
|
||||||
void test('ControlApp: сюжетная линия — колонка сверху вниз и фон как у карточек ветвления', () => {
|
void test('ControlApp: сюжетная линия — колонка сверху вниз и фон как у карточек ветвления', () => {
|
||||||
const src = readControlApp();
|
const src = readControlApp();
|
||||||
const css = readControlAppCss();
|
const css = readControlAppCss();
|
||||||
const story = src.indexOf('СЮЖЕТНАЯ ЛИНИЯ');
|
const story = src.indexOf("t('control.storyLine')");
|
||||||
assert.ok(story !== -1);
|
assert.ok(story !== -1);
|
||||||
assert.ok(src.includes('className={styles.storyScroll}'));
|
assert.ok(src.includes('className={styles.storyScroll}'));
|
||||||
assert.match(css, /\.storyScroll[\s\S]*?justify-content:\s*flex-start/);
|
assert.match(css, /\.storyScroll[\s\S]*?justify-content:\s*flex-start/);
|
||||||
@@ -86,8 +86,8 @@ void test('ControlApp: слой кисти не использует курсо
|
|||||||
|
|
||||||
void test('ControlApp: радиус кисти не в блоке предпросмотра', () => {
|
void test('ControlApp: радиус кисти не в блоке предпросмотра', () => {
|
||||||
const src = readControlApp();
|
const src = readControlApp();
|
||||||
const previewLabel = src.indexOf('Предпросмотр экрана');
|
const previewLabel = src.indexOf("t('control.screenPreview')");
|
||||||
const radius = src.indexOf('Радиус кисти');
|
const radius = src.indexOf("t('control.brushRadius')");
|
||||||
assert.ok(previewLabel !== -1 && radius !== -1);
|
assert.ok(previewLabel !== -1 && radius !== -1);
|
||||||
assert.ok(
|
assert.ok(
|
||||||
radius < previewLabel,
|
radius < previewLabel,
|
||||||
@@ -97,8 +97,8 @@ void test('ControlApp: радиус кисти не в блоке предпро
|
|||||||
|
|
||||||
void test('ControlApp: музыка разделена на сцену и кампанию', () => {
|
void test('ControlApp: музыка разделена на сцену и кампанию', () => {
|
||||||
const src = readControlApp();
|
const src = readControlApp();
|
||||||
assert.ok(src.includes('МУЗЫКА СЦЕНЫ'));
|
assert.ok(src.includes("t('control.sceneMusic')"));
|
||||||
assert.ok(src.includes('МУЗЫКА ИГРЫ'));
|
assert.ok(src.includes("t('control.gameMusic')"));
|
||||||
// при музыке сцены — кампанию ставим на паузу
|
// при музыке сцены — кампанию ставим на паузу
|
||||||
assert.ok(src.includes('allowCampaignAudio'));
|
assert.ok(src.includes('allowCampaignAudio'));
|
||||||
assert.ok(
|
assert.ok(
|
||||||
|
|||||||
@@ -2,6 +2,8 @@ import React from 'react';
|
|||||||
import { createRoot } from 'react-dom/client';
|
import { createRoot } from 'react-dom/client';
|
||||||
|
|
||||||
import '../shared/ui/globals.css';
|
import '../shared/ui/globals.css';
|
||||||
|
import { EditorI18nProvider } from '../editor/i18n/EditorI18nContext';
|
||||||
|
|
||||||
import { ControlApp } from './ControlApp';
|
import { ControlApp } from './ControlApp';
|
||||||
|
|
||||||
const rootEl = document.getElementById('root');
|
const rootEl = document.getElementById('root');
|
||||||
@@ -11,6 +13,8 @@ if (!rootEl) {
|
|||||||
|
|
||||||
createRoot(rootEl).render(
|
createRoot(rootEl).render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
<ControlApp />
|
<EditorI18nProvider>
|
||||||
|
<ControlApp />
|
||||||
|
</EditorI18nProvider>
|
||||||
</React.StrictMode>,
|
</React.StrictMode>,
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -134,6 +134,38 @@
|
|||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.editorLockOverlay {
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.35);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 11000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorLockModal {
|
||||||
|
width: min(520px, calc(100vw - 32px));
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 14px;
|
||||||
|
background: rgba(25, 28, 38, 0.92);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
|
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.55);
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorLockTitle {
|
||||||
|
font-weight: 800;
|
||||||
|
opacity: 0.95;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorLockText {
|
||||||
|
opacity: 0.85;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.45;
|
||||||
|
}
|
||||||
|
|
||||||
.progressModal {
|
.progressModal {
|
||||||
width: min(520px, calc(100vw - 32px));
|
width: min(520px, calc(100vw - 32px));
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
@@ -211,6 +243,33 @@
|
|||||||
font: inherit;
|
font: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fileMenuSubHost {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fileMenuItemExpand {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fileMenuSub {
|
||||||
|
position: absolute;
|
||||||
|
left: calc(100% + 6px);
|
||||||
|
top: 0;
|
||||||
|
min-width: 200px;
|
||||||
|
border-radius: var(--radius-md);
|
||||||
|
border: 1px solid var(--stroke);
|
||||||
|
background: var(--color-surface-elevated-2);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
padding: 6px;
|
||||||
|
display: grid;
|
||||||
|
gap: 4px;
|
||||||
|
z-index: calc(var(--z-file-menu) + 1);
|
||||||
|
}
|
||||||
|
|
||||||
.modalBackdrop {
|
.modalBackdrop {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
@@ -462,6 +521,51 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.previewFill {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.previewBusyOverlay {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.55);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.previewBusyModal {
|
||||||
|
display: grid;
|
||||||
|
justify-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
color: var(--text1);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.previewBusyText {
|
||||||
|
font-size: var(--text-xs);
|
||||||
|
font-weight: 700;
|
||||||
|
color: rgba(255, 255, 255, 0.92);
|
||||||
|
}
|
||||||
|
|
||||||
|
.previewSpinner {
|
||||||
|
width: 26px;
|
||||||
|
height: 26px;
|
||||||
|
border-radius: 999px;
|
||||||
|
border: 3px solid rgba(255, 255, 255, 0.25);
|
||||||
|
border-top-color: rgba(255, 255, 255, 0.9);
|
||||||
|
animation: previewSpin 0.9s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes previewSpin {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.videoCover {
|
.videoCover {
|
||||||
|
|||||||
+651
-141
File diff suppressed because it is too large
Load Diff
@@ -20,8 +20,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.cardActive {
|
.cardActive {
|
||||||
border-color: var(--graph-node-active-border);
|
border-color: rgba(167, 139, 250, 0.95);
|
||||||
box-shadow: 0 25px 50px -12px rgba(139, 92, 246, 0.1);
|
box-shadow:
|
||||||
|
0 0 0 2px rgba(167, 139, 250, 0.35),
|
||||||
|
0 25px 50px -12px rgba(167, 139, 250, 0.12);
|
||||||
}
|
}
|
||||||
|
|
||||||
.previewShell {
|
.previewShell {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
|
||||||
import { createPortal } from 'react-dom';
|
import { createPortal } from 'react-dom';
|
||||||
import ReactFlow, {
|
import ReactFlow, {
|
||||||
Background,
|
Background,
|
||||||
@@ -50,11 +50,53 @@ export const DND_SCENE_ID_MIME = 'application/x-dnd-scene-id';
|
|||||||
const SCENE_CARD_W = 220;
|
const SCENE_CARD_W = 220;
|
||||||
const SCENE_CARD_H = 248;
|
const SCENE_CARD_H = 248;
|
||||||
|
|
||||||
|
/** UI strings for the scene graph (passed from editor i18n). */
|
||||||
|
export type SceneGraphUiStrings = {
|
||||||
|
badgeStart: string;
|
||||||
|
untitled: string;
|
||||||
|
videoBadge: string;
|
||||||
|
audioBadge: string;
|
||||||
|
loop: string;
|
||||||
|
autoplay: string;
|
||||||
|
previewAutostart: string;
|
||||||
|
videoLoop: string;
|
||||||
|
zoomBar: string;
|
||||||
|
zoomIn: string;
|
||||||
|
zoomOut: string;
|
||||||
|
fitAll: string;
|
||||||
|
closeMenu: string;
|
||||||
|
startScene: string;
|
||||||
|
unsetStartScene: string;
|
||||||
|
delete: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
const DEFAULT_SCENE_GRAPH_UI: SceneGraphUiStrings = {
|
||||||
|
badgeStart: 'НАЧАЛО',
|
||||||
|
untitled: 'Без названия',
|
||||||
|
videoBadge: 'Видео',
|
||||||
|
audioBadge: 'Аудио',
|
||||||
|
loop: 'Цикл',
|
||||||
|
autoplay: 'Автостарт',
|
||||||
|
previewAutostart: 'Авто превью',
|
||||||
|
videoLoop: 'Цикл видео',
|
||||||
|
zoomBar: 'Масштаб графа',
|
||||||
|
zoomIn: 'Увеличить',
|
||||||
|
zoomOut: 'Уменьшить',
|
||||||
|
fitAll: 'Показать всё',
|
||||||
|
closeMenu: 'Закрыть меню',
|
||||||
|
startScene: 'Начальная сцена',
|
||||||
|
unsetStartScene: 'Снять метку «Начальная сцена»',
|
||||||
|
delete: 'Удалить',
|
||||||
|
};
|
||||||
|
|
||||||
|
const GraphUiContext = createContext<SceneGraphUiStrings>(DEFAULT_SCENE_GRAPH_UI);
|
||||||
|
|
||||||
export type SceneGraphProps = {
|
export type SceneGraphProps = {
|
||||||
sceneGraphNodes: SceneGraphNode[];
|
sceneGraphNodes: SceneGraphNode[];
|
||||||
sceneGraphEdges: SceneGraphEdge[];
|
sceneGraphEdges: SceneGraphEdge[];
|
||||||
sceneCardById: Record<SceneId, SceneGraphSceneCard>;
|
sceneCardById: Record<SceneId, SceneGraphSceneCard>;
|
||||||
currentSceneId: SceneId | null;
|
currentSceneId: SceneId | null;
|
||||||
|
graphUi?: SceneGraphUiStrings;
|
||||||
onCurrentSceneChange: (id: SceneId) => void;
|
onCurrentSceneChange: (id: SceneId) => void;
|
||||||
onConnect: (sourceGraphNodeId: GraphNodeId, targetGraphNodeId: GraphNodeId) => void;
|
onConnect: (sourceGraphNodeId: GraphNodeId, targetGraphNodeId: GraphNodeId) => void;
|
||||||
onDisconnect: (edgeId: string) => void;
|
onDisconnect: (edgeId: string) => void;
|
||||||
@@ -131,6 +173,7 @@ function IconVideoPreviewAutostart() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function SceneCardNode({ data }: NodeProps<SceneCardData>) {
|
function SceneCardNode({ data }: NodeProps<SceneCardData>) {
|
||||||
|
const ui = useContext(GraphUiContext);
|
||||||
const thumbUrl = useAssetUrl(data.previewThumbAssetId);
|
const thumbUrl = useAssetUrl(data.previewThumbAssetId);
|
||||||
const previewUrl = useAssetUrl(data.previewAssetId);
|
const previewUrl = useAssetUrl(data.previewAssetId);
|
||||||
const cardClass = [styles.card, data.active ? styles.cardActive : ''].filter(Boolean).join(' ');
|
const cardClass = [styles.card, data.active ? styles.cardActive : ''].filter(Boolean).join(' ');
|
||||||
@@ -141,7 +184,7 @@ function SceneCardNode({ data }: NodeProps<SceneCardData>) {
|
|||||||
<Handle type="target" position={Position.Top} className={styles.handle} />
|
<Handle type="target" position={Position.Top} className={styles.handle} />
|
||||||
<div className={cardClass}>
|
<div className={cardClass}>
|
||||||
<div className={styles.previewShell}>
|
<div className={styles.previewShell}>
|
||||||
{data.isStartScene ? <div className={styles.badgeStart}>НАЧАЛО</div> : null}
|
{data.isStartScene ? <div className={styles.badgeStart}>{ui.badgeStart}</div> : null}
|
||||||
{thumbUrl ? (
|
{thumbUrl ? (
|
||||||
<div className={styles.previewFill}>
|
<div className={styles.previewFill}>
|
||||||
{data.previewRotationDeg === 0 ? (
|
{data.previewRotationDeg === 0 ? (
|
||||||
@@ -209,12 +252,12 @@ function SceneCardNode({ data }: NodeProps<SceneCardData>) {
|
|||||||
{showCornerVideo || showCornerAudio ? (
|
{showCornerVideo || showCornerAudio ? (
|
||||||
<div className={styles.cornerBadges}>
|
<div className={styles.cornerBadges}>
|
||||||
{showCornerVideo ? (
|
{showCornerVideo ? (
|
||||||
<span className={styles.mediaBadge} title="Видео">
|
<span className={styles.mediaBadge} title={ui.videoBadge}>
|
||||||
<IconVideoBadge />
|
<IconVideoBadge />
|
||||||
</span>
|
</span>
|
||||||
) : null}
|
) : null}
|
||||||
{showCornerAudio ? (
|
{showCornerAudio ? (
|
||||||
<span className={styles.mediaBadge} title="Аудио">
|
<span className={styles.mediaBadge} title={ui.audioBadge}>
|
||||||
<IconAudioBadge />
|
<IconAudioBadge />
|
||||||
</span>
|
</span>
|
||||||
) : null}
|
) : null}
|
||||||
@@ -222,19 +265,19 @@ function SceneCardNode({ data }: NodeProps<SceneCardData>) {
|
|||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.nodeBody}>
|
<div className={styles.nodeBody}>
|
||||||
<div className={styles.title}>{data.title || 'Без названия'}</div>
|
<div className={styles.title}>{data.title || ui.untitled}</div>
|
||||||
{data.hasAnyAudioLoop || data.hasAnyAudioAutoplay ? (
|
{data.hasAnyAudioLoop || data.hasAnyAudioAutoplay ? (
|
||||||
<div className={styles.musicParams}>
|
<div className={styles.musicParams}>
|
||||||
{data.hasAnyAudioLoop ? (
|
{data.hasAnyAudioLoop ? (
|
||||||
<div className={styles.musicParam}>
|
<div className={styles.musicParam}>
|
||||||
<IconLoopParam />
|
<IconLoopParam />
|
||||||
<span>Цикл</span>
|
<span>{ui.loop}</span>
|
||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
{data.hasAnyAudioAutoplay ? (
|
{data.hasAnyAudioAutoplay ? (
|
||||||
<div className={styles.musicParam}>
|
<div className={styles.musicParam}>
|
||||||
<IconAutoplayParam />
|
<IconAutoplayParam />
|
||||||
<span>Автостарт</span>
|
<span>{ui.autoplay}</span>
|
||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
@@ -244,13 +287,13 @@ function SceneCardNode({ data }: NodeProps<SceneCardData>) {
|
|||||||
{data.showPreviewVideoAutostart ? (
|
{data.showPreviewVideoAutostart ? (
|
||||||
<div className={styles.musicParam}>
|
<div className={styles.musicParam}>
|
||||||
<IconVideoPreviewAutostart />
|
<IconVideoPreviewAutostart />
|
||||||
<span>Авто превью</span>
|
<span>{ui.previewAutostart}</span>
|
||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
{data.showPreviewVideoLoop ? (
|
{data.showPreviewVideoLoop ? (
|
||||||
<div className={styles.musicParam}>
|
<div className={styles.musicParam}>
|
||||||
<IconLoopParam />
|
<IconLoopParam />
|
||||||
<span>Цикл видео</span>
|
<span>{ui.videoLoop}</span>
|
||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
@@ -265,18 +308,19 @@ function SceneCardNode({ data }: NodeProps<SceneCardData>) {
|
|||||||
const nodeTypes = { sceneCard: SceneCardNode };
|
const nodeTypes = { sceneCard: SceneCardNode };
|
||||||
|
|
||||||
function GraphZoomToolbar() {
|
function GraphZoomToolbar() {
|
||||||
|
const ui = useContext(GraphUiContext);
|
||||||
const { zoomIn, zoomOut, fitView } = useReactFlow();
|
const { zoomIn, zoomOut, fitView } = useReactFlow();
|
||||||
const zoom = useStore((s) => s.transform[2]);
|
const zoom = useStore((s) => s.transform[2]);
|
||||||
const pct = Math.max(1, Math.round(zoom * 100));
|
const pct = Math.max(1, Math.round(zoom * 100));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Panel position="bottom-center" className={styles.zoomPanel}>
|
<Panel position="bottom-center" className={styles.zoomPanel}>
|
||||||
<div className={styles.zoomBar} role="toolbar" aria-label="Масштаб графа">
|
<div className={styles.zoomBar} role="toolbar" aria-label={ui.zoomBar}>
|
||||||
<button type="button" className={styles.zoomBtn} onClick={() => zoomIn()} aria-label="Увеличить">
|
<button type="button" className={styles.zoomBtn} onClick={() => zoomIn()} aria-label={ui.zoomIn}>
|
||||||
+
|
+
|
||||||
</button>
|
</button>
|
||||||
<span className={styles.zoomPct}>{pct}%</span>
|
<span className={styles.zoomPct}>{pct}%</span>
|
||||||
<button type="button" className={styles.zoomBtn} onClick={() => zoomOut()} aria-label="Уменьшить">
|
<button type="button" className={styles.zoomBtn} onClick={() => zoomOut()} aria-label={ui.zoomOut}>
|
||||||
−
|
−
|
||||||
</button>
|
</button>
|
||||||
<span className={styles.zoomDivider} aria-hidden />
|
<span className={styles.zoomDivider} aria-hidden />
|
||||||
@@ -284,8 +328,8 @@ function GraphZoomToolbar() {
|
|||||||
type="button"
|
type="button"
|
||||||
className={styles.zoomBtn}
|
className={styles.zoomBtn}
|
||||||
onClick={() => fitView({ padding: 0.25 })}
|
onClick={() => fitView({ padding: 0.25 })}
|
||||||
aria-label="Показать всё"
|
aria-label={ui.fitAll}
|
||||||
title="Показать всё"
|
title={ui.fitAll}
|
||||||
>
|
>
|
||||||
<svg className={styles.zoomFitIcon} viewBox="0 0 24 24" width={18} height={18} aria-hidden>
|
<svg className={styles.zoomFitIcon} viewBox="0 0 24 24" width={18} height={18} aria-hidden>
|
||||||
<path
|
<path
|
||||||
@@ -307,6 +351,7 @@ function SceneGraphCanvas({
|
|||||||
sceneGraphEdges,
|
sceneGraphEdges,
|
||||||
sceneCardById,
|
sceneCardById,
|
||||||
currentSceneId,
|
currentSceneId,
|
||||||
|
graphUi,
|
||||||
onCurrentSceneChange,
|
onCurrentSceneChange,
|
||||||
onConnect,
|
onConnect,
|
||||||
onDisconnect,
|
onDisconnect,
|
||||||
@@ -316,6 +361,7 @@ function SceneGraphCanvas({
|
|||||||
onSetGraphNodeStart,
|
onSetGraphNodeStart,
|
||||||
onDropSceneFromList,
|
onDropSceneFromList,
|
||||||
}: SceneGraphProps) {
|
}: SceneGraphProps) {
|
||||||
|
const ui = graphUi ?? DEFAULT_SCENE_GRAPH_UI;
|
||||||
const { screenToFlowPosition } = useReactFlow();
|
const { screenToFlowPosition } = useReactFlow();
|
||||||
const [menu, setMenu] = useState<{ x: number; y: number; graphNodeId: GraphNodeId } | null>(null);
|
const [menu, setMenu] = useState<{ x: number; y: number; graphNodeId: GraphNodeId } | null>(null);
|
||||||
|
|
||||||
@@ -365,16 +411,36 @@ function SceneGraphCanvas({
|
|||||||
}, [currentSceneId, sceneCardById, sceneGraphNodes]);
|
}, [currentSceneId, sceneCardById, sceneGraphNodes]);
|
||||||
|
|
||||||
const desiredEdges = useMemo<Edge[]>(() => {
|
const desiredEdges = useMemo<Edge[]>(() => {
|
||||||
|
const selectedGraphNodeIds = new Set<GraphNodeId>();
|
||||||
|
if (currentSceneId) {
|
||||||
|
for (const gn of sceneGraphNodes) {
|
||||||
|
if (gn.sceneId === currentSceneId) selectedGraphNodeIds.add(gn.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const hasSelection = selectedGraphNodeIds.size > 0;
|
||||||
return sceneGraphEdges.map((e) => ({
|
return sceneGraphEdges.map((e) => ({
|
||||||
|
...(hasSelection
|
||||||
|
? {
|
||||||
|
style:
|
||||||
|
selectedGraphNodeIds.has(e.sourceGraphNodeId) || selectedGraphNodeIds.has(e.targetGraphNodeId)
|
||||||
|
? { stroke: 'rgba(167,139,250,0.95)', strokeWidth: 3 }
|
||||||
|
: { stroke: 'rgba(255,255,255,0.10)', strokeWidth: 2 },
|
||||||
|
markerEnd:
|
||||||
|
selectedGraphNodeIds.has(e.sourceGraphNodeId) || selectedGraphNodeIds.has(e.targetGraphNodeId)
|
||||||
|
? { type: MarkerType.ArrowClosed, color: 'rgba(167,139,250,0.95)', strokeWidth: 2 }
|
||||||
|
: { type: MarkerType.ArrowClosed, color: 'rgba(255,255,255,0.18)', strokeWidth: 2 },
|
||||||
|
}
|
||||||
|
: {
|
||||||
|
style: { stroke: 'rgba(167,139,250,0.55)', strokeWidth: 2 },
|
||||||
|
markerEnd: { type: MarkerType.ArrowClosed, color: 'rgba(167,139,250,0.85)', strokeWidth: 2 },
|
||||||
|
}),
|
||||||
id: e.id,
|
id: e.id,
|
||||||
source: e.sourceGraphNodeId,
|
source: e.sourceGraphNodeId,
|
||||||
target: e.targetGraphNodeId,
|
target: e.targetGraphNodeId,
|
||||||
type: 'smoothstep',
|
type: 'smoothstep',
|
||||||
animated: false,
|
animated: false,
|
||||||
style: { stroke: 'rgba(167,139,250,0.55)', strokeWidth: 2 },
|
|
||||||
markerEnd: { type: MarkerType.ArrowClosed, color: 'rgba(167,139,250,0.85)', strokeWidth: 2 },
|
|
||||||
}));
|
}));
|
||||||
}, [sceneGraphEdges]);
|
}, [currentSceneId, sceneGraphEdges, sceneGraphNodes]);
|
||||||
|
|
||||||
const [nodes, setNodes, onNodesChange] = useNodesState<Node<SceneCardData>>([]);
|
const [nodes, setNodes, onNodesChange] = useNodesState<Node<SceneCardData>>([]);
|
||||||
const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
|
const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
|
||||||
@@ -426,109 +492,111 @@ function SceneGraphCanvas({
|
|||||||
}, [menu]);
|
}, [menu]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={styles.canvasWrap}>
|
<GraphUiContext.Provider value={ui}>
|
||||||
<ReactFlow
|
<div className={styles.canvasWrap}>
|
||||||
nodes={nodes}
|
<ReactFlow
|
||||||
edges={edges}
|
nodes={nodes}
|
||||||
nodeTypes={nodeTypes}
|
edges={edges}
|
||||||
onNodesChange={onNodesChange}
|
nodeTypes={nodeTypes}
|
||||||
onNodeDragStop={(_, node) => {
|
onNodesChange={onNodesChange}
|
||||||
onNodePositionCommit(node.id as GraphNodeId, node.position.x, node.position.y);
|
onNodeDragStop={(_, node) => {
|
||||||
}}
|
onNodePositionCommit(node.id as GraphNodeId, node.position.x, node.position.y);
|
||||||
onEdgesChange={onEdgesChange}
|
}}
|
||||||
isValidConnection={isValidConnection}
|
onEdgesChange={onEdgesChange}
|
||||||
onConnect={onConnectInternal}
|
isValidConnection={isValidConnection}
|
||||||
onEdgesDelete={(eds) => {
|
onConnect={onConnectInternal}
|
||||||
for (const ed of eds) {
|
onEdgesDelete={(eds) => {
|
||||||
onDisconnect(ed.id);
|
for (const ed of eds) {
|
||||||
}
|
onDisconnect(ed.id);
|
||||||
}}
|
}
|
||||||
onEdgeClick={(_, edge) => {
|
}}
|
||||||
onDisconnect(edge.id);
|
onEdgeClick={(_, edge) => {
|
||||||
}}
|
onDisconnect(edge.id);
|
||||||
onNodesDelete={(nds) => {
|
}}
|
||||||
onRemoveGraphNodes(nds.map((n) => n.id as GraphNodeId));
|
onNodesDelete={(nds) => {
|
||||||
}}
|
onRemoveGraphNodes(nds.map((n) => n.id as GraphNodeId));
|
||||||
onNodeClick={(_, node) => {
|
}}
|
||||||
setMenu(null);
|
onNodeClick={(_, node) => {
|
||||||
const d = node.data as SceneCardData;
|
setMenu(null);
|
||||||
onCurrentSceneChange(d.sceneId);
|
const d = node.data as SceneCardData;
|
||||||
}}
|
onCurrentSceneChange(d.sceneId);
|
||||||
onNodeContextMenu={(e, node) => {
|
}}
|
||||||
e.preventDefault();
|
onNodeContextMenu={(e, node) => {
|
||||||
setMenu({ x: e.clientX, y: e.clientY, graphNodeId: node.id as GraphNodeId });
|
e.preventDefault();
|
||||||
}}
|
setMenu({ x: e.clientX, y: e.clientY, graphNodeId: node.id as GraphNodeId });
|
||||||
onPaneClick={() => {
|
}}
|
||||||
setMenu(null);
|
onPaneClick={() => {
|
||||||
}}
|
setMenu(null);
|
||||||
onPaneContextMenu={(e) => {
|
}}
|
||||||
e.preventDefault();
|
onPaneContextMenu={(e) => {
|
||||||
setMenu(null);
|
e.preventDefault();
|
||||||
}}
|
setMenu(null);
|
||||||
onInit={(instance) => {
|
}}
|
||||||
instance.fitView({ padding: 0.25 });
|
onInit={(instance) => {
|
||||||
}}
|
instance.fitView({ padding: 0.25 });
|
||||||
onDragOver={onDragOver}
|
}}
|
||||||
onDrop={onDrop}
|
onDragOver={onDragOver}
|
||||||
panOnScroll
|
onDrop={onDrop}
|
||||||
selectionOnDrag={false}
|
panOnScroll
|
||||||
deleteKeyCode={['Backspace', 'Delete']}
|
selectionOnDrag={false}
|
||||||
proOptions={{ hideAttribution: true }}
|
deleteKeyCode={['Backspace', 'Delete']}
|
||||||
>
|
proOptions={{ hideAttribution: true }}
|
||||||
<Background gap={18} size={1} color="rgba(255,255,255,0.06)" />
|
>
|
||||||
<GraphZoomToolbar />
|
<Background gap={18} size={1} color="rgba(255,255,255,0.06)" />
|
||||||
</ReactFlow>
|
<GraphZoomToolbar />
|
||||||
{menu && menuPosition
|
</ReactFlow>
|
||||||
? createPortal(
|
{menu && menuPosition
|
||||||
<>
|
? createPortal(
|
||||||
<button
|
<>
|
||||||
type="button"
|
|
||||||
aria-label="Закрыть меню"
|
|
||||||
className={styles.menuBackdrop}
|
|
||||||
onClick={() => setMenu(null)}
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
role="menu"
|
|
||||||
tabIndex={-1}
|
|
||||||
className={styles.ctxMenu}
|
|
||||||
style={{ left: menuPosition.x, top: menuPosition.y }}
|
|
||||||
onClick={(e) => e.stopPropagation()}
|
|
||||||
onKeyDown={(e) => {
|
|
||||||
if (e.key === 'Escape') setMenu(null);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
role="menuitem"
|
aria-label={ui.closeMenu}
|
||||||
className={styles.ctxItem}
|
className={styles.menuBackdrop}
|
||||||
onClick={() => {
|
onClick={() => setMenu(null)}
|
||||||
if (menuNodeIsStart) {
|
/>
|
||||||
onSetGraphNodeStart(null);
|
<div
|
||||||
} else {
|
role="menu"
|
||||||
onSetGraphNodeStart(menu.graphNodeId);
|
tabIndex={-1}
|
||||||
}
|
className={styles.ctxMenu}
|
||||||
setMenu(null);
|
style={{ left: menuPosition.x, top: menuPosition.y }}
|
||||||
|
onClick={(e) => e.stopPropagation()}
|
||||||
|
onKeyDown={(e) => {
|
||||||
|
if (e.key === 'Escape') setMenu(null);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{menuNodeIsStart ? 'Снять метку «Начальная сцена»' : 'Начальная сцена'}
|
<button
|
||||||
</button>
|
type="button"
|
||||||
<button
|
role="menuitem"
|
||||||
type="button"
|
className={styles.ctxItem}
|
||||||
role="menuitem"
|
onClick={() => {
|
||||||
className={styles.ctxItemDanger}
|
if (menuNodeIsStart) {
|
||||||
onClick={() => {
|
onSetGraphNodeStart(null);
|
||||||
onRemoveGraphNode(menu.graphNodeId);
|
} else {
|
||||||
setMenu(null);
|
onSetGraphNodeStart(menu.graphNodeId);
|
||||||
}}
|
}
|
||||||
>
|
setMenu(null);
|
||||||
Удалить
|
}}
|
||||||
</button>
|
>
|
||||||
</div>
|
{menuNodeIsStart ? ui.unsetStartScene : ui.startScene}
|
||||||
</>,
|
</button>
|
||||||
document.body,
|
<button
|
||||||
)
|
type="button"
|
||||||
: null}
|
role="menuitem"
|
||||||
</div>
|
className={styles.ctxItemDanger}
|
||||||
|
onClick={() => {
|
||||||
|
onRemoveGraphNode(menu.graphNodeId);
|
||||||
|
setMenu(null);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{ui.delete}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</>,
|
||||||
|
document.body,
|
||||||
|
)
|
||||||
|
: null}
|
||||||
|
</div>
|
||||||
|
</GraphUiContext.Provider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,55 @@
|
|||||||
|
import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
|
||||||
|
|
||||||
|
import {
|
||||||
|
EDITOR_LOCALE_STORAGE_KEY,
|
||||||
|
inferEditorLocaleFromSystem,
|
||||||
|
normalizeEditorLocale,
|
||||||
|
translateEditorMessage,
|
||||||
|
type EditorLocale,
|
||||||
|
} from './editorMessages';
|
||||||
|
|
||||||
|
type EditorI18nContextValue = {
|
||||||
|
locale: EditorLocale;
|
||||||
|
setLocale: (next: EditorLocale) => void;
|
||||||
|
t: (key: string, vars?: Record<string, string | number>) => string;
|
||||||
|
};
|
||||||
|
|
||||||
|
const EditorI18nContext = createContext<EditorI18nContextValue | null>(null);
|
||||||
|
|
||||||
|
function readInitialLocale(): EditorLocale {
|
||||||
|
try {
|
||||||
|
return normalizeEditorLocale(localStorage.getItem(EDITOR_LOCALE_STORAGE_KEY));
|
||||||
|
} catch {
|
||||||
|
return inferEditorLocaleFromSystem();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function EditorI18nProvider({ children }: { children: React.ReactNode }) {
|
||||||
|
const [locale, setLocaleState] = useState<EditorLocale>(readInitialLocale);
|
||||||
|
|
||||||
|
const setLocale = useCallback((next: EditorLocale) => {
|
||||||
|
setLocaleState(next);
|
||||||
|
try {
|
||||||
|
localStorage.setItem(EDITOR_LOCALE_STORAGE_KEY, next);
|
||||||
|
} catch {
|
||||||
|
// ignore
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const t = useCallback(
|
||||||
|
(key: string, vars?: Record<string, string | number>) => translateEditorMessage(locale, key, vars),
|
||||||
|
[locale],
|
||||||
|
);
|
||||||
|
|
||||||
|
const value = useMemo<EditorI18nContextValue>(() => ({ locale, setLocale, t }), [locale, setLocale, t]);
|
||||||
|
|
||||||
|
return <EditorI18nContext.Provider value={value}>{children}</EditorI18nContext.Provider>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useEditorI18n(): EditorI18nContextValue {
|
||||||
|
const ctx = useContext(EditorI18nContext);
|
||||||
|
if (!ctx) {
|
||||||
|
throw new Error('useEditorI18n must be used within EditorI18nProvider');
|
||||||
|
}
|
||||||
|
return ctx;
|
||||||
|
}
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
import assert from 'node:assert/strict';
|
||||||
|
import test from 'node:test';
|
||||||
|
|
||||||
|
import { inferEditorLocaleFromSystem, normalizeEditorLocale } from './editorMessages';
|
||||||
|
|
||||||
|
void test('inferEditorLocaleFromSystem: en-* wins when listed first', () => {
|
||||||
|
assert.equal(inferEditorLocaleFromSystem(['en-GB', 'ru-RU']), 'en');
|
||||||
|
});
|
||||||
|
|
||||||
|
void test('inferEditorLocaleFromSystem: ru-* wins when listed first', () => {
|
||||||
|
assert.equal(inferEditorLocaleFromSystem(['ru-RU', 'en-US']), 'ru');
|
||||||
|
});
|
||||||
|
|
||||||
|
void test('inferEditorLocaleFromSystem: unknown tags fall back to ru', () => {
|
||||||
|
assert.equal(inferEditorLocaleFromSystem(['de-DE', 'fr']), 'ru');
|
||||||
|
});
|
||||||
|
|
||||||
|
void test('inferEditorLocaleFromSystem: empty list → ru', () => {
|
||||||
|
assert.equal(inferEditorLocaleFromSystem([]), 'ru');
|
||||||
|
});
|
||||||
|
|
||||||
|
void test('normalizeEditorLocale: trims stored en/ru', () => {
|
||||||
|
assert.equal(normalizeEditorLocale(' EN '), 'en');
|
||||||
|
assert.equal(normalizeEditorLocale('ru '), 'ru');
|
||||||
|
});
|
||||||
|
|
||||||
|
void test('normalizeEditorLocale: blank or invalid defers to infer (explicit list)', () => {
|
||||||
|
assert.equal(normalizeEditorLocale(''), inferEditorLocaleFromSystem([]));
|
||||||
|
assert.equal(normalizeEditorLocale('xx'), inferEditorLocaleFromSystem([]));
|
||||||
|
});
|
||||||
@@ -0,0 +1,522 @@
|
|||||||
|
export type EditorLocale = 'ru' | 'en';
|
||||||
|
|
||||||
|
export const EDITOR_LOCALE_STORAGE_KEY = 'dnd_editor_locale';
|
||||||
|
|
||||||
|
function primaryLanguageTag(lang: string): string {
|
||||||
|
const trimmed = lang.trim().toLowerCase();
|
||||||
|
if (!trimmed) return '';
|
||||||
|
const sep = trimmed.search(/[-_]/);
|
||||||
|
return sep === -1 ? trimmed : trimmed.slice(0, sep);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Выбор `ru` / `en` по языку ОС/браузера, если пользователь ещё не сохранил язык в `localStorage`.
|
||||||
|
* В Electron совпадает с локалью системы (Chromium подставляет `navigator.languages`).
|
||||||
|
*/
|
||||||
|
export function inferEditorLocaleFromSystem(languages?: readonly string[]): EditorLocale {
|
||||||
|
let list: string[];
|
||||||
|
if (languages !== undefined) {
|
||||||
|
list = [...languages];
|
||||||
|
} else if (typeof navigator !== 'undefined') {
|
||||||
|
list = [...navigator.languages];
|
||||||
|
if (navigator.language) {
|
||||||
|
list.push(navigator.language);
|
||||||
|
}
|
||||||
|
list = list.filter((x) => x.trim() !== '');
|
||||||
|
} else {
|
||||||
|
list = [];
|
||||||
|
}
|
||||||
|
for (const lang of list) {
|
||||||
|
const tag = primaryLanguageTag(lang);
|
||||||
|
if (tag === 'en') return 'en';
|
||||||
|
if (tag === 'ru') return 'ru';
|
||||||
|
}
|
||||||
|
return 'ru';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeEditorLocale(raw: string | null | undefined): EditorLocale {
|
||||||
|
if (raw == null) {
|
||||||
|
return inferEditorLocaleFromSystem();
|
||||||
|
}
|
||||||
|
const trimmed = raw.trim();
|
||||||
|
if (trimmed === '') {
|
||||||
|
return inferEditorLocaleFromSystem();
|
||||||
|
}
|
||||||
|
const s = trimmed.toLowerCase();
|
||||||
|
if (s === 'en') return 'en';
|
||||||
|
if (s === 'ru') return 'ru';
|
||||||
|
return inferEditorLocaleFromSystem();
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Flat message table; `{name}` placeholders supported in `translate`. */
|
||||||
|
export const EDITOR_MESSAGES: Record<EditorLocale, Record<string, string>> = {
|
||||||
|
ru: {
|
||||||
|
'common.close': 'Закрыть',
|
||||||
|
'common.cancel': 'Отмена',
|
||||||
|
'common.save': 'Сохранить',
|
||||||
|
'common.understood': 'Понятно',
|
||||||
|
'common.message': 'Сообщение',
|
||||||
|
'common.error': 'Ошибка',
|
||||||
|
'common.delete': 'Удалить',
|
||||||
|
'common.closeMenu': 'Закрыть меню',
|
||||||
|
|
||||||
|
'notice.campaignAudioEmpty': 'Аудио не добавлено. Проверьте формат файла.',
|
||||||
|
|
||||||
|
'license.checkingTitle': 'Проверка лицензии…',
|
||||||
|
'license.checkingWait': 'Подождите.',
|
||||||
|
'license.requiredTitle': 'Требуется лицензия',
|
||||||
|
'license.requiredHint':
|
||||||
|
'Укажите ключ в меню «Настройки» → «Указать ключ». До активации доступно только меню «Настройки».',
|
||||||
|
'license.tokenTitle': 'Указать ключ',
|
||||||
|
'license.tokenKey': 'КЛЮЧ',
|
||||||
|
'license.tokenPlaceholder': 'Продуктовый ключ DND-...',
|
||||||
|
'license.tokenSaving': 'Сохранение…',
|
||||||
|
'license.eulaTitle': 'Лицензионное соглашение',
|
||||||
|
'license.eulaReject': 'Не принимаю',
|
||||||
|
'license.eulaAccept': 'Принимаю условия',
|
||||||
|
'license.eulaNoteEn':
|
||||||
|
'The binding legal text below is in Russian. If you need an English summary, contact support.',
|
||||||
|
'license.aboutTitle': 'О лицензии',
|
||||||
|
'license.aboutDevSkip': 'Режим разработки: проверка лицензии отключена (DND_SKIP_LICENSE).',
|
||||||
|
'license.aboutStatus': 'СТАТУС',
|
||||||
|
'license.aboutProduct': 'ПРОДУКТ',
|
||||||
|
'license.aboutLicenseId': 'ID ЛИЦЕНЗИИ',
|
||||||
|
'license.aboutExpiry': 'ОКОНЧАНИЕ',
|
||||||
|
'license.aboutDevice': 'УСТРОЙСТВО',
|
||||||
|
'license.aboutNoData': 'Нет данных лицензии.',
|
||||||
|
'license.reason.ok': 'Активна',
|
||||||
|
'license.reason.none': 'Ключ не указан',
|
||||||
|
'license.reason.expired': 'Срок действия истёк',
|
||||||
|
'license.reason.bad_signature': 'Недействительная подпись',
|
||||||
|
'license.reason.bad_payload': 'Неверный формат токена',
|
||||||
|
'license.reason.malformed': 'Повреждённый токен',
|
||||||
|
'license.reason.not_yet_valid': 'Ещё не действует',
|
||||||
|
'license.reason.wrong_device': 'Другой привязанный компьютер',
|
||||||
|
'license.reason.revoked_remote': 'Отозвана на сервере',
|
||||||
|
|
||||||
|
'presentation.overlay': 'Презентация запущена',
|
||||||
|
'presentation.title': 'Презентация запущена',
|
||||||
|
'presentation.body':
|
||||||
|
'Редактор заблокирован. Закройте окна «Презентация» и «Панель управления», чтобы продолжить.',
|
||||||
|
|
||||||
|
'zip.progress': 'Прогресс операции',
|
||||||
|
'zip.importTitle': 'Импорт проекта',
|
||||||
|
'zip.exportTitle': 'Экспорт проекта',
|
||||||
|
|
||||||
|
'top.settings': 'Настройки',
|
||||||
|
'top.project': 'Проект',
|
||||||
|
'top.file': 'Файл',
|
||||||
|
'top.backToProjects': 'К списку проектов',
|
||||||
|
'top.appVersion': 'Версия приложения',
|
||||||
|
'top.run': 'Запустить',
|
||||||
|
'top.afterLicense': 'Доступно после активации лицензии',
|
||||||
|
'top.setStartScene': 'Назначьте начальную сцену на графе (ПКМ по узлу)',
|
||||||
|
|
||||||
|
'menu.enterKey': 'Указать ключ',
|
||||||
|
'menu.aboutLicense': 'О лицензии',
|
||||||
|
'menu.checkUpdates': 'Проверить обновления',
|
||||||
|
'menu.language': 'Язык',
|
||||||
|
'menu.langRu': 'Русский',
|
||||||
|
'menu.langEn': 'English',
|
||||||
|
|
||||||
|
'updates.dialogTitle': 'Обновления',
|
||||||
|
'updates.checking': 'Проверка наличия обновлений…',
|
||||||
|
'updates.available': 'Доступна новая версия {version}.',
|
||||||
|
'updates.current': 'У вас установлена актуальная версия ({version}).',
|
||||||
|
'updates.error': 'Не удалось проверить обновления: {message}',
|
||||||
|
'updates.notPackaged': 'Проверка доступна только в установленной версии приложения.',
|
||||||
|
'updates.noLicense': 'Нужна активная лицензия.',
|
||||||
|
'updates.download': 'Обновить',
|
||||||
|
'updates.downloading': 'Загрузка…',
|
||||||
|
|
||||||
|
'projectMenu.home': 'Начальный экран',
|
||||||
|
'projectMenu.import': 'Импорт',
|
||||||
|
'projectMenu.export': 'Экспорт',
|
||||||
|
'projectMenu.noProjects': 'Нет сохранённых проектов',
|
||||||
|
|
||||||
|
'fileMenu.rename': 'Переименовать проект',
|
||||||
|
|
||||||
|
'scenes.search': 'Поиск сцен…',
|
||||||
|
'scenes.new': '+ Новая сцена',
|
||||||
|
'scenes.inspectorGame': 'Свойства игры',
|
||||||
|
'scenes.inspectorScene': 'Свойства сцены',
|
||||||
|
'scenes.selectHint': 'Выберите сцену слева, чтобы редактировать её свойства.',
|
||||||
|
'scenes.openProjectHint': 'Откройте проект, чтобы редактировать кампанию и сцены.',
|
||||||
|
|
||||||
|
'rename.title': 'Переименовать проект',
|
||||||
|
'rename.projectName': 'НАЗВАНИЕ ПРОЕКТА',
|
||||||
|
'rename.projectPlaceholder': 'Название проекта…',
|
||||||
|
'rename.projectMin': 'Минимум 3 символа.',
|
||||||
|
'rename.projectDup': 'Проект с таким названием уже существует.',
|
||||||
|
'rename.fileName': 'НАЗВАНИЕ ФАЙЛА ПРОЕКТА',
|
||||||
|
'rename.fileInvalid': 'Минимум 3 символа, без символов <>:"/\\|?*',
|
||||||
|
'rename.fileDup': 'Файл проекта с таким названием уже существует.',
|
||||||
|
'rename.saving': 'Сохранение…',
|
||||||
|
|
||||||
|
'export.title': 'Экспорт проекта',
|
||||||
|
'export.project': 'ПРОЕКТ',
|
||||||
|
'export.hint':
|
||||||
|
'Далее откроется окно сохранения: укажите имя и папку для файла .dnd.zip — будет создана копия архива проекта.',
|
||||||
|
'export.exporting': 'Экспорт…',
|
||||||
|
'export.saveAs': 'Сохранить как…',
|
||||||
|
|
||||||
|
'confirmDelete.title': 'Удаление проекта',
|
||||||
|
'confirmDelete.body': 'Удалить проект «{name}» безвозвратно? Файл и кэш будут стёрты с диска.',
|
||||||
|
'confirmDelete.failedTitle': 'Не удалось удалить',
|
||||||
|
|
||||||
|
'picker.title': 'Проекты',
|
||||||
|
'picker.newPlaceholder': 'Название нового проекта…',
|
||||||
|
'picker.create': 'Создать проект',
|
||||||
|
'picker.existing': 'СУЩЕСТВУЮЩИЕ',
|
||||||
|
'picker.lockedHint':
|
||||||
|
'Открытие и создание — после активации лицензии. Список показывает файлы в папке приложения.',
|
||||||
|
'picker.empty': 'Пока нет проектов.',
|
||||||
|
'picker.projectMenu': 'Меню проекта',
|
||||||
|
'picker.openDisabled': 'Открытие проекта — после активации лицензии',
|
||||||
|
'picker.defaultName': 'Моя кампания',
|
||||||
|
|
||||||
|
'campaign.label': 'АУДИО ИГРЫ',
|
||||||
|
'campaign.noFiles': 'Файлов пока нет. Добавьте аудио.',
|
||||||
|
'campaign.auto': 'Авто',
|
||||||
|
'campaign.loop': 'Цикл',
|
||||||
|
'campaign.removeTitle': 'Убрать из кампании',
|
||||||
|
'campaign.upload': 'Загрузить',
|
||||||
|
|
||||||
|
'scene.title': 'НАЗВАНИЕ СЦЕНЫ',
|
||||||
|
'scene.description': 'ОПИСАНИЕ',
|
||||||
|
'scene.preview': 'ПРЕВЬЮ СЦЕНЫ',
|
||||||
|
'scene.previewHint': 'Файл изображения (PNG, JPG, WebP, GIF и т.д.).',
|
||||||
|
'scene.previewEmpty': 'Превью не задано',
|
||||||
|
'scene.previewBusy': 'Загрузка и оптимизация изображения…',
|
||||||
|
'scene.change': 'Изменить',
|
||||||
|
'scene.clear': 'Очистить',
|
||||||
|
'scene.autostart': 'Автостарт',
|
||||||
|
'scene.rotate': 'Повернуть',
|
||||||
|
'scene.audio': 'АУДИО СЦЕНЫ',
|
||||||
|
'scene.removeTitle': 'Убрать из сцены',
|
||||||
|
'scene.branching': 'ВЕТВЛЕНИЯ',
|
||||||
|
'scene.branchingHint':
|
||||||
|
'Перетащите сцену из списка на граф. С одной карточки можно задать несколько вариантов — по одной связи на каждую целевую сцену. Повторно к той же сцене (включая вторую карточку той же сцены на графе) подключить нельзя.',
|
||||||
|
|
||||||
|
'sceneCard.current': 'ТЕКУЩАЯ',
|
||||||
|
'sceneCard.menu': 'Меню сцены',
|
||||||
|
|
||||||
|
'graph.badgeStart': 'НАЧАЛО',
|
||||||
|
'graph.untitled': 'Без названия',
|
||||||
|
'graph.videoBadge': 'Видео',
|
||||||
|
'graph.audioBadge': 'Аудио',
|
||||||
|
'graph.loop': 'Цикл',
|
||||||
|
'graph.autoplay': 'Автостарт',
|
||||||
|
'graph.previewAutostart': 'Авто превью',
|
||||||
|
'graph.videoLoop': 'Цикл видео',
|
||||||
|
'graph.zoomBar': 'Масштаб графа',
|
||||||
|
'graph.zoomIn': 'Увеличить',
|
||||||
|
'graph.zoomOut': 'Уменьшить',
|
||||||
|
'graph.fitAll': 'Показать всё',
|
||||||
|
'graph.startScene': 'Начальная сцена',
|
||||||
|
'graph.unsetStartScene': 'Снять метку «Начальная сцена»',
|
||||||
|
|
||||||
|
'control.remoteTitle': 'ПУЛЬТ УПРАВЛЕНИЯ',
|
||||||
|
'control.effects': 'ЭФФЕКТЫ',
|
||||||
|
'control.tools': 'Инструменты',
|
||||||
|
'control.fieldEffects': 'Эффекты поля',
|
||||||
|
'control.actionEffects': 'Эффекты действий',
|
||||||
|
'control.eraser': 'Ластик',
|
||||||
|
'control.clearEffects': 'Очистить эффекты',
|
||||||
|
'control.fog': 'Туман',
|
||||||
|
'control.rain': 'Дождь',
|
||||||
|
'control.fire': 'Огонь',
|
||||||
|
'control.water': 'Вода',
|
||||||
|
'control.lightning': 'Молния',
|
||||||
|
'control.sunbeam': 'Луч света',
|
||||||
|
'control.freeze': 'Заморозка',
|
||||||
|
'control.poisonCloud': 'Облако яда',
|
||||||
|
'control.brushRadius': 'Радиус кисти',
|
||||||
|
'control.storyLine': 'СЮЖЕТНАЯ ЛИНИЯ',
|
||||||
|
'control.gotoScene': 'Перейти к этой сцене',
|
||||||
|
'control.currentSceneBadge': 'ТЕКУЩАЯ СЦЕНА',
|
||||||
|
'control.passed': 'Пройдено',
|
||||||
|
'control.noActiveScene': 'Нет активной сцены.',
|
||||||
|
'control.screenPreview': 'Предпросмотр экрана',
|
||||||
|
'control.stopPresentation': 'Выключить демонстрацию',
|
||||||
|
'control.videoBrushHint':
|
||||||
|
'Видео-превью: кисть эффектов отключена (как на экране демонстрации — оверлей только для изображения).',
|
||||||
|
'control.branches': 'Варианты ветвления',
|
||||||
|
'control.option': 'ОПЦИЯ {n}',
|
||||||
|
'control.unnamed': 'Без названия',
|
||||||
|
'control.switchScene': 'Переключить',
|
||||||
|
'control.noBranches': 'Нет вариантов перехода.',
|
||||||
|
'control.endPresentation': 'Завершить показ',
|
||||||
|
'control.music': 'Музыка',
|
||||||
|
'control.sceneMusic': 'МУЗЫКА СЦЕНЫ',
|
||||||
|
'control.gameMusic': 'МУЗЫКА ИГРЫ',
|
||||||
|
'control.noSceneAudio': 'В текущей сцене нет аудио.',
|
||||||
|
'control.noGameAudio': 'В игре нет аудио.',
|
||||||
|
'control.modeAuto': 'Авто',
|
||||||
|
'control.modeManual': 'Ручн.',
|
||||||
|
'control.once': 'Один раз',
|
||||||
|
'control.loop': 'Цикл',
|
||||||
|
'control.scrubSeek': 'Клик — перемотка',
|
||||||
|
'control.durationUnknown': 'Длительность неизвестна',
|
||||||
|
'control.pauseSceneMusic': 'Пауза (сцена)',
|
||||||
|
'control.pauseSceneMusicTitle': 'В сцене есть музыка',
|
||||||
|
'control.pauseCampaignTitle': 'Пауза: в сцене есть музыка',
|
||||||
|
'control.playFailed': 'Не удалось запустить.',
|
||||||
|
'control.audioAutoplayBlocked':
|
||||||
|
'Автозапуск заблокирован (нужно действие пользователя) или ошибка воспроизведения.',
|
||||||
|
'control.audioNoUrl': 'URL не получен',
|
||||||
|
'control.audioNoUrlDetail': 'Не удалось получить dnd://asset URL для аудио.',
|
||||||
|
'control.audioBlocked': 'Ошибка/блок',
|
||||||
|
'control.audioError': 'Ошибка',
|
||||||
|
'control.audioMediaError': 'MediaError code={code} (1=ABORTED, 2=NETWORK, 3=DECODE, 4=SRC_NOT_SUPPORTED)',
|
||||||
|
'control.audioLoading': 'Загрузка…',
|
||||||
|
'control.audioPlaying': 'Играет',
|
||||||
|
'control.audioPaused': 'Пауза',
|
||||||
|
'control.audioStopped': 'Остановлено',
|
||||||
|
'control.previewTrackLabel': 'Превью без субтитров',
|
||||||
|
'control.transportPlay': 'Воспроизведение',
|
||||||
|
'control.transportPause': 'Пауза',
|
||||||
|
'control.transportStop': 'Стоп',
|
||||||
|
},
|
||||||
|
en: {
|
||||||
|
'common.close': 'Close',
|
||||||
|
'common.cancel': 'Cancel',
|
||||||
|
'common.save': 'Save',
|
||||||
|
'common.understood': 'OK',
|
||||||
|
'common.message': 'Message',
|
||||||
|
'common.error': 'Error',
|
||||||
|
'common.delete': 'Delete',
|
||||||
|
'common.closeMenu': 'Close menu',
|
||||||
|
|
||||||
|
'notice.campaignAudioEmpty': 'No audio was added. Check the file format.',
|
||||||
|
|
||||||
|
'license.checkingTitle': 'Checking license…',
|
||||||
|
'license.checkingWait': 'Please wait.',
|
||||||
|
'license.requiredTitle': 'License required',
|
||||||
|
'license.requiredHint':
|
||||||
|
'Enter your key via Settings → Enter license key. Until activation, only Settings is available.',
|
||||||
|
'license.tokenTitle': 'Enter license key',
|
||||||
|
'license.tokenKey': 'KEY',
|
||||||
|
'license.tokenPlaceholder': 'DND product key…',
|
||||||
|
'license.tokenSaving': 'Saving…',
|
||||||
|
'license.eulaTitle': 'End User License Agreement',
|
||||||
|
'license.eulaReject': 'Decline',
|
||||||
|
'license.eulaAccept': 'I accept the terms',
|
||||||
|
'license.eulaNoteEn':
|
||||||
|
'The binding legal text below is in Russian. If you need an English summary, contact support.',
|
||||||
|
'license.aboutTitle': 'About license',
|
||||||
|
'license.aboutDevSkip': 'Development mode: license checks are disabled (DND_SKIP_LICENSE).',
|
||||||
|
'license.aboutStatus': 'STATUS',
|
||||||
|
'license.aboutProduct': 'PRODUCT',
|
||||||
|
'license.aboutLicenseId': 'LICENSE ID',
|
||||||
|
'license.aboutExpiry': 'EXPIRES',
|
||||||
|
'license.aboutDevice': 'DEVICE',
|
||||||
|
'license.aboutNoData': 'No license data.',
|
||||||
|
'license.reason.ok': 'Active',
|
||||||
|
'license.reason.none': 'No key provided',
|
||||||
|
'license.reason.expired': 'Expired',
|
||||||
|
'license.reason.bad_signature': 'Invalid signature',
|
||||||
|
'license.reason.bad_payload': 'Invalid token format',
|
||||||
|
'license.reason.malformed': 'Malformed token',
|
||||||
|
'license.reason.not_yet_valid': 'Not yet valid',
|
||||||
|
'license.reason.wrong_device': 'Wrong bound device',
|
||||||
|
'license.reason.revoked_remote': 'Revoked on server',
|
||||||
|
|
||||||
|
'presentation.overlay': 'Presentation running',
|
||||||
|
'presentation.title': 'Presentation running',
|
||||||
|
'presentation.body': 'The editor is locked. Close the Presentation and Control windows to continue.',
|
||||||
|
|
||||||
|
'zip.progress': 'Operation progress',
|
||||||
|
'zip.importTitle': 'Import project',
|
||||||
|
'zip.exportTitle': 'Export project',
|
||||||
|
|
||||||
|
'top.settings': 'Settings',
|
||||||
|
'top.project': 'Project',
|
||||||
|
'top.file': 'File',
|
||||||
|
'top.backToProjects': 'Back to projects',
|
||||||
|
'top.appVersion': 'App version',
|
||||||
|
'top.run': 'Run',
|
||||||
|
'top.afterLicense': 'Available after license activation',
|
||||||
|
'top.setStartScene': 'Set a start scene on the graph (right‑click a node)',
|
||||||
|
|
||||||
|
'menu.enterKey': 'Enter license key',
|
||||||
|
'menu.aboutLicense': 'About license',
|
||||||
|
'menu.checkUpdates': 'Check for updates',
|
||||||
|
'menu.language': 'Language',
|
||||||
|
'menu.langRu': 'Русский',
|
||||||
|
'menu.langEn': 'English',
|
||||||
|
|
||||||
|
'updates.dialogTitle': 'Updates',
|
||||||
|
'updates.checking': 'Checking for updates…',
|
||||||
|
'updates.available': 'A new version is available: {version}.',
|
||||||
|
'updates.current': 'You have the latest version ({version}).',
|
||||||
|
'updates.error': 'Could not check for updates: {message}',
|
||||||
|
'updates.notPackaged': 'Updates can only be checked in the installed application.',
|
||||||
|
'updates.noLicense': 'An active license is required.',
|
||||||
|
'updates.download': 'Update',
|
||||||
|
'updates.downloading': 'Downloading…',
|
||||||
|
|
||||||
|
'projectMenu.home': 'Home',
|
||||||
|
'projectMenu.import': 'Import',
|
||||||
|
'projectMenu.export': 'Export',
|
||||||
|
'projectMenu.noProjects': 'No saved projects',
|
||||||
|
|
||||||
|
'fileMenu.rename': 'Rename project',
|
||||||
|
|
||||||
|
'scenes.search': 'Search scenes…',
|
||||||
|
'scenes.new': '+ New scene',
|
||||||
|
'scenes.inspectorGame': 'Game properties',
|
||||||
|
'scenes.inspectorScene': 'Scene properties',
|
||||||
|
'scenes.selectHint': 'Select a scene on the left to edit its properties.',
|
||||||
|
'scenes.openProjectHint': 'Open a project to edit the campaign and scenes.',
|
||||||
|
|
||||||
|
'rename.title': 'Rename project',
|
||||||
|
'rename.projectName': 'PROJECT NAME',
|
||||||
|
'rename.projectPlaceholder': 'Project name…',
|
||||||
|
'rename.projectMin': 'At least 3 characters.',
|
||||||
|
'rename.projectDup': 'A project with this name already exists.',
|
||||||
|
'rename.fileName': 'PROJECT FILE NAME',
|
||||||
|
'rename.fileInvalid': 'At least 3 characters; forbidden characters <>:"/\\|?*',
|
||||||
|
'rename.fileDup': 'A project file with this name already exists.',
|
||||||
|
'rename.saving': 'Saving…',
|
||||||
|
|
||||||
|
'export.title': 'Export project',
|
||||||
|
'export.project': 'PROJECT',
|
||||||
|
'export.hint':
|
||||||
|
'A save dialog will open: choose a name and folder for the .dnd.zip file — a copy of the project archive will be created.',
|
||||||
|
'export.exporting': 'Exporting…',
|
||||||
|
'export.saveAs': 'Save as…',
|
||||||
|
|
||||||
|
'confirmDelete.title': 'Delete project',
|
||||||
|
'confirmDelete.body':
|
||||||
|
'Permanently delete project “{name}”? The file and cache will be removed from disk.',
|
||||||
|
'confirmDelete.failedTitle': 'Could not delete',
|
||||||
|
|
||||||
|
'picker.title': 'Projects',
|
||||||
|
'picker.newPlaceholder': 'New project name…',
|
||||||
|
'picker.create': 'Create project',
|
||||||
|
'picker.existing': 'EXISTING',
|
||||||
|
'picker.lockedHint':
|
||||||
|
'Opening and creating projects require an active license. The list still shows files in the app folder.',
|
||||||
|
'picker.empty': 'No projects yet.',
|
||||||
|
'picker.projectMenu': 'Project menu',
|
||||||
|
'picker.openDisabled': 'Open project — after license activation',
|
||||||
|
'picker.defaultName': 'My campaign',
|
||||||
|
|
||||||
|
'campaign.label': 'GAME AUDIO',
|
||||||
|
'campaign.noFiles': 'No files yet. Add audio.',
|
||||||
|
'campaign.auto': 'Auto',
|
||||||
|
'campaign.loop': 'Loop',
|
||||||
|
'campaign.removeTitle': 'Remove from campaign',
|
||||||
|
'campaign.upload': 'Upload',
|
||||||
|
|
||||||
|
'scene.title': 'SCENE TITLE',
|
||||||
|
'scene.description': 'DESCRIPTION',
|
||||||
|
'scene.preview': 'SCENE PREVIEW',
|
||||||
|
'scene.previewHint': 'Image file (PNG, JPG, WebP, GIF, etc.).',
|
||||||
|
'scene.previewEmpty': 'No preview',
|
||||||
|
'scene.previewBusy': 'Loading and optimizing image…',
|
||||||
|
'scene.change': 'Change',
|
||||||
|
'scene.clear': 'Clear',
|
||||||
|
'scene.autostart': 'Autostart',
|
||||||
|
'scene.rotate': 'Rotate',
|
||||||
|
'scene.audio': 'SCENE AUDIO',
|
||||||
|
'scene.removeTitle': 'Remove from scene',
|
||||||
|
'scene.branching': 'BRANCHING',
|
||||||
|
'scene.branchingHint':
|
||||||
|
'Drag a scene from the list onto the graph. One card can branch to several targets — one link per target scene. You cannot link twice to the same target (including a second card of the same scene).',
|
||||||
|
|
||||||
|
'sceneCard.current': 'CURRENT',
|
||||||
|
'sceneCard.menu': 'Scene menu',
|
||||||
|
|
||||||
|
'graph.badgeStart': 'START',
|
||||||
|
'graph.untitled': 'Untitled',
|
||||||
|
'graph.videoBadge': 'Video',
|
||||||
|
'graph.audioBadge': 'Audio',
|
||||||
|
'graph.loop': 'Loop',
|
||||||
|
'graph.autoplay': 'Autoplay',
|
||||||
|
'graph.previewAutostart': 'Preview autostart',
|
||||||
|
'graph.videoLoop': 'Video loop',
|
||||||
|
'graph.zoomBar': 'Graph zoom',
|
||||||
|
'graph.zoomIn': 'Zoom in',
|
||||||
|
'graph.zoomOut': 'Zoom out',
|
||||||
|
'graph.fitAll': 'Fit view',
|
||||||
|
'graph.startScene': 'Start scene',
|
||||||
|
'graph.unsetStartScene': 'Clear start scene mark',
|
||||||
|
|
||||||
|
'control.remoteTitle': 'CONTROL PANEL',
|
||||||
|
'control.effects': 'EFFECTS',
|
||||||
|
'control.tools': 'Tools',
|
||||||
|
'control.fieldEffects': 'Field effects',
|
||||||
|
'control.actionEffects': 'Action effects',
|
||||||
|
'control.eraser': 'Eraser',
|
||||||
|
'control.clearEffects': 'Clear effects',
|
||||||
|
'control.fog': 'Fog',
|
||||||
|
'control.rain': 'Rain',
|
||||||
|
'control.fire': 'Fire',
|
||||||
|
'control.water': 'Water',
|
||||||
|
'control.lightning': 'Lightning',
|
||||||
|
'control.sunbeam': 'Sunbeam',
|
||||||
|
'control.freeze': 'Freeze',
|
||||||
|
'control.poisonCloud': 'Poison cloud',
|
||||||
|
'control.brushRadius': 'Brush radius',
|
||||||
|
'control.storyLine': 'STORYLINE',
|
||||||
|
'control.gotoScene': 'Go to this scene',
|
||||||
|
'control.currentSceneBadge': 'CURRENT SCENE',
|
||||||
|
'control.passed': 'Visited',
|
||||||
|
'control.noActiveScene': 'No active scene.',
|
||||||
|
'control.screenPreview': 'Screen preview',
|
||||||
|
'control.stopPresentation': 'Stop presentation',
|
||||||
|
'control.videoBrushHint':
|
||||||
|
'Video preview: effect brush is disabled (like on the presentation screen — overlay is for images only).',
|
||||||
|
'control.branches': 'Branch options',
|
||||||
|
'control.option': 'OPTION {n}',
|
||||||
|
'control.unnamed': 'Untitled',
|
||||||
|
'control.switchScene': 'Switch',
|
||||||
|
'control.noBranches': 'No transitions available.',
|
||||||
|
'control.endPresentation': 'End presentation',
|
||||||
|
'control.music': 'Music',
|
||||||
|
'control.sceneMusic': 'SCENE MUSIC',
|
||||||
|
'control.gameMusic': 'GAME MUSIC',
|
||||||
|
'control.noSceneAudio': 'No audio in the current scene.',
|
||||||
|
'control.noGameAudio': 'No game audio.',
|
||||||
|
'control.modeAuto': 'Auto',
|
||||||
|
'control.modeManual': 'Manual',
|
||||||
|
'control.once': 'Once',
|
||||||
|
'control.loop': 'Loop',
|
||||||
|
'control.scrubSeek': 'Click to seek',
|
||||||
|
'control.durationUnknown': 'Duration unknown',
|
||||||
|
'control.pauseSceneMusic': 'Paused (scene)',
|
||||||
|
'control.pauseSceneMusicTitle': 'Scene has music',
|
||||||
|
'control.pauseCampaignTitle': 'Paused: scene has music',
|
||||||
|
'control.playFailed': 'Could not start playback.',
|
||||||
|
'control.audioAutoplayBlocked': 'Autoplay was blocked (user gesture required) or playback failed.',
|
||||||
|
'control.audioNoUrl': 'No URL',
|
||||||
|
'control.audioNoUrlDetail': 'Could not get dnd://asset URL for audio.',
|
||||||
|
'control.audioBlocked': 'Error / blocked',
|
||||||
|
'control.audioError': 'Error',
|
||||||
|
'control.audioMediaError': 'MediaError code={code} (1=ABORTED, 2=NETWORK, 3=DECODE, 4=SRC_NOT_SUPPORTED)',
|
||||||
|
'control.audioLoading': 'Loading…',
|
||||||
|
'control.audioPlaying': 'Playing',
|
||||||
|
'control.audioPaused': 'Paused',
|
||||||
|
'control.audioStopped': 'Stopped',
|
||||||
|
'control.previewTrackLabel': 'Preview (no captions)',
|
||||||
|
'control.transportPlay': 'Play',
|
||||||
|
'control.transportPause': 'Pause',
|
||||||
|
'control.transportStop': 'Stop',
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export function translateEditorMessage(
|
||||||
|
locale: EditorLocale,
|
||||||
|
key: string,
|
||||||
|
vars?: Record<string, string | number>,
|
||||||
|
): string {
|
||||||
|
let s = EDITOR_MESSAGES[locale][key] ?? EDITOR_MESSAGES.ru[key] ?? key;
|
||||||
|
if (vars) {
|
||||||
|
for (const [k, v] of Object.entries(vars)) {
|
||||||
|
s = s.split(`{${k}}`).join(String(v));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return s;
|
||||||
|
}
|
||||||
@@ -8,6 +8,7 @@ import { EULA_RU_MARKDOWN } from '../../legal/eulaRu';
|
|||||||
import { getDndApi } from '../../shared/dndApi';
|
import { getDndApi } from '../../shared/dndApi';
|
||||||
import { Button } from '../../shared/ui/controls';
|
import { Button } from '../../shared/ui/controls';
|
||||||
import styles from '../EditorApp.module.css';
|
import styles from '../EditorApp.module.css';
|
||||||
|
import { useEditorI18n } from '../i18n/EditorI18nContext';
|
||||||
|
|
||||||
type LicenseTokenModalProps = {
|
type LicenseTokenModalProps = {
|
||||||
open: boolean;
|
open: boolean;
|
||||||
@@ -16,6 +17,7 @@ type LicenseTokenModalProps = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export function LicenseTokenModal({ open, onClose, onSaved }: LicenseTokenModalProps) {
|
export function LicenseTokenModal({ open, onClose, onSaved }: LicenseTokenModalProps) {
|
||||||
|
const { t } = useEditorI18n();
|
||||||
const [token, setToken] = useState('');
|
const [token, setToken] = useState('');
|
||||||
const [saving, setSaving] = useState(false);
|
const [saving, setSaving] = useState(false);
|
||||||
const [error, setError] = useState<string | null>(null);
|
const [error, setError] = useState<string | null>(null);
|
||||||
@@ -40,28 +42,38 @@ export function LicenseTokenModal({ open, onClose, onSaved }: LicenseTokenModalP
|
|||||||
|
|
||||||
return createPortal(
|
return createPortal(
|
||||||
<>
|
<>
|
||||||
<button type="button" aria-label="Закрыть" onClick={onClose} className={styles.modalBackdrop} />
|
<button
|
||||||
|
type="button"
|
||||||
|
aria-label={t('common.close')}
|
||||||
|
onClick={onClose}
|
||||||
|
className={styles.modalBackdrop}
|
||||||
|
/>
|
||||||
<div role="dialog" aria-modal="true" className={styles.modalDialog}>
|
<div role="dialog" aria-modal="true" className={styles.modalDialog}>
|
||||||
<div className={styles.modalHeader}>
|
<div className={styles.modalHeader}>
|
||||||
<div className={styles.modalTitle}>Указать ключ</div>
|
<div className={styles.modalTitle}>{t('license.tokenTitle')}</div>
|
||||||
<button type="button" aria-label="Закрыть" onClick={onClose} className={styles.modalClose}>
|
<button
|
||||||
|
type="button"
|
||||||
|
aria-label={t('common.close')}
|
||||||
|
onClick={onClose}
|
||||||
|
className={styles.modalClose}
|
||||||
|
>
|
||||||
×
|
×
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.fieldGrid}>
|
<div className={styles.fieldGrid}>
|
||||||
<div className={styles.fieldLabel}>КЛЮЧ</div>
|
<div className={styles.fieldLabel}>{t('license.tokenKey')}</div>
|
||||||
<textarea
|
<textarea
|
||||||
className={styles.licenseTextarea}
|
className={styles.licenseTextarea}
|
||||||
value={token}
|
value={token}
|
||||||
onChange={(e) => setToken(e.target.value)}
|
onChange={(e) => setToken(e.target.value)}
|
||||||
placeholder="Продуктовый ключ DND-..."
|
placeholder={t('license.tokenPlaceholder')}
|
||||||
spellCheck={false}
|
spellCheck={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
{error ? <div className={styles.fieldError}>{error}</div> : null}
|
{error ? <div className={styles.fieldError}>{error}</div> : null}
|
||||||
<div className={styles.modalFooter}>
|
<div className={styles.modalFooter}>
|
||||||
<Button onClick={onClose} disabled={saving}>
|
<Button onClick={onClose} disabled={saving}>
|
||||||
Отмена
|
{t('common.cancel')}
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
variant="primary"
|
variant="primary"
|
||||||
@@ -82,7 +94,7 @@ export function LicenseTokenModal({ open, onClose, onSaved }: LicenseTokenModalP
|
|||||||
})();
|
})();
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Сохранить
|
{t('common.save')}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -98,6 +110,7 @@ type EulaModalProps = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export function EulaModal({ open, onClose, onAccepted }: EulaModalProps) {
|
export function EulaModal({ open, onClose, onAccepted }: EulaModalProps) {
|
||||||
|
const { t, locale } = useEditorI18n();
|
||||||
const [saving, setSaving] = useState(false);
|
const [saving, setSaving] = useState(false);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -113,18 +126,29 @@ export function EulaModal({ open, onClose, onAccepted }: EulaModalProps) {
|
|||||||
|
|
||||||
return createPortal(
|
return createPortal(
|
||||||
<>
|
<>
|
||||||
<button type="button" aria-label="Закрыть" onClick={onClose} className={styles.modalBackdrop} />
|
<button
|
||||||
|
type="button"
|
||||||
|
aria-label={t('common.close')}
|
||||||
|
onClick={onClose}
|
||||||
|
className={styles.modalBackdrop}
|
||||||
|
/>
|
||||||
<div role="dialog" aria-modal="true" className={styles.modalDialog}>
|
<div role="dialog" aria-modal="true" className={styles.modalDialog}>
|
||||||
<div className={styles.modalHeader}>
|
<div className={styles.modalHeader}>
|
||||||
<div className={styles.modalTitle}>Лицензионное соглашение</div>
|
<div className={styles.modalTitle}>{t('license.eulaTitle')}</div>
|
||||||
<button type="button" aria-label="Закрыть" onClick={onClose} className={styles.modalClose}>
|
<button
|
||||||
|
type="button"
|
||||||
|
aria-label={t('common.close')}
|
||||||
|
onClick={onClose}
|
||||||
|
className={styles.modalClose}
|
||||||
|
>
|
||||||
×
|
×
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
{locale === 'en' ? <div className={styles.muted}>{t('license.eulaNoteEn')}</div> : null}
|
||||||
<div className={styles.eulaScroll}>{EULA_RU_MARKDOWN}</div>
|
<div className={styles.eulaScroll}>{EULA_RU_MARKDOWN}</div>
|
||||||
<div className={styles.modalFooter}>
|
<div className={styles.modalFooter}>
|
||||||
<Button onClick={onClose} disabled={saving}>
|
<Button onClick={onClose} disabled={saving}>
|
||||||
Не принимаю
|
{t('license.eulaReject')}
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
variant="primary"
|
variant="primary"
|
||||||
@@ -144,7 +168,7 @@ export function EulaModal({ open, onClose, onAccepted }: EulaModalProps) {
|
|||||||
})();
|
})();
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Принимаю условия
|
{t('license.eulaAccept')}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -159,32 +183,16 @@ type LicenseAboutModalProps = {
|
|||||||
snapshot: LicenseSnapshot | null;
|
snapshot: LicenseSnapshot | null;
|
||||||
};
|
};
|
||||||
|
|
||||||
function reasonLabel(reason: LicenseSnapshot['reason']): string {
|
function licenseReasonLabel(t: (key: string) => string, reason: LicenseSnapshot['reason']): string {
|
||||||
switch (reason) {
|
const key = `license.reason.${reason}`;
|
||||||
case 'ok':
|
const label = t(key);
|
||||||
return 'Активна';
|
return label === key ? reason : label;
|
||||||
case 'none':
|
|
||||||
return 'Ключ не указан';
|
|
||||||
case 'expired':
|
|
||||||
return 'Срок действия истёк';
|
|
||||||
case 'bad_signature':
|
|
||||||
return 'Недействительная подпись';
|
|
||||||
case 'bad_payload':
|
|
||||||
return 'Неверный формат токена';
|
|
||||||
case 'malformed':
|
|
||||||
return 'Повреждённый токен';
|
|
||||||
case 'not_yet_valid':
|
|
||||||
return 'Ещё не действует';
|
|
||||||
case 'wrong_device':
|
|
||||||
return 'Другой привязанный компьютер';
|
|
||||||
case 'revoked_remote':
|
|
||||||
return 'Отозвана на сервере';
|
|
||||||
default:
|
|
||||||
return reason;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function LicenseAboutModal({ open, onClose, snapshot }: LicenseAboutModalProps) {
|
export function LicenseAboutModal({ open, onClose, snapshot }: LicenseAboutModalProps) {
|
||||||
|
const { t, locale } = useEditorI18n();
|
||||||
|
const dateLocale = locale === 'en' ? 'en-US' : 'ru-RU';
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!open) return;
|
if (!open) return;
|
||||||
const onKey = (e: KeyboardEvent) => {
|
const onKey = (e: KeyboardEvent) => {
|
||||||
@@ -198,7 +206,7 @@ export function LicenseAboutModal({ open, onClose, snapshot }: LicenseAboutModal
|
|||||||
|
|
||||||
const expText =
|
const expText =
|
||||||
snapshot?.summary?.exp != null
|
snapshot?.summary?.exp != null
|
||||||
? new Date(snapshot.summary.exp * 1000).toLocaleString('ru-RU', {
|
? new Date(snapshot.summary.exp * 1000).toLocaleString(dateLocale, {
|
||||||
dateStyle: 'long',
|
dateStyle: 'long',
|
||||||
timeStyle: 'short',
|
timeStyle: 'short',
|
||||||
})
|
})
|
||||||
@@ -206,48 +214,54 @@ export function LicenseAboutModal({ open, onClose, snapshot }: LicenseAboutModal
|
|||||||
|
|
||||||
return createPortal(
|
return createPortal(
|
||||||
<>
|
<>
|
||||||
<button type="button" aria-label="Закрыть" onClick={onClose} className={styles.modalBackdrop} />
|
<button
|
||||||
|
type="button"
|
||||||
|
aria-label={t('common.close')}
|
||||||
|
onClick={onClose}
|
||||||
|
className={styles.modalBackdrop}
|
||||||
|
/>
|
||||||
<div role="dialog" aria-modal="true" className={styles.modalDialog}>
|
<div role="dialog" aria-modal="true" className={styles.modalDialog}>
|
||||||
<div className={styles.modalHeader}>
|
<div className={styles.modalHeader}>
|
||||||
<div className={styles.modalTitle}>О лицензии</div>
|
<div className={styles.modalTitle}>{t('license.aboutTitle')}</div>
|
||||||
<button type="button" aria-label="Закрыть" onClick={onClose} className={styles.modalClose}>
|
<button
|
||||||
|
type="button"
|
||||||
|
aria-label={t('common.close')}
|
||||||
|
onClick={onClose}
|
||||||
|
className={styles.modalClose}
|
||||||
|
>
|
||||||
×
|
×
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{snapshot?.devSkip ? (
|
{snapshot?.devSkip ? <div className={styles.fieldError}>{t('license.aboutDevSkip')}</div> : null}
|
||||||
<div className={styles.fieldError}>
|
|
||||||
Режим разработки: проверка лицензии отключена (DND_SKIP_LICENSE).
|
|
||||||
</div>
|
|
||||||
) : null}
|
|
||||||
<div className={styles.fieldGrid}>
|
<div className={styles.fieldGrid}>
|
||||||
<div className={styles.fieldLabel}>СТАТУС</div>
|
<div className={styles.fieldLabel}>{t('license.aboutStatus')}</div>
|
||||||
<div>{snapshot ? reasonLabel(snapshot.reason) : '—'}</div>
|
<div>{snapshot ? licenseReasonLabel(t, snapshot.reason) : '—'}</div>
|
||||||
</div>
|
</div>
|
||||||
{snapshot?.summary ? (
|
{snapshot?.summary ? (
|
||||||
<>
|
<>
|
||||||
<div className={styles.fieldGrid}>
|
<div className={styles.fieldGrid}>
|
||||||
<div className={styles.fieldLabel}>ПРОДУКТ</div>
|
<div className={styles.fieldLabel}>{t('license.aboutProduct')}</div>
|
||||||
<div>{snapshot.summary.pid}</div>
|
<div>{snapshot.summary.pid}</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.fieldGrid}>
|
<div className={styles.fieldGrid}>
|
||||||
<div className={styles.fieldLabel}>ID ЛИЦЕНЗИИ</div>
|
<div className={styles.fieldLabel}>{t('license.aboutLicenseId')}</div>
|
||||||
<div style={{ wordBreak: 'break-all' }}>{snapshot.summary.sub}</div>
|
<div style={{ wordBreak: 'break-all' }}>{snapshot.summary.sub}</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.fieldGrid}>
|
<div className={styles.fieldGrid}>
|
||||||
<div className={styles.fieldLabel}>ОКОНЧАНИЕ</div>
|
<div className={styles.fieldLabel}>{t('license.aboutExpiry')}</div>
|
||||||
<div>{expText}</div>
|
<div>{expText}</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.fieldGrid}>
|
<div className={styles.fieldGrid}>
|
||||||
<div className={styles.fieldLabel}>УСТРОЙСТВО</div>
|
<div className={styles.fieldLabel}>{t('license.aboutDevice')}</div>
|
||||||
<div style={{ wordBreak: 'break-all' }}>{snapshot.deviceId}</div>
|
<div style={{ wordBreak: 'break-all' }}>{snapshot.deviceId}</div>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<div className={styles.muted}>Нет данных лицензии.</div>
|
<div className={styles.muted}>{t('license.aboutNoData')}</div>
|
||||||
)}
|
)}
|
||||||
<div className={styles.modalFooter}>
|
<div className={styles.modalFooter}>
|
||||||
<Button variant="primary" onClick={onClose}>
|
<Button variant="primary" onClick={onClose}>
|
||||||
Закрыть
|
{t('common.close')}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ import { createRoot } from 'react-dom/client';
|
|||||||
|
|
||||||
import '../shared/ui/globals.css';
|
import '../shared/ui/globals.css';
|
||||||
import { EditorApp } from './EditorApp';
|
import { EditorApp } from './EditorApp';
|
||||||
|
import { EditorI18nProvider } from './i18n/EditorI18nContext';
|
||||||
|
|
||||||
const rootEl = document.getElementById('root');
|
const rootEl = document.getElementById('root');
|
||||||
if (!rootEl) {
|
if (!rootEl) {
|
||||||
@@ -11,6 +12,8 @@ if (!rootEl) {
|
|||||||
|
|
||||||
createRoot(rootEl).render(
|
createRoot(rootEl).render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
<EditorApp />
|
<EditorI18nProvider>
|
||||||
|
<EditorApp />
|
||||||
|
</EditorI18nProvider>
|
||||||
</React.StrictMode>,
|
</React.StrictMode>,
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ const here = path.dirname(fileURLToPath(import.meta.url));
|
|||||||
void test('projectState: list/get after delete invalidates in-flight initial load (epoch guard)', () => {
|
void test('projectState: list/get after delete invalidates in-flight initial load (epoch guard)', () => {
|
||||||
const src = fs.readFileSync(path.join(here, 'projectState.ts'), 'utf8');
|
const src = fs.readFileSync(path.join(here, 'projectState.ts'), 'utf8');
|
||||||
assert.match(src, /projectDataEpochRef/);
|
assert.match(src, /projectDataEpochRef/);
|
||||||
assert.match(src, /const epoch = projectDataEpochRef\.current/);
|
assert.match(src, /const epoch = \+\+projectDataEpochRef\.current/);
|
||||||
assert.match(src, /if \(projectDataEpochRef\.current !== epoch\) return/);
|
assert.match(src, /if \(projectDataEpochRef\.current !== epoch\) return/);
|
||||||
assert.match(
|
assert.match(
|
||||||
src,
|
src,
|
||||||
@@ -21,3 +21,8 @@ void test('projectState: list/get after delete invalidates in-flight initial loa
|
|||||||
);
|
);
|
||||||
assert.match(src, /const refreshProjects = async \(\) => \{[\s\S]+?projectDataEpochRef\.current \+= 1/);
|
assert.match(src, /const refreshProjects = async \(\) => \{[\s\S]+?projectDataEpochRef\.current \+= 1/);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
void test('ipc router: project.list does not require license', () => {
|
||||||
|
const routerSrc = fs.readFileSync(path.join(here, '..', '..', '..', 'main', 'ipc', 'router.ts'), 'utf8');
|
||||||
|
assert.match(routerSrc, /if \(channel === ipcChannels\.project\.list\) return false/);
|
||||||
|
});
|
||||||
|
|||||||
@@ -58,8 +58,18 @@ function randomId(prefix: string): string {
|
|||||||
return `${prefix}_${Math.random().toString(16).slice(2)}_${Date.now().toString(16)}`;
|
return `${prefix}_${Math.random().toString(16).slice(2)}_${Date.now().toString(16)}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function useProjectState(licenseActive: boolean): readonly [State, Actions] {
|
export type ProjectNoticeCode = 'campaign_audio_empty';
|
||||||
|
|
||||||
|
export type ProjectStateOpts = {
|
||||||
|
onNotice?: (code: ProjectNoticeCode) => void;
|
||||||
|
};
|
||||||
|
|
||||||
|
export function useProjectState(licenseActive: boolean, opts?: ProjectStateOpts): readonly [State, Actions] {
|
||||||
const api = getDndApi();
|
const api = getDndApi();
|
||||||
|
const onNoticeRef = useRef(opts?.onNotice);
|
||||||
|
useEffect(() => {
|
||||||
|
onNoticeRef.current = opts?.onNotice;
|
||||||
|
}, [opts?.onNotice]);
|
||||||
const [state, setState] = useState<State>({
|
const [state, setState] = useState<State>({
|
||||||
projects: [],
|
projects: [],
|
||||||
project: null,
|
project: null,
|
||||||
@@ -131,7 +141,7 @@ export function useProjectState(licenseActive: boolean): readonly [State, Action
|
|||||||
|
|
||||||
const closeProject = async () => {
|
const closeProject = async () => {
|
||||||
setState((s) => ({ ...s, project: null, selectedSceneId: null }));
|
setState((s) => ({ ...s, project: null, selectedSceneId: null }));
|
||||||
if (licenseActive) await refreshProjects();
|
await refreshProjects();
|
||||||
};
|
};
|
||||||
|
|
||||||
const createScene = async () => {
|
const createScene = async () => {
|
||||||
@@ -180,7 +190,7 @@ export function useProjectState(licenseActive: boolean): readonly [State, Action
|
|||||||
const res = await api.invoke(ipcChannels.project.importCampaignAudio, {});
|
const res = await api.invoke(ipcChannels.project.importCampaignAudio, {});
|
||||||
if (res.canceled) return;
|
if (res.canceled) return;
|
||||||
if (res.imported.length === 0) {
|
if (res.imported.length === 0) {
|
||||||
window.alert('Аудио не добавлено. Проверьте формат файла.');
|
onNoticeRef.current?.('campaign_audio_empty');
|
||||||
}
|
}
|
||||||
setState((s) => ({ ...s, project: res.project }));
|
setState((s) => ({ ...s, project: res.project }));
|
||||||
await refreshProjects();
|
await refreshProjects();
|
||||||
@@ -385,24 +395,37 @@ export function useProjectState(licenseActive: boolean): readonly [State, Action
|
|||||||
exportProject,
|
exportProject,
|
||||||
deleteProject,
|
deleteProject,
|
||||||
};
|
};
|
||||||
}, [api, licenseActive]);
|
}, [api]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!licenseActive) {
|
const epoch = ++projectDataEpochRef.current;
|
||||||
queueMicrotask(() => {
|
|
||||||
projectDataEpochRef.current += 1;
|
|
||||||
setState({ projects: [], project: null, selectedSceneId: null, zipProgress: null });
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
void (async () => {
|
void (async () => {
|
||||||
const epoch = projectDataEpochRef.current;
|
try {
|
||||||
const listRes = await api.invoke(ipcChannels.project.list, {});
|
const listRes = await api.invoke(ipcChannels.project.list, {});
|
||||||
if (projectDataEpochRef.current !== epoch) return;
|
if (projectDataEpochRef.current !== epoch) return;
|
||||||
setState((s) => ({ ...s, projects: listRes.projects }));
|
if (!licenseActive) {
|
||||||
const res = await api.invoke(ipcChannels.project.get, {});
|
setState((s) => ({
|
||||||
if (projectDataEpochRef.current !== epoch) return;
|
...s,
|
||||||
setState((s) => ({ ...s, project: res.project, selectedSceneId: res.project?.currentSceneId ?? null }));
|
projects: listRes.projects,
|
||||||
|
project: null,
|
||||||
|
selectedSceneId: null,
|
||||||
|
}));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setState((s) => ({ ...s, projects: listRes.projects }));
|
||||||
|
const res = await api.invoke(ipcChannels.project.get, {});
|
||||||
|
if (projectDataEpochRef.current !== epoch) return;
|
||||||
|
setState((s) => ({
|
||||||
|
...s,
|
||||||
|
project: res.project,
|
||||||
|
selectedSceneId: res.project?.currentSceneId ?? null,
|
||||||
|
}));
|
||||||
|
} catch {
|
||||||
|
if (projectDataEpochRef.current !== epoch) return;
|
||||||
|
if (!licenseActive) {
|
||||||
|
setState((s) => ({ ...s, project: null, selectedSceneId: null }));
|
||||||
|
}
|
||||||
|
}
|
||||||
})();
|
})();
|
||||||
}, [licenseActive, api]);
|
}, [licenseActive, api]);
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
||||||
|
|
||||||
import styles from './RotatedImage.module.css';
|
import styles from './RotatedImage.module.css';
|
||||||
|
|
||||||
@@ -24,13 +24,15 @@ function useElementSize<T extends HTMLElement>() {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const el = ref.current;
|
const el = ref.current;
|
||||||
if (!el) return;
|
if (!el) return;
|
||||||
|
// clientWidth/Height — локальная вёрстка; getBoundingClientRect учитывает transform предков (React Flow zoom).
|
||||||
|
const readLayoutSize = () => {
|
||||||
|
setSize({ w: el.clientWidth, h: el.clientHeight });
|
||||||
|
};
|
||||||
const ro = new ResizeObserver(() => {
|
const ro = new ResizeObserver(() => {
|
||||||
const r = el.getBoundingClientRect();
|
readLayoutSize();
|
||||||
setSize({ w: r.width, h: r.height });
|
|
||||||
});
|
});
|
||||||
ro.observe(el);
|
ro.observe(el);
|
||||||
const r = el.getBoundingClientRect();
|
readLayoutSize();
|
||||||
setSize({ w: r.width, h: r.height });
|
|
||||||
return () => ro.disconnect();
|
return () => ro.disconnect();
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
@@ -49,18 +51,19 @@ export function RotatedImage({
|
|||||||
}: RotatedImageProps) {
|
}: RotatedImageProps) {
|
||||||
const [ref, size] = useElementSize<HTMLDivElement>();
|
const [ref, size] = useElementSize<HTMLDivElement>();
|
||||||
const [imgSize, setImgSize] = useState<{ w: number; h: number } | null>(null);
|
const [imgSize, setImgSize] = useState<{ w: number; h: number } | null>(null);
|
||||||
|
const imgRef = useRef<HTMLImageElement | null>(null);
|
||||||
|
|
||||||
useEffect(() => {
|
useLayoutEffect(() => {
|
||||||
let cancelled = false;
|
// If the image is served from cache, onLoad may fire before listeners attach.
|
||||||
const img = new Image();
|
// Reading from the <img> element itself is the most reliable source.
|
||||||
img.onload = () => {
|
const el = imgRef.current;
|
||||||
if (cancelled) return;
|
if (!el) return;
|
||||||
setImgSize({ w: img.naturalWidth || 1, h: img.naturalHeight || 1 });
|
if (!el.complete) return;
|
||||||
};
|
const w0 = el.naturalWidth || 0;
|
||||||
img.src = url;
|
const h0 = el.naturalHeight || 0;
|
||||||
return () => {
|
if (w0 <= 0 || h0 <= 0) return;
|
||||||
cancelled = true;
|
// eslint-disable-next-line react-hooks/set-state-in-effect, @typescript-eslint/prefer-optional-chain -- read cached <img> dimensions when onLoad may not fire
|
||||||
};
|
setImgSize((prev) => (prev && prev.w === w0 && prev.h === h0 ? prev : { w: w0, h: h0 }));
|
||||||
}, [url]);
|
}, [url]);
|
||||||
|
|
||||||
const scale = useMemo(() => {
|
const scale = useMemo(() => {
|
||||||
@@ -93,11 +96,23 @@ export function RotatedImage({
|
|||||||
return (
|
return (
|
||||||
<div ref={ref} className={styles.root} style={style}>
|
<div ref={ref} className={styles.root} style={style}>
|
||||||
<img
|
<img
|
||||||
|
ref={imgRef}
|
||||||
alt={alt}
|
alt={alt}
|
||||||
src={url}
|
src={url}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
decoding={decoding}
|
decoding={decoding}
|
||||||
className={styles.img}
|
className={styles.img}
|
||||||
|
onLoad={(e) => {
|
||||||
|
const el = e.currentTarget;
|
||||||
|
const w0 = el.naturalWidth || 0;
|
||||||
|
const h0 = el.naturalHeight || 0;
|
||||||
|
if (w0 <= 0 || h0 <= 0) return;
|
||||||
|
setImgSize((prev) => {
|
||||||
|
// eslint-disable-next-line @typescript-eslint/prefer-optional-chain -- rule can misfire on React state unions
|
||||||
|
if (prev && prev.w === w0 && prev.h === h0) return prev;
|
||||||
|
return { w: w0, h: h0 };
|
||||||
|
});
|
||||||
|
}}
|
||||||
style={{
|
style={{
|
||||||
width: w ?? '100%',
|
width: w ?? '100%',
|
||||||
height: h ?? '100%',
|
height: h ?? '100%',
|
||||||
|
|||||||
@@ -18,6 +18,10 @@ export const ipcChannels = {
|
|||||||
quit: 'app.quit',
|
quit: 'app.quit',
|
||||||
getVersion: 'app.getVersion',
|
getVersion: 'app.getVersion',
|
||||||
},
|
},
|
||||||
|
updater: {
|
||||||
|
check: 'updater.check',
|
||||||
|
downloadAndRestart: 'updater.downloadAndRestart',
|
||||||
|
},
|
||||||
project: {
|
project: {
|
||||||
list: 'project.list',
|
list: 'project.list',
|
||||||
create: 'project.create',
|
create: 'project.create',
|
||||||
@@ -52,6 +56,8 @@ export const ipcChannels = {
|
|||||||
openMultiWindow: 'windows.openMultiWindow',
|
openMultiWindow: 'windows.openMultiWindow',
|
||||||
closeMultiWindow: 'windows.closeMultiWindow',
|
closeMultiWindow: 'windows.closeMultiWindow',
|
||||||
togglePresentationFullscreen: 'windows.togglePresentationFullscreen',
|
togglePresentationFullscreen: 'windows.togglePresentationFullscreen',
|
||||||
|
getMultiWindowState: 'windows.getMultiWindowState',
|
||||||
|
multiWindowStateChanged: 'windows.multiWindowStateChanged',
|
||||||
},
|
},
|
||||||
session: {
|
session: {
|
||||||
stateChanged: 'session.stateChanged',
|
stateChanged: 'session.stateChanged',
|
||||||
@@ -82,11 +88,21 @@ export type ZipProgressEvent = {
|
|||||||
detail?: string;
|
detail?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type UpdaterCheckResponse =
|
||||||
|
| { outcome: 'not_packaged' }
|
||||||
|
| { outcome: 'no_license' }
|
||||||
|
| { outcome: 'current'; currentVersion: string }
|
||||||
|
| { outcome: 'available'; version: string }
|
||||||
|
| { outcome: 'error'; message: string };
|
||||||
|
|
||||||
|
export type UpdaterDownloadResponse = { ok: true } | { ok: false; message: string };
|
||||||
|
|
||||||
export type IpcEventMap = {
|
export type IpcEventMap = {
|
||||||
[ipcChannels.session.stateChanged]: { state: SessionState };
|
[ipcChannels.session.stateChanged]: { state: SessionState };
|
||||||
[ipcChannels.effects.stateChanged]: { state: EffectsState };
|
[ipcChannels.effects.stateChanged]: { state: EffectsState };
|
||||||
[ipcChannels.video.stateChanged]: { state: VideoPlaybackState };
|
[ipcChannels.video.stateChanged]: { state: VideoPlaybackState };
|
||||||
[ipcChannels.license.statusChanged]: { snapshot: LicenseSnapshot };
|
[ipcChannels.license.statusChanged]: { snapshot: LicenseSnapshot };
|
||||||
|
[ipcChannels.windows.multiWindowStateChanged]: { open: boolean };
|
||||||
[ipcChannels.project.importZipProgress]: ZipProgressEvent;
|
[ipcChannels.project.importZipProgress]: ZipProgressEvent;
|
||||||
[ipcChannels.project.exportZipProgress]: ZipProgressEvent;
|
[ipcChannels.project.exportZipProgress]: ZipProgressEvent;
|
||||||
};
|
};
|
||||||
@@ -98,7 +114,15 @@ export type IpcInvokeMap = {
|
|||||||
};
|
};
|
||||||
[ipcChannels.app.getVersion]: {
|
[ipcChannels.app.getVersion]: {
|
||||||
req: Record<string, never>;
|
req: Record<string, never>;
|
||||||
res: { version: string; buildNumber: string | null };
|
res: { version: string; buildNumber: string | null; packaged: boolean };
|
||||||
|
};
|
||||||
|
[ipcChannels.updater.check]: {
|
||||||
|
req: Record<string, never>;
|
||||||
|
res: UpdaterCheckResponse;
|
||||||
|
};
|
||||||
|
[ipcChannels.updater.downloadAndRestart]: {
|
||||||
|
req: Record<string, never>;
|
||||||
|
res: UpdaterDownloadResponse;
|
||||||
};
|
};
|
||||||
[ipcChannels.project.list]: {
|
[ipcChannels.project.list]: {
|
||||||
req: Record<string, never>;
|
req: Record<string, never>;
|
||||||
@@ -216,6 +240,10 @@ export type IpcInvokeMap = {
|
|||||||
req: Record<string, never>;
|
req: Record<string, never>;
|
||||||
res: { ok: true; isFullScreen: boolean };
|
res: { ok: true; isFullScreen: boolean };
|
||||||
};
|
};
|
||||||
|
[ipcChannels.windows.getMultiWindowState]: {
|
||||||
|
req: Record<string, never>;
|
||||||
|
res: { open: boolean };
|
||||||
|
};
|
||||||
[ipcChannels.effects.getState]: {
|
[ipcChannels.effects.getState]: {
|
||||||
req: Record<string, never>;
|
req: Record<string, never>;
|
||||||
res: { state: EffectsState };
|
res: { state: EffectsState };
|
||||||
|
|||||||
@@ -0,0 +1,417 @@
|
|||||||
|
# Автообновление через Gitea (приватный код + публичный feed)
|
||||||
|
|
||||||
|
Исходники остаются в **закрытом** репозитории с игрой. Файлы обновлений (`latest.yml`, установщики) лежат в **отдельном публичном** репозитории — по HTTPS их скачивает `electron-updater`.
|
||||||
|
|
||||||
|
## Твой публичный репозиторий (уже есть)
|
||||||
|
|
||||||
|
- Клон: `https://git.mailib.ru/ifontosh/DndGamePlayerUpdates.git`
|
||||||
|
- Владелец/репо для секретов: **`ifontosh/DndGamePlayerUpdates`**
|
||||||
|
- Базовый URL feed (вшивается в сборку и должен совпадать с secret **`DND_UPDATE_FEED_URL`**):
|
||||||
|
|
||||||
|
**`https://git.mailib.ru/ifontosh/DndGamePlayerUpdates/raw/branch/updates/`**
|
||||||
|
|
||||||
|
Обрати внимание: слово **`branch`** в пути — это часть URL Gitea, не имя ветки. Имя ветки — в конце: **`updates`**.
|
||||||
|
|
||||||
|
В `package.json` уже указан этот же `build.publish.url` (для локального `npm run pack` и метаданных electron-builder).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 0 — репозиторий сейчас пустой (важно)
|
||||||
|
|
||||||
|
На странице репо написано, что **контента нет**. Пока нет **ни одного коммита**, CI не сможет сделать `git clone`.
|
||||||
|
|
||||||
|
Сделай так (любой способ):
|
||||||
|
|
||||||
|
1. На сайте открой `ifontosh/DndGamePlayerUpdates` → кнопка вроде **«Инициализировать репозиторий»** / **«Добавить файл»** → создай файл `README.md` с парой строк и закоммить **в ветку по умолчанию** (часто `main`).
|
||||||
|
2. Либо с компьютера:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
git clone https://git.mailib.ru/ifontosh/DndGamePlayerUpdates.git
|
||||||
|
cd DndGamePlayerUpdates
|
||||||
|
echo "# DndGamePlayer updates feed" > README.md
|
||||||
|
git add README.md
|
||||||
|
git commit -m "init"
|
||||||
|
git push origin main
|
||||||
|
```
|
||||||
|
|
||||||
|
(Если ветка по умолчанию у тебя `master` — подставь её вместо `main`.)
|
||||||
|
|
||||||
|
После этого репозиторий **не пустой** — workflow сможет клонировать и создать ветку **`updates`**.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 1 — токен для записи в публичный репозиторий
|
||||||
|
|
||||||
|
Нужен **персональный токен** (PAT), с которым CI сможет **пушить** в `DndGamePlayerUpdates`.
|
||||||
|
|
||||||
|
В Gitea на русском обычно так (названия могут чуть отличаться в твоей теме):
|
||||||
|
|
||||||
|
1. Вверху справа **аватар** → **Настройки** (или «Параметры»).
|
||||||
|
2. Слева найди раздел вроде **«Приложения»** / **«Токены доступа»** / **«Токены»** (в англ. интерфейсе: **Settings → Applications → Generate New Token**).
|
||||||
|
3. Создай новый токен:
|
||||||
|
- имя: например `dnd-release-ci`;
|
||||||
|
- права: достаточно доступа к репозиторию с **записью** (для пуша в `DndGamePlayerUpdates`). Если есть галочки — включи что-то вроде **«Запись в репозиторий»** / **write:repository** / полный доступ к репо.
|
||||||
|
4. **Скопируй токен один раз** и сохрани в менеджере паролей — потом Gitea его не покажет.
|
||||||
|
|
||||||
|
Этот токен пойдёт в secret **`DND_UPDATES_PUSH_TOKEN`** (см. ниже). **Не вставляй токен в код и не коммить его.**
|
||||||
|
|
||||||
|
> На **git.mailib.ru** имена секретов **не могут начинаться с `GITEA_`** (зарезервировано). Поэтому в workflow используются `DND_UPDATES_*`, а не `GITEA_*`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 2 — секреты в приватном репозитории с кодом (`dnd_player`)
|
||||||
|
|
||||||
|
Открой **приватный** репозиторий, где лежит исходник игры (не `DndGamePlayerUpdates`).
|
||||||
|
|
||||||
|
Дальше (русский Gitea 1.26, ориентир по меню):
|
||||||
|
|
||||||
|
1. Вкладка **«Настройки»** репозитория (вверху рядом с «Код», «Задачи» — иногда шестерёнка **«Настройки»**).
|
||||||
|
2. Слева раздел **«Секреты»** / **«Действия»** → **«Секреты»** (в англ. UI: **Settings → Actions → Secrets**). Если видишь **«Переменные»** — секреты обычно рядом; нам нужны именно **секреты** (скрытые значения).
|
||||||
|
|
||||||
|
Добавь **четыре** секрета (имя **точно** как в таблице — workflow их читает):
|
||||||
|
|
||||||
|
| Имя секрета | Что вписать в значение |
|
||||||
|
| ------------------------ | -------------------------------------------------------------------------------------------------------- |
|
||||||
|
| `DND_UPDATE_FEED_URL` | `https://git.mailib.ru/ifontosh/DndGamePlayerUpdates/raw/branch/updates/` (обязательно **слэш в конце**) |
|
||||||
|
| `DND_UPDATES_SERVER` | `https://git.mailib.ru` (**без** слэша в конце) |
|
||||||
|
| `UPDATES_REPO` | `ifontosh/DndGamePlayerUpdates` |
|
||||||
|
| `DND_UPDATES_PUSH_TOKEN` | токен из шага 1 (одна длинная строка) |
|
||||||
|
|
||||||
|
Сохрани каждый секрет кнопкой вроде **«Сохранить»** / **«Добавить»**.
|
||||||
|
|
||||||
|
Если раньше создавал секреты `GITEA_SERVER` / `GITEA_TOKEN` — их workflow **не читает**; удали или оставь, но **обязательно** заведи новые имена из таблицы.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Раннер act_runner — без этого «Всего: 0» и сборки не будет
|
||||||
|
|
||||||
|
Gitea **не запускает** workflow на своём процессе: нужна **отдельная машина** (VPS, сервер или **WSL2 Ubuntu** на твоём ПК), на которой крутится **[act_runner](https://docs.gitea.com/usage/actions/act-runner)** и которая видит `git.mailib.ru` по сети.
|
||||||
|
|
||||||
|
Пока в **«Настройки» → «Действия» → «Раннеры»** написано **«Всего: 0»**, workflow **висит в ожидании** — нечему выполнять шаги.
|
||||||
|
|
||||||
|
### Важно: это не тот токен, что для пуша в `DndGamePlayerUpdates`
|
||||||
|
|
||||||
|
| Токен | Где взять | Зачем |
|
||||||
|
| --------------------------------------------------- | -------------------------------------------------------------------------- | ----------------------------------------------------------------------------- |
|
||||||
|
| **Регистрация раннера** (короткая случайная строка) | **Настройки репо** → **Действия** → **Раннеры** → **Создать новый раннер** | Только для команды **`act_runner register`** (один раз на каталог с раннером) |
|
||||||
|
| **`DND_UPDATES_PUSH_TOKEN`** (PAT) | **Аватар** → **Настройки пользователя** → токены доступа | Для CI: пуш в публичный репо обновлений (см. шаг 1 выше) |
|
||||||
|
|
||||||
|
Если Gitea показала **только длинную строку** — это почти наверняка **токен регистрации раннера**. URL инстанса ты знаешь сам: **`https://git.mailib.ru`** (без пути к репозиторию).
|
||||||
|
|
||||||
|
### Требования к машине под наш `release.yml`
|
||||||
|
|
||||||
|
В workflow для job **`ubuntu-22.04`** идут **`sudo apt-get`** (пакеты **`nsis`**, **`wine64`**) на **Linux**. Multiarch **i386** намеренно не включается — на Debian с репозиториями только под amd64 (nginx, sury и т.п.) установка **wine32** часто падает с «unmet dependencies». После установки **`wine64`** в CI создаётся скрипт **`/usr/local/bin/wine`** с **`exec` по полному пути** к **`wine64`** (в job у act_runner иногда пустой/урезанный `PATH`, тогда имя `wine64` без пути не находится). electron-builder проверяет именно команду **`wine`** в `PATH`. Поэтому:
|
||||||
|
|
||||||
|
- Нужен **Linux x86_64** (идеально **Ubuntu 22.04**), либо **WSL2** с Ubuntu 22.04 на Windows.
|
||||||
|
- Запускать раннер на «голом» Windows с меткой `ubuntu-22.04` **бессмысленно** — шаги с `apt` не выполнятся.
|
||||||
|
|
||||||
|
### Шаг A — получить токен регистрации в Gitea
|
||||||
|
|
||||||
|
1. Открой репозиторий с кодом (**DndGamePlayer** или как он у тебя называется).
|
||||||
|
2. **Настройки** → **Действия** → **Раннеры** → **Создать новый раннер**.
|
||||||
|
3. Выбери тип **репозитория** (repository runner), ОС **Linux**.
|
||||||
|
4. **Скопируй токен** (и при желании подсказку с URL инстанса, если она есть). Команду из мастера можно **не копировать**, если ниже удобнее готовая.
|
||||||
|
|
||||||
|
### Шаг B — скачать act_runner (бинарник)
|
||||||
|
|
||||||
|
Официальные сборки: **[релизы act_runner на gitea.com](https://gitea.com/gitea/act_runner/releases)**.
|
||||||
|
|
||||||
|
1. Открой страницу релизов и посмотри **последний стабильный** тег, например **`v1.0.2`**.
|
||||||
|
2. В списке файлов скачай **`gitea-runner-ВЕРСИЯ-linux-amd64`** — это один исполняемый файл **без** расширения `.zip` (не путай с `darwin` / `arm64`, если у тебя обычный ПК/сервер Intel/AMD).
|
||||||
|
|
||||||
|
**Прямая ссылка (подставь свою версию из релиза):**
|
||||||
|
|
||||||
|
`https://gitea.com/gitea/act_runner/releases/download/v1.0.2/gitea-runner-1.0.2-linux-amd64`
|
||||||
|
|
||||||
|
В URL после `download/` идёт тег с **`v`**, в имени файла версия **без `v`**.
|
||||||
|
|
||||||
|
**Скачать с Linux/WSL одной командой** (замени `1.0.2` на актуальную версию с сайта):
|
||||||
|
|
||||||
|
```bash
|
||||||
|
mkdir -p ~/gitea-act-runner && cd ~/gitea-act-runner
|
||||||
|
VERSION="1.0.2"
|
||||||
|
curl -fL -o act_runner "https://gitea.com/gitea/act_runner/releases/download/v${VERSION}/gitea-runner-${VERSION}-linux-amd64"
|
||||||
|
chmod +x act_runner
|
||||||
|
./act_runner --version
|
||||||
|
```
|
||||||
|
|
||||||
|
Если `curl` ругается на сертификат — обнови CA или скачай тот же файл через браузер и положи в папку, затем `chmod +x`.
|
||||||
|
|
||||||
|
### Шаг C — регистрация (подставь свой токен)
|
||||||
|
|
||||||
|
В каталоге, где лежит `act_runner`, выполни **одну** команду (токен — тот, что выдала Gitea при создании раннера):
|
||||||
|
|
||||||
|
```bash
|
||||||
|
cd ~/gitea-act-runner
|
||||||
|
|
||||||
|
./act_runner register --no-interactive \
|
||||||
|
--instance "https://git.mailib.ru" \
|
||||||
|
--token "ВСТАВЬ_СЮДА_ТОКЕН_ИЗ_МАСТЕРА_GITEA" \
|
||||||
|
--name "dnd-release-runner" \
|
||||||
|
--labels "ubuntu-22.04:host"
|
||||||
|
```
|
||||||
|
|
||||||
|
Пояснения:
|
||||||
|
|
||||||
|
- **`--instance`** — корень твоего Gitea (**без** `/ifontosh/...`).
|
||||||
|
- **`--labels "ubuntu-22.04:host"`** — job в **`.gitea/workflows/release.yml`** имеет `runs-on: ubuntu-22.04`, а **`:host`** означает выполнение **на самой машине**, с настоящим `apt` и Wine (см. [документацию по меткам](https://docs.gitea.com/usage/actions/act-runner#labels)). Если при регистрации оставить **дефолтные** метки с **`docker://`**, шаги тоже могут сработать, но образ другой; для предсказуемости лучше **`ubuntu-22.04:host`** на чистой Ubuntu 22.04.
|
||||||
|
- После успешной регистрации в этой папке появится файл **`.runner`** — его не удаляй и не коммить.
|
||||||
|
|
||||||
|
Если Gitea пишет ошибку регистрации — часто неверный **токен** (устарел после «сброса» в UI) или выбран не тот уровень (инстанс/организация/репозиторий). Создай раннера заново и возьми **новый** токен.
|
||||||
|
|
||||||
|
### Шаг D — запуск вручную (для проверки)
|
||||||
|
|
||||||
|
В той же папке:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
./act_runner daemon
|
||||||
|
```
|
||||||
|
|
||||||
|
Окно терминала должно остаться **открытым**. Остановка — `Ctrl+C`. Когда убедишься, что в Gitea раннер **online**, лучше перейти на **systemd** (шаг ниже).
|
||||||
|
|
||||||
|
### Шаг D1 — systemd: автозапуск после перезагрузки (подробно)
|
||||||
|
|
||||||
|
Идея: **systemd** сам поднимает `act_runner daemon` при загрузке системы и перезапускает процесс при падении. Рабочая директория должна быть **та же**, где лежат **`act_runner`** и зарегистрированный файл **`.runner`** (обычно `~/gitea-act-runner`).
|
||||||
|
|
||||||
|
#### 0) Подготовка
|
||||||
|
|
||||||
|
1. Регистрация (**шаг C**) уже выполнена, в каталоге есть **`.runner`**.
|
||||||
|
2. Узнай **точный путь** к каталогу (systemd не понимает `~`):
|
||||||
|
|
||||||
|
```bash
|
||||||
|
cd ~/gitea-act-runner && pwd
|
||||||
|
```
|
||||||
|
|
||||||
|
Запомни вывод, например **`/home/ivan/gitea-act-runner`**. Имя пользователя Linux:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
whoami
|
||||||
|
```
|
||||||
|
|
||||||
|
Дальше в примерах: **`/home/ivan/gitea-act-runner`** и пользователь **`ivan`** — замени на свои.
|
||||||
|
|
||||||
|
#### 1) Останови ручной запуск
|
||||||
|
|
||||||
|
Если где-то в терминале уже крутится `./act_runner daemon` — заверши **Ctrl+C**, иначе два процесса будут мешать друг другу.
|
||||||
|
|
||||||
|
#### 2) Создай unit-файл службы
|
||||||
|
|
||||||
|
На **VPS / обычной Ubuntu** с правами root:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
sudo nano /etc/systemd/system/gitea-act-runner.service
|
||||||
|
```
|
||||||
|
|
||||||
|
Вставь текст **целиком** (подставь свои `User`, `Group`, `WorkingDirectory`, `ExecStart`):
|
||||||
|
|
||||||
|
```ini
|
||||||
|
[Unit]
|
||||||
|
Description=Gitea Actions act_runner
|
||||||
|
Documentation=https://docs.gitea.com/usage/actions/act-runner
|
||||||
|
After=network-online.target
|
||||||
|
Wants=network-online.target
|
||||||
|
|
||||||
|
[Service]
|
||||||
|
Type=simple
|
||||||
|
User=ivan
|
||||||
|
Group=ivan
|
||||||
|
WorkingDirectory=/home/ivan/gitea-act-runner
|
||||||
|
ExecStart=/home/ivan/gitea-act-runner/act_runner daemon
|
||||||
|
Restart=always
|
||||||
|
RestartSec=10
|
||||||
|
|
||||||
|
# Логи в journald (см. ниже как читать)
|
||||||
|
StandardOutput=journal
|
||||||
|
StandardError=journal
|
||||||
|
|
||||||
|
[Install]
|
||||||
|
WantedBy=multi-user.target
|
||||||
|
```
|
||||||
|
|
||||||
|
Сохрани файл: в **nano** — **Ctrl+O**, Enter, **Ctrl+X**.
|
||||||
|
|
||||||
|
Пояснения:
|
||||||
|
|
||||||
|
- **`User` / `Group`** — под этим пользователем ты делал `register` и владеешь папкой (проверка: `ls -la ~/gitea-act-runner` — владелец должен совпадать).
|
||||||
|
- **`WorkingDirectory`** — каталог с **`.runner`**; без него раннер может не найти регистрацию.
|
||||||
|
- **`ExecStart`** — полный путь к бинарнику **`act_runner`** (тот, что скачал и сделал `chmod +x`).
|
||||||
|
- Блок **`After=network-online.target`** — старт после сети (удобно для `git`/`npm` в CI). Если вдруг зависнет старт из‑за сетевого таргета, можно временно заменить на **`After=network.target`**.
|
||||||
|
|
||||||
|
Официальный пример с отдельным пользователем `act_runner` и `config.yaml`: [Start the runner with Systemd](https://docs.gitea.com/usage/actions/act-runner#start-the-runner-with-systemd) — у нас проще: один пользователь и без отдельного `config.yaml`, пока дефолты устраивают.
|
||||||
|
|
||||||
|
#### 3) Включи и запусти службу
|
||||||
|
|
||||||
|
```bash
|
||||||
|
sudo systemctl daemon-reload
|
||||||
|
sudo systemctl enable gitea-act-runner.service
|
||||||
|
sudo systemctl start gitea-act-runner.service
|
||||||
|
sudo systemctl status gitea-act-runner.service
|
||||||
|
```
|
||||||
|
|
||||||
|
В **`status`** должно быть **`active (running)`** зелёным. Если **`failed`** — смотри лог (шаг 5).
|
||||||
|
|
||||||
|
Полезные команды:
|
||||||
|
|
||||||
|
| Действие | Команда |
|
||||||
|
| --------------------- | ------------------------------------------------------------- |
|
||||||
|
| Остановить | `sudo systemctl stop gitea-act-runner` |
|
||||||
|
| Запустить снова | `sudo systemctl start gitea-act-runner` |
|
||||||
|
| Перезапуск | `sudo systemctl restart gitea-act-runner` |
|
||||||
|
| Выключить автозапуск | `sudo systemctl disable gitea-act-runner` |
|
||||||
|
| Проверка после ребута | перезагрузи машину, затем `systemctl status gitea-act-runner` |
|
||||||
|
|
||||||
|
#### 4) Проверка в Gitea
|
||||||
|
|
||||||
|
Как в **шаге E**: раннер снова **online** (иногда 10–30 секунд после `start`).
|
||||||
|
|
||||||
|
#### 5) Логи, если что-то не так
|
||||||
|
|
||||||
|
```bash
|
||||||
|
sudo journalctl -u gitea-act-runner -e --no-pager
|
||||||
|
```
|
||||||
|
|
||||||
|
В реальном времени:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
sudo journalctl -u gitea-act-runner -f
|
||||||
|
```
|
||||||
|
|
||||||
|
Типичные ошибки: неверный **`User`** (нет прав на каталог), **`WorkingDirectory`** не тот (нет **`.runner`**), бинарник не исполняемый (`chmod +x`), или старый процесс `act_runner` ещё запущен вручную.
|
||||||
|
|
||||||
|
#### WSL2 (Ubuntu в Windows)
|
||||||
|
|
||||||
|
Если раннер стоит **внутри WSL2**:
|
||||||
|
|
||||||
|
1. На современных WSL **systemd уже может быть включён**. Проверка: `systemctl status` — без ошибки «running in chroot».
|
||||||
|
2. Если `systemctl` недоступен: в файле **`/etc/wsl.conf`** внутри дистрибутива добавь блок **`[boot]`** с **`systemd=true`**, затем из **PowerShell** Windows выполни **`wsl --shutdown`**, снова зайди в Ubuntu и повтори шаги 2–3. Подробнее: [документация Microsoft про systemd в WSL](https://learn.microsoft.com/en-us/windows/wsl/systemd).
|
||||||
|
|
||||||
|
После **`wsl --shutdown`** раннер на WSL не работает, пока ты снова не откроешь WSL (это нормально для «домашнего» CI).
|
||||||
|
|
||||||
|
### Шаг E — проверка в веб-интерфейсе
|
||||||
|
|
||||||
|
Обнови **Настройки → Действия → Раннеры**: должен быть **1** раннер, статус **online**. У него в метках должно быть что-то вроде **`ubuntu-22.04`** (в связке с **host**).
|
||||||
|
|
||||||
|
### Если у тебя только Windows
|
||||||
|
|
||||||
|
Установи **WSL2** и дистрибутив **Ubuntu 22.04**, открой терминал Ubuntu и выполни шаги B–D **там** (это уже Linux). Файловую систему Windows из WSL видно как `/mnt/d/...`, но проще держать каталог раннера в домашнем каталоге Linux (`~/gitea-act-runner`).
|
||||||
|
|
||||||
|
Официальная документация: [Gitea — Act Runner](https://docs.gitea.com/usage/actions/act-runner).
|
||||||
|
|
||||||
|
Если раннер заводит **админ инстанса** — логика та же: раннер должен быть **online** и иметь метку, подходящую под **`runs-on`** в `release.yml` (сейчас **`ubuntu-22.04`**; при **`ubuntu-22.04:host`** в Gitea это сопоставляется с `runs-on: ubuntu-22.04`).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 3 — включить Actions (если ещё не включены)
|
||||||
|
|
||||||
|
1. В том же **приватном** репозитории: **«Настройки»**.
|
||||||
|
2. Раздел **«Действия»** / **«Actions»** — включи использование Actions для этого репозитория, если Gitea это спрашивает.
|
||||||
|
3. Убедись, что в корне репозитория есть файл **`.gitea/workflows/release.yml`** (он уже в проекте `dnd_player`).
|
||||||
|
|
||||||
|
Бегунки Gitea должны иметь доступ в интернет (для `npm ci`, `actions/checkout` и т.д.) — это настраивает админ сервера.
|
||||||
|
|
||||||
|
### Метки `runs-on` (если раннер уже есть, но job не берётся)
|
||||||
|
|
||||||
|
- В списке раннеров посмотри **метки** у online-раннера.
|
||||||
|
- В **`.gitea/workflows/release.yml`** в `runs-on:` должна совпадать **именно метка `ubuntu-22.04`** (Gitea сопоставляет её и с **`ubuntu-22.04:host`**, и с **`ubuntu-22.04:docker://...`** — см. [Labels](https://docs.gitea.com/usage/actions/act-runner#labels) в документации act_runner).
|
||||||
|
- Если при регистрации указал только **`self-hosted`** — добавь **`ubuntu-22.04:host`** (или поменяй `runs-on` в workflow на твои метки и закоммить).
|
||||||
|
|
||||||
|
Сборка **Windows (NSIS)** в CI идёт **на Linux**: нативный **`nsis`** (`makensis`) + **`wine64`** и обёртка **`wine`→`wine64`** (без **wine32**/i386 — см. `release.yml`). Отдельная **macOS**-сборка в workflow отключена, пока нет Mac-раннера (см. комментарии в `release.yml`).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 4 — выпуск версии
|
||||||
|
|
||||||
|
1. В `package.json` версия должна совпасть с тегом (workflow при пуше тега делает `npm version` из имени тега — удобно).
|
||||||
|
2. Закоммить все изменения в **приватный** репо, затем:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
git tag v1.0.1
|
||||||
|
git push origin main
|
||||||
|
git push origin v1.0.1
|
||||||
|
```
|
||||||
|
|
||||||
|
(ветка может быть не `main` — подставь свою.)
|
||||||
|
|
||||||
|
3. Открой в Gitea **«Действия»** у приватного репо — должен появиться запуск **Release**. Дождись успеха job **`release`** (после появления раннера, см. раздел выше).
|
||||||
|
|
||||||
|
4. После успеха открой **публичный** `DndGamePlayerUpdates` → ветка **`updates`** — в корне должны появиться `latest.yml`, установщики и т.д.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Контрольный чеклист
|
||||||
|
|
||||||
|
1. **`package.json` → `build.publish.url`** =
|
||||||
|
`https://git.mailib.ru/ifontosh/DndGamePlayerUpdates/raw/branch/updates/`
|
||||||
|
Совпадает с **`DND_UPDATE_FEED_URL`** (со слэшем в конце).
|
||||||
|
2. В **DndGamePlayerUpdates** есть хотя бы один коммит (не пустой репо).
|
||||||
|
3. В приватном репо заданы **все четыре** секрета из таблицы шага 2 (имена **не** начинаются с `GITEA_`).
|
||||||
|
4. В репо с кодом есть **`.gitea/workflows/release.yml`**.
|
||||||
|
5. Релиз: пуш тега `v*` → в Actions job **`release`** (сборка Win + push feed в одном job, без GitHub `upload-artifact`); в публичном репо появляется ветка **`updates`** с `latest.yml` и установщиками (нужен online-раннер, см. раздел про act_runner).
|
||||||
|
6. В приложении: обновления только **`app.isPackaged`** и при **активной лицензии** (см. `app/main/update/installAutoUpdater.ts`).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Поведение приложения
|
||||||
|
|
||||||
|
- Проверка только в **собранной** установке (`app.isPackaged`).
|
||||||
|
- Только если **лицензия активна**.
|
||||||
|
- Первый запрос примерно через **12 с** после старта; при смене лицензии — снова (не чаще **30 с**).
|
||||||
|
- Для отладки можно задать переменную окружения **`DND_UPDATE_FEED_URL`** при запуске `.exe` — переопределит feed.
|
||||||
|
|
||||||
|
Подпись кода в CI отключена: `CSC_IDENTITY_AUTO_DISCOVERY=false`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Локальная отладка feed
|
||||||
|
|
||||||
|
Запуск установленного приложения с другим URL (без пересборки): задать **`DND_UPDATE_FEED_URL`** в ярлыке или системных переменных окружения.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Как сделать так, чтобы ассистент в Cursor мог «выпустить релиз»
|
||||||
|
|
||||||
|
У ассистента **нет своего аккаунта** на `git.mailib.ru`. Релиз = **появление тега `v*`** на нужном коммите в **приватном** репозитории с кодом → Gitea Actions собирает и пушит feed. Ниже два рабочих варианта.
|
||||||
|
|
||||||
|
### Вариант A — Gitea MCP (удобно из чата)
|
||||||
|
|
||||||
|
У тебя уже подключён MCP **user-gitea-mailib** с инструментом **`create_tag`**: по API создаётся тег на сервере (аналог `git tag` + `git push` тега).
|
||||||
|
|
||||||
|
**Что сделать один раз:**
|
||||||
|
|
||||||
|
1. В Cursor MCP для Gitea должен быть **включён и залогинен** под учёткой, у которой есть право **создавать теги** в приватном репо с `dnd_player`.
|
||||||
|
2. Знать **`owner`** и **`repo`** этого репозитория (как в URL: `https://git.mailib.ru/OWNER/REPO`).
|
||||||
|
|
||||||
|
**Как просить в чате:**
|
||||||
|
«Создай тег `v1.0.2` в репозитории `OWNER/REPO` с целевой веткой `main`» (или укажи SHA коммита). Перед этим **весь код релиза уже должен быть запушен** в эту ветку — тег вешается на последний коммит (или на явный `target`).
|
||||||
|
|
||||||
|
После создания тега зайди в **Действия** репозитория и проверь workflow **Release**.
|
||||||
|
|
||||||
|
_(Отдельно: `create_release` в MCP создаёт **запись релиза** на Gitea; сборку у тебя запускает именно **тег** и `release.yml`.)_
|
||||||
|
|
||||||
|
### Вариант B — команды `git` в терминале Cursor
|
||||||
|
|
||||||
|
Ассистент может выполнить у тебя локально:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
git fetch origin
|
||||||
|
git tag v1.0.2 origin/main # или другая ветка / коммит
|
||||||
|
git push origin v1.0.2
|
||||||
|
```
|
||||||
|
|
||||||
|
**Что сделать один раз:**
|
||||||
|
|
||||||
|
1. Чтобы `git push` **не спрашивал пароль** каждый раз: настроить **учётные данные** (Windows: диспетчер учётных данных / `git credential-manager`; либо **SSH-ключ** и remote `git@git.mailib.ru:...`).
|
||||||
|
2. Убедиться, что из того же окружения, где работает Cursor, `git push` в приватный репо уже проходил успешно.
|
||||||
|
|
||||||
|
Тогда в чате можно написать: «Поставь тег `v1.0.2` на `origin/main` и запушь тег» — ассистент выполнит команды в `dnd_player`.
|
||||||
|
|
||||||
|
### Ограничения
|
||||||
|
|
||||||
|
- Ассистент **не видит** твои пароли и не обходит Gitea: всё упирается в **MCP-токен** или **твои локальные git credentials**.
|
||||||
|
- Если MCP отключён и git без настроенного доступа — релиз тегом придётся пушить **тебе** вручную (как в шаге 4 выше).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Про коммит и пуш кода (не тег)
|
||||||
|
|
||||||
|
Закоммитить и запушить **изменения в файлах** ассистент может через те же механизмы: либо ты делаешь `git push` после правок, либо настроенный **git** / отдельный скрипт. Без доступа к remote ассистент только правит файлы в рабочей копии.
|
||||||
+1
-2
@@ -18,9 +18,8 @@ export default tseslint.config(
|
|||||||
'node_modules/**',
|
'node_modules/**',
|
||||||
'.cursor/**',
|
'.cursor/**',
|
||||||
'scripts/**',
|
'scripts/**',
|
||||||
'tools/**',
|
|
||||||
'eslint.config.js',
|
'eslint.config.js',
|
||||||
// Plain ESM; shared with tools/project-converter (not parsed as TS project file).
|
// Plain ESM; shared with sibling ../project-converter (not parsed as TS project file).
|
||||||
'app/main/project/optimizeImageImport.lib.mjs',
|
'app/main/project/optimizeImageImport.lib.mjs',
|
||||||
'app/main/project/optimizeImageImport.lib.d.mts',
|
'app/main/project/optimizeImageImport.lib.d.mts',
|
||||||
],
|
],
|
||||||
|
|||||||
Generated
+1329
-36
File diff suppressed because it is too large
Load Diff
+15
-4
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "DndGamePlayer",
|
"name": "DndGamePlayer",
|
||||||
"version": "1.0.0",
|
"version": "1.0.5",
|
||||||
"description": "DNDGamePlayer — редактор и проигрыватель игр",
|
"description": "DNDGamePlayer — редактор и проигрыватель игр",
|
||||||
"main": "dist/main/index.cjs",
|
"main": "dist/main/index.cjs",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
@@ -10,9 +10,10 @@
|
|||||||
"build:obfuscate": "node scripts/build.mjs --production --obfuscate",
|
"build:obfuscate": "node scripts/build.mjs --production --obfuscate",
|
||||||
"lint": "eslint . --max-warnings 0",
|
"lint": "eslint . --max-warnings 0",
|
||||||
"typecheck": "tsc -p tsconfig.eslint.json --noEmit",
|
"typecheck": "tsc -p tsconfig.eslint.json --noEmit",
|
||||||
"test": "tsx --test app/renderer/shared/ui/controls.tooltip.test.ts app/renderer/editor/state/projectState.race.test.ts app/renderer/editor/graph/sceneCardById.test.ts app/shared/ipc/contracts.mediaRemoval.test.ts app/shared/effectEraserHitTest.test.ts app/renderer/control/controlApp.effectsPanel.test.ts app/renderer/shared/effects/PxiEffectsOverlay.pointer.test.ts app/main/windows/createWindows.editorClose.test.ts app/main/windows/bootWindow.test.ts app/main/effects/effectsStore.test.ts app/main/project/assetPrune.test.ts app/main/project/optimizeImageImport.test.ts app/main/project/scenePreviewThumbnail.test.ts app/main/project/fsRetry.test.ts app/main/project/zipRead.test.ts app/main/project/zipStore.legacyContract.test.ts app/shared/package.build.test.ts app/shared/license/canonicalJson.test.ts app/shared/license/productKey.test.ts app/shared/license/licenseService.networkRegression.test.ts app/shared/video/videoPlaybackPerf.networkRegression.test.ts app/shared/video/videoPlaybackLoop.networkRegression.test.ts app/main/license/verifyLicenseToken.test.ts && node --test scripts/build-env.test.mjs scripts/obfuscate-main.test.mjs",
|
"test": "tsx --test app/renderer/shared/ui/controls.tooltip.test.ts app/renderer/editor/state/projectState.race.test.ts app/renderer/editor/graph/sceneCardById.test.ts app/renderer/editor/i18n/editorMessages.locale.test.ts app/shared/ipc/contracts.mediaRemoval.test.ts app/shared/effectEraserHitTest.test.ts app/renderer/control/controlApp.effectsPanel.test.ts app/renderer/shared/effects/PxiEffectsOverlay.pointer.test.ts app/main/windows/createWindows.editorClose.test.ts app/main/windows/bootWindow.test.ts app/main/effects/effectsStore.test.ts app/main/project/assetPrune.test.ts app/main/project/optimizeImageImport.test.ts app/main/project/scenePreviewThumbnail.test.ts app/main/project/fsRetry.test.ts app/main/project/zipRead.test.ts app/main/project/replaceFileAtomic.test.ts app/main/project/zipStore.legacyContract.test.ts app/shared/package.build.test.ts app/shared/license/canonicalJson.test.ts app/shared/license/productKey.test.ts app/shared/license/licenseService.networkRegression.test.ts app/shared/video/videoPlaybackPerf.networkRegression.test.ts app/shared/video/videoPlaybackLoop.networkRegression.test.ts app/main/license/verifyLicenseToken.test.ts && node --test scripts/build-env.test.mjs scripts/obfuscate-main.test.mjs",
|
||||||
"format": "prettier . --check",
|
"format": "prettier . --check",
|
||||||
"format:write": "prettier . --write",
|
"format:write": "prettier . --write",
|
||||||
|
"postinstall": "patch-package",
|
||||||
"release:info": "node scripts/print-release-info.mjs",
|
"release:info": "node scripts/print-release-info.mjs",
|
||||||
"pack": "npm run build && node scripts/release-win-prep.mjs && electron-builder",
|
"pack": "npm run build && node scripts/release-win-prep.mjs && electron-builder",
|
||||||
"pack:dir": "npm run build && node scripts/release-win-prep.mjs && electron-builder --dir",
|
"pack:dir": "npm run build && node scripts/release-win-prep.mjs && electron-builder --dir",
|
||||||
@@ -25,6 +26,7 @@
|
|||||||
"type": "module",
|
"type": "module",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fontsource/inter": "^5.2.8",
|
"@fontsource/inter": "^5.2.8",
|
||||||
|
"electron-updater": "^6.6.2",
|
||||||
"ffmpeg-static": "^5.3.0",
|
"ffmpeg-static": "^5.3.0",
|
||||||
"pixi.js": "^8.18.1",
|
"pixi.js": "^8.18.1",
|
||||||
"react": "^19.2.5",
|
"react": "^19.2.5",
|
||||||
@@ -56,7 +58,9 @@
|
|||||||
"eslint-plugin-react-hooks": "^7.0.1",
|
"eslint-plugin-react-hooks": "^7.0.1",
|
||||||
"eslint-plugin-unicorn": "^64.0.0",
|
"eslint-plugin-unicorn": "^64.0.0",
|
||||||
"javascript-obfuscator": "^4.2.2",
|
"javascript-obfuscator": "^4.2.2",
|
||||||
|
"patch-package": "^8.0.1",
|
||||||
"prettier": "^3.8.3",
|
"prettier": "^3.8.3",
|
||||||
|
"to-ico": "^1.1.2",
|
||||||
"tsx": "^4.21.0",
|
"tsx": "^4.21.0",
|
||||||
"typescript": "^6.0.2",
|
"typescript": "^6.0.2",
|
||||||
"typescript-eslint": "^8.58.2",
|
"typescript-eslint": "^8.58.2",
|
||||||
@@ -79,6 +83,8 @@
|
|||||||
"asar": true,
|
"asar": true,
|
||||||
"asarUnpack": [
|
"asarUnpack": [
|
||||||
"dist/preload/**",
|
"dist/preload/**",
|
||||||
|
"dist/renderer/app-pack-icon.png",
|
||||||
|
"dist/renderer/app-window-icon.png",
|
||||||
"node_modules/sharp/**",
|
"node_modules/sharp/**",
|
||||||
"node_modules/@img/**",
|
"node_modules/@img/**",
|
||||||
"node_modules/ffmpeg-static/**"
|
"node_modules/ffmpeg-static/**"
|
||||||
@@ -118,12 +124,17 @@
|
|||||||
]
|
]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"icon": "build/icon.png"
|
"icon": "build/icon.ico"
|
||||||
},
|
},
|
||||||
"nsis": {
|
"nsis": {
|
||||||
"oneClick": false,
|
"oneClick": false,
|
||||||
"allowToChangeInstallationDirectory": true,
|
"allowToChangeInstallationDirectory": true,
|
||||||
"deleteAppDataOnUninstall": false
|
"deleteAppDataOnUninstall": false,
|
||||||
|
"artifactName": "${productName}-Setup-${version}.${ext}"
|
||||||
|
},
|
||||||
|
"publish": {
|
||||||
|
"provider": "generic",
|
||||||
|
"url": "https://git.mailib.ru/ifontosh/DndGamePlayerUpdates/raw/branch/updates/"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,18 @@
|
|||||||
|
diff --git a/node_modules/app-builder-lib/out/targets/nsis/NsisTarget.js b/node_modules/app-builder-lib/out/targets/nsis/NsisTarget.js
|
||||||
|
index 1e4ef94..5f64a59 100644
|
||||||
|
--- a/node_modules/app-builder-lib/out/targets/nsis/NsisTarget.js
|
||||||
|
+++ b/node_modules/app-builder-lib/out/targets/nsis/NsisTarget.js
|
||||||
|
@@ -367,7 +367,12 @@ class NsisTarget extends core_1.Target {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
- await (0, wine_1.execWine)(installerPath, null, [], { env: { __COMPAT_LAYER: "RunAsInvoker" } });
|
||||||
|
+ try {
|
||||||
|
+ await nsisUtil_1.UninstallerReader.exec(installerPath, uninstallerPath);
|
||||||
|
+ }
|
||||||
|
+ catch (_error) {
|
||||||
|
+ await (0, wine_1.execWine)(installerPath, null, [], { env: { __COMPAT_LAYER: "RunAsInvoker" } });
|
||||||
|
+ }
|
||||||
|
}
|
||||||
|
await packager.signIf(uninstallerPath);
|
||||||
|
delete defines.BUILD_UNINSTALLER;
|
||||||
+1
-1
@@ -62,7 +62,7 @@ async function buildNodeTargets() {
|
|||||||
bundle: true,
|
bundle: true,
|
||||||
minify: isProd,
|
minify: isProd,
|
||||||
sourcemap: !isProd,
|
sourcemap: !isProd,
|
||||||
external: ['electron', 'sharp', 'ffmpeg-static'],
|
external: ['electron', 'electron-updater', 'sharp', 'ffmpeg-static'],
|
||||||
define,
|
define,
|
||||||
drop: isProd ? ['console', 'debugger'] : [],
|
drop: isProd ? ['console', 'debugger'] : [],
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
/**
|
/**
|
||||||
* Растеризует app-logo.svg в app-window-icon.png для nativeImage (Windows).
|
* Растеризует app-logo.svg в app-window-icon.png для nativeImage (Windows).
|
||||||
|
* Пишет build/icon.png (macOS / fallback) и build/icon.ico — для exe/NSIS и «Программы и компоненты».
|
||||||
* Запуск: node scripts/gen-window-icon.mjs
|
* Запуск: node scripts/gen-window-icon.mjs
|
||||||
*/
|
*/
|
||||||
import fs from 'node:fs';
|
import fs from 'node:fs';
|
||||||
@@ -7,6 +8,7 @@ import path from 'node:path';
|
|||||||
import { fileURLToPath } from 'node:url';
|
import { fileURLToPath } from 'node:url';
|
||||||
|
|
||||||
import { Resvg } from '@resvg/resvg-js';
|
import { Resvg } from '@resvg/resvg-js';
|
||||||
|
import toIco from 'to-ico';
|
||||||
|
|
||||||
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
||||||
const root = path.join(__dirname, '..');
|
const root = path.join(__dirname, '..');
|
||||||
@@ -29,4 +31,18 @@ const resvg512 = new Resvg(svg, {
|
|||||||
});
|
});
|
||||||
const packOut = resvg512.render();
|
const packOut = resvg512.render();
|
||||||
fs.writeFileSync(packIconPath, packOut.asPng());
|
fs.writeFileSync(packIconPath, packOut.asPng());
|
||||||
console.log('wrote', packIconPath, packOut.width, 'x', packOut.height, '(electron-builder)');
|
console.log('wrote', packIconPath, packOut.width, 'x', packOut.height, '(electron-builder mac / fallback)');
|
||||||
|
|
||||||
|
function renderPngForWidth(width) {
|
||||||
|
const r = new Resvg(svg, {
|
||||||
|
fitTo: { mode: 'width', value: width },
|
||||||
|
});
|
||||||
|
return Buffer.from(r.render().asPng());
|
||||||
|
}
|
||||||
|
|
||||||
|
const icoSizes = [16, 24, 32, 48, 64, 128, 256];
|
||||||
|
const icoPngs = icoSizes.map((w) => renderPngForWidth(w));
|
||||||
|
const icoBuf = await toIco(icoPngs);
|
||||||
|
const icoPath = path.join(buildDir, 'icon.ico');
|
||||||
|
fs.writeFileSync(icoPath, icoBuf);
|
||||||
|
console.log('wrote', icoPath, '(electron-builder win)');
|
||||||
|
|||||||
@@ -0,0 +1,102 @@
|
|||||||
|
/**
|
||||||
|
* Складывает артефакты electron-builder (win + mac) в публичный репозиторий,
|
||||||
|
* ветка `updates`, чтобы generic URL …/raw/branch/updates/ указывал на актуальные latest*.yml и установщики.
|
||||||
|
*
|
||||||
|
* Переменные окружения (имена без префикса GITEA_ — в Gitea секреты GITEA_* зарезервированы):
|
||||||
|
* DND_UPDATES_SERVER — https://git.example.com (без слэша в конце)
|
||||||
|
* UPDATES_REPO — owner/repo (публичный репозиторий «только релизы»)
|
||||||
|
* DND_UPDATES_PUSH_TOKEN — PAT с правом push в UPDATES_REPO
|
||||||
|
* ARTIFACT_WIN — каталог с файлами сборки Windows
|
||||||
|
* ARTIFACT_MAC — каталог с файлами сборки macOS
|
||||||
|
* GIT_COMMIT_TAG — опционально, для сообщения коммита
|
||||||
|
*/
|
||||||
|
import { execFileSync } from 'node:child_process';
|
||||||
|
import fs from 'node:fs';
|
||||||
|
import os from 'node:os';
|
||||||
|
import path from 'node:path';
|
||||||
|
import { fileURLToPath } from 'node:url';
|
||||||
|
|
||||||
|
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
||||||
|
|
||||||
|
const ALLOWED_EXT = new Set(['.yml', '.yaml', '.exe', '.blockmap', '.zip', '.dmg', '.pkg']);
|
||||||
|
|
||||||
|
function mustEnv(name) {
|
||||||
|
const v = process.env[name]?.trim();
|
||||||
|
if (!v) throw new Error(`Missing env ${name}`);
|
||||||
|
return v;
|
||||||
|
}
|
||||||
|
|
||||||
|
function copyFlatReleaseFiles(fromDir, toDir) {
|
||||||
|
if (!fs.existsSync(fromDir)) {
|
||||||
|
console.warn(`[sync-update-feed] skip missing dir: ${fromDir}`);
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
let n = 0;
|
||||||
|
for (const name of fs.readdirSync(fromDir)) {
|
||||||
|
const src = path.join(fromDir, name);
|
||||||
|
if (!fs.statSync(src).isFile()) continue;
|
||||||
|
const ext = path.extname(name).toLowerCase();
|
||||||
|
if (!ALLOWED_EXT.has(ext)) continue;
|
||||||
|
fs.copyFileSync(src, path.join(toDir, name));
|
||||||
|
n += 1;
|
||||||
|
}
|
||||||
|
return n;
|
||||||
|
}
|
||||||
|
|
||||||
|
function runGit(args, cwd) {
|
||||||
|
execFileSync('git', args, { cwd, stdio: 'inherit' });
|
||||||
|
}
|
||||||
|
|
||||||
|
function emptyWorkingTreeExceptGit(cwd) {
|
||||||
|
for (const ent of fs.readdirSync(cwd)) {
|
||||||
|
if (ent === '.git') continue;
|
||||||
|
fs.rmSync(path.join(cwd, ent), { recursive: true, force: true });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function main() {
|
||||||
|
const server = mustEnv('DND_UPDATES_SERVER').replace(/\/+$/u, '');
|
||||||
|
const updatesRepo = mustEnv('UPDATES_REPO');
|
||||||
|
const token = mustEnv('DND_UPDATES_PUSH_TOKEN');
|
||||||
|
const winDir = mustEnv('ARTIFACT_WIN');
|
||||||
|
const macDir = mustEnv('ARTIFACT_MAC');
|
||||||
|
|
||||||
|
const u = new URL(server);
|
||||||
|
const host = u.host;
|
||||||
|
const cloneUrl = `https://oauth2:${encodeURIComponent(token)}@${host}/${updatesRepo}.git`;
|
||||||
|
|
||||||
|
const tmp = fs.mkdtempSync(path.join(os.tmpdir(), 'dnd-feed-'));
|
||||||
|
const work = path.join(tmp, 'repo');
|
||||||
|
|
||||||
|
try {
|
||||||
|
execFileSync('git', ['clone', '--depth', '1', '-b', 'updates', cloneUrl, work], { stdio: 'inherit' });
|
||||||
|
} catch {
|
||||||
|
execFileSync('git', ['clone', '--depth', '1', cloneUrl, work], { stdio: 'inherit' });
|
||||||
|
runGit(['checkout', '-B', 'updates'], work);
|
||||||
|
}
|
||||||
|
|
||||||
|
runGit(['config', 'user.email', 'ci@gitea-actions.local'], work);
|
||||||
|
runGit(['config', 'user.name', 'gitea-actions'], work);
|
||||||
|
|
||||||
|
emptyWorkingTreeExceptGit(work);
|
||||||
|
|
||||||
|
const copied = copyFlatReleaseFiles(winDir, work) + copyFlatReleaseFiles(macDir, work);
|
||||||
|
if (copied === 0) {
|
||||||
|
throw new Error('[sync-update-feed] no release files copied (check ARTIFACT_WIN / ARTIFACT_MAC)');
|
||||||
|
}
|
||||||
|
|
||||||
|
const tag = process.env.GIT_COMMIT_TAG?.trim() || 'ci';
|
||||||
|
runGit(['add', '-A'], work);
|
||||||
|
const st = execFileSync('git', ['status', '--porcelain'], { cwd: work }).toString().trim();
|
||||||
|
if (st) {
|
||||||
|
runGit(['commit', '-m', `update feed ${tag}`], work);
|
||||||
|
runGit(['push', '-u', 'origin', 'updates'], work);
|
||||||
|
} else {
|
||||||
|
console.warn('[sync-update-feed] nothing to commit (identical artifacts?)');
|
||||||
|
}
|
||||||
|
|
||||||
|
fs.rmSync(tmp, { recursive: true, force: true });
|
||||||
|
console.log(`[sync-update-feed] done (${String(copied)} file(s) staged)`);
|
||||||
|
}
|
||||||
|
|
||||||
|
main();
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
## Project Converter (DNDGamePlayer)
|
|
||||||
|
|
||||||
Мини-приложение для конвертации `.dnd.zip` проектов в новый формат, добавляя **миниатюры превью сцен** (thumbnail) для ускорения редактора.
|
|
||||||
|
|
||||||
### Что делает
|
|
||||||
|
|
||||||
- Открывает исходный `.dnd.zip`
|
|
||||||
- Читает `project.json`
|
|
||||||
- Для каждой сцены с `previewAssetId`:
|
|
||||||
- генерирует `previewThumbAssetId` (WebP, max 320px по длинной стороне)
|
|
||||||
- кладёт файл миниатюры в `assets/` и добавляет `MediaAsset` в `project.assets`
|
|
||||||
- Пишет новый `.dnd.zip` (исходник не трогает)
|
|
||||||
|
|
||||||
Оригинальные ассеты (изображения/видео) **не перекодируются** — меняется только `project.json` + добавляются миниатюры.
|
|
||||||
|
|
||||||
### Запуск
|
|
||||||
|
|
||||||
Из папки `tools/project-converter/`:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm install
|
|
||||||
npm run dev
|
|
||||||
```
|
|
||||||
|
|
||||||
### Почему не попадает в сборку DNDGamePlayer
|
|
||||||
|
|
||||||
Это отдельный пакет со своим `package.json` в `tools/`. Сборка основного приложения берёт только `dist/**/*` и корневой `package.json`.
|
|
||||||
|
|
||||||
-1547
File diff suppressed because it is too large
Load Diff
@@ -1,21 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "dnd-project-converter",
|
|
||||||
"private": true,
|
|
||||||
"version": "0.1.0",
|
|
||||||
"description": "Simple UI tool to convert .dnd.zip projects (add scene preview thumbnails).",
|
|
||||||
"type": "module",
|
|
||||||
"main": "src/main.js",
|
|
||||||
"scripts": {
|
|
||||||
"dev": "node src/run-electron.mjs",
|
|
||||||
"start": "node src/run-electron.mjs",
|
|
||||||
"lint": "node -e \"console.log('no lint')\""
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"electron": "^41.2.0",
|
|
||||||
"ffmpeg-static": "^5.3.0",
|
|
||||||
"sharp": "^0.34.5",
|
|
||||||
"yauzl": "^3.3.0",
|
|
||||||
"yazl": "^3.3.1"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,104 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="ru">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>DND Project Converter</title>
|
|
||||||
<style>
|
|
||||||
:root {
|
|
||||||
color-scheme: dark;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
|
|
||||||
background: #0b0f19;
|
|
||||||
color: #e6e8ee;
|
|
||||||
}
|
|
||||||
.wrap {
|
|
||||||
max-width: 760px;
|
|
||||||
margin: 24px auto;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
font-size: 18px;
|
|
||||||
margin: 0 0 12px 0;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
background: rgba(255, 255, 255, 0.03);
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 14px;
|
|
||||||
}
|
|
||||||
.row {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
align-items: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
appearance: none;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.16);
|
|
||||||
background: rgba(255, 255, 255, 0.06);
|
|
||||||
color: inherit;
|
|
||||||
padding: 10px 12px;
|
|
||||||
border-radius: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
button.primary {
|
|
||||||
border-color: rgba(167, 139, 250, 0.55);
|
|
||||||
background: rgba(167, 139, 250, 0.16);
|
|
||||||
}
|
|
||||||
button:disabled {
|
|
||||||
opacity: 0.55;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
.path {
|
|
||||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
|
|
||||||
font-size: 12px;
|
|
||||||
opacity: 0.9;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
.log {
|
|
||||||
margin-top: 12px;
|
|
||||||
height: 320px;
|
|
||||||
overflow: auto;
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 10px;
|
|
||||||
background: rgba(0, 0, 0, 0.35);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
||||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
|
|
||||||
font-size: 12px;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
}
|
|
||||||
.muted {
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="wrap">
|
|
||||||
<h1>DND Project Converter</h1>
|
|
||||||
<div class="card">
|
|
||||||
<div class="muted">Конвертация: добавление миниатюр превью сцен (WebP 320px) в новый `.dnd.zip`.</div>
|
|
||||||
<div class="row">
|
|
||||||
<button id="pick">Выбрать .dnd.zip</button>
|
|
||||||
<button id="convert" class="primary" disabled>Конвертировать</button>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="muted">Вход:</div>
|
|
||||||
<div id="in" class="path">—</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="muted">Выход:</div>
|
|
||||||
<div id="out" class="path">—</div>
|
|
||||||
</div>
|
|
||||||
<div id="log" class="log"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script type="module" src="./renderer.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
@@ -1,346 +0,0 @@
|
|||||||
import crypto from 'node:crypto';
|
|
||||||
import fs from 'node:fs/promises';
|
|
||||||
import path from 'node:path';
|
|
||||||
import { fileURLToPath } from 'node:url';
|
|
||||||
|
|
||||||
import { app, BrowserWindow, dialog, ipcMain } from 'electron';
|
|
||||||
import sharp from 'sharp';
|
|
||||||
import ffmpegStatic from 'ffmpeg-static';
|
|
||||||
import { execFile } from 'node:child_process';
|
|
||||||
import { promisify } from 'node:util';
|
|
||||||
import fsSync from 'node:fs';
|
|
||||||
|
|
||||||
import yauzl from 'yauzl';
|
|
||||||
import { ZipFile } from 'yazl';
|
|
||||||
|
|
||||||
import { optimizeImageBufferVisuallyLossless } from '../../../app/main/project/optimizeImageImport.lib.mjs';
|
|
||||||
|
|
||||||
const execFileAsync = promisify(execFile);
|
|
||||||
|
|
||||||
const THUMB_MAX_PX = 320;
|
|
||||||
const here = path.dirname(fileURLToPath(import.meta.url));
|
|
||||||
|
|
||||||
function isDndZip(p) {
|
|
||||||
return typeof p === 'string' && p.toLowerCase().endsWith('.dnd.zip');
|
|
||||||
}
|
|
||||||
|
|
||||||
async function fileExists(p) {
|
|
||||||
try {
|
|
||||||
const st = await fs.stat(p);
|
|
||||||
return st.isFile();
|
|
||||||
} catch {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function asBuffer(x) {
|
|
||||||
return Buffer.isBuffer(x) ? x : Buffer.from(x);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function generateImageThumbWebp(absPath) {
|
|
||||||
return await sharp(absPath)
|
|
||||||
.rotate()
|
|
||||||
.resize(THUMB_MAX_PX, THUMB_MAX_PX, { fit: 'inside', withoutEnlargement: true })
|
|
||||||
.webp({ quality: 82 })
|
|
||||||
.toBuffer();
|
|
||||||
}
|
|
||||||
|
|
||||||
async function extractVideoFrameToPng(absVideo, absPng) {
|
|
||||||
const ffmpegPath = ffmpegStatic;
|
|
||||||
if (!ffmpegPath) throw new Error('ffmpeg-static not available');
|
|
||||||
const seekSeconds = ['0.5', '0.25', '0'];
|
|
||||||
for (const ss of seekSeconds) {
|
|
||||||
try {
|
|
||||||
await fs.rm(absPng, { force: true }).catch(() => undefined);
|
|
||||||
await execFileAsync(
|
|
||||||
ffmpegPath,
|
|
||||||
['-hide_banner', '-loglevel', 'error', '-y', '-ss', ss, '-i', absVideo, '-frames:v', '1', absPng],
|
|
||||||
{ maxBuffer: 16 * 1024 * 1024 },
|
|
||||||
);
|
|
||||||
const st = await fs.stat(absPng).catch(() => null);
|
|
||||||
if (st && st.isFile() && st.size > 0) return true;
|
|
||||||
} catch {
|
|
||||||
// try next seek
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function generateVideoThumbWebp(absVideo) {
|
|
||||||
const tmpDir = await fs.mkdtemp(path.join(app.getPath('temp'), 'dnd-thumb-'));
|
|
||||||
const tmpPng = path.join(tmpDir, 'frame.png');
|
|
||||||
try {
|
|
||||||
const ok = await extractVideoFrameToPng(absVideo, tmpPng);
|
|
||||||
if (!ok) return null;
|
|
||||||
return await sharp(tmpPng)
|
|
||||||
.resize(THUMB_MAX_PX, THUMB_MAX_PX, { fit: 'inside', withoutEnlargement: true })
|
|
||||||
.webp({ quality: 82 })
|
|
||||||
.toBuffer();
|
|
||||||
} finally {
|
|
||||||
await fs.rm(tmpDir, { recursive: true, force: true }).catch(() => undefined);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function openZip(zipPath) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
yauzl.open(zipPath, { lazyEntries: true }, (err, zip) => {
|
|
||||||
if (err || !zip) reject(err ?? new Error('Failed to open zip'));
|
|
||||||
else resolve(zip);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function readEntryBuffer(zip, entry) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
zip.openReadStream(entry, (err, rs) => {
|
|
||||||
if (err || !rs) return reject(err ?? new Error('No stream'));
|
|
||||||
const chunks = [];
|
|
||||||
rs.on('data', (c) => chunks.push(c));
|
|
||||||
rs.on('end', () => resolve(Buffer.concat(chunks)));
|
|
||||||
rs.on('error', reject);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async function readZipAll(zipPath) {
|
|
||||||
const zip = await openZip(zipPath);
|
|
||||||
try {
|
|
||||||
const files = new Map(); // name -> Buffer
|
|
||||||
await new Promise((resolve, reject) => {
|
|
||||||
zip.on('error', reject);
|
|
||||||
zip.on('entry', (entry) => {
|
|
||||||
// Process each entry sequentially; calling openReadStream after 'end' can fail with 'closed'.
|
|
||||||
void (async () => {
|
|
||||||
if (!entry.fileName.endsWith('/')) {
|
|
||||||
const buf = await readEntryBuffer(zip, entry);
|
|
||||||
files.set(entry.fileName, buf);
|
|
||||||
}
|
|
||||||
zip.readEntry();
|
|
||||||
})().catch(reject);
|
|
||||||
});
|
|
||||||
zip.on('end', resolve);
|
|
||||||
zip.readEntry();
|
|
||||||
});
|
|
||||||
return files;
|
|
||||||
} finally {
|
|
||||||
zip.close();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function sha256(buf) {
|
|
||||||
return crypto.createHash('sha256').update(buf).digest('hex');
|
|
||||||
}
|
|
||||||
|
|
||||||
function sanitizeFileName(name) {
|
|
||||||
return String(name).replace(/[<>:"/\\|?*\u0000-\u001F]+/g, '_').slice(0, 180);
|
|
||||||
}
|
|
||||||
|
|
||||||
function newAssetId() {
|
|
||||||
return crypto.randomBytes(16).toString('hex');
|
|
||||||
}
|
|
||||||
|
|
||||||
function guessMimeFromWebp() {
|
|
||||||
return 'image/webp';
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Re-encode raster image assets to visually lossless smaller files; updates `files` and `project.assets` in place.
|
|
||||||
* @param {Map<string, Buffer>} files
|
|
||||||
* @param {Record<string, unknown>} project
|
|
||||||
* @param {(s: string) => void} [onLog]
|
|
||||||
*/
|
|
||||||
async function optimizeProjectImageAssets(files, project, onLog) {
|
|
||||||
const assets = project.assets && typeof project.assets === 'object' ? project.assets : {};
|
|
||||||
let n = 0;
|
|
||||||
for (const aid of Object.keys(assets)) {
|
|
||||||
const asset = assets[aid];
|
|
||||||
if (!asset || typeof asset !== 'object') continue;
|
|
||||||
if (asset.type !== 'image' || typeof asset.relPath !== 'string') continue;
|
|
||||||
const rel = asset.relPath.replace(/^\//u, '');
|
|
||||||
if (!rel.startsWith('assets/')) continue;
|
|
||||||
const bytes = files.get(rel);
|
|
||||||
if (!bytes || bytes.length === 0) continue;
|
|
||||||
|
|
||||||
onLog?.(`Optimize image: ${rel}…`);
|
|
||||||
const opt = await optimizeImageBufferVisuallyLossless(bytes);
|
|
||||||
if (opt.passthrough) {
|
|
||||||
onLog?.(` skip (passthrough)`);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const newName = `${path.parse(path.basename(rel)).name}.${opt.ext}`;
|
|
||||||
const newRel = `assets/${newName}`;
|
|
||||||
files.delete(rel);
|
|
||||||
files.set(newRel, asBuffer(opt.buffer));
|
|
||||||
|
|
||||||
const origName = typeof asset.originalName === 'string' ? asset.originalName : path.basename(rel);
|
|
||||||
const stem = path.parse(origName).name;
|
|
||||||
asset.relPath = newRel;
|
|
||||||
asset.mime = opt.mime;
|
|
||||||
asset.originalName = `${stem}.${opt.ext}`;
|
|
||||||
asset.sha256 = sha256(opt.buffer);
|
|
||||||
asset.sizeBytes = opt.buffer.length;
|
|
||||||
n += 1;
|
|
||||||
onLog?.(` OK → ${newRel} (${bytes.length} → ${opt.buffer.length} bytes)`);
|
|
||||||
}
|
|
||||||
if (n > 0) onLog?.(`Optimized image assets: ${n}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function convertZip({ inputPath, outputPath, onLog }) {
|
|
||||||
if (!(await fileExists(inputPath))) throw new Error('Input file not found');
|
|
||||||
if (!isDndZip(inputPath)) throw new Error('Expected .dnd.zip');
|
|
||||||
if (!outputPath || !isDndZip(outputPath)) throw new Error('Output path must end with .dnd.zip');
|
|
||||||
|
|
||||||
const files = await readZipAll(inputPath);
|
|
||||||
const projectBuf = files.get('project.json');
|
|
||||||
if (!projectBuf) throw new Error('project.json not found in zip');
|
|
||||||
|
|
||||||
const project = JSON.parse(projectBuf.toString('utf8'));
|
|
||||||
project.scenes = project.scenes ?? {};
|
|
||||||
project.assets = project.assets ?? {};
|
|
||||||
|
|
||||||
onLog?.('Optimizing image assets…');
|
|
||||||
await optimizeProjectImageAssets(files, project, onLog);
|
|
||||||
|
|
||||||
let added = 0;
|
|
||||||
for (const sid of Object.keys(project.scenes)) {
|
|
||||||
const sc = project.scenes[sid];
|
|
||||||
if (!sc) continue;
|
|
||||||
if (sc.previewThumbAssetId) continue;
|
|
||||||
const assetId = sc.previewAssetId ?? null;
|
|
||||||
const assetType = sc.previewAssetType ?? null;
|
|
||||||
if (!assetId || !assetType) continue;
|
|
||||||
|
|
||||||
const asset = project.assets[assetId] ?? null;
|
|
||||||
if (!asset || typeof asset.relPath !== 'string') continue;
|
|
||||||
const assetRel = asset.relPath.replace(/^\//, '');
|
|
||||||
const assetBytes = files.get(assetRel);
|
|
||||||
if (!assetBytes) continue;
|
|
||||||
|
|
||||||
onLog?.(`Scene ${sid}: generating thumb…`);
|
|
||||||
const kind = assetType === 'video' ? 'video' : 'image';
|
|
||||||
|
|
||||||
// Write source to temp to allow sharp/ffmpeg to read it.
|
|
||||||
const tmpDir = await fs.mkdtemp(path.join(app.getPath('temp'), 'dnd-conv-'));
|
|
||||||
const tmpSrc = path.join(tmpDir, sanitizeFileName(path.basename(assetRel)));
|
|
||||||
await fs.writeFile(tmpSrc, assetBytes);
|
|
||||||
try {
|
|
||||||
const thumbBytes =
|
|
||||||
kind === 'image' ? await generateImageThumbWebp(tmpSrc) : await generateVideoThumbWebp(tmpSrc);
|
|
||||||
if (!thumbBytes) {
|
|
||||||
onLog?.(`Scene ${sid}: thumb skipped (failed).`);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const thumbId = newAssetId();
|
|
||||||
const thumbName = `${thumbId}_preview_thumb.webp`;
|
|
||||||
const thumbRel = `assets/${thumbName}`;
|
|
||||||
|
|
||||||
files.set(thumbRel, asBuffer(thumbBytes));
|
|
||||||
project.assets[thumbId] = {
|
|
||||||
id: thumbId,
|
|
||||||
type: 'image',
|
|
||||||
mime: guessMimeFromWebp(),
|
|
||||||
originalName: thumbName,
|
|
||||||
relPath: thumbRel,
|
|
||||||
sha256: sha256(thumbBytes),
|
|
||||||
sizeBytes: thumbBytes.length,
|
|
||||||
createdAt: new Date().toISOString(),
|
|
||||||
};
|
|
||||||
sc.previewThumbAssetId = thumbId;
|
|
||||||
added += 1;
|
|
||||||
onLog?.(`Scene ${sid}: OK`);
|
|
||||||
} finally {
|
|
||||||
await fs.rm(tmpDir, { recursive: true, force: true }).catch(() => undefined);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
files.set('project.json', Buffer.from(JSON.stringify(project, null, 2), 'utf8'));
|
|
||||||
|
|
||||||
const zipfile = new ZipFile();
|
|
||||||
for (const [name, buf] of files) {
|
|
||||||
const isProjectJson = name === 'project.json';
|
|
||||||
zipfile.addBuffer(buf, name, { compressionLevel: isProjectJson ? 9 : 0 });
|
|
||||||
}
|
|
||||||
|
|
||||||
await fs.mkdir(path.dirname(outputPath), { recursive: true });
|
|
||||||
const tmpOut = `${outputPath}.tmp`;
|
|
||||||
await fs.rm(tmpOut, { force: true }).catch(() => undefined);
|
|
||||||
|
|
||||||
await new Promise((resolve, reject) => {
|
|
||||||
const out = fsSync.createWriteStream(tmpOut);
|
|
||||||
out.on('close', resolve);
|
|
||||||
out.on('error', reject);
|
|
||||||
zipfile.outputStream.pipe(out);
|
|
||||||
zipfile.end();
|
|
||||||
});
|
|
||||||
await fs.rm(outputPath, { force: true }).catch(() => undefined);
|
|
||||||
await fs.rename(tmpOut, outputPath);
|
|
||||||
|
|
||||||
onLog?.(`Added thumbnails: ${added}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
function createWindow() {
|
|
||||||
const win = new BrowserWindow({
|
|
||||||
width: 860,
|
|
||||||
height: 640,
|
|
||||||
backgroundColor: '#0b0f19',
|
|
||||||
webPreferences: {
|
|
||||||
preload: path.join(here, 'preload.cjs'),
|
|
||||||
contextIsolation: true,
|
|
||||||
nodeIntegration: false,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
win.removeMenu();
|
|
||||||
void win.loadFile(path.join(here, 'index.html'));
|
|
||||||
}
|
|
||||||
|
|
||||||
app.whenReady().then(() => {
|
|
||||||
createWindow();
|
|
||||||
|
|
||||||
ipcMain.handle('converter.pickInputZip', async () => {
|
|
||||||
const res = await dialog.showOpenDialog({
|
|
||||||
title: 'Выберите файл проекта (.dnd.zip)',
|
|
||||||
filters: [{ name: 'DND Project', extensions: ['zip'] }],
|
|
||||||
properties: ['openFile'],
|
|
||||||
});
|
|
||||||
if (res.canceled || res.filePaths.length === 0) return { canceled: true };
|
|
||||||
const p = res.filePaths[0];
|
|
||||||
if (!isDndZip(p)) return { canceled: false, path: p }; // allow, but user should pick correct
|
|
||||||
return { canceled: false, path: p };
|
|
||||||
});
|
|
||||||
|
|
||||||
ipcMain.handle('converter.pickOutputZip', async (_e, { inputPath }) => {
|
|
||||||
const suggested = inputPath && typeof inputPath === 'string' ? inputPath.replace(/\.dnd\.zip$/i, '.thumbs.dnd.zip') : 'converted.dnd.zip';
|
|
||||||
const res = await dialog.showSaveDialog({
|
|
||||||
title: 'Сохранить конвертированный проект',
|
|
||||||
defaultPath: suggested,
|
|
||||||
filters: [{ name: 'DND Project', extensions: ['zip'] }],
|
|
||||||
});
|
|
||||||
if (res.canceled || !res.filePath) return { canceled: true };
|
|
||||||
return { canceled: false, path: res.filePath };
|
|
||||||
});
|
|
||||||
|
|
||||||
ipcMain.handle('converter.convert', async (_e, { inputPath, outputPath }) => {
|
|
||||||
try {
|
|
||||||
await convertZip({
|
|
||||||
inputPath,
|
|
||||||
outputPath,
|
|
||||||
onLog: (line) => {
|
|
||||||
const win = BrowserWindow.getAllWindows()[0];
|
|
||||||
if (win && !win.isDestroyed()) win.webContents.send('converter.log', { line });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
return { ok: true };
|
|
||||||
} catch (err) {
|
|
||||||
const msg = err instanceof Error ? err.message : String(err);
|
|
||||||
const stack = err instanceof Error ? err.stack : null;
|
|
||||||
return { ok: false, error: stack ? `${msg}\n${stack}` : msg };
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
ipcMain.on('converter.log', () => undefined);
|
|
||||||
});
|
|
||||||
|
|
||||||
app.on('window-all-closed', () => {
|
|
||||||
app.quit();
|
|
||||||
});
|
|
||||||
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
const { contextBridge, ipcRenderer } = require('electron');
|
|
||||||
|
|
||||||
contextBridge.exposeInMainWorld('converter', {
|
|
||||||
pickInputZip: () => ipcRenderer.invoke('converter.pickInputZip'),
|
|
||||||
pickOutputZip: (inputPath) => ipcRenderer.invoke('converter.pickOutputZip', { inputPath }),
|
|
||||||
convert: ({ inputPath, outputPath }) =>
|
|
||||||
ipcRenderer.invoke('converter.convert', { inputPath, outputPath }),
|
|
||||||
onLog: (cb) => {
|
|
||||||
ipcRenderer.removeAllListeners('converter.log');
|
|
||||||
ipcRenderer.on('converter.log', (_e, { line }) => cb(line));
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
@@ -1,83 +0,0 @@
|
|||||||
let inputPath = null;
|
|
||||||
let outputPath = null;
|
|
||||||
|
|
||||||
const $pick = document.getElementById('pick');
|
|
||||||
const $convert = document.getElementById('convert');
|
|
||||||
const $in = document.getElementById('in');
|
|
||||||
const $out = document.getElementById('out');
|
|
||||||
const $log = document.getElementById('log');
|
|
||||||
|
|
||||||
function log(line) {
|
|
||||||
$log.textContent += `${line}\n`;
|
|
||||||
$log.scrollTop = $log.scrollHeight;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.addEventListener('error', (e) => {
|
|
||||||
try {
|
|
||||||
log(`JS error: ${String(e.message || e.error || 'unknown')}`);
|
|
||||||
} catch {
|
|
||||||
// ignore
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!window.converter) {
|
|
||||||
log('Ошибка: window.converter не найден.');
|
|
||||||
log('Похоже, preload не подключился. Перезапустите утилиту.');
|
|
||||||
$pick.disabled = true;
|
|
||||||
$convert.disabled = true;
|
|
||||||
} else {
|
|
||||||
window.converter.onLog((line) => log(line));
|
|
||||||
log('Готово. Нажмите "Выбрать .dnd.zip".');
|
|
||||||
}
|
|
||||||
|
|
||||||
function setPaths() {
|
|
||||||
$in.textContent = inputPath ?? '—';
|
|
||||||
$out.textContent = outputPath ?? '—';
|
|
||||||
$convert.disabled = !inputPath;
|
|
||||||
}
|
|
||||||
|
|
||||||
$pick.addEventListener('click', async () => {
|
|
||||||
$log.textContent = '';
|
|
||||||
if (!window.converter) {
|
|
||||||
log('Ошибка: preload не подключился (window.converter отсутствует).');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const res = await window.converter.pickInputZip();
|
|
||||||
if (!res || res.canceled) return;
|
|
||||||
inputPath = res.path;
|
|
||||||
outputPath = null;
|
|
||||||
setPaths();
|
|
||||||
log(`Выбран файл: ${inputPath}`);
|
|
||||||
});
|
|
||||||
|
|
||||||
$convert.addEventListener('click', async () => {
|
|
||||||
if (!inputPath) return;
|
|
||||||
if (!window.converter) {
|
|
||||||
log('Ошибка: preload не подключился (window.converter отсутствует).');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$convert.disabled = true;
|
|
||||||
try {
|
|
||||||
log('Готовлю выходной файл…');
|
|
||||||
const dest = await window.converter.pickOutputZip(inputPath);
|
|
||||||
if (!dest || dest.canceled) {
|
|
||||||
log('Отмена.');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
outputPath = dest.path;
|
|
||||||
setPaths();
|
|
||||||
|
|
||||||
log('Конвертация…');
|
|
||||||
const res = await window.converter.convert({ inputPath, outputPath });
|
|
||||||
if (res.ok) {
|
|
||||||
log('Готово.');
|
|
||||||
} else {
|
|
||||||
log(`Ошибка: ${res.error}`);
|
|
||||||
}
|
|
||||||
} finally {
|
|
||||||
$convert.disabled = !inputPath;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
setPaths();
|
|
||||||
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
import path from 'node:path';
|
|
||||||
import { fileURLToPath } from 'node:url';
|
|
||||||
import { spawn } from 'node:child_process';
|
|
||||||
|
|
||||||
const here = path.dirname(fileURLToPath(import.meta.url));
|
|
||||||
const root = path.resolve(here, '..');
|
|
||||||
const electronBin = path.resolve(root, 'node_modules', '.bin', process.platform === 'win32' ? 'electron.cmd' : 'electron');
|
|
||||||
|
|
||||||
const child = spawn(electronBin, ['.'], {
|
|
||||||
cwd: root,
|
|
||||||
stdio: 'inherit',
|
|
||||||
shell: process.platform === 'win32',
|
|
||||||
});
|
|
||||||
|
|
||||||
child.on('exit', (code) => {
|
|
||||||
process.exitCode = code ?? 0;
|
|
||||||
});
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user