@everymatrix/player-profile-info 0.0.188 → 0.0.192

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@everymatrix/player-profile-info",
-  "version": "0.0.188",
+  "version": "0.0.192",
   "main": "dist/player-profile-info.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/player-profile-info.js'
+    file: 'dist/player-profile-info.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/PlayerProfileInfo.svelte

@@ -534,7 +534,7 @@
       cursor: pointer;
       border-radius: ttp(0.3125);
       width: 100%;
-      height: ttp(3.75);
+      height: 50px;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -552,13 +552,11 @@
         background: darken(#D0046C, 10);
       }
       &.PlayerButtonDisabled {
-        background: transparent;
-        border: 1px solid #58586B;
+        opacity: 0.3;
         cursor: not-allowed;
-        color: #07072A;
-        opacity: 0.6;
       }
     }
+
     .PlayerDetailsCancelButton {
       background: transparent;
       border: 1px solid #58586B;
@@ -585,6 +583,7 @@
   .PlayerNotificationsCheckboxArea {
     padding-bottom: ttp(1.875);
   }
+
   .PlayerInfoWrapperMobile {
     padding: ttp(1.25) ttp(0.9375);
     background: #F9F8F8;