@things-factory/board-ui 9.0.0-beta.9 → 9.0.2

package/dist-client/data-grist/board-editor.js

@@ -1,24 +1,55 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/board/ox-board-selector.js';
-import './board-renderer';
+import './board-renderer.js';
 import { css, html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { OxGristEditor } from '@operato/data-grist';
 import { i18next } from '@operato/i18n';
 import { openPopup } from '@operato/layout';
 let BoardEditor = class BoardEditor extends OxGristEditor {
+    static { this.styles = [
+        css `
+      :host {
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: center;
+
+        box-sizing: border-box;
+
+        width: 100%;
+        height: 100%;
+
+        border: 0;
+        background-color: transparent;
+
+        font: var(--grist-object-editor-font);
+        color: var(--grist-object-editor-color);
+
+        justify-content: inherit;
+      }
+
+      board-renderer {
+        display: flex;
+        flex: auto;
+
+        justify-content: inherit;
+      }
+    `
+    ]; }
     render() {
         var { boardViewerPage } = this.column.record.options || {};
-        return html ` <board-renderer .value=${this.value} .boardViewerPage=${boardViewerPage}></board-renderer> `;
+        return html `
+      <board-renderer
+        .value=${this.value}
+        .boardViewerPage=${boardViewerPage}
+        @click=${this.openSelector}
+      ></board-renderer>
+    `;
     }
     async firstUpdated() {
         this.value = this.record[this.column.name];
-        await this.updateComplete;
-        this.renderRoot.addEventListener('click', e => {
-            e.stopPropagation();
-            this.openSelector();
-        });
-        this.openSelector();
+        // await this.updateComplete
+        // this.openSelector()
     }
     openSelector() {
         if (this.popup) {
@@ -58,35 +89,6 @@ let BoardEditor = class BoardEditor extends OxGristEditor {
         });
     }
 };
-BoardEditor.styles = [
-    css `
-      :host {
-        display: flex;
-        flex-flow: row nowrap;
-        align-items: center;
-
-        box-sizing: border-box;
-
-        width: 100%;
-        height: 100%;
-
-        border: 0;
-        background-color: transparent;
-
-        font: var(--grist-object-editor-font);
-        color: var(--grist-object-editor-color);
-
-        justify-content: inherit;
-      }
-
-      board-renderer {
-        display: flex;
-        flex: auto;
-
-        justify-content: inherit;
-      }
-    `
-];
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)

package/dist-client/data-grist/board-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-editor.js","sourceRoot":"","sources":["../../client/data-grist/board-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/board/ox-board-selector.js'\nimport './board-renderer'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\n\n@customElement('board-editor')\nexport class BoardEditor extends OxGristEditor {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n\n        box-sizing: border-box;\n\n        width: 100%;\n        height: 100%;\n\n        border: 0;\n        background-color: transparent;\n\n        font: var(--grist-object-editor-font);\n        color: var(--grist-object-editor-color);\n\n        justify-content: inherit;\n      }\n\n      board-renderer {\n        display: flex;\n        flex: auto;\n\n        justify-content: inherit;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: Object }) column: any\n  @property({ type: Object }) record: any\n  @property({ type: Number }) row?: number\n\n  popup\n\n  render() {\n    var { boardViewerPage } = this.column.record.options || {}\n    return html` <board-renderer .value=${this.value} .boardViewerPage=${boardViewerPage}></board-renderer> `\n  }\n\n  async firstUpdated() {\n    this.value = this.record[this.column.name]\n\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.openSelector()\n    })\n\n    this.openSelector()\n  }\n\n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n\n    var template = html`\n      <ox-board-selector\n        .creatable=${true}\n        .value=${this.value}\n        @board-selected=${async e => {\n          var board = e.detail.board\n\n          this.dispatchEvent(\n            new CustomEvent('field-change', {\n              bubbles: true,\n              composed: true,\n              detail: {\n                before: this.value,\n                after: this.column.type == 'board' ? board : board.id || '',\n                record: this.record,\n                column: this.column,\n                row: this.row\n              }\n            })\n          )\n\n          this.popup && this.popup.close()\n        }}\n      ></ox-board-selector>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: i18next.t('title.select board')\n    })\n  }\n}\n"]}
+{"version":3,"file":"board-editor.js","sourceRoot":"","sources":["../../client/data-grist/board-editor.ts"],"names":[],"mappings":";AAAA,OAAO,qCAAqC,CAAA;AAC5C,OAAO,qBAAqB,CAAA;AAE5B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAGpC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;aACrC,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KA0BF;KACF,AA5BY,CA4BZ;IASD,MAAM;QACJ,IAAI,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;QAC1D,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,KAAK;2BACA,eAAe;iBACzB,IAAI,CAAC,YAAY;;KAE7B,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAE1C,4BAA4B;QAE5B,sBAAsB;IACxB,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,KAAK,CAAA;QACnB,CAAC;QAED;;;;WAIG;QACH,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE5B,IAAI,QAAQ,GAAG,IAAI,CAAA;;qBAEF,IAAI;iBACR,IAAI,CAAC,KAAK;0BACD,KAAK,EAAC,CAAC,EAAC,EAAE;YAC1B,IAAI,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;YAE1B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE;oBAC3D,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;YAED,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QAClC,CAAC;;KAEJ,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE;YAC/B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;SACvC,CAAC,CAAA;IACJ,CAAC;;AArE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wCAAa;AAlC7B,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAqGvB","sourcesContent":["import '@operato/board/ox-board-selector.js'\nimport './board-renderer.js'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\n\n@customElement('board-editor')\nexport class BoardEditor extends OxGristEditor {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n\n        box-sizing: border-box;\n\n        width: 100%;\n        height: 100%;\n\n        border: 0;\n        background-color: transparent;\n\n        font: var(--grist-object-editor-font);\n        color: var(--grist-object-editor-color);\n\n        justify-content: inherit;\n      }\n\n      board-renderer {\n        display: flex;\n        flex: auto;\n\n        justify-content: inherit;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: Object }) column: any\n  @property({ type: Object }) record: any\n  @property({ type: Number }) row?: number\n\n  popup\n\n  render() {\n    var { boardViewerPage } = this.column.record.options || {}\n    return html`\n      <board-renderer\n        .value=${this.value}\n        .boardViewerPage=${boardViewerPage}\n        @click=${this.openSelector}\n      ></board-renderer>\n    `\n  }\n\n  async firstUpdated() {\n    this.value = this.record[this.column.name]\n\n    // await this.updateComplete\n\n    // this.openSelector()\n  }\n\n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n\n    var template = html`\n      <ox-board-selector\n        .creatable=${true}\n        .value=${this.value}\n        @board-selected=${async e => {\n          var board = e.detail.board\n\n          this.dispatchEvent(\n            new CustomEvent('field-change', {\n              bubbles: true,\n              composed: true,\n              detail: {\n                before: this.value,\n                after: this.column.type == 'board' ? board : board.id || '',\n                record: this.record,\n                column: this.column,\n                row: this.row\n              }\n            })\n          )\n\n          this.popup && this.popup.close()\n        }}\n      ></ox-board-selector>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: i18next.t('title.select board')\n    })\n  }\n}\n"]}

package/dist-client/data-grist/board-renderer.js

@@ -18,51 +18,8 @@ const FETCH_BOARD_GQL = id => {
 `;
 };
 let BoardRendererElement = class BoardRendererElement extends LitElement {
-    async updated(changes) {
-        if (changes.has('value')) {
-            if (typeof this.value == 'string' && this.value) {
-                /* fetchBoard..., */
-                try {
-                    var response = await client.query({
-                        query: FETCH_BOARD_GQL(this.value),
-                        context: gqlContext()
-                    });
-                    this._value = (response && response.data && response.data.board) || {};
-                }
-                catch (e) {
-                    console.error(e);
-                }
-            }
-            else {
-                this._value = this.value || {};
-            }
-        }
-    }
-    render() {
-        var { id, name = '', thumbnail = 'image/gif' } = this._value || {};
-        return id
-            ? html `
-          <span>${name}</span>
-          <img src=${thumbnail} alt="no thumbnail!" />
-          <md-icon view @mousedown=${e => this.onClickViewer(e, id)}>search</md-icon>
-          <md-icon edit @mousedown=${e => this.onClickModeler(e, id)}>edit</md-icon>
-        `
-            : html ` choose board.. `;
-    }
-    onClickViewer(e, id) {
-        e.preventDefault();
-        e.stopPropagation();
-        var boardViewerPage = this.boardViewerPage || 'board-viewer';
-        navigate(`${boardViewerPage}/${id}${window.location.search}`);
-    }
-    onClickModeler(e, id) {
-        e.preventDefault();
-        e.stopPropagation();
-        navigate(`board-modeller/${id}${window.location.search}`);
-    }
-};
-BoardRendererElement.styles = [
-    css `
+    static { this.styles = [
+        css `
       :host {
         display: flex;
         justify-content: center;
@@ -99,18 +56,70 @@ BoardRendererElement.styles = [
         height: var(--board-renderer-icon-size);
         font: var(--board-renderer-font);
       }
+
+      md-icon:hover {
+        background-color: var(--md-sys-color-secondary-container);
+        color: var(--md-sys-color-on-secondary-container);
+        cursor: pointer;
+      }
+
       md-icon[edit] {
         right: 0;
 
         border-bottom-left-radius: var(--board-renderer-icon-border-radius);
       }
+
       md-icon[view] {
         left: 0;
 
         border-bottom-right-radius: var(--board-renderer-icon-border-radius);
       }
     `
-];
+    ]; }
+    async updated(changes) {
+        if (changes.has('value')) {
+            if (typeof this.value == 'string' && this.value) {
+                /* fetchBoard..., */
+                try {
+                    var response = await client.query({
+                        query: FETCH_BOARD_GQL(this.value),
+                        context: gqlContext()
+                    });
+                    this._value = (response && response.data && response.data.board) || {};
+                }
+                catch (e) {
+                    console.error(e);
+                }
+            }
+            else {
+                this._value = this.value || {};
+            }
+        }
+    }
+    render() {
+        var { id, name = '', thumbnail = 'image/gif' } = this._value || {};
+        return id
+            ? html `
+          <span>${name}</span>
+          <img src=${thumbnail} alt="no thumbnail!" />
+
+          <md-icon view @click=${e => this.onClickViewer(e, id)}>search</md-icon>
+          <md-icon edit @click=${e => this.onClickModeler(e, id)}>edit</md-icon>
+        `
+            : html ` choose board.. `;
+    }
+    onClickViewer(e, id) {
+        e.preventDefault();
+        e.stopPropagation();
+        var boardViewerPage = this.boardViewerPage || 'board-viewer';
+        navigate(`${boardViewerPage}/${id}${window.location.search}`);
+    }
+    onClickModeler(e, id) {
+        e.preventDefault();
+        e.stopPropagation();
+        navigate(`board-modeller/${id}${window.location.search}`);
+    }
+};
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)

package/dist-client/data-grist/board-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-renderer.js","sourceRoot":"","sources":["../../client/data-grist/board-renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { navigate } from '@operato/shell'\nimport { client, gqlContext } from '@operato/graphql'\n\nconst FETCH_BOARD_GQL = id => {\n  return gql`\n  {\n    board(id:\"${id}\") {\n      id\n      name\n      description\n      thumbnail\n    }\n  }\n`\n}\n\n@customElement('board-renderer')\nclass BoardRendererElement extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        justify-content: center;\n        position: relative;\n\n        max-width: var(--board-renderer-max-width);\n        border: var(--board-renderer-border);\n\n        width: 100%;\n      }\n      span {\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        text-indent: 5px;\n\n        font: var(--board-renderer-name-font);\n        color: var(--md-sys-color-on-primary);\n        background-color: var(--md-sys-color-primary);\n      }\n      img {\n        object-fit: contain;\n        max-width: 100%;\n        max-height: 100%;\n      }\n      md-icon {\n        position: absolute;\n        top: 0;\n        text-align: center;\n        color: var(--md-sys-color-on-primary);\n        background-color: var(--md-sys-color-primary);\n\n        width: var(--board-renderer-icon-size);\n        height: var(--board-renderer-icon-size);\n        font: var(--board-renderer-font);\n      }\n      md-icon[edit] {\n        right: 0;\n\n        border-bottom-left-radius: var(--board-renderer-icon-border-radius);\n      }\n      md-icon[view] {\n        left: 0;\n\n        border-bottom-right-radius: var(--board-renderer-icon-border-radius);\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: String }) boardViewerPage?: string\n  @property({ type: Object }) _value: any\n\n  async updated(changes) {\n    if (changes.has('value')) {\n      if (typeof this.value == 'string' && this.value) {\n        /* fetchBoard..., */\n        try {\n          var response = await client.query({\n            query: FETCH_BOARD_GQL(this.value),\n            context: gqlContext()\n          })\n\n          this._value = (response && response.data && response.data.board) || {}\n        } catch (e) {\n          console.error(e)\n        }\n      } else {\n        this._value = this.value || {}\n      }\n    }\n  }\n\n  render() {\n    var { id, name = '', thumbnail = 'image/gif' } = this._value || {}\n\n    return id\n      ? html`\n          <span>${name}</span>\n          <img src=${thumbnail} alt=\"no thumbnail!\" />\n          <md-icon view @mousedown=${e => this.onClickViewer(e, id)}>search</md-icon>\n          <md-icon edit @mousedown=${e => this.onClickModeler(e, id)}>edit</md-icon>\n        `\n      : html` choose board.. `\n  }\n\n  onClickViewer(e, id) {\n    e.preventDefault()\n    e.stopPropagation()\n\n    var boardViewerPage = this.boardViewerPage || 'board-viewer'\n\n    navigate(`${boardViewerPage}/${id}${window.location.search}`)\n  }\n\n  onClickModeler(e, id) {\n    e.preventDefault()\n    e.stopPropagation()\n\n    navigate(`board-modeller/${id}${window.location.search}`)\n  }\n}\n\nexport const BoardRenderer = (value, column, record) => {\n  var { boardViewerPage = '' } = column.record.options || {}\n\n  return html` <board-renderer .value=${value} .boardViewerPage=${boardViewerPage}></board-renderer> `\n}\n"]}
+{"version":3,"file":"board-renderer.js","sourceRoot":"","sources":["../../client/data-grist/board-renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { navigate } from '@operato/shell'\nimport { client, gqlContext } from '@operato/graphql'\n\nconst FETCH_BOARD_GQL = id => {\n  return gql`\n  {\n    board(id:\"${id}\") {\n      id\n      name\n      description\n      thumbnail\n    }\n  }\n`\n}\n\n@customElement('board-renderer')\nclass BoardRendererElement extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        justify-content: center;\n        position: relative;\n\n        max-width: var(--board-renderer-max-width);\n        border: var(--board-renderer-border);\n\n        width: 100%;\n      }\n      span {\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        text-indent: 5px;\n\n        font: var(--board-renderer-name-font);\n        color: var(--md-sys-color-on-primary);\n        background-color: var(--md-sys-color-primary);\n      }\n      img {\n        object-fit: contain;\n        max-width: 100%;\n        max-height: 100%;\n      }\n      md-icon {\n        position: absolute;\n        top: 0;\n        text-align: center;\n        color: var(--md-sys-color-on-primary);\n        background-color: var(--md-sys-color-primary);\n\n        width: var(--board-renderer-icon-size);\n        height: var(--board-renderer-icon-size);\n        font: var(--board-renderer-font);\n      }\n\n      md-icon:hover {\n        background-color: var(--md-sys-color-secondary-container);\n        color: var(--md-sys-color-on-secondary-container);\n        cursor: pointer;\n      }\n\n      md-icon[edit] {\n        right: 0;\n\n        border-bottom-left-radius: var(--board-renderer-icon-border-radius);\n      }\n\n      md-icon[view] {\n        left: 0;\n\n        border-bottom-right-radius: var(--board-renderer-icon-border-radius);\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: String }) boardViewerPage?: string\n  @property({ type: Object }) _value: any\n\n  async updated(changes) {\n    if (changes.has('value')) {\n      if (typeof this.value == 'string' && this.value) {\n        /* fetchBoard..., */\n        try {\n          var response = await client.query({\n            query: FETCH_BOARD_GQL(this.value),\n            context: gqlContext()\n          })\n\n          this._value = (response && response.data && response.data.board) || {}\n        } catch (e) {\n          console.error(e)\n        }\n      } else {\n        this._value = this.value || {}\n      }\n    }\n  }\n\n  render() {\n    var { id, name = '', thumbnail = 'image/gif' } = this._value || {}\n\n    return id\n      ? html`\n          <span>${name}</span>\n          <img src=${thumbnail} alt=\"no thumbnail!\" />\n\n          <md-icon view @click=${e => this.onClickViewer(e, id)}>search</md-icon>\n          <md-icon edit @click=${e => this.onClickModeler(e, id)}>edit</md-icon>\n        `\n      : html` choose board.. `\n  }\n\n  onClickViewer(e, id) {\n    e.preventDefault()\n    e.stopPropagation()\n\n    var boardViewerPage = this.boardViewerPage || 'board-viewer'\n\n    navigate(`${boardViewerPage}/${id}${window.location.search}`)\n  }\n\n  onClickModeler(e, id) {\n    e.preventDefault()\n    e.stopPropagation()\n\n    navigate(`board-modeller/${id}${window.location.search}`)\n  }\n}\n\nexport const BoardRenderer = (value, column, record) => {\n  var { boardViewerPage = '' } = column.record.options || {}\n\n  return html` <board-renderer .value=${value} .boardViewerPage=${boardViewerPage}></board-renderer> `\n}\n"]}

package/dist-client/data-grist/color-map-editor.js

@@ -3,9 +3,13 @@ import { customElement } from 'lit/decorators.js';
 import { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js';
 let ColorMapEditor = class ColorMapEditor extends OxGristEditorValueMap {
     get options() {
-        var _a;
-        const overidable = ((_a = this.column.record) === null || _a === void 0 ? void 0 : _a.options) || {};
-        return Object.assign({ name: `Color Map : ${this.record.name}`, valuetype: 'color', objectified: true }, overidable);
+        const overidable = this.column.record?.options || {};
+        return {
+            name: `Color Map : ${this.record.name}`,
+            valuetype: 'color',
+            objectified: true,
+            ...overidable
+        };
     }
 };
 ColorMapEditor = __decorate([

package/dist-client/data-grist/color-map-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-map-editor.js","sourceRoot":"","sources":["../../client/data-grist/color-map-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAA;AAGnF,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,qBAAqB;IACvD,IAAI,OAAO;;QACT,MAAM,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,CAAC,MAAM,0CAAE,OAAO,KAAI,EAAE,CAAA;QAEpD,uBACE,IAAI,EAAE,eAAe,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EACvC,SAAS,EAAE,OAAO,EAClB,WAAW,EAAE,IAAI,IACd,UAAU,EACd;IACH,CAAC;CACF,CAAA;AAXY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAW1B","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js'\n\n@customElement('color-map-editor')\nexport class ColorMapEditor extends OxGristEditorValueMap {\n  get options() {\n    const overidable = this.column.record?.options || {}\n\n    return {\n      name: `Color Map : ${this.record.name}`,\n      valuetype: 'color',\n      objectified: true,\n      ...overidable\n    }\n  }\n}\n"]}
+{"version":3,"file":"color-map-editor.js","sourceRoot":"","sources":["../../client/data-grist/color-map-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAA;AAGnF,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,qBAAqB;IACvD,IAAI,OAAO;QACT,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAA;QAEpD,OAAO;YACL,IAAI,EAAE,eAAe,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YACvC,SAAS,EAAE,OAAO;YAClB,WAAW,EAAE,IAAI;YACjB,GAAG,UAAU;SACd,CAAA;IACH,CAAC;CACF,CAAA;AAXY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAW1B","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js'\n\n@customElement('color-map-editor')\nexport class ColorMapEditor extends OxGristEditorValueMap {\n  get options() {\n    const overidable = this.column.record?.options || {}\n\n    return {\n      name: `Color Map : ${this.record.name}`,\n      valuetype: 'color',\n      objectified: true,\n      ...overidable\n    }\n  }\n}\n"]}

package/dist-client/data-grist/color-ranges-editor.js

@@ -3,9 +3,13 @@ import { customElement } from 'lit/decorators.js';
 import { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js';
 let ColorRangesEditor = class ColorRangesEditor extends OxGristEditorValueRanges {
     get options() {
-        var _a;
-        const overidable = ((_a = this.column.record) === null || _a === void 0 ? void 0 : _a.options) || {};
-        return Object.assign({ name: `Color Ranges : ${this.record.name}`, valuetype: 'color', objectified: true }, overidable);
+        const overidable = this.column.record?.options || {};
+        return {
+            name: `Color Ranges : ${this.record.name}`,
+            valuetype: 'color',
+            objectified: true,
+            ...overidable
+        };
     }
 };
 ColorRangesEditor = __decorate([

package/dist-client/data-grist/color-ranges-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-ranges-editor.js","sourceRoot":"","sources":["../../client/data-grist/color-ranges-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAA;AAGzF,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,wBAAwB;IAC7D,IAAI,OAAO;;QACT,MAAM,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,CAAC,MAAM,0CAAE,OAAO,KAAI,EAAE,CAAA;QAEpD,uBACE,IAAI,EAAE,kBAAkB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAC1C,SAAS,EAAE,OAAO,EAClB,WAAW,EAAE,IAAI,IACd,UAAU,EACd;IACH,CAAC;CACF,CAAA;AAXY,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAW7B","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js'\n\n@customElement('color-ranges-editor')\nexport class ColorRangesEditor extends OxGristEditorValueRanges {\n  get options() {\n    const overidable = this.column.record?.options || {}\n\n    return {\n      name: `Color Ranges : ${this.record.name}`,\n      valuetype: 'color',\n      objectified: true,\n      ...overidable\n    }\n  }\n}\n"]}
+{"version":3,"file":"color-ranges-editor.js","sourceRoot":"","sources":["../../client/data-grist/color-ranges-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAA;AAGzF,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,wBAAwB;IAC7D,IAAI,OAAO;QACT,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAA;QAEpD,OAAO;YACL,IAAI,EAAE,kBAAkB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAC1C,SAAS,EAAE,OAAO;YAClB,WAAW,EAAE,IAAI;YACjB,GAAG,UAAU;SACd,CAAA;IACH,CAAC;CACF,CAAA;AAXY,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAW7B","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js'\n\n@customElement('color-ranges-editor')\nexport class ColorRangesEditor extends OxGristEditorValueRanges {\n  get options() {\n    const overidable = this.column.record?.options || {}\n\n    return {\n      name: `Color Ranges : ${this.record.name}`,\n      valuetype: 'color',\n      objectified: true,\n      ...overidable\n    }\n  }\n}\n"]}

package/dist-client/entries/headless-scene-components.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-client/entries/headless-scene-components.js

@@ -0,0 +1,4 @@
+import 'core-js/stable';
+import 'regenerator-runtime/runtime';
+import './things-scene-components.import';
+//# sourceMappingURL=headless-scene-components.js.map

package/dist-client/entries/headless-scene-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headless-scene-components.js","sourceRoot":"","sources":["../../client/entries/headless-scene-components.js"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA;AACvB,OAAO,6BAA6B,CAAA;AACpC,OAAO,kCAAkC,CAAA","sourcesContent":["import 'core-js/stable'\nimport 'regenerator-runtime/runtime'\nimport './things-scene-components.import'\n"]}

package/dist-client/entries/scene-player.d.ts

@@ -0,0 +1,5 @@
+export const provider: ReferenceMap<any>;
+export function startSubscribingForAutoRefresh(playGroupId: any, callback: any): Promise<void>;
+export function stopSubscribing(): Promise<void>;
+import { ReferenceMap } from '@hatiolab/things-scene';
+export { BoardViewer, BoardPlayer } from "@operato/board";

package/dist-client/entries/scene-player.js

@@ -0,0 +1,84 @@
+import './headless-scene-components.js';
+import gql from 'graphql-tag';
+import { ReferenceMap, create, error } from '@hatiolab/things-scene';
+export { BoardViewer, BoardPlayer } from '@operato/board';
+import { client, gqlContext, subscribe } from '@operato/graphql';
+export const provider = new ReferenceMap(async (boardId, resolve, reject) => {
+    try {
+        const response = await client.query({
+            query: gql `
+          query FetchBoardById($id: String!) {
+            board(id: $id) {
+              model
+            }
+          }
+        `,
+            variables: { id: boardId },
+            context: gqlContext()
+        });
+        const board = response.data.board;
+        var model = JSON.parse(board.model);
+        var scene;
+        try {
+            scene = await provider.get(boardId);
+            console.warn('Board fetched more than twice.', boardId);
+        }
+        catch (e) {
+            scene = create({
+                model,
+                mode: 0,
+                refProvider: provider
+            });
+            // s.app.baseUrl = undefined;
+        }
+        resolve(scene);
+    }
+    catch (e) {
+        error(e);
+        reject(e);
+    }
+}, async (id, ref) => {
+    ref.dispose();
+});
+var subscriptionForAutoRefresh;
+export const startSubscribingForAutoRefresh = async (playGroupId, callback) => {
+    if (!playGroupId) {
+        return;
+    }
+    await stopSubscribing();
+    subscriptionForAutoRefresh = await subscribe({
+        query: gql `
+        subscription ($id: String!) {
+          playGroup(id: $id) {
+            id
+            boards {
+              id
+              model
+            }
+          }
+        }
+      `,
+        variables: {
+            id: playGroupId
+        }
+    }, {
+        next: async ({ data }) => {
+            const { id, boards = '{}' } = data.playGroup;
+            if (data) {
+                callback &&
+                    (await callback({
+                        id,
+                        boards
+                    }));
+            }
+        }
+    });
+};
+export const stopSubscribing = async () => {
+    await subscriptionForAutoRefresh?.unsubscribe();
+    subscriptionForAutoRefresh = null;
+};
+window['headlessSceneProvider'] = provider;
+window['startSubscribingForAutoRefresh'] = startSubscribingForAutoRefresh;
+window['stopSubscribing'] = stopSubscribing;
+//# sourceMappingURL=scene-player.js.map

package/dist-client/entries/scene-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-player.js","sourceRoot":"","sources":["../../client/entries/scene-player.js"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAA;AACvC,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEhE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,YAAY,CACtC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;IACjC,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;SAMT;YACD,SAAS,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,UAAU,EAAE;SACtB,CAAC,CAAA;QAEF,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAA;QAEjC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAEnC,IAAI,KAAK,CAAA;QAET,IAAI,CAAC;YACH,KAAK,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACnC,OAAO,CAAC,IAAI,CAAC,gCAAgC,EAAE,OAAO,CAAC,CAAA;QACzD,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,KAAK,GAAG,MAAM,CAAC;gBACb,KAAK;gBACL,IAAI,EAAE,CAAC;gBACP,WAAW,EAAE,QAAQ;aACtB,CAAC,CAAA;YAEF,6BAA6B;QAC/B,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,KAAK,CAAC,CAAC,CAAC,CAAA;QACR,MAAM,CAAC,CAAC,CAAC,CAAA;IACX,CAAC;AACH,CAAC,EACD,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE;IAChB,GAAG,CAAC,OAAO,EAAE,CAAA;AACf,CAAC,CACF,CAAA;AAED,IAAI,0BAA0B,CAAA;AAE9B,MAAM,CAAC,MAAM,8BAA8B,GAAG,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE;IAC5E,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAM;IACR,CAAC;IAED,MAAM,eAAe,EAAE,CAAA;IAEvB,0BAA0B,GAAG,MAAM,SAAS,CAC1C;QACE,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;OAUT;QACD,SAAS,EAAE;YACT,EAAE,EAAE,WAAW;SAChB;KACF,EACD;QACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YACvB,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAA;YAE5C,IAAI,IAAI,EAAE,CAAC;gBACT,QAAQ;oBACN,CAAC,MAAM,QAAQ,CAAC;wBACd,EAAE;wBACF,MAAM;qBACP,CAAC,CAAC,CAAA;YACP,CAAC;QACH,CAAC;KACF,CACF,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;IACxC,MAAM,0BAA0B,EAAE,WAAW,EAAE,CAAA;IAC/C,0BAA0B,GAAG,IAAI,CAAA;AACnC,CAAC,CAAA;AAED,MAAM,CAAC,uBAAuB,CAAC,GAAG,QAAQ,CAAA;AAC1C,MAAM,CAAC,gCAAgC,CAAC,GAAG,8BAA8B,CAAA;AACzE,MAAM,CAAC,iBAAiB,CAAC,GAAG,eAAe,CAAA","sourcesContent":["import './headless-scene-components.js'\nimport gql from 'graphql-tag'\n\nimport { ReferenceMap, create, error } from '@hatiolab/things-scene'\n\nexport { BoardViewer, BoardPlayer } from '@operato/board'\nimport { client, gqlContext, subscribe } from '@operato/graphql'\n\nexport const provider = new ReferenceMap(\n  async (boardId, resolve, reject) => {\n    try {\n      const response = await client.query({\n        query: gql`\n          query FetchBoardById($id: String!) {\n            board(id: $id) {\n              model\n            }\n          }\n        `,\n        variables: { id: boardId },\n        context: gqlContext()\n      })\n\n      const board = response.data.board\n\n      var model = JSON.parse(board.model)\n\n      var scene\n\n      try {\n        scene = await provider.get(boardId)\n        console.warn('Board fetched more than twice.', boardId)\n      } catch (e) {\n        scene = create({\n          model,\n          mode: 0,\n          refProvider: provider\n        })\n\n        // s.app.baseUrl = undefined;\n      }\n\n      resolve(scene)\n    } catch (e) {\n      error(e)\n      reject(e)\n    }\n  },\n  async (id, ref) => {\n    ref.dispose()\n  }\n)\n\nvar subscriptionForAutoRefresh\n\nexport const startSubscribingForAutoRefresh = async (playGroupId, callback) => {\n  if (!playGroupId) {\n    return\n  }\n\n  await stopSubscribing()\n\n  subscriptionForAutoRefresh = await subscribe(\n    {\n      query: gql`\n        subscription ($id: String!) {\n          playGroup(id: $id) {\n            id\n            boards {\n              id\n              model\n            }\n          }\n        }\n      `,\n      variables: {\n        id: playGroupId\n      }\n    },\n    {\n      next: async ({ data }) => {\n        const { id, boards = '{}' } = data.playGroup\n\n        if (data) {\n          callback &&\n            (await callback({\n              id,\n              boards\n            }))\n        }\n      }\n    }\n  )\n}\n\nexport const stopSubscribing = async () => {\n  await subscriptionForAutoRefresh?.unsubscribe()\n  subscriptionForAutoRefresh = null\n}\n\nwindow['headlessSceneProvider'] = provider\nwindow['startSubscribingForAutoRefresh'] = startSubscribingForAutoRefresh\nwindow['stopSubscribing'] = stopSubscribing\n"]}

package/dist-client/entries/scene-viewer.d.ts

@@ -0,0 +1,5 @@
+export { BoardViewer } from "@operato/board";
+export const provider: ReferenceMap<any>;
+export function startSubscribingForAutoRefresh(boardId: any, callback: any): Promise<void>;
+export function stopSubscribing(): Promise<void>;
+import { ReferenceMap } from '@hatiolab/things-scene';

package/dist-client/entries/scene-viewer.js

@@ -0,0 +1,85 @@
+import './headless-scene-components.js';
+import { ReferenceMap, create, error } from '@hatiolab/things-scene';
+import { client, gqlContext, subscribe } from '@operato/graphql';
+import gql from 'graphql-tag';
+export { BoardViewer } from '@operato/board';
+export const provider = new ReferenceMap(async (boardId, resolve, reject) => {
+    try {
+        const response = await client.query({
+            query: gql `
+          query FetchBoardById($id: String!) {
+            board(id: $id) {
+              model
+            }
+          }
+        `,
+            variables: { id: boardId },
+            context: gqlContext()
+        });
+        const board = response.data.board;
+        var model = JSON.parse(board.model);
+        var scene;
+        try {
+            scene = await provider.get(boardId);
+            console.warn('Board fetched more than twice.', boardId);
+        }
+        catch (e) {
+            scene = create({
+                model,
+                mode: 0,
+                refProvider: provider
+            });
+            // s.app.baseUrl = undefined;
+        }
+        resolve(scene);
+        // resolve(scene, {
+        //   ...board,
+        //   model
+        // })
+    }
+    catch (e) {
+        error(e);
+        reject(e);
+    }
+}, async (id, ref) => {
+    ref.dispose();
+});
+var subscriptionForAutoRefresh;
+export const startSubscribingForAutoRefresh = async (boardId, callback) => {
+    if (!boardId) {
+        return;
+    }
+    await stopSubscribing();
+    subscriptionForAutoRefresh = await subscribe({
+        query: gql `
+        subscription ($id: String!) {
+          board(id: $id) {
+            id
+            model
+          }
+        }
+      `,
+        variables: {
+            id: boardId
+        }
+    }, {
+        next: async ({ data }) => {
+            const { id, model = '{}' } = data.board;
+            if (data) {
+                callback &&
+                    (await callback({
+                        id,
+                        model: JSON.parse(model)
+                    }));
+            }
+        }
+    });
+};
+export const stopSubscribing = async () => {
+    await subscriptionForAutoRefresh?.unsubscribe();
+    subscriptionForAutoRefresh = null;
+};
+window['headlessSceneProvider'] = provider;
+window['startSubscribingForAutoRefresh'] = startSubscribingForAutoRefresh;
+window['stopSubscribing'] = stopSubscribing;
+//# sourceMappingURL=scene-viewer.js.map

package/dist-client/entries/scene-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-viewer.js","sourceRoot":"","sources":["../../client/entries/scene-viewer.js"],"names":[],"mappings":"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","sourcesContent":["import './headless-scene-components.js'\n\nimport { ReferenceMap, create, error } from '@hatiolab/things-scene'\nimport { client, gqlContext, subscribe } from '@operato/graphql'\n\nimport gql from 'graphql-tag'\n\nexport { BoardViewer } from '@operato/board'\n\nexport const provider = new ReferenceMap(\n  async (boardId, resolve, reject) => {\n    try {\n      const response = await client.query({\n        query: gql`\n          query FetchBoardById($id: String!) {\n            board(id: $id) {\n              model\n            }\n          }\n        `,\n        variables: { id: boardId },\n        context: gqlContext()\n      })\n\n      const board = response.data.board\n\n      var model = JSON.parse(board.model)\n\n      var scene\n\n      try {\n        scene = await provider.get(boardId)\n        console.warn('Board fetched more than twice.', boardId)\n      } catch (e) {\n        scene = create({\n          model,\n          mode: 0,\n          refProvider: provider\n        })\n\n        // s.app.baseUrl = undefined;\n      }\n\n      resolve(scene)\n\n      // resolve(scene, {\n      //   ...board,\n      //   model\n      // })\n    } catch (e) {\n      error(e)\n      reject(e)\n    }\n  },\n  async (id, ref) => {\n    ref.dispose()\n  }\n)\n\nvar subscriptionForAutoRefresh\n\nexport const startSubscribingForAutoRefresh = async (boardId, callback) => {\n  if (!boardId) {\n    return\n  }\n\n  await stopSubscribing()\n\n  subscriptionForAutoRefresh = await subscribe(\n    {\n      query: gql`\n        subscription ($id: String!) {\n          board(id: $id) {\n            id\n            model\n          }\n        }\n      `,\n      variables: {\n        id: boardId\n      }\n    },\n    {\n      next: async ({ data }) => {\n        const { id, model = '{}' } = data.board\n\n        if (data) {\n          callback &&\n            (await callback({\n              id,\n              model: JSON.parse(model)\n            }))\n        }\n      }\n    }\n  )\n}\n\nexport const stopSubscribing = async () => {\n  await subscriptionForAutoRefresh?.unsubscribe()\n  subscriptionForAutoRefresh = null\n}\n\nwindow['headlessSceneProvider'] = provider\nwindow['startSubscribingForAutoRefresh'] = startSubscribingForAutoRefresh\nwindow['stopSubscribing'] = stopSubscribing\n"]}

package/dist-client/entries/things-scene-components.import

@@ -0,0 +1 @@
+/* 이 파일은 node_modules/@things-scene 아래에 설치된 컴포넌트들의 리스트를 스캔해서 자동으로 import 하기위해 things-scene-webpack-loader 에 의해 로드되는 파일이다. */

package/dist-client/graphql/board.js

@@ -62,6 +62,7 @@ export async function createBoard(board) {
         name        : String!
         description : String
         model       : String!
+        type        : String!
         groupId     : String!
       }
     */
@@ -73,6 +74,7 @@ export async function createBoard(board) {
           id
           name
           description
+          type
           model
           state
           version
@@ -95,6 +97,7 @@ export async function cloneBoard({ id, name, description, targetSubdomain, targe
           id
           name
           description
+          type
           model
           group {
             id
@@ -125,6 +128,7 @@ export async function releaseBoard(board) {
           id
           name
           description
+          type
           model
           group {
             id
@@ -165,9 +169,11 @@ export async function updateBoard(board) {
         name        : String
         description : String
         model       : String
+        groupId     : String
+        type        : String
       }
       */
-    var { id, name, description, model, groupId } = board;
+    var { id, name, description, model, groupId, type } = board;
     model = JSON.stringify(model);
     const response = await client.mutate({
         mutation: gql `
@@ -181,6 +187,7 @@ export async function updateBoard(board) {
             id
             name
           }
+          type
           state
           version
           createdAt
@@ -190,7 +197,7 @@ export async function updateBoard(board) {
     `,
         variables: {
             id,
-            patch: { name, description, model, groupId }
+            patch: { name, description, model, groupId, type }
         }
     });
     return response.data;