{"id":23818725,"url":"https://github.com/dimen311/component-element-usage","last_synced_at":"2026-05-17T19:03:49.445Z","repository":{"id":269938282,"uuid":"849376111","full_name":"dimen311/component-element-usage","owner":"dimen311","description":"Angular Component Usage Finder is a Visual Studio Code extension that helps you quickly find the usage of Angular components within your project's HTML templates. Simply right-click on an Angular component and select \"Find Component Usages\" to locate where it's used across your project.","archived":false,"fork":false,"pushed_at":"2025-11-21T11:47:38.000Z","size":941,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-21T13:20:26.010Z","etag":null,"topics":["angular","angular2"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimen311.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-08-29T13:38:34.000Z","updated_at":"2025-11-21T11:47:42.000Z","dependencies_parsed_at":"2024-12-27T10:19:56.659Z","dependency_job_id":"3035b2f6-930f-43f5-b769-ed87dcb86761","html_url":"https://github.com/dimen311/component-element-usage","commit_stats":null,"previous_names":["dimen311/component-element-usage"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dimen311/component-element-usage","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimen311%2Fcomponent-element-usage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimen311%2Fcomponent-element-usage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimen311%2Fcomponent-element-usage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimen311%2Fcomponent-element-usage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimen311","download_url":"https://codeload.github.com/dimen311/component-element-usage/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimen311%2Fcomponent-element-usage/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33151625,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-17T09:28:26.183Z","status":"ssl_error","status_checked_at":"2026-05-17T09:27:52.702Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular2"],"created_at":"2025-01-02T06:16:19.715Z","updated_at":"2026-05-17T19:03:49.440Z","avatar_url":"https://github.com/dimen311.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Component Usage Finder\n\n## Overview\n\n\u003ch1 align=\"center\"\u003e\n VS CODE - Angular Component Usage Finder\n\u003c/h1\u003e\n\n**Angular Component Usage Finder** is a Visual Studio Code extension that helps you quickly find the usage of Angular components within your project's HTML templates. Simply right-click on an Angular component and select \"Find Component Usages\" to locate where it's used across your project.\n  \u003cbr\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/dimen311/component-element-usage/refs/heads/master/angular_Component_finder.gif\" alt=\"logo\" width=\"100%\"\u003e\n  \u003cbr\u003e\n\n## Usage\n\n1. Open any Angular project in Visual Studio Code.\n2. In the HTML file, right-click on a component tag you wish to find.\n3. Select **Find Component Usages** from the context menu.\n4. The extension will search through your project’s HTML templates and display all occurrences of the component under explorer: Element usage explorer.\n\n\n## Features\n\n- Quickly find Angular component usage in HTML templates.\n- Seamlessly integrated into the VS Code right-click context menu.\n- Supports projects using the Angular framework.\n  \n## Installation\n\n1. Open Visual Studio Code.\n2. Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of the window or pressing `Ctrl+Shift+X`.\n3. Search for **Angular Component Usage Finder**.\n4. Click **Install**.\n\nAlternatively, you can manually install the extension by downloading it from the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=ExtensionDmn.angularComponentElementUsage).\n\n## Requirements\n\n- An Angular project with properly structured templates.\n- Visual Studio Code version 1.60.0 or later.\n\n## Known Issues\n\n- **Dynamic Components**: The extension may not detect component usage in dynamic or conditional templates.\n\n## Changelog\n\n### 0.3.0\n- Added option to search a component from its HTML template (invoke \"Find Component Usages\" while an HTML template is active).\n- Added statistics footer in the Element usage explorer showing the top 3 components and their usage counts.\n\n## Contributing\n\nContributions are welcome! If you'd like to contribute, please fork the repository and submit a pull request. For any issues or suggestions, please open a ticket on the [GitHub Issues page](https://github.com/dimen311/component-element-usage).\n\n## License\n\nThis extension is licensed under the [MIT License](https://opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimen311%2Fcomponent-element-usage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimen311%2Fcomponent-element-usage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimen311%2Fcomponent-element-usage/lists"}