@things-factory/figure-ui 10.1.193 → 10.1.194

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.193",
+  "version": "10.1.194",
   "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": "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",
     "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",
@@ -48,5 +48,5 @@
     "@things-factory/setting-base": "^10.1.192",
     "three": "^0.185.1"
   },
-  "gitHead": "193f04828369c453b43da82f4b6b46789696255f"
+  "gitHead": "489dd836ae99063bfed6706367ea1d7cd7ed004a"
 }

package/test/browser/list-page.js

@@ -0,0 +1,35 @@
+/*
+ * The catalogue and the public figures, as the rail opens them (user 2026-10-19): the domain's own figures with the
+ * new-figure button and the draft · released choice, and other domains' public figures with neither. The server is a
+ * stand-in that answers each list with one card and says which list was asked for.
+ */
+import 'figure-ui-client/pages/figure-list-page.js'
+import 'figure-ui-client/pages/figure-public-list-page.js'
+import { client } from '@operato/graphql'
+
+const asked = []
+const card = { id: 'one', name: 'Mixer', type: 'mixer', namespace: 'acme.example', state: 'released', version: 1, public: true, tags: [] }
+client.query = async ({ query }) => {
+  const field = query.definitions.find(d => d.kind === 'OperationDefinition')?.selectionSet.selections[0]?.name.value
+  asked.push(field)
+  if (field === 'figures' || field === 'publicFigures')
+    return { data: { [field]: { items: [field === 'publicFigures' ? { ...card, domain: { id: 'd2', name: 'Other works', subdomain: 'other' } } : card], total: 1 } } }
+  /* No kept preferences: the page as it first opens. */
+  if (field === 'myPageAllPreferences') return { data: { myPageAllPreferences: [] } }
+  return { data: {} }
+}
+client.mutate = async () => ({ data: {} })
+
+window.harness = {
+  asked,
+  mount(tag) {
+    document.body.replaceChildren()
+    const page = document.createElement(tag)
+    page.style.cssText = 'display:block;height:800px'
+    /* What the shell gives a page it routes to: the page's name, read for its kept preferences. */
+    page.lifecycle = { page: tag === 'figure-public-list-page' ? 'figure-public-list' : 'figure-list' }
+    document.body.append(page)
+    page.active = true
+    return page.localName
+  }
+}

package/test/browser/list.check.mjs

@@ -0,0 +1,68 @@
+/*
+ * The rail's two lists (user 2026-10-19): the catalogue is where figures are made and changed, the public figures of
+ * other domains only looked at. Each is a screen of its own; the catalogue has no switch between them, and the public
+ * list offers no new figure and no draft · released choice.
+ *
+ * Run:  node --test test/browser/list.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('list-page.js'), { width: 1400, height: 900 })
+})
+after(async () => {
+  await opened?.close()
+})
+
+const page = () => opened.page
+const read = (fn, ...args) => page().evaluate(fn, ...args)
+async function until(fn, what, ms = 15000) {
+  const deadline = Date.now() + ms
+  for (;;) {
+    if (await read(fn).catch(() => false)) return
+    if (Date.now() > deadline) assert.fail(`waited for ${what}`)
+    await sleep(50)
+  }
+}
+/* What a list page shows: its title, its FAB, the choices in its filter bar, a scope switch, and the list it asked for. */
+const look = () =>
+  read(() => {
+    const host = document.body.firstElementChild
+    const root = host.shadowRoot
+    const deep = (s, r = root, o = []) => {
+      o.push(...r.querySelectorAll(s))
+      for (const e of r.querySelectorAll('*')) if (e.shadowRoot) deep(s, e.shadowRoot, o)
+      return o
+    }
+    return {
+      title: host.context.title,
+      fab: !!root.querySelector('button[fab]'),
+      scopeSwitch: !!root.querySelector('button[scope]'),
+      stateChoice: deep('ox-input-select-buttons[name=state]').length,
+      asked: harness.asked.at(-1)
+    }
+  })
+
+describe('the rail\'s two lists', () => {
+  test('the catalogue: its own figures, the new-figure button and the draft · released choice, no switch to the public ones', async () => {
+    await read(() => harness.mount('figure-list-page'))
+    await until(() => harness.asked.includes('figures'), 'the own list asked for')
+    await until(() => !!document.body.firstElementChild.shadowRoot.querySelector('ox-grist'), 'the grid')
+    await sleep(500)
+    assert.deepEqual(await look(), { title: 'figure.title.figures', fab: true, scopeSwitch: false, stateChoice: 1, asked: 'figures' })
+  })
+
+  test('the public figures: other domains\' list, no new figure, no draft · released choice', async () => {
+    await read(() => harness.mount('figure-public-list-page'))
+    await until(() => harness.asked.includes('publicFigures'), 'the public list asked for')
+    await sleep(500)
+    assert.deepEqual(await look(), { title: 'figure.title.public-figures', fab: false, scopeSwitch: false, stateChoice: 0, asked: 'publicFigures' })
+  })
+})

package/test/figure-released.test.ts

@@ -49,6 +49,6 @@ test("another domain's public figure: its card offers no delete and names its do
   assert.match(thumb, /badge=\$\{this\.readonly \? figure\.domain\?\.name/)
   for (const lang of ['en', 'ko', 'ja', 'zh', 'ms', 'es']) {
     const words = JSON.parse(read(`../translations/${lang}.json`))
-    for (const key of ['figure.label.public', 'figure.button.make-public', 'figure.button.make-private', 'figure.button.public-figures']) assert.ok(words[key], `${lang} ${key}`)
+    for (const key of ['figure.label.public', 'figure.button.make-public', 'figure.button.make-private', 'figure.title.public-figures']) assert.ok(words[key], `${lang} ${key}`)
   }
 })

package/things-factory.config.js

@@ -5,6 +5,7 @@ export default {
   route,
   routes: [
     { tagname: 'figure-list-page', page: 'figure-list' },
+    { tagname: 'figure-public-list-page', page: 'figure-public-list' },
     /* The shell builds the DOM from this table. */
     { tagname: 'figure-modeller-page', page: 'figure-modeller' }
   ],

package/translations/en.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "a Figure is a 3D component you author. compose it from simple shapes and it becomes a component you can place on a drawing, sharing shape and material across every instance.",
   "figure.text.what-changed-in-this-release": "what changed in this release",
   "figure.title.figures": "figure catalog",
+  "figure.title.public-figures": "public figures",
   "figure.title.new-figure": "new figure",
   "figure.title.save-new-figure": "save figure draft",
   "figure.text.no-parts-yet": "No parts yet. Pick a shape above to place one.",
@@ -1207,7 +1208,6 @@
   "figure.label.public": "public",
   "figure.button.make-public": "make public",
   "figure.button.make-private": "make private",
-  "figure.button.public-figures": "public figures of other domains",
   "figure.text.category-choose": "choose a category",
   "figure.text.property-section-failed": "the section {section} could not be drawn: {reason}"
 }

package/translations/es.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "una Figure es un componente 3D que usted crea. compóngala a partir de formas sencillas y se convierte en un componente que puede colocar en un plano, compartiendo forma y material entre todas las instancias.",
   "figure.text.what-changed-in-this-release": "qué cambió en esta publicación",
   "figure.title.figures": "catálogo de figuras",
+  "figure.title.public-figures": "figuras públicas",
   "figure.title.new-figure": "nueva figura",
   "figure.title.save-new-figure": "guardar borrador de figura",
   "figure.text.no-parts-yet": "Aún no hay piezas. Elija una forma arriba para colocar una.",
@@ -1207,7 +1208,6 @@
   "figure.label.public": "pública",
   "figure.button.make-public": "hacer pública",
   "figure.button.make-private": "dejar de publicar",
-  "figure.button.public-figures": "figuras públicas de otros dominios",
   "figure.text.category-choose": "elegir categoría",
   "figure.text.property-section-failed": "no se pudo dibujar la sección {section}: {reason}"
 }

package/translations/ja.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "a Figure is a 3D component you author. Compose it from simple shapes and it becomes a component you can place on a drawing, sharing shape and material across every instance.",
   "figure.text.what-changed-in-this-release": "このバージョンで変わったこと",
   "figure.title.figures": "Figure カタログ",
+  "figure.title.public-figures": "公開 Figure",
   "figure.title.new-figure": "new figure",
   "figure.title.save-new-figure": "Figure の下書きを保存",
   "figure.text.no-parts-yet": "No parts yet. Pick a shape above to place one.",
@@ -1207,7 +1208,6 @@
   "figure.label.public": "公開",
   "figure.button.make-public": "公開する",
   "figure.button.make-private": "公開をやめる",
-  "figure.button.public-figures": "他ドメインの公開 Figure",
   "figure.text.category-choose": "分類を選ぶ",
   "figure.text.property-section-failed": "{section} の区画を描けませんでした: {reason}"
 }

package/translations/ko.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "Figure 는 직접 저작한 3D 컴포넌트입니다. 단순한 도형을 조합해 만들면 도면에 배치할 수 있는 컴포넌트가 되고, 여러 개를 배치해도 형상과 재질을 공유합니다.",
   "figure.text.what-changed-in-this-release": "이번 버전에서 바뀐 것",
   "figure.title.figures": "Figure 카탈로그",
+  "figure.title.public-figures": "공개 Figure",
   "figure.title.new-figure": "새 Figure",
   "figure.title.save-new-figure": "Figure 초안 저장",
   "figure.text.no-parts-yet": "아직 부품이 없습니다. 위에서 도형을 선택하여 놓으세요.",
@@ -1207,7 +1208,6 @@
   "figure.label.public": "공개",
   "figure.button.make-public": "공개하기",
   "figure.button.make-private": "공개 끄기",
-  "figure.button.public-figures": "다른 도메인의 공개 Figure",
   "figure.text.category-choose": "분류 고르기",
   "figure.text.property-section-failed": "{section} 구역을 그리지 못했습니다: {reason}"
 }

package/translations/ms.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "a Figure is a 3D component you author. Compose it from simple shapes and it becomes a component you can place on a drawing, sharing shape and material across every instance.",
   "figure.text.what-changed-in-this-release": "apa yang berubah dalam terbitan ini",
   "figure.title.figures": "katalog figure",
+  "figure.title.public-figures": "figure awam",
   "figure.title.new-figure": "new figure",
   "figure.title.save-new-figure": "simpan draf figure",
   "figure.text.no-parts-yet": "No parts yet. Pick a shape above to place one.",
@@ -1207,7 +1208,6 @@
   "figure.label.public": "awam",
   "figure.button.make-public": "jadikan awam",
   "figure.button.make-private": "jadikan peribadi",
-  "figure.button.public-figures": "figure awam domain lain",
   "figure.text.category-choose": "pilih kategori",
   "figure.text.property-section-failed": "bahagian {section} tidak dapat dilukis: {reason}"
 }

package/translations/zh.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "a Figure is a 3D component you author. Compose it from simple shapes and it becomes a component you can place on a drawing, sharing shape and material across every instance.",
   "figure.text.what-changed-in-this-release": "此版本的变更",
   "figure.title.figures": "Figure 目录",
+  "figure.title.public-figures": "公开 Figure",
   "figure.title.new-figure": "new figure",
   "figure.title.save-new-figure": "保存 Figure 草稿",
   "figure.text.no-parts-yet": "No parts yet. Pick a shape above to place one.",
@@ -1207,7 +1208,6 @@
   "figure.label.public": "公开",
   "figure.button.make-public": "公开",
   "figure.button.make-private": "取消公开",
-  "figure.button.public-figures": "其他域的公开图形",
   "figure.text.category-choose": "选择分类",
   "figure.text.property-section-failed": "无法绘制 {section} 区块：{reason}"
 }