kingkont 0.7.91 → 0.7.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.7.91",
+  "version": "0.7.93",
   "description": "KingKont · Chatium — нод-редактор сцен с AI-генерацией (картинки/видео/голос/SFX/музыка/текст)",
   "main": "main.js",
   "bin": {

package/renderer/generate.js

@@ -210,7 +210,7 @@ async function addLabelAt(pos) {
   const node = {
     id: crypto.randomUUID(),
     type: 'label',
-    text: '',
+    text: 'Подпись',                      // дефолтный текст — сразу видно ноду
     textStyle: { fontSize: 32, italic: false, fontFamily: 'pencil' },
     x, y,
     // width/height не задаём — label всегда auto-размер по тексту
@@ -220,19 +220,19 @@ async function addLabelAt(pos) {
   const el = await createNodeEl(node);
   canvas.appendChild(el);
   scheduleSave();
-  // Авто-фокус в редактируемый текст, чтобы юзер сразу начал печатать.
+  // Сразу входим в режим редактирования и выделяем весь текст —
+  // юзер начинает печатать, и «Подпись» заменяется на введённое.
   setTimeout(() => {
     const ed = el.querySelector('.label-text');
-    if (ed) {
-      ed.focus();
-      // Курсор в конец (если контент пустой — это всё равно начало).
-      const sel = window.getSelection();
-      const r = document.createRange();
-      r.selectNodeContents(ed);
-      r.collapse(false);
-      sel?.removeAllRanges();
-      sel?.addRange(r);
-    }
+    if (!ed) return;
+    ed.contentEditable = 'plaintext-only';
+    ed.focus();
+    // Select all — type-to-replace UX (как на iOS notes / новой подписи).
+    const sel = window.getSelection();
+    const r = document.createRange();
+    r.selectNodeContents(ed);
+    sel?.removeAllRanges();
+    sel?.addRange(r);
   }, 30);
 }
 

package/renderer/settings.js

@@ -179,11 +179,21 @@ function renderLabelNodeBody(node, body) {
   ed.addEventListener('mousedown', e => {
     // В edit-режиме: не пускаем drag-обработчик (нужно поставить курсор/выделить текст).
     if (ed.isContentEditable) e.stopPropagation();
-    // В read-режиме: пузырится — attachDrag-handler (повешен и на label-text)
-    // обработает single-click как «выбрать ноду» и подхватит drag.
+    // В read-режиме: drag-handler (привязан ниже) обработает single-click
+    // как «выбрать ноду» и подхватит drag.
   });
 
   body.appendChild(ed);
+
+  // Привязываем drag-handler ИМЕННО ЗДЕСЬ — потому что refreshNodeDOM
+  // (вызывается при смене шрифта/размера/курсива через ПКМ) пересоздаёт
+  // .label-text. Если drag вешать в attachDrag (вызывается один раз в
+  // createNodeEl), то после refreshNodeDOM новый элемент окажется без
+  // обработчика — и ноду нельзя будет двигать.
+  const nodeEl = body.closest('.node');
+  if (nodeEl) {
+    ed.addEventListener('mousedown', makeDragHandler(nodeEl, node));
+  }
 }
 
 async function renderNodeBody(node, body) {
@@ -739,15 +749,18 @@ function attachResize(el, node, handle) {
 
 function attachDrag(el, node) {
   const header = el.querySelector('.node-header');
-  // Для label-нод вешаем drag и на сам текст: header скрыт до hover, а
-  // юзер хочет цеплять ноду с любого места видимого текста. В handler'е
-  // пропускаем срабатывание, если label в edit-режиме (см. условие ниже).
-  const sources = [header];
-  if (node.type === 'label') {
-    const lt = el.querySelector('.label-text');
-    if (lt) sources.push(lt);
-  }
-  const handler = e => {
+  // Header-source: drag вешается один раз при создании ноды. .label-text
+  // отдельно привязывается из renderLabelNodeBody — потому что при смене
+  // шрифта/размера через ПКМ refreshNodeDOM пересоздаёт DOM-элемент
+  // .label-text, и старый listener умирает вместе со старым элементом.
+  if (header) header.addEventListener('mousedown', makeDragHandler(el, node));
+}
+
+// Создаёт drag-handler для конкретной (el, node) пары. Вынесено отдельно
+// чтобы можно было вешать на новый .label-text после refreshNodeDOM
+// (renderLabelNodeBody делает это при каждом рендере).
+function makeDragHandler(el, node) {
+  return e => {
     // Edit-режим label — не таскаем (контекст редактирования текста).
     if (e.currentTarget?.classList?.contains('label-text') && e.currentTarget.isContentEditable) return;
     if (e.target.closest('.delete')) return;
@@ -907,7 +920,6 @@ function attachDrag(el, node) {
     document.addEventListener('mousemove', onMove);
     document.addEventListener('mouseup', onUp);
   };
-  for (const src of sources) if (src) src.addEventListener('mousedown', handler);
 }
 
 // Добавить ноду как клип в указанную дорожку с ripple-вставкой по времени
@@ -1084,7 +1096,10 @@ async function deleteSelectedNodes() {
 document.addEventListener('keydown', async e => {
   const mod = e.metaKey || e.ctrlKey;
   const tag = (e.target?.tagName || '').toLowerCase();
-  const inText = tag === 'textarea' || tag === 'input';
+  // contentEditable label-text — тоже текстовое поле: Backspace там должен
+  // удалять символ, а не ноду. e.target.isContentEditable отлавливает любой
+  // contenteditable-элемент (наша label-нода в edit-режиме).
+  const inText = tag === 'textarea' || tag === 'input' || !!e.target?.isContentEditable;
 
   // Zoom shortcuts (работают даже в инпутах — это естественно)
   if (mod && (e.key === '=' || e.key === '+')) { e.preventDefault(); applyZoom(state.zoom * 1.25); return; }