@fmsim/fmsim 1.0.87 → 2.0.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Dockerfile +3 -3
- package/_index.html +9 -39
- package/dist-client/apptools/favorite-tool.js +4 -5
- package/dist-client/apptools/favorite-tool.js.map +1 -1
- package/dist-client/board-list/board-tile-list.js +9 -9
- package/dist-client/board-list/board-tile-list.js.map +1 -1
- package/dist-client/board-list/group-bar.js +6 -6
- package/dist-client/board-list/group-bar.js.map +1 -1
- package/dist-client/bootstrap.js +0 -2
- package/dist-client/bootstrap.js.map +1 -1
- package/dist-client/entries/headless-scene-components.js +7 -0
- package/dist-client/entries/headless-scene-components.js.map +1 -0
- package/dist-client/entries/scene-player.js +83 -0
- package/dist-client/entries/scene-player.js.map +1 -0
- package/dist-client/entries/scene-viewer.js +80 -0
- package/dist-client/entries/scene-viewer.js.map +1 -0
- package/dist-client/entries/things-scene-components.import +1 -0
- package/dist-client/pages/board-list-page.js +2 -3
- package/dist-client/pages/board-list-page.js.map +1 -1
- package/dist-client/themes/index.css +8 -2
- package/dist-client/themes/light.css +51 -0
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-client/viewparts/board-info.js +16 -26
- package/dist-client/viewparts/board-info.js.map +1 -1
- package/dist-client/viewparts/group-info.js +15 -25
- package/dist-client/viewparts/group-info.js.map +1 -1
- package/dist-client/viewparts/menu-tools.js +9 -10
- package/dist-client/viewparts/menu-tools.js.map +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +33 -32
- package/schema.graphql +3309 -384
- package/views/auth-page.html +2 -2
- package/views/internal-board-full-feature-view.html +1 -1
- package/views/internal-board-service-view.html +1 -1
- package/views/public/home.html +2 -2
- package/dist-client/apptools/favorite-tool.d.ts +0 -26
- package/dist-client/board-list/board-tile-list.d.ts +0 -20
- package/dist-client/board-list/group-bar.d.ts +0 -14
- package/dist-client/bootstrap.d.ts +0 -5
- package/dist-client/index.d.ts +0 -0
- package/dist-client/pages/attachment-list-page.d.ts +0 -21
- package/dist-client/pages/board-list-page.d.ts +0 -70
- package/dist-client/pages/connection-list-page.d.ts +0 -30
- package/dist-client/pages/font-list-page.d.ts +0 -10
- package/dist-client/pages/scenario-list-page.d.ts +0 -30
- package/dist-client/pages/toplevel-theme-list-page.d.ts +0 -25
- package/dist-client/route.d.ts +0 -1
- package/dist-client/viewparts/board-info.d.ts +0 -16
- package/dist-client/viewparts/group-info.d.ts +0 -15
- package/dist-client/viewparts/menu-tools.d.ts +0 -20
package/Dockerfile
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
# Use an official ubuntu image
|
|
2
|
-
FROM hatiolab/operato-env:
|
|
2
|
+
FROM hatiolab/operato-env:22.22
|
|
3
3
|
|
|
4
4
|
# Set the working directory to /app
|
|
5
5
|
WORKDIR /app
|
|
@@ -8,9 +8,9 @@ WORKDIR /app
|
|
|
8
8
|
COPY . .
|
|
9
9
|
|
|
10
10
|
# run node install command
|
|
11
|
-
RUN yarn install
|
|
11
|
+
RUN yarn install --production && yarn cache clean && rm -rf /root/.cache /usr/local/share/.cache
|
|
12
12
|
|
|
13
13
|
# Make port 3000 available to the world outside this container
|
|
14
14
|
EXPOSE 3000
|
|
15
15
|
|
|
16
|
-
CMD [ "yarn", "run", "serve" ]
|
|
16
|
+
CMD [ "yarn", "run", "serve" ]
|
package/_index.html
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!doctype html>
|
|
2
2
|
<html lang="en">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8" />
|
|
5
|
+
<meta name="google" content="notranslate" />
|
|
5
6
|
<title>Fmsim</title>
|
|
6
7
|
<meta name="generator" content="Things Factory Starter Kit" />
|
|
7
8
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
@@ -37,7 +38,7 @@
|
|
|
37
38
|
<link rel="apple-touch-icon" sizes="192x192" href="/assets/manifest/icon-192x192.png" />
|
|
38
39
|
|
|
39
40
|
<!-- Tile icon for Windows 8 (144x144 + tile color) -->
|
|
40
|
-
<meta name="msapplication-TileImage" content="
|
|
41
|
+
<meta name="msapplication-TileImage" content="assets/manifest/icon-144x144.png" />
|
|
41
42
|
<meta name="msapplication-TileColor" content="#ea6780" />
|
|
42
43
|
<meta name="msapplication-tap-highlight" content="no" />
|
|
43
44
|
|
|
@@ -46,51 +47,20 @@
|
|
|
46
47
|
<meta name="twitter:site" content="@username" />
|
|
47
48
|
<meta property="og:type" content="website" />
|
|
48
49
|
<meta property="og:site_name" content="Fmsim, Factory Layout View." />
|
|
49
|
-
<meta property="og:image" content="
|
|
50
|
-
|
|
51
|
-
<!-- google webfonts -->
|
|
52
|
-
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
53
|
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
50
|
+
<meta property="og:image" content="assets/manifest/icon-144x144.png" />
|
|
54
51
|
|
|
55
52
|
<!-- Performance tip: hint to the browser to start the handshake for the fonts site -->
|
|
56
|
-
<link
|
|
53
|
+
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
|
|
57
54
|
<link href="/fmsim/node_modules/material-symbols/index.css" rel="stylesheet" />
|
|
58
55
|
<link href="/fmsim/node_modules/@fontsource/roboto/index.css" rel="stylesheet" />
|
|
59
|
-
<link href="/
|
|
60
|
-
|
|
61
|
-
<!-- Add any global styles for body, document, etc. -->
|
|
62
|
-
<style>
|
|
63
|
-
html {
|
|
64
|
-
--scene-theme-font-family: 'Pretendard', 'Segoe UI', sans-serif;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
html,
|
|
68
|
-
body {
|
|
69
|
-
margin: 0;
|
|
70
|
-
padding: 0;
|
|
71
|
-
overflow: hidden;
|
|
72
|
-
font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
73
|
-
line-height: 1.5;
|
|
74
|
-
-webkit-font-smoothing: antialiased;
|
|
75
|
-
}
|
|
76
|
-
</style>
|
|
77
|
-
|
|
78
|
-
<script>
|
|
79
|
-
if ('serviceWorker' in navigator) {
|
|
80
|
-
navigator.serviceWorker.register('/service-worker.js', {
|
|
81
|
-
scope: '/'
|
|
82
|
-
})
|
|
83
|
-
}
|
|
84
|
-
</script>
|
|
56
|
+
<link rel="stylesheet" href="/theme.css" />
|
|
85
57
|
</head>
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
<things-app context-path-prefix="mcs"></things-app>
|
|
58
|
+
<body class="light">
|
|
59
|
+
<things-app></things-app>
|
|
89
60
|
<noscript> Please enable JavaScript to view this website. </noscript>
|
|
90
61
|
<!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->
|
|
91
62
|
<script src="/fmsim/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
|
|
92
|
-
|
|
93
|
-
<script src="/fmsim/node_modules/@hatiolab/things-scene/things-scene-min.js"></script>
|
|
63
|
+
|
|
94
64
|
<!-- Built with love using PWA Starter Kit -->
|
|
95
65
|
</body>
|
|
96
66
|
</html>
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import '@material/
|
|
2
|
+
import '@material/web/icon/icon.js';
|
|
3
3
|
import { css, html, LitElement } from 'lit';
|
|
4
4
|
import { customElement, property } from 'lit/decorators.js';
|
|
5
|
-
import { connect } from '
|
|
6
|
-
import { store } from '@operato/shell';
|
|
5
|
+
import { connect, store } from '@operato/shell';
|
|
7
6
|
import { UPDATE_FAVORITES } from '@things-factory/fav-base/client';
|
|
8
7
|
import { addFavorite, refreshFavorites, removeFavorite } from '@fmsim/api';
|
|
9
8
|
let FavoriteTool = class FavoriteTool extends connect(store)(LitElement) {
|
|
@@ -11,8 +10,8 @@ let FavoriteTool = class FavoriteTool extends connect(store)(LitElement) {
|
|
|
11
10
|
var renderable = (this.acceptedPages || []).indexOf(this.page) !== -1;
|
|
12
11
|
return renderable
|
|
13
12
|
? html `
|
|
14
|
-
<
|
|
15
|
-
>${this.favored ? 'star' : 'star_border'}</
|
|
13
|
+
<md-icon @click=${this.onClick.bind(this)} ?favorable=${!this.favored}
|
|
14
|
+
>${this.favored ? 'star' : 'star_border'}</md-icon
|
|
16
15
|
>
|
|
17
16
|
`
|
|
18
17
|
: html ``;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"favorite-tool.js","sourceRoot":"","sources":["../../client/apptools/favorite-tool.ts"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"favorite-tool.js","sourceRoot":"","sources":["../../client/apptools/favorite-tool.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect, store } from '@operato/shell'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base/client'\nimport { addFavorite, refreshFavorites, removeFavorite } from '@fmsim/api'\n\n@customElement('favorite-tool')\nexport class FavoriteTool extends connect(store)(LitElement) {\n static styles = css`\n :host {\n display: inline-block;\n vertical-align: middle;\n line-height: 0;\n }\n\n [favorable] {\n opacity: 0.5;\n }\n `\n\n @property({ type: Array }) favorites?: any[]\n @property({ type: Object }) user?: any\n @property({ type: String }) resourceId?: string\n @property({ type: Boolean }) favored?: boolean\n @property({ type: Array }) acceptedPages?: any[]\n\n page: any\n\n render() {\n var renderable = (this.acceptedPages || []).indexOf(this.page) !== -1\n\n return renderable\n ? html`\n <md-icon @click=${this.onClick.bind(this)} ?favorable=${!this.favored}\n >${this.favored ? 'star' : 'star_border'}</md-icon\n >\n `\n : html``\n }\n\n updated(changes) {\n if (changes.has('user')) {\n this.refreshFavorites()\n }\n\n this.favored = (this.favorites || []).includes(this.resourceId)\n }\n\n stateChanged(state) {\n this.page = state.route.page\n this.favorites = state.favorite.favorites\n this.user = state.auth.user\n this.resourceId = state.route.resourceId\n }\n\n onClick(event) {\n if (!this.resourceId) {\n return\n }\n\n if (this.favored) {\n this.removeFavorite(this.resourceId)\n } else {\n this.addFavorite(this.resourceId)\n }\n }\n\n async refreshFavorites() {\n if (!this.user || !this.user.email) {\n return\n }\n\n const data = await refreshFavorites()\n\n store.dispatch({\n type: UPDATE_FAVORITES,\n favorites: data.myFavorites.map(favorite => favorite.routing)\n })\n }\n\n async removeFavorite(boardId) {\n await removeFavorite(boardId)\n this.refreshFavorites()\n }\n\n async addFavorite(boardId) {\n await addFavorite(boardId)\n this.refreshFavorites()\n }\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
2
|
import '@fmsim/board/ox-board-creation-card.js';
|
|
3
|
-
import '@material/
|
|
3
|
+
import '@material/web/icon/icon.js';
|
|
4
4
|
import { css, html, LitElement } from 'lit';
|
|
5
5
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
6
6
|
import { BoardCreationCard } from '@fmsim/board/ox-board-creation-card.js';
|
|
@@ -27,19 +27,19 @@ let BoardTileList = class BoardTileList extends LitElement {
|
|
|
27
27
|
<div name>${board.name}</div>
|
|
28
28
|
<!-- <div description>${board.description}</div> -->
|
|
29
29
|
|
|
30
|
-
<
|
|
30
|
+
<md-icon
|
|
31
31
|
iconBtn
|
|
32
32
|
info
|
|
33
33
|
@click=${e => {
|
|
34
34
|
this.infoBoard(board.id);
|
|
35
35
|
e.preventDefault();
|
|
36
36
|
}}
|
|
37
|
-
>info</
|
|
37
|
+
>info</md-icon
|
|
38
38
|
>
|
|
39
39
|
|
|
40
40
|
${(this.favorites || []).includes(board.id)
|
|
41
|
-
? html ` <
|
|
42
|
-
: html ` <
|
|
41
|
+
? html ` <md-icon iconBtn favored @click=${e => this.removeFavorite(board.id)}>star</md-icon> `
|
|
42
|
+
: html ` <md-icon iconBtn @click=${e => this.addFavorite(board.id)}>star_border</md-icon> `}
|
|
43
43
|
</div>
|
|
44
44
|
`)}
|
|
45
45
|
`;
|
|
@@ -121,19 +121,19 @@ BoardTileList.styles = [
|
|
|
121
121
|
max-height: 100%;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
|
|
124
|
+
md-icon[iconBtn] {
|
|
125
125
|
float: right;
|
|
126
126
|
margin-top: -20px;
|
|
127
127
|
margin-left: 2px;
|
|
128
128
|
color: var(--board-list-star-color);
|
|
129
129
|
font-size: 1.4em;
|
|
130
130
|
}
|
|
131
|
-
|
|
131
|
+
md-icon[info] {
|
|
132
132
|
color: var(--primary-color);
|
|
133
133
|
}
|
|
134
134
|
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
md-icon[iconBtn][favored],
|
|
136
|
+
md-icon[info]:hover {
|
|
137
137
|
color: var(--board-list-star-active-color);
|
|
138
138
|
}
|
|
139
139
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"board-tile-list.js","sourceRoot":"","sources":["../../client/board-list/board-tile-list.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAC/C,OAAO,
|
|
1
|
+
{"version":3,"file":"board-tile-list.js","sourceRoot":"","sources":["../../client/board-list/board-tile-list.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAC/C,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAGzC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAsGnD,MAAM;QACJ,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;;wBAEU,IAAI,CAAC,MAAM;8BACL,IAAI,CAAC,KAAK;8BACV,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;;;;WAI7C;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;QACR,MAAM,CAAC,GAAG,CACV,KAAK,CAAC,EAAE,CACN,IAAI,CAAA;;sCAEwB,KAAK,CAAC,EAAE,eAAe,KAAK,CAAC,SAAS;;0BAElD,KAAK,CAAC,IAAI;sCACE,KAAK,CAAC,WAAW;;;;;yBAK9B,CAAC,CAAC,EAAE;YACX,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YACxB,CAAC,CAAC,cAAc,EAAE,CAAA;QACpB,CAAC;;;;gBAID,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACzC,CAAC,CAAC,IAAI,CAAA,oCAAoC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,kBAAkB;YAC9F,CAAC,CAAC,IAAI,CAAA,4BAA4B,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,yBAAyB;;WAE/F,CACJ;KACF,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;;QACb,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,EAAE,CAAA;IAC5B,CAAC;IAED,aAAa,CAAC,CAAC;QACb,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;YAC9B,MAAM,EAAE,CAAC,CAAC,MAAM;SACjB,CAAC,CACH,CAAA;IACH,CAAC;IAED,SAAS,CAAC,OAAO;QACf,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,YAAY,EAAE;YAC5B,MAAM,EAAE,OAAO;SAChB,CAAC,CACH,CAAA;IACH,CAAC;IAED,KAAK,CAAC,cAAc,CAAC,OAAO;QAC1B,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;QAC7B,IAAI,CAAC,gBAAgB,EAAE,CAAA;IACzB,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,OAAO;QACvB,MAAM,WAAW,CAAC,OAAO,CAAC,CAAA;QAC1B,IAAI,CAAC,gBAAgB,EAAE,CAAA;IACzB,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAC1D,CAAC;;AAhLM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFF;CACF,AA3FY,CA2FZ;AAEoD;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;;gDAAoB;AAC7C;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;6CAAe;AACd;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;gDAAkB;AACjB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;6CAAe;AACb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CAAe;AAET;IAAhC,KAAK,CAAC,wBAAwB,CAAC;8BAAgB,iBAAiB;mDAAA;AApG9C,aAAa;IADjC,aAAa,CAAC,iBAAiB,CAAC;GACZ,aAAa,CAkLjC;eAlLoB,aAAa","sourcesContent":["import '@fmsim/board/ox-board-creation-card.js'\nimport '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { BoardCreationCard } from '@fmsim/board/ox-board-creation-card.js'\nimport { removeFavorite, addFavorite } from '@fmsim/api'\n\n@customElement('board-tile-list')\nexport default class BoardTileList extends LitElement {\n static styles = [\n css`\n :host {\n overflow: auto;\n padding: var(--popup-content-padding);\n display: grid;\n\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n grid-auto-rows: var(--card-list-rows-height);\n grid-gap: 20px;\n --mdc-button-horizontal-padding: var(--padding-default);\n }\n\n [card] {\n position: relative;\n align-items: center;\n overflow: hidden;\n }\n\n [card][create] {\n overflow: visible;\n background-color: initial;\n }\n\n [card] > a {\n display: flex;\n }\n\n [card]:hover {\n cursor: pointer;\n }\n\n [name] {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n margin-top: var(--margin-narrow);\n width: calc(100% - 45px);\n color: var(--primary-text-color);\n font-weight: bolder;\n font-size: var(--fontsize-small);\n }\n\n img {\n display: block;\n\n margin: auto;\n max-width: 100%;\n max-height: 100%;\n }\n\n md-icon[iconBtn] {\n float: right;\n margin-top: -20px;\n margin-left: 2px;\n color: var(--board-list-star-color);\n font-size: 1.4em;\n }\n md-icon[info] {\n color: var(--primary-color);\n }\n\n md-icon[iconBtn][favored],\n md-icon[info]:hover {\n color: var(--board-list-star-active-color);\n }\n\n a {\n display: block;\n border-radius: var(--card-list-border-radius);\n border: var(--border-dark-color);\n box-sizing: border-box;\n background-color: var(--card-list-background-color);\n margin: 0px;\n height: calc(100% - 25px);\n }\n\n :host > *:hover [info] {\n opacity: 1;\n -webkit-transition: opacity 0.8s;\n -moz-transition: opacity 0.8s;\n -o-transition: opacity 0.8s;\n transition: opacity 0.8s;\n }\n\n @media screen and (max-width: 800px), screen and (max-height: 600px) {\n ox-board-creation-card {\n display: none;\n }\n }\n `\n ]\n\n @property({ type: Boolean, attribute: 'creatable' }) creatable?: boolean\n @property({ type: Array }) boards?: any[]\n @property({ type: Array }) favorites?: any[]\n @property({ type: Array }) groups?: any[]\n @property({ type: String }) group?: string\n\n @query('ox-board-creation-card') creationCard!: BoardCreationCard\n\n render() {\n var boards = this.boards || []\n\n return html`\n ${this.creatable\n ? html`\n <ox-board-creation-card\n .groups=${this.groups}\n .defaultGroup=${this.group}\n @create-board=${e => this.onCreateBoard(e)}\n card\n create\n ></ox-board-creation-card>\n `\n : html``}\n ${boards.map(\n board =>\n html`\n <div card>\n <a href=\"board-viewer/${board.id}\"> <img src=${board.thumbnail} /> </a>\n\n <div name>${board.name}</div>\n <!-- <div description>${board.description}</div> -->\n\n <md-icon\n iconBtn\n info\n @click=${e => {\n this.infoBoard(board.id)\n e.preventDefault()\n }}\n >info</md-icon\n >\n\n ${(this.favorites || []).includes(board.id)\n ? html` <md-icon iconBtn favored @click=${e => this.removeFavorite(board.id)}>star</md-icon> `\n : html` <md-icon iconBtn @click=${e => this.addFavorite(board.id)}>star_border</md-icon> `}\n </div>\n `\n )}\n `\n }\n\n updated(changes) {\n this.creationCard?.reset()\n }\n\n onCreateBoard(e) {\n this.dispatchEvent(\n new CustomEvent('create-board', {\n detail: e.detail\n })\n )\n }\n\n infoBoard(boardId) {\n this.dispatchEvent(\n new CustomEvent('info-board', {\n detail: boardId\n })\n )\n }\n\n async removeFavorite(boardId) {\n await removeFavorite(boardId)\n this.refreshFavorites()\n }\n\n async addFavorite(boardId) {\n await addFavorite(boardId)\n this.refreshFavorites()\n }\n\n async refreshFavorites() {\n this.dispatchEvent(new CustomEvent('refresh-favorites'))\n }\n}\n"]}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import '@material/
|
|
2
|
+
import '@material/web/icon/icon.js';
|
|
3
3
|
import { css, html, LitElement } from 'lit';
|
|
4
4
|
import { customElement, property } from 'lit/decorators.js';
|
|
5
5
|
import ScrollBooster from 'scrollbooster';
|
|
6
|
-
import { longpressable } from '@
|
|
6
|
+
import { longpressable } from '@operato/utils';
|
|
7
7
|
let GroupBar = class GroupBar extends LitElement {
|
|
8
8
|
render() {
|
|
9
9
|
return html `
|
|
10
10
|
<ul>
|
|
11
11
|
<li ?active=${!this.groupId}>
|
|
12
|
-
<a href=${this.targetPage || ''}><
|
|
12
|
+
<a href=${this.targetPage || ''}><md-icon>dashboard</md-icon></a>
|
|
13
13
|
</li>
|
|
14
14
|
|
|
15
15
|
<li ?active=${this.groupId === 'favor'}>
|
|
16
|
-
<a href="${this.targetPage}/favor"><
|
|
16
|
+
<a href="${this.targetPage}/favor"><md-icon>star</md-icon></a>
|
|
17
17
|
</li>
|
|
18
18
|
|
|
19
19
|
${(this.groups || []).map(group => html `
|
|
@@ -25,7 +25,7 @@ let GroupBar = class GroupBar extends LitElement {
|
|
|
25
25
|
<li padding></li>
|
|
26
26
|
|
|
27
27
|
<li add>
|
|
28
|
-
<
|
|
28
|
+
<md-icon @click=${e => this.infoGroup()}>add</md-icon>
|
|
29
29
|
</li>
|
|
30
30
|
</ul>
|
|
31
31
|
`;
|
|
@@ -117,7 +117,7 @@ GroupBar.styles = [
|
|
|
117
117
|
color: rgba(255, 255, 255, 0.5);
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
-
|
|
120
|
+
md-icon {
|
|
121
121
|
vertical-align: middle;
|
|
122
122
|
}
|
|
123
123
|
`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group-bar.js","sourceRoot":"","sources":["../../client/board-list/group-bar.ts"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"group-bar.js","sourceRoot":"","sources":["../../client/board-list/group-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport ScrollBooster from 'scrollbooster'\n\nimport { longpressable } from '@operato/utils'\n\n@customElement('group-bar')\nexport default class GroupBar extends LitElement {\n static styles = [\n css`\n :host {\n background-color: var(--group-bar-background-color);\n\n overflow-x: hidden;\n }\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n }\n\n li {\n display: inline-block;\n padding: 0px 3px;\n\n border-bottom: var(--group-bar-line);\n }\n\n li[active] {\n border-color: var(--group-bar-active-line-color);\n }\n\n li a {\n display: block;\n padding: 5px 4px 1px 4px;\n text-decoration: none;\n font: var(--group-bar-textbutton);\n color: rgba(255, 255, 255, 0.8);\n }\n\n li[active] a {\n font: var(--group-bar-textbutton-active);\n color: rgba(255, 255, 255, 1);\n }\n\n li[padding] {\n flex: 1;\n }\n\n li[add] {\n padding: 5px 4px 1px 4px;\n }\n\n li[add] * {\n color: rgba(255, 255, 255, 0.5);\n }\n\n md-icon {\n vertical-align: middle;\n }\n `\n ]\n\n @property({ type: Array }) groups?: any[]\n @property({ type: String }) groupId?: string\n @property({ type: String }) targetPage?: string\n\n private __sb?: ScrollBooster\n\n render() {\n return html`\n <ul>\n <li ?active=${!this.groupId}>\n <a href=${this.targetPage || ''}><md-icon>dashboard</md-icon></a>\n </li>\n\n <li ?active=${this.groupId === 'favor'}>\n <a href=\"${this.targetPage}/favor\"><md-icon>star</md-icon></a>\n </li>\n\n ${(this.groups || []).map(\n group => html`\n <li ?active=${this.groupId === group.id} @long-press=${e => this.infoGroup(group.id)}>\n <a href=${`${this.targetPage}/${group.id}`}>${group.name}</a>\n </li>\n `\n )}\n\n <li padding></li>\n\n <li add>\n <md-icon @click=${e => this.infoGroup()}>add</md-icon>\n </li>\n </ul>\n `\n }\n\n infoGroup(groupId?: string) {\n this.dispatchEvent(\n new CustomEvent('info-group', {\n detail: groupId\n })\n )\n }\n\n onWheelEvent(e) {\n var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n this.scrollLeft -= delta * 40\n\n e.preventDefault()\n }\n\n updated(change) {\n if (change.has('groups')) {\n /* groups가 바뀔 때마다, contents의 폭이 달라지므로, 다시 폭을 계산해준다. */\n this.__sb && this.__sb.updateMetrics()\n }\n\n if (change.has('groupId')) {\n var active = this.renderRoot.querySelector('li[active]')\n active && active.scrollIntoView()\n }\n }\n\n firstUpdated() {\n var scrollTarget = this.renderRoot.querySelector('ul')\n\n /* long-press */\n longpressable(scrollTarget!)\n\n scrollTarget!.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)\n\n this.__sb = new ScrollBooster({\n viewport: this,\n content: scrollTarget,\n mode: 'x',\n onUpdate: data => {\n this.scrollLeft = data.position.x\n }\n })\n }\n}\n"]}
|
package/dist-client/bootstrap.js
CHANGED
|
@@ -10,10 +10,8 @@ import { setupContextUIPart } from '@things-factory/context-ui/dist-client';
|
|
|
10
10
|
import { auth } from '@things-factory/auth-base/dist-client';
|
|
11
11
|
import { setAuthManagementMenus } from '@things-factory/auth-ui/dist-client';
|
|
12
12
|
import { store, UPDATE_BASE_URL } from '@operato/shell';
|
|
13
|
-
import { setContextPathPrefix } from '@operato/utils';
|
|
14
13
|
var width;
|
|
15
14
|
export default async function bootstrap() {
|
|
16
|
-
setContextPathPrefix('mcs');
|
|
17
15
|
store.dispatch({
|
|
18
16
|
type: UPDATE_BASE_URL
|
|
19
17
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,0BAA0B,CAAA;AACjC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAClH,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,0BAA0B,CAAA;AACjC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAClH,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEvD,IAAI,KAAK,CAAA;AAET,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,SAAS;IACrC,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,eAAe;KACtB,CAAC,CAAA;IAEF,+CAA+C;IAC/C,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;QAC1C,sBAAsB,EAAE,CAAA;IAC1B,CAAC,CAAC,CAAA;IAEF,MAAM,gBAAgB,CAAC;QACrB,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;KACb,CAAC,CAAA;IAEF,MAAM,kBAAkB,CAAC;QACvB,QAAQ,EAAE,QAAQ;QAClB,cAAc,EAAE,aAAa;KAC9B,CAAC,CAAA;IAEF,wCAAwC;IACxC,cAAc,CAAC;QACb,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,IAAI;SACf;QACD,QAAQ,EAAE,iBAAiB,CAAC,QAAQ;KACrC,CAAC,CAAA;IAEF,cAAc,CAAC;QACb,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI,CAAA,6BAA6B;SAC5C;QACD,QAAQ,EAAE,iBAAiB,CAAC,MAAM;KACnC,CAAC,CAAA;IAEF,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE;QACzB,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAS,CAAA;QAEnC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,EAAE,CAAC;YAChC,OAAM;QACR,CAAC;QAED,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAE1B,cAAc,CAAC,eAAe,EAAE;YAC9B,QAAQ,EAAE,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS;YAClF,KAAK,EAAE,cAAc,CAAC,OAAO;SAC9B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,uCAAuC;IACvC,IAAI,aAAa,GAAG,CAAC,cAAc,CAAC,CAAA;IAEpC,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE,IAAI,CAAA,kCAAkC,aAAa,oBAAoB;YACjF,QAAQ,EAAE,aAAa,CAAC,IAAI;SAC7B;KACF,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import '@fmsim/layout-view'\nimport '@operato/i18n/ox-i18n.js'\nimport './viewparts/menu-tools'\nimport './apptools/favorite-tool'\n\nimport { html } from 'lit-html'\n\nimport { appendViewpart, updateViewpart, TOOL_POSITION, VIEWPART_LEVEL, VIEWPART_POSITION } from '@operato/layout'\nimport { APPEND_APP_TOOL } from '@things-factory/apptool-base/client'\nimport { setupAppToolPart } from '@things-factory/apptool-ui/dist-client'\nimport { setupContextUIPart } from '@things-factory/context-ui/dist-client'\nimport { auth } from '@things-factory/auth-base/dist-client'\nimport { setAuthManagementMenus } from '@things-factory/auth-ui/dist-client'\nimport { store, UPDATE_BASE_URL } from '@operato/shell'\n\nvar width\n\nexport default async function bootstrap() {\n store.dispatch({\n type: UPDATE_BASE_URL\n })\n\n /* set auth management menus into more-panel */\n auth.on('profile', async ({ credential }) => {\n setAuthManagementMenus()\n })\n\n await setupAppToolPart({\n toolbar: true,\n busybar: true,\n mdibar: true\n })\n\n await setupContextUIPart({\n titlebar: 'header',\n contextToolbar: 'page-footer'\n })\n\n /* append viewpart anchor to asidebar */\n appendViewpart({\n name: 'viewpart-info',\n viewpart: {\n show: false,\n hovering: 'edge',\n backdrop: true\n },\n position: VIEWPART_POSITION.ASIDEBAR\n })\n\n appendViewpart({\n name: 'board-topmenu',\n viewpart: {\n show: true,\n template: html` <menu-tools></menu-tools> `\n },\n position: VIEWPART_POSITION.NAVBAR\n })\n\n store.subscribe(async () => {\n var state = store.getState() as any\n\n if (state.layout.width == width) {\n return\n }\n\n width = state.layout.width\n\n updateViewpart('board-topmenu', {\n position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR,\n level: VIEWPART_LEVEL.TOPMOST\n })\n })\n\n /* append favorite tool to app-tools */\n var acceptedPages = ['board-viewer']\n\n store.dispatch({\n type: APPEND_APP_TOOL,\n tool: {\n name: 'favorite-tool',\n template: html` <favorite-tool .acceptedPages=${acceptedPages}></favorite-tool> `,\n position: TOOL_POSITION.REAR\n }\n })\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import 'core-js/stable';
|
|
2
|
+
import 'regenerator-runtime/runtime';
|
|
3
|
+
import * as _sceneModule from '@hatiolab/things-scene';
|
|
4
|
+
// webpack 모듈 네임스페이스를 plain object로 변환하여 window.scene에 노출
|
|
5
|
+
window.scene = Object.assign({}, _sceneModule);
|
|
6
|
+
import './things-scene-components.import';
|
|
7
|
+
//# sourceMappingURL=headless-scene-components.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,KAAK,YAAY,MAAM,wBAAwB,CAAA;AAEtD,yDAAyD;AACzD,MAAM,CAAC,KAAK,qBAAQ,YAAY,CAAE,CAAA;AAElC,OAAO,kCAAkC,CAAA","sourcesContent":["import 'core-js/stable'\nimport 'regenerator-runtime/runtime'\nimport * as _sceneModule from '@hatiolab/things-scene'\n\n// webpack 모듈 네임스페이스를 plain object로 변환하여 window.scene에 노출\nwindow.scene = { ..._sceneModule }\n\nimport './things-scene-components.import'\n"]}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import './headless-scene-components.js';
|
|
2
|
+
import gql from 'graphql-tag';
|
|
3
|
+
import { ReferenceMap, create, error } from '@hatiolab/things-scene';
|
|
4
|
+
export { BoardViewer } from '@fmsim/board';
|
|
5
|
+
import { client, gqlContext, subscribe } from '@operato/graphql';
|
|
6
|
+
export const provider = new ReferenceMap(async (boardId, resolve, reject) => {
|
|
7
|
+
try {
|
|
8
|
+
const response = await client.query({
|
|
9
|
+
query: gql `
|
|
10
|
+
query FetchBoardById($id: String!) {
|
|
11
|
+
board(id: $id) {
|
|
12
|
+
model
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
`,
|
|
16
|
+
variables: { id: boardId },
|
|
17
|
+
context: gqlContext()
|
|
18
|
+
});
|
|
19
|
+
const board = response.data.board;
|
|
20
|
+
var model = JSON.parse(board.model);
|
|
21
|
+
var scene;
|
|
22
|
+
try {
|
|
23
|
+
scene = await provider.get(boardId);
|
|
24
|
+
console.warn('Board fetched more than twice.', boardId);
|
|
25
|
+
}
|
|
26
|
+
catch (e) {
|
|
27
|
+
scene = create({
|
|
28
|
+
model,
|
|
29
|
+
mode: 0,
|
|
30
|
+
refProvider: provider
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
resolve(scene);
|
|
34
|
+
}
|
|
35
|
+
catch (e) {
|
|
36
|
+
error(e);
|
|
37
|
+
reject(e);
|
|
38
|
+
}
|
|
39
|
+
}, async (id, ref) => {
|
|
40
|
+
ref.dispose();
|
|
41
|
+
});
|
|
42
|
+
var subscriptionForAutoRefresh;
|
|
43
|
+
export const startSubscribingForAutoRefresh = async (playGroupId, callback) => {
|
|
44
|
+
if (!playGroupId) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
await stopSubscribing();
|
|
48
|
+
subscriptionForAutoRefresh = await subscribe({
|
|
49
|
+
query: gql `
|
|
50
|
+
subscription ($id: String!) {
|
|
51
|
+
playGroup(id: $id) {
|
|
52
|
+
id
|
|
53
|
+
boards {
|
|
54
|
+
id
|
|
55
|
+
model
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
`,
|
|
60
|
+
variables: {
|
|
61
|
+
id: playGroupId
|
|
62
|
+
}
|
|
63
|
+
}, {
|
|
64
|
+
next: async ({ data }) => {
|
|
65
|
+
const { id, boards = '{}' } = data.playGroup;
|
|
66
|
+
if (data) {
|
|
67
|
+
callback &&
|
|
68
|
+
(await callback({
|
|
69
|
+
id,
|
|
70
|
+
boards
|
|
71
|
+
}));
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
};
|
|
76
|
+
export const stopSubscribing = async () => {
|
|
77
|
+
await (subscriptionForAutoRefresh === null || subscriptionForAutoRefresh === void 0 ? void 0 : subscriptionForAutoRefresh.unsubscribe());
|
|
78
|
+
subscriptionForAutoRefresh = null;
|
|
79
|
+
};
|
|
80
|
+
window['headlessSceneProvider'] = provider;
|
|
81
|
+
window['startSubscribingForAutoRefresh'] = startSubscribingForAutoRefresh;
|
|
82
|
+
window['stopSubscribing'] = stopSubscribing;
|
|
83
|
+
//# sourceMappingURL=scene-player.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,MAAM,cAAc,CAAA;AAC1C,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;QACJ,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,CAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,WAAW,EAAE,CAAA,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 } from '@fmsim/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\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"]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import './headless-scene-components.js';
|
|
2
|
+
import { ReferenceMap, create, error } from '@hatiolab/things-scene';
|
|
3
|
+
import { client, gqlContext, subscribe } from '@operato/graphql';
|
|
4
|
+
import gql from 'graphql-tag';
|
|
5
|
+
export { BoardViewer } from '@fmsim/board';
|
|
6
|
+
export const provider = new ReferenceMap(async (boardId, resolve, reject) => {
|
|
7
|
+
try {
|
|
8
|
+
const response = await client.query({
|
|
9
|
+
query: gql `
|
|
10
|
+
query FetchBoardById($id: String!) {
|
|
11
|
+
board(id: $id) {
|
|
12
|
+
model
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
`,
|
|
16
|
+
variables: { id: boardId },
|
|
17
|
+
context: gqlContext()
|
|
18
|
+
});
|
|
19
|
+
const board = response.data.board;
|
|
20
|
+
var model = JSON.parse(board.model);
|
|
21
|
+
var scene;
|
|
22
|
+
try {
|
|
23
|
+
scene = await provider.get(boardId);
|
|
24
|
+
console.warn('Board fetched more than twice.', boardId);
|
|
25
|
+
}
|
|
26
|
+
catch (e) {
|
|
27
|
+
scene = create({
|
|
28
|
+
model,
|
|
29
|
+
mode: 0,
|
|
30
|
+
refProvider: provider
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
resolve(scene);
|
|
34
|
+
}
|
|
35
|
+
catch (e) {
|
|
36
|
+
error(e);
|
|
37
|
+
reject(e);
|
|
38
|
+
}
|
|
39
|
+
}, async (id, ref) => {
|
|
40
|
+
ref.dispose();
|
|
41
|
+
});
|
|
42
|
+
var subscriptionForAutoRefresh;
|
|
43
|
+
export const startSubscribingForAutoRefresh = async (boardId, callback) => {
|
|
44
|
+
if (!boardId) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
await stopSubscribing();
|
|
48
|
+
subscriptionForAutoRefresh = await subscribe({
|
|
49
|
+
query: gql `
|
|
50
|
+
subscription ($id: String!) {
|
|
51
|
+
board(id: $id) {
|
|
52
|
+
id
|
|
53
|
+
model
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
`,
|
|
57
|
+
variables: {
|
|
58
|
+
id: boardId
|
|
59
|
+
}
|
|
60
|
+
}, {
|
|
61
|
+
next: async ({ data }) => {
|
|
62
|
+
const { id, model = '{}' } = data.board;
|
|
63
|
+
if (data) {
|
|
64
|
+
callback &&
|
|
65
|
+
(await callback({
|
|
66
|
+
id,
|
|
67
|
+
model: JSON.parse(model)
|
|
68
|
+
}));
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
export const stopSubscribing = async () => {
|
|
74
|
+
await (subscriptionForAutoRefresh === null || subscriptionForAutoRefresh === void 0 ? void 0 : subscriptionForAutoRefresh.unsubscribe());
|
|
75
|
+
subscriptionForAutoRefresh = null;
|
|
76
|
+
};
|
|
77
|
+
window['headlessSceneProvider'] = provider;
|
|
78
|
+
window['startSubscribingForAutoRefresh'] = startSubscribingForAutoRefresh;
|
|
79
|
+
window['stopSubscribing'] = stopSubscribing;
|
|
80
|
+
//# sourceMappingURL=scene-viewer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scene-viewer.js","sourceRoot":"","sources":["../../client/entries/scene-viewer.js"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEhE,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,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;QACJ,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,OAAO,EAAE,QAAQ,EAAE,EAAE;IACxE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAM;IACR,CAAC;IAED,MAAM,eAAe,EAAE,CAAA;IAEvB,0BAA0B,GAAG,MAAM,SAAS,CAC1C;QACE,KAAK,EAAE,GAAG,CAAA;;;;;;;OAOT;QACD,SAAS,EAAE;YACT,EAAE,EAAE,OAAO;SACZ;KACF,EACD;QACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YACvB,MAAM,EAAE,EAAE,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;YAEvC,IAAI,IAAI,EAAE,CAAC;gBACT,QAAQ;oBACN,CAAC,MAAM,QAAQ,CAAC;wBACd,EAAE;wBACF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;qBACzB,CAAC,CAAC,CAAA;YACP,CAAC;QACH,CAAC;KACF,CACF,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;IACxC,MAAM,CAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,WAAW,EAAE,CAAA,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'\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 '@fmsim/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\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 (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"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/* 이 파일은 node_modules/@things-scene 아래에 설치된 컴포넌트들의 리스트를 스캔해서 자동으로 import 하기위해 things-scene-webpack-loader 에 의해 로드되는 파일이다. */
|
|
@@ -5,15 +5,14 @@ import '../viewparts/board-info';
|
|
|
5
5
|
import '../viewparts/group-info';
|
|
6
6
|
import { css, html } from 'lit';
|
|
7
7
|
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
8
|
-
import { connect } from 'pwa-helpers/connect-mixin.js';
|
|
9
8
|
import { i18next, localize } from '@operato/i18n';
|
|
10
9
|
import { openOverlay } from '@operato/layout';
|
|
11
10
|
import { pulltorefresh } from '@operato/pull-to-refresh';
|
|
12
|
-
import { navigate, PageView, store } from '@operato/shell';
|
|
11
|
+
import { connect, navigate, PageView, store } from '@operato/shell';
|
|
13
12
|
import { ScrollbarStyles } from '@operato/styles';
|
|
14
13
|
import InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js';
|
|
15
14
|
import { UPDATE_FAVORITES } from '@things-factory/fav-base/client';
|
|
16
|
-
import { swipe } from '@things-factory/utils';
|
|
15
|
+
import { swipe } from '@things-factory/utils/src/swipe.js';
|
|
17
16
|
import { createBoard, createGroup, deleteBoard, deleteGroup, fetchBoardList, fetchFavoriteBoardList, fetchGroupList, updateBoard, updateGroup, refreshFavorites } from '@fmsim/api';
|
|
18
17
|
import BoardTileList from '../board-list/board-tile-list';
|
|
19
18
|
let BoardListPage = class BoardListPage extends localize(i18next)(connect(store)(InfiniteScrollable(PageView))) {
|