From 61e8b248f62286ae860ea64cf5006365924ff6a0 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Tue, 20 Oct 2020 12:34:24 +0530
Subject: [PATCH] Lazy load bitmap map

---
 extra/js/drive.js | 2 --
 extra/shell.html  | 8 +++++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/extra/js/drive.js b/extra/js/drive.js
index 5b95f5e..840008c 100644
--- a/extra/js/drive.js
+++ b/extra/js/drive.js
@@ -37,7 +37,6 @@ window.loadFileAsync = function(fullPath, bitmap, callback) {
 
     // Check if already loaded
     if (window.fileAsyncCache.hasOwnProperty(mappingKey)) return callback();
-    console.log('load', mappingKey);
 
     // Show spinner
     if (!bitmap && window.setBusy) window.setBusy();
@@ -183,7 +182,6 @@ function preloadList(jsonArray) {
         // Preload the asset
         FS.createPreloadedFile(path, filename, "gameasync/" + mappingValue, true, true, function() {
             window.fileAsyncCache[mappingKey] = 1;
-            console.log('preload', mappingKey);
         }, console.error, false, false, () => {
             try { FS.unlink(path + "/" + filename); } catch (err) {}
         });
diff --git a/extra/shell.html b/extra/shell.html
index 2493e9f..f8b9d01 100644
--- a/extra/shell.html
+++ b/extra/shell.html
@@ -9,7 +9,6 @@
     <script src="js/drive.js"></script>
     <script src="js/dpad.js"></script>
     <script src="gameasync/mapping.js"></script>
-    <script src="gameasync/bitmap-map.js"></script>
 
     <title>MKXP</title>
     <style>
@@ -238,8 +237,15 @@
                 const s = document.createElement('script');
                 s.setAttribute('src', 'mkxp.js');
                 document.body.appendChild(s);
+
+                getLazyAsset('gameasync/bitmap-map.js', 'Primary assets', () => {
+                        const s = document.createElement('script');
+                        s.setAttribute('src', 'gameasync/bitmap-map.js');
+                        document.body.appendChild(s);
+                });
             });
         }, 200);
+        var bitmapSizeMapping = {};
 
         if (!is_touch_device()) {
             document.getElementById('dpad').style.display = 'none';