Skip to content

Fix Hackatime documentation OG logo - #1617

Open
skyfallwastaken wants to merge 6 commits into
mainfrom
fix-1594-og-logo
Open

Fix Hackatime documentation OG logo#1617
skyfallwastaken wants to merge 6 commits into
mainfrom
fix-1594-og-logo

Conversation

@skyfallwastaken

Copy link
Copy Markdown
Member

Summary of the problem

Documentation Open Graph cards used an SVG-only logo path and rendered an undersized, unsuitable mark.

Describe your changes

Upgrade Blume, patch its Open Graph logo resolver to accept local PNG assets and configure the full Hackatime logo. Documentation and Open Graph typography use Inter. Docker builds now copy Bun patches before dependency installation.

Closes #1594

Screenshots / Media

Hackatime Open Graph logo

Copilot AI lite review requested due to automatic review settings August 20, 2026 13:32

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@socket-security

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Updatednpm/​blume@​1.4.3 ⏵ 1.5.197100100 +196 +1100

View full report

@greptile-apps

greptile-apps Bot commented Aug 20, 2026

Copy link
Copy Markdown
Contributor

Greptile Summary

The PR upgrades and patches Blume so documentation Open Graph generation can use a full local PNG logo, switches documentation typography to Inter, and makes Docker dependency installation aware of Bun patches.

  • Configures the new Hackatime Open Graph logo and Inter fonts.
  • Adds raster-logo conversion to Blume’s Open Graph resolver.
  • Copies and fingerprints Bun patches across production and development builds.
  • Lacks focused automated coverage for the newly added raster-logo behavior.

Confidence Score: 4/5

The PR appears safe to merge, with the non-blocking concern that its new raster Open Graph conversion path lacks focused automated coverage.

The patch and its required assets are wired into repository and Docker installation paths, while the remaining accepted issue is limited to missing regression coverage for the new PNG/JPEG conversion behavior.

Files Needing Attention: patches/blume@1.5.1.patch

Important Files Changed

Filename Overview
patches/blume@1.5.1.patch Adds raster-image support to Blume’s Open Graph logo resolver, but the new conversion path has no focused tests.
blume.config.ts Activates the PNG logo resolver and configures Inter for documentation body and display text.
Dockerfile Makes Bun patches available before dependency installation and during documentation builds.
Dockerfile.dev Copies Bun patches before development dependency installation.
package.json Upgrades Blume to 1.5.1 and registers the local Bun patch.
bun.lock Resolves Blume 1.5.1, its dependencies, and the patched-dependency mapping.
Prompt To Fix All With AI
### Issue 1
patches/blume@1.5.1.patch:21-34
**Raster logo conversion lacks tests**

This adds image metadata parsing, MIME selection, base64 encoding, and raster-to-SVG conversion without focused automated coverage, so regressions in the newly activated PNG Open Graph path can ship without identifying the broken output.

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.

Reviews (1): Last reviewed commit: "Use full Hackatime OG logo" | Re-trigger Greptile

Comment thread patches/blume@1.5.1.patch
Comment on lines +21 to +34
+ if (!file) {
+ return;
+ }
+ const image2 = readFileSync6(file);
+ if (source.toLowerCase().endsWith(".svg")) {
+ return image2.toString("utf-8");
+ }
+ const { height, type, width } = imageSize3(image2);
+ if (!height || !width || !type) {
+ return;
+ }
+ const mimeType = type === "jpg" ? "image/jpeg" : `image/${type}`;
+ const dataUri = `data:${mimeType};base64,${image2.toString("base64")}`;
+ return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><image href="${dataUri}" width="${width}" height="${height}" /></svg>`;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Raster logo conversion lacks tests

This adds image metadata parsing, MIME selection, base64 encoding, and raster-to-SVG conversion without focused automated coverage, so regressions in the newly activated PNG Open Graph path can ship without identifying the broken output.

Context Used: In the Hackatime repo, please ensure that the PR i... (source)

Knowledge Base Used: Documentation site

Prompt To Fix With AI
This is a comment left during a code review.
Path: patches/blume@1.5.1.patch
Line: 21-34

Comment:
**Raster logo conversion lacks tests**

This adds image metadata parsing, MIME selection, base64 encoding, and raster-to-SVG conversion without focused automated coverage, so regressions in the newly activated PNG Open Graph path can ship without identifying the broken output.

**Context Used:** In the Hackatime repo, please ensure that the PR i... ([source](https://app.greptile.com/review/custom-context?memory=instruction-0))

**Knowledge Base Used:** [Documentation site](https://app.greptile.com/mahadk/-/custom-context/knowledge-base/hackclub/hackatime/-/docs/documentation-site.md)

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.

Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Hackatime logo on OG images looks funky

2 participants