@things-factory/figure-ui 10.1.114 → 10.1.115

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.114",
+  "version": "10.1.115",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -27,8 +27,8 @@
     "clean": "npm run clean:server && npm run clean:client"
   },
   "dependencies": {
-    "@hatiolab/figure-model": "^0.2.12",
-    "@hatiolab/things-scene": "^10.1.65",
+    "@hatiolab/figure-model": "^0.2.15",
+    "@hatiolab/things-scene": "^10.1.69",
     "@material/web": "^2.0.0",
     "@operato/data-grist": "^10.0.0",
     "@operato/graphql": "^10.0.0",
@@ -41,8 +41,8 @@
     "@operato/styles": "^10.0.0",
     "@operato/utils": "^10.0.0",
     "@things-factory/ai-assistant": "^10.1.114",
-    "@things-factory/figure-service": "^10.1.114",
+    "@things-factory/figure-service": "^10.1.115",
     "three": "^0.185.1"
   },
-  "gitHead": "0d8f9bc0ff0cb50431f2c76cb166aaf3809d3cf7"
+  "gitHead": "3d1f480028b680a6da3d0ae6a73c3121d644b64a"
 }

package/test/modeller-route.test.ts

@@ -36,3 +36,11 @@ test('reloading or closing the tab with unsaved work asks first — the shell do
   assert.match(page, /addEventListener\('beforeunload', this\.holdUnsaved\)/)
   assert.match(page, /removeEventListener\('beforeunload', this\.holdUnsaved\)/)
 })
+
+test('기존 도형을 열면 rail 은 카탈로그를 가리킨다 — 「새 Figure」를 가리키지 않는다(2026-10-03)', async () => {
+  const { readFileSync } = await import('node:fs')
+  const page = readFileSync(new URL('../client/pages/figure-modeller-page.ts', import.meta.url), 'utf8')
+  const context = page.slice(page.indexOf('get context()'), page.indexOf('render()', page.indexOf('get context()')))
+  /* The rail's rule (@operato/menu menu-active.ts): a page that names its menu wins over a menu with the same page name. */
+  assert.ok(context.includes("menu: view.id ? 'figure-list' : undefined"), 'id 가 있으면 카탈로그, 새 도형이면 이름을 대지 않는다')
+})

package/test/preview.test.ts

@@ -9,7 +9,7 @@ import { fileURLToPath } from 'node:url'
 
 import { addFigureBox, createFigureAsset } from '@hatiolab/figure-model'
 
-import { authoredSizeOf, PREVIEW_WAYS, previewClampsOf, previewInstances } from '../client/modeller/preview-model.ts'
+import { authoredSizeOf, PREVIEW_WAYS, previewClampsOf, previewInstances, setupPartOf } from '../client/modeller/preview-model.ts'
 
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
 
@@ -54,3 +54,41 @@ test('미리보기 — 선언하지 않은 크기를 묻는 변형은 그려지
   const view = readFileSync(fileURLToPath(new URL('../client/modeller/figure-preview.ts', import.meta.url)), 'utf8')
   assert.ok(view.includes("i18next.t('figure.text.preview-clamped'"), '범례에 적는다')
 })
+
+test('미리보기로 가도 고른 부품이 남는다 — 화면에서 빠진 캔버스는 선택을 알리지 않는다(U03, 2026-10-03)', () => {
+  const canvas = read('../client/modeller/canvas.ts')
+  const handler = canvas.slice(canvas.indexOf("root.on('selected'"), canvas.indexOf("root.on('selected'") + 900)
+  assert.ok(handler.includes('if (!this.isConnected) return'), '장면을 치울 때 비워진 선택을 편집기에 알리지 않는다')
+  assert.ok(handler.indexOf('if (!this.isConnected) return') < handler.indexOf("new CustomEvent('part-selected'"), '알리기 전에 거른다')
+})
+
+test('미리보기 크기 안내는 편집에서 고른 부품부터 — 안내에서 고른 것이 먼저, 없는 부품은 건너뛴다', () => {
+  assert.equal(setupPartOf('', 'roller', ['frame', 'roller']), 'roller', '편집에서 고른 부품')
+  assert.equal(setupPartOf('frame', 'roller', ['frame', 'roller']), 'frame', '안내에서 고른 것이 이긴다')
+  assert.equal(setupPartOf('', 'leg', ['frame', 'roller']), 'frame', '크기 규칙이 없는 부품이면 첫 부품')
+  assert.equal(setupPartOf('gone', '', ['frame']), 'frame', '사라진 부품은 건너뛴다')
+  assert.equal(setupPartOf('', '', []), '')
+  const editor = read('../client/modeller/editor.ts')
+  const tag = editor.slice(editor.indexOf('<figure-preview'), editor.indexOf('</figure-preview>'))
+  assert.ok(tag.includes('.selected=${this.selected}'), '편집기가 고른 부품을 넘긴다')
+})
+
+test('미리보기 아래의 크기 안내와 조작값은 한 줄에서 줄을 바꾼다 — 좁은 폭에서 겹치지 않는다(1024 폭, 2026-10-03)', () => {
+  const preview = read('../client/modeller/figure-preview.ts')
+  const style = (sel: string) => preview.slice(preview.indexOf(sel + ' {'), preview.indexOf('}', preview.indexOf(sel + ' {')))
+  assert.match(style('div[foot]'), /position: absolute/)
+  assert.match(style('div[foot]'), /flex-wrap: wrap-reverse/)
+  assert.doesNotMatch(style('div[setup]'), /position: absolute/, '안내가 제 모서리에 따로 서지 않는다')
+  assert.doesNotMatch(style('div[clips]'), /position: absolute/, '조작값이 제 모서리에 따로 서지 않는다')
+  const foot = preview.slice(preview.indexOf('<div foot>'))
+  assert.ok(foot.indexOf('<div setup>') < foot.indexOf('this.renderDrivers('), '둘 다 한 줄 안에')
+})
+
+test('미리보기 재생 속도는 실제로 도는 값을 보인다 — 움직이기 전에는 0(멈춤), 1.00 으로 보이며 서 있지 않는다(2026-10-03)', () => {
+  const preview = read('../client/modeller/figure-preview.ts')
+  const drivers = preview.slice(preview.indexOf('clips.map(clip =>'))
+  assert.ok(drivers.includes('this.driving[clip] ?? 0'), '아무것도 보내지 않은 clip 은 0 으로 그린다')
+  assert.ok(!drivers.slice(0, 600).includes('this.driving[clip] ?? 1'))
+  const drive = preview.slice(preview.indexOf('private drive('), preview.indexOf('private give('))
+  assert.ok(drive.includes("this.tellInstances('clips'"), '속도는 drive 에서만 보낸다 — 그래서 보이는 값도 보낸 값뿐이다')
+})