GitHub Stars

1"use client";
2 
3import { loadFont as loadMono } from "@remotion/google-fonts/GeistMono";
4import { loadFont as loadSans } from "@remotion/google-fonts/Manrope";
5import { format, parseISO } from "date-fns";
6import { memo, useMemo, useState } from "react";
7import {
8  AbsoluteFill,
9  Easing,
10  Img,
11  interpolate,
12  useCurrentFrame,
13  useVideoConfig,
14} from "remotion";
15import { Odometer } from "@/components/remocn/number-wheel";
16 
17export interface Stargazer {
18  login: string;
19  avatarUrl: string;
20  /** ISO date string, e.g. "2021-03-04" */
21  starredAt: string;
22}
23 
24export interface GitHubStarsProps {
25  repo?: string;
26  totalStars?: number;
27  stargazers?: Stargazer[];
28  orientation?: "horizontal" | "vertical";
29  accentColor?: string;
30  speed?: number;
31  theme?: "light" | "dark";
32  repoAvatarUrl?: string;
33}
34 
35/**
36 * Built-in mock stargazers so the composition renders immediately from defaults
37 * (own-your-code: no external data needed after `shadcn add`). Real low-id GitHub
38 * avatar URLs are CORS-ok, so the docs preview shows round photos.
39 */
40export const SAMPLE_STARGAZERS: Stargazer[] = [
41  {
42    login: "mojombo",
43    avatarUrl: "https://avatars.githubusercontent.com/u/1?v=4",
44    starredAt: "2021-03-04",
45  },
46  {
47    login: "defunkt",
48    avatarUrl: "https://avatars.githubusercontent.com/u/2?v=4",
49    starredAt: "2021-06-12",
50  },
51  {
52    login: "pjhyett",
53    avatarUrl: "https://avatars.githubusercontent.com/u/3?v=4",
54    starredAt: "2021-09-21",
55  },
56  {
57    login: "wycats",
58    avatarUrl: "https://avatars.githubusercontent.com/u/4?v=4",
59    starredAt: "2021-12-08",
60  },
61  {
62    login: "ezmobius",
63    avatarUrl: "https://avatars.githubusercontent.com/u/14?v=4",
64    starredAt: "2022-03-17",
65  },
66  {
67    login: "ivey",
68    avatarUrl: "https://avatars.githubusercontent.com/u/18?v=4",
69    starredAt: "2022-06-29",
70  },
71  {
72    login: "evanphx",
73    avatarUrl: "https://avatars.githubusercontent.com/u/25?v=4",
74    starredAt: "2022-09-14",
75  },
76  {
77    login: "vanpelt",
78    avatarUrl: "https://avatars.githubusercontent.com/u/26?v=4",
79    starredAt: "2022-12-23",
80  },
81  {
82    login: "wayneeseguin",
83    avatarUrl: "https://avatars.githubusercontent.com/u/28?v=4",
84    starredAt: "2023-03-09",
85  },
86  {
87    login: "brynary",
88    avatarUrl: "https://avatars.githubusercontent.com/u/30?v=4",
89    starredAt: "2023-07-19",
90  },
91  {
92    login: "kevinclark",
93    avatarUrl: "https://avatars.githubusercontent.com/u/31?v=4",
94    starredAt: "2023-11-02",
95  },
96  {
97// … truncated