Skip to content

playground: polish ast panel#355

Merged
hardfist merged 1 commit intomainfrom
yj/polish-ast-panel
Sep 11, 2025
Merged

playground: polish ast panel#355
hardfist merged 1 commit intomainfrom
yj/polish-ast-panel

Conversation

@hardfist
Copy link
Copy Markdown
Contributor

Summary

make ast clickable and when click ast it will highlight sourcefile when click sourcefile it will highlight ast parts

Related Links

Checklist

  • Tests updated (or not required).
  • Documentation updated (or not required).

Copilot AI review requested due to automatic review settings September 11, 2025 02:58
@netlify
Copy link
Copy Markdown

netlify bot commented Sep 11, 2025

Deploy Preview for rslint ready!

Name Link
🔨 Latest commit d4c4003
🔍 Latest deploy log https://app.netlify.com/projects/rslint/deploys/68c23b389a854b000857f853
😎 Deploy Preview https://deploy-preview-355--rslint.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

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 enhances the playground's AST panel by making it interactive - enabling bidirectional highlighting between the AST tree view and source code editor.

  • Transforms the static JSON AST display into an interactive tree view with expand/collapse functionality
  • Implements click-to-highlight: clicking AST nodes highlights corresponding source code ranges, and selecting text in the editor highlights the relevant AST nodes
  • Adds debounced linting to improve performance during typing

Reviewed Changes

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

Show a summary per file
File Description
website/theme/components/Playground/index.tsx Adds debounced linting, AST tree state management, and bidirectional selection handling
website/theme/components/Playground/ResultPanel.tsx Implements interactive AST tree view with expand/collapse and selection functionality
website/theme/components/Playground/ResultPanel.css Adds styling for the new interactive AST tree components
website/theme/components/Playground/Editor.tsx Adds selection change tracking and range highlighting capabilities
website/theme/components/Playground/Editor.css Adds highlighting styles for AST node selections

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.

@hardfist hardfist merged commit 4281721 into main Sep 11, 2025
17 checks passed
@hardfist hardfist deleted the yj/polish-ast-panel branch September 11, 2025 03:09
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.

2 participants