Skip to content

feat: convert demo files from .md to .tsx for editor support#56

Merged
wangdicoder merged 5 commits intomasterfrom
docs-support-more-editors
Mar 18, 2026
Merged

feat: convert demo files from .md to .tsx for editor support#56
wangdicoder merged 5 commits intomasterfrom
docs-support-more-editors

Conversation

@wangdicoder
Copy link
Owner

@wangdicoder wangdicoder commented Mar 18, 2026

Summary

Migrate demo files from markdown format (.md) to TypeScript/React format (.tsx) to enable proper IDE support.

Motivation

Previously, demo files were written in markdown format, which limited editor functionality:

  • No proper syntax highlighting in many editors
  • No type checking or IntelliSense
  • Limited refactoring support

By converting to .tsx format, demos now benefit from:

  • Full TypeScript type checking
  • Proper syntax highlighting in VS Code, WebStorm, and other editors
  • IntelliSense and autocompletion
  • Better code navigation and refactoring tools

Changes

Demo file migration

  • Converted all component demo files from .md to .tsx
  • Demo files renamed from kebab-case to PascalCase (e.g., basic.mdBasic.tsx)
  • Demo content rewritten as React components with proper imports

Documentation infrastructure

  • Updated demo-block component to handle TSX demos
  • Added sandbox utilities for safe demo rendering
  • Updated locale files with new labels

Migrate demo files from markdown format to TypeScript/React format
to support more code editors with proper syntax highlighting and
type checking.
@wangdicoder wangdicoder enabled auto-merge (squash) March 18, 2026 11:07
@wangdicoder wangdicoder merged commit 80bdf9c into master Mar 18, 2026
1 check passed
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.

1 participant