.gitignore

@@ -7,8 +7,6 @@ bin/*
 plugins/*
 platforms/*
 
-tools/signing/*
-
 /www/*
 node_modules/*
 /node_modules/*

.idea/php.xml

@@ -1,15 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="MessDetectorOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PHPCSFixerOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PHPCodeSnifferOptionsConfiguration">
-    <option name="highlightLevel" value="WARNING" />
-    <option name="transferred" value="true" />
-  </component>
   <component name="PhpIncludePathManager">
     <include_path>
       <path value="$PROJECT_DIR$/vendor/zendframework/zend-paginator" />
@@ -101,10 +91,5 @@
       <path value="$PROJECT_DIR$/vendor/ainias/pwa-zf-core" />
     </include_path>
   </component>
-  <component name="PhpStanOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PsalmOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
+  <component name="PhpProjectSharedConfiguration" php_language_level="7" />
 </project>

.npmrc

@@ -1 +0,0 @@
-legacy-peer-deps=true

config.xml

@@ -1,6 +1,6 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget android-versionCode="22" id="link.silas.wordrotator" version="1.3.3" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">
-    <name>WordRotator - Test</name>
+<widget android-versionCode="18" id="link.silas.wordrotator" version="1.3.1" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+    <name>WordRotator</name>
     <description>
         A word-game
     </description>
@@ -21,7 +21,6 @@
         <allow-intent href="market:*" />
         <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">
         </edit-config>
-        <preference name="android-targetSdkVersion" value="35" />
         <icon src="src/client/img/logo.png" />
     </platform>
     <platform name="ios">

package.json

@@ -4,12 +4,10 @@
   "version": "1.3.2",
   "scripts": {
     "server": "ts-node src/server/index.ts",
-    "build": "webpack",
-    "run-browser": "cordova run browser",
-    "prepare-android": "cordova prepare android",
-    "prepare-browser": "cordova prepare browser",
-    "run-android": "cordova run android --device",
-    "release-android": "cordova build android --release --buildConfig=tools/signing/build.json",
+    "run browser": "cordova run browser",
+    "prepare browser": "cordova prepare browser",
+    "run android": "cordova run android --device",
+    "release android": "cordova build android --release",
     "appium": "appium",
     "appium-doctor": "appium-doctor",
     "test browser": "wdio tests/wdio.config.browser.js",
@@ -20,6 +18,7 @@
   "dependencies": {
     "@types/node": "^15.3.0",
     "body-parser": "^1.19.0",
+    "cordova-android": "^8.1.0",
     "cordova-ios": "^5.1.1",
     "cordova-plugin-webpack": "^1.0.5",
     "cordova-sites": "git+https://github.com/Ainias/cordova-sites.git#0.7.10",
@@ -56,14 +55,13 @@
     "babel-preset-env": "^1.7.0",
     "clean-webpack-plugin": "^3.0.0",
     "copy-webpack-plugin": "^5.1.2",
-    "cordova-android": "^13.0.0",
-    "cordova-browser": "^7.0.0",
-    "cordova-plugin-device": "^3.0.0",
-    "cordova-plugin-file": "^8.1.0",
+    "cordova-plugin-device": "^2.0.3",
+    "cordova-plugin-file": "^6.0.2",
     "cordova-plugin-nativestorage": "^2.3.2",
     "cordova-plugin-share": "^0.1.3",
     "cordova-plugin-tts": "^0.2.3",
     "cordova-plugin-webpack": "^1.0.5",
+    "cordova-plugin-whitelist": "^1.3.4",
     "cordova-serve": "^4.0.0",
     "cordova-sqlite-storage": "^6.0.0",
     "css-loader": "^5.2.4",
@@ -90,13 +88,15 @@
       "cordova-plugin-webpack": {},
       "cordova-plugin-nativestorage": {},
       "cordova-plugin-tts": {},
+      "nl.madebymark.share": {},
       "cordova-plugin-device": {},
       "cordova-plugin-file": {},
-      "cordova-sqlite-storage": {}
+      "cordova-sqlite-storage": {},
+      "cordova-plugin-whitelist": {}
     },
     "platforms": [
-      "ios",
       "browser",
+      "ios",
       "android"
     ]
   },

src/client/html/sites/impressum.html

@@ -1,8 +1,8 @@
 <div>
     <h2>Impressum</h2>
     <p>Silas Günther<br />
-        Peterstraße 10<br />
-        52062 Aachen<br/>
+        Mariabrunnstraße 48<br />
+        52064 Aachen<br/>
         Deutschland
     </p>
     <p>E-Mail: <a href="mailto:wordRotator@silas.link">wordRotator@silas.link</a><br/>

src/client/html/sites/level.html

@@ -30,7 +30,7 @@
             <div class = 'step-3 hidden translation' data-translation="tutorial-step-3"></div>
             <div class = 'step-4 hidden translation' data-translation="tutorial-step-4"></div>
         </div>
-        <div class='height-20 show-when-won center flex-center fill-me' style = 'min-height: 60px'>
+        <div class='height-20 show-when-won center flex-center fill-me' style = 'min-height: 45px'>
             <div class = 'grow max-width'>
                 <b class="translation" data-translation="won" id="won-text"></b>
             </div>

src/client/html/sites/menu.html

@@ -21,15 +21,14 @@
         </span>
     </div>
     <div class='height-30 flex-center fill-me'>
-        <button class='button grow text-center' id='play-button'><span class="translation"
-                                                                       data-translation="play"></span></button>
+        <button class='button grow text-center' id='play-button'><span class="translation" data-translation="play"></span></button>
         <div class='max-width line-height-1 fill-me vertical'>
             <label class="switch">
                 <div data-view="../../img/speaker.svg"></div>
                 <input type="checkbox" class="setting" id="play-sound">
                 <span class="slider"></span>
             </label>
-            <div class="grow center" id="share-button"><span data-view="../../img/share.svg"></span></div>
+            <div class="grow center" id = "share-button"><span data-view="../../img/share.svg"></span></div>
             <label class="switch right">
                 <div data-view="../../img/music.svg"></div>
                 <input type="checkbox" class="setting" id="play-music">

src/client/index.html

@@ -12,7 +12,7 @@
           content="default-src 'self' data: gap: cdvfile: * 'unsafe-eval';
     style-src 'self' 'unsafe-inline';
     media-src *; img-src 'self' * data: cdvfile: content:;
-    script-src 'self' data: 'unsafe-eval'">
+    script-src 'self' data: 'unsafe-eval'" ;>
 
     <!--Element, mit dem Foundation die ViewQueries mitteilt-->
     <meta class='foundation-mq'>

src/client/js/Fragment/WordRotatorSettingFragment.ts

@@ -41,9 +41,9 @@ export class WordRotatorSettingFragment extends AbstractFragment {
         playMusicButton.addEventListener("change", async () => {
             await NativeStoragePromise.setItem("play-music", (playMusicButton.checked) ? "1" : "0");
             let soundManager = SoundManager.getInstance();
-            soundManager.set({muted: !playMusicButton.checked}, "music");
+            soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC);
             if (playMusicButton.checked) {
-                await soundManager.play("music", undefined);
+                await soundManager.play(SoundManager.CHANNELS.MUSIC);
             }
 
             //TODO [MIG] Matomo
@@ -55,7 +55,7 @@ export class WordRotatorSettingFragment extends AbstractFragment {
         playSoundButton.addEventListener("change", async () => {
             await NativeStoragePromise.setItem("play-sound", (playSoundButton.checked) ? "1" : "0");
             let soundManager = SoundManager.getInstance();
-            soundManager.set({muted: !playSoundButton.checked}, "sound");
+            soundManager.set({muted: !playSoundButton.checked}, SoundManager.CHANNELS.SOUND);
 
             //TODO [MIG] Matomo
             Matomo.push(["trackEvent", "MainMenu", "PlaySound", "Play Sound", (playSoundButton.checked) ? 1 : 0]);

src/client/js/Sites/LevelSite.ts

@@ -96,9 +96,9 @@ export class LevelSite extends MenuSite {
             audio: coinSound,
             muted: ((await NativeStoragePromise.getItem("play-sound", "1")) !== "1"),
             volume: 0.7
-        }, "sound");
+        }, SoundManager.CHANNELS.SOUND);
 
-        soundManager.resume("music");
+        soundManager.resume(SoundManager.CHANNELS.MUSIC);
 
         return super.onConstruct(args);
     }
@@ -132,8 +132,8 @@ export class LevelSite extends MenuSite {
         let wonText = this.findBy("#won-text");
 
         let scaleHelper = new ScaleHelper();
-        this.continueButtonScaler = await scaleHelper.scaleToFull(continueButton, continueButton.parentElement, false, true, 2, undefined, undefined, undefined);
-        this.wonTextScaler = await scaleHelper.scaleTo(0.9, wonText, wonText.parentElement, false, false, 2, null, 5, undefined);
+        this.continueButtonScaler = await scaleHelper.scaleToFull(continueButton, continueButton.parentElement, false, true, 2);
+        this.wonTextScaler = await scaleHelper.scaleToFull(wonText, wonText.parentElement, false, false, 2, null, 5);
         this.wonText = wonText;
         this.wonText.style.fontSize = "0";
 
@@ -216,8 +216,6 @@ export class LevelSite extends MenuSite {
         this.showLoadingSymbol();
         try {
             let levelData = await LevelPlayed.getNextLevelData(LevelSite.RENDERER_TYPES);
-            // let levelData = await LevelData.findById(34);
-            // this.level = null;
 
             if (Helper.isNull(levelData)) {
                 this.startEndSite();
@@ -276,7 +274,7 @@ export class LevelSite extends MenuSite {
     }
 
     async onStart(args) {
-        this.setTitle("WR", undefined);
+        this.setTitle("WR");
 
         Matomo.update("Level Sites");
         let res = super.onStart(args);
@@ -292,7 +290,7 @@ export class LevelSite extends MenuSite {
             audio: coinSound,
             muted: (await NativeStoragePromise.getItem("play-sound", "1") !== "1"),
             volume: 0.7
-        }, "sound");
+        }, SoundManager.CHANNELS.SOUND);
 
         await this.tutorial();
 
@@ -321,7 +319,7 @@ export class LevelSite extends MenuSite {
             let coinsBefore = 0;
 
             let soundManager = SoundManager.getInstance();
-            let audioOptions = soundManager.get("sound");
+            let audioOptions = soundManager.get(SoundManager.CHANNELS.SOUND);
 
             this.coinPromise = this.coinPromise.then(async () => {
                 coinsBefore = parseInt(Helper.nonNull(await NativeStoragePromise.getItem("coins"), "0"));
@@ -352,7 +350,7 @@ export class LevelSite extends MenuSite {
                             //TODO animationen einbauen
 
                             coinElem.style.opacity = "1";
-                            soundManager.play("sound", undefined);
+                            soundManager.play(SoundManager.CHANNELS.SOUND);
 
                             this.wonParams.coinCounterTimer = setTimeout(() => {
                                 if (!this.wonParams.aborted) {
@@ -377,10 +375,6 @@ export class LevelSite extends MenuSite {
             this.continueButtonScaler();
             this.levelScaler();
 
-            // Promise.all([this.wonTextScaler(), this.continueButtonScaler()]).then(() => {
-            //     this.levelScaler();
-            // });
-
             Matomo.push(["trackEvent", "LevelSite", "LevelWon", "Coins", parseInt(Helper.nonNull(await NativeStoragePromise.getItem("coins"), "0"))]);
 
             let leafs = level.getLeafSegments();

src/client/js/Sites/MainMenuSite.ts

@@ -83,9 +83,9 @@ export class MainMenuSite extends MenuSite {
         playMusicButton.checked = (await NativeStoragePromise.getItem("play-music", "1") === "1");
         playMusicButton.addEventListener("change", async () => {
             await NativeStoragePromise.setItem("play-music", (playMusicButton.checked) ? "1" : "0");
-            soundManager.set({muted: !playMusicButton.checked}, "music");
+            soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC);
             if (playMusicButton.checked) {
-                await soundManager.play("music", undefined);
+                await soundManager.play(SoundManager.CHANNELS.MUSIC);
             }
 
             //TODO [MIG] Matomo
@@ -96,13 +96,17 @@ export class MainMenuSite extends MenuSite {
         playSoundButton.checked = (await NativeStoragePromise.getItem("play-sound", "1") === "1");
         playSoundButton.addEventListener("change", async () => {
             await NativeStoragePromise.setItem("play-sound", (playSoundButton.checked) ? "1" : "0");
-            soundManager.set({muted: !playSoundButton.checked}, "sound");
+            soundManager.set({muted: !playSoundButton.checked}, SoundManager.CHANNELS.SOUND);
+
+            //TODO [MIG] Matomo
+            Matomo.push(["trackEvent", "MainMenu", "PlaySound", "Play Sound", (playSoundButton.checked) ? 1 : 0]);
         });
 
         this.findBy("#share-button").addEventListener("click", () => {
             new ShareManager().share(Translator.getInstance().translate("share-text", [window.location]));
         });
         return res;
+        // this.findBy("#share-buttons").appendChild(ShareManager.generateDefaultShareElement("https://wordrotator.silas.link"));
     }
 
     async onStart(args) {

src/client/js/Sites/TutorialSite.ts

@@ -76,7 +76,7 @@ export class TutorialSite extends MenuSite {
         let pointerSegment = rotatableSegments[2];
         pointerSegment.element.appendChild(pointer);
 
-        this.findBy(".help-action").addEventListener("click", () => {
+        this.find(".help-action").addEventListener("click", () => {
             TutorialSite.help(level2);
         })
 

src/client/sass/_animations.scss

@@ -12,13 +12,10 @@
 }
 
 .jump-animation {
-  //> .leaf-element {
-    animation-name: jump-animation;
-    animation-duration: 0.4s;
-    animation-fill-mode: none;
-    animation-timing-function: linear;
-    animation-delay: inherit;
-  //}
+  animation-name: jump-animation;
+  animation-duration: 0.4s;
+  animation-fill-mode: none;
+  animation-timing-function: linear;
 }
 
 $deg: 10deg;

src/client/sass/_themeBlue.scss

@@ -13,9 +13,6 @@ $accentColor: #d3e7eb;
 $textColor: white;
 $svgColor: black;
 
-$secondaryBackgroundColor: rgba(66, 112, 129, 1);
-$secondaryBackgroundColor: rgba(66, 112, 129, 0.95);
-
 // Blau Invers
 //$primaryColor: #4d575a;
 //$secondaryColor: #427081;
@@ -52,16 +49,7 @@ $secondaryBackgroundColor: rgba(66, 112, 129, 0.95);
 //$svgColor: white;
 
 body.theme-blue{
-  background: repeating-linear-gradient(
-                  300deg,
-                  $primaryColor,
-                  $primaryColor 9%,
-                  $secondaryBackgroundColor 13.5%,
-                  $secondaryBackgroundColor 21.5%,
-                  $primaryColor 26%,
-  );
-
-  //background: $primaryColor;
+  background: $primaryColor;
   color: $textColor;
 
   label{

src/client/sass/wordRotator.scss

@@ -299,6 +299,7 @@ $coinTowerDimension: 28px;
 }
 
 .segment {
+
   vertical-align: top;
   white-space: initial;
   cursor: pointer;
@@ -352,13 +353,12 @@ $coinTowerDimension: 28px;
   }
 
   &.segment-parent {
-    border: solid 2px #a9a9a9;
+    border: solid 1px #a9a9a9;
     border-radius: 3px;
     padding: 1px;
-    margin: 1px;
 
     &.layer-2 {
-      border: solid 4px #000000;
+      border: solid 3px #000000;
     }
   }
 
@@ -372,10 +372,6 @@ $coinTowerDimension: 28px;
   }
 }
 
-.help-action{
-  border-radius: 4px;
-}
-
 //Won-screen
 #site > :not(.won) {
   .show-when-won {
@@ -405,28 +401,6 @@ $coinTowerDimension: 28px;
     text-shadow: $text-shadow;
   }
 
-
-  .segment:not(.segment-row):not(.segment-triangle):not(.rotating) {
-    @for $i from 1 through length($rotationDegrees) {
-      &.rotate-#{nth($rotationDegrees, $i)} {
-        //transform: rotate(#{nth($rotationDegrees, $i)}deg);
-        transform: none;
-        > .child-container {
-          > .segment {
-            //transform: rotate(#{360- nth($rotationDegrees, $i)}deg);
-            transform: none;
-
-            @for $j from 1 through length($rotationDegrees) {
-              &.rotate-#{nth($rotationDegrees, $j)} {
-                transform: none;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
 }
 
 .text-right {
@@ -434,7 +408,6 @@ $coinTowerDimension: 28px;
 }
 
 #continue-button {
-  border-radius: 4px;
   margin-bottom: 2px;
   @include breakpoint(small down) {
     margin-bottom: 0;
@@ -443,7 +416,6 @@ $coinTowerDimension: 28px;
 }
 
 #play-button {
-  border-radius: 4px;
   @include breakpoint(small down) {
     margin-bottom: 0.5rem;
   }

src/client/translations/de.json

@@ -55,7 +55,5 @@
   "tutorial-1": "Klicke auf ein Feld, um dieses rotieren zu lassen! Um zu gewinnen, drehe die Segmente so, dass du zwei Wörter lesen kannst.",
   "tutorial-2": "Die Hilfe löst ein Segment, kostet aber 25 Münzen. Du erhältst 5 Münzen pro gewonnenes Level.",
   "tutorial-3": "Große Segmente drehst du, indem du diese ziehst.",
-  "you solved the tutorial level!": "Du hast das Tutorial-Level gelöst!",
-  "WR": "WR",
-  "Spielregeln": "Spielregeln"
+  "you solved the tutorial level!": "Du hast das Tutorial-Level gelöst!"
 }

src/client/translations/en.json

@@ -49,14 +49,5 @@
   "privacy policy accepted": " akzeptiert",
   "message": "Nachricht",
   "send": "Senden",
-  "the message was sent": "Die Nachricht wurde gesendet.",
-
-  "tutorial": "Rules",
-  "tutorial-1": "Click on a field to rotate it! To win, rotate the segments so that you can read two words.",
-  "tutorial-2": "The help solves a segment, but costs 25 coins. You receive 5 coins per level won.",
-  "tutorial-3": "You rotate large segments by dragging them.",
-  "you solved the tutorial level!": "You have solved the tutorial level!",
-
-  "WR": "WR",
-  "Spielregeln": "Rules"
+  "the message was sent": "Die Nachricht wurde gesendet."
 }

src/server/public/config.xml

@@ -1,6 +1,6 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget android-versionCode="19" id="link.silas.wordrotator" version="1.3.2" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">
-    <name>WordRotator - Test</name>
+<widget android-versionCode="18" id="link.silas.wordrotator" version="1.3.1" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+    <name>WordRotator</name>
     <description>
         A word-game
     </description>

src/server/public/html/imageSelectionElement.html

@@ -1 +0,0 @@
-<div class="image-selection"> <div class="flex-container"> <div class="image-selection-category-container grow"> <div class="image-selection-category"> <div class="image-selection-category-name"></div> <div class="image-selection-image-container"> <img class="image-selection-image"> <span class="image-selection-image-name"></span> </div> </div> </div> <div class="image-selection-preview"><button class="button height-100">Drag & Drop Image for own upload</button></div> </div> <input type="hidden" class="image-selection-value"> </div> 

src/server/public/html/level.html

@@ -1 +1 @@
-<div class="max-height overflow-hidden"> <div id="segment-leaf-template" class="segment segment-leaf"> <div class="leaf-element"></div> </div> <div id="segment-parent-template" class="segment segment-parent"> <div class="child-container"></div> </div> <div id="segment-row-template" class="segment segment-row"> <div class="child-container"></div> </div> <div id="segment-column-template" class="segment segment-column"> <div class="child-container"></div> </div> <div id="segment-triangle-template" class="segment segment-triangle"> <div class="child-container"></div> </div> <div id="tutorial-pointer"></div> <div class="max-height fill-me"> <div class="height-20 no-transition tutorial-text center flex-center hidden"> <div class="step-1 hidden translation" data-translation="tutorial-step-1"></div> <div class="step-2 hidden translation" data-translation="tutorial-step-2"></div> <div class="step-3 hidden translation" data-translation="tutorial-step-3"></div> <div class="step-4 hidden translation" data-translation="tutorial-step-4"></div> </div> <div class="height-20 show-when-won center flex-center fill-me" style="min-height:60px"> <div class="grow max-width"> <b class="translation" data-translation="won" id="won-text"></b> </div> <div id="coin-container"> <div id="coin-template" class="coin" style="opacity:0"> <img src="img/coin.png"/> </div> </div> </div> <div class="flex-center level-container grow"> <div id="level"> </div> </div> <div class="show-when-won flex-center height-20"> <button class="button max-width translation" id="continue-button" data-translation="continue"></button> </div> </div> <div class="tutorial-blanket"></div> </div> 
+<div class="max-height overflow-hidden"> <div id="segment-leaf-template" class="segment segment-leaf"> <div class="leaf-element"></div> </div> <div id="segment-parent-template" class="segment segment-parent"> <div class="child-container"></div> </div> <div id="segment-row-template" class="segment segment-row"> <div class="child-container"></div> </div> <div id="segment-column-template" class="segment segment-column"> <div class="child-container"></div> </div> <div id="segment-triangle-template" class="segment segment-triangle"> <div class="child-container"></div> </div> <div id="tutorial-pointer"></div> <div class="max-height fill-me"> <div class="height-20 no-transition tutorial-text center flex-center hidden"> <div class="step-1 hidden translation" data-translation="tutorial-step-1"></div> <div class="step-2 hidden translation" data-translation="tutorial-step-2"></div> <div class="step-3 hidden translation" data-translation="tutorial-step-3"></div> <div class="step-4 hidden translation" data-translation="tutorial-step-4"></div> </div> <div class="height-20 show-when-won center flex-center fill-me" style="min-height:45px"> <div class="grow max-width"> <b class="translation" data-translation="won" id="won-text"></b> </div> <div id="coin-container"> <div id="coin-template" class="coin" style="opacity:0"> <img src="img/coin.png"/> </div> </div> </div> <div class="flex-center level-container grow"> <div id="level"> </div> </div> <div class="show-when-won flex-center height-20"> <button class="button max-width translation" id="continue-button" data-translation="continue"></button> </div> </div> <div class="tutorial-blanket"></div> </div>

src/server/public/index.html

@@ -1 +1 @@
-<!doctype html><html><head><link rel="icon" type="image/png" href="img/logo.png"><meta charset="utf-8"/><meta name="format-detection" content="telephone=no"><meta name="msapplication-tap-highlight" content="no"><meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width"><meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: cdvfile: * 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' * data: cdvfile: content:; script-src 'self' data: 'unsafe-eval'"><meta class="foundation-mq"><link rel="stylesheet" href="index.css"><title>WordRotator</title><script src="scripts/sql-wasm.js"></script><script src="scripts/localforage.js"></script></head><body class="theme-blue"><div id="toast-container"><div class="toast toast-template" style="opacity:0"><span class="message"></span></div></div><div id="site"><div class="loader overlay"><svg viewBox="0 0 32 32" width="32" height="32"><circle class="spinner" cx="16" cy="16" r="14" fill="none" style="stroke:#000"></circle></svg></div></div><script src="cordova.js"></script><script src="bundle.js"></script></body></html>
+<!doctype html><html><head><link rel="icon" type="image/png" href="img/logo.png"><meta charset="utf-8"/><meta name="format-detection" content="telephone=no"><meta name="msapplication-tap-highlight" content="no"><meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width"><meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: cdvfile: * 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' * data: cdvfile: content:; script-src 'self' data: 'unsafe-eval'" ;><meta class="foundation-mq"><link rel="stylesheet" href="index.css"><title>WordRotator</title><script src="scripts/sql-wasm.js"></script><script src="scripts/localforage.js"></script></head><body class="theme-blue"><div id="toast-container"><div class="toast toast-template" style="opacity:0"><span class="message"></span></div></div><div id="site"><div class="loader overlay"><svg viewBox="0 0 32 32" width="32" height="32"><circle class="spinner" cx="16" cy="16" r="14" fill="none" style="stroke:#000"></circle></svg></div></div><script src="cordova.js"></script><script src="bundle.js"></script></body></html>

src/server/public/manifest.json

@@ -1,8 +1,8 @@
 {
   "background_color": "#FFF",
   "display": "standalone",
-  "name": "WordRotator - Test",
-  "short_name": "WordRotator - Test",
+  "name": "WordRotator",
+  "short_name": "WordRotator",
   "version": "link.silas.wordrotator",
   "description": "A word-game",
   "author": "Silas Günther",

tests/wdio.config.browser.js

@@ -32,7 +32,7 @@ exports.config = {
 
     bail: 0,
 
-    baseUrl: "http://127.0.0.1:8001",
+    baseUrl: "http://127.0.0.1:8000",
 
     waitforTimeout: 10000,
 

tsconfig.json

@@ -8,8 +8,7 @@
     "experimentalDecorators": true,
     "allowSyntheticDefaultImports": true,
     "sourceMap": true,
-    "allowJs": true,
-    "skipLibCheck": true
+    "allowJs": true
   },
   "include": [
     "./src/client/**/*",

webpack.config.js

@@ -91,18 +91,18 @@ let moduleExports = {
         new CleanWebpackPlugin({cleanOnceBeforeBuildPatterns: ['**/*', '!**/.gitkeep']}),
 
         new CopyWebpackPlugin([
-            {
-                from: path.resolve("./node_modules/sql.js/dist/sql-wasm.js"),
-                to: "scripts/"
-            },
-            {
-                from: path.resolve("./node_modules/sql.js/dist/sql-wasm.wasm"),
-                to: "sql-wasm.wasm"
-            },
-            {
-                from: path.resolve("./node_modules/localforage/dist/localforage.js"),
-                to: "scripts/"
-            },]
+                {
+                    from: path.resolve("./node_modules/sql.js/dist/sql-wasm.js"),
+                    to: "scripts/"
+                },
+                {
+                    from: path.resolve("./node_modules/sql.js/dist/sql-wasm.wasm"),
+                    to: "sql-wasm.wasm"
+                },
+                {
+                    from: path.resolve("./node_modules/localforage/dist/localforage.js"),
+                    to: "scripts/"
+                },]
         ),
 
         new webpack.NormalModuleReplacementPlugin(/typeorm$/, function (result) {
@@ -161,8 +161,7 @@ let moduleExports = {
                                 urlFilter: (attribute, value, resourcePath) => {
                                     return !value.endsWith(".js") && !value.endsWith(".css");
                                 }
-                            },
-                            esModule: false
+                            }
                         }
                     }
                 ],
@@ -205,8 +204,7 @@ let moduleExports = {
                                 urlFilter: (attribute, value, resoucePath) => {
                                     return true;
                                 }
-                            },
-                            esModule: false
+                            }
                         }
                     }
                 ],
@@ -255,10 +253,7 @@ let moduleExports = {
                         loader: 'extract-loader'
                     },
                     {
-                        loader: 'css-loader',
-                        options: {
-                            esModule: false
-                        }
+                        loader: 'css-loader'
                     },
                     {
                         //Compiliert zu CSS