mirror of
https://github.com/coracle-social/coracle.git
synced 2024-09-18 19:23:40 +00:00
Disable fly on safari
This commit is contained in:
parent
3a91d49fc0
commit
efee0f9311
@ -40,11 +40,9 @@
|
|||||||
$: style.textContent = `:root { ${getThemeVariables($theme)}; background: var(--gray-8); }`
|
$: style.textContent = `:root { ${getThemeVariables($theme)}; background: var(--gray-8); }`
|
||||||
|
|
||||||
tryFunc(() =>
|
tryFunc(() =>
|
||||||
(navigator.registerProtocolHandler as (scheme: string, handler: string, name: string) => void)(
|
(
|
||||||
"web+nostr",
|
navigator.registerProtocolHandler as (scheme: string, handler: string, name: string) => void
|
||||||
`${location.origin}/%s`,
|
)?.("web+nostr", `${location.origin}/%s`, appName)
|
||||||
appName
|
|
||||||
)
|
|
||||||
)
|
)
|
||||||
|
|
||||||
const seenChallenges = new Set()
|
const seenChallenges = new Set()
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {nip19} from "nostr-tools"
|
import {nip19} from "nostr-tools"
|
||||||
import {navigate} from "svelte-routing"
|
import {navigate} from "svelte-routing"
|
||||||
import {fade} from "svelte/transition"
|
import {fade} from "src/util/transition"
|
||||||
import user from "src/agent/user"
|
import user from "src/agent/user"
|
||||||
import {modal, location} from "src/partials/state"
|
import {modal, location} from "src/partials/state"
|
||||||
|
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import cx from "classnames"
|
import cx from "classnames"
|
||||||
import {is} from "ramda"
|
import {is} from "ramda"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {toast} from "src/partials/state"
|
import {toast} from "src/partials/state"
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
import {onMount, onDestroy} from "svelte"
|
import {onMount, onDestroy} from "svelte"
|
||||||
import {debounce} from "throttle-debounce"
|
import {debounce} from "throttle-debounce"
|
||||||
import {last, equals, partition, always, uniqBy, sortBy, prop} from "ramda"
|
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 {quantify} from "hurdak/lib/hurdak"
|
||||||
import {fuzzy, createScroller, now, timedelta} from "src/util/misc"
|
import {fuzzy, createScroller, now, timedelta} from "src/util/misc"
|
||||||
import {asDisplayEvent, noteKinds} from "src/util/nostr"
|
import {asDisplayEvent, noteKinds} from "src/util/nostr"
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import type {DynamicFilter} from "src/util/types"
|
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 {pluck, omit, objOf} from "ramda"
|
||||||
import {debounce} from "throttle-debounce"
|
import {debounce} from "throttle-debounce"
|
||||||
import {createLocalDate, formatTimestampAsDate} from "src/util/misc"
|
import {createLocalDate, formatTimestampAsDate} from "src/util/misc"
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {objOf} from "ramda"
|
import {objOf} from "ramda"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {warn} from "src/util/logger"
|
import {warn} from "src/util/logger"
|
||||||
import {displayPerson, Tags} from "src/util/nostr"
|
import {displayPerson, Tags} from "src/util/nostr"
|
||||||
import {modal} from "src/partials/state"
|
import {modal} from "src/partials/state"
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
import {nip19} from "nostr-tools"
|
import {nip19} from "nostr-tools"
|
||||||
import {createEventDispatcher} from "svelte"
|
import {createEventDispatcher} from "svelte"
|
||||||
import {without, pluck, uniq} from "ramda"
|
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 {Tags, displayPerson} from "src/util/nostr"
|
||||||
import {toast} from "src/partials/state"
|
import {toast} from "src/partials/state"
|
||||||
import ImageInput from "src/partials/ImageInput.svelte"
|
import ImageInput from "src/partials/ImageInput.svelte"
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {last, nth} from "ramda"
|
import {last, nth} from "ramda"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {displayPerson} from "src/util/nostr"
|
import {displayPerson} from "src/util/nostr"
|
||||||
import {modal} from "src/partials/state"
|
import {modal} from "src/partials/state"
|
||||||
import Anchor from "src/partials/Anchor.svelte"
|
import Anchor from "src/partials/Anchor.svelte"
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<script>
|
<script>
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import Content from "src/partials/Content.svelte"
|
import Content from "src/partials/Content.svelte"
|
||||||
import RelayCard from "src/app/shared/RelayCard.svelte"
|
import RelayCard from "src/app/shared/RelayCard.svelte"
|
||||||
|
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {onMount} from "svelte"
|
import {onMount} from "svelte"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {tweened} from "svelte/motion"
|
import {tweened} from "svelte/motion"
|
||||||
import {numberFmt} from "src/util/misc"
|
import {numberFmt} from "src/util/misc"
|
||||||
import {modal} from "src/partials/state"
|
import {modal} from "src/partials/state"
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
import {find, propEq} from "ramda"
|
import {find, propEq} from "ramda"
|
||||||
import {between} from "hurdak/lib/hurdak"
|
import {between} from "hurdak/lib/hurdak"
|
||||||
import {onMount} from "svelte"
|
import {onMount} from "svelte"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {poll, stringToHue, hsl} from "src/util/misc"
|
import {poll, stringToHue, hsl} from "src/util/misc"
|
||||||
import {displayRelay} from "src/util/nostr"
|
import {displayRelay} from "src/util/nostr"
|
||||||
import {modal} from "src/partials/state"
|
import {modal} from "src/partials/state"
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<script>
|
<script>
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import Media from "src/partials/Media.svelte"
|
import Media from "src/partials/Media.svelte"
|
||||||
import Card from "src/partials/Card.svelte"
|
import Card from "src/partials/Card.svelte"
|
||||||
import Heading from "src/partials/Heading.svelte"
|
import Heading from "src/partials/Heading.svelte"
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {onMount} from "svelte"
|
import {onMount} from "svelte"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {error} from "src/util/logger"
|
import {error} from "src/util/logger"
|
||||||
import {stripExifData} from "src/util/html"
|
import {stripExifData} from "src/util/html"
|
||||||
import Input from "src/partials/Input.svelte"
|
import Input from "src/partials/Input.svelte"
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import {nip19} from "nostr-tools"
|
import {nip19} from "nostr-tools"
|
||||||
import {navigate} from "svelte-routing"
|
import {navigate} from "svelte-routing"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {ellipsize} from "hurdak/lib/hurdak"
|
import {ellipsize} from "hurdak/lib/hurdak"
|
||||||
import Anchor from "src/partials/Anchor.svelte"
|
import Anchor from "src/partials/Anchor.svelte"
|
||||||
import user from "src/agent/user"
|
import user from "src/agent/user"
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {Capacitor} from "@capacitor/core"
|
import {Capacitor} from "@capacitor/core"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {navigate} from "svelte-routing"
|
import {navigate} from "svelte-routing"
|
||||||
import {modal} from "src/partials/state"
|
import {modal} from "src/partials/state"
|
||||||
import Anchor from "src/partials/Anchor.svelte"
|
import Anchor from "src/partials/Anchor.svelte"
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<script>
|
<script>
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import Anchor from "src/partials/Anchor.svelte"
|
import Anchor from "src/partials/Anchor.svelte"
|
||||||
import Content from "src/partials/Content.svelte"
|
import Content from "src/partials/Content.svelte"
|
||||||
import {dropAll} from "src/agent/db"
|
import {dropAll} from "src/agent/db"
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
import {onMount} from "svelte"
|
import {onMount} from "svelte"
|
||||||
import {nip19} from "nostr-tools"
|
import {nip19} from "nostr-tools"
|
||||||
import {last, reject, pluck, propEq} from "ramda"
|
import {last, reject, pluck, propEq} from "ramda"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {writable} from "svelte/store"
|
import {writable} from "svelte/store"
|
||||||
import {annotateMedia} from "src/util/misc"
|
import {annotateMedia} from "src/util/misc"
|
||||||
import {displayPerson} from "src/util/nostr"
|
import {displayPerson} from "src/util/nostr"
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import {onMount, onDestroy} from "svelte"
|
import {onMount, onDestroy} from "svelte"
|
||||||
import {nip19} from "nostr-tools"
|
import {nip19} from "nostr-tools"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {first} from "hurdak/lib/hurdak"
|
import {first} from "hurdak/lib/hurdak"
|
||||||
import {log} from "src/util/logger"
|
import {log} from "src/util/logger"
|
||||||
import {isMobile} from "src/util/html"
|
import {isMobile} from "src/util/html"
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
import {throttle} from "throttle-debounce"
|
import {throttle} from "throttle-debounce"
|
||||||
import {pluck, reverse, max, last, sortBy} from "ramda"
|
import {pluck, reverse, max, last, sortBy} from "ramda"
|
||||||
import {onMount} from "svelte"
|
import {onMount} from "svelte"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {navigate} from "svelte-routing"
|
import {navigate} from "svelte-routing"
|
||||||
import {
|
import {
|
||||||
now,
|
now,
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
import {uniq} from "ramda"
|
import {uniq} from "ramda"
|
||||||
import {onMount} from "svelte"
|
import {onMount} from "svelte"
|
||||||
import {generatePrivateKey} from "nostr-tools"
|
import {generatePrivateKey} from "nostr-tools"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {navigate} from "svelte-routing"
|
import {navigate} from "svelte-routing"
|
||||||
import {shuffle} from "src/util/misc"
|
import {shuffle} from "src/util/misc"
|
||||||
import {displayPerson} from "src/util/nostr"
|
import {displayPerson} from "src/util/nostr"
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
import RelayCard from "src/app/shared/RelayCard.svelte"
|
import RelayCard from "src/app/shared/RelayCard.svelte"
|
||||||
import CopyValue from "src/partials/CopyValue.svelte"
|
import CopyValue from "src/partials/CopyValue.svelte"
|
||||||
import {onMount} from "svelte"
|
import {onMount} from "svelte"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
|
|
||||||
export let person
|
export let person
|
||||||
|
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<script>
|
<script>
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import Anchor from "src/partials/Anchor.svelte"
|
import Anchor from "src/partials/Anchor.svelte"
|
||||||
import Content from "src/partials/Content.svelte"
|
import Content from "src/partials/Content.svelte"
|
||||||
import RelayCard from "src/app/shared/RelayCard.svelte"
|
import RelayCard from "src/app/shared/RelayCard.svelte"
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {modal} from "src/partials/state"
|
import {modal} from "src/partials/state"
|
||||||
import Button from "src/partials/Button.svelte"
|
import Button from "src/partials/Button.svelte"
|
||||||
import Content from "src/partials/Content.svelte"
|
import Content from "src/partials/Content.svelte"
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import {onMount} from "svelte"
|
import {onMount} from "svelte"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {navigate} from "svelte-routing"
|
import {navigate} from "svelte-routing"
|
||||||
import {nip19} from "nostr-tools"
|
import {nip19} from "nostr-tools"
|
||||||
import {copyToClipboard} from "src/util/html"
|
import {copyToClipboard} from "src/util/html"
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {onMount} from "svelte"
|
import {onMount} from "svelte"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {navigate} from "svelte-routing"
|
import {navigate} from "svelte-routing"
|
||||||
import Input from "src/partials/Input.svelte"
|
import Input from "src/partials/Input.svelte"
|
||||||
import ImageInput from "src/partials/ImageInput.svelte"
|
import ImageInput from "src/partials/ImageInput.svelte"
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<script>
|
<script>
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {toast, appName} from "src/partials/state"
|
import {toast, appName} from "src/partials/state"
|
||||||
import Toggle from "src/partials/Toggle.svelte"
|
import Toggle from "src/partials/Toggle.svelte"
|
||||||
import Anchor from "src/partials/Anchor.svelte"
|
import Anchor from "src/partials/Anchor.svelte"
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import cx from "classnames"
|
import cx from "classnames"
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
|
|
||||||
export let interactive = false
|
export let interactive = false
|
||||||
export let invertColors = false
|
export let invertColors = false
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import {onMount} from "svelte"
|
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 {prop, max, path as getPath, reverse, pluck, uniqBy, sortBy, last} from "ramda"
|
||||||
import {sleep, createScroller} from "src/util/misc"
|
import {sleep, createScroller} from "src/util/misc"
|
||||||
import Spinner from "src/partials/Spinner.svelte"
|
import Spinner from "src/partials/Spinner.svelte"
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import {randomId} from "hurdak/lib/hurdak"
|
import {randomId} from "hurdak/lib/hurdak"
|
||||||
import {onMount, onDestroy} from "svelte"
|
import {onMount, onDestroy} from "svelte"
|
||||||
import {fly, fade} from "svelte/transition"
|
import {fly, fade} from "src/util/transition"
|
||||||
import {modal} from "src/partials/state"
|
import {modal} from "src/partials/state"
|
||||||
|
|
||||||
export let mini = false
|
export let mini = false
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<script>
|
<script>
|
||||||
import {fade} from "svelte/transition"
|
import {fade} from "src/util/transition"
|
||||||
import {Circle2} from "svelte-loading-spinners"
|
import {Circle2} from "svelte-loading-spinners"
|
||||||
|
|
||||||
export let delay = 1000
|
export let delay = 1000
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
|
|
||||||
export let select
|
export let select
|
||||||
|
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<script>
|
<script>
|
||||||
import {fly} from "svelte/transition"
|
import {fly} from "src/util/transition"
|
||||||
import {toTitle} from "hurdak/lib/hurdak"
|
import {toTitle} from "hurdak/lib/hurdak"
|
||||||
|
|
||||||
export let tabs
|
export let tabs
|
||||||
|
9
src/util/transition.ts
Normal file
9
src/util/transition.ts
Normal file
@ -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
|
Loading…
Reference in New Issue
Block a user