From dc8a27b5d5d40e2a3db06500d46b1299dd7379da Mon Sep 17 00:00:00 2001
From: RG <rishabhgautam727@gmail.com>
Date: Mon, 13 Nov 2023 20:59:12 +0530
Subject: [PATCH] [ADD] ui & component logic for libzim wasm mode

---
 www/index.html | 6 ++++++
 www/js/app.js  | 5 +++++
 www/js/init.js | 3 +++
 3 files changed, 14 insertions(+)

diff --git a/www/index.html b/www/index.html
index fd4b12316..39bc53f68 100644
--- a/www/index.html
+++ b/www/index.html
@@ -695,6 +695,12 @@ <h3 data-i18n="configure-expert-settings-title">Expert settings</h3>
                                         <span data-i18n="configure-expert-bypassappcache"><b>Bypass AppCache</b> (<i>disables offline use of PWA!</i>)</span>
                                     </label>
                                 </div>
+                                <div class="checkbox" id="">
+                                    <label title="Libzim wasm mode">
+                                        <input type="checkbox" name="" id="libzimWasmModeToggle">
+                                        <span><b>Libzim Wasm mode</b> (<i>Uses unstable wasm api</i>)</span>
+                                    </label>
+                                </div>
                                 <p data-i18n="configure-expert-resetapp-description" class="pt-2">Reset the app to default settings and erase all caches:</p>
                                 <div class="button">
                                     <label data-i18n-tip="configure-expert-resetapp-tip" title="This will return the app to its original settings on launch, and will empty all caches and settings and deregister Service Workers. The app will then reload.">
diff --git a/www/js/app.js b/www/js/app.js
index 46235040b..86c297e10 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -472,6 +472,11 @@ document.getElementById('bypassAppCacheCheck').addEventListener('change', functi
     // This will also send any new values to Service Worker
     refreshCacheStatus();
 });
+
+document.getElementById('libzimWasmModeToggle').addEventListener('change', function () {
+    settingsStore.setItem('libzimWasmMode', this.checked);
+});
+
 document.getElementById('disableDragAndDropCheck').addEventListener('change', function () {
     params.disableDragAndDrop = !!this.checked;
     settingsStore.setItem('disableDragAndDrop', params.disableDragAndDrop, Infinity);
diff --git a/www/js/init.js b/www/js/init.js
index 85c05a9c4..50917a6a6 100644
--- a/www/js/init.js
+++ b/www/js/init.js
@@ -55,6 +55,7 @@
  * @property {string} cacheIDB - Name of the Indexed DB database
  * @property {boolean} isFileSystemApiSupported - A boolean indicating whether the FileSystem API is supported.
  * @property {boolean} isWebkitDirApiSupported - A boolean indicating whether the Webkit Directory API is supported.
+ * @property {boolean} libzimWasmMode - A boolean indicating whether the Libzim wasm mode is turned on.
  * @property {DecompressorAPI} decompressorAPI
 
 /**
@@ -123,6 +124,7 @@ params['cacheAPI'] = 'kiwix-js'; // Sets name of the prefix used to identify the
 params['cacheIDB'] = 'kiwix-zim'; // Sets name of the Indexed DB database
 params['isFileSystemApiSupported'] = typeof window.showOpenFilePicker === 'function'; // Sets a boolean indicating whether the FileSystem API is supported
 params['isWebkitDirApiSupported'] = 'webkitdirectory' in document.createElement('input'); // Sets a boolean indicating whether the Webkit Directory API is supported
+params['libzimWasmMode'] = getSetting('libzimWasmMode'); // Sets a boolean indicating whether the libzim WASM mode is turned on
 
 /**
  * Apply any override parameters that might be in the querystring.
@@ -185,6 +187,7 @@ document.getElementById('useHomeKeyToFocusSearchBarCheck').checked = params.useH
 document.getElementById('openExternalLinksInNewTabsCheck').checked = params.openExternalLinksInNewTabs;
 document.getElementById('languageSelector').value = params.overrideBrowserLanguage || 'default';
 document.getElementById('bypassAppCacheCheck').checked = !params.appCache;
+document.getElementById('libzimWasmModeToggle').checked = params.libzimWasmMode;
 document.getElementById('appVersion').textContent = 'Kiwix ' + params.appVersion;
 
 // This is a simplified version of code in settingsStore, because that module is not available in init.js