feat: Mcq UI #19
Merged
feat: Mcq UI #19
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
1. Fix `yarn compile` to `yarn run build` 2. Add dev instructions to configure the extension
- Integrate new message type: MCQQuestion - Add UI component for the MCQ Panel - Add Markdown rendering
|
Interesting. Was thinking more of this |
Noticed that I duplicated the text on the left, will remove that. Instead of suppressing the editor, it made more sense to extend the message passing and creating a new pane. What do you think? As for the UI I can make it look the same after a bit of work. |
|
The original approach I had in mind requires minimal code but compared to yours, will have no choice but to maximise and shrink the Webview panel tab, which can be jarring to the user UI-wise. I think your approach would be better. |
heyzec
reviewed
Jun 17, 2025
heyzec
reviewed
Jun 17, 2025
heyzec
reviewed
Jun 17, 2025
|
NOTE: Choices may contain hints (not implemented) |
|
|
heyzec
reviewed
Jun 24, 2025
heyzec
reviewed
Jun 24, 2025
heyzec
reviewed
Jun 24, 2025
heyzec
reviewed
Jun 24, 2025
heyzec
reviewed
Jun 24, 2025
7 tasks
Closed
|
The MCQ UI looks good. Thanks! |
heyzec
approved these changes
Jun 27, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Closes #12
MCQ Panel Implementation
getMcqHtmlfunction insrc/commands/showPanel.tsxto generate the HTML content for the MCQ panel, including React-based components for rendering questions and options.McqPanelReact component insrc/webview/components/McqPanel.tsxto display MCQ questions and handle user interactions.handleMessagefunction insrc/commands/showPanel.tsxto handleMessageTypeNames.MCQQuestionand create a webview panel for displaying MCQs.Messaging System Updates
MCQQuestionmessage type to theMessagesutility insrc/utils/messages.ts, allowing the extension to send and receive MCQ-related data.Editor Class Enhancements
Editorclass insrc/utils/editor.tsto include a newassessmentTypeproperty, which can store additional context about the type of assessment. [1] [2]The PR is dependent on frontend/vscode/next.
TODO:
commands/showPanel.tsxCurrent state:
