kingkont 0.7.84 → 0.7.85

package/assets/fonts/NOTICE.md

@@ -14,6 +14,7 @@ beautiful Cyrillic-aware label nodes without needing a network connection.
 | Comfortaa     | Johan Aakerlund                        | <https://fonts.google.com/specimen/Comfortaa>    |
 | PT Serif      | ParaType                               | <https://fonts.google.com/specimen/PT+Serif>     |
 | PT Mono       | ParaType                               | <https://fonts.google.com/specimen/PT+Mono>      |
+| Neucha        | Jovanny Lemonad                        | <https://fonts.google.com/specimen/Neucha>       |
 
 Files were downloaded from the @fontsource jsDelivr mirror in the
 `cyrillic-400-normal` and `latin-400-normal` subsets.

package/package.json

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

package/renderer/generate.js

@@ -211,7 +211,7 @@ async function addLabelAt(pos) {
     id: crypto.randomUUID(),
     type: 'label',
     text: '',
-    textStyle: { fontSize: 32, italic: false, fontFamily: 'handwritten' },
+    textStyle: { fontSize: 32, italic: false, fontFamily: 'pencil' },
     x, y,
     // width/height не задаём — label всегда auto-размер по тексту
     // (см. createNodeEl: для type='label' inline-style не применяется).

package/renderer/settings.js

@@ -66,7 +66,8 @@ $('settingsRegen').addEventListener('click', () => {
 // сохранённые сцены. Новые красивые шрифты добавляем под новыми id.
 const LABEL_FONTS = [
   { id: 'default',     label: 'Обычный'      },
-  { id: 'handwritten', label: 'Карандашом'   }, // Caveat
+  { id: 'pencil',      label: 'Грифель'      }, // Neucha — шероховатый карандашный
+  { id: 'handwritten', label: 'Прописью'     }, // Caveat — гладкий рукописный
   { id: 'brush',       label: 'Скорописью'   }, // Bad Script
   { id: 'marker',      label: 'Кистью'       }, // Pacifico
   { id: 'display',     label: 'Декор'        }, // Lobster
@@ -618,6 +619,42 @@ function attachResize(el, node, handle) {
     const startX = e.clientX, startY = e.clientY;
     const startW = el.offsetWidth, startH = el.offsetHeight;
 
+    // Label: ресайз-хендл МАСШТАБИРУЕТ шрифт, а не меняет размеры бокса.
+    // Бокс auto-sized по тексту, поэтому при увеличении fontSize он
+    // автоматически растёт. Используем диагональную дистанцию (max от dx/dy)
+    // — даёт интуитивный «оттянуть угол → больше».
+    if (node.type === 'label') {
+      if (!node.textStyle) node.textStyle = { fontSize: 32, italic: false, fontFamily: 'pencil' };
+      const startSize = node.textStyle.fontSize || 32;
+      const labelTextEl = el.querySelector('.label-text');
+      const sizeSel = el.querySelector('.label-toolbar select[title="Размер шрифта"]');
+      const onMoveL = ev => {
+        const dx = (ev.clientX - startX) / state.zoom;
+        const dy = (ev.clientY - startY) / state.zoom;
+        // Линейная зависимость: ~0.6px шрифта на пиксель диагонального drag.
+        // Берём «среднее с уклоном на больший» — чтобы юзер мог тянуть как
+        // вправо-вниз (увеличивать), так и влево-вверх (уменьшать).
+        const delta = (dx + dy) * 0.6;
+        const newSize = Math.max(8, Math.min(200, Math.round(startSize + delta)));
+        node.textStyle.fontSize = newSize;
+        if (labelTextEl) labelTextEl.style.fontSize = newSize + 'px';
+        // Синхронизируем dropdown в тулбаре, если есть подходящий option.
+        if (sizeSel) {
+          const has = Array.from(sizeSel.options).some(o => o.value === String(newSize));
+          if (has) sizeSel.value = String(newSize);
+        }
+        renderConnections();
+      };
+      const onUpL = () => {
+        document.removeEventListener('mousemove', onMoveL);
+        document.removeEventListener('mouseup', onUpL);
+        scheduleSave();
+      };
+      document.addEventListener('mousemove', onMoveL);
+      document.addEventListener('mouseup', onUpL);
+      return;
+    }
+
     // Aspect-lock для image/video: соблюдаем ratio оригинала. Берём nat-
     // ural размеры media-элемента, считаем chrome (header + footer + padding)
     // как разницу высоты ноды и высоты media. На этапе resize меняем ту ось,

package/renderer/styles.css

@@ -82,6 +82,16 @@
     src: url('../assets/fonts/pt-mono-latin-400.woff2') format('woff2');
     unicode-range: U+0000-00FF;
   }
+  @font-face {
+    font-family: 'KK Neucha'; font-style: normal; font-weight: 400; font-display: block;
+    src: url('../assets/fonts/neucha-cyrillic-400.woff2') format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  @font-face {
+    font-family: 'KK Neucha'; font-style: normal; font-weight: 400; font-display: block;
+    src: url('../assets/fonts/neucha-latin-400.woff2') format('woff2');
+    unicode-range: U+0000-00FF;
+  }
 
   * { box-sizing: border-box; margin: 0; padding: 0; }
   html, body { height: 100%; }
@@ -450,9 +460,23 @@
   }
   /* Footer для label не используется (нет сгенерированной информации) — скрываем. */
   .node.label-node .node-footer { display: none; }
-  /* Resize и anchor для label не нужны — текст auto-размером, ссылок нет. */
-  .node.label-node .resize-handle,
+  /* Anchor для label не нужен — это просто аннотация, не источник для генерации. */
   .node.label-node .anchor { display: none; }
+  /* Resize-handle для label НЕ ресайзит ширину/высоту, а МАСШТАБИРУЕТ шрифт.
+     Видимый правый-нижний уголок, hover-only, чтобы не отвлекать. */
+  .node.label-node .resize-handle {
+    position: absolute;
+    right: -2px; bottom: -2px;
+    width: 14px; height: 14px;
+    background: rgba(90,168,255,0.85);
+    border: 1px solid rgba(255,255,255,0.4);
+    border-radius: 3px;
+    cursor: nwse-resize;
+    opacity: 0; transition: opacity 0.15s;
+    z-index: 11;
+  }
+  .node.label-node:hover .resize-handle,
+  .node.label-node:focus-within .resize-handle { opacity: 1; }
 
   /* Body — wrapper без визуального вклада. */
   .node.label-node .node-body {
@@ -495,17 +519,23 @@
   }
   .node.label-node .label-toolbar .tt-italic { font-style: italic; min-width: 22px; }
 
-  /* Сам текст — auto-ширина по контенту, до max-width. */
+  /* Сам текст — auto-ширина по контенту, до max-width.
+     line-height: 1.5 — чтобы descender'ы рукописных шрифтов (Caveat g/p/y,
+     Pacifico, Bad Script) не клипались по нижнему краю. padding 8px вверху
+     и внизу — на случай если у конкретной семьи descender лезет ещё дальше. */
   .node.label-node .label-text {
     display: inline-block;
-    padding: 4px 8px;
-    color: #eaeaea; line-height: 1.2;
+    padding: 8px 10px;
+    color: #eaeaea; line-height: 1.5;
     word-break: break-word; white-space: pre-wrap;
     outline: none; cursor: text;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     text-shadow: 0 1px 2px rgba(0,0,0,0.6);
-    min-width: 30px;
+    min-width: 60px;
     max-width: 100%;
+    /* min-height в em — гарантирует что пустая нода (только placeholder)
+       всё равно имеет высоту хотя бы одной строки выбранного шрифта. */
+    min-height: 1.5em;
   }
   .node.label-node .label-text:empty::before {
     content: attr(data-placeholder);
@@ -513,10 +543,13 @@
   }
   /* === Label-шрифты ===
      Все варианты — bundled woff2 (см. assets/fonts/), кириллица поддержана. */
+  .node.label-node .label-text[data-font="pencil"] {
+    /* Грифель — шероховатый «как написано карандашом» (Neucha). */
+    font-family: 'KK Neucha', 'Neucha', 'Marker Felt', 'Comic Sans MS', cursive;
+  }
   .node.label-node .label-text[data-font="handwritten"] {
-    /* Карандашом — мягкий рукописный (Caveat). */
+    /* Прописью — гладкий рукописный (Caveat). */
     font-family: 'KK Caveat', 'Caveat', 'Marker Felt', cursive;
-    line-height: 1.1;
   }
   .node.label-node .label-text[data-font="brush"] {
     /* Скорописью — каллиграфия в русском стиле (Bad Script). */