Function Root

packages/core/src/elements.ts:4–36

(config: Config, data: FetchedData)

import { Config, FetchedData } from "./types";

export function Root(config: Config, data: FetchedData) {
    return new Item("svg", {
        id: "root",
        attr: {
            width: config.width,
            height: config.height,
            viewBox: `0 0 ${config.width} ${config.height}`,
            ...svg_attrs,
        },
        style: { fill: "none" },
        children: [
            new Item("title", {
                content: `${data?.profile.username || config.username} | LeetCode Stats Card`,
            }),
            new Item("style", {
                id: "default-colors",
                content: `svg{opacity:0}:root{--bg-0:#fff;--bg-1:#e5e5e5;--bg-2:#d3d3d3;--bg-3:#d3d3d3;--text-0:#000;--text-1:#808080;--text-2:#808080;--text-3:#808080;--color-0:#ffa116;--color-1:#5cb85c;--color-2:#f0ad4e;--color-3:#d9534f}`,
            }),
            new Item("rect", {
                id: "background",
                style: {
                    transform: "translate(0.5px, 0.5px)",
                    stroke: "var(--bg-2)",
                    fill: "var(--bg-0)",
                    "stroke-width": 1,
                    width: config.width - 1 + "px",
                    height: config.height - 1 + "px",
                    rx: "4px",
                },
            }),
        ],
    });
}

export function Icon() {
    const item = new Item("g", {