@stats-organization/github-readme-stats-core 0.0.1

package/build/api/wakatime.js

@@ -0,0 +1,85 @@
+// @ts-check
+import { renderWakatimeCard } from "../cards/wakatime.js";
+import { MissingParamError, retrieveSecondaryMessage, } from "../common/error.js";
+import { parseArray, parseBoolean } from "../common/ops.js";
+import { renderError } from "../common/render.js";
+import { fetchWakatimeStats } from "../fetchers/wakatime.js";
+import { isLocaleAvailable } from "../translations.js";
+// @ts-ignore
+export default async ({ username, title_color, icon_color, hide_border, card_width, line_height, text_color, bg_color, theme, hide_title, hide_progress, custom_title, locale, layout, langs_count, hide, api_domain, border_radius, border_color, display_format, disable_animations, }) => {
+    if (locale && !isLocaleAvailable(locale)) {
+        return {
+            status: "error - permanent",
+            content: renderError({
+                message: "Something went wrong",
+                secondaryMessage: "Language not found",
+                renderOptions: {
+                    title_color,
+                    text_color,
+                    bg_color,
+                    border_color,
+                    theme,
+                },
+            }),
+        };
+    }
+    try {
+        const stats = await fetchWakatimeStats({ username, api_domain });
+        return {
+            status: "success",
+            content: renderWakatimeCard(stats, {
+                custom_title,
+                hide_title: parseBoolean(hide_title),
+                hide_border: parseBoolean(hide_border),
+                card_width: parseInt(card_width, 10),
+                hide: parseArray(hide),
+                line_height,
+                title_color,
+                icon_color,
+                text_color,
+                bg_color,
+                theme,
+                hide_progress,
+                border_radius,
+                border_color,
+                locale: locale ? locale.toLowerCase() : null,
+                layout,
+                langs_count,
+                display_format,
+                disable_animations: parseBoolean(disable_animations),
+            }),
+        };
+    }
+    catch (err) {
+        if (err instanceof Error) {
+            return {
+                status: "error - temporary",
+                content: renderError({
+                    message: err.message,
+                    secondaryMessage: retrieveSecondaryMessage(err),
+                    renderOptions: {
+                        title_color,
+                        text_color,
+                        bg_color,
+                        border_color,
+                        theme,
+                        show_repo_link: !(err instanceof MissingParamError),
+                    },
+                }),
+            };
+        }
+        return {
+            status: "error - temporary",
+            content: renderError({
+                message: "An unknown error occurred",
+                renderOptions: {
+                    title_color,
+                    text_color,
+                    bg_color,
+                    border_color,
+                    theme,
+                },
+            }),
+        };
+    }
+};

package/build/calculateRank.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Calculates the users rank.
+ *
+ * @param {object} params Parameters on which the user's rank depends.
+ * @param {boolean} params.all_commits Whether `include_all_commits` was used.
+ * @param {number} params.commits Number of commits.
+ * @param {number} params.prs The number of pull requests.
+ * @param {number} params.issues The number of issues.
+ * @param {number} params.reviews The number of reviews.
+ * @param {number} params.repos Total number of repos.
+ * @param {number} params.stars The number of stars.
+ * @param {number} params.followers The number of followers.
+ * @returns {{ level: string, percentile: number }} The users rank.
+ */
+export function calculateRank({ all_commits, commits, prs, issues, reviews, repos, stars, followers, }: {
+    all_commits: boolean;
+    commits: number;
+    prs: number;
+    issues: number;
+    reviews: number;
+    repos: number;
+    stars: number;
+    followers: number;
+}): {
+    level: string;
+    percentile: number;
+};
+//# sourceMappingURL=calculateRank.d.ts.map

package/build/calculateRank.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateRank.d.ts","sourceRoot":"","sources":["../src/calculateRank.js"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;GAaG;AACH,wGAVG;IAAwB,WAAW,EAA3B,OAAO;IACQ,OAAO,EAAtB,MAAM;IACS,GAAG,EAAlB,MAAM;IACS,MAAM,EAArB,MAAM;IACS,OAAO,EAAtB,MAAM;IACS,KAAK,EAApB,MAAM;IACS,KAAK,EAApB,MAAM;IACS,SAAS,EAAxB,MAAM;CACd,GAAU;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAkDjD"}

package/build/calculateRank.js

@@ -0,0 +1,63 @@
+/**
+ * Calculates the exponential cdf.
+ *
+ * @param {number} x The value.
+ * @returns {number} The exponential cdf.
+ */
+function exponential_cdf(x) {
+    return 1 - 2 ** -x;
+}
+/**
+ * Calculates the log normal cdf.
+ *
+ * @param {number} x The value.
+ * @returns {number} The log normal cdf.
+ */
+function log_normal_cdf(x) {
+    // approximation
+    return x / (1 + x);
+}
+/**
+ * Calculates the users rank.
+ *
+ * @param {object} params Parameters on which the user's rank depends.
+ * @param {boolean} params.all_commits Whether `include_all_commits` was used.
+ * @param {number} params.commits Number of commits.
+ * @param {number} params.prs The number of pull requests.
+ * @param {number} params.issues The number of issues.
+ * @param {number} params.reviews The number of reviews.
+ * @param {number} params.repos Total number of repos.
+ * @param {number} params.stars The number of stars.
+ * @param {number} params.followers The number of followers.
+ * @returns {{ level: string, percentile: number }} The users rank.
+ */
+function calculateRank({ all_commits, commits, prs, issues, reviews, 
+// eslint-disable-next-line no-unused-vars
+repos, // unused
+stars, followers, }) {
+    const COMMITS_MEDIAN = all_commits ? 1000 : 250, COMMITS_WEIGHT = 2;
+    const PRS_MEDIAN = 50, PRS_WEIGHT = 3;
+    const ISSUES_MEDIAN = 25, ISSUES_WEIGHT = 1;
+    const REVIEWS_MEDIAN = 2, REVIEWS_WEIGHT = 1;
+    const STARS_MEDIAN = 50, STARS_WEIGHT = 4;
+    const FOLLOWERS_MEDIAN = 10, FOLLOWERS_WEIGHT = 1;
+    const TOTAL_WEIGHT = COMMITS_WEIGHT +
+        PRS_WEIGHT +
+        ISSUES_WEIGHT +
+        REVIEWS_WEIGHT +
+        STARS_WEIGHT +
+        FOLLOWERS_WEIGHT;
+    const THRESHOLDS = [1, 12.5, 25, 37.5, 50, 62.5, 75, 87.5, 100];
+    const LEVELS = ["S", "A+", "A", "A-", "B+", "B", "B-", "C+", "C"];
+    const rank = 1 -
+        (COMMITS_WEIGHT * exponential_cdf(commits / COMMITS_MEDIAN) +
+            PRS_WEIGHT * exponential_cdf(prs / PRS_MEDIAN) +
+            ISSUES_WEIGHT * exponential_cdf(issues / ISSUES_MEDIAN) +
+            REVIEWS_WEIGHT * exponential_cdf(reviews / REVIEWS_MEDIAN) +
+            STARS_WEIGHT * log_normal_cdf(stars / STARS_MEDIAN) +
+            FOLLOWERS_WEIGHT * log_normal_cdf(followers / FOLLOWERS_MEDIAN)) /
+            TOTAL_WEIGHT;
+    const level = LEVELS[THRESHOLDS.findIndex((t) => rank * 100 <= t)];
+    return { level, percentile: rank * 100 };
+}
+export { calculateRank };

package/build/cards/gist.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Gist card options.
+ */
+export type GistCardOptions = any;
+/**
+ * Gist data.
+ */
+export type GistData = any;
+/**
+ * @typedef {import('./types').GistCardOptions} GistCardOptions Gist card options.
+ * @typedef {import('../fetchers/types').GistData} GistData Gist data.
+ */
+/**
+ * Render gist card.
+ *
+ * @param {GistData} gistData Gist data.
+ * @param {Partial<GistCardOptions>} options Gist card options.
+ * @returns {string} Gist card.
+ */
+export function renderGistCard(gistData: GistData, options?: Partial<GistCardOptions>): string;
+//# sourceMappingURL=gist.d.ts.map

package/build/cards/gist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gist.d.ts","sourceRoot":"","sources":["../../src/cards/gist.js"],"names":[],"mappings":";;;;;;;;AA4BA;;;GAGG;AAEH;;;;;;GAMG;AACH,yCAJW,QAAQ,YACR,OAAO,CAAC,eAAe,CAAC,GACtB,MAAM,CAkJlB"}

package/build/cards/gist.js

@@ -0,0 +1,124 @@
+// @ts-check
+import { default as Card } from "../common/Card.js";
+import { getCardColors } from "../common/color.js";
+import { kFormatter, wrapTextMultiline } from "../common/fmt.js";
+import { encodeHTML } from "../common/html.js";
+import { icons } from "../common/icons.js";
+import languageColors from "../common/languageColors.json" with { type: "json" };
+import { parseEmojis } from "../common/ops.js";
+import { countWrappedLines, createLanguageNode, flexLayout, iconWithLabel, measureText, wrappedTextNode, wrappedTextStyles, } from "../common/render.js";
+const ICON_SIZE = 16;
+const CARD_DEFAULT_WIDTH = 400;
+const X_OFFSET = 25;
+const HEADER_MAX_LENGTH = 35;
+const DESCRIPTION_BOX_WIDTH = CARD_DEFAULT_WIDTH - 2 * X_OFFSET;
+const DESCRIPTION_FONT_SIZE = 13;
+const DESCRIPTION_LINE_HEIGHT_PX = 16;
+const DESCRIPTION_MAX_LINES = 10;
+/**
+ * @typedef {import('./types').GistCardOptions} GistCardOptions Gist card options.
+ * @typedef {import('../fetchers/types').GistData} GistData Gist data.
+ */
+/**
+ * Render gist card.
+ *
+ * @param {GistData} gistData Gist data.
+ * @param {Partial<GistCardOptions>} options Gist card options.
+ * @returns {string} Gist card.
+ */
+const renderGistCard = (gistData, options = {}) => {
+    const { name, nameWithOwner, description, language, starsCount, forksCount } = gistData;
+    const { title_color, icon_color, text_color, bg_color, theme = "default_repocard", border_radius, border_color, show_owner = false, browser_rendering = false, hide_border = false, } = options;
+    // returns theme based colors with proper overrides and defaults
+    const { titleColor, textColor, iconColor, bgColor, borderColor } = getCardColors({
+        title_color,
+        icon_color,
+        text_color,
+        bg_color,
+        border_color,
+        theme,
+    });
+    const desc = parseEmojis(description || "No description provided");
+    let descriptionLines, descriptionSvg;
+    if (browser_rendering) {
+        // The browser performs the actual text wrapping inside the foreignObject;
+        // we only estimate the line count server-side so the SVG can reserve enough
+        // height. The estimate uses measureText for font-aware widths instead of a
+        // fixed character count.
+        descriptionLines = countWrappedLines(desc, DESCRIPTION_FONT_SIZE, DESCRIPTION_BOX_WIDTH, DESCRIPTION_MAX_LINES);
+        descriptionSvg = wrappedTextNode({
+            text: desc,
+            x: X_OFFSET,
+            y: -3,
+            width: DESCRIPTION_BOX_WIDTH,
+            height: descriptionLines * DESCRIPTION_LINE_HEIGHT_PX + 10, // 10px extra for "descenders" like g, j, q, p, y
+            lineCount: descriptionLines,
+            className: "description",
+            testId: "description-text",
+        });
+    }
+    else {
+        const linesLimit = 10;
+        const multiLineDescription = wrapTextMultiline(desc, DESCRIPTION_BOX_WIDTH, DESCRIPTION_FONT_SIZE, linesLimit);
+        descriptionLines = multiLineDescription.length;
+        descriptionSvg = multiLineDescription
+            .map((line) => `<tspan dy="1.2em" x="${X_OFFSET}">${encodeHTML(line)}</tspan>`)
+            .join("");
+        descriptionSvg = `<text class="description" x="${X_OFFSET}" y="-5">
+        ${descriptionSvg}
+    </text>`;
+    }
+    const lineHeight = descriptionLines > 3 ? 12 : 10;
+    const height = (descriptionLines > 1 ? 120 : 110) + descriptionLines * lineHeight;
+    const totalStars = kFormatter(starsCount);
+    const totalForks = kFormatter(forksCount);
+    const svgStars = iconWithLabel(icons.star, totalStars, "starsCount", ICON_SIZE);
+    const svgForks = iconWithLabel(icons.fork, totalForks, "forksCount", ICON_SIZE);
+    const languageName = language || "Unspecified";
+    // @ts-ignore
+    const languageColor = languageColors[languageName] || "#858585";
+    const svgLanguage = createLanguageNode(languageName, languageColor);
+    const starAndForkCount = flexLayout({
+        items: [svgLanguage, svgStars, svgForks],
+        sizes: [
+            measureText(languageName, 12),
+            ICON_SIZE + measureText(`${totalStars}`, 12),
+            ICON_SIZE + measureText(`${totalForks}`, 12),
+        ],
+        gap: 25,
+    }).join("");
+    const header = show_owner ? nameWithOwner : name;
+    const card = new Card({
+        defaultTitle: header.length > HEADER_MAX_LENGTH
+            ? `${header.slice(0, HEADER_MAX_LENGTH)}...`
+            : header,
+        titlePrefixIcon: icons.gist,
+        width: CARD_DEFAULT_WIDTH,
+        height,
+        border_radius,
+        colors: {
+            titleColor,
+            textColor,
+            iconColor,
+            bgColor,
+            borderColor,
+        },
+    });
+    card.setCSS(`
+    .description {
+      font: 400 ${DESCRIPTION_FONT_SIZE}px 'Segoe UI', Ubuntu, Sans-Serif;fill: ${textColor};
+      ${browser_rendering ? wrappedTextStyles(textColor) : ""}
+    }
+    .gray { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${textColor} }
+    .icon { fill: ${iconColor} }
+  `);
+    card.setHideBorder(hide_border);
+    return card.render(`
+    ${descriptionSvg}
+
+    <g transform="translate(30, ${height - 75})">
+        ${starAndForkCount}
+    </g>
+  `);
+};
+export { renderGistCard };

package/build/cards/repo.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Repository data.
+ */
+export type RepositoryData = any;
+/**
+ * Repo card options.
+ */
+export type RepoCardOptions = any;
+/**
+ * @typedef {import("../fetchers/types").RepositoryData} RepositoryData Repository data.
+ * @typedef {import("./types").RepoCardOptions} RepoCardOptions Repo card options.
+ */
+/**
+ * Renders repository card details.
+ *
+ * @param {RepositoryData} repo Repository data.
+ * @param {Partial<RepoCardOptions>} options Card options.
+ * @returns {string} Repository card SVG object.
+ */
+export function renderRepoCard(repo: RepositoryData, options?: Partial<RepoCardOptions>): string;
+//# sourceMappingURL=repo.d.ts.map

package/build/cards/repo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repo.d.ts","sourceRoot":"","sources":["../../src/cards/repo.js"],"names":[],"mappings":";;;;;;;;AAmDA;;;GAGG;AAEH;;;;;;GAMG;AACH,qCAJW,cAAc,YACd,OAAO,CAAC,eAAe,CAAC,GACtB,MAAM,CA6SlB"}

package/build/cards/repo.js

@@ -0,0 +1,264 @@
+// @ts-check
+import { Card } from "../common/Card.js";
+import { I18n } from "../common/I18n.js";
+import { getCardColors } from "../common/color.js";
+import { kFormatter, wrapTextMultiline } from "../common/fmt.js";
+import { encodeHTML } from "../common/html.js";
+import { icons } from "../common/icons.js";
+import { buildSearchFilter, clampValue, parseEmojis } from "../common/ops.js";
+import { countWrappedLines, createLanguageNode, flexLayout, iconWithLabel, measureText, wrappedTextNode, wrappedTextStyles, } from "../common/render.js";
+import { repoCardLocales } from "../translations.js";
+import { createTextNode } from "./stats.js";
+const ICON_SIZE = 16;
+const CARD_DEFAULT_WIDTH = 400;
+const X_OFFSET = 25;
+const DESCRIPTION_FONT_SIZE = 13;
+const DESCRIPTION_LINE_HEIGHT_PX = 16;
+const DESCRIPTION_MAX_LINES = 3;
+/**
+ * Retrieves the repository description and wraps it to fit the card width.
+ *
+ * @param {string} label The repository description.
+ * @param {string} textColor The color of the text.
+ * @returns {string} Wrapped repo description SVG object.
+ */
+const getBadgeSVG = (label, textColor, xOffset = 0) => `
+  <g data-testid="badge" class="badge" transform="translate(${320 + xOffset}, -18)">
+    <rect stroke="${textColor}" stroke-width="1" width="70" height="20" x="-12" y="-14" ry="10" rx="10"></rect>
+    <text
+      x="23" y="-5"
+      alignment-baseline="central"
+      dominant-baseline="central"
+      text-anchor="middle"
+      fill="${textColor}"
+    >
+      ${label}
+    </text>
+  </g>
+`;
+/**
+ * @typedef {import("../fetchers/types").RepositoryData} RepositoryData Repository data.
+ * @typedef {import("./types").RepoCardOptions} RepoCardOptions Repo card options.
+ */
+/**
+ * Renders repository card details.
+ *
+ * @param {RepositoryData} repo Repository data.
+ * @param {Partial<RepoCardOptions>} options Card options.
+ * @returns {string} Repository card SVG object.
+ */
+const renderRepoCard = (repo, options = {}) => {
+    const { name, nameWithOwner, description, primaryLanguage, isArchived, isTemplate, starCount, forkCount, totalPRsAuthored, totalPRsCommented, totalPRsReviewed, totalIssuesAuthored, totalIssuesCommented, } = repo;
+    const { hide_border = false, title_color, icon_color, text_color, bg_color, card_width_input, show_owner = false, browser_rendering = false, show = [], show_icons = true, number_format = "short", text_bold = false, line_height = 22, username, theme = "default_repocard", border_radius, border_color, locale, description_lines_count, } = options;
+    const card_width = card_width_input && !isNaN(card_width_input)
+        ? card_width_input
+        : show.length >= 2
+            ? CARD_DEFAULT_WIDTH + 30
+            : CARD_DEFAULT_WIDTH;
+    const i18n = new I18n({
+        locale,
+        translations: repoCardLocales,
+    });
+    let repoFilter = encodeURIComponent(buildSearchFilter([nameWithOwner], []));
+    const STATS = {};
+    if (show.includes("prs_authored")) {
+        STATS.prs_authored = {
+            icon: icons.prs,
+            label: i18n.t("repocard.prs-authored"),
+            value: totalPRsAuthored,
+            id: "prs_authored",
+            link: `https://github.com/search?q=${repoFilter}author%3A${username}&amp;type=pullrequests`,
+        };
+    }
+    if (show.includes("prs_commented")) {
+        STATS.prs_commented = {
+            icon: icons.comments,
+            label: i18n.t("repocard.prs-commented"),
+            value: totalPRsCommented,
+            id: "prs_commented",
+            link: `https://github.com/search?q=${repoFilter}commenter%3A${username}+-author%3A${username}&amp;type=pullrequests`,
+        };
+    }
+    if (show.includes("prs_reviewed")) {
+        STATS.prs_reviewed = {
+            icon: icons.reviews,
+            label: i18n.t("repocard.prs-reviewed"),
+            value: totalPRsReviewed,
+            id: "prs_reviewed",
+            link: `https://github.com/search?q=${repoFilter}reviewed-by%3A${username}+-author%3A${username}&amp;type=pullrequests`,
+        };
+    }
+    if (show.includes("issues_authored")) {
+        STATS.issues_authored = {
+            icon: icons.issues,
+            label: i18n.t("repocard.issues-authored"),
+            value: totalIssuesAuthored,
+            id: "issues_authored",
+            link: `https://github.com/search?q=${repoFilter}author%3A${username}&amp;type=issues`,
+        };
+    }
+    if (show.includes("issues_commented")) {
+        STATS.issues_commented = {
+            icon: icons.discussions_started,
+            label: i18n.t("repocard.issues-commented"),
+            value: totalIssuesCommented,
+            id: "issues_commented",
+            link: `https://github.com/search?q=${repoFilter}commenter%3A${username}+-author%3A${username}&amp;type=issues`,
+        };
+    }
+    const statItems = Object.keys(STATS).map((key, index) => 
+    // create the text nodes, and pass index so that we can calculate the line spacing
+    createTextNode({
+        icon: STATS[key].icon,
+        label: STATS[key].label,
+        value: STATS[key].value,
+        id: STATS[key].id,
+        unitSymbol: STATS[key].unitSymbol,
+        index,
+        showIcons: show_icons,
+        shiftValuePos: 14.01,
+        bold: text_bold,
+        numberFormat: number_format,
+        link: STATS[key].link,
+        labelXOffset: 23,
+    }));
+    const extraLHeight = parseInt(String(line_height), 10);
+    const lineHeight = 10;
+    const header = show_owner ? nameWithOwner : name;
+    const langName = (primaryLanguage && primaryLanguage.name) || "Unspecified";
+    const langColor = (primaryLanguage && primaryLanguage.color) || "#333";
+    const desc = parseEmojis(description || "No description provided");
+    const descriptionBoxWidth = card_width - 2 * X_OFFSET;
+    let descriptionLinesCount, descriptionSvg;
+    if (browser_rendering) {
+        // The browser performs the actual text wrapping inside the foreignObject;
+        // we only estimate the line count server-side so the SVG can reserve enough
+        // height. The estimate uses measureText for font-aware widths instead of a
+        // fixed character count.
+        descriptionLinesCount = description_lines_count
+            ? clampValue(description_lines_count, 1, DESCRIPTION_MAX_LINES)
+            : countWrappedLines(desc, DESCRIPTION_FONT_SIZE, descriptionBoxWidth, DESCRIPTION_MAX_LINES);
+        descriptionSvg = wrappedTextNode({
+            text: desc,
+            x: X_OFFSET,
+            y: -3,
+            width: descriptionBoxWidth,
+            height: descriptionLinesCount * DESCRIPTION_LINE_HEIGHT_PX + 10, // 10px extra for "descenders" like g, j, q, p, y
+            lineCount: descriptionLinesCount,
+            className: "description",
+            testId: "description-text",
+        });
+    }
+    else {
+        const descriptionMaxLines = description_lines_count
+            ? clampValue(description_lines_count, 1, DESCRIPTION_MAX_LINES)
+            : DESCRIPTION_MAX_LINES;
+        const multiLineDescription = wrapTextMultiline(desc, descriptionBoxWidth, DESCRIPTION_FONT_SIZE, descriptionMaxLines);
+        descriptionLinesCount = description_lines_count
+            ? clampValue(description_lines_count, 1, DESCRIPTION_MAX_LINES)
+            : multiLineDescription.length;
+        descriptionSvg = multiLineDescription
+            .map((line) => `<tspan dy="1.2em" x="${X_OFFSET}">${encodeHTML(line)}</tspan>`)
+            .join("");
+        descriptionSvg = `<text class="description" x="${X_OFFSET}" y="-5"> 
+      ${descriptionSvg}
+    </text>`;
+    }
+    const extraHeight = Object.keys(STATS).length
+        ? -7 + (Math.ceil(statItems.length / 2) + 1) * extraLHeight
+        : 0;
+    const height = (descriptionLinesCount > 1 ? 120 : 110) +
+        descriptionLinesCount * lineHeight +
+        extraHeight;
+    // returns theme based colors with proper overrides and defaults
+    const colors = getCardColors({
+        title_color,
+        icon_color,
+        text_color,
+        bg_color,
+        border_color,
+        theme,
+    });
+    const svgLanguage = primaryLanguage
+        ? createLanguageNode(langName, langColor)
+        : "";
+    const totalStars = kFormatter(starCount);
+    const totalForks = kFormatter(forkCount);
+    const svgStars = iconWithLabel(icons.star, totalStars, "stargazers", ICON_SIZE);
+    const svgForks = iconWithLabel(icons.fork, totalForks, "forkcount", ICON_SIZE);
+    const starAndForkCount = flexLayout({
+        items: [svgLanguage, svgStars, svgForks],
+        sizes: [
+            measureText(langName, 12),
+            ICON_SIZE + measureText(`${totalStars}`, 12),
+            ICON_SIZE + measureText(`${totalForks}`, 12),
+        ],
+        gap: 25,
+    }).join("");
+    let extraRows = [];
+    for (let i = 0; i < statItems.length; i += 2) {
+        extraRows.push(flexLayout({
+            items: statItems.slice(i, i + 2),
+            gap: 210,
+            direction: "row",
+        }).join(""));
+    }
+    const extraItems = `
+  <svg x="0" y="0"><g transform="translate(-3, ${height - 52 - extraHeight})">
+      ${flexLayout({
+        items: extraRows,
+        gap: extraLHeight,
+        direction: "column",
+    }).join("")}
+    </g></svg>
+    `;
+    const card = new Card({
+        defaultTitle: header.length > 35 ? `${header.slice(0, 35)}...` : header,
+        titlePrefixIcon: icons.contribs,
+        width: card_width,
+        height,
+        border_radius,
+        colors,
+    });
+    card.disableAnimations();
+    card.setHideBorder(hide_border);
+    card.setHideTitle(false);
+    card.setCSS(`
+    .description {
+      font: 400 ${DESCRIPTION_FONT_SIZE}px 'Segoe UI', Ubuntu, Sans-Serif;fill: ${colors.textColor};
+      ${browser_rendering ? wrappedTextStyles(colors.textColor) : ""}
+    }
+    .gray { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${colors.textColor} }
+    .badge { font: 600 11px 'Segoe UI', Ubuntu, Sans-Serif; }
+    .badge rect { opacity: 0.2 }
+
+    .stat { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${colors.textColor} }
+    .stagger {
+      opacity: 0;
+      animation: fadeInAnimation 0.3s ease-in-out forwards;
+    }
+    .not_bold { font-weight: 400 }
+    .bold { font-weight: 700 }
+    .icon {
+      fill: ${colors.iconColor};
+      display: block;
+    }
+  `);
+    return card.render(`
+    ${isTemplate
+        ? // @ts-ignore
+            getBadgeSVG(i18n.t("repocard.template"), colors.textColor, card_width - CARD_DEFAULT_WIDTH)
+        : isArchived
+            ? // @ts-ignore
+                getBadgeSVG(i18n.t("repocard.archived"), colors.textColor, card_width - CARD_DEFAULT_WIDTH)
+            : ""}
+
+    ${descriptionSvg}
+
+    <g transform="translate(30, ${height - 75 - extraHeight})">
+      ${starAndForkCount}
+    </g>
+    ${extraItems}
+  `);
+};
+export { renderRepoCard };

package/build/cards/stats.d.ts

@@ -0,0 +1,49 @@
+export type StatsData = any;
+export type StatCardOptions = any;
+/**
+ * @typedef {import('../fetchers/types').StatsData} StatsData
+ * @typedef {import('./types').StatCardOptions} StatCardOptions
+ */
+/**
+ * Renders the stats card.
+ *
+ * @param {StatsData} stats The stats data.
+ * @param {Partial<StatCardOptions>} options The card options.
+ * @returns {string} The stats card SVG object.
+ */
+export function renderStatsCard(stats: StatsData, options: Partial<StatCardOptions>, username: any, repo?: any[], owner?: any[]): string;
+/**
+ * Create a stats card text item.
+ *
+ * @param {object} params Object that contains the createTextNode parameters.
+ * @param {string} params.icon The icon to display.
+ * @param {string} params.label The label to display.
+ * @param {number} params.value The value to display.
+ * @param {string} params.id The id of the stat.
+ * @param {string=} params.unitSymbol The unit symbol of the stat.
+ * @param {number} params.index The index of the stat.
+ * @param {boolean} params.showIcons Whether to show icons.
+ * @param {number} params.shiftValuePos Number of pixels the value has to be shifted to the right.
+ * @param {boolean} params.bold Whether to bold the label.
+ * @param {string} params.numberFormat The format of numbers on card.
+ * @param {number=} params.numberPrecision The precision of numbers on card.
+ * @param {string} params.link Url to link to.
+ * @param {number} params.labelXOffset horizontal offset for label.
+ * @returns {string} The stats card text item SVG object.
+ */
+export function createTextNode({ icon, label, value, id, unitSymbol, index, showIcons, shiftValuePos, bold, numberFormat, numberPrecision, link, labelXOffset, }: {
+    icon: string;
+    label: string;
+    value: number;
+    id: string;
+    unitSymbol?: string | undefined;
+    index: number;
+    showIcons: boolean;
+    shiftValuePos: number;
+    bold: boolean;
+    numberFormat: string;
+    numberPrecision?: number | undefined;
+    link: string;
+    labelXOffset: number;
+}): string;
+//# sourceMappingURL=stats.d.ts.map

package/build/cards/stats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats.d.ts","sourceRoot":"","sources":["../../src/cards/stats.js"],"names":[],"mappings":";;AA8PA;;;GAGG;AAEH;;;;;;GAMG;AACH,uCAJW,SAAS,WACT,OAAO,CAAC,eAAe,CAAC,+CACtB,MAAM,CAsZlB;AAzmBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,kKAfG;IAAuB,IAAI,EAAnB,MAAM;IACS,KAAK,EAApB,MAAM;IACS,KAAK,EAApB,MAAM;IACS,EAAE,EAAjB,MAAM;IACU,UAAU,GAA1B,MAAM,YAAC;IACQ,KAAK,EAApB,MAAM;IACU,SAAS,EAAzB,OAAO;IACQ,aAAa,EAA5B,MAAM;IACU,IAAI,EAApB,OAAO;IACQ,YAAY,EAA3B,MAAM;IACU,eAAe,GAA/B,MAAM,YAAC;IACQ,IAAI,EAAnB,MAAM;IACS,YAAY,EAA3B,MAAM;CACd,GAAU,MAAM,CAuDlB"}