@everymatrix/casino-game-page 0.0.189 → 0.0.193

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "0.0.189",
+  "version": "0.0.193",
   "main": "dist/casino-game-page.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": "3781af65baf0822b42483eec16cd95a8cb26f983"
+  "gitHead": "0960983a499b8cd9494500f0f36058fdc61fbead"
 }

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-game-page.js'
+    file: 'dist/casino-game-page.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/CasinoGamePage.svelte

@@ -487,7 +487,7 @@
                     <div class="PanicSection">
                       <svg class="w-1 h-1" fill="none" stroke="white" width="34px" height="34px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                       <p>{$_('gamePage.break')}</p>
-                      <button class="Button">{$_('gamePage.breakButton')}</button>
+                      <button class="Button" on:click={() => PanicAction()}>{$_('gamePage.breakButton')}</button>
                     </div>
                   {/if}
                   {#if isFullscreen}
@@ -570,6 +570,7 @@
     background-color: #28A745;
     color: white;
     border-radius: 2px;
+    cursor: pointer;
   }
   .PlayNowButton {
     background-color: #D0046C;
@@ -676,7 +677,7 @@
   }
   .PanicSectionMobile {
     flex-direction: column;
-    margin-bottom: 40px;
+    margin: 20px 0;
   }
   .PanicText {
     display: flex;
@@ -686,7 +687,7 @@
     display: flex;
     align-items: center;
     gap: 10px;
-    margin-top: 20px;
+    margin: 20px 0;
 
     svg {
       fill: none;