feat: maximize window to full viewport (maxViewport = bounds*zoom), clamp drag

src/ui.tsx

@@ -17,7 +17,9 @@ import { h, Fragment } from 'preact'
 import { useState, useEffect } from 'preact/hooks'
 
 const MIN_WINDOW_SIZE = { width: 320, height: 200 }
-const MAX_WINDOW_SIZE = { width: 800, height: 800 }
+// Статичного максимума нет: "развернуть" целится в весь viewport (maxViewport из main),
+// а верхняя граница drag-ресайза тоже приходит оттуда. useWindowResize ставим очень
+// большой max — реальный кламп делает main через clampWindowSize (bounds*zoom).
 
 // Одна строка отладочного вывода: имя переменной из кода (как в main.ts),
 // опционально — формула расчёта, и само значение (моноширинное, по правому краю).
@@ -49,6 +51,7 @@ function Plugin () {
     x: number; y: number; width: number; height: number
     zoom: number
     viewport: { x: number; y: number; width: number; height: number }
+    maxViewport: { width: number; height: number }
     gapL: number; gapR: number; gapT: number; gapB: number
     center: { x: number; y: number }
   } | null>(null)
@@ -65,8 +68,10 @@ function Plugin () {
   }, {
     minWidth: 320,
     minHeight: 200,
-    maxWidth: 800,
-    maxHeight: 800
+    // Верхний предел оставляем большим — реальный кламп (весь viewport) делает main
+    // через clampWindowSize (bounds * zoom), иначе на маленьком viewport окно не растянуть.
+    maxWidth: 100000,
+    maxHeight: 100000
   })
 
   // Слушаем ответ от main с актуальными x/y (canvas-space) и размерами окна
@@ -75,6 +80,7 @@ function Plugin () {
       x: number; y: number; width: number; height: number
       zoom: number
       viewport: { x: number; y: number; width: number; height: number }
+      maxViewport: { width: number; height: number }
       gapL: number; gapR: number; gapT: number; gapB: number
       center: { x: number; y: number }
     }) {
@@ -177,10 +183,12 @@ function Plugin () {
   }, [])
 
   function toggleWindowSize () {
+    const max = windowInfo != null
+      ? windowInfo.maxViewport
+      : { width: 800, height: 800 }
     const isMaximized =
-      currentWindowSize.width >= MAX_WINDOW_SIZE.width &&
-      currentWindowSize.height >= MAX_WINDOW_SIZE.height
-    const next = isMaximized ? { ...MIN_WINDOW_SIZE } : { ...MAX_WINDOW_SIZE }
+      currentWindowSize.width >= max.width && currentWindowSize.height >= max.height
+    const next = isMaximized ? { ...MIN_WINDOW_SIZE } : { ...max }
     setCurrentWindowSize(next)
     emit('RESIZE_WINDOW', next)
     refreshInfo()
@@ -195,9 +203,9 @@ function Plugin () {
     refreshInfo()
   }
 
+  const max = windowInfo != null ? windowInfo.maxViewport : { width: 800, height: 800 }
   const isMaximized =
-    currentWindowSize.width >= MAX_WINDOW_SIZE.width &&
-    currentWindowSize.height >= MAX_WINDOW_SIZE.height
+    currentWindowSize.width >= max.width && currentWindowSize.height >= max.height
 
   return (
     <Fragment>
@@ -246,6 +254,7 @@ function Plugin () {
                 <Field name="figma.viewport.bounds" value={`${windowInfo.viewport.x},${windowInfo.viewport.y} · ${windowInfo.viewport.width}×${windowInfo.viewport.height}`} />
                 <Field name="lastSize.width" value={windowInfo.width} />
                 <Field name="lastSize.height" value={windowInfo.height} />
+                <Field name="maxViewport (bounds·zoom)" formula="bounds.width*zoom, bounds.height*zoom" value={`${windowInfo.maxViewport.width}×${windowInfo.maxViewport.height}`} />
               </Section>
               {/* Расчётные — посчитаны в main.ts из вышеперечисленных raw-значений */}
               <Section title="РАСЧЁТ · в main.ts">