@operato/board 1.4.83 → 1.4.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "1.4.83",
+  "version": "1.4.84",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -148,5 +148,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "e4a6c5bd4f8eee6c58cf487febf8a01bf349ab77"
+  "gitHead": "f31a3726a76fd0262935f9a3e8087910ef4dda87"
 }

package/src/ox-board-viewer.ts

@@ -16,6 +16,21 @@ import { runScenario, startScenario } from './graphql/scenario.js'
 import { BoardComponentInfo } from './ox-board-component-info.js'
 import { fetchPlayGroupByName } from './graphql/play-group.js'
 
+function objectToQueryString(obj: any) {
+  const keyValuePairs = []
+  for (const key in obj) {
+    if (Object.hasOwnProperty.call(obj, key)) {
+      const value = obj[key]
+      if (typeof value === 'object') {
+        keyValuePairs.push(`${encodeURIComponent(key)}=${encodeURIComponent(JSON.stringify(value))}`)
+      } else {
+        keyValuePairs.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
+      }
+    }
+  }
+  return keyValuePairs.join('&')
+}
+
 @customElement('ox-board-viewer')
 export class BoardViewer extends LitElement {
   static styles = [
@@ -354,7 +369,7 @@ export class BoardViewer extends LitElement {
 
   async gotoPlayer(playGroupName: string, bindingData?: any) {
     const id = (await fetchPlayGroupByName(playGroupName))?.id
-    const queryString = bindingData ? new URLSearchParams(bindingData).toString() : ''
+    const queryString = bindingData ? objectToQueryString(bindingData) : ''
 
     if (document.querySelector('things-app')) {
       history.pushState({}, '', `board-player/${id}?${queryString}`)
@@ -507,7 +522,9 @@ export class BoardViewer extends LitElement {
   }
 
   onLinkMove(url: string, value: any, fromComponent: Component) {
-    if (!url) return
+    if (!url) {
+      return
+    }
 
     location.href = url
   }