Skip to content

feat: add pivot component and selector with directive support#5

Merged
IEvangelist merged 12 commits intomainfrom
pivots
Nov 4, 2025
Merged

feat: add pivot component and selector with directive support#5
IEvangelist merged 12 commits intomainfrom
pivots

Conversation

@IEvangelist
Copy link
Copy Markdown
Member

@IEvangelist IEvangelist commented Oct 31, 2025

  • Implemented Pivot component to serve as a container for pivot blocks.
  • Created PivotSelector component to manage pivot options and their display.
  • Added styling for the pivot components to enhance UI/UX.
  • Developed pivot-directive to transform pivot directives in markdown into corresponding HTML elements.
  • Integrated local storage and URL query parameters for persistent state management of selected pivot options.

C#

image

Python

image

@IEvangelist IEvangelist requested a review from Copilot October 31, 2025 20:45
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR adds a language pivot/selector feature to the documentation, enabling users to switch between C#, Python, and JavaScript examples on the "first app" guide. The implementation includes interactive UI components for language selection with state persistence.

  • Adds pivot selector UI components with local storage and URL query parameter persistence
  • Updates the getting started guide with language-specific content for C#, Python, and JavaScript
  • Configures HSTS security options in the static host
  • Adjusts file tree font sizing for better visual consistency

Reviewed Changes

Copilot reviewed 8 out of 14 changed files in this pull request and generated 5 comments.

Show a summary per file
File Description
src/statichost/StaticHost/Program.cs Adds HSTS configuration with preload and subdomain options
src/frontend/src/styles/site.css Sets font size for file tree components
src/frontend/src/directives/pivot-directive.mjs Implements remark directive processor for pivot blocks
src/frontend/src/content/docs/get-started/first-app.mdx Adds multi-language pivot selector and language-specific content
src/frontend/src/components/PivotSelector.astro Creates interactive language selector component
src/frontend/src/components/Pivot.astro Creates pivot content block wrapper component
src/frontend/package.json Adds remark-directive dependency
src/frontend/package-lock.json Updates dependency lock with remark-directive v4.0.0
src/frontend/astro.config.mjs Configures MDX and remark plugins for pivot directives
Files not reviewed (1)
  • src/frontend/package-lock.json: Language not supported

Comment thread src/frontend/src/components/PivotSelector.astro Outdated
Comment thread src/frontend/src/components/PivotSelector.astro Outdated
Comment thread src/frontend/src/components/PivotSelector.astro Outdated
Comment thread src/frontend/src/components/PivotSelector.astro Outdated
Comment thread src/statichost/StaticHost/Program.cs
- Implemented Pivot component to serve as a container for pivot blocks.
- Created PivotSelector component to manage pivot options and their display.
- Added styling for the pivot components to enhance UI/UX.
- Developed pivot-directive to transform pivot directives in markdown into corresponding HTML elements.
- Integrated local storage and URL query parameters for persistent state management of selected pivot options.
@IEvangelist IEvangelist merged commit a720bc6 into main Nov 4, 2025
1 check passed
@IEvangelist IEvangelist deleted the pivots branch November 11, 2025 19:44
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.

3 participants