hasPermission

Reactive Permissions API. The Permissions API provides the tools to allow developers to implement a better user experience as far as permissions are concerned.

Demo

accelerometer:

accessibilityEvents:

ambientLightSensor:

backgroundSync:

camera:

clipboardRead:

clipboardWrite:

gyroscope:

magnetometer:

microphone:

notifications:

paymentHandler:

persistentStorage:

push:

speaker:

localFonts:

Usage

<script lang="ts">
import { hasPermission } from "svelte-legos";

const accelerometer = hasPermission("accelerometer");
const accessibilityEvents = hasPermission("accessibility-events");
const ambientLightSensor = hasPermission("ambient-light-sensor");
const backgroundSync = hasPermission("background-sync");
const camera = hasPermission("camera");
const clipboardRead = hasPermission("clipboard-read");
const clipboardWrite = hasPermission("clipboard-write");
const gyroscope = hasPermission("gyroscope");
const magnetometer = hasPermission("magnetometer");
const microphone = hasPermission("microphone");
const notifications = hasPermission("notifications");
const paymentHandler = hasPermission("payment-handler");
const persistentStorage = hasPermission("persistent-storage");
const push = hasPermission("push");
const speaker = hasPermission("speaker");
const localFonts = hasPermission("local-fonts");

// $accelerometer => undefined | "granted" | "prompt" | "denied"
</script>

Code

Source
Demo