Skip to content

chore(deps): upgrade to mkdocs-material@9.7.6#908

Open
achrinza wants to merge 7 commits into
cloudfoundry:masterfrom
achrinzafork:chore/upgrade-mkdocs
Open

chore(deps): upgrade to mkdocs-material@9.7.6#908
achrinza wants to merge 7 commits into
cloudfoundry:masterfrom
achrinzafork:chore/upgrade-mkdocs

Conversation

@achrinza

@achrinza achrinza commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

Note

This must be merged in tandem with cloudfoundry/bosh-io-web#81 to prevent a broken website deploy.

This brings the docs up to date with the latest version of Material for MkDocs (v9.7.6):

  • Migrated config
  • Migrated theme overrides

Noticeable benefits are mostly niceities:

  • Reduced tech debt
    • mkdocs.yml config and templates are now aligned with the Material for MKDocs documentation
    • Reduced theme override files from 5 to 1
  • Better code block highlighting
  • Dark mode

@coderabbitai

coderabbitai Bot commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Warning

Review limit reached

@achrinza, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 45 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 58b63583-85de-407e-93f9-afd669fff34a

📥 Commits

Reviewing files that changed from the base of the PR and between 6a09c0d and 69144a1.

📒 Files selected for processing (1)
  • theme/assets/stylesheets/extra.61026d2ee9f4.css

Walkthrough

This pull request upgrades the squidfunk/mkdocs-material image from 2.7.2 to 9.7.6 in the README and CI build task, and updates the site logo to light and dark variants. It migrates mkdocs.yml to the newer Material/MkDocs configuration shape, including navigation, theme, markdown, analytics, and social settings. The custom navigation, footer, tabs, and source templates are rewritten for the Material 9.x partial API, and the copyright highlight CSS rule is adjusted.

Suggested reviewers: ystros, Alphasite, selzoc, aramprice

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title accurately summarizes the main change: upgrading mkdocs-material to 9.7.6.
Description check ✅ Passed The description is clearly related to the MkDocs Material upgrade and the accompanying config/theme migration.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot 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.

Actionable comments posted: 3

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@mkdocs.yml`:
- Around line 379-382: The Material config block under extra is using a
misspelled key, so analytics is not being picked up. Update the key in
mkdocs.yml from the typo to the correct extra.analytics name, keeping the
existing provider and property values unchanged. Use the surrounding extra block
to locate the fix.

In `@theme/partials/nav-item.html`:
- Around line 203-209: The leaf-node branch in nav-item.html opens a <li> in the
else path but never closes it before the endif block, leaving the list markup
unbalanced. Update the nav-item template’s leaf branch so the <li> opened around
the nav_item.url link is properly closed after the <a> in the same branch,
matching the section branch’s structure and preserving the existing
render_content(nav_item) behavior.

In `@theme/partials/tabs.html`:
- Around line 8-9: Remove the leftover hardcoded tab links in tabs.html that
duplicate the migrated navigation entries and bypass site URL handling. Update
the tabs rendering to rely on the existing nav.items-driven navigation used by
the template rather than fixed "Stemcells" and "Releases" anchors, so links
respect config.site_url and use_directory_urls. If those pages are still needed,
move them into the navigation configuration instead of keeping them hardcoded in
the tabs partial.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 496b17ce-2743-4b52-a035-8c28b8a1de97

📥 Commits

Reviewing files that changed from the base of the PR and between d013e9f and ad38b48.

⛔ Files ignored due to path filters (1)
  • content/images/logo-full-white.png is excluded by !**/*.png
📒 Files selected for processing (10)
  • README.md
  • ci/tasks/build.yml
  • content/index.md
  • mkdocs.yml
  • theme/partials/copyright.html
  • theme/partials/footer.html
  • theme/partials/nav-item.html
  • theme/partials/nav.html
  • theme/partials/source.html
  • theme/partials/tabs.html

Comment thread mkdocs.yml
Comment thread theme/partials/nav-item.html
Comment thread theme/partials/tabs.html Outdated
- Migrated config
- Migrated theme overrides

Signed-off-by: Rifa Achrinza <25147899+achrinza@users.noreply.github.com>
@achrinza achrinza force-pushed the chore/upgrade-mkdocs branch from ad38b48 to a896a9b Compare June 30, 2026 08:34
coderabbitai[bot]
coderabbitai Bot previously approved these changes Jun 30, 2026
Use newer Material for MkDocs features to reduce reliance on custom theme overrides.

Signed-off-by: Rifa Achrinza <25147899+achrinza@users.noreply.github.com>

@coderabbitai coderabbitai Bot 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.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@mkdocs.yml`:
- Around line 356-380: The Markdown config is enabling pymdownx.highlight
without the Material-recommended options needed for full code-block highlighting
support. Update the markdown_extensions entry for pymdownx.highlight in
mkdocs.yml to include anchor_linenums, line_spans, and pygments_lang_class, and
keep it alongside pymdownx.inlinehilite, pymdownx.snippets, and
pymdownx.superfences so the code-copy and line-anchor behavior works as
intended.

In `@theme/partials/nav-item.html`:
- Around line 196-201: The pseudo-section branch in nav-item.html renders an
interactive label without a matching input, so update the is_section == True
path to use non-interactive heading markup instead of a label. In the nav item
template, keep the existing rendering logic around render_content(nav_item) and
md-nav__icon, but remove the for/id/tabindex label behavior for this
pseudo-section case so it cannot emit an empty tabindex or act as a toggle.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 69b08055-a0fa-44e4-b8f4-381722066a5f

📥 Commits

Reviewing files that changed from the base of the PR and between ad38b48 and 105c1cb.

⛔ Files ignored due to path filters (1)
  • content/images/logo-full-white.png is excluded by !**/*.png
📒 Files selected for processing (10)
  • README.md
  • ci/tasks/build.yml
  • content/index.md
  • mkdocs.yml
  • theme/assets/stylesheets/extra.61026d2ee9f4.css
  • theme/partials/footer.html
  • theme/partials/nav-item.html
  • theme/partials/nav.html
  • theme/partials/source.html
  • theme/partials/tabs.html
💤 Files with no reviewable changes (4)
  • theme/partials/nav.html
  • theme/partials/footer.html
  • theme/partials/source.html
  • theme/partials/tabs.html

Comment thread mkdocs.yml
Comment thread theme/partials/nav-item.html
@github-project-automation github-project-automation Bot moved this from Pending Merge | Prioritized to Waiting for Changes | Open for Contribution in Foundational Infrastructure Working Group Jul 1, 2026
achrinza added 2 commits July 1, 2026 21:39
Signed-off-by: Rifa Achrinza <25147899+achrinza@users.noreply.github.com>
Code highlight used by the docs does not depend on this module

Signed-off-by: Rifa Achrinza <25147899+achrinza@users.noreply.github.com>
coderabbitai[bot]
coderabbitai Bot previously approved these changes Jul 1, 2026
@github-project-automation github-project-automation Bot moved this from Waiting for Changes | Open for Contribution to Pending Merge | Prioritized in Foundational Infrastructure Working Group Jul 1, 2026
@neddp

neddp commented Jul 3, 2026

Copy link
Copy Markdown
Member

Hi @achrinza,

Thank you for opening this. Looks good from my perspective. The only change I would make is the logo colors.
logo-full

This is outside the scope of this PR but it appears the new version is more strict and found some issue that we should separately address as well. For example.

INFO    -  The following pages exist in the docs directory, but are not included in the
           "nav" configuration:
             - about.md
             - cli-env-deps.md
             - cli-help.md
             - design.md
             - job-tmpfs.md
             - understanding-bosh.md
             - bpm/public_interface.md
             - bpm/transitioning_bbr_scripts.md
             - bpm/internal/releasing.md
             - bpm/proposals/privileged.md
INFO    -  An absolute path to '/stemcells/' is included in the 'nav' configuration, which
           presumably points to an external resource.
INFO    -  An absolute path to '/releases/' is included in the 'nav' configuration, which
           presumably points to an external resource.
WARNING -  Doc file 'agent-cpi-interactions.md' contains a link 'vm-config.html#agent', but
           the target 'vm-config.html' is not found among documentation files. Did you mean
           'vm-config.md#agent'?
INFO    -  Doc file 'azure.md' contains an unrecognized relative link
           'azure_disk_encryption', it was left as is.
INFO    -  Doc file 'dual-stack-networks.md' contains an unrecognized relative link
           'networks#cpi-limitations', it was left as is. Did you mean
           'networks.md#cpi-limitations'?
INFO    -  Doc file 'jobs.md' contains an absolute link '/releases', it was left as is.
INFO    -  Doc file 'jobs.md' contains an absolute link '/releases', it was left as is.
INFO    -  Doc file 'jobs.md' contains an absolute link '/releases', it was left as is.
INFO    -  Doc file 'jobs.md' contains an unrecognized relative link 'bpm/bpm', it was left
           as is. Did you mean 'bpm/bpm.md'?
INFO    -  Doc file 'jobs.md' contains an unrecognized relative link 'bpm/config', it was
           left as is. Did you mean 'bpm/config.md'?
INFO    -  Doc file 'jobs.md' contains an unrecognized relative link 'bpm/runtime', it was
           left as is. Did you mean 'bpm/runtime.md'?
INFO    -  Doc file 'jobs.md' contains an unrecognized relative link 'bpm/transitioning', it
           was left as is. Did you mean 'bpm/transitioning.md'?
INFO    -  Doc file 'locking-compiled-releases.md' contains an unrecognized relative link
           'compiled-releases/', it was left as is. Did you mean 'compiled-releases.md'?
INFO    -  Doc file 'terminology.md' contains an unrecognized relative link
           'director-bosh-teams', it was left as is. Did you mean 'director-bosh-teams.md'?
INFO    -  Doc file 'variable-types.md' contains an unrecognized relative link
           'manifest-v2/#variables', it was left as is. Did you mean
           'manifest-v2.md#variables'?
INFO    -  Doc file 'vsphere-cpi.md' contains an unrecognized relative link
           'runtime-config/#tags', it was left as is. Did you mean 'runtime-config.md#tags'?
INFO    -  Doc file 'vsphere-cpi.md' contains an unrecognized relative link
           'manifest-v2/#tags', it was left as is. Did you mean 'manifest-v2.md#tags'?
INFO    -  Doc file 'vsphere-cpi.md' contains an unrecognized relative link
           'manifest-v2/#tags', it was left as is. Did you mean 'manifest-v2.md#tags'?
INFO    -  Doc file 'vsphere-cpi.md' contains an unrecognized relative link
           'runtime-config/#tags', it was left as is. Did you mean 'runtime-config.md#tags'?
INFO    -  Doc file 'bpm/internal/releasing.md' contains an unrecognized relative link
           '../../src/version', it was left as is.
INFO    -  Doc file 'bpm/internal/releasing.md' contains an unrecognized relative link
           '../../src/version', it was left as is.
INFO    -  Doc file 'aws-cpi-errors.md' contains a link 'aws-cpi.md#options-region', but the
           doc 'aws-cpi.md' does not contain an anchor '#options-region'.
INFO    -  Doc file 'build-stemcell.md' contains a link 'cpi-api-v2.md#create-stemcell', but
           the doc 'cpi-api-v2.md' does not contain an anchor '#create-stemcell'.
INFO    -  Doc file 'cloud-config.md' contains a link 'google-cpi.md#resource-pools', but
           the doc 'google-cpi.md' does not contain an anchor '#resource-pools'.
INFO    -  Doc file 'cloud-config.md' contains a link 'google-cpi.md#disk-pools', but the
           doc 'google-cpi.md' does not contain an anchor '#disk-pools'.
INFO    -  Doc file 'cloud-config.md' contains a link 'terminology.md#disk-types', but the
           doc 'terminology.md' does not contain an anchor '#disk-types'.
INFO    -  Doc file 'deploy-config.md' contains a link '#example2', but there is no such
           anchor on this page.
INFO    -  Doc file 'director-bosh-teams.md' contains a link
           'director-users-uaa-scopes.md#director-wide-scopes', but the doc
           'director-users-uaa-scopes.md' does not contain an anchor
           '#director-wide-scopes'.
INFO    -  Doc file 'director-configure-blobstore.md' contains a link 'index.md#install',
           but the doc 'index.md' does not contain an anchor '#install'.
INFO    -  Doc file 'drain.md' contains a link 'drain.md#stop', but there is no such anchor
           on this page.
INFO    -  Doc file 'google-required-permissions.md' contains a link 'cli-v2.md#install',
           but the doc 'cli-v2.md' does not contain an anchor '#install'.
INFO    -  Doc file 'networks.md' contains a link
           'manifest-v2.md#instance-groups-block--instance-groups-', but the doc
           'manifest-v2.md' does not contain an anchor
           '#instance-groups-block--instance-groups-'.
INFO    -  Doc file 'vsphere-cpi.md' contains a link '#disk-types', but there is no such
           anchor on this page.
INFO    -  Doc file 'vsphere-cpi.md' contains a link '#disk-types--disk-pools-', but there
           is no such anchor on this page.
INFO    -  Doc file 'vsphere-cpi.md' contains a link 'cpi-api-v2.md#create-vm', but the doc
           'cpi-api-v2.md' does not contain an anchor '#create-vm'.
INFO    -  Doc file 'windows-stemcell-create.md' contains a link '#upload-stemcell', but
           there is no such anchor on this page.
INFO    -  Documentation built in 3.50 seconds

achrinza added 2 commits July 3, 2026 23:21
Signed-off-by: Rifa Achrinza <25147899+achrinza@users.noreply.github.com>
Signed-off-by: Rifa Achrinza <25147899+achrinza@users.noreply.github.com>

@coderabbitai coderabbitai Bot 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.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@theme/assets/stylesheets/extra.61026d2ee9f4.css`:
- Around line 60-84: The second `@media` block in extra.61026d2ee9f4.css is
missing a closing brace, leaving the nested rules under .md-nav--lifted >
.md-nav__list unbalanced. Add the missing closing brace for
.md-nav__item--bosh-persistent in the `@media` screen and (min-width: 76.25em)
section, then ensure the .md-nav--lifted > .md-nav__list block and the `@media`
block both close properly.
- Around line 61-63: The lifted nav padding rule is using the wrong :has()
target, so it never matches the sticky-bottom item. Update the selector inside
.md-nav--lifted > .md-nav__list to use the same sticky-bottom class as the item
defined below, i.e. keep the selector consistent with
.md-nav__item--bosh-sidebar-sticky-bottom so the padding-bottom style applies
correctly.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: b1b068cf-f57c-458c-b84e-7dcbd7582056

📥 Commits

Reviewing files that changed from the base of the PR and between 105c1cb and 6a09c0d.

⛔ Files ignored due to path filters (2)
  • content/images/logo-full-white.png is excluded by !**/*.png
  • content/images/logo-full.png is excluded by !**/*.png
📒 Files selected for processing (3)
  • mkdocs.yml
  • theme/assets/stylesheets/extra.61026d2ee9f4.css
  • theme/partials/nav-item.html
💤 Files with no reviewable changes (1)
  • mkdocs.yml

Comment thread theme/assets/stylesheets/extra.61026d2ee9f4.css
Comment thread theme/assets/stylesheets/extra.61026d2ee9f4.css
@github-project-automation github-project-automation Bot moved this from Pending Merge | Prioritized to Waiting for Changes | Open for Contribution in Foundational Infrastructure Working Group Jul 3, 2026
Fix problems found by code review AI.

Signed-off-by: Rifa Achrinza <25147899+achrinza@users.noreply.github.com>
@github-project-automation github-project-automation Bot moved this from Waiting for Changes | Open for Contribution to Pending Merge | Prioritized in Foundational Infrastructure Working Group Jul 3, 2026
@achrinza

achrinza commented Jul 3, 2026

Copy link
Copy Markdown
Contributor Author

Hi @neddp, thanks suggestion - I've applied the color suggestions and exported a new "dark theme" logo.

Both this PR and cloudfoundry/bosh-io-web#81 are now ready for review.

it appears the new version is more strict and found some issue that we should separately address as well.

Sure, I can work on a separate PR for this (and a few other link-related issues) after this one's merged.

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

Labels

None yet

Projects

Status: Pending Merge | Prioritized

Development

Successfully merging this pull request may close these issues.

2 participants