shareButton.addEventListener("click", async () => {
    try {
        await navigator.share({ title: "Example Page", url: "" });
        console.log("Data was shared successfully");
    } catch (err) {
        console.error("Share failed:", err.message);
    }
});
                        

{
    "name": "Example Social",
    "short_name": "Example Social",
    "icons": [...],
    "share_target": {
        "action": "share.html",
        "method": "POST"
        "params": {
            "title": "name",
            "text": "description",
            "url": "link"
        }
    }
}
                        

"shortcuts": [
{
    "name": "Play Later",
    "description": "View the list of podcasts you saved for later",
    "url": "/play-later",
    "icons": [
        {
            "src": "/icons/play-later.svg",
            "type": "image/svg+xml",
            "purpose": "any"
        }
    ]
}]

                        

selectRecipientsButton.addEventListener('click', async () => {
    const contacts = await navigator.contacts.select(
        ['name', 'email', 'address', 'icon', 'tel'], { multiple: true }
    );
        
    if (!contacts.length) {
        // Either no contacts were selected in the picker, or the picker could
        // not be launched. Exposure of the API implies expected availability.
        return;
    }
    
    // Use the names and e-mail addresses in |contacts| to populate the
    // recipients field in the website's UI.
    populateRecipients(contacts);
});

                        

const openFile = async () => {
    try {
        // Always returns an array.
        const [handle] = await window.showOpenFilePicker();
        return handle.getFile();
    } catch (err) {
        console.error(err.name, err.message);
    }
};
                        

const saveFile = async (blob) => {
    try {
        const handle = await window.showSaveFilePicker({
        types: [{
            accept: {
            // Omitted
            },
        }],
        });
        const writable = await handle.createWritable();
        await writable.write(blob);
        await writable.close();
        return handle;
    } catch (err) {
        console.error(err.name, err.message);
    }
};
                        

const idleDetector = new IdleDetector();
idleDetector.addEventListener('change', () => {
    console.log(`Idle change: ${idleDetector.userState}, ${idleDetector.screenState}.`);
});    
await idleDetector.start({
    threshold: 60000,
    signal,
});
                        

const createScheduledNotification = async (tag, title, timestamp) => {
    const registration = await navigator.serviceWorker.getRegistration();
    registration.showNotification(title, {
        tag: tag,
        body: 'This notification was scheduled 30 seconds ago',
        showTrigger: new TimestampTrigger(timestamp + 30 * 1000),
    });
};