Skip to content

Conversation

@konard
Copy link
Contributor

@konard konard commented Sep 10, 2025

Summary

Implements a comprehensive Markdown Reader component that addresses issue #114 "Добавить md ридер, для разработки страниц в md".

Key Features

  • File Upload: Upload .md files directly from filesystem
  • URL Loading: Load markdown files from remote URLs
  • Live Rendering: Real-time markdown rendering with full styling
  • Integrated Experience: Accessible through the Modes panel under "Инструменты"
  • Sample Content: Includes example markdown to demonstrate capabilities

Technical Implementation

  • Leverages existing MarkdownIt service with all plugins (LaTeX, footnotes, syntax highlighting)
  • Follows established component patterns from MermaidPage and other panels
  • Complete routing integration (/markdown-reader)
  • Responsive CSS styling matching app theme
  • TypeScript with proper type definitions

Navigation Path

Users can access the Markdown Reader via:
Home → Modes → Инструменты → Markdown Reader

Testing

  • Added basic component tests
  • Validates file structure and exports
  • Confirms component functionality

Test plan

  • Component renders without errors
  • File upload functionality works
  • URL loading functionality works
  • Markdown content renders properly with styling
  • Navigation integration works correctly
  • Sample markdown displays on initial load

🤖 Generated with Claude Code


Resolves #114

Adding CLAUDE.md with task information for AI processing.
This file will be removed when the task is complete.

Issue: #114
@konard konard self-assigned this Sep 10, 2025
konard and others added 2 commits September 10, 2025 20:55
This PR implements a comprehensive markdown reader that allows developers to:
- Upload markdown files directly from their filesystem
- Load markdown files from URLs
- View live-rendered markdown with full styling and features
- Access through the Modes panel under "Инструменты" section

Features included:
- Full markdown rendering using existing MarkdownIt service
- Syntax highlighting for code blocks
- Mathematical formula support (MathJax)
- Interactive file upload and URL loading
- Responsive design matching the app's UI theme
- Complete routing integration

The component leverages the existing markdown infrastructure and follows
established patterns from other panels like MermaidPage.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
@konard konard changed the title [WIP] Добавить md ридер, для разработки страниц в md Add Markdown Reader for developing pages in markdown Sep 10, 2025
@konard konard marked this pull request as ready for review September 10, 2025 18:08
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.

Добавить md ридер, для разработки страниц в md

2 participants