2025.03.06 first draft for ranking widget

maslianok · maslianok · commit 4b79e3a759a7 · 2025-03-05T22:27:16.000+01:00
diff --git a/app/api/widget/[login]/[widgetType]/rank-by-login.query.gql b/app/api/widget/[login]/[widgetType]/rank-by-login.query.gql
@@ -0,0 +1,19 @@
+query RankByLogin($login: String!) {
+  rankByLogin(login: $login) {
+    githubId
+    contributedStars
+    contributedStarsM
+    followersCount
+    followersCountM
+    ownedStars
+    ownedStarsM
+    user {
+      login
+      avatarUrl
+      ownedStars
+      contributedStars
+      followersCount
+      location
+    }
+  }
+}
diff --git a/app/api/widget/[login]/[widgetType]/route.tsx b/app/api/widget/[login]/[widgetType]/route.tsx
@@ -0,0 +1,51 @@
+import { graphqlRequest } from '@/lib/graphql-request';
+import { RankByLoginDocument } from '@/types/generated/graphql';
+import { redirect } from 'next/navigation';
+import { ImageResponse } from 'next/og';
+import { NextRequest } from 'next/server';
+
+type Props = {
+  params: Promise<{
+    login: string;
+    widgetType: string;
+  }>;
+};
+
+export async function GET(req: NextRequest, { params }: Props) {
+  const { login, widgetType } = await params;
+
+  const { rankByLogin } = await graphqlRequest(RankByLoginDocument, { login });
+
+  console.log(rankByLogin);
+
+  if (!rankByLogin) {
+    return redirect('/404');
+  }
+
+  const { user, ownedStars } = rankByLogin;
+
+  return new ImageResponse(
+    (
+      <div
+        style={{
+          height: '100%',
+          width: '100%',
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: '#fff',
+          fontSize: 32,
+          fontWeight: 600,
+        }}
+      >
+        <img src={user?.avatarUrl} width={100} height={100} />
+        <div style={{ marginTop: 40 }}>{`${user?.login}: #${ownedStars} with ${user?.ownedStars} stars`}</div>
+      </div>
+    ),
+    {
+      width: 600,
+      height: 300,
+    },
+  );
+}
diff --git a/app/by/[type]/page.tsx b/app/by/[type]/page.tsx
@@ -1,5 +1,5 @@
 import { graphqlRequest } from '@/lib/graphql-request';
-import { RankOrder, StarsRankingDocument } from '@/types/generated/graphql';
+import { GlobalRanksDocument, RankOrder } from '@/types/generated/graphql';
 import Image from 'next/image';
 import {
   Pagination,
@@ -54,7 +54,7 @@ export default async function GlobalRanking({
   const [queryOrder, rankPropName] = getConfigByType(type);
   const page = Number((await searchParams)?.page) || 1;
   const offset = (page - 1) * ITEMS_PER_PAGE;
-  const data = await graphqlRequest(StarsRankingDocument, { order: queryOrder, offset });
+  const data = await graphqlRequest(GlobalRanksDocument, { order: queryOrder, offset });
 
   return (
     <>
diff --git a/app/by/[type]/rank-list.query.gql b/app/by/[type]/rank-list.query.gql
@@ -1,4 +1,4 @@
-query StarsRanking($order: RankOrder, $offset: Int) {
+query GlobalRanks($order: RankOrder, $offset: Int) {
   globalRanks(order: $order, offset: $offset) {
     githubId
     contributedStars
diff --git a/types/generated/graphql.ts b/types/generated/graphql.ts
@@ -18,13 +18,8 @@ export type Scalars = {
 
 export type Query = {
   __typename?: 'Query';
-  globalRank: RankGlobal;
   globalRanks: Array<RankGlobal>;
-};
-
-
-export type QueryGlobalRankArgs = {
-  id: Scalars['ID']['input'];
+  rankByLogin?: Maybe<RankGlobal>;
 };
 
 
@@ -34,6 +29,11 @@ export type QueryGlobalRanksArgs = {
   order?: RankOrder;
 };
 
+
+export type QueryRankByLoginArgs = {
+  login: Scalars['String']['input'];
+};
+
 export type RankGlobal = {
   __typename?: 'RankGlobal';
   _id: Scalars['String']['output'];
@@ -80,13 +80,21 @@ export enum UserFetchingStatus {
   Completed = 'COMPLETED'
 }
 
-export type StarsRankingQueryVariables = Exact<{
+export type RankByLoginQueryVariables = Exact<{
+  login: Scalars['String']['input'];
+}>;
+
+
+export type RankByLoginQuery = { __typename?: 'Query', rankByLogin?: { __typename?: 'RankGlobal', githubId: string, contributedStars: number, contributedStarsM?: number | null, followersCount: number, followersCountM?: number | null, ownedStars: number, ownedStarsM?: number | null, user?: { __typename?: 'User', login: string, avatarUrl?: string | null, ownedStars?: number | null, contributedStars?: number | null, followersCount?: number | null, location?: string | null } | null } | null };
+
+export type GlobalRanksQueryVariables = Exact<{
   order?: InputMaybe<RankOrder>;
   offset?: InputMaybe<Scalars['Int']['input']>;
 }>;
 
 
-export type StarsRankingQuery = { __typename?: 'Query', globalRanks: Array<{ __typename?: 'RankGlobal', githubId: string, contributedStars: number, contributedStarsM?: number | null, followersCount: number, followersCountM?: number | null, ownedStars: number, ownedStarsM?: number | null, user?: { __typename?: 'User', login: string, avatarUrl?: string | null, ownedStars?: number | null, contributedStars?: number | null, followersCount?: number | null, location?: string | null } | null }> };
+export type GlobalRanksQuery = { __typename?: 'Query', globalRanks: Array<{ __typename?: 'RankGlobal', githubId: string, contributedStars: number, contributedStarsM?: number | null, followersCount: number, followersCountM?: number | null, ownedStars: number, ownedStarsM?: number | null, user?: { __typename?: 'User', login: string, avatarUrl?: string | null, ownedStars?: number | null, contributedStars?: number | null, followersCount?: number | null, location?: string | null } | null }> };
 
 
-export const StarsRankingDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"StarsRanking"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"order"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"RankOrder"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"offset"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"globalRanks"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"order"},"value":{"kind":"Variable","name":{"kind":"Name","value":"order"}}},{"kind":"Argument","name":{"kind":"Name","value":"offset"},"value":{"kind":"Variable","name":{"kind":"Name","value":"offset"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"githubId"}},{"kind":"Field","name":{"kind":"Name","value":"contributedStars"}},{"kind":"Field","name":{"kind":"Name","value":"contributedStarsM"}},{"kind":"Field","name":{"kind":"Name","value":"followersCount"}},{"kind":"Field","name":{"kind":"Name","value":"followersCountM"}},{"kind":"Field","name":{"kind":"Name","value":"ownedStars"}},{"kind":"Field","name":{"kind":"Name","value":"ownedStarsM"}},{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"login"}},{"kind":"Field","name":{"kind":"Name","value":"avatarUrl"}},{"kind":"Field","name":{"kind":"Name","value":"ownedStars"}},{"kind":"Field","name":{"kind":"Name","value":"contributedStars"}},{"kind":"Field","name":{"kind":"Name","value":"followersCount"}},{"kind":"Field","name":{"kind":"Name","value":"location"}}]}}]}}]}}]} as unknown as DocumentNode<StarsRankingQuery, StarsRankingQueryVariables>;
+export const RankByLoginDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"RankByLogin"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"login"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"rankByLogin"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"login"},"value":{"kind":"Variable","name":{"kind":"Name","value":"login"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"githubId"}},{"kind":"Field","name":{"kind":"Name","value":"contributedStars"}},{"kind":"Field","name":{"kind":"Name","value":"contributedStarsM"}},{"kind":"Field","name":{"kind":"Name","value":"followersCount"}},{"kind":"Field","name":{"kind":"Name","value":"followersCountM"}},{"kind":"Field","name":{"kind":"Name","value":"ownedStars"}},{"kind":"Field","name":{"kind":"Name","value":"ownedStarsM"}},{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"login"}},{"kind":"Field","name":{"kind":"Name","value":"avatarUrl"}},{"kind":"Field","name":{"kind":"Name","value":"ownedStars"}},{"kind":"Field","name":{"kind":"Name","value":"contributedStars"}},{"kind":"Field","name":{"kind":"Name","value":"followersCount"}},{"kind":"Field","name":{"kind":"Name","value":"location"}}]}}]}}]}}]} as unknown as DocumentNode<RankByLoginQuery, RankByLoginQueryVariables>;
+export const GlobalRanksDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GlobalRanks"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"order"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"RankOrder"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"offset"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"globalRanks"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"order"},"value":{"kind":"Variable","name":{"kind":"Name","value":"order"}}},{"kind":"Argument","name":{"kind":"Name","value":"offset"},"value":{"kind":"Variable","name":{"kind":"Name","value":"offset"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"githubId"}},{"kind":"Field","name":{"kind":"Name","value":"contributedStars"}},{"kind":"Field","name":{"kind":"Name","value":"contributedStarsM"}},{"kind":"Field","name":{"kind":"Name","value":"followersCount"}},{"kind":"Field","name":{"kind":"Name","value":"followersCountM"}},{"kind":"Field","name":{"kind":"Name","value":"ownedStars"}},{"kind":"Field","name":{"kind":"Name","value":"ownedStarsM"}},{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"login"}},{"kind":"Field","name":{"kind":"Name","value":"avatarUrl"}},{"kind":"Field","name":{"kind":"Name","value":"ownedStars"}},{"kind":"Field","name":{"kind":"Name","value":"contributedStars"}},{"kind":"Field","name":{"kind":"Name","value":"followersCount"}},{"kind":"Field","name":{"kind":"Name","value":"location"}}]}}]}}]}}]} as unknown as DocumentNode<GlobalRanksQuery, GlobalRanksQueryVariables>;
diff --git a/types/generated/schema.graphql b/types/generated/schema.graphql
@@ -4,8 +4,8 @@ A date-time string at UTC, such as 2019-12-03T09:54:33Z, compliant with the date
 scalar DateTime
 
 type Query {
-  globalRank(id: ID!): RankGlobal!
   globalRanks(limit: Int! = 100, offset: Int! = 0, order: RankOrder! = STARS_OWNED): [RankGlobal!]!
+  rankByLogin(login: String!): RankGlobal
 }
 
 type RankGlobal {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-query StarsRanking($order: RankOrder, $offset: Int) {`
	`1`	`+query GlobalRanks($order: RankOrder, $offset: Int) {`
`2`	`2`	`globalRanks(order: $order, offset: $offset) {`
`3`	`3`	`githubId`
`4`	`4`	`contributedStars`
Original file line number	Diff line number	Diff line change
`@@ -4,8 +4,8 @@ A date-time string at UTC, such as 2019-12-03T09:54:33Z, compliant with the date`
`4`	`4`	`scalar DateTime`
`5`	`5`
`6`	`6`	`type Query {`
`7`		`- globalRank(id: ID!): RankGlobal!`
`8`	`7`	`globalRanks(limit: Int! = 100, offset: Int! = 0, order: RankOrder! = STARS_OWNED): [RankGlobal!]!`
	`8`	`+ rankByLogin(login: String!): RankGlobal`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`type RankGlobal {`