Skip to content
This repository has been archived by the owner on Aug 3, 2024. It is now read-only.

Commit

Permalink
I think I'm done with it :/
Browse files Browse the repository at this point in the history
  • Loading branch information
@sametcn99
sametcn99 committed Feb 2, 2024
1 parent da2f22a commit 36e326e
Show file tree
Hide file tree
Showing 8 changed files with 115 additions and 137 deletions.
5 changes: 4 additions & 1 deletion app/context/StatsContext.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import {
calculateTotalForks,
calculateTotalRepos,
calculateTotalStars,
calculateTotalTopics,
findLatestUpdatedRepo,
findMostStarredRepo,
findOldestRepo,
Expand All @@ -24,6 +25,7 @@ type StatsContextProps = {
totalStars: number;
totalGists: number;
totalForks: number;
totalTopics: number;
averageStarsPerRepo: number;
starsPerRepo: Record<string, number>;
languages: Record<string, number>;
Expand Down Expand Up @@ -63,13 +65,14 @@ export const StatsProvider: React.FC<{ children: React.ReactNode }> = ({
const latestUpdatedRepo = findLatestUpdatedRepo(repos);
const oldestRepo = findOldestRepo(repos);
const updatePeriod = findRepoWithLongestUpdatePeriod(repos);

const totalTopics = calculateTotalTopics(repos);
// Create the context value object
const statsContextValue: StatsContextProps = {
totalRepos,
totalGists,
totalStars,
totalForks,
totalTopics,
averageStarsPerRepo,
starsPerRepo,
languages,
Expand Down
69 changes: 69 additions & 0 deletions components/stats/BarChartCardWrapper.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
import { Box, Card, Heading, ScrollArea, Table } from "@radix-ui/themes";
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion";
import { BarChart } from "@mui/x-charts/BarChart";

export default function BarChartCardWrapper({
data,
title,
}: {
data: Object;
title: string;
}) {
const statsData = Object.entries(data).map(([year, count]) => ({
category: year,
value: count,
}));
if (Object.entries(data).length === 0) return null;
return (
<Card>
<Heading className="ml-3">{title}</Heading>
<Box className="h-[20rem] w-full rounded-2xl bg-gray-400 p-2">
<BarChart
xAxis={[
{
data: statsData.map((d) => d.category),
scaleType: "band",
},
]}
series={[
{
data: statsData.map((d) => d.value),
},
]}
/>
</Box>
{Object.entries.length > 5 && (
<Accordion type="single" collapsible className="w-full">
<AccordionItem value="item-1">
<AccordionTrigger>See All</AccordionTrigger>
<AccordionContent>
<Table.Root>
<ScrollArea className="h-[15rem] w-full rounded-2xl border p-4">
<Table.Header>
<Table.Row>
<Table.ColumnHeaderCell>Year</Table.ColumnHeaderCell>
<Table.ColumnHeaderCell>Count</Table.ColumnHeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{statsData.map((data) => (
<Table.Row key={data.value} className="hover:bg-black/30">
<Table.Cell>{data.category}</Table.Cell>
<Table.Cell>{data.value}</Table.Cell>
</Table.Row>
))}
</Table.Body>
</ScrollArea>
</Table.Root>
</AccordionContent>
</AccordionItem>
</Accordion>
)}
</Card>
);
}
2 changes: 1 addition & 1 deletion components/stats/ChartCardWrapper.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ export default function ChartCardWrapper({
{Object.entries(data).length > 5 && (
<Accordion type="single" collapsible className="w-full">
<AccordionItem value="item-1">
<AccordionTrigger>See All {title}</AccordionTrigger>
<AccordionTrigger>See All</AccordionTrigger>
<AccordionContent>
<Table.Root>
<ScrollArea className="h-[15rem] w-full rounded-2xl border p-4">
Expand Down
68 changes: 5 additions & 63 deletions components/stats/Charts/CreationDate.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,72 +1,14 @@
import { Box, Card, Heading, ScrollArea, Table } from "@radix-ui/themes";
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion";
import { BarChart } from "@mui/x-charts/BarChart";
import { StatsContext } from "@/app/context/StatsContext";
import { useContext } from "react";
import BarChartCardWrapper from "../BarChartCardWrapper";

export default function CreationDate() {
const statsContext = useContext(StatsContext);
const creationStats = statsContext?.creationStats || {};
const statsData = Object.entries(creationStats).map(([year, count]) => ({
category: year,
value: count,
}));
if (Object.entries(creationStats).length === 0) return null;
return (
<>
<Card>
<Heading className="ml-3">Repository Creation Dates</Heading>
<Box className="h-[20rem] w-full rounded-2xl bg-gray-400 p-2">
<BarChart
xAxis={[
{
data: statsData.map((d) => d.category),
scaleType: "band",
},
]}
series={[
{
data: statsData.map((d) => d.value),
},
]}
/>
</Box>
<Accordion type="single" collapsible className="w-full">
<AccordionItem value="item-1">
<AccordionTrigger>See All Creation Dates</AccordionTrigger>
<AccordionContent>
<Table.Root>
<ScrollArea className="h-[15rem] w-full rounded-2xl border p-4">
<Table.Header>
<Table.Row>
<Table.ColumnHeaderCell>Year</Table.ColumnHeaderCell>
<Table.ColumnHeaderCell>Count</Table.ColumnHeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{statsData
.sort((a, b) => Number(b.value) - Number(a.value))
.map((data) => (
<Table.Row
key={data.value}
className="hover:bg-black/30"
>
<Table.Cell>{data.category}</Table.Cell>
<Table.Cell>{data.value}</Table.Cell>
</Table.Row>
))}
</Table.Body>
</ScrollArea>
</Table.Root>
</AccordionContent>
</AccordionItem>
</Accordion>
</Card>
</>
<BarChartCardWrapper
data={creationStats}
title="Repository Creation Dates"
/>
);
}
65 changes: 2 additions & 63 deletions components/stats/Charts/GistCreationDate.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,73 +1,12 @@
import { Box, Card, Heading, ScrollArea, Table } from "@radix-ui/themes";
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion";
import { BarChart } from "@mui/x-charts/BarChart";
import { StatsContext } from "@/app/context/StatsContext";
import { useContext } from "react";
import BarChartCardWrapper from "../BarChartCardWrapper";

export default function GistCreationDate() {
const statsContext = useContext(StatsContext);
const gistCreationStats = statsContext?.gistCreationStats || {};
const statsData = Object.entries(gistCreationStats).map(([year, count]) => ({
category: year,
value: count,
}));

if (Object.entries(gistCreationStats).length === 0) return null;
return (
<>
<Card>
<Heading className="ml-3">Gist Creation Dates</Heading>
<Box className="h-[20rem] w-full rounded-2xl bg-gray-400 p-2">
<BarChart
xAxis={[
{
data: statsData.map((d) => d.category),
scaleType: "band",
},
]}
series={[
{
data: statsData.map((d) => d.value),
},
]}
/>
</Box>
<Accordion type="single" collapsible className="w-full">
<AccordionItem value="item-1">
<AccordionTrigger>See All Creation Dates</AccordionTrigger>
<AccordionContent>
<Table.Root>
<ScrollArea className="h-[15rem] w-full rounded-2xl border p-4">
<Table.Header>
<Table.Row>
<Table.ColumnHeaderCell>Year</Table.ColumnHeaderCell>
<Table.ColumnHeaderCell>Count</Table.ColumnHeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{statsData
.sort((a, b) => Number(b.value) - Number(a.value))
.map((data) => (
<Table.Row
key={data.value}
className="hover:bg-black/30"
>
<Table.Cell>{data.category}</Table.Cell>
<Table.Cell>{data.value}</Table.Cell>
</Table.Row>
))}
</Table.Body>
</ScrollArea>
</Table.Root>
</AccordionContent>
</AccordionItem>
</Accordion>
</Card>
</>
<BarChartCardWrapper data={gistCreationStats} title="Gist Creation Dates" />
);
}
6 changes: 3 additions & 3 deletions components/stats/Charts/StarHistory.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,8 +69,8 @@ export default function StarHistory({
<FaChartLine size={22} />
</Dialog.Trigger>
<Dialog.Content>
<Dialog.Title className="flex flex-row justify-between w-full">
<Box className="flex flex-row items-start justify-between w-full">
<Dialog.Title className="flex w-full flex-row justify-between">
<Box className="flex w-full flex-row items-start justify-between">
<div> Star History </div>
<Dialog.Close>
<Button className="cursor-pointer hover:underline">
Expand All @@ -81,7 +81,7 @@ export default function StarHistory({
</Dialog.Title>
{loading && <Loading />}
{data.length > 0 && (
<Box className="h-[20rem] w-full rounded-2xl bg-gray-400 p-2">
<Box className="h-[25rem] w-full rounded-2xl bg-gray-400 p-2">
<BarChart
xAxis={[
{
Expand Down
20 changes: 14 additions & 6 deletions components/stats/Charts/StatTable.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
import { StatsContext } from "@/app/context/StatsContext";
import "@/app/globals.css";
import { formatNumber } from "@/lib/utils";
import { Card, Grid, Heading, Text } from "@radix-ui/themes";
import { useContext } from "react";

Expand All @@ -12,46 +11,55 @@ export default function StatTable({}: {}) {
totalStars,
totalGists,
averageStarsPerRepo,
totalTopics,
} = statsContext ?? {};

return (
<Card className="">
<Grid
columns="2"
width="auto"
className="p-2 rounded-xl hover:bg-black/30"
className="rounded-xl p-2 hover:bg-black/30"
>
<Heading size="4">Total Repositories</Heading>
<Text>{totalRepos}</Text>
</Grid>
<Grid
columns="2"
width="auto"
className="p-2 rounded-xl hover:bg-black/30"
className="rounded-xl p-2 hover:bg-black/30"
>
<Heading size="4">Total Gists</Heading>
<Text>{totalGists}</Text>
</Grid>
<Grid
columns="2"
width="auto"
className="p-2 rounded-xl hover:bg-black/30"
className="rounded-xl p-2 hover:bg-black/30"
>
<Heading size="4">Total Forks</Heading>
<Text>{totalForks}</Text>
</Grid>
<Grid
columns="2"
width="auto"
className="p-2 rounded-xl hover:bg-black/30"
className="rounded-xl p-2 hover:bg-black/30"
>
<Heading size="4">Total Stars</Heading>
<Text>{totalStars ?? 0}</Text>
</Grid>
<Grid
columns="2"
width="auto"
className="p-2 rounded-xl hover:bg-black/30"
className="rounded-xl p-2 hover:bg-black/30"
>
<Heading size="4">Total Topics</Heading>
<Text>{totalTopics ?? 0}</Text>
</Grid>
<Grid
columns="2"
width="auto"
className="rounded-xl p-2 hover:bg-black/30"
>
<Heading size="4">Average Stars Per Repository</Heading>
<Text>{averageStarsPerRepo}</Text>
Expand Down
17 changes: 17 additions & 0 deletions lib/utils/stats.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -219,3 +219,20 @@ export function getStarsPerRepo(repos: GitHubRepo[]) {

return sortedStarsPerRepo;
}

/**
* Calculates the total number of unique topics across the given GitHub repos.
* Iterates through all repos, collects the topics for each repo into a Set to get
* unique values, and returns the size of the set.
*/
export const calculateTotalTopics = (repos: GitHubRepo[]): number => {
let uniqueTopics = new Set<string>();
repos.forEach((repo) => {
if (repo.topics) {
repo.topics.forEach((topic) => {
uniqueTopics.add(topic);
});
}
});
return uniqueTopics.size;
};

1 comment on commit 36e326e

@vercel
Copy link

@vercel vercel bot commented on 36e326e Feb 2, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

github-profile-viewer – ./

github-profile-viewer-git-master-sametcn99.vercel.app
next-github-profile-viewer.vercel.app
www.githubprofileviewer.com
github-profile-viewer-sametcn99.vercel.app
githubprofileviewer.com

Please sign in to comment.