From f062e545f68b9bcc0a60c979f63211bd290400e2 Mon Sep 17 00:00:00 2001
From: Dennis Ranke <dennis.ranke@gmail.com>
Date: Tue, 4 Jan 2022 22:34:21 +0100
Subject: [PATCH] implement "itch.io support"

---
 web/src/index.html |  2 +-
 web/src/main.js    | 77 +++++++++++++++++++++++++++++++++-------------
 web/src/style.css  | 15 ++++++++-
 3 files changed, 70 insertions(+), 24 deletions(-)

diff --git a/web/src/index.html b/web/src/index.html
index d586d71..172399b 100644
--- a/web/src/index.html
+++ b/web/src/index.html
@@ -12,7 +12,7 @@
         <div id="centered">
             <canvas id="screen" width="320" height="240"></canvas>
             <div id="message"></div>
-            <button id="cartButton">Load cart...</button>
+            <button id="cartButton" style="visibility:hidden">Load cart...</button>
         </div>
         <div id="footer">
             <a href="http://unlicense.org/" ref="license">Unlicense</a>
diff --git a/web/src/main.js b/web/src/main.js
index bcf4c52..f6aca1f 100644
--- a/web/src/main.js
+++ b/web/src/main.js
@@ -221,7 +221,12 @@ async function runModule(data, keepUrl) {
 }
 
 async function runModuleFromURL(url, keepUrl) {
-    runModule(await (await fetch(url)).arrayBuffer(), keepUrl);
+    let response = await fetch(url);
+    let type = response.headers.get('Content-Type');
+    if(type && type.includes('html')) {
+        throw false;
+    }
+    runModule(await response.arrayBuffer(), keepUrl);
 }
 
 function runModuleFromHash() {
@@ -238,28 +243,56 @@ function runModuleFromHash() {
 }
 
 window.onhashchange = runModuleFromHash;
-runModuleFromHash();
 
-document.getElementById('cartButton').onclick = () => {
-    let fileInput = document.createElement('input');
-    fileInput.type = 'file';
-    fileInput.accept = '.wasm,.uw8,application/wasm';
-    fileInput.onchange = () => {
-        if (fileInput.files.length > 0) {
-            runModuleFromURL(URL.createObjectURL(fileInput.files[0]));
-        }
+let setupLoad = () => {
+    let loadButton = document.getElementById('cartButton');
+    loadButton.style = '';
+    loadButton.onclick = () => {
+        let fileInput = document.createElement('input');
+        fileInput.type = 'file';
+        fileInput.accept = '.wasm,.uw8,application/wasm';
+        fileInput.onchange = () => {
+            if (fileInput.files.length > 0) {
+                runModuleFromURL(URL.createObjectURL(fileInput.files[0]));
+            }
+        };
+        fileInput.click();
     };
-    fileInput.click();
-};
-
-screen.ondragover = (e) => {
-    e.preventDefault();
-};
-
-screen.ondrop = (e) => {
-    let files = e.dataTransfer && e.dataTransfer.files;
-    if(files && files.length == 1) {
+    
+    screen.ondragover = (e) => {
         e.preventDefault();
-        runModuleFromURL(URL.createObjectURL(e.dataTransfer.files[0]));
+    };
+    
+    screen.ondrop = (e) => {
+        let files = e.dataTransfer && e.dataTransfer.files;
+        if(files && files.length == 1) {
+            e.preventDefault();
+            runModuleFromURL(URL.createObjectURL(e.dataTransfer.files[0]));
+        }
     }
-}
\ No newline at end of file
+
+    runModuleFromHash();
+};
+
+let location = window.location;
+if(location.hash.length != 0) {
+    setupLoad();
+} else {
+    (async () => {
+        let url = location.href;
+        if(url.endsWith('.html')) {
+            url = url.slice(0, url.length - 4) + 'uw8';
+        } else {
+            if(!url.endsWith('/')) {
+                url += '/';
+            }
+            url += 'cart.uw8';
+        }
+        try {
+            await runModuleFromURL(url, true);
+        } catch(e) {
+            setupLoad();
+        }
+    })();
+}
+
diff --git a/web/src/style.css b/web/src/style.css
index c481f1d..3ba717b 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -81,4 +81,17 @@ button:active {
         width: 960px;
         height: 720px;
     }
-}
\ No newline at end of file
+}
+
+@media (width:640px) and (height:480px) {
+    #screen {
+        width: 640px;
+        height: 480px;
+        border: 0;
+        margin: 0;
+    }
+    body {
+        overflow: hidden;
+    }
+  }
+  
\ No newline at end of file