flo-bit.dev
your personal website on atproto - mirror
blento.app
event stuff
+11
-11
src/routes/[[actor=actor]]/e/+page.server.ts
src/routes/[[actor=actor]]/events/+page.server.ts
+11
-11
src/routes/[[actor=actor]]/e/+page.server.ts
src/routes/[[actor=actor]]/events/+page.server.ts
···
1
1
import { error } from '@sveltejs/kit';
2
2
import type { EventData } from '$lib/cards/social/EventCard';
3
-
import { getBlentoOrBskyProfile } from '$lib/atproto/methods.js';
3
+
import { getBlentoOrBskyProfile, listRecords } from '$lib/atproto/methods.js';
4
4
import { createCache, type CachedProfile } from '$lib/cache';
5
5
import type { Did } from '@atcute/lexicons';
6
6
import { getActor } from '$lib/actor.js';
···
15
15
}
16
16
17
17
try {
18
-
const [eventsResponse, hostProfile] = await Promise.all([
19
-
fetch(
20
-
`https://smokesignal.events/xrpc/community.lexicon.calendar.searchEvents?repository=${encodeURIComponent(did)}&query=upcoming`
21
-
),
18
+
const [records, hostProfile] = await Promise.all([
19
+
listRecords({
20
+
did: did as Did,
21
+
collection: 'community.lexicon.calendar.event',
22
+
limit: 100
23
+
}),
22
24
cache
23
25
? cache.getProfile(did as Did).catch(() => null)
24
26
: getBlentoOrBskyProfile({ did: did as Did })
···
35
37
.catch(() => null)
36
38
]);
37
39
38
-
if (!eventsResponse.ok) {
39
-
throw error(404, 'Events not found');
40
-
}
41
-
42
-
const data: { results: EventData[] } = await eventsResponse.json();
43
-
const events = data.results;
40
+
const events = records.map((r) => ({
41
+
...(r.value as EventData),
42
+
rkey: r.uri.split('/').pop() as string
43
+
}));
44
44
45
45
return {
46
46
events,
+4
-14
src/routes/[[actor=actor]]/e/+page.svelte
src/routes/[[actor=actor]]/events/+page.svelte
+4
-14
src/routes/[[actor=actor]]/e/+page.svelte
src/routes/[[actor=actor]]/events/+page.svelte
···
6
6
7
7
let { data } = $props();
8
8
9
-
let events: EventData[] = $derived(data.events);
9
+
let events: (EventData & { rkey: string })[] = $derived(data.events);
10
10
let did: string = $derived(data.did);
11
11
let hostProfile = $derived(data.hostProfile);
12
12
···
74
74
return { url, alt: media.alt || event.name };
75
75
}
76
76
77
-
function getRkey(event: EventData): string {
78
-
return event.url.split('/').pop() || '';
79
-
}
80
-
81
77
let actorPrefix = $derived(data.hostProfile?.handle ? `/${data.hostProfile.handle}` : `/${did}`);
82
78
</script>
83
79
···
98
94
<h1 class="text-base-900 dark:text-base-50 mb-2 text-2xl font-bold sm:text-3xl">
99
95
Upcoming events
100
96
</h1>
101
-
<div class="flex items-center gap-2 mt-4">
97
+
<div class="mt-4 flex items-center gap-2">
102
98
<span class="text-base-500 dark:text-base-400 text-sm">Hosted by</span>
103
99
<a
104
100
href={hostUrl}
···
116
112
<p class="text-base-500 dark:text-base-400 py-12 text-center">No events found.</p>
117
113
{:else}
118
114
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
119
-
{#each events as event (event.url)}
115
+
{#each events as event (event.rkey)}
120
116
{@const thumbnail = getThumbnail(event)}
121
117
{@const location = getLocationString(event.locations)}
122
-
{@const rkey = getRkey(event)}
118
+
{@const rkey = event.rkey}
123
119
<a
124
120
href="{actorPrefix}/e/{rkey}"
125
121
class="border-base-200 dark:border-base-800 hover:border-base-300 dark:hover:border-base-700 group block overflow-hidden rounded-xl border transition-colors"
···
168
164
<span class="text-base-500 dark:text-base-400 truncate text-xs">{location}</span>
169
165
{/if}
170
166
</div>
171
-
172
-
{#if event.countGoing && event.countGoing > 0}
173
-
<p class="text-base-500 dark:text-base-400 mt-2 text-xs">
174
-
{event.countGoing} going
175
-
</p>
176
-
{/if}
177
167
</div>
178
168
</a>
179
169
{/each}
+12
-17
src/routes/[[actor=actor]]/e/[rkey]/+page.server.ts
src/routes/[[actor=actor]]/events/[rkey]/+page.server.ts
+12
-17
src/routes/[[actor=actor]]/e/[rkey]/+page.server.ts
src/routes/[[actor=actor]]/events/[rkey]/+page.server.ts
···
1
1
import { error } from '@sveltejs/kit';
2
2
import type { EventData } from '$lib/cards/social/EventCard';
3
-
import { getBlentoOrBskyProfile, getRecord, resolveHandle } from '$lib/atproto/methods.js';
4
-
import { isHandle } from '@atcute/lexicons/syntax';
3
+
import { getBlentoOrBskyProfile, getRecord } from '$lib/atproto/methods.js';
5
4
import { createCache, type CachedProfile } from '$lib/cache';
6
-
import type { ActorIdentifier, Did } from '@atcute/lexicons';
7
-
import { env as publicEnv } from '$env/dynamic/public';
5
+
import type { Did } from '@atcute/lexicons';
8
6
import { getActor } from '$lib/actor';
9
7
10
8
export async function load({ params, platform, request }) {
···
19
17
}
20
18
21
19
try {
22
-
const [eventResponse, hostProfile, eventRecord] = await Promise.all([
23
-
fetch(
24
-
`https://smokesignal.events/xrpc/community.lexicon.calendar.GetEvent?repository=${encodeURIComponent(did)}&record_key=${encodeURIComponent(rkey)}`
25
-
),
20
+
const [eventRecord, hostProfile] = await Promise.all([
21
+
getRecord({
22
+
did: did as Did,
23
+
collection: 'community.lexicon.calendar.event',
24
+
rkey
25
+
}),
26
26
cache
27
27
? cache.getProfile(did as Did).catch(() => null)
28
28
: getBlentoOrBskyProfile({ did: did as Did })
···
36
36
url: p.url
37
37
})
38
38
)
39
-
.catch(() => null),
40
-
getRecord({
41
-
did: did as Did,
42
-
collection: 'community.lexicon.calendar.event',
43
-
rkey
44
-
}).catch(() => null)
39
+
.catch(() => null)
45
40
]);
46
41
47
-
if (!eventResponse.ok) {
42
+
if (!eventRecord?.value) {
48
43
throw error(404, 'Event not found');
49
44
}
50
45
51
-
const eventData: EventData = await eventResponse.json();
46
+
const eventData: EventData = eventRecord.value as EventData;
52
47
53
48
return {
54
49
eventData,
55
50
did,
56
51
rkey,
57
52
hostProfile: hostProfile ?? null,
58
-
eventCid: (eventRecord?.cid as string) ?? null
53
+
eventCid: (eventRecord.cid as string) ?? null
59
54
};
60
55
} catch (e) {
61
56
if (e && typeof e === 'object' && 'status' in e) throw e;
+2
-16
src/routes/[[actor=actor]]/e/[rkey]/+page.svelte
src/routes/[[actor=actor]]/events/[rkey]/+page.svelte
+2
-16
src/routes/[[actor=actor]]/e/[rkey]/+page.svelte
src/routes/[[actor=actor]]/events/[rkey]/+page.svelte
···
88
88
return { url, alt: media.alt || eventData.name };
89
89
});
90
90
91
-
let eventUrl = $derived(eventData.url || `https://smokesignal.events/${did}/${rkey}`);
91
+
let smokesignalUrl = $derived(`https://smokesignal.events/${did}/${rkey}`);
92
92
let eventUri = $derived(`at://${did}/community.lexicon.calendar.event/${rkey}`);
93
93
94
94
let ogImageUrl = $derived(`${page.url.origin}${page.url.pathname}/og.png`);
···
247
247
</a>
248
248
</div>
249
249
250
-
{#if (eventData.countGoing && eventData.countGoing > 0) || (eventData.countInterested && eventData.countInterested > 0)}
251
-
<!-- Counts -->
252
-
<div
253
-
class="text-base-900 dark:text-base-100 order-4 space-y-2.5 text-base font-medium md:order-0 md:col-start-1"
254
-
>
255
-
{#if eventData.countGoing && eventData.countGoing > 0}
256
-
<p>{eventData.countGoing} Going</p>
257
-
{/if}
258
-
{#if eventData.countInterested && eventData.countInterested > 0}
259
-
<p>{eventData.countInterested} Interested</p>
260
-
{/if}
261
-
</div>
262
-
{/if}
263
-
264
250
{#if eventData.uris && eventData.uris.length > 0}
265
251
<!-- Links -->
266
252
<div class="order-5 md:order-0 md:col-start-1">
···
300
286
301
287
<!-- View on Smoke Signal link -->
302
288
<a
303
-
href={eventUrl}
289
+
href={smokesignalUrl}
304
290
target="_blank"
305
291
rel="noopener noreferrer"
306
292
class="text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200 order-6 inline-flex items-center gap-1.5 text-sm transition-colors md:order-0 md:col-start-2"
src/routes/[[actor=actor]]/e/[rkey]/EventRsvp.svelte
src/routes/[[actor=actor]]/events/[rkey]/EventRsvp.svelte
src/routes/[[actor=actor]]/e/[rkey]/EventRsvp.svelte
src/routes/[[actor=actor]]/events/[rkey]/EventRsvp.svelte
+9
-9
src/routes/[[actor=actor]]/e/[rkey]/og.png/+server.ts
src/routes/[[actor=actor]]/events/[rkey]/og.png/+server.ts
+9
-9
src/routes/[[actor=actor]]/e/[rkey]/og.png/+server.ts
src/routes/[[actor=actor]]/events/[rkey]/og.png/+server.ts
···
1
-
import { getCDNImageBlobUrl, resolveHandle } from '$lib/atproto/methods.js';
2
-
import { env as publicEnv } from '$env/dynamic/public';
1
+
import { getCDNImageBlobUrl, getRecord } from '$lib/atproto/methods.js';
3
2
4
-
import type { ActorIdentifier } from '@atcute/lexicons';
5
-
import { isHandle } from '@atcute/lexicons/syntax';
3
+
import type { Did } from '@atcute/lexicons';
6
4
import type { EventData } from '$lib/cards/social/EventCard';
7
5
import { ImageResponse } from '@ethercorps/sveltekit-og';
8
6
import { error } from '@sveltejs/kit';
···
29
27
let eventData: EventData;
30
28
31
29
try {
32
-
const eventResponse = await fetch(
33
-
`https://smokesignal.events/xrpc/community.lexicon.calendar.GetEvent?repository=${encodeURIComponent(did)}&record_key=${encodeURIComponent(rkey)}`
34
-
);
30
+
const eventRecord = await getRecord({
31
+
did: did as Did,
32
+
collection: 'community.lexicon.calendar.event',
33
+
rkey
34
+
});
35
35
36
-
if (!eventResponse.ok) {
36
+
if (!eventRecord?.value) {
37
37
throw error(404, 'Event not found');
38
38
}
39
39
40
-
eventData = await eventResponse.json();
40
+
eventData = eventRecord.value as EventData;
41
41
} catch (e) {
42
42
if (e && typeof e === 'object' && 'status' in e) throw e;
43
43
throw error(404, 'Event not found');
