@things-factory/figure-ui 10.1.220 → 10.1.222

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.220",
+  "version": "10.1.222",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -18,7 +18,7 @@
   "scripts": {
     "build": "npm run build:server && npm run build:client",
     "test": "FIGURE_FREEZE_COMPILED=1 node --import ./test/resolve-ts-siblings.mjs --test test/*.test.ts",
-    "test:browser": "node --test test/browser/build.check.mjs test/browser/modeller.check.mjs test/browser/modeller-revision.check.mjs test/browser/editing.check.mjs test/browser/links.check.mjs test/browser/section.check.mjs test/browser/screen.check.mjs test/browser/product-page.check.mjs test/browser/parts.check.mjs test/browser/places-mesh.check.mjs test/browser/part-ids.check.mjs test/browser/fix-alignment.check.mjs test/browser/mesh-select.check.mjs test/browser/row-preview.check.mjs test/browser/detail-tabs.check.mjs test/browser/props.check.mjs test/browser/retire.check.mjs test/browser/namespace.check.mjs test/browser/public.check.mjs test/browser/category.check.mjs test/browser/property-section.check.mjs test/browser/list.check.mjs",
+    "test:browser": "node --test test/browser/build.check.mjs test/browser/modeller.check.mjs test/browser/modeller-revision.check.mjs test/browser/editing.check.mjs test/browser/links.check.mjs test/browser/section.check.mjs test/browser/screen.check.mjs test/browser/product-page.check.mjs test/browser/parts.check.mjs test/browser/places-mesh.check.mjs test/browser/part-ids.check.mjs test/browser/fix-alignment.check.mjs test/browser/mesh-select.check.mjs test/browser/row-preview.check.mjs test/browser/detail-tabs.check.mjs test/browser/props.check.mjs test/browser/retire.check.mjs test/browser/namespace.check.mjs test/browser/public.check.mjs test/browser/category.check.mjs test/browser/property-section.check.mjs test/browser/list.check.mjs test/browser/item.check.mjs",
     "copy:files": "copyfiles -e \"./client/**/*.{ts,js,json}\" -u 1 \"./client/**/*\" dist-client",
     "build:client": "npm run copy:files && npx tsc --p ./client/tsconfig.json",
     "build:server": "npx tsc --p ./server/tsconfig.json",
@@ -27,8 +27,8 @@
     "clean": "npm run clean:server && npm run clean:client"
   },
   "dependencies": {
-    "@hatiolab/figure-model": "^0.11.0",
-    "@hatiolab/things-scene": "^10.1.100",
+    "@hatiolab/figure-model": "^0.11.1",
+    "@hatiolab/things-scene": "^10.1.101",
     "@material/web": "^2.0.0",
     "@operato/data-grist": "^10.29.43",
     "@operato/graphql": "^10.29.43",
@@ -42,11 +42,11 @@
     "@operato/slot-layout-editor": "^10.29.43",
     "@operato/styles": "^10.0.0",
     "@operato/utils": "^10.29.43",
-    "@things-factory/ai-assistant": "^10.1.220",
-    "@things-factory/figure-service": "^10.1.218",
-    "@things-factory/figure-viewer": "^10.1.213",
+    "@things-factory/ai-assistant": "^10.1.222",
+    "@things-factory/figure-service": "^10.1.222",
+    "@things-factory/figure-viewer": "^10.1.222",
     "@things-factory/setting-base": "^10.1.218",
     "three": "^0.185.1"
   },
-  "gitHead": "539ba46c5975a958587f97174f250978aedd7c69"
+  "gitHead": "afdd6a9b1c8b440e39d4fec48bfbad1a0c02fccc"
 }

package/test/browser/item.check.mjs

@@ -0,0 +1,102 @@
+/*
+ * The item tag on the capability tab in a real browser (ADR-0155 amendment 2): a box figure is no item; the box ticked
+ * tags it in one step, ticked again takes the tag away in one step, and the choice is drawn like the rungs above it.
+ * The page loads no translations, so the words read are i18n keys.
+ *
+ * Run:  node --test test/browser/item.check.mjs
+ */
+import { test, describe, before, after } from 'node:test'
+import assert from 'node:assert/strict'
+
+import { buildPage } from './build.mjs'
+import { openPage } from './serve.mjs'
+
+const sleep = ms => new Promise(done => setTimeout(done, ms))
+
+let opened
+before(async () => {
+  opened = await openPage(await buildPage('links-page.js'))
+})
+after(async () => {
+  await opened?.close()
+})
+
+const page = () => opened.page
+const read = (fn, ...args) => page().evaluate(fn, ...args)
+const state = () => read(() => probe.state())
+const source = () => read(() => probe.source())
+const settled = () => read(() => document.querySelector('figure-editor').updateComplete)
+
+async function until(fn, args, what, ms = 8000) {
+  const deadline = Date.now() + ms
+  for (;;) {
+    const got = await read(fn, ...args)
+    if (got) return got
+    if (Date.now() > deadline) assert.fail(`waited for ${what}`)
+    await sleep(50)
+  }
+}
+async function oneStep(start) {
+  await until(from => probe.state().revision > from, [start.revision], 'the step written')
+  await settled()
+  await sleep(150)
+  assert.equal((await state()).revision, start.revision + 1, 'one step')
+}
+async function mount(kind) {
+  await read(kind => harness.mount(kind, null), kind)
+  await until(
+    () => {
+      try {
+        return probe.ids().some(id => !!probe.partOnPage(id))
+      } catch {
+        return false
+      }
+    },
+    [],
+    'the figure drawn in 3D',
+    15000
+  )
+}
+async function click(point, what) {
+  assert.ok(point, `${what} is on the page to click`)
+  await page().mouse.click(point.x, point.y)
+  await settled()
+}
+/** The centre of the first element matching, found through every shadow root; null when there is none or it is not shown. */
+const centreOf = selector =>
+  read(selector => {
+    const deep = (root = document) => [...root.querySelectorAll(selector)].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
+    const found = deep().find(e => e.getBoundingClientRect().height > 0)
+    if (!found) return null
+    const r = found.getBoundingClientRect()
+    return { x: r.left + r.width / 2, y: r.top + r.height / 2 }
+  }, selector)
+const styleOf = selector =>
+  read(selector => {
+    const panel = document.querySelector('figure-editor').shadowRoot.querySelector('figure-capability-panel').shadowRoot
+    const s = getComputedStyle(panel.querySelector(selector))
+    return { border: s.borderTopWidth + ' ' + s.borderTopStyle, radius: s.borderTopLeftRadius, padding: s.paddingTop }
+  }, selector)
+
+describe('the item tag on the capability tab', () => {
+  before(() => mount('box'))
+
+  test('a box is no item; ticked it is tagged in one step, ticked again the tag goes in one step', async () => {
+    await click(await read(l => probe.tab(l), 'figure.label.tab-short-capability'), 'the capability tab')
+    assert.equal(Object.hasOwn(await source(), 'item'), false)
+
+    let start = await state()
+    await click(await centreOf('label[item] input'), 'the item box')
+    await oneStep(start)
+    assert.equal((await source()).item, true)
+
+    start = await state()
+    await click(await centreOf('label[item] input'), 'the item box')
+    await oneStep(start)
+    assert.equal(Object.hasOwn(await source(), 'item'), false)
+  })
+
+  test('drawn like the rungs above it', async () => {
+    assert.deepEqual(await styleOf('label[item]'), await styleOf('label[rung]'))
+  })
+})

package/translations/en.json

@@ -351,6 +351,9 @@
   "figure.label.state": "state",
   "figure.label.status-colors": "lit colors (lamps · indicators)",
   "figure.label.tab-capability": "capability",
+  "figure.label.item": "Item",
+  "figure.label.is-item": "Used as an item",
+  "figure.text.is-item-note": "The look of a thing a holder seats and carries: a reel, a tray, a magazine. Item type tables can pick this figure.",
   "figure.label.tab-environment": "environment",
   "figure.label.tools": "align",
   "figure.label.transparent": "transparent",

package/translations/es.json

@@ -351,6 +351,9 @@
   "figure.label.state": "estado",
   "figure.label.status-colors": "colores encendidos (lámparas · indicadores)",
   "figure.label.tab-capability": "capacidad",
+  "figure.label.item": "Artículo",
+  "figure.label.is-item": "Se usa como artículo",
+  "figure.text.is-item-note": "La forma de algo que un contenedor asienta y lleva: una bobina, una bandeja, un cargador. Las tablas de tipos de artículo pueden elegir esta figura.",
   "figure.label.tab-environment": "entorno",
   "figure.label.tools": "alinear",
   "figure.label.transparent": "transparente",

package/translations/ja.json

@@ -351,6 +351,9 @@
   "figure.label.state": "状態",
   "figure.label.status-colors": "lit colors (lamps · indicators)",
   "figure.label.tab-capability": "能力",
+  "figure.label.item": "アイテム",
+  "figure.label.is-item": "アイテムとして使う",
+  "figure.text.is-item-note": "ホルダーが場所に載せて運ぶ物の形です。リール・トレイ・マガジン。アイテムタイプ表でこの Figure を選べます。",
   "figure.label.tab-environment": "環境",
   "figure.label.tools": "align",
   "figure.label.transparent": "transparent",

package/translations/ko.json

@@ -351,6 +351,9 @@
   "figure.label.state": "상태",
   "figure.label.status-colors": "켜진 색 (램프 · 표시등)",
   "figure.label.tab-capability": "능력",
+  "figure.label.item": "아이템",
+  "figure.label.is-item": "아이템으로 쓴다",
+  "figure.text.is-item-note": "홀더가 자리에 앉혀 나르는 물건의 모양입니다. 릴 · 트레이 · 매거진. 아이템 타입 표에서 이 피규어를 고를 수 있습니다.",
   "figure.label.tab-environment": "환경",
   "figure.label.tools": "정렬",
   "figure.label.transparent": "투명",

package/translations/ms.json

@@ -351,6 +351,9 @@
   "figure.label.state": "keadaan",
   "figure.label.status-colors": "lit colors (lamps · indicators)",
   "figure.label.tab-capability": "keupayaan",
+  "figure.label.item": "Item",
+  "figure.label.is-item": "Digunakan sebagai item",
+  "figure.text.is-item-note": "Rupa barang yang diletakkan dan dibawa oleh pemegang: gelendong, dulang, magazin. Jadual jenis item boleh memilih figura ini.",
   "figure.label.tab-environment": "persekitaran",
   "figure.label.tools": "align",
   "figure.label.transparent": "transparent",

package/translations/zh.json

@@ -351,6 +351,9 @@
   "figure.label.state": "状态",
   "figure.label.status-colors": "lit colors (lamps · indicators)",
   "figure.label.tab-capability": "能力",
+  "figure.label.item": "物品",
+  "figure.label.is-item": "用作物品",
+  "figure.text.is-item-note": "容器放在位置上搬运的物品外形：卷轴、托盘、料盒。物品类型表可以选择此 Figure。",
   "figure.label.tab-environment": "环境",
   "figure.label.tools": "align",
   "figure.label.transparent": "transparent",