@operato/board 7.1.14 → 7.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "7.1.14",
+  "version": "7.1.17",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -99,7 +99,7 @@
   "dependencies": {
     "@material/web": "^2.0.0",
     "@open-wc/scoped-elements": "^2.1.3",
-    "@operato/app": "^7.1.13",
+    "@operato/app": "^7.1.16",
     "@operato/data-grist": "^7.1.13",
     "@operato/font": "^7.1.13",
     "@operato/graphql": "^7.1.1",
@@ -159,5 +159,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "6181301063d587200d13052be30d0004af896821"
+  "gitHead": "c127f2156e496f321b87748fa0c52f63f1670334"
 }

package/src/ox-board-viewer.ts

@@ -125,6 +125,7 @@ export class BoardViewer extends LitElement {
   @property({ type: Object }) provider: ReferenceProvider | null = null
   @property({ type: Object }) data: any
   @property({ type: Object }) values: any
+  @property({ type: Boolean }) history: boolean = false
 
   @property({ type: Boolean, reflect: true, attribute: 'hide-fullscreen' }) hideFullscreen = false
   @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' }) hideNavigation = false
@@ -305,7 +306,7 @@ export class BoardViewer extends LitElement {
     this.transientShowButtons()
   }
 
-  setupScene({ id, scene }: { id: string; scene: any }) {
+  setupScene({ id, scene }: { id: string; scene: any }, history?: -1 | 0 | 1) {
     this._scene = scene
 
     const backgroundColor = this._scene?.root.state.fillStyle
@@ -332,6 +333,14 @@ export class BoardViewer extends LitElement {
     this.bindSceneEvents()
 
     this.transientShowButtons()
+
+    if (this.history && typeof history !== 'undefined' /* && document.querySelector('things-app') */) {
+      const currentUrl = new URL(window.location.href)
+      const paths = currentUrl.pathname.split('/')
+
+      paths[paths.length - 1] = this.currentBoardId
+      window.history.replaceState({}, '', `${currentUrl.origin}${paths.join('/')}${currentUrl.search}`)
+    }
   }
 
   async showScene(boardId: string, bindingData?: any) {
@@ -360,7 +369,7 @@ export class BoardViewer extends LitElement {
       /* forward를 비운다. */
       this._forward = []
 
-      this.setupScene({ id: boardId, scene })
+      this.setupScene({ id: boardId, scene }, 0)
 
       if (bindingData) {
         scene.data = bindingData
@@ -465,10 +474,10 @@ export class BoardViewer extends LitElement {
       /* 원래의 target에 되돌린다. */
       this._scene.target = this._oldtarget
       this.unbindSceneEvents(this._scene)
-      this._backward.push({ id: id!, scene: this._scene })
+      this._backward.push({ id: this.currentBoardId!, scene: this._scene })
     }
 
-    this.setupScene({ id: id!, scene })
+    this.setupScene({ id: id!, scene }, 1)
   }
 
   onTapPrev() {
@@ -480,10 +489,10 @@ export class BoardViewer extends LitElement {
       /* 원래의 target에 되돌린다. */
       this._scene.target = this._oldtarget
       this.unbindSceneEvents(this._scene)
-      this._forward.push({ id: id!, scene: this._scene })
+      this._forward.push({ id: this.currentBoardId!, scene: this._scene })
     }
 
-    this.setupScene({ id: id!, scene })
+    this.setupScene({ id: id!, scene }, -1)
   }
 
   onTapFullscreen() {