your personal website on atproto - mirror
blento.app
Merge pull request #169 from flo-bit/copy-page
add npmx stuff pt1
+187
-3
+3
-1
src/lib/cards/index.ts
+3
-1
src/lib/cards/index.ts
···
40
40
import { GitHubContributorsCardDefinition } from './social/GitHubContributorsCard';
41
41
import { ProductHuntCardDefinition } from './social/ProductHuntCard';
42
42
import { KickstarterCardDefinition } from './social/KickstarterCard';
43
+
import { NpmxLikesCardDefinition } from './social/NpmxLikesCard';
43
44
// import { Model3DCardDefinition } from './visual/Model3DCard';
44
45
45
46
export const AllCardDefinitions = [
···
84
85
FriendsCardDefinition,
85
86
GitHubContributorsCardDefinition,
86
87
ProductHuntCardDefinition,
87
-
KickstarterCardDefinition
88
+
KickstarterCardDefinition,
89
+
NpmxLikesCardDefinition
88
90
] as const;
89
91
90
92
export const CardDefinitionsByType = AllCardDefinitions.reduce(
+6
-2
src/lib/cards/visual/FluidTextCard/FluidTextCard.svelte
+6
-2
src/lib/cards/visual/FluidTextCard/FluidTextCard.svelte
···
1773
1773
? 'bg-base-50 dark:bg-base-900'
1774
1774
: 'bg-black'}"
1775
1775
>
1776
-
<canvas bind:this={shadowCanvas} class="absolute inset-0.5 h-[calc(100%-4px)] w-[calc(100%-4px)]"></canvas>
1777
-
<canvas bind:this={fluidCanvas} class="absolute inset-0.5 h-[calc(100%-4px)] w-[calc(100%-4px)]"></canvas>
1776
+
<canvas
1777
+
bind:this={shadowCanvas}
1778
+
class="absolute inset-0.5 h-[calc(100%-4px)] w-[calc(100%-4px)] rounded-[inherit]"
1779
+
></canvas>
1780
+
<canvas bind:this={fluidCanvas} class="absolute inset-0.5 h-[calc(100%-4px)] w-[calc(100%-4px)]"
1781
+
></canvas>
1778
1782
<canvas bind:this={maskCanvas} class="absolute h-full w-full"></canvas>
1779
1783
</div>
+44
src/routes/api/npmx-leaderboard/+server.ts
+44
src/routes/api/npmx-leaderboard/+server.ts
···
1
+
import { json } from '@sveltejs/kit';
2
+
import type { RequestHandler } from './$types';
3
+
4
+
const LEADERBOARD_API_URL =
5
+
'https://npmx-likes-leaderboard-api-production.up.railway.app/api/leaderboard/likes';
6
+
7
+
export const GET: RequestHandler = async ({ platform }) => {
8
+
const cacheKey = '#npmx-leaderboard:likes';
9
+
const cachedData = await platform?.env?.USER_DATA_CACHE?.get(cacheKey);
10
+
11
+
if (cachedData) {
12
+
const parsedCache = JSON.parse(cachedData);
13
+
14
+
const TWELVE_HOURS = 12 * 60 * 60 * 1000;
15
+
const now = Date.now();
16
+
17
+
if (now - (parsedCache.updatedAt || 0) < TWELVE_HOURS) {
18
+
return json(parsedCache.data);
19
+
}
20
+
}
21
+
22
+
try {
23
+
const response = await fetch(LEADERBOARD_API_URL);
24
+
25
+
if (!response.ok) {
26
+
return json(
27
+
{ error: 'Failed to fetch npmx leaderboard ' + response.statusText },
28
+
{ status: response.status }
29
+
);
30
+
}
31
+
32
+
const data = await response.json();
33
+
34
+
await platform?.env?.USER_DATA_CACHE?.put(
35
+
cacheKey,
36
+
JSON.stringify({ data, updatedAt: Date.now() })
37
+
);
38
+
39
+
return json(data);
40
+
} catch (error) {
41
+
console.error('Error fetching npmx leaderboard:', error);
42
+
return json({ error: 'Failed to fetch npmx leaderboard' }, { status: 500 });
43
+
}
44
+
};