Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Add the Benchmark blog template (`blog-benchmark`)

Fechada
#301 3 comentários 0 reações 1 responsável Ver no GitHub

Mantenedores costumam responder em até 1 dia

@piyusshhjangid já está trabalhando nisso.

Desde 28/10/2026.

  • #303 de @piyusshhjangid — integrado

Avaliação

Esta issue ainda não foi avaliada.

Descrição

good first issue hacktoberfest templates

Part of #5. For posts that compare how fast (or how big) a few things are.

Idea
A small "Benchmark" label in the accent color at the top, the post title under it ("Bun vs Deno vs Node: HTTP throughput") with an optional one-line note ("Requests per second, higher is better"). Then up to four horizontal bars, one per row: the name on the left ("Bun"), the bar, and the number at the end ("112,000 req/s"). Every bar is scaled to the largest value, so the largest one fills its track and is drawn in the accent color, while the others use a muted color. The site name sits at the bottom.

Template details

  • File: src/templates/blog/benchmark.ts, id blog-benchmark
  • Fields: commonFields.title, commonFields.description (the note, optional), name1 to name4 (text, optional, defaults "Bun", "Deno", "Node" and blank), value1 to value4 (number, optional, defaults 112000, 71000, 48000 and blank), unit (text, optional, default "req/s"), commonFields.siteName, commonFields.bgColor, commonFields.accentColor, commonFields.textColor

Where to look

  • Closest reference: src/templates/github/language-bars.ts (rows of labeled bars), src/templates/blog/table-of-contents.ts (a short list where blank rows are skipped)

Acceptance criteria

  • Bars are scaled to the largest value, the largest is in the accent color, and the numbers show with thousands separators plus the unit when it's set
  • A row with a blank name, or a value that isn't a number of 0 or more, is skipped with no gap; all-zero values draw empty bars without dividing by zero; and with every row skipped the chart area hides cleanly
  • A long title, note or name shrinks with autoFontSize() and then truncates
  • The label and the accent bar stay readable on a light background
  • Re-exported in src/templates/blog/index.ts and registered in the blog block of src/templates/registry.ts
  • Meets the shared template checklist in #5

One template per contributor at a time, so more people get a chance.


Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #301 in the description.

Linguagem predominante
TypeScript
Estrelas
8
Forks
4
Merge médio
8h 19min
PRs com merge (30d)
140

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de codercops/ogcops

Todas as issues de codercops/ogcops

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.