@things-factory/figure-ui 10.1.126 → 10.1.127

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.126",
+  "version": "10.1.127",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -40,9 +40,9 @@
     "@operato/shell": "^10.0.0",
     "@operato/styles": "^10.0.0",
     "@operato/utils": "^10.0.0",
-    "@things-factory/ai-assistant": "^10.1.125",
+    "@things-factory/ai-assistant": "^10.1.127",
     "@things-factory/figure-service": "^10.1.123",
     "three": "^0.185.1"
   },
-  "gitHead": "79a9556465539fb285283760ee2b1581f3b05df5"
+  "gitHead": "1a224d9f1cbf56697a739e505b97333dd090d473"
 }

package/test/mode-switch.test.ts

@@ -0,0 +1,41 @@
+/*
+ * Going from the preview back to editing does not build the edit canvas again: a 3D scene costs about a third of a
+ * second to make, and the canvas keeps its selection, gizmo and camera while the preview is in front. The preview is the
+ * other way round -- it is taken down when it is left, because a preview left standing behind the canvas made every edit
+ * dearer (a box added went from 240 ms to over a second, 2026-10-08).
+ */
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+
+const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf-8')
+
+test('the edit canvas stays standing, out of sight, while the preview is in front', () => {
+  const editor = read('../client/modeller/editor.ts')
+  assert.ok(editor.includes("<div middle ?hidden=${this.middle === 'preview'}>"), 'the edit area is hidden, not removed')
+  assert.ok(/div\[middle\]\[hidden\]\s*\{\s*display: none;/.test(editor), 'and hidden by the stylesheet, which `display: flex` would otherwise override')
+})
+
+test('the preview is only there while it is in front', () => {
+  const editor = read('../client/modeller/editor.ts')
+  assert.ok(editor.includes("${this.middle === 'preview'\n          ? html`<figure-preview"), 'it is made when asked for and taken down when left')
+})
+
+test('a canvas out of sight is not resized to nothing and takes no picture', () => {
+  const canvas = read('../client/modeller/canvas.ts')
+  assert.ok(canvas.includes('this.checkVisibility?.() !== false') && canvas.includes('this.scene?.resize?.()'), 'resize only when visible')
+  assert.ok(canvas.includes('if (this.checkVisibility?.() === false) return undefined'), 'no picture while hidden, as when there was no canvas')
+})
+
+/*
+ * A value typed beside the preview changes the figure; the preview used to take its 3D scene down and make another, and
+ * the new scene's first drawing compiled the shaders again: five frames of 570 to 960 ms for one number (2026-10-09). The
+ * content is made again inside the scene that stands, keeping the renderer and the camera, as undo does.
+ */
+test('the preview makes its content again inside the scene that stands, and makes a new scene only when it cannot', () => {
+  const preview = read('../client/modeller/figure-preview.ts')
+  assert.ok(preview.includes('rebuildContentModel!(model, { preserveThreeD: true })'), 'rebuilt in place, keeping the 3D runtime')
+  assert.ok(preview.includes('this.registered === type'), 'only for the same figure')
+  assert.ok(/catch \{\s*this\.teardown\(\)/.test(preview), 'and a scene made anew when the content cannot be made again in place')
+})