app integration improvements

client/App.vue

@@ -67,7 +67,7 @@
         class="hidden-print"
         :state="state"
         :recentCrosswords="recentCrosswords"
-        :showInstall="installPrompt || (iOSSafari && !standalone)"
+        :showInstall="installPrompt || (iOS && !standalone)"
         :showDownload="!appPlatform"
         :showDonate="!appPlatform"
         @install-clicked="installClicked()"
@@ -886,6 +886,7 @@ export default Vue.extend({
     const iOS = !!ua.match(/iPad/i) || !!ua.match(/iPhone/i);
     const webkit = !!ua.match(/WebKit/i);
     this.iOSSafari = iOS && webkit && !ua.match(/CriOS/i);
+    this.iOS = iOS;
 
     const value = `; ${document.cookie}`;
     const toks = value.split(`; app-platform=`);
@@ -976,6 +977,8 @@ export default Vue.extend({
       showAnagramView: false,
       toggleOptions: [{name: 'grid', label: 'grid'}, {name: 'tooltips', label: 'tooltips'}],
       iOSSafari: false,
+      iOS: false,
+      iOSAppURL: 'https://apps.apple.com/au/app/confuzzle/id1592960680',
       appPlatform: null,
       iOSPrompt: false,
       installPrompt: null,
@@ -1133,8 +1136,11 @@ export default Vue.extend({
         return this.getShareablePuz().toEmoji(true);
     },
     installClicked() {
-        if (this.iOSSafari) {
-            this.iOSPrompt = true;
+        if (this.iOS) {
+            const a = document.createElement("a");
+            a.setAttribute('href', this.iOSAppURL);
+            a.setAttribute('target', '_blank');
+            a.click();
         } else {
             if (!this.installPrompt)
                 return

client/components/CfzShareModal.vue

@@ -18,9 +18,8 @@
                     </div>
                 </div>
                 <div class="crossword-link-text">{{link}}</div>
-
-                <ui-button v-if="shareAvailable" color="primary" style="margin-top: 1em;" @click="shareLink()">Share</ui-button>
-                <ui-button v-else color="primary" style="margin-top: 1em;" @click="copyClicked()">Copy</ui-button>
+                <ui-button color="primary" style="margin-top: 1em;" @click="copyClicked()">Copy</ui-button>
+               <!--  <ui-button v-if="shareAvailable" color="primary" style="margin-top: 1em;" @click="shareLink()">Share</ui-button> -->
             </template>
         </div>
     </ui-modal>

package.json

@@ -47,7 +47,7 @@
     "compression": "^1.7.4",
     "copy-to-clipboard": "^3.3.1",
     "cors": "^2.8.5",
-    "emojisplosion": "^2.5.0",
+    "emojisplosion": "^2.6.1",
     "enolib": "^0.8.2",
     "enotype": "^0.3.0",
     "express": "^4.17.1",

server/public/.well-known/apple-app-site-association

@@ -0,0 +1,12 @@
+{
+    "applinks": {
+        "apps": [],
+        "details": [
+            {
+                "appID": "T34685KDX5.app.confuzzle",
+                "paths": [ "*" ]
+            }
+        ]
+    }
+}
+

server/server.js

@@ -135,6 +135,10 @@ app.use(function (req, res, next) {
         res.send('User-agent: *\nAllow: /$\nAllow: /syntax$\nDisallow: /');
         return;
     }
+    if (req.path == '/.well-known/apple-app-site-association') {
+        res.sendFile(path.join(__dirname + '/public/.well-known/apple-app-site-association'));
+        return;
+    }
     res.sendFile(path.join(__dirname + '/../dist/index.html'));
 });