From a9e3b4dc4c314fd1439016993afab34c412abd1c Mon Sep 17 00:00:00 2001 From: Jaifroid Date: Sun, 29 Oct 2023 15:34:48 +0000 Subject: [PATCH] Create demo of all OPFS features --- README.md | 2 +- screenshots/Demo-OPFS_Chrome_Android.md | 4 ++-- screenshots/Demo-OPFS_all_features.md | 15 +++++++++++++++ screenshots/Install-PWA_Firefox_Android.md | 4 ++-- 4 files changed, 20 insertions(+), 5 deletions(-) create mode 100644 screenshots/Demo-OPFS_all_features.md diff --git a/README.md b/README.md index 2a6155f2..33550939 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # Kiwix JS for PWA, Windows and Linux (Electron, NWJS, UWP) -Demos: [ [Instal the PWA on Desktop](screenshots/Install-PWA.md) ] [ [Install PWA and use OPFS on Android](screenshots/Demo-OPFS_Chrome_Android.md) ] [ [Picking a folder of archives](screenshots/Folder-Picking.md) ] [ [Install PWA on Firefox Android](screenshots/Install-PWA_Firefox_Android.md) ] [ [Adding app to Edge sidebar](screenshots/Add-KiwixPWA-to-Edge-sidebar.md) ] +Demos: [ [Instal the PWA on Desktop](screenshots/Install-PWA.md) ] [ [Install PWA and use OPFS on Android](screenshots/Demo-OPFS_Chrome_Android.md) ] [ [Picking a folder of archives](screenshots/Folder-Picking.md) ] [ [Install PWA on Firefox Android](screenshots/Install-PWA_Firefox_Android.md) ] [ [Demo of all OPFS features](screenshots/Demo-OPFS_all_features.md) ] [ [Adding app to Edge sidebar](screenshots/Add-KiwixPWA-to-Edge-sidebar.md) ] ![Kiwix JS Seven Wonders Montage trans](https://user-images.githubusercontent.com/4304337/218268736-2820050c-289f-4d4b-aef9-7e9f4f33c658.png) diff --git a/screenshots/Demo-OPFS_Chrome_Android.md b/screenshots/Demo-OPFS_Chrome_Android.md index 007d40ec..8ac24b84 100644 --- a/screenshots/Demo-OPFS_Chrome_Android.md +++ b/screenshots/Demo-OPFS_Chrome_Android.md @@ -6,7 +6,7 @@ _(please be patient while the demo loads)_ -See also: [ [Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md) ] +See also: [ [Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md) ] [ [Demo of all OPFS features](Demo-OPFS_all_features.md) ] ## Chromium browsers have first-class support for PWAs on Android @@ -22,4 +22,4 @@ file system. Full-text search also works for archives in the OPFS, whereas acces archives. However, for very large archives like full English Wikipedia which won't fit in the OPFS, you can still pick these archives from anywhere on your device, including microSD cards. -See also: [ [Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md) ] +See also: [ [Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md) ] [ [Demo of all OPFS features](Demo-OPFS_all_features.md) ] diff --git a/screenshots/Demo-OPFS_all_features.md b/screenshots/Demo-OPFS_all_features.md new file mode 100644 index 00000000..c6b3ce68 --- /dev/null +++ b/screenshots/Demo-OPFS_all_features.md @@ -0,0 +1,15 @@ +# Demonstration of all features of the Origin Private File System + +Simply visit **_[pwa.kiwix.org](https://pwa.kiwix.org)_** in a desktop Chromium browser. Read more after the demo: + +https://github.com/kiwix/kiwix-js-pwa/assets/4304337/21519b5e-0ed6-49a6-b7ee-5a77e4d84aeb + +See also: [ [Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md) ] [ [Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md) ] + +## Chromium browsers can use all the features of the OPFS + +**Chromium** desktop browsers (Chrome, Edge, Brave, etc.) support all the features shown in this demo, i.e. **_adding_** files to the OPFS, +**_downloading_** directly into the OPFS, **_deleting files_**, and **_exporting_** them to the user-visible file system. **Firefox** desktop, +and all Android browsers, supports all of these actions _except_ exporting files. Firefox is currently limited to a maximum OPFS quota of 10 GB. + +See also: [ [Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md) ] [ [Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md) ] diff --git a/screenshots/Install-PWA_Firefox_Android.md b/screenshots/Install-PWA_Firefox_Android.md index 70113c49..2564bfe9 100644 --- a/screenshots/Install-PWA_Firefox_Android.md +++ b/screenshots/Install-PWA_Firefox_Android.md @@ -6,7 +6,7 @@ _(be patient while the demo loads)_ -See also: [ [Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md) ] +See also: [ [Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md) ] [ [Demo of all OPFS features](Demo-OPFS_all_features.md) ] ## Firefox can install PWAs on Android @@ -22,4 +22,4 @@ that will fit in the OPFS. Firefox currently limits the maximum size of the OPFS to ~10GB. On Chromium browsers, there is usually a much larger quota (limited only by the amount of free space in your storage). -See also: [ [Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md) ] +See also: [ [Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md) ] [ [Demo of all OPFS features](Demo-OPFS_all_features.md) ]