kingkont 0.20.50 → 0.20.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.20.50",
+  "version": "0.20.53",
   "description": "KingKont \u00b7 Chatium \u2014 \u043d\u043e\u0434-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0446\u0435\u043d \u0441 AI-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0435\u0439 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438/\u0432\u0438\u0434\u0435\u043e/\u0433\u043e\u043b\u043e\u0441/SFX/\u043c\u0443\u0437\u044b\u043a\u0430/\u0442\u0435\u043a\u0441\u0442)",
   "main": "main.js",
   "bin": {

package/renderer/cloudProjects.js

@@ -393,6 +393,66 @@
               setCloudButtonsVisibility();
               if (typeof window.renderTemplateOverlay === 'function') window.renderTemplateOverlay();
               const bgBoards = Array.isArray(p.manifest?.boards) ? p.manifest.boards : [];
+              // Если в местной meta не было cdnByBoard (старая схема — meta
+              // сохранена до фичи), либо state.cloudCdnByBoard пустой — строим
+              // карту из свежего манифеста и применяем к текущей доске.
+              // Иначе картинки в web-view не находятся: state.currentBoard.urls
+              // остаётся {} → settings.js hydrate упирается в resolveBoardFile,
+              // который в web без локального файла бросает «Файл не найден».
+              // (a) Recovery cdnByBoard если в meta его не было.
+              const haveCdnMap = state.cloudCdnByBoard
+                && Object.keys(state.cloudCdnByBoard).length > 0;
+              if (!haveCdnMap && bgBoards.length) {
+                state.cloudCdnByBoard = _buildCdnByBoard(bgBoards);
+                _applyCdnUrlsToCurrentBoard();
+                try {
+                  const fresh = { ...meta, cdnByBoard: state.cloudCdnByBoard, syncedAt: Date.now() };
+                  await writeCloudFile(projectId, '.kingkont-meta.json',
+                    new TextEncoder().encode(JSON.stringify(fresh, null, 2)));
+                } catch {}
+              }
+              // (b) Recovery scene.json'ов независимо от (a). Старая сессия
+              // могла закешировать только часть досок в IDB (юзер не во все
+              // сцены кликал) — сайдбар тогда покажет 4 сцены вместо 5.
+              // Либо в IDB лежит «стартовый» scene.json на 0 нод. Если
+              // local-копия пустее серверной — перезаписываем.
+              let wroteAnyScene = false;
+              for (const board of bgBoards) {
+                if (!board.scene) continue;
+                const boardDir = boardKindToDir(board.kind, board.name);
+                const scenePath = joinPath(boardDir, 'scene.json');
+                let existing = null;
+                try {
+                  existing = window.cloudFs
+                    ? await window.cloudFs.readText(projectId, scenePath).catch(() => null)
+                    : await window.cloudFsShim?.readTextFile?.(projectId, scenePath).catch(() => null);
+                } catch {}
+                let needsWrite = !existing;
+                if (existing && !needsWrite) {
+                  try {
+                    const local = JSON.parse(existing);
+                    const localN = Array.isArray(local?.nodes) ? local.nodes.length : 0;
+                    const serverN = Array.isArray(board.scene?.nodes) ? board.scene.nodes.length : 0;
+                    if (localN < serverN) needsWrite = true;
+                  } catch { needsWrite = true; }
+                }
+                if (!needsWrite) continue;
+                try {
+                  await writeCloudFile(projectId, scenePath,
+                    new TextEncoder().encode(JSON.stringify(board.scene, null, 2)));
+                  wroteAnyScene = true;
+                } catch {}
+              }
+              if (wroteAnyScene) {
+                try {
+                  if (typeof refreshEpisodes === 'function') await refreshEpisodes();
+                  if (typeof refreshLocations === 'function') await refreshLocations();
+                  if (typeof refreshCharacters === 'function') await refreshCharacters();
+                } catch {}
+              }
+              if ((!haveCdnMap || wroteAnyScene) && state.currentBoard && typeof selectBoard === 'function') {
+                try { await selectBoard(state.currentBoard); } catch {}
+              }
               await _downloadAllTexts(projectId, bgBoards).catch(() => {});
               // Перечитываем тексты ТЕКУЩЕЙ доски (другие — при switchBoard).
               await _refreshCurrentBoardTexts().catch(() => {});
@@ -451,28 +511,7 @@
       // кешируется»). 1024px достаточно и для card-thumbnail и для
       // полноэкранного просмотра. Маленькие thumbs (320x) — отдельной
       // картой не требуются, scene-card сам ресайзит через CSS.
-      const cdnByBoard = {};
-      // R2 public bucket `pub-<id>.r2.dev` rate-limited Cloudflare'ом (503 при
-      // batch-загрузке из браузера, ~30 одновременных img-fetch'ей). Переписываем
-      // на Worker GET endpoint (Worker не лимитирован так агрессивно, +CORS).
-      // Старые manifests на чатиуме могут содержать pub-…r2.dev URL'ы — этот
-      // rewrite их чинит без серверной миграции.
-      const R2_PUB_PREFIX = 'https://pub-cd4114af9f7d44c9bf8c9442bc7dddc2.r2.dev/';
-      const R2_WORKER_GET = 'https://kingkont-r2-upload.timur-dd5.workers.dev/get/';
-      for (const board of boards) {
-        const map = {};
-        for (const [relPath, cdnUrlRaw] of Object.entries(board.files || {})) {
-          let cdnUrl = cdnUrlRaw;
-          if (cdnUrl && cdnUrl.startsWith(R2_PUB_PREFIX)) {
-            cdnUrl = R2_WORKER_GET + cdnUrl.slice(R2_PUB_PREFIX.length);
-          }
-          const thumbUrl = cdnUrl.includes('fs.chatium.ru/get/')
-            ? cdnUrl.replace('/get/', '/thumbnail/') + '/1024x'
-            : cdnUrl;
-          map[relPath] = '/api/proxy?url=' + encodeURIComponent(thumbUrl);
-        }
-        cdnByBoard[board.name] = map;
-      }
+      const cdnByBoard = _buildCdnByBoard(boards);
       // Skeleton meta + cdnByBoard (для fast cache-hit на reload).
       await writeCloudFile(projectId, '.kingkont-meta.json',
         new TextEncoder().encode(JSON.stringify({
@@ -634,6 +673,36 @@
     if (changed) console.log('[cloudProjects] refreshed', changed, 'text-нод после фоновой загрузки');
   }
 
+  // Построить CDN-карту {boardName: {relPath: '/api/proxy?url=...'}} из манифеста.
+  // Вынесено в helper — используется и в no-cache-ветке openCloudProject, и
+  // в фоновом fetch при cache-hit (когда местная meta была сохранена старой
+  // версией без cdnByBoard — иначе картинки в web-view не находятся).
+  // R2 public bucket `pub-<id>.r2.dev` rate-limited Cloudflare'ом (503 при
+  // batch-загрузке из браузера, ~30 одновременных img-fetch'ей). Переписываем
+  // на Worker GET endpoint (Worker не лимитирован так агрессивно, +CORS).
+  // Старые manifests на чатиуме могут содержать pub-…r2.dev URL'ы — этот
+  // rewrite их чинит без серверной миграции.
+  function _buildCdnByBoard(boards) {
+    const R2_PUB_PREFIX = 'https://pub-cd4114af9f7d44c9bf8c9442bc7dddc2.r2.dev/';
+    const R2_WORKER_GET = 'https://kingkont-r2-upload.timur-dd5.workers.dev/get/';
+    const cdnByBoard = {};
+    for (const board of boards || []) {
+      const map = {};
+      for (const [relPath, cdnUrlRaw] of Object.entries(board.files || {})) {
+        let cdnUrl = cdnUrlRaw;
+        if (cdnUrl && cdnUrl.startsWith(R2_PUB_PREFIX)) {
+          cdnUrl = R2_WORKER_GET + cdnUrl.slice(R2_PUB_PREFIX.length);
+        }
+        const thumbUrl = cdnUrl && cdnUrl.includes('fs.chatium.ru/get/')
+          ? cdnUrl.replace('/get/', '/thumbnail/') + '/1024x'
+          : cdnUrl;
+        if (thumbUrl) map[relPath] = '/api/proxy?url=' + encodeURIComponent(thumbUrl);
+      }
+      cdnByBoard[board.name] = map;
+    }
+    return cdnByBoard;
+  }
+
   // Подложить CDN-URL'ы под state.currentBoard.urls — рендеру медиа-нод
   // в settings.js достаточно непустого `urls[node.file]`, чтобы не лезть
   // в FS (см. settings.js:405).

package/renderer/settings.js

@@ -591,23 +591,30 @@ function ensureNodeDescriptionEl(node) {
   if (!node) return null;
   const canvasEl = document.getElementById('canvas');
   if (!canvasEl) return null;
-  const text = (node.type === 'image' || node.type === 'video') ? (node.description || '').trim() : '';
-  const sel = `.node-description-outside[data-desc-for="${node.id}"]`;
-  let el = canvasEl.querySelector(sel);
-  if (!text) {
-    // Описания нет — удаляем sidecar.
-    if (el) el.remove();
+  if (node.type !== 'image' && node.type !== 'video') {
+    const existing = canvasEl.querySelector(`.node-description-outside[data-desc-for="${node.id}"]`);
+    if (existing) existing.remove();
+    return null;
+  }
+  const text = (node.description || '').trim();
+  // В view-only-режиме (share-link template) placeholder «Добавить описание»
+  // не показываем — он имеет смысл только если юзер может редактировать.
+  const canModify = (typeof state !== 'undefined' && state)
+    ? (state.cloudCanModify !== false)
+    : true;
+  const isPlaceholder = !text;
+  if (isPlaceholder && !canModify) {
+    const existing = canvasEl.querySelector(`.node-description-outside[data-desc-for="${node.id}"]`);
+    if (existing) existing.remove();
     return null;
   }
+  const sel = `.node-description-outside[data-desc-for="${node.id}"]`;
+  let el = canvasEl.querySelector(sel);
   if (!el) {
     el = document.createElement('div');
     el.className = 'node-description-outside';
     el.dataset.descFor = node.id;
     canvasEl.appendChild(el);
-    // Дабл-клик по описанию → редактор (юзер: «дабл-клик на описании ноды
-    // должен открывать его редактирование»). editNodeDescription —
-    // глобал из board.js. e.stopPropagation — иначе дабл-клик пробрасывался
-    // в .node и срабатывало fullscreen-просмотр.
     el.addEventListener('dblclick', e => {
       e.stopPropagation();
       e.preventDefault();
@@ -615,8 +622,22 @@ function ensureNodeDescriptionEl(node) {
         window.editNodeDescription(node);
       }
     });
+    el.addEventListener('click', e => {
+      if (!el.classList.contains('empty')) return;
+      e.stopPropagation();
+      e.preventDefault();
+      if (typeof window.editNodeDescription === 'function') {
+        window.editNodeDescription(node);
+      }
+    });
+  }
+  if (isPlaceholder) {
+    el.classList.add('empty');
+    if (el.textContent !== 'Добавить описание') el.textContent = 'Добавить описание';
+  } else {
+    el.classList.remove('empty');
+    if (el.textContent !== text) el.textContent = text;
   }
-  if (el.textContent !== text) el.textContent = text;
   positionNodeDescriptionEl(node, el);
   return el;
 }
@@ -658,13 +679,11 @@ function fitNodeHeightToMedia(node, nodeEl, mediaEl) {
   // Берём актуальную width — node.width если задано, иначе текущий offsetWidth.
   const w = node.width || nodeEl.offsetWidth;
   if (!w) return;
-  // Высота описания (если есть) — описание занимает нижнюю часть bbox'а
-  // ноды (см. positionNodeDescriptionEl). Без этого описание выходило за
+  // Высота описания (если есть, включая placeholder «Добавить описание»)
+  // — занимает нижнюю часть bbox'а ноды. Без этого описание выходило за
   // пределы node.height и «накладывалось» на соседнюю ноду снизу. Юзер:
   // «на ноде её описание показывается над нодой которая расположена выше».
-  const descEl = (node.description || '').trim()
-    ? document.querySelector(`.node-description-outside[data-desc-for="${node.id}"]`)
-    : null;
+  const descEl = document.querySelector(`.node-description-outside[data-desc-for="${node.id}"]`);
   const descH = descEl ? descEl.offsetHeight + 4 : 0;   // +4 чтобы зрительно отделять
   const newH = Math.round(w * (natH / natW) + chromeH + descH);
   // 2px tolerance — не шумим в save/connections при суб-пиксельных колебаниях.

package/renderer/styles.css

@@ -130,6 +130,25 @@
     z-index: 2;
     pointer-events: auto;
   }
+  /* Placeholder: описание отсутствует, подсказка «Добавить описание».
+     Юзер: «если описания в ноде нет — показывай блок с описанием с текстом
+     'добавить описание'». Стиль приглушённый, чтобы не отвлекать; клик/
+     дабл-клик открывает редактор. В view-only-режиме placeholder не
+     показываем (см. ensureNodeDescriptionEl). */
+  .node-description-outside.empty {
+    color: #6a6a6a;
+    font-style: italic;
+    border-left-color: #3a3a3a;
+    background: #1a1a1a;
+    box-shadow: none;
+    cursor: pointer;
+    transition: color 0.12s, border-left-color 0.12s, background 0.12s;
+  }
+  .node-description-outside.empty:hover {
+    color: #aac8e6;
+    border-left-color: #4a6a9a;
+    background: #1e1e1e;
+  }
   /* Legacy: оставляем класс для совместимости (вдруг где-то ещё ссылается). */
   .node .node-description { display: none; }