Skip to content

playground: Add ast typescript panel#360

Merged
hardfist merged 1 commit intomainfrom
add-ast-typescript
Sep 12, 2025
Merged

playground: Add ast typescript panel#360
hardfist merged 1 commit intomainfrom
add-ast-typescript

Conversation

@hardfist
Copy link
Copy Markdown
Contributor

@hardfist hardfist commented Sep 12, 2025

Summary

support compare tsgo ast and typescript ast
image

Related Links

Checklist

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

Copilot AI review requested due to automatic review settings September 12, 2025 12:29
@netlify
Copy link
Copy Markdown

netlify bot commented Sep 12, 2025

Deploy Preview for rslint ready!

Name Link
🔨 Latest commit fa219fc
🔍 Latest deploy log https://app.netlify.com/projects/rslint/deploys/68c4135dc4e0fa0008aa5fed
😎 Deploy Preview https://deploy-preview-360--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 adds a TypeScript AST panel to the playground, allowing users to view and compare TypeScript's AST representation alongside the existing tsgo AST. The implementation adds a new tab for TypeScript AST visualization with proper selection synchronization and lazy loading of the TypeScript module.

  • Adds TypeScript AST generation using the TypeScript compiler API
  • Implements a new "AST (TypeScript)" tab with separate state management
  • Updates styling for improved AST tree visualization

Reviewed Changes

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

File Description
website/theme/components/Playground/index.tsx Adds TypeScript module loading, AST generation logic, and state management for the new TypeScript AST panel
website/theme/components/Playground/ResultPanel.tsx Implements TypeScript AST tab UI, rendering logic, and selection synchronization
website/theme/components/Playground/ResultPanel.css Updates AST tree styling to improve visual hierarchy and remove placeholder elements

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

@hardfist hardfist merged commit 16a7113 into main Sep 12, 2025
17 checks passed
@hardfist hardfist deleted the add-ast-typescript branch September 12, 2025 12:42
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