using cap sharing plugin

Author: functora

ghcjs/currency-converter/default.nix

@@ -90,6 +90,8 @@ in rec {
         ${./static}/web2.js -o $out/web2.js --compress --mangle --source-map
       ${functora-pkgs.terser}/bin/terser \
         ${./static}/web3.js -o $out/web3.js --compress --mangle --source-map
+      ${functora-pkgs.terser}/bin/terser \
+        ${./static}/web4.js -o $out/web4.js --compress --mangle --source-map
       ${functora-pkgs.terser}/bin/terser \
         ${./static}/main.js -o $out/main.js --compress --mangle --source-map
       ${functora-pkgs.html-minifier}/bin/html-minifier \

ghcjs/currency-converter/package-lock.json

@@ -12,6 +12,7 @@
     "@capacitor/core": "^6.0.0",
     "@capacitor/ios": "^6.0.0",
     "@capacitor/preferences": "^6.0.1",
+    "@capacitor/share": "^6.0.1",
     "capacitor-webview-print": "^6.0.1"
   },
   "devDependencies": {

ghcjs/currency-converter/package.json

@@ -73,9 +73,7 @@ copyIntoClipboard :: (Show a, Data a) => Model -> a -> JSM ()
 copyIntoClipboard st x = do
   let txt = inspect x
   unless (txt == mempty) $ do
-    clip <-
-      JS.global JS.! ("navigator" :: MisoString) JS.! ("clipboard" :: MisoString)
-    prom <- clip ^. JS.js1 ("writeText" :: MisoString) txt
+    prom <- JS.global ^. JS.js1 ("shareText" :: MisoString) txt
     success <- JS.function $ \_ _ _ -> textPopup @MisoString st "Copied!"
     failure <- JS.function $ \_ _ _ -> textPopup @MisoString st "Failed to copy!"
     void $ prom ^. JS.js2 ("then" :: MisoString) success failure

ghcjs/currency-converter/src/App/Misc.hs

@@ -92,6 +92,7 @@ runApp app = do
         ("web.js" : _) -> staticApp (defaultWebAppSettings "static") req
         ("web2.js" : _) -> staticApp (defaultWebAppSettings "static") req
         ("web3.js" : _) -> staticApp (defaultWebAppSettings "static") req
+        ("web4.js" : _) -> staticApp (defaultWebAppSettings "static") req
         ("main.js" : _) -> staticApp (defaultWebAppSettings "static") req
         ("site.webmanifest" : _) -> staticApp (defaultWebAppSettings "static") req
         _ -> JS.jsaddleAppWithJs (JS.jsaddleJs False <> js) req

ghcjs/currency-converter/src/Main.hs

@@ -1,9 +1,10 @@
 import { WebviewPrint } from "capacitor-webview-print";
 import { Preferences } from "@capacitor/preferences";
 import { Browser } from "@capacitor/browser";
+import { Share } from "@capacitor/share";
 
 async function printCurrentPage(name) {
-  await WebviewPrint.print({ name: name });
+  return await WebviewPrint.print({ name: name });
 }
 
 async function selectStorage(key) {
@@ -12,18 +13,28 @@ async function selectStorage(key) {
 }
 
 async function insertStorage(key, value) {
-  await Preferences.set({ key: key, value: value });
+  return await Preferences.set({ key: key, value: value });
 }
 
 async function openBrowserPage(url) {
   try {
-    await Browser.open({ url: url });
+    return await Browser.open({ url: url });
   } catch (e) {
-    window.open(url, "_blank").focus();
+    return window.open(url, "_blank").focus();
+  }
+}
+
+async function shareText(text) {
+  const { value } = await Share.canShare();
+  if (value) {
+    return await Share.share({ text: text });
+  } else {
+    return await navigator.clipboard.writeText(text);
   }
 }
 
 globalThis.printCurrentPage = printCurrentPage;
 globalThis.selectStorage = selectStorage;
 globalThis.insertStorage = insertStorage;
 globalThis.openBrowserPage = openBrowserPage;
+globalThis.shareText = shareText;

ghcjs/currency-converter/static/cap.js

@@ -582,27 +582,39 @@ const Preferences = registerPlugin("Preferences", {
 const Browser = registerPlugin("Browser", {
   web: () => __vitePreload(() => import("./web3.js"), true ? [] : void 0).then((m) => new m.BrowserWeb())
 });
+const Share = registerPlugin("Share", {
+  web: () => __vitePreload(() => import("./web4.js"), true ? [] : void 0).then((m) => new m.ShareWeb())
+});
 async function printCurrentPage(name) {
-  await WebviewPrint.print({ name });
+  return await WebviewPrint.print({ name });
 }
 async function selectStorage(key) {
   const { value } = await Preferences.get({ key });
   return value;
 }
 async function insertStorage(key, value) {
-  await Preferences.set({ key, value });
+  return await Preferences.set({ key, value });
 }
 async function openBrowserPage(url) {
   try {
-    await Browser.open({ url });
+    return await Browser.open({ url });
   } catch (e) {
-    window.open(url, "_blank").focus();
+    return window.open(url, "_blank").focus();
+  }
+}
+async function shareText(text) {
+  const { value } = await Share.canShare();
+  if (value) {
+    return await Share.share({ text });
+  } else {
+    return await navigator.clipboard.writeText(text);
   }
 }
 globalThis.printCurrentPage = printCurrentPage;
 globalThis.selectStorage = selectStorage;
 globalThis.insertStorage = insertStorage;
 globalThis.openBrowserPage = openBrowserPage;
+globalThis.shareText = shareText;
 export {
   WebPlugin as W
 };

ghcjs/currency-converter/static/main.js

@@ -0,0 +1,24 @@
+import { W as WebPlugin } from "./main.js";
+class ShareWeb extends WebPlugin {
+  async canShare() {
+    if (typeof navigator === "undefined" || !navigator.share) {
+      return { value: false };
+    } else {
+      return { value: true };
+    }
+  }
+  async share(options) {
+    if (typeof navigator === "undefined" || !navigator.share) {
+      throw this.unavailable("Share API not available in this browser");
+    }
+    await navigator.share({
+      title: options.title,
+      text: options.text,
+      url: options.url
+    });
+    return {};
+  }
+}
+export {
+  ShareWeb
+};