Create demo of all OPFS features

This commit is contained in:
Jaifroid 2023-10-29 15:34:48 +00:00
parent 35b87b90c8
commit a9e3b4dc4c
4 changed files with 20 additions and 5 deletions

View File

@ -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)

View File

@ -6,7 +6,7 @@ _(please be patient while the demo loads)_
<img src="Demo-OPFS_Chrome_Android.gif" width="360px" />
See also: [&ensp;[Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md)&ensp;]
See also: [&ensp;[Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md)&ensp;] [&ensp;[Demo of all OPFS features](Demo-OPFS_all_features.md)&ensp;]
## 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: [&ensp;[Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md)&ensp;]
See also: [&ensp;[Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md)&ensp;] [&ensp;[Demo of all OPFS features](Demo-OPFS_all_features.md)&ensp;]

View File

@ -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: [&ensp;[Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md)&ensp;] [&ensp;[Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md)&ensp;]
## 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: [&ensp;[Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md)&ensp;] [&ensp;[Install PWA on Firefox for Android](Install-PWA_Firefox_Android.md)&ensp;]

View File

@ -6,7 +6,7 @@ _(be patient while the demo loads)_
<img src="Install-PWA_Firefox_Android.gif" width="360px" />
See also: [&ensp;[Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md)&ensp;]
See also: [&ensp;[Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md)&ensp;] [&ensp;[Demo of all OPFS features](Demo-OPFS_all_features.md)&ensp;]
## 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: [&ensp;[Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md)&ensp;]
See also: [&ensp;[Install PWA and use OPFS in Chrome for Android](Demo-OPFS_Chrome_Android.md)&ensp;] [&ensp;[Demo of all OPFS features](Demo-OPFS_all_features.md)&ensp;]