@stats-organization/github-readme-stats-core 2.1.4 → 2.1.5

package/src/common/{render.js → render.ts}

@@ -1,4 +1,4 @@
-import { getCardColors } from "./color.js";
+import { getCardColors, isPrefixedHexColor } from "./color.js";
 import { SECONDARY_ERROR_MESSAGES, TRY_AGAIN_LATER } from "./error.js";
 import { encodeHTML } from "./html.js";
 import { clampValue } from "./ops.js";
@@ -7,14 +7,30 @@ import { clampValue } from "./ops.js";
  * Auto layout utility, allows us to layout things vertically or horizontally with
  * proper gaping.
  *
- * @param {object} props Function properties.
- * @param {string[]} props.items Array of items to layout.
- * @param {number} props.gap Gap between items.
- * @param {"column" | "row"=} props.direction Direction to layout items.
- * @param {number[]=} props.sizes Array of sizes for each item.
- * @returns {string[]} Array of items with proper layout.
+ * The caller must ensure that the passed `items` are properly sanitized!
+ *
+ * @param props Function properties.
+ * @param props.items Array of sanitized items to layout.
+ * @param props.gap Gap between items.
+ * @param props.direction Direction to layout items.
+ * @param props.sizes Array of sizes for each item.
+ * @returns Array of items with proper layout.
  */
-const flexLayout = ({ items, gap, direction, sizes = [] }) => {
+const flexLayout = ({
+  items,
+  gap,
+  direction,
+  sizes = [],
+}: {
+  items: Array<string>;
+  gap: number;
+  direction?: "column" | "row";
+  sizes?: Array<number>;
+}): Array<string> => {
+  if (sizes.some((size) => !Number.isFinite(size))) {
+    throw new Error("flexLayout: `sizes` must contain only numbers");
+  }
+
   let lastSize = 0;
   // filter() for filtering out empty strings
   return items.filter(Boolean).map((item, i) => {
@@ -31,15 +47,19 @@ const flexLayout = ({ items, gap, direction, sizes = [] }) => {
 /**
  * Creates a node to display the primary programming language of the repository/gist.
  *
- * @param {string} langName Language name.
- * @param {string} langColor Language color.
- * @returns {string} Language display SVG object.
+ * @param langName Language name.
+ * @param langColor Language color.
+ * @returns Language display SVG object.
  */
-const createLanguageNode = (langName, langColor) => {
+const createLanguageNode = (langName: string, langColor: string): string => {
+  if (!isPrefixedHexColor(langColor)) {
+    throw new Error(`Invalid language color: "${langColor}"`);
+  }
+
   return `
     <g data-testid="primary-lang">
       <circle data-testid="lang-color" cx="0" cy="-5" r="6" fill="${langColor}" />
-      <text data-testid="lang-name" class="gray" x="15">${langName}</text>
+      <text data-testid="lang-name" class="gray" x="15">${encodeHTML(langName)}</text>
     </g>
     `;
 };
@@ -47,15 +67,15 @@ const createLanguageNode = (langName, langColor) => {
 /**
  * Create a node to indicate progress in percentage along a horizontal line.
  *
- * @param {Object} params Object that contains the createProgressNode parameters.
- * @param {number} params.x X-axis position.
- * @param {number} params.y Y-axis position.
- * @param {number} params.width Width of progress bar.
- * @param {string} params.color Progress color.
- * @param {number} params.progress Progress value.
- * @param {string} params.progressBarBackgroundColor Progress bar bg color.
- * @param {number} params.delay Delay before animation starts.
- * @returns {string} Progress node.
+ * @param params Object that contains the createProgressNode parameters.
+ * @param params.x X-axis position.
+ * @param params.y Y-axis position.
+ * @param params.width Width of progress bar.
+ * @param params.color Progress color.
+ * @param params.progress Progress value.
+ * @param params.progressBarBackgroundColor Progress bar bg color.
+ * @param params.delay Delay before animation starts.
+ * @returns Progress node.
  */
 const createProgressNode = ({
   x,
@@ -65,7 +85,36 @@ const createProgressNode = ({
   progress,
   progressBarBackgroundColor,
   delay,
-}) => {
+}: {
+  x: number;
+  y: number;
+  width: number;
+  color: string;
+  progress: number;
+  progressBarBackgroundColor: string;
+  delay: number;
+}): string => {
+  if (!isPrefixedHexColor(color)) {
+    throw new Error(`Invalid progress color: "${color}"`);
+  }
+  if (!isPrefixedHexColor(progressBarBackgroundColor)) {
+    throw new Error(
+      `Invalid progress bar background color: "${progressBarBackgroundColor}"`,
+    );
+  }
+  if (!Number.isFinite(width)) {
+    throw new Error(`Invalid width: "${width}"`);
+  }
+  if (!Number.isFinite(x)) {
+    throw new Error(`Invalid x: "${x}"`);
+  }
+  if (!Number.isFinite(y)) {
+    throw new Error(`Invalid y: "${y}"`);
+  }
+  if (!Number.isFinite(delay)) {
+    throw new Error(`Invalid delay: "${delay}"`);
+  }
+
   const progressPercentage = clampValue(progress, 2, 100);
 
   return `
@@ -89,16 +138,16 @@ const createProgressNode = ({
  * native, font-aware wrapping. Content overflowing `lineCount` lines is
  * clipped (with an ellipsis on the last visible line) by CSS line-clamp.
  *
- * @param {object} props Function properties.
- * @param {string} props.text Text to render (will be HTML-encoded).
- * @param {number} props.x X position of the foreignObject.
- * @param {number} props.y Y position of the foreignObject.
- * @param {number} props.width Width of the wrap box.
- * @param {number} props.height Height of the wrap box.
- * @param {number} props.lineCount Maximum number of lines to display.
- * @param {string} props.className CSS class applied to the inner element.
- * @param {string=} props.testId Optional test id for the inner element.
- * @returns {string} foreignObject SVG node.
+ * @param props Function properties.
+ * @param props.text Text to render (will be HTML-encoded).
+ * @param props.x X position of the foreignObject.
+ * @param props.y Y position of the foreignObject.
+ * @param props.width Width of the wrap box.
+ * @param props.height Height of the wrap box.
+ * @param props.lineCount Maximum number of lines to display.
+ * @param props.className CSS class applied to the inner element.
+ * @param props.testId Optional test id for the inner element.
+ * @returns foreignObject SVG node.
  */
 const wrappedTextNode = ({
   text,
@@ -109,11 +158,36 @@ const wrappedTextNode = ({
   lineCount,
   className,
   testId,
-}) => {
-  const testIdAttr = testId ? ` data-testid="${testId}"` : "";
+}: {
+  text: string;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  lineCount: number;
+  className: string;
+  testId?: string;
+}): string => {
+  if (!Number.isFinite(x)) {
+    throw new Error(`Invalid x: "${x}"`);
+  }
+  if (!Number.isFinite(y)) {
+    throw new Error(`Invalid y: "${y}"`);
+  }
+  if (!Number.isFinite(width)) {
+    throw new Error(`Invalid width: "${width}"`);
+  }
+  if (!Number.isFinite(height)) {
+    throw new Error(`Invalid height: "${height}"`);
+  }
+  if (!Number.isFinite(lineCount)) {
+    throw new Error(`Invalid lineCount: "${lineCount}"`);
+  }
+
+  const testIdAttr = testId ? ` data-testid="${encodeHTML(testId)}"` : "";
   return `
     <foreignObject x="${x}" y="${y}" width="${width}" height="${height}">
-      <div xmlns="http://www.w3.org/1999/xhtml" class="${className}" style="--lines: ${lineCount};"${testIdAttr}>${encodeHTML(
+      <div xmlns="http://www.w3.org/1999/xhtml" class="${encodeHTML(className)}" style="--lines: ${lineCount};"${testIdAttr}>${encodeHTML(
         text,
       )}</div>
     </foreignObject>
@@ -126,37 +200,55 @@ const wrappedTextNode = ({
  * browser handles wrapping and the line count is taken from the `--lines`
  * custom property set on the element.
  *
- * @param {string} color Text color (CSS `color` property).
- * @returns {string} CSS rules block (without the surrounding selector).
+ * @param color Text color (CSS `color` property).
+ * @returns CSS rules block (without the surrounding selector).
  */
-const wrappedTextStyles = (color) => `
-    color: ${color};
-    margin: 0;
-    line-height: 1.2;
-    overflow-wrap: anywhere;
-    word-break: break-word;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: var(--lines);
-    line-clamp: var(--lines);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    padding-bottom: 0.15em;
-`;
+const wrappedTextStyles = (color: string): string => {
+  if (!isPrefixedHexColor(color)) {
+    throw new Error(`Invalid text color: "${color}"`);
+  }
+
+  return `
+      color: ${color};
+      margin: 0;
+      line-height: 1.2;
+      overflow-wrap: anywhere;
+      word-break: break-word;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: var(--lines);
+      line-clamp: var(--lines);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding-bottom: 0.15em;
+  `;
+};
 
 /**
  * Creates an icon with label to display repository/gist stats like forks, stars, etc.
  *
- * @param {string} icon The icon to display.
- * @param {number|string} label The label to display.
- * @param {string} testid The testid to assign to the label.
- * @param {number} iconSize The size of the icon.
- * @returns {string} Icon with label SVG object.
+ * The caller must ensure that the passed `icon` is properly sanitized!
+ *
+ * @param icon The sanitized icon to display.
+ * @param label The label to display.
+ * @param testid The testid to assign to the label.
+ * @param iconSize The size of the icon.
+ * @returns Icon with label SVG object.
  */
-const iconWithLabel = (icon, label, testid, iconSize) => {
+const iconWithLabel = (
+  icon: string,
+  label: number | string,
+  testid: string,
+  iconSize: number,
+): string => {
   if (typeof label === "number" && label <= 0) {
     return "";
   }
+
+  if (!Number.isFinite(iconSize)) {
+    throw new Error(`Invalid iconSize: "${iconSize}"`);
+  }
+
   const iconSvg = `
       <svg
         class="icon"
@@ -169,7 +261,7 @@ const iconWithLabel = (icon, label, testid, iconSize) => {
         ${icon}
       </svg>
     `;
-  const text = `<text data-testid="${testid}" class="gray">${label}</text>`;
+  const text = `<text data-testid="${encodeHTML(testid)}" class="gray">${encodeHTML(String(label))}</text>`;
   return flexLayout({ items: [iconSvg, text], gap: 20 }).join("");
 };
 
@@ -184,23 +276,34 @@ const UPSTREAM_API_ERRORS = [
 /**
  * Renders error message on the card.
  *
- * @param {object} args Function arguments.
- * @param {string} args.message Main error message.
- * @param {string} [args.secondaryMessage=""] The secondary error message.
- * @param {object} [args.renderOptions={}] Render options.
- * @param {string=} args.renderOptions.title_color Card title color.
- * @param {string=} args.renderOptions.text_color Card text color.
- * @param {string=} args.renderOptions.bg_color Card background color.
- * @param {string=} args.renderOptions.border_color Card border color.
- * @param {Parameters<typeof getCardColors>[0]["theme"]=} args.renderOptions.theme Card theme.
- * @param {boolean=} args.renderOptions.show_repo_link Whether to show repo link or not.
- * @returns {string} The SVG markup.
+ * @param args Function arguments.
+ * @param args.message Main error message.
+ * @param args.secondaryMessage The secondary error message.
+ * @param args.renderOptions Render options.
+ * @param args.renderOptions.title_color Card title color.
+ * @param args.renderOptions.text_color Card text color.
+ * @param args.renderOptions.bg_color Card background color.
+ * @param args.renderOptions.border_color Card border color.
+ * @param args.renderOptions.theme Card theme.
+ * @param args.renderOptions.show_repo_link Whether to show repo link or not.
+ * @returns The SVG markup.
  */
 const renderError = ({
   message,
   secondaryMessage = "",
   renderOptions = {},
-}) => {
+}: {
+  message: string;
+  secondaryMessage?: string;
+  renderOptions?: {
+    title_color?: string;
+    text_color?: string;
+    bg_color?: string;
+    border_color?: string;
+    theme?: string;
+    show_repo_link?: boolean;
+  };
+}): string => {
   const {
     title_color,
     text_color,
@@ -222,7 +325,7 @@ const renderError = ({
   });
 
   return `
-    <svg width="${ERROR_CARD_LENGTH}"  height="120" viewBox="0 0 ${ERROR_CARD_LENGTH} 120" fill="${bgColor}" xmlns="http://www.w3.org/2000/svg">
+    <svg width="${ERROR_CARD_LENGTH}"  height="120" viewBox="0 0 ${ERROR_CARD_LENGTH} 120" fill="${String(bgColor)}" xmlns="http://www.w3.org/2000/svg">
     <style>
     .text { font: 600 16px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${titleColor} }
     .small { font: 600 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${textColor} }
@@ -230,7 +333,7 @@ const renderError = ({
     </style>
     <rect x="0.5" y="0.5" width="${
       ERROR_CARD_LENGTH - 1
-    }" height="99%" rx="4.5" fill="${bgColor}" stroke="${borderColor}"/>
+    }" height="99%" rx="4.5" fill="${String(bgColor)}" stroke="${borderColor}"/>
     <text x="25" y="45" class="text">Something went wrong!${
       UPSTREAM_API_ERRORS.includes(secondaryMessage) || !show_repo_link
         ? ""
@@ -238,7 +341,7 @@ const renderError = ({
     }</text>
     <text data-testid="message" x="25" y="55" class="text small">
       <tspan x="25" dy="18">${encodeHTML(message)}</tspan>
-      <tspan x="25" dy="18" class="gray">${secondaryMessage}</tspan>
+      <tspan x="25" dy="18" class="gray">${encodeHTML(secondaryMessage)}</tspan>
     </text>
     </svg>
   `;
@@ -248,11 +351,11 @@ const renderError = ({
  * Retrieve text length based on Segoe UI font.
  *
  * @see https://stackoverflow.com/a/48172630/10629172
- * @param {string} str String to measure.
- * @param {number} fontSize Font size.
- * @returns {number} Text length.
+ * @param str String to measure.
+ * @param fontSize Font size.
+ * @returns Text length.
  */
-const measureText = (str, fontSize = 10) => {
+const measureText = (str: string, fontSize = 10): number => {
   // prettier-ignore
   const widths = [
     0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
@@ -304,7 +407,7 @@ const measureText = (str, fontSize = 10) => {
           return 1;
         }
         if (c.charCodeAt(0) < widths.length) {
-          return widths[c.charCodeAt(0)];
+          return widths[c.charCodeAt(0)] ?? avg;
         } else {
           return avg;
         }
@@ -320,12 +423,16 @@ const measureText = (str, fontSize = 10) => {
  * The browser still does the real wrap inside the foreignObject; this is only
  * used to size the SVG.
  *
- * @param {string} text Text to split.
- * @param {number} fontSize Font size in px (matches `measureText`).
- * @param {number} maxWidth Available wrap width in px.
- * @returns {string[]} Estimated wrapped lines.
+ * @param text Text to split.
+ * @param fontSize Font size in px (matches `measureText`).
+ * @param maxWidth Available wrap width in px.
+ * @returns Estimated wrapped lines.
  */
-const splitWrappedText = (text, fontSize, maxWidth) => {
+const splitWrappedText = (
+  text: string,
+  fontSize: number,
+  maxWidth: number,
+): Array<string> => {
   if (!text) {
     return [];
   }
@@ -340,15 +447,15 @@ const splitWrappedText = (text, fontSize, maxWidth) => {
   // Korean Hangul (U+AC00–U+D7AF) is intentionally NOT in the CJK range
   // because Korean wraps at word boundaries by default in HTML.
   // ASCII whitespace is collapsed to a single space per CSS `white-space: normal;`
-  text = text.replace(/[\t\n\r ]+/g, " ");
-  const tokens = text.match(
+  const normalizedText = text.replace(/[\t\n\r ]+/g, " ");
+  const tokens = normalizedText.match(
     /\s|[\u3000-\u9FFF\uFF00-\uFFEF]|[^\s\u3000-\u9FFF\uFF00-\uFFEF]+/g,
   );
   if (!tokens) {
     return [];
   }
 
-  const takeFittingSegment = (token, availableWidth) => {
+  const takeFittingSegment = (token: string, availableWidth: number) => {
     const characters = token.split("");
     let segment = "";
     let width = 0;
@@ -377,7 +484,7 @@ const splitWrappedText = (text, fontSize, maxWidth) => {
       if (currentWidth === 0) {
         continue;
       }
-      lines[lines.length - 1] += token;
+      lines[lines.length - 1] = (lines[lines.length - 1] ?? "") + token;
       currentWidth += measureText(token, fontSize);
       continue;
     }
@@ -387,7 +494,7 @@ const splitWrappedText = (text, fontSize, maxWidth) => {
     while (remaining) {
       const w = measureText(remaining, fontSize);
       if (currentWidth + w <= maxWidth) {
-        lines[lines.length - 1] += remaining;
+        lines[lines.length - 1] = (lines[lines.length - 1] ?? "") + remaining;
         currentWidth += w;
         break;
       }
@@ -400,7 +507,7 @@ const splitWrappedText = (text, fontSize, maxWidth) => {
 
       // An atom wider than the box wraps mid-glyph (overflow-wrap: anywhere).
       const { segment, width } = takeFittingSegment(remaining, maxWidth);
-      lines[lines.length - 1] += segment;
+      lines[lines.length - 1] = (lines[lines.length - 1] ?? "") + segment;
       currentWidth = width;
       remaining = remaining.slice(segment.length);
     }
@@ -413,13 +520,18 @@ const splitWrappedText = (text, fontSize, maxWidth) => {
  * Estimate how many lines a string will wrap to when laid out greedily at the
  * given font size inside a box of width `maxWidth`, capped at `maxLines`.
  *
- * @param {string} text Text to estimate.
- * @param {number} fontSize Font size in px (matches `measureText`).
- * @param {number} maxWidth Available wrap width in px.
- * @param {number} maxLines Cap on the returned line count.
- * @returns {number} Estimated line count, at least 1, at most `maxLines`.
+ * @param text Text to estimate.
+ * @param fontSize Font size in px (matches `measureText`).
+ * @param maxWidth Available wrap width in px.
+ * @param maxLines Cap on the returned line count.
+ * @returns Estimated line count, at least 1, at most `maxLines`.
  */
-const countWrappedLines = (text, fontSize, maxWidth, maxLines) => {
+const countWrappedLines = (
+  text: string,
+  fontSize: number,
+  maxWidth: number,
+  maxLines: number,
+): number => {
   return Math.min(
     Math.max(1, splitWrappedText(text, fontSize, maxWidth).length),
     maxLines,

package/src/common/retryer.ts

@@ -5,10 +5,11 @@ import { CustomError } from "./error.js";
 import { logger } from "./log.js";
 
 /**
- * Subset of the response payload the retryer inspects to detect
- * rate-limiting and credential failures.
+ * Error-detection fields the retryer inspects to detect rate-limiting and credential failures.
+ * Every fetcher's payload is intersected with
+ * this, so the retryer can read `errors`/`message` regardless of the payload's own shape.
  */
-interface ResponseData {
+interface ResponseErrors {
   errors?: Array<{ type?: string; message?: string }>;
   message?: string;
 }
@@ -27,27 +28,34 @@ function getRandomInt(max: number): number {
   return Math.floor(Math.random() * max);
 }
 
-type FetcherResponse = AxiosResponse<ResponseData>;
+/**
+ * A fetcher's Axios response. `TData` is the shape of `response.data`,
+ * which is intersected with {@link ResponseErrors} so the retryer can inspect
+ * `errors`/`message`.
+ * Defaults to `unknown` (error fields only) for callers that don't care about the payload.
+ */
+type FetcherResponse<TData = unknown> = AxiosResponse<TData & ResponseErrors>;
 
-type FetcherFunction = (
+type FetcherFunction<TData = unknown> = (
   variables: Record<string, unknown>,
   token: string,
   retriesForTests?: number,
-) => Promise<FetcherResponse>;
+) => Promise<FetcherResponse<TData>>;
 
 /**
  * Try to execute the fetcher function until it succeeds or the max number of retries is reached.
  *
+ * @template TData Shape of `response.data` returned by the fetcher.
  * @param fetcher The fetcher function.
  * @param variables Object with arguments to pass to the fetcher function.
  * @param pat Optional PAT override.
  * @returns The response from the fetcher function.
  */
-const retryer = async (
-  fetcher: FetcherFunction,
+const retryer = async <TData = unknown>(
+  fetcher: FetcherFunction<TData>,
   variables: Record<string, unknown>,
   pat: string | null = null,
-): Promise<FetcherResponse> => {
+): Promise<FetcherResponse<TData>> => {
   const PATs = pat
     ? [{ name: "user PAT from database", value: pat }]
     : getConfig().pats;
@@ -86,7 +94,7 @@ const retryer = async (
         return response;
       }
     } catch (err) {
-      const e = err as { response?: FetcherResponse };
+      const e = err as { response?: FetcherResponse<TData> };
 
       // network/unexpected error → let caller treat as failure
       if (!e.response) {

package/src/fetchers/gist.ts

@@ -0,0 +1,136 @@
+import type { AxiosResponse } from "axios";
+
+import { MissingParamError } from "../common/error.js";
+import { request } from "../common/http.js";
+import { retryer } from "../common/retryer.js";
+
+import type { GistData } from "./types.js";
+
+const QUERY = `
+query gistInfo($gistName: String!) {
+    viewer {
+        gist(name: $gistName) {
+            description
+            owner {
+                login
+            }
+            stargazerCount
+            forks {
+                totalCount
+            }
+            files {
+                name
+                language {
+                    name
+                }
+                size
+            }
+        }
+    }
+}
+`;
+
+/**
+ * Gist data fetcher.
+ *
+ * @param variables Fetcher variables.
+ * @param token GitHub token.
+ * @returns The response.
+ */
+const fetcher = (
+  variables: Record<string, unknown>,
+  token: string,
+): Promise<AxiosResponse> => {
+  return request(
+    { query: QUERY, variables },
+    { Authorization: `token ${token}` },
+  );
+};
+
+/** A single file within a gist. */
+interface GistFile {
+  name: string;
+  language: { name: string } | null;
+  size: number;
+}
+
+/** Shape of `response.data` returned by the gist GraphQL query. */
+interface GistQueryResponse {
+  data: {
+    viewer: {
+      gist: {
+        description: string | null;
+        owner: { login: string };
+        stargazerCount: number;
+        forks: { totalCount: number };
+        files: Array<GistFile>;
+      } | null;
+    };
+  };
+}
+
+/**
+ * This function calculates the primary language of a gist by files size.
+ *
+ * @param files Files.
+ * @returns Primary language, or `null` when no file has a language.
+ */
+const calculatePrimaryLanguage = (files: Array<GistFile>): string | null => {
+  const languages: Record<string, number> = {};
+
+  for (const file of files) {
+    if (file.language) {
+      languages[file.language.name] =
+        (languages[file.language.name] ?? 0) + file.size;
+    }
+  }
+
+  let primaryLanguage: string | null = null;
+  let maxSize = -1;
+  for (const [language, size] of Object.entries(languages)) {
+    if (size > maxSize) {
+      maxSize = size;
+      primaryLanguage = language;
+    }
+  }
+
+  return primaryLanguage;
+};
+
+/**
+ * Fetch GitHub gist information by given username and ID.
+ *
+ * @param id GitHub gist ID.
+ * @param pat Optional PAT override.
+ * @returns Gist data.
+ */
+const fetchGist = async (
+  id: string,
+  pat: string | null = null,
+): Promise<GistData> => {
+  if (!id) {
+    throw new MissingParamError(["id"], "/api/gist?id=GIST_ID");
+  }
+  const res = await retryer<GistQueryResponse>(fetcher, { gistName: id }, pat);
+  if (res.data.errors) {
+    throw new Error(res.data.errors[0]?.message);
+  }
+  const gist = res.data.data.viewer.gist;
+  if (!gist) {
+    throw new Error("Gist not found");
+  }
+  const firstFile = gist.files[0];
+  if (!firstFile) {
+    throw new Error("Gist has no files");
+  }
+  return {
+    name: firstFile.name,
+    nameWithOwner: `${gist.owner.login}/${firstFile.name}`,
+    description: gist.description,
+    language: calculatePrimaryLanguage(gist.files),
+    starsCount: gist.stargazerCount,
+    forksCount: gist.forks.totalCount,
+  };
+};
+
+export { fetchGist };

package/src/fetchers/repo.js

@@ -51,7 +51,7 @@ const fetcher = (variables, token) => {
   );
 };
 
-const urlExample = "/api/pin?username=USERNAME&repo=REPO_NAME";
+const urlExample = "/api/pin?username=USERNAME&repo=REPO_NAME";
 
 /**
  * @typedef {import("./types").RepositoryData} RepositoryData Repository data.