fork of https://forged.synth.download/sd/pds-dash but with my cool and awesome customization!
GIF support (#5)
Reviewed-on: https://git.witchcraft.systems/scientific-witchery/pds-dash/pulls/5
+15
-9
+3
-9
src/App.svelte
+3
-9
src/App.svelte
···
57
57
{#each posts as postObject}
58
58
<PostComponent post={postObject as Post} />
59
59
{/each}
60
-
{#if screen.availWidth > 600}
61
-
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper="#Feed" />
62
-
{/if}
63
-
{#if screen.availWidth <= 600}
64
-
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper=false />
65
-
{/if}
60
+
<InfiniteLoading on:infinite={onInfinite} distance={3000} />
66
61
<div id="spacer"></div>
67
62
</div>
68
63
</div>
···
83
78
color: var(--text-color);
84
79
}
85
80
#Feed {
81
+
overflow-y: scroll;
86
82
width: 65%;
87
83
height: 100vh;
88
-
overflow-y: scroll;
89
84
padding: 20px;
90
85
padding-bottom: 0;
91
86
padding-top: 0;
···
143
138
height: auto;
144
139
}
145
140
#Feed {
146
-
overflow-y: scroll;
147
141
width: 95%;
148
142
margin: 0px;
149
143
margin-left: 10%;
150
144
margin-right: 10%;
151
145
padding: 0px;
152
-
height: auto;
146
+
overflow-y: visible;
153
147
}
154
148
155
149
#spacer {
+7
src/lib/PostComponent.svelte
+7
src/lib/PostComponent.svelte
+5
src/lib/pdsfetch.ts
+5
src/lib/pdsfetch.ts
···
46
46
replyingUri: atUriObject | null;
47
47
imagesCid: string[] | null;
48
48
videosLinkCid: string | null;
49
+
gifLink: string | null;
49
50
50
51
constructor(
51
52
record: ComAtprotoRepoListRecords.Record,
···
69
70
this.quotingUri = null;
70
71
this.imagesCid = null;
71
72
this.videosLinkCid = null;
73
+
this.gifLink = null;
72
74
switch (post.embed?.$type) {
73
75
case "app.bsky.embed.images":
74
76
this.imagesCid = post.embed.images.map(
···
95
97
96
98
break;
97
99
}
100
+
break;
101
+
case "app.bsky.embed.external": // assuming that external embeds are gifs for now
102
+
this.gifLink = post.embed.external.uri;
98
103
break;
99
104
}
100
105
}