✨ feat: add github trophy

src/app/config/general/index.ts

@@ -17,6 +17,7 @@ const general = {
       stats: {
         imageBaseUrl: 'https://github-readme-stats.vercel.app/api',
         streakBaseUrl: 'https://streak-stats.demolab.com',
+        trophiBaseUrl: 'https://github-profile-trophy.vercel.app',
       },
 
       socials: {

src/features/stats/default-config.ts

@@ -41,6 +41,18 @@ const defaultStatsSectionConfig = {
           show: false,
           order: 3,
         },
+
+        trophy: {
+          theme: 'dracula',
+          column: -1,
+          row: 1,
+          'margin-w': 8,
+          'margin-h': 8,
+          'no-bg': false,
+          'no-frame': false,
+          show: false,
+          order: 4,
+        },
       },
     },
 

src/features/stats/panel/views/config/views/index.ts

@@ -22,6 +22,13 @@ const views: Record<string, ComponentType> = {
       () => () => null
     )
   ),
+
+  trophy: dynamic(() =>
+    import('./trophy').then(
+      mod => mod.Trophy,
+      () => () => null
+    )
+  ),
 };
 
 export { views };

src/features/stats/panel/views/config/views/trophy/fields.ts

@@ -0,0 +1,99 @@
+import { showField } from '../@shared';
+import { Inputs } from 'types';
+
+const groups = [
+  {
+    id: 1,
+    fields: [showField('trophy')],
+  },
+  {
+    id: 2,
+    label: 'Layout',
+    columns: 2,
+    fields: [
+      {
+        type: Inputs.SELECT,
+        path: 'content.graphs.trophy.theme',
+        label: 'Theme',
+        props: {
+          column: '1 / 3',
+          clearable: true,
+          options: [
+            { label: 'Flat', value: 'flat' },
+            { label: 'Onedark', value: 'onedark' },
+            { label: 'Gruvbox', value: 'gruvbox' },
+            { label: 'Dracula', value: 'dracula' },
+            { label: 'Monokai', value: 'monokai' },
+            { label: 'Chalk', value: 'chalk' },
+            { label: 'Nord', value: 'nord' },
+            { label: 'Alduin', value: 'alduin' },
+            { label: 'Darkhub', value: 'darkhub' },
+            { label: 'Juicyfresh', value: 'juicyfresh' },
+            { label: 'Buddhism', value: 'buddhism' },
+            { label: 'Oldie', value: 'oldie' },
+            { label: 'Radical', value: 'radical' },
+            { label: 'Onestar', value: 'onestar' },
+            { label: 'Discord', value: 'discord' },
+            { label: 'Algolia', value: 'algolia' },
+            { label: 'Gitdimmed', value: 'gitdimmed' },
+            { label: 'Tokyonight', value: 'tokyonight' },
+            { label: 'Matrix', value: 'matrix' },
+            { label: 'Apprentice', value: 'apprentice' },
+            { label: 'Dark Dimmed', value: 'dark_dimmed' },
+            { label: 'Dark Lover', value: 'dark_lover' },
+            { label: 'Kimbie Dark', value: 'kimbie_dark' },
+          ],
+        },
+      },
+
+      {
+        type: Inputs.TEXT,
+        path: `content.graphs.trophy.column`,
+        label: 'Columns',
+        props: {
+          type: 'number',
+          min: -1,
+        },
+      },
+      {
+        type: Inputs.TEXT,
+        path: `content.graphs.trophy.row`,
+        label: 'Rows',
+        props: {
+          type: 'number',
+          min: 1,
+        },
+      },
+      {
+        type: Inputs.TEXT,
+        path: `content.graphs.trophy.margin-w`,
+        label: 'Column gap',
+        props: {
+          type: 'number',
+          min: 0,
+        },
+      },
+      {
+        type: Inputs.TEXT,
+        path: `content.graphs.trophy.margin-h`,
+        label: 'Row gap',
+        props: {
+          type: 'number',
+          min: 0,
+        },
+      },
+      {
+        type: Inputs.SWITCH,
+        path: `content.graphs.trophy.no-frame`,
+        label: 'Hide border',
+      },
+      {
+        type: Inputs.SWITCH,
+        path: 'content.graphs.trophy.no-bg',
+        label: 'Transparent background',
+      },
+    ],
+  },
+];
+
+export { groups };

src/features/stats/panel/views/config/views/trophy/index.tsx

@@ -0,0 +1,14 @@
+import { GroupFields } from 'components';
+import { groups } from './fields';
+
+const Trophy = () => {
+  return (
+    <>
+      {groups.map(group => (
+        <GroupFields key={group.id} {...group} />
+      ))}
+    </>
+  );
+};
+
+export { Trophy };

src/utils/getStatsUrl/index.ts

@@ -1,11 +1,13 @@
 import { general as generalConfig } from 'app/config/general';
 
-const { imageBaseUrl, streakBaseUrl } = generalConfig.urls.sections.stats;
+const { imageBaseUrl, streakBaseUrl, trophiBaseUrl } =
+  generalConfig.urls.sections.stats;
 
 const urls = (value: string) => ({
   stats: `${imageBaseUrl}?username=${value}`,
   languages: `${imageBaseUrl}/top-langs?username=${value}`,
   streak: `${streakBaseUrl}?user=${value}`,
+  trophy: `${trophiBaseUrl}?username=${value}`,
 });
 
 const getStatsUrl = (type: keyof typeof urls, github: string) =>