kingkont 0.20.68 → 0.20.69

package/index.html

@@ -45,14 +45,12 @@
     <input id="sidebarSearch" type="text" placeholder="Поиск…" autocomplete="off">
   </div>
 
-  <!-- Раздел «Персонажи» убран — он будет включён в «Ресурсы» (юзер: «убери
-       совсем раздел Персонажи. мы будем его включать в ресурсы»). #newCharacter
-       и #characterList оставлены как скрытые stub'ы, чтобы getElementById-
-       обращения из board.js (newCharacter listener, refreshCharacters →
-       characterList.innerHTML, addEventListener'ы) не падали. -->
-  <div style="display:none">
-    <button id="newCharacter"></button>
-    <div id="characterList"></div>
+  <!-- Раздел «Персонажи» — возвращён по просьбе юзера. Данные (папки
+       _characters/<name>/) живут на сервере (cloud-проекты) и в локальной
+       копии — ничего не терялось при временном скрытии, только UI. -->
+  <div class="sidebar-section kk-edit-only">
+    <h3>Персонажи <button id="newCharacter" disabled title="Создать персонажа">+</button></h3>
+    <div class="sidebar-list" id="characterList"></div>
   </div>
 
   <div class="sidebar-section kk-edit-only">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.20.68",
+  "version": "0.20.69",
   "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/board.js

@@ -2647,102 +2647,6 @@ function attachInlineDescription(el, node) {
     });
 }
 
-// Копирование медиа-файла ноды в СИСТЕМНЫЙ буфер обмена (не в state.clipboard,
-// который для внутренней copy/paste нод). Юзер: «нужно чтобы любую картинку и
-// любое видео можно было скопировать в буфер обмена чтобы вставить в другое
-// приложение».
-//
-// IMAGE: ClipboardItem с image/png MIME. Если исходный формат — jpeg/webp/gif,
-//   перерисовываем в PNG через canvas (большинство ОС-приложений принимают PNG
-//   из clipboard). Также пишем оригинальный MIME как дополнительный тип —
-//   некоторые приложения предпочитают исходный формат.
-// VIDEO: Web Clipboard API не поддерживает video MIME-типы (только image/* и
-//   text/*). Fallback: пишем file:// URL (Electron) или name файла в text/plain
-//   и blob:URL — юзер может вставить как ссылку. В Finder/проводник file://
-//   URL открывает файл; в браузер — открывает в новой вкладке.
-async function copyMediaToSystemClipboard(node) {
-    if (!node || !node.file) throw new Error('У ноды нет файла');
-    if (!navigator.clipboard || !navigator.clipboard.write) {
-        throw new Error('Clipboard API недоступен в этом браузере');
-    }
-    const fh = await resolveBoardFile(state.currentBoard.handle, node.file);
-    const file = await fh.getFile();
-    if (node.type === 'image') {
-        const mime = file.type || _guessMimeFromName(node.file) || 'image/png';
-        // Web Clipboard API в Chrome поддерживает только image/png для write
-        // (image/jpeg, image/webp выбрасывают «Type X not supported on write»).
-        // Поэтому если файл не PNG — перерисовываем через canvas в PNG.
-        const pngBlob = (mime === 'image/png')
-            ? file
-            : await _imageBlobToPng(file);
-        await navigator.clipboard.write([new ClipboardItem({ 'image/png': pngBlob })]);
-        return { format: 'image/png', size: pngBlob.size };
-    }
-    if (node.type === 'video') {
-        // Video не поддерживается Clipboard API → ставим text/plain с file-name +
-        // text/uri-list с blob:URL (приложения принимающие URL смогут открыть).
-        const url = URL.createObjectURL(file);
-        const filename = node.file.split('/').pop() || 'video';
-        try {
-            await navigator.clipboard.write([new ClipboardItem({
-                'text/plain': new Blob([url], { type: 'text/plain' }),
-                'text/uri-list': new Blob([url], { type: 'text/uri-list' }),
-            })]);
-        } catch {
-            // Fallback на старый writeText API если ClipboardItem с uri-list не
-            // поддерживается.
-            await navigator.clipboard.writeText(url);
-        }
-        // ВНИМАНИЕ: blob:URL живёт только пока эта вкладка открыта. Юзер должен
-        // вставить URL ДО reload'а. Альтернатива — использовать ПКМ «💾 Сохранить
-        // как…» и потом drag-n-drop'ать файл из системы (сообщаем юзеру).
-        if (typeof showToast === 'function') {
-            showToast('⚠ Видео скопировано как blob:URL — вставь ДО перезагрузки. Для надёжного копирования используй «💾 Сохранить как…».', 'warn');
-        }
-        return { format: 'blob-url', filename };
-    }
-    throw new Error('Тип ноды не поддерживается: ' + node.type);
-}
-
-// Конвертация blob картинки в PNG через canvas.
-async function _imageBlobToPng(blob) {
-    return new Promise((resolve, reject) => {
-        const img = new Image();
-        const url = URL.createObjectURL(blob);
-        img.onload = () => {
-            try {
-                const c = document.createElement('canvas');
-                c.width = img.naturalWidth;
-                c.height = img.naturalHeight;
-                const ctx = c.getContext('2d');
-                ctx.drawImage(img, 0, 0);
-                c.toBlob(b => {
-                    URL.revokeObjectURL(url);
-                    if (b) resolve(b);
-                    else reject(new Error('canvas.toBlob вернул null'));
-                }, 'image/png');
-            } catch (e) {
-                URL.revokeObjectURL(url);
-                reject(e);
-            }
-        };
-        img.onerror = () => {
-            URL.revokeObjectURL(url);
-            reject(new Error('Не удалось загрузить картинку'));
-        };
-        img.src = url;
-    });
-}
-
-function _guessMimeFromName(name) {
-    const ext = (name || '').toLowerCase().split('.').pop();
-    return ({
-        png: 'image/png', jpg: 'image/jpeg', jpeg: 'image/jpeg',
-        webp: 'image/webp', gif: 'image/gif',
-        mp4: 'video/mp4', webm: 'video/webm', mov: 'video/quicktime',
-    })[ext] || null;
-}
-
 // Скопировать / вставить настройки сцены (aspectRatio + defaultPrompts).
 // Хранение — in-memory state.clipboardSceneSettings (живёт до closeProject).
 // Юзер: «сделай возможность скопировать настройки из одной сцены в другую».
@@ -4476,25 +4380,6 @@ function showNodeContextMenu(node, clientX, clientY) {
     add('📥 Вставить (Cmd+V)', () => pasteClipboardNodes(), { disabled: !canPaste });
     const canReplace = !!(state.clipboard?.length);
     add('⇄ Заменить из буфера', () => replaceNodeFromClipboard(node), { disabled: !canReplace });
-    // «📋 Копировать в системный буфер» — image/video. Юзер: «нужно чтобы
-    // любую картинку и любое видео можно было скопировать в буфер обмена
-    // чтобы вставить в другое приложение». Image — через ClipboardItem
-    // (image/png). Video — Web Clipboard API не поддерживает video MIME,
-    // делаем fallback: пишем file:// URL / название файла в text/plain,
-    // юзер вставит в Finder/проводник (URL) или как текст.
-    if ((node.type === 'image' || node.type === 'video') && node.file) {
-        add('📋 Копировать в буфер (системный)', async () => {
-            try {
-                await copyMediaToSystemClipboard(node);
-                if (typeof showToast === 'function') {
-                    showToast('📋 Скопировано в системный буфер', 'ok');
-                }
-            } catch (e) {
-                console.error('clipboard copy failed:', e);
-                alert('Не удалось скопировать: ' + (e?.message || e));
-            }
-        });
-    }
     // «Сохранить как…» — для любого медиа-файла (image / audio / video).
     // Показывает нативный системный диалог через FS-Access-API; если API
     // недоступен (web-режим) — auto-сохранение в Downloads/.

package/renderer/generate.js

@@ -39,6 +39,12 @@ canvasWrap.addEventListener('mousedown', e => {
   }
   if (e.button !== 0) return;
   if (e.target.closest('.node, .conn, .anchor, .resize-handle, button, input, textarea, select, .modal, #addMenu, #nodeMenu')) return;
+  // preventDefault на mousedown пустого холста — иначе браузер начинает
+  // native text-selection и при rubber-band drag'е через ноду подсвечивает
+  // её inline-description / textarea текст-ноды. Юзер: «когда выделяем ноду
+  // движением drag&drop — выделяется текст на описаниях и внутри текстовых
+  // нод».
+  e.preventDefault();
   // Если без модификатора — сбрасываем старое выделение
   const additive = e.metaKey || e.ctrlKey || e.shiftKey;
   if (!additive && state.selectedNodeIds.size) {
@@ -78,6 +84,13 @@ function startRubberBand(e, additive) {
   const overlay = document.createElement('div');
   overlay.style.cssText = 'position:fixed; pointer-events:none; border:1px dashed #6a8aaa; background:rgba(106,138,170,0.1); z-index:1000;';
   document.body.appendChild(overlay);
+  // Глобально отключаем text-selection на время drag'а — иначе при движении
+  // курсора через ноды браузер подсвечивает description / textarea текст-нод.
+  // preventDefault на mousedown уже отбивает старт нативной селекции, но
+  // некоторые браузеры всё-равно расширяют выделение при движении —
+  // user-select:none на body это финальная страховка. Восстанавливаем в onUp.
+  const prevUserSelect = document.body.style.userSelect;
+  document.body.style.userSelect = 'none';
   let moved = false;
   const onMove = ev => {
     moved = true;
@@ -92,6 +105,7 @@ function startRubberBand(e, additive) {
     document.removeEventListener('mousemove', onMove);
     document.removeEventListener('mouseup', onUp);
     overlay.remove();
+    document.body.style.userSelect = prevUserSelect;
     if (!moved) return;
     const rect = canvas.getBoundingClientRect();
     const endC = { x: (ev.clientX - rect.left) / state.zoom, y: (ev.clientY - rect.top) / state.zoom };

package/renderer/settings.js

@@ -1515,18 +1515,24 @@ async function copyNodeToClipboard(node) {
 }
 
 // Кладёт ноды в системный буфер обмена (где это имеет смысл):
-//   • image — image/png (конвертим из jpg/webp через canvas)
+//   • первая image-нода (если есть среди выделенных) — image/png через
+//     canvas-конвертацию. Web Clipboard API принимает ОДНУ запись и
+//     receiver'ы (Telegram, Photoshop, Notes…) всё равно читают первый
+//     image — выкладывать массив бессмысленно.
 //   • text/label — text/plain (если несколько — соединяем через \n\n)
-//   • video/audio — пропускаем (Clipboard API binary-MIME'ов не держит)
-// Ошибки глотаем — основной путь это внутренний state.clipboard, system
-// clipboard это бонус. Если permission denied / focus lost / unsupported
-// MIME — внутренний работает как раньше.
+//   • video/audio в одиночку — имя файла как fallback.
+// Юзер: «когда выделяешь несколько нод и копируешь — не копируется».
+// Раньше для multi-selection ветка «один image» пропускалась (items.length
+// !== 1) и срабатывал text-fallback, который писал ИМЯ файла как текст
+// вместо самой картинки. Теперь — ищем ПЕРВУЮ image-ноду в selection'е
+// и копируем именно её.
 async function writeNodesToSystemClipboard(items) {
   if (!items?.length || !navigator.clipboard) return;
   try {
-    // Один image-ноду — пишем как картинку.
-    if (items.length === 1 && items[0].blob && items[0].node?.type === 'image') {
-      const blob = items[0].blob;
+    // Ищем первую image-ноду в выделении — её копируем как image/png.
+    const imgItem = items.find(it => it.blob && it.node?.type === 'image');
+    if (imgItem) {
+      const blob = imgItem.blob;
       const pngBlob = blob.type === 'image/png' ? blob : await blobToPng(blob);
       if (pngBlob && typeof ClipboardItem === 'function') {
         await navigator.clipboard.write([new ClipboardItem({ 'image/png': pngBlob })]);

package/renderer/styles.css

@@ -144,6 +144,9 @@
     background: transparent;
     cursor: pointer;
     transition: color 0.12s, background 0.12s;
+    /* Placeholder — это «кнопка-подсказка», не текст. Запрещаем выделение
+       чтобы rubber-band drag не подсвечивал его. */
+    user-select: none; -webkit-user-select: none;
   }
   .node-description-inline.empty:hover {
     color: #aac8e6;