From 037c8cb41b767e8d4404a2c188ba247fc66cdaa7 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 17 Jul 2025 14:39:59 -0700
Subject: [PATCH] Disable zaps on ios

---
 src/app/components/ChannelMessage.svelte        |  6 ++++--
 src/app/components/EventActions.svelte          |  3 ++-
 src/app/components/MenuSpace.svelte             | 15 +++++++++------
 src/app/components/ReactionSummary.svelte       |  3 ++-
 src/app/state.ts                                |  7 +++++--
 src/routes/spaces/[relay]/[room]/+page.svelte   |  5 ++---
 src/routes/spaces/[relay]/calendar/+page.svelte |  8 +++-----
 src/routes/spaces/[relay]/chat/+page.svelte     |  6 +++---
 src/routes/spaces/[relay]/goals/+page.svelte    | 14 +++-----------
 src/routes/spaces/[relay]/threads/+page.svelte  | 13 +++----------
 10 files changed, 36 insertions(+), 44 deletions(-)

diff --git a/src/app/components/ChannelMessage.svelte b/src/app/components/ChannelMessage.svelte
index 1d9da7ce..6a90b703 100644
--- a/src/app/components/ChannelMessage.svelte
+++ b/src/app/components/ChannelMessage.svelte
@@ -15,7 +15,7 @@
   import ChannelMessageEmojiButton from "@app/components/ChannelMessageEmojiButton.svelte"
   import ChannelMessageMenuButton from "@app/components/ChannelMessageMenuButton.svelte"
   import ChannelMessageMenuMobile from "@app/components/ChannelMessageMenuMobile.svelte"
-  import {colors} from "@app/state"
+  import {colors, ENABLE_ZAPS} from "@app/state"
   import {publishDelete, publishReaction} from "@app/commands"
   import {pushModal} from "@app/modal"
 
@@ -95,7 +95,9 @@
     <button
       class="join absolute right-1 top-1 border border-solid border-neutral text-xs opacity-0 transition-all"
       class:group-hover:opacity-100={!isMobile}>
-      <ChannelMessageZapButton {url} {event} />
+      {#if ENABLE_ZAPS}
+        <ChannelMessageZapButton {url} {event} />
+      {/if}
       <ChannelMessageEmojiButton {url} {event} />
       {#if replyTo}
         <Button class="btn join-item btn-xs" onclick={reply}>
diff --git a/src/app/components/EventActions.svelte b/src/app/components/EventActions.svelte
index 31fc0a66..a608eac9 100644
--- a/src/app/components/EventActions.svelte
+++ b/src/app/components/EventActions.svelte
@@ -9,6 +9,7 @@
   import ZapButton from "@app/components/ZapButton.svelte"
   import EmojiButton from "@lib/components/EmojiButton.svelte"
   import EventMenu from "@app/components/EventMenu.svelte"
+  import {ENABLE_ZAPS} from "@app/state"
   import {publishReaction} from "@app/commands"
 
   type Props = {
@@ -32,7 +33,7 @@
 </script>
 
 <Button class="join rounded-full">
-  {#if !hideZap}
+  {#if ENABLE_ZAPS && !hideZap}
     <ZapButton {url} {event} class="btn join-item btn-neutral btn-xs">
       <Icon icon="bolt" size={4} />
     </ZapButton>
diff --git a/src/app/components/MenuSpace.svelte b/src/app/components/MenuSpace.svelte
index 0bbe4069..0a8f5994 100644
--- a/src/app/components/MenuSpace.svelte
+++ b/src/app/components/MenuSpace.svelte
@@ -18,6 +18,7 @@
   import RoomCreate from "@app/components/RoomCreate.svelte"
   import MenuSpaceRoomItem from "@app/components/MenuSpaceRoomItem.svelte"
   import {
+    ENABLE_ZAPS,
     userRoomsByUrl,
     hasMembershipUrl,
     memberships,
@@ -131,12 +132,14 @@
       <SecondaryNavItem {replaceState} href={makeSpacePath(url)}>
         <Icon icon="home-smile" /> Home
       </SecondaryNavItem>
-      <SecondaryNavItem
-        {replaceState}
-        href={goalsPath}
-        notification={$notifications.has(goalsPath)}>
-        <Icon icon="star-fall-minimalistic-2" /> Goals
-      </SecondaryNavItem>
+      {#if ENABLE_ZAPS}
+        <SecondaryNavItem
+          {replaceState}
+          href={goalsPath}
+          notification={$notifications.has(goalsPath)}>
+          <Icon icon="star-fall-minimalistic-2" /> Goals
+        </SecondaryNavItem>
+      {/if}
       <SecondaryNavItem
         {replaceState}
         href={threadsPath}
diff --git a/src/app/components/ReactionSummary.svelte b/src/app/components/ReactionSummary.svelte
index d7074f28..0f8fed9f 100644
--- a/src/app/components/ReactionSummary.svelte
+++ b/src/app/components/ReactionSummary.svelte
@@ -21,6 +21,7 @@
   import Icon from "@lib/components/Icon.svelte"
   import Reaction from "@app/components/Reaction.svelte"
   import EventReportDetails from "@app/components/EventReportDetails.svelte"
+  import {REACTION_KINDS} from "@app/state"
   import {pushModal} from "@app/modal"
 
   interface Props {
@@ -94,7 +95,7 @@
       load({
         relays: [url],
         signal: controller.signal,
-        filters: getReplyFilters([event], {kinds: [REACTION, REPORT, DELETE, ZAP_RESPONSE]}),
+        filters: getReplyFilters([event], {kinds: [REPORT, DELETE, ...REACTION_KINDS]}),
         onEvent: batch(300, (events: TrustedEvent[]) => {
           load({
             relays: [url],
diff --git a/src/app/state.ts b/src/app/state.ts
index a4541b76..b4300fd5 100644
--- a/src/app/state.ts
+++ b/src/app/state.ts
@@ -1,4 +1,5 @@
 import twColors from "tailwindcss/colors"
+import {Capacitor} from "@capacitor/core"
 import {get, derived} from "svelte/store"
 import * as nip19 from "nostr-tools/nip19"
 import {
@@ -98,6 +99,10 @@ export const ROOM = "h"
 
 export const PROTECTED = ["-"]
 
+export const ENABLE_ZAPS = Capacitor.getPlatform() != "ios"
+
+export const REACTION_KINDS = ENABLE_ZAPS ? [REACTION, ZAP_RESPONSE] : [REACTION]
+
 export const NOTIFIER_PUBKEY = import.meta.env.VITE_NOTIFIER_PUBKEY
 
 export const NOTIFIER_RELAY = import.meta.env.VITE_NOTIFIER_RELAY
@@ -132,8 +137,6 @@ export const DUFFLEPUD_URL = "https://dufflepud.onrender.com"
 
 export const IMGPROXY_URL = "https://imgproxy.coracle.social"
 
-export const REACTION_KINDS = [REACTION, ZAP_RESPONSE]
-
 export const NIP46_PERMS =
   "nip44_encrypt,nip44_decrypt," +
   [CLIENT_AUTH, AUTH_JOIN, MESSAGE, THREAD, COMMENT, ROOMS, WRAP, REACTION, ZAP_REQUEST]
diff --git a/src/routes/spaces/[relay]/[room]/+page.svelte b/src/routes/spaces/[relay]/[room]/+page.svelte
index 5a3ff0f8..aa9b050c 100644
--- a/src/routes/spaces/[relay]/[room]/+page.svelte
+++ b/src/routes/spaces/[relay]/[room]/+page.svelte
@@ -12,8 +12,6 @@
     makeRoomMeta,
     MESSAGE,
     DELETE,
-    REACTION,
-    ZAP_RESPONSE,
     ROOM_ADD_USER,
     ROOM_REMOVE_USER,
   } from "@welshman/util"
@@ -38,6 +36,7 @@
     deriveUserMembershipStatus,
     deriveChannel,
     MembershipStatus,
+    REACTION_KINDS,
   } from "@app/state"
   import {setChecked, checked} from "@app/notifications"
   import {addRoomMembership, removeRoomMembership, prependParent} from "@app/commands"
@@ -228,7 +227,7 @@
       relays: [url],
       feedFilters: [filter],
       subscriptionFilters: [
-        {kinds: [DELETE, REACTION, ZAP_RESPONSE, MESSAGE], "#h": [room], since: now()},
+        {kinds: [DELETE, MESSAGE, ...REACTION_KINDS], "#h": [room], since: now()},
       ],
       initialEvents: getEventsForUrl(url, [{...filter, limit: 20}]),
       onExhausted: () => {
diff --git a/src/routes/spaces/[relay]/calendar/+page.svelte b/src/routes/spaces/[relay]/calendar/+page.svelte
index c07b739a..bf20d4bf 100644
--- a/src/routes/spaces/[relay]/calendar/+page.svelte
+++ b/src/routes/spaces/[relay]/calendar/+page.svelte
@@ -5,7 +5,7 @@
   import {page} from "$app/stores"
   import {now, last, formatTimestampAsDate} from "@welshman/lib"
   import type {TrustedEvent} from "@welshman/util"
-  import {REACTION, ZAP_RESPONSE, DELETE, EVENT_TIME, getTagValue} from "@welshman/util"
+  import {DELETE, EVENT_TIME, getTagValue} from "@welshman/util"
   import {fly} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
@@ -17,7 +17,7 @@
   import CalendarEventItem from "@app/components/CalendarEventItem.svelte"
   import CalendarEventCreate from "@app/components/CalendarEventCreate.svelte"
   import {pushModal} from "@app/modal"
-  import {getEventsForUrl, decodeRelay} from "@app/state"
+  import {getEventsForUrl, decodeRelay, REACTION_KINDS} from "@app/state"
   import {makeCalendarFeed} from "@app/requests"
   import {setChecked} from "@app/notifications"
 
@@ -93,9 +93,7 @@
 
   onMount(() => {
     const feedFilters = [{kinds: [EVENT_TIME]}]
-    const subscriptionFilters = [
-      {kinds: [DELETE, REACTION, ZAP_RESPONSE, EVENT_TIME], since: now()},
-    ]
+    const subscriptionFilters = [{kinds: [DELETE, EVENT_TIME, ...REACTION_KINDS], since: now()}]
 
     ;({events, cleanup} = makeCalendarFeed({
       element: element!,
diff --git a/src/routes/spaces/[relay]/chat/+page.svelte b/src/routes/spaces/[relay]/chat/+page.svelte
index 183a1574..dedc8585 100644
--- a/src/routes/spaces/[relay]/chat/+page.svelte
+++ b/src/routes/spaces/[relay]/chat/+page.svelte
@@ -5,7 +5,7 @@
   import type {Readable} from "svelte/store"
   import {now, formatTimestampAsDate} from "@welshman/lib"
   import type {TrustedEvent, EventContent} from "@welshman/util"
-  import {makeEvent, MESSAGE, DELETE, REACTION, ZAP_RESPONSE} from "@welshman/util"
+  import {makeEvent, MESSAGE, DELETE} from "@welshman/util"
   import {pubkey, publishThunk} from "@welshman/app"
   import {slide, fade, fly} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
@@ -21,7 +21,7 @@
   import {userSettingValues, decodeRelay, getEventsForUrl} from "@app/state"
   import {setChecked, checked} from "@app/notifications"
   import {prependParent} from "@app/commands"
-  import {PROTECTED} from "@app/state"
+  import {PROTECTED, REACTION_KINDS} from "@app/state"
   import {makeFeed} from "@app/requests"
   import {popKey} from "@app/implicit"
 
@@ -174,7 +174,7 @@
       element: element!,
       relays: [url],
       feedFilters: [filter],
-      subscriptionFilters: [{kinds: [DELETE, REACTION, ZAP_RESPONSE, MESSAGE], since: now()}],
+      subscriptionFilters: [{kinds: [DELETE, MESSAGE, ...REACTION_KINDS], since: now()}],
       initialEvents: getEventsForUrl(url, [{...filter, limit: 20}]),
       onExhausted: () => {
         loadingEvents = false
diff --git a/src/routes/spaces/[relay]/goals/+page.svelte b/src/routes/spaces/[relay]/goals/+page.svelte
index e6f173e2..9755b9d3 100644
--- a/src/routes/spaces/[relay]/goals/+page.svelte
+++ b/src/routes/spaces/[relay]/goals/+page.svelte
@@ -3,15 +3,7 @@
   import {page} from "$app/stores"
   import {sortBy, max, nthEq} from "@welshman/lib"
   import type {TrustedEvent} from "@welshman/util"
-  import {
-    ZAP_GOAL,
-    REACTION,
-    ZAP_RESPONSE,
-    DELETE,
-    COMMENT,
-    getListTags,
-    getPubkeyTagValues,
-  } from "@welshman/util"
+  import {ZAP_GOAL, DELETE, COMMENT, getListTags, getPubkeyTagValues} from "@welshman/util"
   import {userMutes} from "@welshman/app"
   import {fly} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
@@ -22,7 +14,7 @@
   import MenuSpaceButton from "@app/components/MenuSpaceButton.svelte"
   import GoalItem from "@app/components/GoalItem.svelte"
   import GoalCreate from "@app/components/GoalCreate.svelte"
-  import {decodeRelay, getEventsForUrl} from "@app/state"
+  import {decodeRelay, getEventsForUrl, REACTION_KINDS} from "@app/state"
   import {setChecked} from "@app/notifications"
   import {makeFeed} from "@app/requests"
   import {pushModal} from "@app/modal"
@@ -57,7 +49,7 @@
       relays: [url],
       feedFilters: [{kinds: [ZAP_GOAL, COMMENT]}],
       subscriptionFilters: [
-        {kinds: [ZAP_GOAL, REACTION, ZAP_RESPONSE, DELETE]},
+        {kinds: [ZAP_GOAL, DELETE, ...REACTION_KINDS]},
         {kinds: [COMMENT], "#K": [String(ZAP_GOAL)]},
       ],
       initialEvents: getEventsForUrl(url, [{kinds: [ZAP_GOAL, COMMENT], limit: 10}]),
diff --git a/src/routes/spaces/[relay]/threads/+page.svelte b/src/routes/spaces/[relay]/threads/+page.svelte
index 695f35e8..3caa5f74 100644
--- a/src/routes/spaces/[relay]/threads/+page.svelte
+++ b/src/routes/spaces/[relay]/threads/+page.svelte
@@ -3,15 +3,7 @@
   import {page} from "$app/stores"
   import {sortBy, max, nthEq} from "@welshman/lib"
   import type {TrustedEvent} from "@welshman/util"
-  import {
-    THREAD,
-    REACTION,
-    ZAP_RESPONSE,
-    DELETE,
-    COMMENT,
-    getListTags,
-    getPubkeyTagValues,
-  } from "@welshman/util"
+  import {THREAD, DELETE, COMMENT, getListTags, getPubkeyTagValues} from "@welshman/util"
   import {userMutes} from "@welshman/app"
   import {fly} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
@@ -24,6 +16,7 @@
   import ThreadCreate from "@app/components/ThreadCreate.svelte"
   import {decodeRelay, getEventsForUrl} from "@app/state"
   import {setChecked} from "@app/notifications"
+  import {REACTION_KINDS} from "@app/state"
   import {makeFeed} from "@app/requests"
   import {pushModal} from "@app/modal"
 
@@ -57,7 +50,7 @@
       relays: [url],
       feedFilters: [{kinds: [THREAD, COMMENT]}],
       subscriptionFilters: [
-        {kinds: [THREAD, REACTION, ZAP_RESPONSE, DELETE]},
+        {kinds: [THREAD, DELETE, ...REACTION_KINDS]},
         {kinds: [COMMENT], "#K": [String(THREAD)]},
       ],
       initialEvents: getEventsForUrl(url, [{kinds: [THREAD, COMMENT], limit: 10}]),