drab/dist/share/index.js

Interactivity for You

import { BaseCopy } from "../base/copy/index.js";
/**
 * Uses the [Navigator API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share) to share a url. If `share` is not supported, falls back to copy the text instead.
 */
export class Share extends BaseCopy {
    constructor() {
        super();
    }
    /**
     * Shares or copies the `value`.
     * @param url The `url` to share, defaults to `this.value`
     * @returns An object containing a `result` - whether the `url` was copied or shared
     * depending on browser support.
     */
    async share(url = this.value) {
        if (navigator.canShare && navigator.canShare({ url })) {
            try {
                await navigator.share({ url });
            }
            catch (error) {
                if (error?.name !== "AbortError") {
                    console.error(error);
                }
            }
        }
        else {
            // progressively enhance, copy the link
            this.copy();
        }
    }
    mount() {
        this.triggerListener(async () => await this.share());
    }
}