drab 6.5.0 → 7.0.0

package/dist/share/index.js

@@ -1,33 +1,65 @@
-import { Copy } from "../copy/index.js";
+import { Announce, Content, Lifecycle, Trigger, } from "../base/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.
+ * to share the `url` if `navigator.share` is supported.
+ *
+ * Otherwise uses the
+ * [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText)
+ * to copy the `url` or `text` provided.
  *
  * ### Attributes
  *
- * `value`
+ * `url`
+ *
+ * URL to share.
+ *
+ * `text`
+ *
+ * Text to copy, or the `ShareData` text if `url` is set (only supported on some targets).
  *
- * Text to share.
+ * `share-title`
+ *
+ * `ShareData` title (only supported on some targets).
  */
-export class Share extends Copy {
+export class Share extends Lifecycle(Trigger(Content(Announce()))) {
     constructor() {
         super();
     }
-    /**
-     * Shares or copies the `value`.
-     * @param url The `url` to share, defaults to `this.value`
-     */
-    share(url = this.value) {
-        if (navigator.canShare && navigator.canShare({ url })) {
-            return navigator.share({ url });
-        }
-        else {
-            // progressively enhance, copy the link
-            return this.copy();
-        }
+    // helper since ShareData expects undefined instead of null
+    #attrOrUndefined(name) {
+        return this.getAttribute(name) ?? undefined;
+    }
+    get #title() {
+        return this.#attrOrUndefined("share-title");
+    }
+    get #text() {
+        return this.#attrOrUndefined("text");
+    }
+    get #url() {
+        return this.#attrOrUndefined("url");
     }
     mount() {
-        this.triggerListener(() => this.share());
+        this.listener(() => {
+            const data = {
+                title: this.#title,
+                text: this.#text,
+                url: this.#url,
+            };
+            if (data.url && navigator.canShare && navigator.canShare(data)) {
+                return navigator.share(data).catch((e) => {
+                    // catch abort errors when user cancels the share
+                    if (!(e instanceof Error) || e.name !== "AbortError")
+                        throw e;
+                });
+            }
+            const copy = data.url || data.text;
+            if (copy) {
+                return navigator.clipboard.writeText(copy).then(() => {
+                    this.announce("copied to clipboard");
+                    this.swap();
+                });
+            }
+        });
     }
 }