@everymatrix/casino-tournaments-page-controller 0.0.192 → 0.0.196

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-tournaments-page-controller",
-  "version": "0.0.192",
+  "version": "0.0.196",
   "main": "dist/casino-tournaments-page-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "90772f9f46872463853a444005e5adbfb07fc973"
+  "gitHead": "9809bd993cd1842fb5832ca5b3269eb33d0be029"
 }

package/src/CasinoTournamentsPageController.svelte

@@ -5,6 +5,7 @@
   import { isMobile, getDevice, checkSession } from 'rvhelper';
   import { _, addNewMessages, setLocale, setupI18n } from './i18n';
   import { TournamentsPageTranslations } from './translations';
+  import { EventSourcePolyfill } from 'event-source-polyfill';
 
   import '@everymatrix/casino-tournaments-page';
   import '@everymatrix/casino-tournaments-details';
@@ -41,6 +42,8 @@
   let firstRowData:any = {};
   let firstRowAvailable:boolean = false;
 
+  let tableUpdateEventSource:EventSourcePolyfill;
+
   setupI18n({ withLocale: 'en', translations: {}});
 
   Object.keys(TournamentsPageTranslations).forEach((item:any) => {
@@ -76,7 +79,39 @@
     }
 
     return tableData;
-  }
+  },
+    tableUpdateMessageHandler = (message:any)=>{
+      if(!message.data){
+        return;
+      }
+      try{
+        let messageData:any = message.data;
+        let updateTableData:any = JSON.parse(messageData);
+        if(!updateTableData || !updateTableData.Items){
+          return;
+        }
+        let newTableData = transformTableData(updateTableData.Items);
+        if(firstRowAvailable && firstRowData){
+          window.postMessage({ type: 'CasinoTableFirstRowData', tableData: firstRowData }, window.location.href);
+        }
+        window.postMessage({ type: 'CasinoTableDataUpdate', tableData:  newTableData}, window.location.href);
+      }catch(err){
+        console.error(err);
+      }
+    },
+    startupTableDataChangeListener = (tournamentID:String, searchParams:any) =>{
+      let endpointURL:String = `${endpoint}/tournaments/${tournamentID}/leaderboard/updates?HeartBeat=false&`;
+      endpointURL += searchParams.toString();
+      tableUpdateEventSource = new EventSourcePolyfill(endpointURL, {
+        headers: {
+          'accept': 'text/event-stream',
+          'X-SessionID': session
+        }
+      });
+      if(typeof(tableUpdateEventSource) != "undefined"){
+        tableUpdateEventSource.addEventListener('message', tableUpdateMessageHandler);
+      }
+  };
 
   const getData = (endpointURL:String, tourID:String) => {
     let url = new URL(endpointURL + `/tournaments/${tourID}`);
@@ -132,6 +167,7 @@
         if (firstRowAvailable) {
           window.postMessage({ type: 'CasinoTableFirstRowData', tableData: firstRowData }, window.location.href);
         }
+        startupTableDataChangeListener(tourID, url.searchParams);
       });
   }
 
@@ -190,6 +226,7 @@
 
     return () => {
       window.removeEventListener('message', messageHandler);
+      tableUpdateEventSource.removeEventListener('message', tableUpdateMessageHandler);
     }
   });
 
@@ -264,6 +301,10 @@
 {/if}
 
 <style lang="scss">
+  :host {
+    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  }
+
   *,
   *::before,
   *::after {
@@ -273,7 +314,6 @@
     text-decoration: none;
     outline: none;
     box-sizing: border-box;
-    font-family: "Helvetica Neue", "Helvetica", sans-serif;
   }
 
   .TournamentsPage {