{"id":35790237,"url":"https://github.com/arman-sadeghi-2003/markdown_reader","last_synced_at":"2026-06-04T07:00:41.129Z","repository":{"id":331049614,"uuid":"1124851510","full_name":"Arman-Sadeghi-2003/Markdown_reader","owner":"Arman-Sadeghi-2003","description":"web page for read markdown, multi theme, PDF export","archived":false,"fork":false,"pushed_at":"2026-05-27T03:25:05.000Z","size":1538,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-27T05:17:57.870Z","etag":null,"topics":["css","flowchart","html","js","markdown","markdown-renderer","mermaid","pdf","pdf-export","renderer-markdown"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Arman-Sadeghi-2003.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-29T18:14:47.000Z","updated_at":"2026-05-26T08:29:03.000Z","dependencies_parsed_at":"2026-01-02T21:03:13.431Z","dependency_job_id":null,"html_url":"https://github.com/Arman-Sadeghi-2003/Markdown_reader","commit_stats":null,"previous_names":["arman-sadeghi-2003/markdown_reader"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Arman-Sadeghi-2003/Markdown_reader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arman-Sadeghi-2003%2FMarkdown_reader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arman-Sadeghi-2003%2FMarkdown_reader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arman-Sadeghi-2003%2FMarkdown_reader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arman-Sadeghi-2003%2FMarkdown_reader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Arman-Sadeghi-2003","download_url":"https://codeload.github.com/Arman-Sadeghi-2003/Markdown_reader/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arman-Sadeghi-2003%2FMarkdown_reader/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33893323,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-04T02:00:06.755Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","flowchart","html","js","markdown","markdown-renderer","mermaid","pdf","pdf-export","renderer-markdown"],"created_at":"2026-01-07T08:06:42.335Z","updated_at":"2026-06-04T07:00:41.124Z","avatar_url":"https://github.com/Arman-Sadeghi-2003.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AI Output Renderer - Refactored\n\nA clean, modular markdown renderer with RTL (Right-to-Left) language support.\n\n## 📁 Project Structure\n\n```\n/\n├── index.html                  # Main HTML file\n├── styles/\n│   ├── variables.css          # CSS custom properties/variables\n│   ├── base.css               # Base typography and general styles\n│   ├── components.css         # Component-specific styles\n│   └── rtl.css                # RTL language support styles\n├── js/\n│   ├── config.js              # Library configuration (marked, mermaid)\n│   ├── rtl-detection.js       # RTL language detection logic\n│   ├── ui-controls.js         # UI controls and interactions\n│   ├── markdown-renderer.js   # Markdown rendering logic\n│   └── main.js                # Main initialization and event listeners\n└── README.md                  # This file\n```\n\n## 🎯 Features\n\n- **Markdown Rendering**: Full support for GitHub Flavored Markdown (GFM)\n- **RTL Support**: Auto-detection and manual control for RTL languages (Arabic, Hebrew, Persian, etc.)\n- **Code Highlighting**: Beautiful code blocks with copy functionality\n- **Mermaid Diagrams**: Render flowcharts and diagrams\n- **Responsive Design**: Works on all screen sizes\n- **Clean Architecture**: Modular, maintainable code structure\n\n## 🚀 Usage\n\nSimply open `index.html` in a modern web browser. No build process required!\n\n### Keyboard Shortcuts\n- `Ctrl+Enter` or `Cmd+Enter`: Render output\n\n### Direction Controls\n- **LTR**: Left-to-Right (default)\n- **RTL**: Right-to-Left\n- **Auto**: Automatic language detection\n\n## 📦 Dependencies\n\nAll dependencies are loaded via CDN:\n- [Marked.js](https://marked.js.org/) - Markdown parser\n- [Mermaid](https://mermaid.js.org/) - Diagram rendering\n- [Font Awesome](https://fontawesome.com/) - Icons\n\n## 🔧 Customization\n\n### Colors\nEdit `styles/variables.css` to change the color scheme:\n```css\n:root {\n    --primary: #4cafef;\n    --primary-dark: #2e89d8;\n    --success: #4caf50;\n    /* ... more variables */\n}\n```\n\n### Markdown Options\nEdit `js/config.js` to adjust markdown parsing behavior.\n\n### RTL Language Support\nAdd new RTL language patterns in `js/rtl-detection.js`:\n```javascript\nconst RTL_LANGUAGES = {\n    yourLanguage: /[regex-pattern]/,\n    // ...\n};\n```\n\n## 📝 File Descriptions\n\n### HTML\n- **index.html**: Main entry point with semantic structure\n\n### CSS Files\n- **variables.css**: All CSS custom properties in one place\n- **base.css**: Typography, links, lists, and basic elements\n- **components.css**: Specific component styles (buttons, code blocks, tables, etc.)\n- **rtl.css**: RTL-specific style overrides\n\n### JavaScript Files\n- **config.js**: Initializes and configures external libraries\n- **rtl-detection.js**: Contains RTL detection logic and language patterns\n- **ui-controls.js**: Handles UI interactions (direction toggle, copy buttons)\n- **markdown-renderer.js**: Core rendering functionality\n- **main.js**: Event listeners and initialization\n\n## 🎨 Code Quality Improvements\n\nThis refactored version includes:\n- ✅ Separation of concerns\n- ✅ Modular architecture\n- ✅ Clear documentation\n- ✅ Easy to maintain and extend\n- ✅ Better readability\n- ✅ Reusable components\n\n## 🌐 Browser Support\n\nWorks in all modern browsers:\n- Chrome/Edge (latest)\n- Firefox (latest)\n- Safari (latest)\n\n## 📄 License\n\nThis is a refactored version of the AI Output Renderer. Use freely for personal or commercial projects.\n\n## 🤝 Contributing\n\nTo add features:\n1. Add styles to appropriate CSS file\n2. Add logic to appropriate JS module\n3. Update documentation\n\nKeep the modular structure intact!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farman-sadeghi-2003%2Fmarkdown_reader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farman-sadeghi-2003%2Fmarkdown_reader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farman-sadeghi-2003%2Fmarkdown_reader/lists"}