@things-factory/figure-ui 10.1.35 → 10.1.37

package/client/pages/figure-v3-modeller-page.ts

@@ -0,0 +1,117 @@
+import { html, css } from 'lit'
+import { customElement, state } from 'lit/decorators.js'
+import { PageView } from '@operato/shell'
+import { createV3ProductSession } from '../modeller/v3-product-session.js'
+import { v3ProductStore } from '../graphql/v3-store.js'
+import '../modeller/v3-editor.js'
+
+/** The V3 product page has exactly one authoritative workspace for UI and AI input transactions. */
+@customElement('figure-modeller-page')
+export class FigureV3ModellerPage extends PageView {
+  static styles = css`
+    :host {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      min-height: 0;
+    }
+    figure-v3-editor {
+      flex: 1;
+      min-height: 0;
+    }
+    .error {
+      padding: 16px;
+      color: #922716;
+    }
+  `
+  private readonly session = createV3ProductSession(v3ProductStore)
+  private routeId: string | undefined
+  private discardApproved = false
+  @state() private revision = 0
+  @state() private error = ''
+  private announce = () => {
+    const view = this.session.read()
+    if (!this.active || view.loading || view.saving || view.error || !view.context) return
+    window.dispatchEvent(
+      new CustomEvent('figure-ai-context', {
+        detail: {
+          figureId: view.id,
+          source: JSON.parse(this.session.source()),
+          context: view.context,
+          revision: view.revision,
+          format: 'v3'
+        }
+      })
+    )
+  }
+  private changed = () => {
+    this.revision++
+    if (!this.session.read().saving) this.announce()
+  }
+  /** The dock must explicitly use this checked transaction contract, never an unversioned overwrite. */
+  private applyAI = (event: Event) => {
+    const detail = (event as CustomEvent).detail
+    if (!this.active || !detail) return
+    try {
+      this.session.apply(detail.changes, 'ai', detail.revision, detail.context)
+      detail.applied = true
+      this.changed()
+    } catch (error) {
+      detail.applied = false
+      detail.error = error instanceof Error ? error.message : String(error)
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback()
+    window.addEventListener('figure-ai-context-request', this.announce)
+    window.addEventListener('figure-v3-apply', this.applyAI)
+  }
+  disconnectedCallback() {
+    window.removeEventListener('figure-ai-context-request', this.announce)
+    window.removeEventListener('figure-v3-apply', this.applyAI)
+    super.disconnectedCallback()
+  }
+  async canDeactivate() {
+    const view = this.session.read()
+    if (view.saving) return false
+    if (!view.dirty) return true
+    // The shell invokes this while the edited model is still visible, before navigating away.
+    this.discardApproved = window.confirm('저장하지 않은 변경을 버리고 이동하시겠습니까?')
+    return this.discardApproved
+  }
+  async pageUpdated(changes: Record<string, unknown>, lifecycle: { resourceId?: string }) {
+    if (!this.active) {
+      if (this.session.read().loading) this.session.close()
+      window.dispatchEvent(new CustomEvent('figure-ai-context', { detail: undefined }))
+      return
+    }
+    const id = lifecycle?.resourceId
+    if (this.session.read().context && id === this.routeId && !changes.active) return
+    try {
+      const discard = this.discardApproved
+      this.discardApproved = false
+      if (id) {
+        const opening = this.session.open(id, { discard })
+        this.changed()
+        await opening
+      } else this.session.startNew({ discard })
+      this.routeId = id
+      this.error = ''
+      this.changed()
+    } catch (error) {
+      this.error = error instanceof Error ? error.message : String(error)
+    }
+  }
+  get context() {
+    return { title: this.session.read().name ?? 'Figure', actions: [] }
+  }
+  render() {
+    return this.error
+      ? html`<p role="alert" class="error">${this.error}</p>`
+      : html`<figure-v3-editor
+          .session=${this.session}
+          .revision=${this.revision}
+          @v3-changed=${this.changed}
+        ></figure-v3-editor>`
+  }
+}

package/dist-client/graphql/v3-store.d.ts

@@ -0,0 +1,3 @@
+import type { V3ProductStore } from '../modeller/v3-product-session.js';
+/** V3 source is sent intact. No conversion into the old parts/base authoring representation. */
+export declare const v3ProductStore: V3ProductStore;

package/dist-client/graphql/v3-store.js

@@ -0,0 +1,32 @@
+import gql from 'graphql-tag';
+import { client } from '@operato/graphql';
+import { fetchFigure } from './index.js';
+/** V3 source is sent intact. No conversion into the old parts/base authoring representation. */
+export const v3ProductStore = {
+    async load(id) {
+        const record = await fetchFigure(id);
+        if (!record?.source)
+            throw Error('Figure 정본이 없습니다.');
+        return { id: record.id, source: record.source };
+    },
+    async save(request) {
+        const response = await client.mutate({
+            mutation: gql `
+        mutation SaveFigureV3($source: String!, $id: String, $expectedSource: String, $creationId: String) {
+          saveFigureV3(source: $source, id: $id, expectedSource: $expectedSource, creationId: $creationId) {
+            id
+            source
+          }
+        }
+      `,
+            variables: request
+        });
+        if (response.errors?.length)
+            throw Error(response.errors.map(e => e.message).join('\n'));
+        const result = response.data?.saveFigureV3;
+        if (!result?.id || !result.source)
+            throw Error('서버가 저장 결과를 돌려주지 않았습니다.');
+        return result;
+    }
+};
+//# sourceMappingURL=v3-store.js.map

package/dist-client/graphql/v3-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v3-store.js","sourceRoot":"","sources":["../../client/graphql/v3-store.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAGxC,gGAAgG;AAChG,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,KAAK,CAAC,IAAI,CAAC,EAAE;QACX,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,EAAE,CAAC,CAAA;QACpC,IAAI,CAAC,MAAM,EAAE,MAAM;YAAE,MAAM,KAAK,CAAC,kBAAkB,CAAC,CAAA;QACpD,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAA;IACjD,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,OAAO;QAChB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;OAOZ;YACD,SAAS,EAAE,OAAO;SACnB,CAAC,CAAA;QACF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;YAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACxF,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,YAA2C,CAAA;QACzE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,MAAM,KAAK,CAAC,wBAAwB,CAAC,CAAA;QACxE,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA","sourcesContent":["import gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { fetchFigure } from './index.js'\nimport type { V3ProductStore, V3ProductRecord } from '../modeller/v3-product-session.js'\n\n/** V3 source is sent intact. No conversion into the old parts/base authoring representation. */\nexport const v3ProductStore: V3ProductStore = {\n  async load(id) {\n    const record = await fetchFigure(id)\n    if (!record?.source) throw Error('Figure 정본이 없습니다.')\n    return { id: record.id, source: record.source }\n  },\n  async save(request) {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation SaveFigureV3($source: String!, $id: String, $expectedSource: String, $creationId: String) {\n          saveFigureV3(source: $source, id: $id, expectedSource: $expectedSource, creationId: $creationId) {\n            id\n            source\n          }\n        }\n      `,\n      variables: request\n    })\n    if (response.errors?.length) throw Error(response.errors.map(e => e.message).join('\\n'))\n    const result = response.data?.saveFigureV3 as V3ProductRecord | undefined\n    if (!result?.id || !result.source) throw Error('서버가 저장 결과를 돌려주지 않았습니다.')\n    return result\n  }\n}\n"]}

package/dist-client/modeller/v3-canvas.d.ts

@@ -0,0 +1,28 @@
+import { LitElement, type PropertyValues } from 'lit';
+import { type V3RenderPart } from './v3-renderer.js';
+/** Renders evaluated V3 geometry directly. There is no parts/base or things-scene conversion. */
+export declare class FigureV3Canvas extends LitElement {
+    static styles: import("lit").CSSResult;
+    parts: V3RenderPart[];
+    palette: Record<string, string>;
+    context: string;
+    private renderer?;
+    private readonly scene;
+    private readonly group;
+    private readonly camera;
+    private controls?;
+    private observer?;
+    private initialized;
+    private contextAtRender;
+    render(): import("lit-html").TemplateResult<1>;
+    protected firstUpdated(): void;
+    connectedCallback(): void;
+    private initialize;
+    protected updated(changed: PropertyValues): void;
+    private updateGeometry;
+    fit(): void;
+    private draw;
+    private pick;
+    thumbnail(): any;
+    disconnectedCallback(): void;
+}

package/dist-client/modeller/v3-canvas.js

@@ -0,0 +1,157 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import * as THREE from 'three';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+import { replaceV3Meshes, disposeV3Meshes } from './v3-renderer.js';
+/** Renders evaluated V3 geometry directly. There is no parts/base or things-scene conversion. */
+let FigureV3Canvas = class FigureV3Canvas extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.parts = [];
+        this.palette = {};
+        this.context = '';
+        this.scene = new THREE.Scene();
+        this.group = new THREE.Group();
+        this.camera = new THREE.PerspectiveCamera(40, 1, 0.1, 1000000);
+        this.initialized = false;
+        this.contextAtRender = '';
+        this.draw = () => {
+            if (this.renderer)
+                this.renderer.render(this.scene, this.camera);
+        };
+        this.pick = (event) => {
+            const r = event.currentTarget.getBoundingClientRect(), ray = new THREE.Raycaster();
+            ray.setFromCamera(new THREE.Vector2(((event.clientX - r.left) / r.width) * 2 - 1, (-(event.clientY - r.top) / r.height) * 2 + 1), this.camera);
+            const hit = ray.intersectObjects(this.group.children)[0];
+            this.dispatchEvent(new CustomEvent('part-selected', { detail: hit?.object.name ?? '', bubbles: true, composed: true }));
+        };
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      min-width: 0;
+      min-height: 0;
+      position: relative;
+      background: #eef2f4;
+    }
+    canvas {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    p {
+      position: absolute;
+      inset: 45% 1rem auto;
+      text-align: center;
+      pointer-events: none;
+      color: #526773;
+    }
+  `; }
+    render() {
+        return html `<canvas aria-label="Figure 3D 모델" @pointerup=${this.pick}></canvas
+      >${this.parts.length ? null : html `<p>도형을 추가해 모델링을 시작하세요.</p>`}`;
+    }
+    firstUpdated() {
+        this.initialize();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.hasUpdated)
+            void this.updateComplete.then(() => this.initialize());
+    }
+    initialize() {
+        if (this.initialized || !this.isConnected)
+            return;
+        const canvas = this.renderRoot.querySelector('canvas');
+        this.renderer = new THREE.WebGLRenderer({ canvas, antialias: true, preserveDrawingBuffer: true });
+        this.renderer.setPixelRatio(Math.min(devicePixelRatio, 2));
+        this.scene.background = new THREE.Color('#eef2f4');
+        this.scene.add(this.group, new THREE.HemisphereLight(0xffffff, 0x62717d, 2.5));
+        const light = new THREE.DirectionalLight(0xffffff, 3);
+        light.position.set(1, 2, 3);
+        this.scene.add(light);
+        this.controls = new OrbitControls(this.camera, canvas);
+        this.controls.addEventListener('change', this.draw);
+        this.observer = new ResizeObserver(() => {
+            const r = this.getBoundingClientRect();
+            if (r.width && r.height) {
+                this.renderer.setSize(r.width, r.height, false);
+                this.camera.aspect = r.width / r.height;
+                this.camera.updateProjectionMatrix();
+                this.draw();
+            }
+        });
+        this.observer.observe(this);
+        this.initialized = true;
+        this.updateGeometry(true);
+    }
+    updated(changed) {
+        if (this.initialized && (changed.has('parts') || changed.has('palette') || changed.has('context')))
+            this.updateGeometry(this.contextAtRender !== this.context);
+    }
+    updateGeometry(fit) {
+        try {
+            const wasEmpty = this.group.children.length === 0;
+            replaceV3Meshes(this.group, this.parts, this.palette);
+            this.contextAtRender = this.context;
+            if (fit || wasEmpty)
+                this.fit();
+            this.draw();
+        }
+        catch (error) {
+            // Do not leave another model's geometry visible after a failed context switch.
+            if (this.contextAtRender !== this.context) {
+                disposeV3Meshes(this.group);
+                this.draw();
+            }
+            this.dispatchEvent(new CustomEvent('render-error', { detail: error, bubbles: true, composed: true }));
+        }
+    }
+    fit() {
+        const bounds = new THREE.Box3().setFromObject(this.group), center = new THREE.Vector3(), size = new THREE.Vector3();
+        if (!bounds.isEmpty()) {
+            bounds.getCenter(center);
+            bounds.getSize(size);
+        }
+        const radius = Math.max(size.length() / 2, 100), distance = (radius / Math.sin(THREE.MathUtils.degToRad(this.camera.fov / 2))) * 1.3;
+        this.camera.position.copy(center).add(new THREE.Vector3(1, 0.8, 1).normalize().multiplyScalar(distance));
+        this.camera.near = Math.max(0.01, distance / 10000);
+        this.camera.far = Math.max(10000, distance * 100);
+        this.camera.updateProjectionMatrix();
+        this.controls?.target.copy(center);
+        this.controls?.update();
+        this.draw();
+    }
+    thumbnail() {
+        this.draw();
+        return this.renderer?.domElement.toDataURL('image/png');
+    }
+    disconnectedCallback() {
+        this.observer?.disconnect();
+        this.controls?.dispose();
+        disposeV3Meshes(this.group);
+        this.renderer?.dispose();
+        this.renderer = undefined;
+        this.scene.clear();
+        this.initialized = false;
+        super.disconnectedCallback();
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Array)
+], FigureV3Canvas.prototype, "parts", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], FigureV3Canvas.prototype, "palette", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], FigureV3Canvas.prototype, "context", void 0);
+FigureV3Canvas = __decorate([
+    customElement('figure-v3-canvas')
+], FigureV3Canvas);
+export { FigureV3Canvas };
+//# sourceMappingURL=v3-canvas.js.map

package/dist-client/modeller/v3-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v3-canvas.js","sourceRoot":"","sources":["../../client/modeller/v3-canvas.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, type PropertyValues } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as THREE from 'three'\nimport { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'\nimport { replaceV3Meshes, disposeV3Meshes, type V3RenderPart } from './v3-renderer.js'\n\n/** Renders evaluated V3 geometry directly. There is no parts/base or things-scene conversion. */\n@customElement('figure-v3-canvas')\nexport class FigureV3Canvas extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      min-width: 0;\n      min-height: 0;\n      position: relative;\n      background: #eef2f4;\n    }\n    canvas {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n    p {\n      position: absolute;\n      inset: 45% 1rem auto;\n      text-align: center;\n      pointer-events: none;\n      color: #526773;\n    }\n  `\n  @property({ attribute: false }) parts: V3RenderPart[] = []\n  @property({ attribute: false }) palette: Record<string, string> = {}\n  @property() context = ''\n  private renderer?: THREE.WebGLRenderer\n  private readonly scene = new THREE.Scene()\n  private readonly group = new THREE.Group()\n  private readonly camera = new THREE.PerspectiveCamera(40, 1, 0.1, 1000000)\n  private controls?: OrbitControls\n  private observer?: ResizeObserver\n  private initialized = false\n  private contextAtRender = ''\n  render() {\n    return html`<canvas aria-label=\"Figure 3D 모델\" @pointerup=${this.pick}></canvas\n      >${this.parts.length ? null : html`<p>도형을 추가해 모델링을 시작하세요.</p>`}`\n  }\n  protected firstUpdated() {\n    this.initialize()\n  }\n  connectedCallback() {\n    super.connectedCallback()\n    if (this.hasUpdated) void this.updateComplete.then(() => this.initialize())\n  }\n  private initialize() {\n    if (this.initialized || !this.isConnected) return\n    const canvas = this.renderRoot.querySelector('canvas')!\n    this.renderer = new THREE.WebGLRenderer({ canvas, antialias: true, preserveDrawingBuffer: true })\n    this.renderer.setPixelRatio(Math.min(devicePixelRatio, 2))\n    this.scene.background = new THREE.Color('#eef2f4')\n    this.scene.add(this.group, new THREE.HemisphereLight(0xffffff, 0x62717d, 2.5))\n    const light = new THREE.DirectionalLight(0xffffff, 3)\n    light.position.set(1, 2, 3)\n    this.scene.add(light)\n    this.controls = new OrbitControls(this.camera, canvas)\n    this.controls.addEventListener('change', this.draw)\n    this.observer = new ResizeObserver(() => {\n      const r = this.getBoundingClientRect()\n      if (r.width && r.height) {\n        this.renderer!.setSize(r.width, r.height, false)\n        this.camera.aspect = r.width / r.height\n        this.camera.updateProjectionMatrix()\n        this.draw()\n      }\n    })\n    this.observer.observe(this)\n    this.initialized = true\n    this.updateGeometry(true)\n  }\n  protected updated(changed: PropertyValues) {\n    if (this.initialized && (changed.has('parts') || changed.has('palette') || changed.has('context')))\n      this.updateGeometry(this.contextAtRender !== this.context)\n  }\n  private updateGeometry(fit: boolean) {\n    try {\n      const wasEmpty = this.group.children.length === 0\n      replaceV3Meshes(this.group, this.parts, this.palette)\n      this.contextAtRender = this.context\n      if (fit || wasEmpty) this.fit()\n      this.draw()\n    } catch (error) {\n      // Do not leave another model's geometry visible after a failed context switch.\n      if (this.contextAtRender !== this.context) {\n        disposeV3Meshes(this.group)\n        this.draw()\n      }\n      this.dispatchEvent(new CustomEvent('render-error', { detail: error, bubbles: true, composed: true }))\n    }\n  }\n  fit() {\n    const bounds = new THREE.Box3().setFromObject(this.group),\n      center = new THREE.Vector3(),\n      size = new THREE.Vector3()\n    if (!bounds.isEmpty()) {\n      bounds.getCenter(center)\n      bounds.getSize(size)\n    }\n    const radius = Math.max(size.length() / 2, 100),\n      distance = (radius / Math.sin(THREE.MathUtils.degToRad(this.camera.fov / 2))) * 1.3\n    this.camera.position.copy(center).add(new THREE.Vector3(1, 0.8, 1).normalize().multiplyScalar(distance))\n    this.camera.near = Math.max(0.01, distance / 10000)\n    this.camera.far = Math.max(10000, distance * 100)\n    this.camera.updateProjectionMatrix()\n    this.controls?.target.copy(center)\n    this.controls?.update()\n    this.draw()\n  }\n  private draw = () => {\n    if (this.renderer) this.renderer.render(this.scene, this.camera)\n  }\n  private pick = (event: PointerEvent) => {\n    const r = (event.currentTarget as HTMLCanvasElement).getBoundingClientRect(),\n      ray = new THREE.Raycaster()\n    ray.setFromCamera(\n      new THREE.Vector2(((event.clientX - r.left) / r.width) * 2 - 1, (-(event.clientY - r.top) / r.height) * 2 + 1),\n      this.camera\n    )\n    const hit = ray.intersectObjects(this.group.children)[0]\n    this.dispatchEvent(\n      new CustomEvent('part-selected', { detail: hit?.object.name ?? '', bubbles: true, composed: true })\n    )\n  }\n  thumbnail() {\n    this.draw()\n    return this.renderer?.domElement.toDataURL('image/png')\n  }\n  disconnectedCallback() {\n    this.observer?.disconnect()\n    this.controls?.dispose()\n    disposeV3Meshes(this.group)\n    this.renderer?.dispose()\n    this.renderer = undefined\n    this.scene.clear()\n    this.initialized = false\n    super.disconnectedCallback()\n  }\n}\n"]}

package/dist-client/modeller/v3-editor.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, type PropertyValues } from 'lit';
+import type { V3ProductSession } from './v3-product-session.js';
+import './v3-canvas.js';
+/** Product editor surface. The injected session is shared by page persistence and AI commands. */
+export declare class FigureV3Editor extends LitElement {
+    static styles: import("lit").CSSResult;
+    session?: V3ProductSession;
+    revision: number;
+    private selected;
+    private error;
+    private lastContext;
+    protected willUpdate(_changed: PropertyValues): void;
+    private run;
+    private changed;
+    private save;
+    private add;
+    private changeField;
+    render(): import("lit-html").TemplateResult<1>;
+}