Disable fly on safari

src/app/App.svelte

@@ -40,11 +40,9 @@
   $: style.textContent = `:root { ${getThemeVariables($theme)}; background: var(--gray-8); }`
 
   tryFunc(() =>
-    (navigator.registerProtocolHandler as (scheme: string, handler: string, name: string) => void)(
-      "web+nostr",
-      `${location.origin}/%s`,
-      appName
-    )
+    (
+      navigator.registerProtocolHandler as (scheme: string, handler: string, name: string) => void
+    )?.("web+nostr", `${location.origin}/%s`, appName)
   )
 
   const seenChallenges = new Set()

src/app/ForegroundButtons.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import {nip19} from "nostr-tools"
   import {navigate} from "svelte-routing"
-  import {fade} from "svelte/transition"
+  import {fade} from "src/util/transition"
   import user from "src/agent/user"
   import {modal, location} from "src/partials/state"
 

src/app/Toast.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import cx from "classnames"
   import {is} from "ramda"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {toast} from "src/partials/state"
 </script>
 

src/app/shared/Feed.svelte

@@ -3,7 +3,7 @@
   import {onMount, onDestroy} from "svelte"
   import {debounce} from "throttle-debounce"
   import {last, equals, partition, always, uniqBy, sortBy, prop} from "ramda"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {quantify} from "hurdak/lib/hurdak"
   import {fuzzy, createScroller, now, timedelta} from "src/util/misc"
   import {asDisplayEvent, noteKinds} from "src/util/nostr"

src/app/shared/FeedControls.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type {DynamicFilter} from "src/util/types"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {pluck, omit, objOf} from "ramda"
   import {debounce} from "throttle-debounce"
   import {createLocalDate, formatTimestampAsDate} from "src/util/misc"

src/app/shared/NoteContentQuote.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {objOf} from "ramda"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {warn} from "src/util/logger"
   import {displayPerson, Tags} from "src/util/nostr"
   import {modal} from "src/partials/state"

src/app/shared/NoteReply.svelte

@@ -2,7 +2,7 @@
   import {nip19} from "nostr-tools"
   import {createEventDispatcher} from "svelte"
   import {without, pluck, uniq} from "ramda"
-  import {slide} from "svelte/transition"
+  import {slide} from "src/util/transition"
   import {Tags, displayPerson} from "src/util/nostr"
   import {toast} from "src/partials/state"
   import ImageInput from "src/partials/ImageInput.svelte"

src/app/shared/PersonInfo.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {last, nth} from "ramda"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {displayPerson} from "src/util/nostr"
   import {modal} from "src/partials/state"
   import Anchor from "src/partials/Anchor.svelte"

src/app/shared/PersonRelays.svelte

@@ -1,5 +1,5 @@
 <script>
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import Content from "src/partials/Content.svelte"
   import RelayCard from "src/app/shared/RelayCard.svelte"
 

src/app/shared/PersonStats.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {onMount} from "svelte"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {tweened} from "svelte/motion"
   import {numberFmt} from "src/util/misc"
   import {modal} from "src/partials/state"

src/app/shared/RelayCard.svelte

@@ -3,7 +3,7 @@
   import {find, propEq} from "ramda"
   import {between} from "hurdak/lib/hurdak"
   import {onMount} from "svelte"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {poll, stringToHue, hsl} from "src/util/misc"
   import {displayRelay} from "src/util/nostr"
   import {modal} from "src/partials/state"

src/app/views/Apps.svelte

@@ -1,5 +1,5 @@
 <script>
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import Media from "src/partials/Media.svelte"
   import Card from "src/partials/Card.svelte"
   import Heading from "src/partials/Heading.svelte"

src/app/views/ChatEdit.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {onMount} from "svelte"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {error} from "src/util/logger"
   import {stripExifData} from "src/util/html"
   import Input from "src/partials/Input.svelte"

src/app/views/ChatListItem.svelte

@@ -1,7 +1,7 @@
 <script>
   import {nip19} from "nostr-tools"
   import {navigate} from "svelte-routing"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {ellipsize} from "hurdak/lib/hurdak"
   import Anchor from "src/partials/Anchor.svelte"
   import user from "src/agent/user"

src/app/views/Login.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {Capacitor} from "@capacitor/core"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {navigate} from "svelte-routing"
   import {modal} from "src/partials/state"
   import Anchor from "src/partials/Anchor.svelte"

src/app/views/Logout.svelte

@@ -1,5 +1,5 @@
 <script>
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import Anchor from "src/partials/Anchor.svelte"
   import Content from "src/partials/Content.svelte"
   import {dropAll} from "src/agent/db"

src/app/views/NoteCreate.svelte

@@ -2,7 +2,7 @@
   import {onMount} from "svelte"
   import {nip19} from "nostr-tools"
   import {last, reject, pluck, propEq} from "ramda"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {writable} from "svelte/store"
   import {annotateMedia} from "src/util/misc"
   import {displayPerson} from "src/util/nostr"

src/app/views/NoteDetail.svelte

@@ -1,7 +1,7 @@
 <script>
   import {onMount, onDestroy} from "svelte"
   import {nip19} from "nostr-tools"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {first} from "hurdak/lib/hurdak"
   import {log} from "src/util/logger"
   import {isMobile} from "src/util/html"

src/app/views/Notifications.svelte

@@ -2,7 +2,7 @@
   import {throttle} from "throttle-debounce"
   import {pluck, reverse, max, last, sortBy} from "ramda"
   import {onMount} from "svelte"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {navigate} from "svelte-routing"
   import {
     now,

src/app/views/Onboarding.svelte

@@ -2,7 +2,7 @@
   import {uniq} from "ramda"
   import {onMount} from "svelte"
   import {generatePrivateKey} from "nostr-tools"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {navigate} from "svelte-routing"
   import {shuffle} from "src/util/misc"
   import {displayPerson} from "src/util/nostr"

src/app/views/PersonProfileInfo.svelte

@@ -4,7 +4,7 @@
   import RelayCard from "src/app/shared/RelayCard.svelte"
   import CopyValue from "src/partials/CopyValue.svelte"
   import {onMount} from "svelte"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
 
   export let person
 

src/app/views/RelayList.svelte

@@ -1,5 +1,5 @@
 <script>
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import Anchor from "src/partials/Anchor.svelte"
   import Content from "src/partials/Content.svelte"
   import RelayCard from "src/app/shared/RelayCard.svelte"

src/app/views/RelayReview.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {modal} from "src/partials/state"
   import Button from "src/partials/Button.svelte"
   import Content from "src/partials/Content.svelte"

src/app/views/UserKeys.svelte

@@ -1,6 +1,6 @@
 <script>
   import {onMount} from "svelte"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {navigate} from "svelte-routing"
   import {nip19} from "nostr-tools"
   import {copyToClipboard} from "src/util/html"

src/app/views/UserProfile.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {onMount} from "svelte"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {navigate} from "svelte-routing"
   import Input from "src/partials/Input.svelte"
   import ImageInput from "src/partials/ImageInput.svelte"

src/app/views/UserSettings.svelte

@@ -1,5 +1,5 @@
 <script>
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {toast, appName} from "src/partials/state"
   import Toggle from "src/partials/Toggle.svelte"
   import Anchor from "src/partials/Anchor.svelte"

src/partials/Card.svelte

@@ -1,6 +1,6 @@
 <script>
   import cx from "classnames"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
 
   export let interactive = false
   export let invertColors = false

src/partials/Channel.svelte

@@ -1,6 +1,6 @@
 <script>
   import {onMount} from "svelte"
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {prop, max, path as getPath, reverse, pluck, uniqBy, sortBy, last} from "ramda"
   import {sleep, createScroller} from "src/util/misc"
   import Spinner from "src/partials/Spinner.svelte"

src/partials/Modal.svelte

@@ -1,7 +1,7 @@
 <script>
   import {randomId} from "hurdak/lib/hurdak"
   import {onMount, onDestroy} from "svelte"
-  import {fly, fade} from "svelte/transition"
+  import {fly, fade} from "src/util/transition"
   import {modal} from "src/partials/state"
 
   export let mini = false

src/partials/Spinner.svelte

@@ -1,5 +1,5 @@
 <script>
-  import {fade} from "svelte/transition"
+  import {fade} from "src/util/transition"
   import {Circle2} from "svelte-loading-spinners"
 
   export let delay = 1000

src/partials/Suggestions.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
 
   export let select
 

src/partials/Tabs.svelte

@@ -1,5 +1,5 @@
 <script>
-  import {fly} from "svelte/transition"
+  import {fly} from "src/util/transition"
   import {toTitle} from "hurdak/lib/hurdak"
 
   export let tabs

src/util/transition.ts

@@ -0,0 +1,9 @@
+import * as t from "svelte/transition"
+
+// Fly animation kills safari for some reason, use a modified fade instead
+// @ts-ignore
+export const fly = window.safari
+  ? (node, params) => t.fade(node, {duration: 100, ...params})
+  : t.fly
+export const fade = t.fade
+export const slide = t.slide