Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(web-components): create custom elements manifest for web components project #34090

Open
wants to merge 15 commits into
base: master
Choose a base branch
from

Conversation

break-stuff
Copy link

@break-stuff break-stuff commented Mar 26, 2025

Previous Behavior

The project does not currently have a Custom Elements Manifest.

New Behavior

This PR adds a Custom elements Manifest with some additional plugins for better integration:

  • CEM Validator to ensure the components and CEM are correctly configured
  • Module Path Resolver to ensure the module paths in the CEM correctly reference the output modules
  • Types Parser so cools can access the parsed TypeScript types
  • CEM Inheritance so public APIs are correctly inherited from the base classes.

There is also a new command in the package.json script for running the analyzer (yarn analyze). It has also been added to the build script.

Related Issue(s)

Other attempts have been made at adding this. I think this basic implementation should meet most of the needs, but additional features can be added as needed:

#31689
#31673

@break-stuff break-stuff requested review from a team as code owners March 26, 2025 00:00
@break-stuff
Copy link
Author

break-stuff commented Mar 26, 2025

@microsoft-github-policy-service agree company="Microsoft"

break-stuff and others added 2 commits March 26, 2025 08:46
Co-authored-by: Martin Lijanto <601470+mlijanto@users.noreply.github.com>
@tudorpopams tudorpopams requested a review from Hotell March 26, 2025 13:04
@Hotell Hotell changed the title create custom elements manifest for web components project feat(web-components): create custom elements manifest for web components project Mar 28, 2025
Copy link

github-actions bot commented Mar 31, 2025

📊 Bundle size report

✅ No changes found

Copy link

Pull request demo site: URL

@@ -0,0 +1,7 @@
{
Copy link

@github-actions github-actions bot Mar 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 38 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 54 Changed
vr-tests-react-components/TagPicker 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled.chromium.png 678 Changed
vr-tests-web-components/Avatar 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Avatar. - Dark Mode.normal.chromium_1.png 298 Changed
vr-tests-web-components/Avatar. - Dark Mode.normal.chromium.png 10381 Changed
vr-tests-web-components/Badge 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Badge. - Dark Mode.normal.chromium.png 444 Changed
vr-tests-web-components/Checkbox 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Checkbox. - Dark Mode.normal.chromium_1.png 3 Changed
vr-tests-web-components/MenuList 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/MenuList. - RTL.normal.chromium_1.png 39082 Changed
vr-tests-web-components/RadioGroup 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/RadioGroup. - Dark Mode.normal.chromium_1.png 59 Changed
vr-tests/Callout 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Callout.No callout width specified.default.chromium.png 2126 Changed
vr-tests/Keytip 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Keytip.Offset.default.chromium.png 86 Changed

There were 1 duplicate changes discarded. Check the build logs for more information.

@davatron5000
Copy link
Contributor

/azp run

Copy link

Azure Pipelines could not run because the pipeline triggers exclude this branch/path.

@break-stuff
Copy link
Author

break-stuff commented Apr 2, 2025

Hey @Hotell, any ideas on why this e2e test is failing? My changes shouldn't have affected any of this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: No status
Development

Successfully merging this pull request may close these issues.

4 participants