mirror of
https://github.com/kiwix/kiwix-js-pwa.git
synced 2025-08-04 03:48:41 -04:00
dd0f64d6ea
Former-commit-id: 4173e47c11f5e509d25e36fbbe3a654aeb86e453 [formerly f9e9fe1580cc11f4f9fa95334ca8819fbd51b716] [formerly fdaef8d72f6f30fb63964239f97ba4762748aee0] [formerly a9028433af5f38a0ab5848f19925e1a916bcd31a [formerly 951e812b8ac9648377a60f9749d7be7ea18242f1 [formerly 7c605a352fcb44296adb2dbf9b65786d8dda7402]]] Former-commit-id: d807c50288516e85e0e3f64f3bfe8405ac842d3a [formerly a604ae06cdc0ed93fefb4bacb6ee5e75ba476004 [formerly fbdb1d4d9e39bb37d4750351298649f9f068e013]] Former-commit-id: 041d044a91a8ce94824fe33a5a5c66992b84cdbe [formerly 0be6dee5c8fb798be8af9810f1625a9d5b80994e] Former-commit-id: 3f2acb56d7ea18701974167b1f127f826ddf69c8
466 lines
26 KiB
JavaScript
466 lines
26 KiB
JavaScript
/**
|
|
* init.js : Configuration for the library require.js
|
|
* This file handles the dependencies between javascript libraries
|
|
*
|
|
* Copyright 2013-2020 Mossroy and contributors
|
|
* License GPL v3:
|
|
*
|
|
* This file is part of Kiwix.
|
|
*
|
|
* Kiwix is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* Kiwix is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with Kiwix (file LICENSE-GPLv3.txt). If not, see <http://www.gnu.org/licenses/>
|
|
*/
|
|
'use strict';
|
|
|
|
// Set a global error handler to prevent app crashes
|
|
window.onerror = function (msg, url, line, col, error) {
|
|
console.error('Error caught in app [' + url + ':' + line + ']:\n' + msg, error);
|
|
return true;
|
|
};
|
|
|
|
/**
|
|
* Provides caching for assets contained in ZIM (variable needs to be available app-wide)
|
|
* It significantly speeds up subsequent page display. See kiwix-js issue #335
|
|
*/
|
|
var assetsCache = new Map();
|
|
|
|
/**
|
|
* A global parameter object for storing variables that need to be remembered between page loads,
|
|
* or across different functions and modules
|
|
*
|
|
* @type Object
|
|
*/
|
|
var params = {};
|
|
|
|
/**
|
|
* A global state object
|
|
*
|
|
* @type Object
|
|
*/
|
|
var appstate = {};
|
|
/******** UPDATE VERSION IN pwabuilder-sw.js TO MATCH VERSION AND CHECK PWASERVER BELOW!!!!!!! *******/
|
|
params['version'] = "1.6.2-rc6"; //DEV: Manually update this version when there is a new release: it is compared to the Settings Store "version" in order to show first-time info, and the cookie is updated in app.js
|
|
/******* UPDATE THIS ^^^^^^ IN service worker AND PWA-SERVER BELOW !! ********************/
|
|
params['packagedFile'] = getSetting('packagedFile') || "wikipedia_en_100_maxi_2021-07.zim"; //For packaged Kiwix JS (e.g. with Wikivoyage file), set this to the filename (for split files, give the first chunk *.zimaa) and place file(s) in default storage
|
|
params['archivePath'] = "archives"; //The directory containing the packaged archive(s) (relative to app's root directory)
|
|
params['fileVersion'] = getSetting('fileVersion') || "wikipedia_en_100_maxi_2021-07.zim (28-July-2021)"; //This will be displayed in the app - optionally include date of ZIM file
|
|
// List of known start pages cached in the FS:
|
|
params['cachedStartPages'] = {
|
|
'wikipedia_en_medicine-app_maxi': 'A/Wikipedia:WikiProject_Medicine/Open_Textbook_of_Medicine',
|
|
'wikipedia_en_medicine_maxi': 'A/Wikipedia:WikiProject_Medicine/Open_Textbook_of_Medicine',
|
|
'wikivoyage_en_all_maxi': 'A/Main_Page'
|
|
};
|
|
params['kiwixDownloadLink'] = "https://download.kiwix.org/zim/"; //Include final slash
|
|
/******* DEV: ENSURE SERVERS BELOW ARE LISTED IN package.appxmanifest ************/
|
|
params['PWAServer'] = "https://pwa.kiwix.org/"; // Production server
|
|
// params['PWAServer'] = "https://kiwix.github.io/kiwix-js-windows/"; // Test server
|
|
params['PWAMode'] = getSetting('PWAMode'); // Set to true if the app should always operate in PWA mode
|
|
|
|
params['storeType'] = getBestAvailableStorageAPI();
|
|
params['keyPrefix'] = 'kiwixjs-'; // Prefix to use for localStorage keys
|
|
// Maximum number of article titles to return (range is 5 - 100, default 30)
|
|
params['maxSearchResultsSize'] = ~~(getSetting('maxSearchResultsSize') || 30);
|
|
params['relativeFontSize'] = ~~(getSetting('relativeFontSize') || 100); //Sets the initial font size for articles (as a percentage) - user can adjust using zoom buttons
|
|
params['relativeUIFontSize'] = ~~(getSetting('relativeUIFontSize') || 100); //Sets the initial font size for UI (as a percentage) - user can adjust using slider in Config
|
|
params['cssSource'] = getSetting('cssSource') || "auto"; //Set default to "auto", "desktop" or "mobile"
|
|
params['removePageMaxWidth'] = getSetting('removePageMaxWidth') != null ? getSetting('removePageMaxWidth') : "auto"; //Set default for removing max-width restriction on Wikimedia pages ("auto" = removed in desktop, not in mobile; true = always remove; false = never remove)
|
|
params['openAllSections'] = getSetting('openAllSections') != null ? getSetting('openAllSections') : true; //Set default for opening all sections in ZIMs that have collapsible sections and headings ("auto" = let CSS decide according to screen width; true = always open until clicked by user; false = always closed until clicked by user)
|
|
params['cssCache'] = getSetting('cssCache') != null ? getSetting('cssCache') : true; //Set default to true to use cached CSS, false to use Zim only
|
|
params['cssTheme'] = getSetting('cssTheme') || 'light'; //Set default to 'auto', 'light', 'dark' or 'invert' to use respective themes for articles
|
|
params['cssUITheme'] = getSetting('cssUITheme') || 'light'; //Set default to 'auto', 'light' or 'dark' to use respective themes for UI
|
|
params['imageDisplay'] = getSetting('imageDisplay') != null ? getSetting('imageDisplay') : true; //Set default to display images from Zim
|
|
params['manipulateImages'] = getSetting('manipulateImages') != null ? getSetting('manipulateImages') : false; //Makes dataURIs by default instead of BLOB URIs for images
|
|
params['hideToolbars'] = getSetting('hideToolbars') != null ? getSetting('hideToolbars') : true; //Set default to true (hides both), 'top' (hides top only), or false (no hiding)
|
|
params['rememberLastPage'] = getSetting('rememberLastPage') != null ? getSetting('rememberLastPage') : true; //Set default option to remember the last visited page between sessions
|
|
params['useMathJax'] = getSetting('useMathJax') != null ? getSetting('useMathJax') : true; //Set default to true to display math formulae with MathJax, false to use fallback SVG images only
|
|
//params['showFileSelectors'] = getCookie('showFileSelectors') != null ? getCookie('showFileSelectors') : false; //Set to true to display hidden file selectors in packaged apps
|
|
params['showFileSelectors'] = true; //False will cause file selectors to be hidden on each load of the app (by ignoring cookie)
|
|
params['hideActiveContentWarning'] = getSetting('hideActiveContentWarning') != null ? getSetting('hideActiveContentWarning') : false;
|
|
params['allowHTMLExtraction'] = getSetting('allowHTMLExtraction') == true;
|
|
params['alphaChar'] = getSetting('alphaChar') || 'A'; //Set default start of alphabet string (used by the Archive Index)
|
|
params['omegaChar'] = getSetting('omegaChar') || 'Z'; //Set default end of alphabet string
|
|
params['contentInjectionMode'] = getSetting('contentInjectionMode') || 'jquery'; // Defaults to jquery mode (widest compatibility)
|
|
params['allowInternetAccess'] = getSetting('allowInternetAccess');
|
|
params['windowOpener'] = getSetting('windowOpener'); // 'tab|window|false' A setting that determines whether right-click/long-press of a ZIM link opens a new window/tab
|
|
params['rightClickType'] = getSetting('rightClickType'); // 'single|double|false' A setting that determines whether a single or double right-click is used to open a new window/tab
|
|
params['navButtonsPos'] = getSetting('navButtonsPos') || 'bottom'; // 'top|bottom' A setting that determines where the back-forward nav buttons appear
|
|
|
|
//Do not touch these values unless you know what they do! Some are global variables, some are set programmatically
|
|
params['imageDisplayMode'] = params.imageDisplay ? 'progressive' : 'manual';
|
|
params['storedFile'] = getSetting('lastSelectedArchive') || params['packagedFile'] || '';
|
|
params.storedFile = launchArguments ? launchArguments.files[0].name : params.storedFile;
|
|
params['lastPageVisit'] = params.rememberLastPage && params.storedFile ? getSetting(params.storedFile) || '' : '';
|
|
params.lastPageVisit = params.lastPageVisit ? params.lastPageVisit + '@kiwixKey@' + params.storedFile : '';
|
|
params['storedFilePath'] = getSetting('lastSelectedArchivePath');
|
|
params.storedFilePath = params.storedFilePath ? decodeURIComponent(params.storedFilePath) : params.archivePath + '/' + params.packagedFile;
|
|
params.storedFilePath = launchArguments ? launchArguments.files[0].path || '' : params.storedFilePath;
|
|
params.originalPackagedFile = params.packagedFile;
|
|
params['localStorage'] = "";
|
|
params['pickedFile'] = launchArguments ? launchArguments.files[0] : "";
|
|
params['pickedFolder'] = "";
|
|
params['themeChanged'] = params['themeChanged'] || false;
|
|
params['printIntercept'] = false;
|
|
params['printInterception'] = false;
|
|
params['appIsLaunching'] = true; // Allows some routines to tell if the app has just been launched
|
|
params['useCache'] = true; // This needs to be made optional in UI
|
|
params['PWAInstalled'] = getSetting('PWAInstalled');
|
|
params['appType'] = getAppType();
|
|
params['falFileToken'] = "zimfile"; // UWP support
|
|
params['falFolderToken'] = "zimfilestore"; // UWP support
|
|
params.pagesLoaded = 0; // Page counter used to show PWA Install Prompt only after user has played with the app for a while
|
|
params.localUWPSettings = /UWP/.test(params.appType) ? Windows.Storage.ApplicationData.current.localSettings.values : null;
|
|
appstate['target'] = 'iframe'; // The target for article loads (this should always be 'iframe' initially, and will only be changed as a result of user action)
|
|
|
|
// Apply any override parameters in querystring (done as a self-calling function to avoid creating global variables)
|
|
(function overrideParams() {
|
|
var rgx = /[?&]([^=]+)=([^&]+)/g;
|
|
var matches = rgx.exec(window.location.search);
|
|
while (matches) {
|
|
if (matches[1] && matches[2]) {
|
|
var paramKey = decodeURIComponent(matches[1]);
|
|
var paramVal = decodeURIComponent(matches[2]);
|
|
if (paramKey !== 'title') {
|
|
// Store new values
|
|
if (params.storeType === 'cookie') {
|
|
document.cookie = encodeUriComponent(paramKey) + '=' + encodeUriComponent(paramVal) + ';expires=Fri, 31 Dec 9999 23:59:59 GMT';
|
|
}
|
|
// Make Boolean value
|
|
paramVal = paramVal === 'false' ? false : paramVal === 'true' ? true : paramVal;
|
|
if (params.storeType === 'local_storage') {
|
|
localStorage.setItem(params.keyPrefix + paramKey, paramVal);
|
|
}
|
|
paramKey = paramKey === 'lastSelectedArchive' ? 'storedFile' : paramKey;
|
|
params[paramKey] = paramVal;
|
|
}
|
|
}
|
|
matches = rgx.exec(window.location.search);
|
|
}
|
|
})();
|
|
|
|
// This code runs on the PWA UWP app running from https://
|
|
if (/^http/i.test(window.location.protocol) && /UWP\|PWA/.test(params.appType)) {
|
|
// We are in a PWA, so signal success
|
|
params.localUWPSettings.PWA_launch = 'success';
|
|
// DEV: Internal code for testing. If you need to debug restart of app, pause in DevTools on line below,
|
|
// set params.reboot = true and then continue. App will reboot to local code.
|
|
if (params.reboot) {
|
|
window.location.href = 'ms-appx-web:///www/index.html';
|
|
throw 'Beam me down, Scotty!';
|
|
}
|
|
}
|
|
|
|
// This code runs on the basic UWP app running from ms-appx-web://
|
|
if (!/^http/i.test(window.location.protocol) && params.localUWPSettings &&
|
|
params.contentInjectionMode === 'serviceworker' && params.allowInternetAccess) {
|
|
// Test that there has been a successful handover to the PWA
|
|
if (params.localUWPSettings.PWA_launch === 'success') {
|
|
var uriParams = '?allowInternetAccess=true';
|
|
uriParams += params.packagedFile ? '&packagedFile=' + encodeURIComponent(params.packagedFile) : '';
|
|
uriParams += params.fileVersion ? '&fileVersion=' + encodeURIComponent(params.fileVersion) : '';
|
|
// Signal failure of PWA until it has successfully launched (in init.js it will be changed to 'success')
|
|
params.localUWPSettings.PWA_launch = 'fail';
|
|
if (launchArguments && typeof Windows.Storage !== 'undefined') {
|
|
// We have to ensure the PWA will have access to the file with which the app was launched
|
|
var fal = Windows.Storage.AccessCache.StorageApplicationPermissions.futureAccessList;
|
|
fal.addOrReplace(params.falFileToken, launchArguments.files[0]);
|
|
if (fal.containsItem(params.falFolderToken)) fal.remove(params.falFolderToken);
|
|
uriParams += '&lastSelectedArchive=' + encodeURIComponent(launchArguments.files[0].name);
|
|
}
|
|
window.location.href = params.PWAServer + 'www/index.html' + uriParams;
|
|
// This will trigger the error catching above, cleanly dematerialize this script and transport us swiftly to PWA land
|
|
throw 'Beam me up, Scotty!';
|
|
} else if (params.localUWPSettings.PWA_launch === 'fail') {
|
|
console.error('PWA failed to launch correctly last time! Setting failsafe to avoid boot-loop...');
|
|
}
|
|
}
|
|
|
|
// Prevent app boot loop with problematic pages that cause an app crash
|
|
if (getSetting('lastPageLoad') === 'failed') {
|
|
params.lastPageVisit = '';
|
|
} else {
|
|
// Cookie will signal failure until article is fully loaded
|
|
if (params.storeType === 'cookie') {
|
|
document.cookie = 'lastPageLoad=failed;expires=Fri, 31 Dec 9999 23:59:59 GMT';
|
|
} else if (params.storeType === 'local_storage') {
|
|
localStorage.setItem(params.keyPrefix + 'lastPageLoad', 'failed');
|
|
}
|
|
}
|
|
|
|
// Initialize checkbox, radio and other values
|
|
document.getElementById('cssCacheModeCheck').checked = params.cssCache;
|
|
document.getElementById('navButtonsPosCheck').checked = params.navButtonsPos === 'top';
|
|
document.getElementById('imageDisplayModeCheck').checked = params.imageDisplay;
|
|
document.getElementById('manipulateImagesCheck').checked = params.manipulateImages;
|
|
document.getElementById('removePageMaxWidthCheck').checked = params.removePageMaxWidth === true; // Will be false if false or auto
|
|
document.getElementById('removePageMaxWidthCheck').indeterminate = params.removePageMaxWidth == "auto";
|
|
document.getElementById('removePageMaxWidthCheck').readOnly = params.removePageMaxWidth == "auto";
|
|
document.getElementById('pageMaxWidthState').innerHTML = (params.removePageMaxWidth == "auto" ? "auto" : params.removePageMaxWidth ? "always" : "never");
|
|
document.getElementById('openAllSectionsCheck').checked = params.openAllSections;
|
|
document.getElementById('cssUIDarkThemeCheck').checked = params.cssUITheme == "dark"; // Will be true, or false if light or auto
|
|
document.getElementById('cssUIDarkThemeCheck').indeterminate = params.cssUITheme == "auto";
|
|
document.getElementById('cssUIDarkThemeCheck').readOnly = params.cssUITheme == "auto";
|
|
document.getElementById('cssUIDarkThemeState').innerHTML = params.cssUITheme;
|
|
document.getElementById('cssWikiDarkThemeCheck').checked = /dark|invert/.test(params.cssTheme);
|
|
document.getElementById('cssWikiDarkThemeCheck').indeterminate = params.cssTheme == "auto";
|
|
document.getElementById('cssWikiDarkThemeCheck').readOnly = params.cssTheme == "auto";
|
|
document.getElementById('cssWikiDarkThemeState').innerHTML = params.cssTheme;
|
|
document.getElementById('darkInvert').style.display = /dark|invert/i.test(params.cssTheme) ? "inline" : "none";
|
|
document.getElementById('cssWikiDarkThemeInvertCheck').checked = params.cssTheme == 'invert';
|
|
document.getElementById('useMathJaxRadio' + (params.useMathJax ? 'True' : 'False')).checked = true;
|
|
document.getElementById('rememberLastPageCheck').checked = params.rememberLastPage;
|
|
document.getElementById('displayFileSelectorsCheck').checked = params.showFileSelectors;
|
|
document.getElementById('hideActiveContentWarningCheck').checked = params.hideActiveContentWarning;
|
|
document.getElementById('alphaCharTxt').value = params.alphaChar;
|
|
document.getElementById('omegaCharTxt').value = params.omegaChar;
|
|
document.getElementById('titleSearchRange').value = params.maxSearchResultsSize;
|
|
document.getElementById('titleSearchRangeVal').innerHTML = params.maxSearchResultsSize;
|
|
document.getElementById('hideToolbarsCheck').checked = params.hideToolbars === true; // Will be false if false or 'top'
|
|
document.getElementById('hideToolbarsCheck').indeterminate = params.hideToolbars === "top";
|
|
document.getElementById('hideToolbarsCheck').readOnly = params.hideToolbars === "top";
|
|
document.getElementById('hideToolbarsState').innerHTML = (params.hideToolbars === "top" ? "top" : params.hideToolbars ? "both" : "never");
|
|
if (params.windowOpener === null) { // Setting has never been activated, so determine a sensible default
|
|
params.windowOpener = /UWP/.test(params.appType) && params.contentInjectionMode === 'jquery' ? false :
|
|
'MSBlobBuilder' in window ? 'window' : // IE11/Edge/UWP work best in window mode, not in tab mode!
|
|
/PWA/.test(params.appType) ? 'tab' : false;
|
|
}
|
|
if (params.windowOpener) params.allowHTMLExtraction = false;
|
|
document.getElementById('allowHTMLExtractionCheck').checked = params.allowHTMLExtraction;
|
|
document.getElementById('allowInternetAccessCheck').checked = params.allowInternetAccess;
|
|
// Howeever, if we're accessing the app from a server, add indication that we are online by default (user can turn off and will receive instructions)
|
|
if (/^http/i.test(window.location.protocol) && params.allowInternetAccess === null) {
|
|
document.getElementById('allowInternetAccessCheck').checked = true;
|
|
params.allowInternetAccess = true;
|
|
}
|
|
// If we're in a PWA served from http, change the app titles
|
|
if (/^http/i.test(window.location.protocol)) {
|
|
Array.prototype.slice.call(document.querySelectorAll('span.identity')).forEach(function (ele) {
|
|
ele.innerHTML = 'PWA';
|
|
});
|
|
}
|
|
|
|
|
|
// Get app type
|
|
function getAppType() {
|
|
var type = 'HTML5';
|
|
if (typeof Windows !== 'undefined' && typeof Windows.Storage !== 'undefined') type = 'UWP';
|
|
if (window.fs || window.nw) type = 'Electron';
|
|
if (navigator.serviceWorker) type += '|PWA';
|
|
return type;
|
|
}
|
|
|
|
// Set up storage types
|
|
// First check that we have not simply upgraded the app and the packaged file
|
|
params.packagedFileStub = params.packagedFile ? params.packagedFile.replace(/(?:-app_maxi)?_[\d-]+\.zim\w?\w?$/, ''): null;
|
|
if (params.packagedFileStub && params.version !== getSetting('version') && ~params.storedFile.indexOf(params.packagedFileStub)) {
|
|
console.log('The packaged archive has been upgraded: resetting file pointers to point to ' + params.packagedFile);
|
|
params.lastPageVisit = '';
|
|
params.storedFile = params.packagedFile;
|
|
params.storedFilePath = params.archivePath + '/' + params.packagedFile;
|
|
deleteSetting('lastSelectedArchive');
|
|
deleteSetting('lastSelectedArchivePath');
|
|
deleteSetting('listOfArchives');
|
|
params.localStorageUpgradeNeeded = true;
|
|
}
|
|
if (params.storedFile && typeof Windows !== 'undefined' && typeof Windows.Storage !== 'undefined') { //UWP
|
|
var futureAccessList = Windows.Storage.AccessCache.StorageApplicationPermissions.futureAccessList;
|
|
Windows.ApplicationModel.Package.current.installedLocation.getFolderAsync(params.archivePath).done(function (appFolder) {
|
|
params.localStorage = appFolder;
|
|
if (futureAccessList.containsItem(params.falFolderToken)) {
|
|
futureAccessList.getFolderAsync(params.falFolderToken).done(function (pickedFolder) {
|
|
params.pickedFolder = params.localStorageUpgradeNeeded ? params.localStorage : pickedFolder;
|
|
}, function (err) {
|
|
console.error("The previously picked folder is no longer accessible: " + err.message);
|
|
});
|
|
}
|
|
}, function (err) {
|
|
console.error("This app doesn't appear to have access to local storage!");
|
|
});
|
|
//If we don't already have a picked file (e.g. by launching app with click on a ZIM file), then retrieve it from futureAccessList if possible
|
|
var listOfArchives = getSetting('listOfArchives');
|
|
// But don't get the picked file if we already have access to the folder and the file is in it!
|
|
if (listOfArchives && ~listOfArchives.indexOf(params.storedFile) && params.pickedFolder) {
|
|
params.pickedFile = '';
|
|
} else {
|
|
if (!params.pickedFile && futureAccessList.containsItem(params.falFileToken)) {
|
|
params.pickedFile = '';
|
|
futureAccessList.getFileAsync(params.falFileToken).done(function (file) {
|
|
if (file.name === params.storedFile) params.pickedFile = file;
|
|
}, function (err) {
|
|
console.error("The previously picked file is no longer accessible: " + err.message);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
// Routine for installing the app adapted from https://pwa-workshop.js.org/
|
|
|
|
var deferredPrompt;
|
|
var divInstall1 = document.getElementById('divInstall1');
|
|
var btnInstall1 = document.getElementById('btnInstall1');
|
|
var divInstall2 = document.getElementById('divInstall2');
|
|
var btnInstall2 = document.getElementById('btnInstall2');
|
|
var btnLater = document.getElementById('btnLater');
|
|
|
|
window.addEventListener('beforeinstallprompt', function(e) {
|
|
console.log('beforeinstallprompt fired');
|
|
// Prevent Chrome 76 and earlier from automatically showing a prompt
|
|
e.preventDefault();
|
|
// Stash the event so it can be triggered later.
|
|
deferredPrompt = e;
|
|
// Show the install button
|
|
divInstall2.style.display = 'block';
|
|
btnInstall2.addEventListener('click', installApp);
|
|
// Don't display prompt if the PWA for this version is already installed
|
|
if (!params.beforeinstallpromptFired) {
|
|
params.beforeinstallpromptFired = true;
|
|
btnInstall1.addEventListener('click', installApp);
|
|
btnLater.addEventListener('click', function (e) {
|
|
e.preventDefault();
|
|
divInstall1.innerHTML = '<b>You can install this app later from Configuration</b>';
|
|
setTimeout(function() {
|
|
divInstall1.style.display = 'none';
|
|
}, 4000);
|
|
params.installLater = true;
|
|
});
|
|
}
|
|
// The app hasn't actually been installed or user has uninstalled, so we need to reset any setting
|
|
deleteSetting('PWAInstalled');
|
|
});
|
|
|
|
function installApp(e) {
|
|
e.preventDefault();
|
|
// Show the prompt
|
|
deferredPrompt.prompt();
|
|
btnInstall1.disabled = true;
|
|
btnInstall2.disabled = true;
|
|
// Wait for the user to respond to the prompt
|
|
deferredPrompt.userChoice.then(function(choiceResult) {
|
|
if (choiceResult.outcome === 'accepted') {
|
|
console.log('PWA installation accepted');
|
|
divInstall1.style.display = 'none';
|
|
divInstall2.style.display = 'none';
|
|
} else {
|
|
console.log('PWA installation rejected');
|
|
}
|
|
btnInstall1.disabled = false;
|
|
btnInstall2.disabled = false;
|
|
deferredPrompt = null;
|
|
params.beforeinstallpromptFired = false;
|
|
});
|
|
}
|
|
|
|
window.addEventListener('appinstalled', function(e) {
|
|
params.PWAInstalled = params.version;
|
|
if (params.storeType === 'cookie') {
|
|
document.cookie = 'PWAInstalled=' + encodeURIComponent(params.PWAInstalled) + '; expires=Fri, 31 Dec 9999 23:59:59 GMT';
|
|
} else if (params.storeType === 'local_storage') {
|
|
localStorage.setItem(params.keyPrefix + 'PWAInstalled', params.PWAInstalled);
|
|
}
|
|
});
|
|
|
|
function getSetting(name) {
|
|
var result;
|
|
if (params.storeType === 'cookie') {
|
|
var regexp = new RegExp('(?:^|;)\\s*' + name + '=([^;]+)(?:;|$)');
|
|
result = document.cookie.match(regexp);
|
|
result = result && result.length > 1 ? result[1] : null;
|
|
} else if (params.storeType === 'local_storage') {
|
|
// Use localStorage instead
|
|
result = localStorage.getItem(params.keyPrefix + name);
|
|
}
|
|
return result === null || result === "undefined" ? null : result === "true" ? true : result === "false" ? false : result;
|
|
}
|
|
|
|
// NB This only deals with simple names that don't need to be URI-encoded
|
|
function deleteSetting(name) {
|
|
if (params.storeType === 'cookie') {
|
|
document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=Strict';
|
|
} else if (params.storeType === 'local_storage') {
|
|
localStorage.removeItem(params.keyPrefix + name);
|
|
}
|
|
}
|
|
|
|
// Tests for available Storage APIs (document.cookie or localStorage) and returns the best available of these
|
|
// DEV: This function is replicated from settingsStore.js because RequireJS has not yet loaded it,
|
|
// except that it returns 'cookie' if the always-present contentInjectionMode is still in cookie, which
|
|
// means the store previously used cookies and hasn't upgraded yet: this won't be done till app.js is loaded
|
|
function getBestAvailableStorageAPI() {
|
|
var type = 'none';
|
|
var localStorageTest;
|
|
try {
|
|
localStorageTest = 'localStorage' in window && window['localStorage'] !== null;
|
|
if (localStorageTest) {
|
|
localStorage.setItem('tempKiwixStorageTest', '');
|
|
localStorage.removeItem('tempKiwixStorageTest');
|
|
}
|
|
} catch (e) {
|
|
localStorageTest = false;
|
|
}
|
|
document.cookie = 'tempKiwixCookieTest=working; expires=Fri, 31 Dec 9999 23:59:59 GMT; SameSite=Strict';
|
|
var kiwixCookieTest = /tempKiwixCookieTest=working/.test(document.cookie);
|
|
document.cookie = 'tempKiwixCookieTest=; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=Strict';
|
|
if (kiwixCookieTest) type = 'cookie';
|
|
if (localStorageTest && !/contentInjectionMode=(?:jquery|serviceworker)/.test(document.cookie)) type = 'local_storage';
|
|
return type;
|
|
}
|
|
|
|
|
|
require.config({
|
|
//enforceDefine: true, //This is for debugging IE errors
|
|
baseUrl: 'js/lib',
|
|
config: { '../app': { params: params } },
|
|
paths: {
|
|
'jquery': 'jquery-3.2.1.slim',
|
|
//'jquery': 'jquery-3.2.1',
|
|
//'bootstrap': 'bootstrap'
|
|
'bootstrap': 'bootstrap.min',
|
|
'webpHeroBundle': 'webpHeroBundle_0.0.0-dev.27'
|
|
},
|
|
shim: {
|
|
'jquery': {
|
|
exports: '$'
|
|
},
|
|
'bootstrap': {
|
|
deps: ['jquery']
|
|
}
|
|
}
|
|
});
|
|
|
|
var req = ['bootstrap']; // Baseline Require array
|
|
|
|
// Add polyfills to the Require array only if needed
|
|
if (!('Promise' in self)) req.push('promisePolyfill');
|
|
if (!('from' in Array)) req.push('arrayFromPolyfill');
|
|
|
|
requirejs(req, function () {
|
|
requirejs(['../app']);
|
|
});
|
|
|
|
// Test if WebP is natively supported, and if not, set webpMachine to true. The value of webpMachine
|
|
// will determine whether the WebP Polyfills will be loaded (currently only used in uiUtil.js)
|
|
var webpMachine = false;
|
|
|
|
// We use a self-invoking function here to avoid defining unnecessary global functions and variables
|
|
(function (callback) {
|
|
// Tests for native WebP support
|
|
var webP = new Image();
|
|
webP.onload = webP.onerror = function () {
|
|
callback(webP.height === 2);
|
|
};
|
|
webP.src = 'data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA';
|
|
})(function (support) {
|
|
if (!support) {
|
|
webpMachine = true;
|
|
}
|
|
});
|