@operato/board 1.1.36 → 1.1.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "1.1.36",
+  "version": "1.1.38",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -87,17 +87,17 @@
   },
   "dependencies": {
     "@open-wc/scoped-elements": "^2.0.0-next.6",
-    "@operato/app": "^1.1.36",
-    "@operato/data-grist": "^1.1.36",
-    "@operato/font": "^1.1.36",
+    "@operato/app": "^1.1.37",
+    "@operato/data-grist": "^1.1.37",
+    "@operato/font": "^1.1.37",
     "@operato/graphql": "^1.1.13",
     "@operato/i18n": "^1.1.13",
-    "@operato/input": "^1.1.36",
+    "@operato/input": "^1.1.37",
     "@operato/markdown": "^1.1.28",
     "@operato/popup": "^1.1.28",
-    "@operato/property-editor": "^1.1.36",
+    "@operato/property-editor": "^1.1.37",
     "@operato/styles": "^1.1.28",
-    "@operato/utils": "^1.1.15",
+    "@operato/utils": "^1.1.37",
     "@polymer/paper-dropdown-menu": "^3.2.0",
     "@types/file-saver": "^2.0.4",
     "@types/sortablejs": "^1.10.7",
@@ -146,5 +146,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "115403ba66873bd4b8e59644095930653c49206b"
+  "gitHead": "58cc13eb2ebd26572d68a3fd0518dde66d72bb6c"
 }

package/src/ox-board-viewer.ts

@@ -97,12 +97,14 @@ export class BoardViewer extends LitElement {
   @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' }) hideNavigation = false
 
   @state() _scene: any = null
-  @state() _forward: Array<any> = []
-  @state() _backward: Array<any> = []
+  @state() _forward: { id: string; scene: any }[] = []
+  @state() _backward: { id: string; scene: any }[] = []
 
   @state() _oldtarget?: HTMLElement
   @state() _fade_animations?: Array<Animation>
 
+  public currentBoardId?: string = this.board?.id
+
   @query('#target') _target!: HTMLElement
   @query('#prev') _prev!: HTMLElement
   @query('#next') _next!: HTMLElement
@@ -207,7 +209,7 @@ export class BoardViewer extends LitElement {
     if (!this.board || !this.board.id) return
 
     this._scene = await this.provider!.get(this.board.id, true)
-    this.setupScene(this._scene)
+    this.setupScene({ id: this.board.id, scene: this._scene })
   }
 
   initScene() {
@@ -229,7 +231,7 @@ export class BoardViewer extends LitElement {
 
     this.provider!.add(this.board.id, this._scene)
 
-    this.setupScene(this._scene)
+    this.setupScene({ id: this.board.id, scene: this._scene })
   }
 
   closeScene() {
@@ -243,10 +245,10 @@ export class BoardViewer extends LitElement {
     }
 
     // delete queued scenes
-    this._forward.forEach(scene => scene.release && scene.release())
+    this._forward.forEach(({ scene }) => scene.release && scene.release())
     this._forward = []
 
-    this._backward.forEach(scene => scene.release && scene.release())
+    this._backward.forEach(({ scene }) => scene.release && scene.release())
     this._backward = []
   }
 
@@ -255,7 +257,7 @@ export class BoardViewer extends LitElement {
     this.transientShowButtons()
   }
 
-  setupScene(scene: any) {
+  setupScene({ id, scene }: { id: string; scene: any }) {
     this._scene = scene
 
     const backgroundColor = this._scene?.root.state.fillStyle
@@ -274,6 +276,7 @@ export class BoardViewer extends LitElement {
     if (this.data) {
       this._scene.data = this.data
     }
+    this.currentBoardId = id
 
     this.bindSceneEvents()
 
@@ -296,17 +299,17 @@ export class BoardViewer extends LitElement {
         this.unbindSceneEvents(this._scene)
         /* 원래의 target에 되돌린다. */
         this._scene.target = this._oldtarget
-        this._backward.push(this._scene)
+        this._backward.push({ id: this.currentBoardId!, scene: this._scene })
       }
 
       this._scene = scene
 
-      this._forward.forEach(scene => scene.release && scene.release())
+      this._forward.forEach(({ scene }) => scene.release && scene.release())
 
       /* forward를 비운다. */
       this._forward = []
 
-      this.setupScene(scene)
+      this.setupScene({ id: boardId, scene })
 
       if (bindingData) {
         scene.data = bindingData
@@ -317,6 +320,7 @@ export class BoardViewer extends LitElement {
   }
 
   bindSceneEvents() {
+    this._scene.on('run', this.onRunBoard, this)
     this._scene.on('goto', this.onLinkGoto, this)
     this._scene.on('link-open', this.onLinkOpen, this)
     this._scene.on('link-move', this.onLinkMove, this)
@@ -326,6 +330,7 @@ export class BoardViewer extends LitElement {
   }
 
   unbindSceneEvents(scene: any) {
+    scene.off('run', this.onRunBoard, this)
     scene.off('goto', this.onLinkGoto, this)
     scene.off('link-open', this.onLinkOpen, this)
     scene.off('link-move', this.onLinkMove, this)
@@ -381,7 +386,7 @@ export class BoardViewer extends LitElement {
   /* event handlers */
 
   onTapNext() {
-    var scene = this._forward.pop()
+    var { id, scene } = this._forward.pop() || {}
     if (!scene) return
 
     if (this._scene) {
@@ -389,14 +394,14 @@ export class BoardViewer extends LitElement {
       /* 원래의 target에 되돌린다. */
       this._scene.target = this._oldtarget
       this.unbindSceneEvents(this._scene)
-      this._backward.push(this._scene)
+      this._backward.push({ id: id!, scene: this._scene })
     }
 
-    this.setupScene(scene)
+    this.setupScene({ id: id!, scene })
   }
 
   onTapPrev() {
-    var scene = this._backward.pop()
+    var { id, scene } = this._backward.pop() || {}
     if (!scene) return
 
     if (this._scene) {
@@ -404,10 +409,10 @@ export class BoardViewer extends LitElement {
       /* 원래의 target에 되돌린다. */
       this._scene.target = this._oldtarget
       this.unbindSceneEvents(this._scene)
-      this._forward.push(this._scene)
+      this._forward.push({ id: id!, scene: this._scene })
     }
 
-    this.setupScene(scene)
+    this.setupScene({ id: id!, scene })
   }
 
   onTapFullscreen() {
@@ -418,6 +423,10 @@ export class BoardViewer extends LitElement {
     )
   }
 
+  onRunBoard() {
+    this.dispatchEvent(new CustomEvent('run-board', { bubbles: true, composed: true, detail: this.board.id }))
+  }
+
   onLinkGoto(targetBoardId: string, options: any, fromComponent: any) {
     const { input, output } = options || { input: '(self)' }
     const data = input && fromComponent.root.findFirst(input, fromComponent)?.data

package/src/selector/ox-board-selector.ts

@@ -194,7 +194,6 @@ export class BoardSelector extends InfiniteScrollable(localize(i18next)(LitEleme
     `
   }
 
-  //@ts-ignore
   get scrollTargetEl(): HTMLElement | null {
     return this.renderRoot.querySelector('#main') as HTMLElement
   }