Progressive Web Apps API of APIs (Sponsor us)

Build Scalable Progressive Web Apps. Start via docs.pwafire.org site.

An open-source library and framework for building fast, reliable, and engaging Progressive Web Apps (PWAs).

Introducing pwafire cdn and npm

Progressive Web Apps API of APIs. All New Web Capabilities as one Package.

Install pwafire via NPM

 npm i pwafire --save

Get pwafire over CDN as an E6 Module

Note that you can still use a specific version over the pwafire cdn

Latest version

import { pwa } from "https://unpkg.com/pwafire/esm/index.js";

Specific version

import { pwa } from "https://unpkg.com/[email protected]/esm/index.js";

Example : using pwafire

Import pwafire in your react app

import { pwa } from "pwafire";

Call the share method on pwa

pwa.Share(data);

Preview Documentation : Get Started

API Feature Detection

Goal is to allow room for custom handlers if need be
This approach is going to be experimental and will be updated
This addition is going to be built for available stable apis

Example and use case

Web Share is both on Edge desktop and mobile, but not with chrome. I'd like to show a copy link button for chrome
Install latest pwafire version, already up for testing in v4 alpha-3*

 npm i --save pwafire

Try it out

// Get the check instance from pwafire.
import { check } from "pwafire";
//...
// The response is a boolean, true or false.
const supported = await check.Share();
// You can get a list of all apis and their support status as well.
const all = await check.All();

PWAs : New Web Capabilities(Project Fugu)

Feature	Stabilty
Install(Custom)	ok
Background Sync	ok
Badging	ok
Contact Picker	ok
Screen Wake Lock	ok
Content Indexing	ok
Copy Text	ok
Read Text(Clipboard)	ok
Copy Images	ok
Read Files(Clipboard)	ok
Push Notifications	ok
Web Share	ok
Web payments	ok
View All, 10 + Here	14