Skip to content

WebChuck IDE v2.1.6#53

Merged
terryzfeng merged 17 commits into
mainfrom
dev
Apr 20, 2026
Merged

WebChuck IDE v2.1.6#53
terryzfeng merged 17 commits into
mainfrom
dev

Conversation

@terryzfeng

@terryzfeng terryzfeng commented Feb 28, 2026

Copy link
Copy Markdown
Member

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.

Package Updates

  • Migrate Tailwind CSS v3 → v4 (@tailwindcss/vite plugin, new https://github.com/import syntax)
  • Upgrade ESLint v8 → v10 (migrate to flat config, replace .eslintrc.json)
  • Upgrade TypeScript v4.9 → v6, Vite v7 → v8, Prettier v2 → v3
  • Upgrade xterm v5.5 → v6, xterm addons to latest
  • Remove postcss.config.js (no longer needed with Tailwind v4)
  • Sync ESLint and Prettier formatting rules

terryzfeng and others added 14 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
* create banner for upcoming ide beta v2.2.0

* start beta-banner

* Update notification banner with webchugl ide and blue styles

* Clean up unnecessary notification chip

* hide banner on mobile

* for audiovisual programming
* create new share ui

* revamp share code and project initialization

* refactor ide project start up logic and clean up loading

* Remove advanced options and url field input from shareModel
* eslint prettier version bump formatting

* update: (potentially dangerous) update all IDE package versions to latest

- Migrate Tailwind CSS v3 → v4 (@tailwindcss/vite plugin, new @import syntax)
- Upgrade ESLint v8 → v10 (migrate to flat config, replace .eslintrc.json)
- Upgrade TypeScript v4.9 → v6, Vite v7 → v8, Prettier v2 → v3
- Upgrade xterm v5.5 → v6, xterm addons to latest
- Remove postcss.config.js (no longer needed with Tailwind v4)
- Sync ESLint and Prettier formatting rules
@terryzfeng terryzfeng marked this pull request as ready for review April 20, 2026 00:36
@terryzfeng terryzfeng changed the title WebChuck IDE v2.1.6 [Dev DRAFT] WebChuck IDE v2.1.6 Apr 20, 2026
@terryzfeng terryzfeng merged commit 132a107 into main Apr 20, 2026
2 checks passed
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