p5.js-web-editor icon indicating copy to clipboard operation
p5.js-web-editor copied to clipboard

fix: update deprecated codemirror import to restore Storybook build

Open rohith-1205 opened this issue 2 months ago • 2 comments

Summary

Storybook’s CSS build was failing because Sass no longer supports the ~ tilde import syntax.

Problem

The file client/styles/main.scss still uses the old pattern: @import '~codemirror/lib/codemirror';

This causes Sass to throw: "Can't find stylesheet to import"

Fix

Updated the SCSS import to the modern path: @import 'codemirror/lib/codemirror.css';

This resolves the Storybook build issue and improves contributor experience.

No breaking changes.

rohith-1205 avatar Nov 16 '25 10:11 rohith-1205

🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.

welcome[bot] avatar Nov 16 '25 10:11 welcome[bot]

Here is Storybook running after applying the SCSS import fix. (Note: The ThemeProvider issue is unrelated and exists on main branch too.)

WhatsApp Image 2025-11-16 at 4 24 51 PM

rohith-1205 avatar Nov 16 '25 10:11 rohith-1205