@everymatrix/casino-games-category-section 0.0.188 → 0.0.192

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "0.0.188",
+  "version": "0.0.192",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
     "start": "sirv public",
-    "build": "cross-env NODE_ENV=\"production\" && rollup -c",
+    "build": "cross-env NODE_ENV=production rollup -c",
     "dev": "cross-env NODE_ENV=\"development\" rollup -c -w",
     "validate": "svelte-check",
     "test": "echo"
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c160cb36d198a31c8428cdad76be4ac61b0b49c4"
+  "gitHead": "90772f9f46872463853a444005e5adbfb07fc973"
 }

package/rollup.config.js

@@ -6,8 +6,11 @@ import livereload from 'rollup-plugin-livereload';
 import { terser } from 'rollup-plugin-terser';
 import sveltePreprocess from 'svelte-preprocess';
 import typescript from '@rollup/plugin-typescript';
-const production = process.env.NODE_ENV === 'production';
-const dev = process.env.NODE_ENV === 'development';
+import uglify from 'rollup-plugin-uglify';
+import image from '@rollup/plugin-image';
+
+const production = process.env.NODE_ENV == 'production';
+const dev = process.env.NODE_ENV == 'development';
 
 export default {
   input: 'src/index.ts',
@@ -15,17 +18,21 @@ export default {
     sourcemap: true,
     format: 'umd',
     name: 'app',
-    file: 'dist/casino-games-category-section.js'
+    file: 'dist/casino-games-category-section.js',
   },
   plugins: [
     svelte({
       preprocess: sveltePreprocess(),
       compilerOptions: {
+        // @TODO check generate and hydratable
+        // generate: 'ssr',
+        // hydratable: true,
         // enable run-time checks when not in production
         customElement: true,
         dev: !production
       }
     }),
+    image(),
     commonjs(),
     resolve({
       browser: true,
@@ -46,12 +53,13 @@ export default {
     }),
     // If we're building for production (npm run build
     // instead of npm run dev), minify
-    production && 
+    production &&
     terser({
       output: {
         comments: "all"
       },
-    })
+    }),
+    production && uglify.uglify()
   ],
   watch: {
     clearScreen: false

package/src/CasinoGamesCategorySection.svelte

@@ -517,9 +517,9 @@
               {#if showLoadCategory}
               <!-- svelte-ignore a11y-missing-attribute -->
               <a class="CategoryNameLink" on:click="{e => showCategory(categoryData.id, categoryData)}">
-                <h3 class="CategoryLoadMore">
+                <span class="CategoryLoadMore">
                   {$_('gamesCategorySection.viewAll')} ({categoryData.games.total})
-                </h3>
+                </span>
               </a>
               {/if}
             </div>
@@ -667,10 +667,14 @@
   $grid-cell-size: ttp(12);
 
   .CategoryName,
-  .CategoryLoadMore ,
   .StatusText {
     color: #fff;
-    font-size: ttp(1.2);
+    font-size: 22px;
+  }
+
+  .CategoryLoadMore {
+    font-size: 14px;
+    color: #fff;
   }
 
   .NoSearchResults {