@everymatrix/casino-tournaments-controller 0.0.193 → 0.0.197

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-tournaments-controller",
-  "version": "0.0.193",
+  "version": "0.0.197",
   "main": "dist/casino-tournaments-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -29,11 +29,11 @@
     "typescript": "^3.9.3"
   },
   "dependencies": {
-    "@everymatrix/casino-tournaments-details": "^0.0.193",
-    "@everymatrix/casino-tournaments-filter-controller": "^0.0.193",
-    "@everymatrix/casino-tournaments-list-controller": "^0.0.193",
-    "@everymatrix/casino-tournaments-page-controller": "^0.0.193",
-    "@everymatrix/casino-tournaments-thumbnail-controller": "^0.0.193",
+    "@everymatrix/casino-tournaments-details": "^0.0.197",
+    "@everymatrix/casino-tournaments-filter-controller": "^0.0.197",
+    "@everymatrix/casino-tournaments-list-controller": "^0.0.197",
+    "@everymatrix/casino-tournaments-page-controller": "^0.0.197",
+    "@everymatrix/casino-tournaments-thumbnail-controller": "^0.0.197",
     "cross-env": "^7.0.3",
     "sirv-cli": "^1.0.0",
     "svelte": "^3.0.0"
@@ -41,5 +41,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0960983a499b8cd9494500f0f36058fdc61fbead"
+  "gitHead": "89d693d3429e3dc0d6e642537452c8faa0ca008a"
 }

package/src/CasinoTournamentsController.svelte

@@ -5,6 +5,7 @@
   import { getDevice } from 'rvhelper';
   import { _, addNewMessages, setLocale, setupI18n } from './i18n';
   import { TournamentsControllerTranslations } from './translations';
+  import { EventSourcePolyfill } from 'event-source-polyfill';
 
   import '@everymatrix/casino-tournaments-filter-controller';
   import '@everymatrix/casino-tournaments-list-controller';
@@ -37,6 +38,7 @@
   let userAgent:string = window.navigator.userAgent;
   let isLoading:boolean = true;
   let filtersLoaded:boolean = false;
+  let startingTournamentUpdater:boolean = false;
 
   let filtersArray = 'All,Scheduled,Ongoing,Finished';
   let tournamentsNumber:number = 0;
@@ -47,6 +49,8 @@
   let activeFilters:Array<string> = [];
 
   let lastMonthDate:any = new Date();
+  let tournamentsSearchParams:string;
+  let tournamentsUpdateEventSource:EventSourcePolyfill;
 
   lastMonthDate.setMonth(lastMonthDate.getMonth() - 1);
   lastMonthDate = lastMonthDate.toISOString().substring(0, 10);
@@ -97,6 +101,7 @@
     tournamentsUrl.searchParams.append('sortOrder', 'desc');
     tournamentsUrl.searchParams.append('language', lang);
 
+
     if (activeFilters.length > 0 && activeFilters[0] != 'All') {
       let state = activeFilters.map((item:any) => matchStatus(item)).join("|");
 
@@ -104,7 +109,6 @@
     } else {
       tournamentsUrl.searchParams.append('filter', `StartTimeAfter=${lastMonthDate}`);
     }
-
     reqHeaders.append('platform', getDevice(userAgent));
     reqHeaders.append('sortType', sortByStatus);
 
@@ -122,6 +126,7 @@
       .then((res:any) => res.json())
       .then((res:any) => {
         tournamentsNumber = 0;
+        tournamentsSearchParams = tournamentsUrl.searchParams.toString();
 
         setTimeout(() => {
           tournamentsNumber = res.total;
@@ -131,13 +136,55 @@
           } else {
             allTournamentsShown = false;
           }
-
+          if(!startingTournamentUpdater){
+            startupTouramentDataChangeListener();
+          }
           window.postMessage({ type: 'TournamentList', tournamentList: res.items }, window.location.href);
-
           isLoading = false;
         }, 50);
       });
   }
+  const tournamentsUpdateMessageHandler = (message: any)=>{
+    let messageData = message.data;
+    if(messageData){
+      try{
+        let updateTourData = JSON.parse(messageData);
+        if(!updateTourData || !updateTourData.Item){
+          return;
+        }
+        let updateInfo = updateTourData.Item;
+        if(updateTourData.MessageType == "TournamentUpdate"){
+          window.postMessage({type: 'UpdateTournamentView', tournamentData: updateInfo}, window.location.href);
+        }
+
+        if(updateTourData.MessageType == 'TournamentDelete'){
+          window.postMessage({type: 'UpdateTournamentListView', tournamentId: updateTourData.id}, window.location.href);
+        }
+      }catch(err){
+        console.error(err);
+      }
+    }
+  }
+  const startupTouramentDataChangeListener = ()=>{
+    startingTournamentUpdater = true;
+    setTimeout(()=>{
+      startingTournamentUpdater = false;//to make sure only one eventsource work at the same time when query parameter changed
+    }, 1000)
+    if(tournamentsUpdateEventSource){
+      tournamentsUpdateEventSource.removeEventListener('message', tournamentsUpdateMessageHandler);
+      tournamentsUpdateEventSource.close();
+    }
+    let endpointURL:String = `${endpoint}/tournaments/updates?HeartBeat=false&${tournamentsSearchParams}`;
+    tournamentsUpdateEventSource = new EventSourcePolyfill(endpointURL, {
+      headers: {
+        'accept': 'text/event-stream',
+        'X-SessionID': session
+      }
+    });
+    if(typeof(tournamentsUpdateEventSource) != "undefined"){
+      tournamentsUpdateEventSource.addEventListener('message', tournamentsUpdateMessageHandler);
+    }
+  }
 
   const showMoreAction = () => {
     tournamentsShownNumber += parseInt(showmorestep, 10);
@@ -201,9 +248,9 @@
 
   onMount(() => {
     window.addEventListener('message', messageHandler, false);
-
     return () => {
       window.removeEventListener('message', messageHandler);
+      tournamentsUpdateEventSource.removeEventListener('message', tournamentsUpdateMessageHandler);
     }
   });
 
@@ -275,6 +322,10 @@
     @return $value * $multiplicator;
   }
 
+  :host {
+    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  }
+
   *,
   *::before,
   *::after {
@@ -284,7 +335,6 @@
     text-decoration: none;
     outline: none;
     box-sizing: border-box;
-    font-family: $font-stack;
   }
 
   .ShowMoreButton {