Commit Graph

833 Commits

Author SHA1 Message Date
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
1f2394576b chore(deps): add github-markdown-css package 2025-02-20 15:49:30 +08:00
a5a172bb17 chore(deps): add next-mdx-remote package 2025-02-20 15:43:55 +08:00
162825250b feat(code-editor): add loading skeleton for dynamic editor component 2025-02-20 15:43:03 +08:00
96c946a2ca feat(layout): integrate mode toggle in layout and simplify home page structure 2025-02-20 14:43:56 +08:00
286a4739c3 style(header): adjust header height and padding for improved layout 2025-02-20 14:28:04 +08:00
3f84208733 docs: update section title from "Development Setup" to "Manual Setup" in README 2025-02-20 14:18:13 +08:00
d3d27768fb feat(code-editor): update default value for code editor based on language 2025-02-20 14:14:04 +08:00
5d99032be9 feat(config): add default code snippets for C and C++ languages 2025-02-20 14:13:56 +08:00
6329babfca feat(code-editor): use Zustand state for dynamic language selection 2025-02-20 14:06:13 +08:00
1bc1b638e2 feat(store): add Zustand store for managing code editor language state 2025-02-20 14:04:36 +08:00
bb81c4f7e1 feat(lsp): add default language configuration 2025-02-20 14:04:02 +08:00
9c78049359 feat(lsp): add supported languages with icons for C and C++ 2025-02-20 14:02:42 +08:00
921c702166 chore(deps): add devicons-react package 2025-02-20 14:01:57 +08:00
728d9557da refactor(layout): remove unused font imports from layout component 2025-02-20 13:09:57 +08:00
31491c496e refactor: import CodeEditor directly instead of using dynamic import 2025-02-20 11:27:07 +08:00
d7a019c711 chore(font): change Fira Code font weight to 500 2025-02-20 10:13:41 +08:00
75f1e656e6 chore(editor): comment out onValidate function in CodeEditor component 2025-02-20 09:17:31 +08:00
07e3707c3f feat(editor): use predefined options for code editor configuration 2025-02-20 09:11:31 +08:00
01f188ac56 feat(editor): add default configuration for Monaco code editor 2025-02-20 09:11:20 +08:00
9057c5971e feat(styles): Use Fira Code font for body text 2025-02-20 09:11:02 +08:00
2f901ba062 chore(deps): add @fontsource/fira-code package 2025-02-20 09:08:41 +08:00
5a2d4f77da chore: update Dockerfile to specify Node.js v20 or higher for resolving ReferenceError 2025-02-20 08:54:37 +08:00
3f2bc8c332 chore: replace hardcoded WebSocket URL with environment variable
- Replaced the hardcoded LSP WebSocket URL with a configurable environment variable (NEXT_PUBLIC_LSP_C_URL).
- Default to "ws://localhost:4594/clangd" if the environment variable is not set.
2025-02-20 08:44:11 +08:00
6c5beeb27c chore: add .env.example for environment variable configuration
- Added .env.example to provide a template for environment variables.
- Included the WebSocket URL for the LSP service (C Language - clangd).
2025-02-20 08:43:54 +08:00
8cd8a2977c chore: update .gitignore to explicitly commit env files
- .env, .env.local, and .env*.local will now be explicitly committed if needed.
- Removed the wildcard .env* from being ignored, allowing specific env files to be tracked.
2025-02-20 08:42:01 +08:00
a1c4f2160b docs: add placeholder .gitkeep file to 'public' folder 2025-02-20 01:31:14 +08:00
e9da555705 refactor: move Monaco Editor logic to CodeEditor component
- Moved Monaco Editor initialization and related logic from src/app/page.tsx to src/components/code-editor.tsx
2025-02-20 01:10:25 +08:00
f0b2428e8b fix(code-editor): adjust loading skeleton padding for improved layout 2025-02-20 01:05:30 +08:00
63501a3f6c feat(code-editor): refactor layout structure and improve editor height handling 2025-02-20 00:59:53 +08:00
423951ec58 feat(code-editor): update theme handling and optimize highlighter integration 2025-02-20 00:30:45 +08:00
2f2b172fb8 feat(shiki): add Shiki highlighter initialization for syntax highlighting 2025-02-20 00:30:32 +08:00
541aa43d06 chore(deps): add zustand package for state management 2025-02-19 23:03:44 +08:00
fd48fa0fff feat(code-editor): integrate Shiki highlighter for enhanced syntax highlighting 2025-02-19 23:03:11 +08:00
5ca8ef91ea fix(deps): replace incorrect @shikijs/markdown-it with @shikijs/monaco 2025-02-19 22:51:25 +08:00