Commit Graph
100 Commits
Author SHA1 Message Date
cfngc4594 e975dde0c2 fix(editor): remove unnecessary whitespace in default editor value 2025-02-26 00:34:39 +08:00
cfngc4594 5433557225 feat(editor): add WorkspaceEditorHeader to WorkspaceEditorLayout 2025-02-25 22:08:38 +08:00
cfngc4594 b173be0a73 fix(editor): improve layout and styling of WorkspaceEditorFooter component 2025-02-25 22:08:32 +08:00
cfngc4594 511d3408f3 feat(editor): add WorkspaceEditorHeader component with LanguageSelector 2025-02-25 22:08:20 +08:00
cfngc4594 7ee6cec0b5 feat(editor): add LanguageSelector component for language selection 2025-02-25 22:08:06 +08:00
cfngc4594 780908e4d3 feat(component/ui): add Select component from shadcn/ui 2025-02-25 21:33:17 +08:00
cfngc4594 a24514dc64 feat(editor): restructure workspace layout and add editor footer component 2025-02-25 21:08:41 +08:00
cfngc4594 e896ec88c2 chore(images): update demo image for improved visual quality 2025-02-25 19:45:26 +08:00
cfngc4594 4975d79d35 refactor(problem/description): improve clarity and formatting of problem description 2025-02-25 19:45:20 +08:00
cfngc4594 2e33dea853 feat(mdx-preview): add support for math rendering with KaTeX 2025-02-25 15:09:44 +08:00
cfngc4594 0c2b3c897f chore(deps): add rehype-math and rehype-katex packages 2025-02-25 15:09:20 +08:00
cfngc4594 32f3ecff0f feat(playground/problem): add solution tab and update description import 2025-02-25 14:40:06 +08:00
cfngc4594 50d1f4cf8e refactor(editor): update editor configuration paths and values 2025-02-25 14:39:55 +08:00
cfngc4594 d51c324ea9 refactor(config): reorganize language configuration and remove deprecated files 2025-02-25 14:39:41 +08:00
cfngc4594 4022e8559b fix(playground/layout): adjust margin for ResizableHandle for better spacing 2025-02-24 20:03:37 +08:00
cfngc4594 ffe8c106d8 refactor(playground/problem): restructure layout props and add route nesting 2025-02-24 19:55:17 +08:00
cfngc4594 0ad1f24c7a refactor(playground): rename description to problem and update routes 2025-02-24 19:16:31 +08:00
cfngc4594 484bc6bc6e chore(demo): replace demo image for updated visuals 2025-02-24 13:35:59 +08:00
cfngc4594 4557cee251 fix(code-editor): simplify onMount callback parameters for clarity 2025-02-24 13:34:56 +08:00
cfngc4594 4aee0048ab chore(demo): update demo image for improved visuals 2025-02-24 13:33:27 +08:00
cfngc4594 396ab19e2e fix(code-editor): update parameter name in onMount callback for clarity 2025-02-24 13:32:19 +08:00
cfngc4594 8f6490a03d feat(workspace): add WorkspaceFooter component for playground 2025-02-24 13:24:19 +08:00
cfngc4594 c0d0021b6c feat(code-editor): add editor state handling to CodeEditor component 2025-02-24 13:22:12 +08:00
cfngc4594 5cabdda667 feat(store): add editor state to useCodeEditor store 2025-02-24 13:21:45 +08:00
cfngc4594 adf59f8132 fix(layout): add padding to ScrollArea in description and workspace layouts 2025-02-24 12:38:54 +08:00
cfngc4594 93bcd45c8a fix(editor): update height classes for code editor and MDX preview components 2025-02-24 12:32:48 +08:00
cfngc4594 bfb60aba6c fix(layout): adjust height and flex properties for improved layout responsiveness 2025-02-24 12:32:03 +08:00
cfngc4594 3b89e5de0e fix(editor): adjust height calculation for code editor and MDX preview components 2025-02-24 11:45:31 +08:00
cfngc4594 fa15a6628e fix(language-server): update configuration to use environment variables for WebSocket settings 2025-02-24 00:22:34 +08:00
cfngc4594 b33edb933f fix(language-server): make language server configuration environment variable driven 2025-02-23 23:31:05 +08:00
cfngc4594 71f582514e fix(demo): update demo image for better visual representation 2025-02-23 20:50:15 +08:00
cfngc4594 0a86bb7e11 fix(demo): update demo image for enhanced visual clarity 2025-02-23 20:49:17 +08:00
cfngc4594 0473c6cbf2 fix(demo): replace demo image for enhanced visual clarity 2025-02-23 20:47:28 +08:00
cfngc4594 703bed1089 fix(demo): update demo image for improved visual representation 2025-02-23 20:44:29 +08:00
cfngc4594 21cb011980 fix(playground): add bg-muted class to ScrollArea for better visibility 2025-02-23 20:42:57 +08:00
cfngc4594 22bda1f730 fix(playground): add border-muted class to TabsContent for better visibility 2025-02-23 20:37:04 +08:00
cfngc4594 88be7cbf58 fix(layout): adjust height calculations for improved layout consistency 2025-02-23 20:31:28 +08:00
cfngc4594 b5fcb39037 fix(option): adjust scrollbar sizes for improved usability 2025-02-23 20:31:11 +08:00
cfngc4594 e06f286815 feat(playground): add Description and Workspace layouts with tabs for better organization 2025-02-23 19:17:03 +08:00
cfngc4594 d5cda08a3e feat(components/ui): add Badge and Tabs components from shadcn/ui 2025-02-23 16:37:12 +08:00
cfngc4594 6f2d853531 feat(code-editor): use default file path for code editor based on language 2025-02-23 16:11:53 +08:00
cfngc4594 545f094f49 feat(config): add default file paths for supported languages 2025-02-23 16:11:47 +08:00
cfngc4594 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
cfngc4594 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
cfngc4594 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
cfngc4594 3277156673 chore(deps): update rehype dependencies, add rehype-autolink-headings and rehype-slug packages 2025-02-23 14:57:15 +08:00
cfngc4594 ca04733475 feat(code-editor): enable word wrap in editor options 2025-02-23 14:34:14 +08:00
cfngc4594 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
cfngc4594 5af57fbfcf refactor(code-editor): improve commented validation logging for better debugging 2025-02-23 13:56:11 +08:00
cfngc4594 9e1bca2cce feat(code-editor): enhance language client integration with dynamic server configuration 2025-02-23 13:55:37 +08:00
cfngc4594 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
cfngc4594 0dafb06e86 feat(lsp): add configuration for supported language servers 2025-02-23 13:52:06 +08:00
cfngc4594 14330323af chore(demo): update demo image for improved visuals 2025-02-22 12:10:56 +08:00
cfngc4594 9aa8b7e211 refactor(code-editor): optimize dynamic imports and code structure 2025-02-22 11:47:00 +08:00
cfngc4594 840cd1e70b feat(docker): update docker-compose commands and add health checks for services 2025-02-22 00:10:47 +08:00
cfngc4594 a69f819da4 feat(playground): style resizable handle 2025-02-21 21:34:37 +08:00
cfngc4594 2b5b4dee57 fix(banner): wrap link in a paragraph for better semantic structure 2025-02-21 21:20:52 +08:00
cfngc4594 326cce7836 feat(playground): restructure app layout and implement playground with resizable panels 2025-02-21 21:06:26 +08:00
cfngc4594 a699fc8069 refactor(components): rename problem-description.tsx to mdx-preview.tsx 2025-02-21 21:06:06 +08:00
cfngc4594 e74e2e3102 feat(components/ui): add Resizable component from shadcn/ui 2025-02-21 20:02:31 +08:00
cfngc4594 ecbb083008 feat(docker): simplify docker compose commands and add compose.yml for service configuration 2025-02-21 19:56:49 +08:00
cfngc4594 8f5be0e437 feat(layout): implement app layout with banner and code editor components 2025-02-21 19:49:56 +08:00
cfngc4594 9a04f90538 feat(code-editor): adjust height calculation for code editor component 2025-02-21 19:49:50 +08:00
cfngc4594 eacd415667 feat(styles): update code font properties for improved readability 2025-02-21 19:49:32 +08:00
cfngc4594 15d8f7a22e feat(readme): add important notice for WSL users regarding network mode for Monaco Editor 2025-02-21 11:25:58 +08:00
cfngc4594 d450302a29 feat(readme): center-align LSP server settings table for improved readability 2025-02-21 10:53:54 +08:00
cfngc4594 dd979d31b2 feat(code-editor): decrease top padding in code editor options for better layout 2025-02-21 02:09:31 +08:00
cfngc4594 d289736976 feat(readme): update demo image and remove outdated development note 2025-02-21 01:48:34 +08:00
cfngc4594 e47f68f99e feat(problem-description): add default problem statement for "Two Sum" challenge 2025-02-21 01:44:44 +08:00
cfngc4594 b8100570e3 feat(problem-description): import mdx.css for enhanced styling 2025-02-21 01:39:58 +08:00
cfngc4594 0c276eeef9 feat(styles): add mdx.css for improved code styling and line numbering 2025-02-21 01:39:46 +08:00
cfngc4594 89512c8e6a feat(code-editor): increase top padding in code editor options for improved layout 2025-02-21 00:56:41 +08:00
cfngc4594 051868cb65 feat(readme): add demo image and update description for upcoming features 2025-02-21 00:56:03 +08:00
cfngc4594 eed3a9d9ef feat(styles): update global styles to use Fira Code font for better code readability 2025-02-21 00:21:34 +08:00
cfngc4594 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
cfngc4594 17894b6e96 feat(mdx): implement MdxPreview component with error handling and loading state 2025-02-21 00:08:21 +08:00
cfngc4594 11fa68c4b7 feat(layout): replace ModeToggle with Banner component in RootLayout 2025-02-21 00:07:56 +08:00
cfngc4594 62ccb1fbcc feat(banner): add Banner component for project promotion with GitHub link 2025-02-21 00:07:45 +08:00
cfngc4594 8d6e5067dc feat(config): add site configuration with GitHub repository URL 2025-02-21 00:07:34 +08:00
cfngc4594 8cf98674ef chore(deps): add rehype-pretty-code package 2025-02-20 22:31:04 +08:00
cfngc4594 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
cfngc4594 3f3b153c4b feat(problem-description): Use compileMDX with remarkGfm for MDX rendering 2025-02-20 18:46:20 +08:00
cfngc4594 8498f57fbc chore(deps): add remark-gfm package for GitHub Flavored Markdown support 2025-02-20 18:42:42 +08:00
cfngc4594 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
cfngc4594 a4a037f5a4 feat(components/ui): add Scroll Area component from shadcn/ui 2025-02-20 15:56:55 +08:00
cfngc4594 e29ab229b5 feat(styles): add GitHub markdown CSS and responsive styling for markdown content 2025-02-20 15:50:08 +08:00
cfngc4594 1f2394576b chore(deps): add github-markdown-css package 2025-02-20 15:49:30 +08:00
cfngc4594 a5a172bb17 chore(deps): add next-mdx-remote package 2025-02-20 15:43:55 +08:00
cfngc4594 162825250b feat(code-editor): add loading skeleton for dynamic editor component 2025-02-20 15:43:03 +08:00
cfngc4594 96c946a2ca feat(layout): integrate mode toggle in layout and simplify home page structure 2025-02-20 14:43:56 +08:00
cfngc4594 286a4739c3 style(header): adjust header height and padding for improved layout 2025-02-20 14:28:04 +08:00
cfngc4594 3f84208733 docs: update section title from "Development Setup" to "Manual Setup" in README 2025-02-20 14:18:13 +08:00
cfngc4594 d3d27768fb feat(code-editor): update default value for code editor based on language 2025-02-20 14:14:04 +08:00
cfngc4594 5d99032be9 feat(config): add default code snippets for C and C++ languages 2025-02-20 14:13:56 +08:00
cfngc4594 6329babfca feat(code-editor): use Zustand state for dynamic language selection 2025-02-20 14:06:13 +08:00
cfngc4594 1bc1b638e2 feat(store): add Zustand store for managing code editor language state 2025-02-20 14:04:36 +08:00
cfngc4594 bb81c4f7e1 feat(lsp): add default language configuration 2025-02-20 14:04:02 +08:00
cfngc4594 9c78049359 feat(lsp): add supported languages with icons for C and C++ 2025-02-20 14:02:42 +08:00
cfngc4594 921c702166 chore(deps): add devicons-react package 2025-02-20 14:01:57 +08:00
cfngc4594 728d9557da refactor(layout): remove unused font imports from layout component 2025-02-20 13:09:57 +08:00