JavaScript Navigator share() Method

const lines = [
  "share: " + (typeof navigator.share === "function" ? "available" : "missing"),
  "canShare: " + (typeof navigator.canShare === "function" ? "available" : "missing"),
  "isSecureContext: " + window.isSecureContext
];
console.log(lines.join("\n"));

const shareData = {
  title: "CodeToFun",
  text: "Learn JavaScript on CodeToFun!",
  url: "https://www.codetofun.com/js"
};

async function sharePage() {
  if (typeof navigator.share !== "function") {
    return "Web Share API not supported";
  }
  try {
    await navigator.share(shareData);
    return "Shared successfully";
  } catch (err) {
    return "Error: " + err.name;
  }
}

// Call sharePage() from a button click handler

async function shareIfPossible(data) {
  if (typeof navigator.share !== "function") {
    return "share missing";
  }
  if (typeof navigator.canShare === "function" && !navigator.canShare(data)) {
    return "canShare returned false";
  }
  try {
    await navigator.share(data);
    return "ok";
  } catch (err) {
    return err.name;
  }
}

// From a click:
// shareIfPossible({ title: "Hi", text: "Hello", url: location.href })
//   .then(console.log);

async function shareWithFriendlyErrors(data) {
  try {
    await navigator.share(data);
    return { status: "shared" };
  } catch (err) {
    if (err.name === "AbortError") {
      return { status: "canceled" };
    }
    return { status: "error", name: err.name };
  }
}

// shareWithFriendlyErrors({ url: location.href, title: document.title })
//   .then((r) => console.log(JSON.stringify(r)));

async function shareOrCopy(data) {
  if (!window.isSecureContext) {
    return { ok: false, reason: "insecure-context" };
  }
  if (typeof navigator.share === "function") {
    try {
      if (typeof navigator.canShare === "function" && !navigator.canShare(data)) {
        return { ok: false, reason: "cannot-share-data" };
      }
      await navigator.share(data);
      return { ok: true, reason: "shared" };
    } catch (err) {
      if (err.name === "AbortError") {
        return { ok: true, reason: "canceled" };
      }
      return { ok: false, reason: err.name };
    }
  }
  try {
    await navigator.clipboard.writeText(data.url || location.href);
    return { ok: true, reason: "copied" };
  } catch (err) {
    return { ok: false, reason: "clipboard-" + err.name };
  }
}

// Call from a button:
// shareOrCopy({ title: document.title, url: location.href, text: "Check this out" })
//   .then((r) => console.log(JSON.stringify(r)));