@fmsim/fmsim 2.0.0-beta.2 → 2.0.0-beta.21

package/dist-client/viewparts/menu-tools.js

@@ -98,12 +98,11 @@ MenuTools.styles = [
         padding: 5px 0px;
         text-align: center;
         text-decoration: none;
-        color: var(--menu-tools-color);
+        color: var(--md-sys-color-on-secondary);
         max-width: 54px;
       }
 
       a[active] {
-        color: var(--menu-tools-active-color);
         background-color: rgba(0, 0, 0, 0.2);
       }
 

package/dist-client/viewparts/menu-tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAGxC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAqEvD,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,CAAC,CAAC,IAAI,CAAA;;;6CAGiC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;4CAM1B,IAAI,CAAC,IAAI,IAAI,WAAW;;;;;;kDAMlB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;6CAMnC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;kDAMpB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;gDAMhC,IAAI,CAAC,IAAI,IAAI,eAAe;;;;;;SAMnE;YACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;QAC5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IACpC,CAAC;;AArHM,gBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2DF;CACF,AA7DY,CA6DZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uCAAc;AACE;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAAe;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CAAmB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAa;AAnE7B,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAuHrB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect, store } from '@operato/shell'\n\n@customElement('menu-tools')\nexport class MenuTools extends connect(store)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        background-color: var(--menu-tools-background-color);\n\n        /* for narrow mode */\n        flex-direction: column;\n        width: 100%;\n      }\n\n      :host([width='WIDE']) {\n        /* for wide mode */\n        flex-direction: row;\n        width: initial;\n        height: 100%;\n      }\n\n      ul {\n        display: flex;\n        flex-direction: row;\n\n        margin: auto;\n        padding: 0;\n        list-style: none;\n        height: 100%;\n        overflow: none;\n      }\n\n      :host([width='WIDE']) ul {\n        flex-direction: column;\n      }\n\n      :host([width='WIDE']) li {\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n      }\n\n      a {\n        display: block;\n        padding: 5px 0px;\n        text-align: center;\n        text-decoration: none;\n        color: var(--menu-tools-color);\n        max-width: 54px;\n      }\n\n      a[active] {\n        color: var(--menu-tools-active-color);\n        background-color: rgba(0, 0, 0, 0.2);\n      }\n\n      md-icon {\n        padding: 5px 15px 0px 15px;\n        vertical-align: bottom;\n      }\n\n      div {\n        font-size: 0.6em;\n      }\n    `\n  ]\n\n  @property({ type: String }) page?: string\n  @property({ type: String, reflect: true }) width?: string\n  @property({ type: Boolean }) editable?: boolean\n  @property({ type: Object }) context: any\n\n  render() {\n    return this.context && this.context['board_topmenu']\n      ? html`\n          <ul>\n            <li>\n              <a href=\"board-list\" ?active=${this.page == 'board-list'}>\n                <md-icon>dvr</md-icon>\n                <div><ox-i18n msgid=\"label.board\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"font-list\" ?active=${this.page == 'font-list'}>\n                <md-icon>font_download</md-icon>\n                <div><ox-i18n msgid=\"label.font\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"attachment-list\" ?active=${this.page == 'attachment-list'}>\n                <md-icon>attachment</md-icon>\n                <div><ox-i18n msgid=\"label.attachment\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"theme-list\" ?active=${this.page == 'theme-list'}>\n                <md-icon>draw</md-icon>\n                <div><ox-i18n msgid=\"label.theme\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"connection-list\" ?active=${this.page == 'connection-list'}>\n                <md-icon>device_hub</md-icon>\n                <div><ox-i18n msgid=\"label.connection\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"scenario-list\" ?active=${this.page == 'scenario-list'}>\n                <md-icon>format_list_numbered</md-icon>\n                <div><ox-i18n msgid=\"label.scenario\"></ox-i18n></div>\n              </a>\n            </li>\n          </ul>\n        `\n      : html``\n  }\n\n  stateChanged(state) {\n    this.page = state.route.page\n    this.width = state.layout.width\n    this.context = state.route.context\n  }\n}\n"]}
+{"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAGxC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAoEvD,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,CAAC,CAAC,IAAI,CAAA;;;6CAGiC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;4CAM1B,IAAI,CAAC,IAAI,IAAI,WAAW;;;;;;kDAMlB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;6CAMnC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;kDAMpB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;gDAMhC,IAAI,CAAC,IAAI,IAAI,eAAe;;;;;;SAMnE;YACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;QAC5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IACpC,CAAC;;AApHM,gBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DF;CACF,AA5DY,CA4DZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uCAAc;AACE;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAAe;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CAAmB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAa;AAlE7B,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAsHrB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect, store } from '@operato/shell'\n\n@customElement('menu-tools')\nexport class MenuTools extends connect(store)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        background-color: var(--menu-tools-background-color);\n\n        /* for narrow mode */\n        flex-direction: column;\n        width: 100%;\n      }\n\n      :host([width='WIDE']) {\n        /* for wide mode */\n        flex-direction: row;\n        width: initial;\n        height: 100%;\n      }\n\n      ul {\n        display: flex;\n        flex-direction: row;\n\n        margin: auto;\n        padding: 0;\n        list-style: none;\n        height: 100%;\n        overflow: none;\n      }\n\n      :host([width='WIDE']) ul {\n        flex-direction: column;\n      }\n\n      :host([width='WIDE']) li {\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n      }\n\n      a {\n        display: block;\n        padding: 5px 0px;\n        text-align: center;\n        text-decoration: none;\n        color: var(--md-sys-color-on-secondary);\n        max-width: 54px;\n      }\n\n      a[active] {\n        background-color: rgba(0, 0, 0, 0.2);\n      }\n\n      md-icon {\n        padding: 5px 15px 0px 15px;\n        vertical-align: bottom;\n      }\n\n      div {\n        font-size: 0.6em;\n      }\n    `\n  ]\n\n  @property({ type: String }) page?: string\n  @property({ type: String, reflect: true }) width?: string\n  @property({ type: Boolean }) editable?: boolean\n  @property({ type: Object }) context: any\n\n  render() {\n    return this.context && this.context['board_topmenu']\n      ? html`\n          <ul>\n            <li>\n              <a href=\"board-list\" ?active=${this.page == 'board-list'}>\n                <md-icon>dvr</md-icon>\n                <div><ox-i18n msgid=\"label.board\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"font-list\" ?active=${this.page == 'font-list'}>\n                <md-icon>font_download</md-icon>\n                <div><ox-i18n msgid=\"label.font\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"attachment-list\" ?active=${this.page == 'attachment-list'}>\n                <md-icon>attachment</md-icon>\n                <div><ox-i18n msgid=\"label.attachment\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"theme-list\" ?active=${this.page == 'theme-list'}>\n                <md-icon>draw</md-icon>\n                <div><ox-i18n msgid=\"label.theme\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"connection-list\" ?active=${this.page == 'connection-list'}>\n                <md-icon>device_hub</md-icon>\n                <div><ox-i18n msgid=\"label.connection\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"scenario-list\" ?active=${this.page == 'scenario-list'}>\n                <md-icon>format_list_numbered</md-icon>\n                <div><ox-i18n msgid=\"label.scenario\"></ox-i18n></div>\n              </a>\n            </li>\n          </ul>\n        `\n      : html``\n  }\n\n  stateChanged(state) {\n    this.page = state.route.page\n    this.width = state.layout.width\n    this.context = state.route.context\n  }\n}\n"]}

package/dist-server/service/index.js

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.schema = exports.entities = void 0;
 /* IMPORT ENTITIES AND RESOLVERS */
 const board_favorite_1 = require("./board-favorite");
+const playback_1 = require("./playback");
 exports.entities = [
     /* ENTITIES */
-    ...board_favorite_1.entities
+    ...board_favorite_1.entities,
+    ...playback_1.entities
 ];
 exports.schema = {
     resolverClasses: [
         /* RESOLVER CLASSES */
-        ...board_favorite_1.resolvers
+        ...board_favorite_1.resolvers,
+        ...playback_1.resolvers
     ]
 };
 //# sourceMappingURL=index.js.map

package/dist-server/service/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/service/index.ts"],"names":[],"mappings":";AAAA,yBAAyB;;;AAEzB,mCAAmC;AACnC,qDAAyG;AAE5F,QAAA,QAAQ,GAAG;IACtB,cAAc;IACd,GAAG,yBAAqB;CACzB,CAAA;AAEY,QAAA,MAAM,GAAG;IACpB,eAAe,EAAE;QACf,sBAAsB;QACtB,GAAG,0BAAsB;KAC1B;CACF,CAAA","sourcesContent":["/* EXPORT ENTITY TYPES */\n\n/* IMPORT ENTITIES AND RESOLVERS */\nimport { entities as BoardFavoriteEntities, resolvers as BoardFavoriteResolvers } from './board-favorite'\n\nexport const entities = [\n  /* ENTITIES */\n  ...BoardFavoriteEntities\n]\n\nexport const schema = {\n  resolverClasses: [\n    /* RESOLVER CLASSES */\n    ...BoardFavoriteResolvers\n  ]\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/service/index.ts"],"names":[],"mappings":";AAAA,yBAAyB;;;AAEzB,mCAAmC;AACnC,qDAAyG;AACzG,yCAAyF;AAE5E,QAAA,QAAQ,GAAG;IACtB,cAAc;IACd,GAAG,yBAAqB;IACxB,GAAG,mBAAgB;CACpB,CAAA;AAEY,QAAA,MAAM,GAAG;IACpB,eAAe,EAAE;QACf,sBAAsB;QACtB,GAAG,0BAAsB;QACzB,GAAG,oBAAiB;KACrB;CACF,CAAA","sourcesContent":["/* EXPORT ENTITY TYPES */\n\n/* IMPORT ENTITIES AND RESOLVERS */\nimport { entities as BoardFavoriteEntities, resolvers as BoardFavoriteResolvers } from './board-favorite'\nimport { entities as PlaybackEntities, resolvers as PlaybackResolvers } from './playback'\n\nexport const entities = [\n  /* ENTITIES */\n  ...BoardFavoriteEntities,\n  ...PlaybackEntities\n]\n\nexport const schema = {\n  resolverClasses: [\n    /* RESOLVER CLASSES */\n    ...BoardFavoriteResolvers,\n    ...PlaybackResolvers\n  ]\n}\n"]}

package/dist-server/service/playback/index.js

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolvers = exports.entities = void 0;
+const tslib_1 = require("tslib");
+const type_graphql_1 = require("type-graphql");
+const mock_data_1 = require("./mock-data");
+let PlaybackRecord = class PlaybackRecord {
+};
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(),
+    tslib_1.__metadata("design:type", String)
+], PlaybackRecord.prototype, "type", void 0);
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(),
+    tslib_1.__metadata("design:type", String)
+], PlaybackRecord.prototype, "time", void 0);
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(),
+    tslib_1.__metadata("design:type", String)
+], PlaybackRecord.prototype, "data", void 0);
+PlaybackRecord = tslib_1.__decorate([
+    (0, type_graphql_1.ObjectType)()
+], PlaybackRecord);
+let PlaybackScenarioType = class PlaybackScenarioType {
+};
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(),
+    tslib_1.__metadata("design:type", String)
+], PlaybackScenarioType.prototype, "scenarioName", void 0);
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(() => [PlaybackRecord]),
+    tslib_1.__metadata("design:type", Array)
+], PlaybackScenarioType.prototype, "snapshots", void 0);
+PlaybackScenarioType = tslib_1.__decorate([
+    (0, type_graphql_1.ObjectType)()
+], PlaybackScenarioType);
+let PlaybackResult = class PlaybackResult {
+};
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(() => [PlaybackScenarioType]),
+    tslib_1.__metadata("design:type", Array)
+], PlaybackResult.prototype, "scenarios", void 0);
+PlaybackResult = tslib_1.__decorate([
+    (0, type_graphql_1.ObjectType)()
+], PlaybackResult);
+let PlaybackResponse = class PlaybackResponse {
+};
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(),
+    tslib_1.__metadata("design:type", Boolean)
+], PlaybackResponse.prototype, "status", void 0);
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)({ nullable: true }),
+    tslib_1.__metadata("design:type", String)
+], PlaybackResponse.prototype, "errorMessage", void 0);
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(() => PlaybackResult, { nullable: true }),
+    tslib_1.__metadata("design:type", PlaybackResult)
+], PlaybackResponse.prototype, "playback", void 0);
+PlaybackResponse = tslib_1.__decorate([
+    (0, type_graphql_1.ObjectType)()
+], PlaybackResponse);
+let MockVehicles = class MockVehicles {
+};
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(() => [String]),
+    tslib_1.__metadata("design:type", Array)
+], MockVehicles.prototype, "agvs", void 0);
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(() => [String]),
+    tslib_1.__metadata("design:type", Array)
+], MockVehicles.prototype, "ohts", void 0);
+MockVehicles = tslib_1.__decorate([
+    (0, type_graphql_1.ObjectType)()
+], MockVehicles);
+let MockEntities = class MockEntities {
+};
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(() => MockVehicles),
+    tslib_1.__metadata("design:type", MockVehicles)
+], MockEntities.prototype, "vehicles", void 0);
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(() => [String]),
+    tslib_1.__metadata("design:type", Array)
+], MockEntities.prototype, "ports", void 0);
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(() => [String]),
+    tslib_1.__metadata("design:type", Array)
+], MockEntities.prototype, "zones", void 0);
+tslib_1.__decorate([
+    (0, type_graphql_1.Field)(() => [String]),
+    tslib_1.__metadata("design:type", Array)
+], MockEntities.prototype, "stockers", void 0);
+MockEntities = tslib_1.__decorate([
+    (0, type_graphql_1.ObjectType)()
+], MockEntities);
+let PlaybackResolver = class PlaybackResolver {
+    async playback(startTime, endTime, count, includeSnapshot) {
+        try {
+            // count 기반이면 endTime 계산
+            let effectiveEndTime = endTime;
+            if (!effectiveEndTime && count) {
+                const start = new Date(startTime.replace(' ', 'T'));
+                effectiveEndTime = new Date(start.getTime() + count * 1000)
+                    .toISOString()
+                    .replace('T', ' ')
+                    .replace(/\.\d+Z$/, '');
+            }
+            if (!effectiveEndTime) {
+                // 기본 1시간
+                const start = new Date(startTime.replace(' ', 'T'));
+                effectiveEndTime = new Date(start.getTime() + 3600000)
+                    .toISOString()
+                    .replace('T', ' ')
+                    .replace(/\.\d+Z$/, '');
+            }
+            const scenarios = (0, mock_data_1.generatePlaybackData)(startTime, effectiveEndTime);
+            // includeSnapshot=false이면 snapshot 프레임 제거
+            if (!includeSnapshot) {
+                for (const s of scenarios) {
+                    s.snapshots = s.snapshots.filter(f => f.type !== 'snapshot');
+                }
+            }
+            // data 배열을 JSON string으로 직렬화
+            const serialized = scenarios.map(s => (Object.assign(Object.assign({}, s), { snapshots: s.snapshots.map(f => ({
+                    type: f.type,
+                    time: f.time,
+                    data: JSON.stringify(f.data)
+                })) })));
+            return {
+                status: true,
+                playback: { scenarios: serialized }
+            };
+        }
+        catch (e) {
+            return {
+                status: false,
+                errorMessage: e.message || String(e)
+            };
+        }
+    }
+    async playbackEntities() {
+        return mock_data_1.MOCK_ENTITIES;
+    }
+};
+tslib_1.__decorate([
+    (0, type_graphql_1.Query)(() => PlaybackResponse, { description: 'Playback 데이터 조회 (목업)' }),
+    tslib_1.__param(0, (0, type_graphql_1.Arg)('startTime')),
+    tslib_1.__param(1, (0, type_graphql_1.Arg)('endTime', { nullable: true })),
+    tslib_1.__param(2, (0, type_graphql_1.Arg)('count', () => type_graphql_1.Int, { nullable: true })),
+    tslib_1.__param(3, (0, type_graphql_1.Arg)('includeSnapshot', { nullable: true, defaultValue: true })),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", [String, String, Number, Boolean]),
+    tslib_1.__metadata("design:returntype", Promise)
+], PlaybackResolver.prototype, "playback", null);
+tslib_1.__decorate([
+    (0, type_graphql_1.Query)(() => MockEntities, { description: '목업 엔티티 목록 (보드 작화용)' }),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", []),
+    tslib_1.__metadata("design:returntype", Promise)
+], PlaybackResolver.prototype, "playbackEntities", null);
+PlaybackResolver = tslib_1.__decorate([
+    (0, type_graphql_1.Resolver)()
+], PlaybackResolver);
+exports.entities = [];
+exports.resolvers = [PlaybackResolver];
+//# sourceMappingURL=index.js.map

package/dist-server/service/playback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../server/service/playback/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { Resolver, Query, Arg, ObjectType, Field, Int } from 'type-graphql'\nimport { generatePlaybackData, MOCK_ENTITIES } from './mock-data'\n\n@ObjectType()\nclass PlaybackRecord {\n  @Field() type!: string\n  @Field() time!: string\n  @Field() data!: string  // JSON string\n}\n\n@ObjectType()\nclass PlaybackScenarioType {\n  @Field() scenarioName!: string\n  @Field(() => [PlaybackRecord]) snapshots!: PlaybackRecord[]\n}\n\n@ObjectType()\nclass PlaybackResult {\n  @Field(() => [PlaybackScenarioType]) scenarios!: PlaybackScenarioType[]\n}\n\n@ObjectType()\nclass PlaybackResponse {\n  @Field() status!: boolean\n  @Field({ nullable: true }) errorMessage?: string\n  @Field(() => PlaybackResult, { nullable: true }) playback?: PlaybackResult\n}\n\n@ObjectType()\nclass MockVehicles {\n  @Field(() => [String]) agvs!: string[]\n  @Field(() => [String]) ohts!: string[]\n}\n\n@ObjectType()\nclass MockEntities {\n  @Field(() => MockVehicles) vehicles!: MockVehicles\n  @Field(() => [String]) ports!: string[]\n  @Field(() => [String]) zones!: string[]\n  @Field(() => [String]) stockers!: string[]\n}\n\n@Resolver()\nclass PlaybackResolver {\n  @Query(() => PlaybackResponse, { description: 'Playback 데이터 조회 (목업)' })\n  async playback(\n    @Arg('startTime') startTime: string,\n    @Arg('endTime', { nullable: true }) endTime: string,\n    @Arg('count', () => Int, { nullable: true }) count: number,\n    @Arg('includeSnapshot', { nullable: true, defaultValue: true }) includeSnapshot: boolean\n  ): Promise<PlaybackResponse> {\n    try {\n      // count 기반이면 endTime 계산\n      let effectiveEndTime = endTime\n      if (!effectiveEndTime && count) {\n        const start = new Date(startTime.replace(' ', 'T'))\n        effectiveEndTime = new Date(start.getTime() + count * 1000)\n          .toISOString()\n          .replace('T', ' ')\n          .replace(/\\.\\d+Z$/, '')\n      }\n\n      if (!effectiveEndTime) {\n        // 기본 1시간\n        const start = new Date(startTime.replace(' ', 'T'))\n        effectiveEndTime = new Date(start.getTime() + 3600000)\n          .toISOString()\n          .replace('T', ' ')\n          .replace(/\\.\\d+Z$/, '')\n      }\n\n      const scenarios = generatePlaybackData(startTime, effectiveEndTime)\n\n      // includeSnapshot=false이면 snapshot 프레임 제거\n      if (!includeSnapshot) {\n        for (const s of scenarios) {\n          s.snapshots = s.snapshots.filter(f => f.type !== 'snapshot')\n        }\n      }\n\n      // data 배열을 JSON string으로 직렬화\n      const serialized = scenarios.map(s => ({\n        ...s,\n        snapshots: s.snapshots.map(f => ({\n          type: f.type,\n          time: f.time,\n          data: JSON.stringify(f.data)\n        }))\n      }))\n\n      return {\n        status: true,\n        playback: { scenarios: serialized }\n      }\n    } catch (e: any) {\n      return {\n        status: false,\n        errorMessage: e.message || String(e)\n      }\n    }\n  }\n\n  @Query(() => MockEntities, { description: '목업 엔티티 목록 (보드 작화용)' })\n  async playbackEntities(): Promise<MockEntities> {\n    return MOCK_ENTITIES\n  }\n}\n\nexport const entities = []\nexport const resolvers = [PlaybackResolver]\n"]}

package/dist-server/service/playback/mock-data.js

@@ -0,0 +1,382 @@
+"use strict";
+/**
+ * Playback 목업 데이터 생성기
+ *
+ * 대규모 팩토리 레이아웃 시뮬레이션:
+ * - AGV 20대, OHT 10대 (VEHICLE 시나리오)
+ * - Port 200개 (PORT 시나리오)
+ * - Zone 50개 (ZONE 시나리오)
+ * - Stocker 10기 (STOCKER 시나리오)
+ *
+ * 캐리어 이동 시뮬레이션:
+ *   Vehicle이 Port에서 캐리어를 픽업 → 이동 → 다른 Port에 전달
+ *   상태 전이: IDLE → MOVING → LOADING → MOVING → UNLOADING → IDLE
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MOCK_ENTITIES = void 0;
+exports.generatePlaybackData = generatePlaybackData;
+// ── 엔티티 정의 ──
+const AGVS = Array.from({ length: 20 }, (_, i) => `AGV${String(i + 1).padStart(2, '0')}`);
+const OHTS = Array.from({ length: 10 }, (_, i) => `OHT${String(i + 1).padStart(2, '0')}`);
+const VEHICLES = [...AGVS, ...OHTS];
+const PORTS = Array.from({ length: 200 }, (_, i) => {
+    const zone = String(Math.floor(i / 10) + 1).padStart(2, '0');
+    const port = String((i % 10) + 1).padStart(2, '0');
+    return `ZONE${zone}_PORT${port}`;
+});
+const ZONES = Array.from({ length: 50 }, (_, i) => `ZONE${String(i + 1).padStart(2, '0')}`);
+const STOCKERS = Array.from({ length: 10 }, (_, i) => `STK${String(i + 1).padStart(2, '0')}`);
+// ── 노드 경로 (Vehicle 이동 경로) ──
+const NODE_IDS = Array.from({ length: 100 }, (_, i) => String(i + 1).padStart(4, '0'));
+// 포트별 연결 노드 (포트와 가까운 노드)
+const PORT_NODES = {};
+PORTS.forEach((port, i) => {
+    PORT_NODES[port] = NODE_IDS[i % NODE_IDS.length];
+});
+// ── 상태 값 ──
+const CARRIER_STATUSES = ['NORMAL', 'WARN', 'CRITICAL'];
+const PORT_STATUSES = ['AUTO', 'MANUAL', 'DOWN'];
+const ZONE_STATUSES = ['AUTO', 'MANUAL', 'DOWN'];
+// ── 유틸리티 ──
+function pick(arr) {
+    return arr[Math.floor(Math.random() * arr.length)];
+}
+function randInt(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+function formatTime(date) {
+    const pad = (n) => String(n).padStart(2, '0');
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+}
+// ── 시뮬레이션 엔진 ──
+class FactorySimulator {
+    constructor() {
+        this.vehicles = [];
+        this.ports = [];
+        this.zones = [];
+        this.stockers = [];
+        this.carrierSeq = 1;
+        this.initVehicles();
+        this.initPorts();
+        this.initZones();
+        this.initStockers();
+    }
+    initVehicles() {
+        this.vehicles = VEHICLES.map(name => ({
+            name,
+            phase: 'IDLE',
+            nodeId: pick(NODE_IDS),
+            targetNodeId: pick(NODE_IDS),
+            carrierName: null,
+            carrierStatus: null,
+            emptyType: 'EMPTY',
+            batteryRate: name.startsWith('AGV') ? randInt(30, 100) : null,
+            phaseTimer: randInt(1, 5),
+            sourcePort: null,
+            destPort: null,
+        }));
+    }
+    initPorts() {
+        this.ports = PORTS.map(name => ({
+            name,
+            status: pick(PORT_STATUSES),
+            carrierName: Math.random() > 0.5 ? this.newCarrierName() : null,
+            carrierStatus: null,
+            emptyType: null,
+        }));
+        // 캐리어가 있는 포트의 상태 설정
+        this.ports.forEach(p => {
+            if (p.carrierName) {
+                p.emptyType = 'FULL';
+                p.carrierStatus = pick(CARRIER_STATUSES);
+            }
+            else {
+                p.emptyType = 'EMPTY';
+            }
+        });
+    }
+    initZones() {
+        this.zones = ZONES.map(name => {
+            const max = randInt(20, 100);
+            return {
+                name,
+                status: pick(ZONE_STATUSES),
+                currentCapacity: randInt(0, max),
+                maxCapacity: max,
+                highWaterMark: String(Math.round(max * 0.8)),
+                lowWaterMark: String(Math.round(max * 0.6)),
+            };
+        });
+    }
+    initStockers() {
+        this.stockers = STOCKERS.map(name => {
+            const max = randInt(50, 200);
+            return {
+                name,
+                status: pick(ZONE_STATUSES),
+                currentCapacity: randInt(0, max),
+                maxCapacity: max,
+            };
+        });
+    }
+    newCarrierName() {
+        return `PLATE-${String(this.carrierSeq++).padStart(4, '0')}`;
+    }
+    // ── 1초 진행 ──
+    tick() {
+        const vehicleChanges = [];
+        const portChanges = [];
+        for (const v of this.vehicles) {
+            const changed = this.tickVehicle(v, portChanges);
+            if (changed)
+                vehicleChanges.push(changed);
+        }
+        const zoneChanges = this.tickZones();
+        const stockerChanges = this.tickStockers();
+        return { vehicleChanges, portChanges, zoneChanges, stockerChanges };
+    }
+    tickVehicle(v, portChanges) {
+        v.phaseTimer--;
+        // AGV 배터리 감소
+        if (v.batteryRate != null && v.phase !== 'IDLE') {
+            v.batteryRate = Math.max(0, v.batteryRate - (Math.random() > 0.8 ? 1 : 0));
+        }
+        if (v.phaseTimer > 0)
+            return null;
+        // Phase 전이
+        switch (v.phase) {
+            case 'IDLE': {
+                // 캐리어가 있는 포트를 찾아 픽업하러 출발
+                const sourcePort = this.ports.find(p => p.carrierName && p.status === 'AUTO');
+                if (!sourcePort) {
+                    v.phaseTimer = randInt(2, 5);
+                    return null;
+                }
+                v.phase = 'MOVING_TO_PICKUP';
+                v.sourcePort = sourcePort.name;
+                v.targetNodeId = PORT_NODES[sourcePort.name] || pick(NODE_IDS);
+                v.phaseTimer = randInt(3, 10); // 이동 시간
+                return this.vehicleRecord(v, 'MOVING');
+            }
+            case 'MOVING_TO_PICKUP': {
+                // 이동 중 노드 변경 (경로 시뮬레이션)
+                v.nodeId = v.targetNodeId;
+                v.phase = 'LOADING';
+                v.phaseTimer = randInt(2, 4); // 로딩 시간
+                return this.vehicleRecord(v, 'LOADING');
+            }
+            case 'LOADING': {
+                // 포트에서 캐리어 픽업
+                const port = this.ports.find(p => p.name === v.sourcePort);
+                if (port && port.carrierName) {
+                    v.carrierName = port.carrierName;
+                    v.carrierStatus = port.carrierStatus;
+                    v.emptyType = 'FULL';
+                    // 포트에서 캐리어 제거
+                    port.carrierName = null;
+                    port.carrierStatus = null;
+                    port.emptyType = 'EMPTY';
+                    portChanges.push(this.portRecord(port));
+                }
+                // 드롭할 빈 포트 선택
+                const destPort = this.ports.find(p => !p.carrierName && p.status === 'AUTO' && p.name !== v.sourcePort);
+                v.destPort = (destPort === null || destPort === void 0 ? void 0 : destPort.name) || pick(PORTS);
+                v.targetNodeId = PORT_NODES[v.destPort] || pick(NODE_IDS);
+                v.phase = 'MOVING_TO_DROP';
+                v.phaseTimer = randInt(3, 12); // 이동 시간
+                return this.vehicleRecord(v, 'MOVING');
+            }
+            case 'MOVING_TO_DROP': {
+                // 이동 중 노드 이동
+                v.nodeId = v.targetNodeId;
+                v.phase = 'UNLOADING';
+                v.phaseTimer = randInt(2, 4); // 언로딩 시간
+                return this.vehicleRecord(v, 'UNLOADING');
+            }
+            case 'UNLOADING': {
+                // 포트에 캐리어 전달
+                const port = this.ports.find(p => p.name === v.destPort);
+                if (port && !port.carrierName && v.carrierName) {
+                    port.carrierName = v.carrierName;
+                    port.carrierStatus = v.carrierStatus;
+                    port.emptyType = 'FULL';
+                    portChanges.push(this.portRecord(port));
+                }
+                v.carrierName = null;
+                v.carrierStatus = null;
+                v.emptyType = 'EMPTY';
+                v.sourcePort = null;
+                v.destPort = null;
+                v.phase = 'IDLE';
+                v.phaseTimer = randInt(1, 5); // 대기 시간
+                // AGV 충전 (낮은 배터리)
+                if (v.batteryRate != null && v.batteryRate < 20) {
+                    v.phaseTimer = randInt(5, 15);
+                    return this.vehicleRecord(v, 'CHARGING');
+                }
+                return this.vehicleRecord(v, 'IDLE');
+            }
+        }
+        return null;
+    }
+    // 이동 중 매 초 노드 이동 시뮬레이션
+    tickVehicleMoving(v) {
+        if (v.phase !== 'MOVING_TO_PICKUP' && v.phase !== 'MOVING_TO_DROP')
+            return null;
+        if (v.phaseTimer <= 0)
+            return null;
+        // 경로 상 중간 노드로 이동
+        const currentIdx = NODE_IDS.indexOf(v.nodeId);
+        const targetIdx = NODE_IDS.indexOf(v.targetNodeId);
+        if (currentIdx !== targetIdx) {
+            const step = currentIdx < targetIdx ? 1 : -1;
+            v.nodeId = NODE_IDS[currentIdx + step] || v.nodeId;
+            return this.vehicleRecord(v, 'MOVING');
+        }
+        return null;
+    }
+    vehicleRecord(v, status) {
+        return Object.assign({ NAME: v.name, STATUS: status, EMPTYTYPE: v.emptyType, NODEMACHINE: v.name, CARRIERNAME: v.carrierName, CARRIERSTATUS: v.carrierStatus, SUBNAME: `V${String(randInt(1, 999)).padStart(3, '0')}`, NODEID: v.nodeId }, (v.batteryRate != null ? { BATTERYRATE: v.batteryRate } : {}));
+    }
+    portRecord(p) {
+        return {
+            NAME: p.name,
+            STATUS: p.status,
+            EMPTYTYPE: p.emptyType,
+            CARRIERNAME: p.carrierName,
+            CARRIERSTATUS: p.carrierStatus,
+        };
+    }
+    tickZones() {
+        const changes = [];
+        for (const z of this.zones) {
+            if (Math.random() > 0.15)
+                continue;
+            const delta = randInt(-3, 3);
+            const newCap = Math.max(0, Math.min(z.maxCapacity, z.currentCapacity + delta));
+            if (newCap === z.currentCapacity)
+                continue;
+            z.currentCapacity = newCap;
+            changes.push({
+                NAME: z.name,
+                STATUS: z.status,
+                CURRENTCAPACITY: z.currentCapacity,
+                MAXCAPACITY: z.maxCapacity,
+                HIGHWATERMARK: z.highWaterMark,
+                LOWWATERMARK: z.lowWaterMark,
+                FULLUP: z.currentCapacity >= z.maxCapacity ? 'T' : 'F',
+            });
+        }
+        return changes;
+    }
+    tickStockers() {
+        const changes = [];
+        for (const s of this.stockers) {
+            if (Math.random() > 0.1)
+                continue;
+            const delta = randInt(-2, 2);
+            const newCap = Math.max(0, Math.min(s.maxCapacity, s.currentCapacity + delta));
+            if (newCap === s.currentCapacity)
+                continue;
+            s.currentCapacity = newCap;
+            changes.push({
+                NAME: s.name,
+                STATUS: s.status,
+                CURRENTCAPACITY: s.currentCapacity,
+                MAXCAPACITY: s.maxCapacity,
+            });
+        }
+        return changes;
+    }
+    // ── Snapshot 생성 ──
+    getVehicleSnapshot() {
+        return this.vehicles.map(v => {
+            const status = v.phase === 'IDLE' ? 'IDLE'
+                : v.phase === 'LOADING' ? 'LOADING'
+                    : v.phase === 'UNLOADING' ? 'UNLOADING'
+                        : 'MOVING';
+            return this.vehicleRecord(v, status);
+        });
+    }
+    getPortSnapshot() {
+        return this.ports.map(p => this.portRecord(p));
+    }
+    getZoneSnapshot() {
+        return this.zones.map(z => ({
+            NAME: z.name,
+            STATUS: z.status,
+            CURRENTCAPACITY: z.currentCapacity,
+            MAXCAPACITY: z.maxCapacity,
+            HIGHWATERMARK: z.highWaterMark,
+            LOWWATERMARK: z.lowWaterMark,
+            FULLUP: z.currentCapacity >= z.maxCapacity ? 'T' : 'F',
+        }));
+    }
+    getStockerSnapshot() {
+        return this.stockers.map(s => ({
+            NAME: s.name,
+            STATUS: s.status,
+            CURRENTCAPACITY: s.currentCapacity,
+            MAXCAPACITY: s.maxCapacity,
+        }));
+    }
+}
+function generatePlaybackData(startTime, endTime) {
+    const start = new Date(startTime.replace(' ', 'T'));
+    const end = new Date(endTime.replace(' ', 'T'));
+    const totalSeconds = Math.floor((end.getTime() - start.getTime()) / 1000);
+    if (totalSeconds <= 0 || totalSeconds > 7200)
+        return [];
+    const sim = new FactorySimulator();
+    const t0 = formatTime(start);
+    // 초기 snapshot
+    const vehicleFrames = [
+        { type: 'snapshot', time: t0, data: sim.getVehicleSnapshot() }
+    ];
+    const portFrames = [
+        { type: 'snapshot', time: t0, data: sim.getPortSnapshot() }
+    ];
+    const zoneFrames = [
+        { type: 'snapshot', time: t0, data: sim.getZoneSnapshot() }
+    ];
+    const stockerFrames = [
+        { type: 'snapshot', time: t0, data: sim.getStockerSnapshot() }
+    ];
+    // diff 프레임 생성
+    for (let s = 1; s <= totalSeconds; s++) {
+        const t = formatTime(new Date(start.getTime() + s * 1000));
+        // 이동 중인 차량의 노드 변경 (매 초)
+        const movingChanges = [];
+        for (const v of sim.vehicles) {
+            const mc = sim.tickVehicleMoving(v);
+            if (mc)
+                movingChanges.push(mc);
+        }
+        // 상태 전이 처리
+        const { vehicleChanges, portChanges, zoneChanges, stockerChanges } = sim.tick();
+        // 이동 변경 + 상태 전이 병합 (같은 vehicle은 상태 전이가 우선)
+        const vehicleChangeMap = new Map();
+        for (const c of movingChanges)
+            vehicleChangeMap.set(c.NAME, c);
+        for (const c of vehicleChanges)
+            vehicleChangeMap.set(c.NAME, c);
+        vehicleFrames.push({ type: 'diff', time: t, data: [...vehicleChangeMap.values()] });
+        portFrames.push({ type: 'diff', time: t, data: portChanges });
+        zoneFrames.push({ type: 'diff', time: t, data: zoneChanges });
+        stockerFrames.push({ type: 'diff', time: t, data: stockerChanges });
+    }
+    return [
+        { scenarioName: 'MCS_LV_VEHICLE', snapshots: vehicleFrames },
+        { scenarioName: 'MCS_LV_PORT', snapshots: portFrames },
+        { scenarioName: 'MCS_LV_ZONE', snapshots: zoneFrames },
+        { scenarioName: 'MCS_LV_STOCKER', snapshots: stockerFrames },
+    ];
+}
+// ── 엔티티 목록 (보드 작화용) ──
+exports.MOCK_ENTITIES = {
+    vehicles: { agvs: AGVS, ohts: OHTS },
+    ports: PORTS,
+    zones: ZONES,
+    stockers: STOCKERS,
+};
+//# sourceMappingURL=mock-data.js.map