Locator

🛠 Status: In Development

This chrome extension is still in development, and dependant on custom-elements.json becoming a standardized format, and the catalog being in a more mature state. You can read more about custom-elements.json here.

<p align="center"> <img width="200" src="https://open-wc.org/hero.png"></img> </p>

Custom Elements Locator

Chrome extension to find custom elements on a page, and search the catalog for extra information

<p align="center"> <img src="./meta_assets/giphytime.gif"/ </p>

Instructions

• Write code
• Run npm run build
• Go to chrome://extensions/
• Toggle 'Developer mode' in top right corner
• Click 'Load unpacked' in top left corner
• Select the root folder of this project

If you are implementing and want to test repeatedly:

• Install Extensions Reloader
• Running npm run start will rebuild on each change in the src folder, and trigger a reload of the extension.
• Refresh your current tab

CI and Release process

CI and releases are created using Github Actions.

• Any push on any branch or PR will run npm run build and create a zip in case content needs to be checked.
  • The zip can be tested in chrome using the load packed extension button in chrome://extensions/
  • See this link for an example of pipeline.
• Any push to master (thus including a PR merge) will do the same AND bump package.json and manifest.json as well as commit the new bump.
  • The archive can then be used for upload in the Chrome Store. See this link for an example.

You can see all running actions here.

Extension on the Chrome Store