[COMPASS-5422] Update leafygreen in browser-repl / find another way to make browser-repl aligned in leafygreen version with Compass Created: 13/Jan/22  Updated: 23/Feb/22  Resolved: 23/Feb/22

Status: Closed
Project: Compass
Component/s: None
Affects Version/s: None
Fix Version/s: 1.31.0

Type: Task Priority: Major - P3
Reporter: Sergey Petushkov Assignee: Rhys Howell
Resolution: Done Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Depends
is depended on by COMPASS-5512 Fix leafygreen text input interaction... Closed
Related
related to COMPASS-5535 Make browser-repl bundle tree-shakabl... Closed
Documentation Changes: Not Needed
Sprint: Iteration Versailles

 Description   

browser-repl depends on a @leafygreen/syntax component that seems to be deprecated / removed from the leafygreen component set, not only that but because browser-repl is bundled with webpack this package is always included in the distribution and can't be tree shaken by the bundling tools of Compass. This means that even if we completely align leafygreen dependencies in Compass, we are still running into the risk of having multiple versions of emotion running on one page due to browser-repl distribution type and the outdated version which leads to the potential visual issues in the application.

To solve that we need to update browser-repl leafygreen dependency and find a way to not include dependencies shared with Compass in the bundle (we can either make them external / peer deps or provide special exports key similar to how Compass currently resolves monorepo packages from source using exports.webpack package.json property)



 Comments   
Comment by Rhys Howell [ 23/Feb/22 ]

Updated the leafygreen deps here and moved them to peerDependencies. Created https://jira.mongodb.org/browse/COMPASS-5535 to track more of the tree-shaking for the whole package.

Comment by Githook User [ 16/Feb/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(browser-repl): Bump leafygreen versions, replace Syntax with Code COMPASS-5422 (#1204)
Branch: main
https://github.com/mongodb-js/mongosh/commit/0717205a04667b05964032f4cdba6442a37394b7

Generated at Wed Feb 07 22:39:31 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.