Add syntax highlighting to benchmark page code blocks #61

hossain-khan · 2025-06-25T03:28:49Z

Integrates Highlight.js to provide syntax highlighting for JSON5, Kotlin, and Groovy code examples on the benchmark_visualization.html page.

Added Highlight.js library and 'atom-one-dark' theme.
Updated code blocks to use <pre><code class='language-xxx'> structure.
Adjusted CSS to ensure seamless integration with existing styles, preserving the rounded black box appearance for code blocks.

Description

Type of Change

Bug fix (non-breaking change which fixes an issue)
New feature (non-breaking change which adds functionality)
Breaking change (fix or feature that would cause existing functionality to not work as expected)
Documentation update
Performance improvement
Code refactoring
Test improvements

Related Issues

Fixes #(issue number)

Changes Made

Testing

All existing tests pass (./gradlew check)
New tests added for new functionality
Code formatted (./gradlew formatKotlin)
Manual testing performed

Test Results

./gradlew check
BUILD SUCCESSFUL

Documentation

README.md updated (if needed)
KDoc comments added/updated for public APIs
CONTRIBUTING.md updated (if workflow changes)
Migration guide provided (for breaking changes)

Performance Impact

No performance impact
Performance improvement (include benchmark results)
Performance regression (explain and justify)

Benchmark Results (if applicable)

Before: 
After:

Breaking Changes

No breaking changes
Breaking changes documented below

Migration Guide

Checklist

Code follows the project's coding standards
Self-review of code completed
Tests added/updated and passing
Documentation updated
No wildcard imports used
Commit messages follow conventional format
PR title clearly describes the change

Additional Context

Integrates Highlight.js to provide syntax highlighting for JSON5, Kotlin, and Groovy code examples on the benchmark_visualization.html page. - Added Highlight.js library and 'atom-one-dark' theme. - Updated code blocks to use `<pre><code class='language-xxx'>` structure. - Adjusted CSS to ensure seamless integration with existing styles, preserving the rounded black box appearance for code blocks.

hossain-khan · 2025-06-25T03:29:55Z

NOPE!

Copilot

Pull Request Overview

This PR integrates Highlight.js into the benchmark visualization page to render JSON5, Kotlin, and Groovy code examples with syntax highlighting.

Adds Highlight.js CSS and JS assets and initializes highlighting on DOM load
Updates code blocks to <pre><code class="language-xxx">…</code></pre> markup
Refines .code-block styling to lean on the theme and preserve padding and rounding

Copilot · 2025-06-25T03:31:56Z

benchmark/benchmark_visualization.html

+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>


Consider adding Subresource Integrity (SRI) integrity and crossorigin="anonymous" attributes to the CDN links to ensure the assets haven’t been tampered with.

Suggested change

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css" integrity="sha384-+b1X1z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5F5z5

Copilot · 2025-06-25T03:31:56Z

benchmark/benchmark_visualization.html

+            /* background: #2d3748; */ /* Theme will provide background */
+            /* color: #e2e8f0; */       /* Theme will provide color */


[nitpick] These commented-out CSS rules are no longer needed; removing them will clean up the stylesheet and reduce confusion.

Suggested change

/* background: #2d3748; */ /* Theme will provide background */

/* color: #e2e8f0; */ /* Theme will provide color */

Copilot · 2025-06-25T03:31:57Z

benchmark/benchmark_visualization.html

@@ -289,68 +291,68 @@ <h2>JSON5 Features</h2>
                    <h3><span class="icon">💬</span>Comments</h3>
                    <p>Both line comments <code>//</code> and block comments <code>/* */</code> are supported.</p>
                    <div class="code-block">
-                        <pre>{
+                        <pre><code class="language-json5">{


For better screen reader support, consider adding an aria-label="JSON5 example" (or similar) to the <pre> or <code> element to describe the code block.

Suggested change

<pre><code class="language-json5">{

<pre aria-label="JSON5 example"><code class="language-json5">{

hossain-khan requested a review from Copilot June 25, 2025 03:28

hossain-khan self-assigned this Jun 25, 2025

hossain-khan closed this Jun 25, 2025

Copilot AI reviewed Jun 25, 2025

View reviewed changes

hossain-khan deleted the feat/add-syntax-highlighting-docs branch June 25, 2025 23:12

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Add syntax highlighting to benchmark page code blocks #61

Add syntax highlighting to benchmark page code blocks #61

Uh oh!

hossain-khan commented Jun 25, 2025

Uh oh!

hossain-khan commented Jun 25, 2025

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Jun 25, 2025

Uh oh!

Copilot AI Jun 25, 2025

Uh oh!

Copilot AI Jun 25, 2025

Uh oh!

Uh oh!

		/* background: #2d3748; / / Theme will provide background */
		/* color: #e2e8f0; / / Theme will provide color */

	<pre><code class="language-json5">{
	<pre aria-label="JSON5 example"><code class="language-json5">{

Add syntax highlighting to benchmark page code blocks #61

Add syntax highlighting to benchmark page code blocks #61

Uh oh!

Conversation

hossain-khan commented Jun 25, 2025

Description

Type of Change

Related Issues

Changes Made

Testing

Test Results

Documentation

Performance Impact

Benchmark Results (if applicable)

Breaking Changes

Migration Guide

Checklist

Additional Context

Uh oh!

hossain-khan commented Jun 25, 2025

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Uh oh!

Copilot AI Jun 25, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jun 25, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jun 25, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!