@everymatrix/casino-categories-slider 1.12.6 → 1.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-categories-slider",
-  "version": "1.12.6",
+  "version": "1.12.7",
   "main": "dist/casino-categories-slider.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "026a68f7a1e50f7a829cccf3a3f82cd7776b6f31"
+  "gitHead": "7f8097b50f6a8794ce81f8961ed3efba1842a578"
 }

package/src/CasinoCategoriesSlider.svelte

@@ -3,7 +3,8 @@
 <script lang="ts">
   import { onMount, tick } from "svelte";
   import { getDevice, checkSession } from 'rvhelper';
-
+  import { _, addNewMessages } from './i18n';
+  import { TRANSLATIONS } from './translations';
   import type { CategoriesData, CategoriesItems } from './CasinoCategoriesSlider.types';
   import '@everymatrix/casino-slider';
 
@@ -24,11 +25,15 @@
   export let location:string = "secondaryMenu";
   export let showsubgroups:string = 'false';
   export let filteredcategories:string = '';
+  export let translationurl:string = '';
 
   let identity:string = 'CasinoSliderData'
 
   // Player logged-in/logged-out status & session
 
+  let myGamesTranslation:string;
+  let lobbyTranslation:string;
+
   let isLoading:boolean = true;
   let error:string;
 
@@ -45,13 +50,29 @@
 
   $: numberOfFavoredGames = 0;
 
+  const setTranslationUrl = ():void => {
+    let url:string = translationurl;
+
+    fetch(url).then((res:any) => res.json())
+    .then((res) => {
+      Object.keys(res).forEach((item:any):void => {
+        addNewMessages(item, res[item]);
+      });
+    }).catch((err:any) => {
+      console.log(err);
+    });
+  }
+
+  Object.keys(TRANSLATIONS).forEach((item) => {
+    addNewMessages(item, TRANSLATIONS[item]);
+  });
 
   const addMyGamesCategory = ():void => {
     if (myGamesAdded == false && (favorites == 'true' || mostplayed == 'true' || lastplayed == 'true') ) {
       categories.splice(1, 0, {
         // @ts-ignore
         id: 'MYGAMES',
-        name: 'My Games',
+        name: myGamesTranslation,
         href: '',
         games: [],
       });
@@ -92,6 +113,9 @@
   }
 
   const initialLoad = ():void => {
+    myGamesTranslation = $_('myGamesName');
+    lobbyTranslation = $_('lobbyName');
+
     if (!checkAttrs()) {
       let url:any = new URL(`${endpoint}/casino/groups/${datasource}`);
 
@@ -126,7 +150,7 @@
           categories.unshift({
             // @ts-ignore
             id: 'LOBBY',
-            name: 'Lobby',
+            name: lobbyTranslation,
             href: '',
             games: [],
           });
@@ -178,6 +202,7 @@
   $: endpoint && session && (mostplayed || lastplayed || favorites) && !isLoading && addMyGamesCategory();
   $: !isLoading && activecategory && (session ? confirmCategoryParse : true) && setActiveCategory();
   $: clientstyling && customStylingContainer && setClientStyling();
+  $: translationurl && setTranslationUrl();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
 
 </script>

package/src/i18n.js

@@ -0,0 +1,27 @@
+import {
+  dictionary,
+  locale,
+  addMessages,
+  _
+} from 'svelte-i18n';
+
+function setupI18n({ withLocale: _locale, translations }) {
+  locale.subscribe((data) => {
+    if (data == null) {
+      dictionary.set(translations);
+      locale.set(_locale);
+    }
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*dictionary.set(translations);
+  locale.set(_locale);*/
+}
+
+function addNewMessages(lang, dict) {
+  addMessages(lang, dict);
+}
+
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+export { _, setupI18n, addNewMessages, setLocale };

package/src/translations.js

@@ -0,0 +1,62 @@
+export const TRANSLATIONS = {
+    "en": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "de": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "es": {
+        "lobbyName": "Sala",
+        "myGamesName": "Mis juegos"
+    },
+    "zh-hk": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "it": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "fr": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "tr": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "ru": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "ro": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "hr": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "hu": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "pl": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "pt": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "sl": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    },
+    "sr": {
+        "lobbyName": "Lobby",
+        "myGamesName": "My games"
+    }
+  }