npm - @everymatrix/casino-game-thumbnail - Versions diffs - 0.0.93 → 0.0.97 - Mend

@everymatrix/casino-game-thumbnail 0.0.93 → 0.0.97

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/casino-game-thumbnail.js +105 -83
package/dist/casino-game-thumbnail.js.map +1 -1
package/package.json +2 -2
package/src/CasinoGameThumbnail.svelte +54 -67
package/src/translations.js +49 -7

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-thumbnail",
-  "version": "0.0.93",
+  "version": "0.0.97",
   "main": "dist/casino-game-thumbnail.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4bc7902c67d764d4f54c0a26014157260c5f314f"
+  "gitHead": "e7af402eef393716b94058dc74dda99a39b649f1"
 }

package/src/CasinoGameThumbnail.svelte CHANGED Viewed

@@ -112,16 +112,6 @@
     isLoggedIn = true;
     sessionID = session;
     playerID = userid;
-    if(endpoint) {
-      checkSession(endpoint, session).then((res:any) => {
-        sessionID = res.data.Guid;
-        playerID = res.data.UserID;
-        isLoggedIn = true;
-      }, (err:any) => {
-        isLoggedIn = false;
-        console.error('err on session', err);
-      });
-    }
   }
   const setOnLoad = () => {
@@ -148,19 +138,14 @@
   const setClientStylingURL = () => {
     let cssFile = document.createElement('style');
-    cssFile.innerHTML = `@import ${clientstylingurl}`;
-    if (clientstylingurl) {
-      fetch(new URL(clientstylingurl))
-        .then((res) => res.text())
-        .then((data) => {
-          cssFile.innerHTML = data
+    fetch(new URL(clientstylingurl))
+      .then((res:any) => res.text())
+      .then((data:any) => {
+        cssFile.innerHTML = data
-          if (customStylingContainer) {
-            setTimeout(() => { customStylingContainer.appendChild(cssFile); });
-          }
-        });
-    }
+        setTimeout(() => { customStylingContainer.appendChild(cssFile); });
+      });
   }
   onMount(() => {
@@ -179,58 +164,60 @@
   $: clientstylingurl && setClientStylingURL();
 </script>
-<div class="GameContainer" on:mouseenter={gameHover} on:mouseleave={gameBlur} on:touchstart={gameTouch} on:touchleave={gameTouchLeave} bind:this={customStylingContainer}>
-  <img src={gamethumbnail} class="GameBg {hover ? 'GameContainerHovered' : ''} {loaded ? 'Loaded' : ''}"  alt="game thumbnail" bind:this={image} loading="lazy" />
-  <div class="GameInfoWrapper" on:mouseenter={() => enter()} on:mouseleave={() => leave()}>
-    <div class="GameInfo {hover ? 'GameHovered' : ''}">
-      {#if fav}
-        {#if !isMobile(userAgent) && !gamefavorite && isLoggedIn}
-          <div class="FavIconContainer" on:click="{() => toggleFavoriteGame(gameid)}">
-            <svg version="1.1" class="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
-        viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: white" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
-            c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
-            c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
-            c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
-            c2.195,1.154,4.591,1.723,6.979,1.723c3.11,0,6.206-0.966,8.818-2.865c4.619-3.356,6.933-9.043,5.968-14.671L392.61,324.587
-            l114.86-111.954C511.559,208.647,513.031,202.686,511.266,197.256z M366.023,308.608c-3.536,3.446-5.15,8.412-4.314,13.278
-            l23.311,135.898l-122.038-64.162c-4.37-2.297-9.591-2.297-13.961,0l-122.045,64.163l23.304-135.9
-            c0.834-4.866-0.779-9.83-4.313-13.276l-98.731-96.244l136.445-19.829c4.886-0.71,9.108-3.778,11.294-8.205L256,60.685
-            l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"/></svg>
-          </div>
+<div bind:this={customStylingContainer}>
+  <div class="GameContainer" on:mouseenter={gameHover} on:mouseleave={gameBlur} on:touchstart={gameTouch} on:touchleave={gameTouchLeave}>
+    <img src={gamethumbnail} class="GameBg {hover ? 'GameContainerHovered' : ''} {loaded ? 'Loaded' : ''}"  alt="game thumbnail" bind:this={image} loading="lazy" />
+    <div class="GameInfoWrapper" on:mouseenter={() => enter()} on:mouseleave={() => leave()}>
+      <div class="GameInfo {hover ? 'GameHovered' : ''}">
+        {#if fav}
+          {#if !isMobile(userAgent) && !gamefavorite && isLoggedIn}
+            <div class="FavIconContainer" on:click="{() => toggleFavoriteGame(gameid)}">
+              <svg version="1.1" class="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
+          viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: white" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
+              c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
+              c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
+              c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
+              c2.195,1.154,4.591,1.723,6.979,1.723c3.11,0,6.206-0.966,8.818-2.865c4.619-3.356,6.933-9.043,5.968-14.671L392.61,324.587
+              l114.86-111.954C511.559,208.647,513.031,202.686,511.266,197.256z M366.023,308.608c-3.536,3.446-5.15,8.412-4.314,13.278
+              l23.311,135.898l-122.038-64.162c-4.37-2.297-9.591-2.297-13.961,0l-122.045,64.163l23.304-135.9
+              c0.834-4.866-0.779-9.83-4.313-13.276l-98.731-96.244l136.445-19.829c4.886-0.71,9.108-3.778,11.294-8.205L256,60.685
+              l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"/></svg>
+            </div>
+          {/if}
         {/if}
+        <p class="GameInfoName" title="{gamename}">{gamename}</p>
+        <button class="GameInfoBtn" on:click="{() => toggleGameFrame(gameid)}">{$_('gameThumbnail.playNow')}</button>
+      </div>
+      <span class="GameInfoVendor">
+        { gamevendor ? gamevendor : '-'}
+      </span>
+    </div>
+    {#if !isMobile(userAgent) && gamefavorite && isLoggedIn && favorites}
+      <div class="FavIconContainer" on:click="{() => toggleFavoriteGame(gameid)}">
+        <svg version="1.1" class="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
+          <path style="fill: white" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
+        </svg>
+      </div>
+    {:else if isMobile(userAgent) && gamefavorite && isLoggedIn && favorites}
+      <div class="FavIconContainer">
+        <svg version="1.1" class="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
+          <path style="fill: white" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
+        </svg>
+      </div>
+    {/if}
+    <div class="GameExtraInfo">
+      {#if gameisnew}
+        <span class="GameExtraInfoLabel NewGameTag">{$_('gameThumbnail.new')}</span>
+      {/if}
+      {#if (parseInt(gamepopularity) > 0)}
+        <span class="GameExtraInfoLabel PopularGameTag">{$_('gameThumbnail.hot')}</span>
       {/if}
-      <p class="GameInfoName" title="{gamename}">{gamename}</p>
-      <button class="GameInfoBtn" on:click="{() => toggleGameFrame(gameid)}">{$_('gameThumbnail.playNow')}</button>
     </div>
-    <span class="GameInfoVendor">
-      { gamevendor ? gamevendor : '-'}
-    </span>
   </div>
-  {#if !isMobile(userAgent) && gamefavorite && isLoggedIn && favorites}
-    <div class="FavIconContainer" on:click="{() => toggleFavoriteGame(gameid)}">
-      <svg version="1.1" class="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
-        <path style="fill: white" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
-      </svg>
-    </div>
-  {:else if isMobile(userAgent) && gamefavorite && isLoggedIn && favorites}
-    <div class="FavIconContainer">
-      <svg version="1.1" class="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
-        <path style="fill: white" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
-      </svg>
-    </div>
+  {#if showgamename}
+    <p class="GameNameBelow" title="{gamename}">{gamename}</p>
   {/if}
-  <div class="GameExtraInfo">
-    {#if gameisnew}
-      <span class="GameExtraInfoLabel NewGameTag">{$_('gameThumbnail.new')}</span>
-    {/if}
-    {#if (parseInt(gamepopularity) > 0)}
-      <span class="GameExtraInfoLabel PopularGameTag">{$_('gameThumbnail.hot')}</span>
-    {/if}
-  </div>
 </div>
-{#if showgamename}
-  <p class="GameNameBelow" title="{gamename}">{gamename}</p>
-{/if}
 <style lang="scss">

package/src/translations.js CHANGED Viewed

@@ -1,23 +1,23 @@
 export const GameThumbnailTranslations = {
   en: {
     gameThumbnail: {
-      playNow: 'Play Now',
+      playNow: 'Start now!',
       new: 'NEW',
-      hot: 'HOT'
+      hot: 'Hot'
     }
   },
   de: {
     gameThumbnail: {
-      playNow: 'Jetzt spielen',
+      playNow: 'Jetzt starten!',
       new: 'NEU',
-      hot: 'HEISS'
+      hot: 'Hot'
     }
   },
   it: {
     gameThumbnail: {
-      playNow: 'Gioca Ora',
-      new: 'NUOVO',
-      hot: 'CALDO'
+      playNow: 'Inizia ora!',
+      new: 'NOVITÀ',
+      hot: 'HOT'
     }
   },
   fr: {
@@ -54,5 +54,47 @@ export const GameThumbnailTranslations = {
       new: 'NOU',
       hot: 'POPULAR'
     }
+  },
+  hr: {
+    gameThumbnail: {
+      playNow: 'Započnite sada!',
+      new: 'NOVO',
+      hot: 'Vruće'
+    }
+  },
+  hu: {
+    gameThumbnail: {
+      playNow: 'Játsszon most!',
+      new: 'ÚJ',
+      hot: 'Hot'
+    }
+  },
+  pl: {
+    gameThumbnail: {
+      playNow: 'Rozpocznij teraz!',
+      new: 'NOWOŚĆ',
+      hot: 'Hot'
+    }
+  },
+  pt: {
+    gameThumbnail: {
+      playNow: 'Comece agora!',
+      new: 'NOVO',
+      hot: 'Hot'
+    }
+  },
+  sl: {
+    gameThumbnail: {
+      playNow: 'Začnite zdaj!',
+      new: 'NOVO',
+      hot: 'Vroče'
+    }
+  },
+  sr: {
+    gameThumbnail: {
+      playNow: 'Započnite sada!',
+      new: 'NOVO',
+      hot: 'Vruće'
+    }
   }
 };