Skip to content

Conversation

@mscwilson
Copy link
Collaborator

@mscwilson mscwilson commented Sep 9, 2025

Upgrade to Docusaurus v3.9

Changes:

  • Updated and added various dependencies
  • Updated the Tutorials UI
  • Changed :::caution admons to :::warning because Caution isn't supported
  • Removed the Runnable codeblocks and the custom swizzled CodeBlock/Content component
  • Updated various other Docusaurus components
  • Fixed some tables that weren't formatted correctly
  • Escaped { in code blocks
  • Removed mdx-code-block blocks for some imports - imports can be written directly in the file
  • Tables and some paragraphs that use {version.whatever} now do so directly rather than as a ReactMarkdown component

@netlify
Copy link

netlify bot commented Sep 9, 2025

Deploy Preview for snowplow-docs ready!

Name Link
🔨 Latest commit c01026c
🔍 Latest deploy log https://app.netlify.com/projects/snowplow-docs/deploys/690a2f8bd428350008ab2119
😎 Deploy Preview https://deploy-preview-1391--snowplow-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 20 (🟢 up 13 from production)
Accessibility: 91 (no change from production)
Best Practices: 100 (🟢 up 8 from production)
SEO: 95 (no change from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@AH-Avalanche AH-Avalanche marked this pull request as ready for review September 9, 2025 12:23
@AH-Avalanche
Copy link
Collaborator

As checked as many pages as I could. As far as I could see, everything looks and functions the same. I can upgrade the tailwind to v4 now and shade cn to latest but I will do that once it merges to prod. LGTM!

Copy link
Collaborator

@AH-Avalanche AH-Avalanche left a comment

Choose a reason for hiding this comment

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

🚀

@phil-snowplow
Copy link
Contributor

Can we just kill runnable code blocks (cc @stanch)? It barely ever gets used

@stanch
Copy link
Collaborator

stanch commented Sep 15, 2025

Yes please, I never liked them

@stanch
Copy link
Collaborator

stanch commented Sep 15, 2025

There were some nice changes in my previous attempt, like getting rid of ReactMarkdown in tables (because tables can now use variables!): https://github.com/snowplow/documentation/pull/960/files#diff-ee64edc3c02129d4370ec20ae01e210bbb706dda2625c83941ac16734cef679fL27. Could you copy them over?

Also, why just 3.0? I think the current is 3.8?

I know this will break other things, e.g. the abbreviations plugin. You can check the fix in my PR too.

- Fixed Buttons on code blocks are overlaying the code instead of above
- made the code block use better styles for readability
@AH-Avalanche
Copy link
Collaborator

@mscwilson, I have updated the code block component to resolve the issue. Buttons on code blocks are overlaying the code instead of being above it. We had to integrate a whole new component to gain better control, and now we have full control over it. Let me know what you think.

8:36:27 AM:   build:
8:36:27 AM:     command: yarn clear && yarn build
8:36:27 AM:     commandOrigin: ui
8:36:27 AM:     environment:
8:36:27 AM:       - NODE_OPTIONS
8:36:27 AM:       - PRODUCT_FRUITS
8:36:27 AM:       - REVIEW_ID
8:36:27 AM:     publish: /opt/build/repo/build
8:36:27 AM:     publishOrigin: ui
8:36:27 AM:   functionsDirectory: /opt/build/repo/netlify/functions
8:36:27 AM: Build failed due to a user error: Build script returned non-zero exit code: 2
8:36:27 AM: Failing build: Failed to build site
8:36:28 AM: Finished processing build request in 6m8.194s
Copy link
Collaborator

@AH-Avalanche AH-Avalanche left a comment

Choose a reason for hiding this comment

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

Need to update

@AH-Avalanche AH-Avalanche self-requested a review September 26, 2025 11:00
@AH-Avalanche AH-Avalanche self-requested a review September 30, 2025 12:28
@AH-Avalanche AH-Avalanche deleted the upgrade-v3 branch October 1, 2025 02:03
@AH-Avalanche AH-Avalanche restored the upgrade-v3 branch October 1, 2025 02:17
@AH-Avalanche AH-Avalanche reopened this Oct 1, 2025
🎨 Typography & Prose Fixes

  • Fixed Tailwind prose classes being overridden by Docusaurus styles
  • Corrected CSS variable connections (--ifm-font-color-base now properly uses hsl(var(--muted-foreground)))
  • Restored proper font sizes and line heights for all prose variants (sm, base, lg, xl, 2xl)
  • Enhanced MDX content styling with proper color inheritance

🧭 Breadcrumb Component Improvements

  • Fixed breadcrumb size multiplier from 0.4 to 1.0 (breadcrumbs were 60% too small)
  • Increased font size from 14px to 16px for better readability• Implemented proper vertical and horizontal alignment for
  all breadcrumb elements
  • Fixed home icon alignment to match text elements perfectly
  • Removed unwanted circular backgrounds and improved spacing

  🎯 Menu Navigation Enhancements

  • Updated menu link styling with consistent border radius controls
  • Enhanced active state styling with primary color highlights
  • Improved hover effects and border-left indicators
  • Refined menu item spacing and alignment

🛠️ Technical Improvements

  • Resolved Tailwind/Docusaurus CSS specificity conflicts
  • Enhanced color system integration between design tokens and components
  • Improved responsive design consistency
@phil-snowplow
Copy link
Contributor

@AH-Avalanche I like the new breadcrumbs! A couple small pieces of feedback:

  1. They get a bit janky when you're in a heavily nested page (example page). Maybe it should be like 🏠 > ... > Snowplow Mini 0.14.x > Setup Guide for AWS?
CleanShot 2025-10-02 at 10 21 33@2x
  1. The intermediate breadcrumbs are font-weight: 500 whereas the current page is font-weight: 400. On the left sidebar and right sidebar, for both selected and non-selected states, we use font-weight: 400, so I'd suggest we make it consistent for the breadcrumbs too
CleanShot 2025-10-02 at 10 25 47@2x

AH-Avalanche and others added 19 commits October 8, 2025 07:01
1. Flex-wrap to breadcrumbs when are two many go into their own row

2. Consistent font- weight to 400
Removing the Container class from the layout so that the Tutorials pages align correctly
Pre and Next button were missing from tutorial fixed it so that they appear again. Also enhanced functionality so that clicking the Next button marks the tutorial complete  for the user
- Fixed Sidebar to match production
- Bug with Level 1 documents out of alignment
- Cleaned up some redundant CSS classes that are not needed.
Position the search bar like current production
@mscwilson mscwilson merged commit 93cf617 into main Nov 4, 2025
4 checks passed
@mscwilson mscwilson deleted the upgrade-v3 branch November 4, 2025 17:07
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.

5 participants