88be7cbf58
fix(layout): adjust height calculations for improved layout consistency
2025-02-23 20:31:28 +08:00
b5fcb39037
fix(option): adjust scrollbar sizes for improved usability
2025-02-23 20:31:11 +08:00
e06f286815
feat(playground): add Description and Workspace layouts with tabs for better organization
2025-02-23 19:17:03 +08:00
d5cda08a3e
feat(components/ui): add Badge and Tabs components from shadcn/ui
2025-02-23 16:37:12 +08:00
6f2d853531
feat(code-editor): use default file path for code editor based on language
2025-02-23 16:11:53 +08:00
545f094f49
feat(config): add default file paths for supported languages
2025-02-23 16:11:47 +08:00
4cd56f6fab
refactor(option): Rename code-editor-options.ts to option.ts and add wordWrap option
...
Renamed code-editor-options.ts to option.ts and added the wordWrap: "on" option to enable word wrapping in the code editor.
2025-02-23 15:05:46 +08:00
269f41525b
style(mdx): Add subheading anchor style, underline on hover
...
- Added `subheading-anchor` style to control subheading anchor display.
- Removed default underline and added underline on hover for improved user experience.
2025-02-23 15:02:55 +08:00
f7e94564be
feat(components/mdx-preview): add rehype-slug and rehype-autolink-headings for MDX previews
...
This commit adds `rehype-slug` and `rehype-autolink-headings` to the MDX preview component.
- `rehype-slug` generates unique IDs for headings.
- `rehype-autolink-headings` adds anchor links to headings, improving navigation.
This enhances the usability of MDX previews by enabling users to easily link to specific sections within the content.
2025-02-23 15:02:36 +08:00
3277156673
chore(deps): update rehype dependencies, add rehype-autolink-headings and rehype-slug packages
2025-02-23 14:57:15 +08:00
ca04733475
feat(code-editor): enable word wrap in editor options
2025-02-23 14:34:14 +08:00
b2b6d1e484
feat(code-editor): Merge editor options and support dynamic font and line height adjustment
...
- In the CodeEditor component, merged the default CODE_EDITOR_OPTIONS with dynamic options returned by useCodeEditorOption to support runtime font size and line height adjustments.
- Additionally, added the useCodeEditorOption hook to useCodeEditor.ts to manage the state of font size and line height.
- This allows users to dynamically adjust the editor's display properties.
2025-02-23 14:23:59 +08:00
5af57fbfcf
refactor(code-editor): improve commented validation logging for better debugging
2025-02-23 13:56:11 +08:00
9e1bca2cce
feat(code-editor): enhance language client integration with dynamic server configuration
2025-02-23 13:55:37 +08:00
62149db922
feat(useCodeEditor): Add languageClient state to support language servers
...
- Introduces MonacoLanguageClient state to facilitate language server integration in the code editor.
2025-02-23 13:54:09 +08:00
0dafb06e86
feat(lsp): add configuration for supported language servers
2025-02-23 13:52:06 +08:00
14330323af
chore(demo): update demo image for improved visuals
2025-02-22 12:10:56 +08:00
9aa8b7e211
refactor(code-editor): optimize dynamic imports and code structure
2025-02-22 11:47:00 +08:00
840cd1e70b
feat(docker): update docker-compose commands and add health checks for services
2025-02-22 00:10:47 +08:00
a69f819da4
feat(playground): style resizable handle
2025-02-21 21:34:37 +08:00
2b5b4dee57
fix(banner): wrap link in a paragraph for better semantic structure
2025-02-21 21:20:52 +08:00
326cce7836
feat(playground): restructure app layout and implement playground with resizable panels
2025-02-21 21:06:26 +08:00
a699fc8069
refactor(components): rename problem-description.tsx to mdx-preview.tsx
2025-02-21 21:06:06 +08:00
e74e2e3102
feat(components/ui): add Resizable component from shadcn/ui
2025-02-21 20:02:31 +08:00
ecbb083008
feat(docker): simplify docker compose commands and add compose.yml for service configuration
2025-02-21 19:56:49 +08:00
8f5be0e437
feat(layout): implement app layout with banner and code editor components
2025-02-21 19:49:56 +08:00
9a04f90538
feat(code-editor): adjust height calculation for code editor component
2025-02-21 19:49:50 +08:00
eacd415667
feat(styles): update code font properties for improved readability
2025-02-21 19:49:32 +08:00
15d8f7a22e
feat(readme): add important notice for WSL users regarding network mode for Monaco Editor
2025-02-21 11:25:58 +08:00
d450302a29
feat(readme): center-align LSP server settings table for improved readability
2025-02-21 10:53:54 +08:00
dd979d31b2
feat(code-editor): decrease top padding in code editor options for better layout
2025-02-21 02:09:31 +08:00
d289736976
feat(readme): update demo image and remove outdated development note
2025-02-21 01:48:34 +08:00
e47f68f99e
feat(problem-description): add default problem statement for "Two Sum" challenge
2025-02-21 01:44:44 +08:00
b8100570e3
feat(problem-description): import mdx.css for enhanced styling
2025-02-21 01:39:58 +08:00
0c276eeef9
feat(styles): add mdx.css for improved code styling and line numbering
2025-02-21 01:39:46 +08:00
89512c8e6a
feat(code-editor): increase top padding in code editor options for improved layout
2025-02-21 00:56:41 +08:00
051868cb65
feat(readme): add demo image and update description for upcoming features
2025-02-21 00:56:03 +08:00
eed3a9d9ef
feat(styles): update global styles to use Fira Code font for better code readability
2025-02-21 00:21:34 +08:00
1142cb950f
feat(page): Implement problem preview and code editor layout
...
This commit splits the home page into two halves:
- The left half displays a preview of the problem description using the `MdxPreview` component.
- The right half provides a code editor using the `CodeEditor` component.
This improves the user experience by allowing users to view the problem description and write code simultaneously.
2025-02-21 00:10:31 +08:00
17894b6e96
feat(mdx): implement MdxPreview component with error handling and loading state
2025-02-21 00:08:21 +08:00
11fa68c4b7
feat(layout): replace ModeToggle with Banner component in RootLayout
2025-02-21 00:07:56 +08:00
62ccb1fbcc
feat(banner): add Banner component for project promotion with GitHub link
2025-02-21 00:07:45 +08:00
8d6e5067dc
feat(config): add site configuration with GitHub repository URL
2025-02-21 00:07:34 +08:00
8cf98674ef
chore(deps): add rehype-pretty-code package
2025-02-20 22:31:04 +08:00
b495cc4ea6
fix(shiki): downgrade @shikijs/monaco and shiki to version 2.5.0 to resolve 'getHighlighter' import error
2025-02-20 22:30:17 +08:00
3f3b153c4b
feat(problem-description): Use compileMDX with remarkGfm for MDX rendering
2025-02-20 18:46:20 +08:00
8498f57fbc
chore(deps): add remark-gfm package for GitHub Flavored Markdown support
2025-02-20 18:42:42 +08:00
7db6f4e20e
feat(components): add ProblemDescription component to render markdown
...
- Added ProblemDescription component that uses MDXRemote to render markdown content.
- Includes a Skeleton loader while content is loading and a horizontal scrollbar.
- Wrapped content in a ScrollArea with a max-height limit for better UI experience.
2025-02-20 17:58:49 +08:00
a4a037f5a4
feat(components/ui): add Scroll Area component from shadcn/ui
2025-02-20 15:56:55 +08:00
e29ab229b5
feat(styles): add GitHub markdown CSS and responsive styling for markdown content
2025-02-20 15:50:08 +08:00
