@things-factory/figure-ui 10.1.34 → 10.1.36

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

@@ -0,0 +1,26 @@
+import { PageView } from '@operato/shell';
+import '../modeller/v3-editor.js';
+/** The V3 product page has exactly one authoritative workspace for UI and AI input transactions. */
+export declare class FigureV3ModellerPage extends PageView {
+    static styles: import("lit").CSSResult;
+    private readonly session;
+    private routeId;
+    private discardApproved;
+    private revision;
+    private error;
+    private announce;
+    private changed;
+    /** The dock must explicitly use this checked transaction contract, never an unversioned overwrite. */
+    private applyAI;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    canDeactivate(): Promise<boolean>;
+    pageUpdated(changes: Record<string, unknown>, lifecycle: {
+        resourceId?: string;
+    }): Promise<void>;
+    get context(): {
+        title: string;
+        actions: never[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/figure-v3-modeller-page.js

@@ -0,0 +1,140 @@
+import { __decorate, __metadata } from "tslib";
+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. */
+let FigureV3ModellerPage = class FigureV3ModellerPage extends PageView {
+    constructor() {
+        super(...arguments);
+        this.session = createV3ProductSession(v3ProductStore);
+        this.discardApproved = false;
+        this.revision = 0;
+        this.error = '';
+        this.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'
+                }
+            }));
+        };
+        this.changed = () => {
+            this.revision++;
+            if (!this.session.read().saving)
+                this.announce();
+        };
+        /** The dock must explicitly use this checked transaction contract, never an unversioned overwrite. */
+        this.applyAI = (event) => {
+            const detail = event.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);
+            }
+        };
+    }
+    static { this.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;
+    }
+  `; }
+    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, lifecycle) {
+        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>`;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3ModellerPage.prototype, "revision", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3ModellerPage.prototype, "error", void 0);
+FigureV3ModellerPage = __decorate([
+    customElement('figure-modeller-page')
+], FigureV3ModellerPage);
+export { FigureV3ModellerPage };
+//# sourceMappingURL=figure-v3-modeller-page.js.map

package/dist-client/pages/figure-v3-modeller-page.js.map

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