Skip to content

WebChuck IDE v2.1.6 [Dev DRAFT]#53

Draft
terryzfeng wants to merge 8 commits intomainfrom
dev
Draft

WebChuck IDE v2.1.6 [Dev DRAFT]#53
terryzfeng wants to merge 8 commits intomainfrom
dev

Conversation

@terryzfeng
Copy link
Copy Markdown
Member

@terryzfeng terryzfeng commented Feb 28, 2026

What's new in v2.1.6

WebChucK IDE Dev Branch: https://ccrma.stanford.edu/~tzfeng/webchuck-ide

Added

Changed

  • Improved CSS styles throughout the IDE UI. Also added CSS vars to support future modular theming.
  • More Examples autocomplete now only shows when there are results.

terryzfeng and others added 8 commits February 28, 2026 00:10
* refactor: restructure UI layout

- chuck bar: action buttons now have same border radius as the other buttons
- output panel: refactored HTML structure (more robust now, in preparation for adding the canvas)
- mobile: now (more) responsive!
- vm monitor: moved to output panel
- share button: moved to the right of WebChucK IDE 2
- headers: increased height to h-10
- standardized button border radius (modal buttons, action buttons, share button, etc...)
- output panel: VM Monitor and Console are toggled on by default now
- vm monitor: VM Monitor is first/on top for consistency (however, now we get that "double header" look, since the VM Monitor table header is now right below the output panel header)
- ChucK time: this is now inside the VM Monitor on the bottom right.
- vim mode: streamlined css
* CSS: add CSS variables for theming, remove duplicate rules
fix: hidPanel() missing parens, Gyro typo, Monaco CancellationError
dropdown: hover-to-switch, keyboard nav, positioning fixes
misc: lazy-load JSZip, clipboard API, local isPlaintextFile

* ChucK Bar: fixed overwritten background color and record button armed state CSS
Input Fields: the share code and more examples search inputs now use the form-inputs class for consistent styling
CSS: dropdown hover color is now consistent with the old hover color
Examples Autocomplete: only shows when there are results, and the hover color is now consistent with the old hover color

* fixed record button
* accessibility: WCAG 2 AA audit, ARIA roles/labels, color contrast
resizer: touch support, keyboard accessibility
keyboard shortcuts: reference modal

* resizer and breadcrumb in more examples now have same hover properties on focus-visible

* added accessibility testing to DEVELOPER_GUIDE.md

* mockPointerEvent

---------

Co-authored-by: terry feng <tzfeng@stanford.edu>
* file explorer: new file/upload icons, find in files, context menu

editor: font size controls, command palette

console: font size controls

mobile: bottom sheet for file explorer

* pr fixes
* file context behavior + ui tweaks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants