@operato/board 10.29.38 → 10.29.40

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [10.29.40](https://github.com/hatiolab/operato/compare/v10.29.39...v10.29.40) (2026-10-17)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+### [10.29.39](https://github.com/hatiolab/operato/compare/v10.29.38...v10.29.39) (2026-10-17)
+
+
+### :bug: Bug Fix
+
+* **board:** request approval before viewer route changes ([169e997](https://github.com/hatiolab/operato/commit/169e997dff381eb3f3f56f6cf073049ec5467bbb))
+
+
+
 ### [10.29.38](https://github.com/hatiolab/operato/compare/v10.29.37...v10.29.38) (2026-10-17)
 
 **Note:** Version bump only for package @operato/board

package/coverage/lcov-report/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">58.1% </span>
+                <span class="strong">58.08% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>40440/69603</span>
+                <span class='fraction'>40442/69622</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">61.73% </span>
+                <span class="strong">61.64% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>1018/1649</span>
+                <span class='fraction'>1014/1645</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">22.18% </span>
+                <span class="strong">22.12% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>422/1902</span>
+                <span class='fraction'>421/1903</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">58.1% </span>
+                <span class="strong">58.08% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>40440/69603</span>
+                <span class='fraction'>40442/69622</span>
             </div>
         
             
@@ -170,17 +170,17 @@
 
 <tr>
 	<td class="file low" data-value="__wds-outside-root__/1/utils/src"><a href="__wds-outside-root__/1/utils/src/index.html">__wds-outside-root__/1/utils/src</a></td>
-	<td data-value="37.61" class="pic low">
+	<td data-value="37.7" class="pic low">
 	<div class="chart"><div class="cover-fill" style="width: 37%"></div><div class="cover-empty" style="width: 63%"></div></div>
 	</td>
-	<td data-value="37.61" class="pct low">37.61%</td>
-	<td data-value="1954" class="abs low">735/1954</td>
+	<td data-value="37.7" class="pct low">37.7%</td>
+	<td data-value="1973" class="abs low">744/1973</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="5" class="abs low">0/5</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="76" class="abs low">0/76</td>
-	<td data-value="37.61" class="pct low">37.61%</td>
-	<td data-value="1954" class="abs low">735/1954</td>
+	<td data-value="77" class="abs low">0/77</td>
+	<td data-value="37.7" class="pct low">37.7%</td>
+	<td data-value="1973" class="abs low">744/1973</td>
 	</tr>
 
 <tr>
@@ -635,17 +635,17 @@
 
 <tr>
 	<td class="file low" data-value="__wds-outside-root__/2/node_modules/@hatiolab/things-scene/node_modules/jsonata"><a href="__wds-outside-root__/2/node_modules/@hatiolab/things-scene/node_modules/jsonata/index.html">__wds-outside-root__/2/node_modules/@hatiolab/things-scene/node_modules/jsonata</a></td>
-	<td data-value="25.38" class="pic low">
+	<td data-value="25.3" class="pic low">
 	<div class="chart"><div class="cover-fill" style="width: 25%"></div><div class="cover-empty" style="width: 75%"></div></div>
 	</td>
-	<td data-value="25.38" class="pct low">25.38%</td>
-	<td data-value="9468" class="abs low">2403/9468</td>
-	<td data-value="73.56" class="pct medium">73.56%</td>
-	<td data-value="227" class="abs medium">167/227</td>
-	<td data-value="18.72" class="pct low">18.72%</td>
-	<td data-value="251" class="abs low">47/251</td>
-	<td data-value="25.38" class="pct low">25.38%</td>
-	<td data-value="9468" class="abs low">2403/9468</td>
+	<td data-value="25.3" class="pct low">25.3%</td>
+	<td data-value="9468" class="abs low">2396/9468</td>
+	<td data-value="73.09" class="pct medium">73.09%</td>
+	<td data-value="223" class="abs medium">163/223</td>
+	<td data-value="18.32" class="pct low">18.32%</td>
+	<td data-value="251" class="abs low">46/251</td>
+	<td data-value="25.3" class="pct low">25.3%</td>
+	<td data-value="9468" class="abs low">2396/9468</td>
 	</tr>
 
 <tr>
@@ -1631,7 +1631,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-10-17T05:17:49.026Z
+                at 2026-10-17T11:52:29.662Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -6140,14 +6140,16 @@ BRH:0
 end_of_record
 TN:
 SF:__wds-outside-root__/1/utils/src/file-acceptance.ts
-FN:28,registerFileUploadLimits
-FN:37,fileUploadLimits
-FN:50,acceptsFile
-FN:73,sortPickedFiles
-FNF:4
+FN:31,registerFileUploadLimits
+FN:40,fileUploadLimits
+FN:53,narrowLimits
+FN:69,acceptsFile
+FN:92,sortPickedFiles
+FNF:5
 FNH:0
 FNDA:0,registerFileUploadLimits
 FNDA:0,fileUploadLimits
+FNDA:0,narrowLimits
 FNDA:0,acceptsFile
 FNDA:0,sortPickedFiles
 DA:1,1
@@ -6178,31 +6180,31 @@ DA:25,1
 DA:26,1
 DA:27,1
 DA:28,1
-DA:29,0
-DA:30,0
-DA:31,0
-DA:32,1
-DA:33,1
-DA:34,1
+DA:29,1
+DA:30,1
+DA:31,1
+DA:32,0
+DA:33,0
+DA:34,0
 DA:35,1
 DA:36,1
 DA:37,1
-DA:38,0
-DA:39,0
-DA:40,0
+DA:38,1
+DA:39,1
+DA:40,1
 DA:41,0
 DA:42,0
 DA:43,0
 DA:44,0
-DA:45,1
-DA:46,1
-DA:47,1
+DA:45,0
+DA:46,0
+DA:47,0
 DA:48,1
 DA:49,1
 DA:50,1
-DA:51,0
-DA:52,0
-DA:53,0
+DA:51,1
+DA:52,1
+DA:53,1
 DA:54,0
 DA:55,0
 DA:56,0
@@ -6213,16 +6215,16 @@ DA:60,0
 DA:61,0
 DA:62,0
 DA:63,0
-DA:64,0
-DA:65,0
-DA:66,0
-DA:67,0
+DA:64,1
+DA:65,1
+DA:66,1
+DA:67,1
 DA:68,1
 DA:69,1
-DA:70,1
-DA:71,1
-DA:72,1
-DA:73,1
+DA:70,0
+DA:71,0
+DA:72,0
+DA:73,0
 DA:74,0
 DA:75,0
 DA:76,0
@@ -6236,15 +6238,34 @@ DA:83,0
 DA:84,0
 DA:85,0
 DA:86,0
-DA:87,0
-DA:88,0
-DA:89,0
-DA:90,0
-DA:91,0
-DA:92,0
+DA:87,1
+DA:88,1
+DA:89,1
+DA:90,1
+DA:91,1
+DA:92,1
 DA:93,0
-LF:93
-LH:46
+DA:94,0
+DA:95,0
+DA:96,0
+DA:97,0
+DA:98,0
+DA:99,0
+DA:100,0
+DA:101,0
+DA:102,0
+DA:103,0
+DA:104,0
+DA:105,0
+DA:106,0
+DA:107,0
+DA:108,0
+DA:109,0
+DA:110,0
+DA:111,0
+DA:112,0
+LF:112
+LH:55
 BRF:0
 BRH:0
 end_of_record
@@ -53267,9 +53288,9 @@ FN:9376,u
 FN:9426,p
 FN:9448,f
 FNF:251
-FNH:47
-FNDA:11,o.get
-FNDA:27,o.get
+FNH:46
+FNDA:0,o.get
+FNDA:25,o.get
 FNDA:2,si
 FNDA:0,ii
 FNDA:0,i
@@ -53527,19 +53548,19 @@ DA:5,2
 DA:6,2
 DA:7,2
 DA:8,2
-DA:9,11
-DA:10,11
-DA:11,11
-DA:12,11
-DA:13,11
-DA:14,5
-DA:15,11
+DA:9,0
+DA:10,0
+DA:11,0
+DA:12,0
+DA:13,0
+DA:14,0
+DA:15,0
 DA:16,2
-DA:17,27
-DA:18,27
+DA:17,25
+DA:18,25
 DA:19,0
-DA:20,24
-DA:21,27
+DA:20,22
+DA:21,25
 DA:22,2
 DA:23,2
 DA:24,2
@@ -62988,7 +63009,7 @@ DA:9466,2
 DA:9467,2
 DA:9468,2
 LF:9468
-LH:2403
+LH:2396
 BRDA:38,0,0,0
 BRDA:8,1,0,56
 BRDA:16,2,0,76
@@ -63209,15 +63230,11 @@ BRDA:9240,216,0,2
 BRDA:9253,217,0,2
 BRDA:9358,218,0,0
 BRDA:9360,219,0,0
-BRDA:12,220,0,34
-BRDA:12,221,0,34
-BRDA:13,222,0,33
-BRDA:13,223,0,28
-BRDA:17,224,0,41
-BRDA:18,225,0,62
-BRDA:18,226,0,38
-BRF:227
-BRH:167
+BRDA:17,220,0,41
+BRDA:18,221,0,60
+BRDA:18,222,0,38
+BRF:223
+BRH:163
 end_of_record
 TN:
 SF:__wds-outside-root__/2/node_modules/@hatiolab/things-scene/node_modules/lodash-es/_DataView.js

package/dist/src/ox-board-viewer.d.ts

@@ -61,11 +61,12 @@ export declare class BoardViewer extends LitElement {
         id: string;
         scene: any;
     }, history?: -1 | 0 | 1): void;
-    showScene(boardId: string, bindingData?: any): Promise<void>;
-    gotoPlayer(playGroupName: string, bindingData?: any): Promise<void>;
+    showScene(boardId: string, bindingData?: any): Promise<boolean | undefined>;
+    gotoPlayer(playGroupName: string, bindingData?: any): Promise<boolean | undefined>;
     bindSceneEvents(): void;
     unbindSceneEvents(scene: any): void;
     transientShowButtons(stop?: boolean): void;
+    private boardHistoryTarget;
     onTapNext(): void;
     onTapPrev(): void;
     onTapFullscreen(): void;
@@ -75,7 +76,7 @@ export declare class BoardViewer extends LitElement {
     onLinkGotoPlaylist(targetPlayGroupName: string, options: any, fromComponent: Component): void;
     onLinkOpen(url: string, value: any, fromComponent: Component): void;
     onLinkMove(url: string, value: any, fromComponent: Component): void;
-    onRoutePage(page: string): void;
+    onRoutePage(page: string): Promise<boolean> | undefined;
     onStartScenario(scenario: string, value: string | number | object, component: Component): Promise<void>;
     onRunScenario(scenario: string, value: string | number | object, component: Component): Promise<void>;
     onExportData(filename: string, value: string | number | object, component: Component): Promise<void>;

package/dist/src/ox-board-viewer.js

@@ -1,4 +1,5 @@
 import { __decorate } from "tslib";
+import { writeAddress } from '@operato/utils/address.js';
 import '@material/web/icon/icon.js';
 import '@material/web/fab/fab.js';
 import { css, html, LitElement, nothing } from 'lit';
@@ -280,27 +281,17 @@ let BoardViewer = class BoardViewer extends LitElement {
         this.currentBoardId = id;
         this.bindSceneEvents();
         this.transientShowButtons();
-        if (this.history && typeof history !== 'undefined' /* && document.querySelector('things-app') */) {
-            if (document.querySelector('things-app')) {
-                const currentUrl = new URL(window.location.href);
-                // 기존 history에서 이동하면, board-viewer에서 새롭게 로딩을 하므로, 이 컴포넌트내의 history를 잃게된다.
-                // ox-board-viewer의 history가 window.history와 통합된 후에 다음 코드로 변경한다.
-                // 그 전에는 replaceState를 실행한다.
-                window.history.replaceState({}, '', `board-viewer/${id}${currentUrl.search ? '?' + currentUrl.search : ''}`);
-                /*
-                if (history === 0) {
-                  // 새로운 history를 추가한다.
-                  window.history.pushState({}, '', `board-viewer/${id}${currentUrl.search ? '?' + currentUrl.search : ''}`)
-                } else {
-                  window.history.go(history)
-                }
-                */
-            }
-        }
     }
     async showScene(boardId, bindingData) {
         if (!boardId)
             return;
+        if (this.history && document.querySelector('things-app')) {
+            const url = new URL(`board-viewer/${boardId}`, document.baseURI);
+            url.search = location.search;
+            if (bindingData)
+                Object.entries(bindingData).forEach(([key, value]) => url.searchParams.set(key, String(value)));
+            return writeAddress(url);
+        }
         try {
             var scene = await this.provider.get(boardId, true);
             if (scene === this._scene) {
@@ -332,8 +323,7 @@ let BoardViewer = class BoardViewer extends LitElement {
         const id = (_a = (await fetchPlayGroupByName(playGroupName))) === null || _a === void 0 ? void 0 : _a.id;
         const queryString = bindingData ? objectToQueryString(bindingData) : '';
         if (document.querySelector('things-app')) {
-            history.pushState({}, '', `board-player/${id}?${queryString}`);
-            window.dispatchEvent(new Event('popstate'));
+            return writeAddress(new URL(`board-player/${id}?${queryString}`, document.baseURI));
         }
         else {
             location.href = `headless-player/${id}?${queryString}`;
@@ -390,8 +380,8 @@ let BoardViewer = class BoardViewer extends LitElement {
                 return animation;
             });
         }
-        this._forward.length <= 0 ? this._next.setAttribute('hidden', '') : this._next.removeAttribute('hidden');
-        this._backward.length <= 0 ? this._prev.setAttribute('hidden', '') : this._prev.removeAttribute('hidden');
+        !(this.boardHistoryTarget(1) || this._forward.length) ? this._next.setAttribute('hidden', '') : this._next.removeAttribute('hidden');
+        !(this.boardHistoryTarget(-1) || this._backward.length) ? this._prev.setAttribute('hidden', '') : this._prev.removeAttribute('hidden');
         this._fabGroup && this._fabGroup.removeAttribute('hidden');
         this._fade_animations.forEach(animation => {
             animation.cancel();
@@ -401,7 +391,20 @@ let BoardViewer = class BoardViewer extends LitElement {
         });
     }
     /* event handlers */
+    boardHistoryTarget(delta) {
+        if (!this.history || !document.querySelector('things-app'))
+            return;
+        const nav = window.navigation;
+        const entry = nav.entries()[nav.currentEntry.index + delta];
+        return entry && /\/board-viewer\/[^/]+$/.test(new URL(entry.url).pathname) ? entry.key : undefined;
+    }
     onTapNext() {
+        if (this.history && document.querySelector('things-app')) {
+            const key = this.boardHistoryTarget(1);
+            if (key)
+                window.navigation.traverseTo(key).finished.catch(() => undefined);
+            return;
+        }
         var { id, scene } = this._forward.pop() || {};
         if (!scene)
             return;
@@ -415,6 +418,12 @@ let BoardViewer = class BoardViewer extends LitElement {
         this.setupScene({ id: id, scene }, 1);
     }
     onTapPrev() {
+        if (this.history && document.querySelector('things-app')) {
+            const key = this.boardHistoryTarget(-1);
+            if (key)
+                window.navigation.traverseTo(key).finished.catch(() => undefined);
+            return;
+        }
         var { id, scene } = this._backward.pop() || {};
         if (!scene)
             return;
@@ -479,8 +488,7 @@ let BoardViewer = class BoardViewer extends LitElement {
         if (!page) {
             return;
         }
-        history.pushState({}, '', page);
-        window.dispatchEvent(new Event('popstate'));
+        return writeAddress(new URL(page, document.baseURI));
     }
     async onStartScenario(scenario, value, component) {
         try {