Fix: Clean URLs and code block language labels#12
Conversation
Syrup
commented
Nov 2, 2025
Syrup
commented
- Remove .html extension from Vercel URLs
- Add language labels to code blocks
- Labels stay fixed when scrolling horizontally
… blocks - Update vercel.json with rewrites to support clean URLs without .html - Add language label to code blocks positioned at top-left corner - Label stays fixed when scrolling code horizontally (sticky positioning) - Style: transparent background, lowercase text, subtle gray color - Support both light and dark mode
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Pull Request Overview
This PR enhances the markdown code block rendering by adding language labels to code blocks and configures URL handling for Vercel deployment.
- Adds visual language labels to syntax-highlighted code blocks
- Configures Vercel to use clean URLs without
.htmlextensions - Styles the language labels for both light and dark themes
Reviewed Changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 4 comments.
| File | Description |
|---|---|
| index.js | Updates code block HTML generation to include language label spans and data attributes |
| public/style.css | Adds styling for .code-lang labels with positioning, sizing, and theme support |
| vercel.json | Configures clean URLs, trailing slash behavior, and rewrites for HTML file routing |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
- Create helpers/highlight.js for shared highlight logic - Remove duplicate code from index.js and cli/build.js - Follows DRY principle for better maintainability
- Create mdUtils instance to access escapeHtml independently - Fixes build error where md parameter was undefined - Removes md parameter from highlightCode function signature
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 5 out of 5 changed files in this pull request and generated no new comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
1 participant
