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