- Create new CodeViewer component with VS Code dark theme styling - Implement custom JSON syntax highlighting with proper color coding - Add improved copy functionality with hover effects and user feedback - Refactor DebugPanel to use the new CodeViewer component - Apply dark background (#1e1e1e) with syntax colors matching VS Code - Enhance UX with floating copy button and responsive design - Support automatic JSON formatting and parsing - Maintain compatibility with existing Semi Design components The debug panel now displays preview requests, actual requests, and responses in a professional code editor style, improving readability and developer experience in the playground interface.
React Template
Basic Usages
# Runs the app in the development mode
npm start
# Builds the app for production to the `build` folder
npm run build
If you want to change the default server, please set REACT_APP_SERVER environment variables before build,
for example: REACT_APP_SERVER=http://your.domain.com.
Before you start editing, make sure your Actions on Save options have Optimize imports & Run Prettier enabled.