{"id":15138292,"url":"https://github.com/aegisjsproject/component","last_synced_at":"2025-10-23T14:31:08.676Z","repository":{"id":220895821,"uuid":"752881403","full_name":"AegisJSProject/component","owner":"AegisJSProject","description":"Base component using `@shgysk8zer0/aegis` \u0026 `@shgysk8zer0/aegis-styles`","archived":false,"fork":false,"pushed_at":"2024-10-26T21:30:02.000Z","size":701,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-29T21:02:39.642Z","etag":null,"topics":["aegis","constructable-stylesheets","custom-elements","sanitizer-api","security","web-components"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@aegisjsproject/component","language":"JavaScript","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/AegisJSProject.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"shgysk8zer0","liberapay":"shgysk8zer0"}},"created_at":"2024-02-05T02:47:34.000Z","updated_at":"2024-10-26T21:29:07.000Z","dependencies_parsed_at":"2024-02-28T04:08:36.290Z","dependency_job_id":"f3a4f212-6ba5-45e0-9831-94b443b093ac","html_url":"https://github.com/AegisJSProject/component","commit_stats":{"total_commits":65,"total_committers":2,"mean_commits":32.5,"dds":0.3076923076923077,"last_synced_commit":"2ffc6f6b03fb24dd7324eaec6081d43adcfbe8e7"},"previous_names":["shgysk8zer0/aegis-component","aegisjsproject/component"],"tags_count":10,"template":false,"template_full_name":"shgysk8zer0/npm-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AegisJSProject%2Fcomponent","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AegisJSProject%2Fcomponent/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AegisJSProject%2Fcomponent/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AegisJSProject%2Fcomponent/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AegisJSProject","download_url":"https://codeload.github.com/AegisJSProject/component/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237843669,"owners_count":19375182,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["aegis","constructable-stylesheets","custom-elements","sanitizer-api","security","web-components"],"created_at":"2024-09-26T07:21:29.901Z","updated_at":"2025-10-23T14:31:08.159Z","avatar_url":"https://github.com/AegisJSProject.png","language":"JavaScript","funding_links":["https://github.com/sponsors/shgysk8zer0","https://liberapay.com/shgysk8zer0","https://liberapay.com/shgysk8zer0/donate"],"categories":[],"sub_categories":[],"readme":"# `@aegisjsproject/component`\n\nBase component using [`@aegisjsproject/core`](https://github.com/AegisJSProject/core)\n\u0026 [`@aegisjsproject/styles`](https://github.com/AegisJSProject/styles).\n\n[![CodeQL](https://github.com/AegisJSProject/component/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/AegisJSProject/component/actions/workflows/codeql-analysis.yml)\n![Node CI](https://github.com/AegisJSProject/component/workflows/Node%20CI/badge.svg)\n![Lint Code Base](https://github.com/AegisJSProject/component/workflows/Lint%20Code%20Base/badge.svg)\n\n[![GitHub license](https://img.shields.io/github/license/AegisJSProject/component.svg)](https://github.com/AegisJSProject/component/blob/master/LICENSE)\n[![GitHub last commit](https://img.shields.io/github/last-commit/AegisJSProject/component.svg)](https://github.com/AegisJSProject/component/commits/master)\n[![GitHub release](https://img.shields.io/github/release/AegisJSProject/component?logo=github)](https://github.com/AegisJSProject/component/releases)\n[![GitHub Sponsors](https://img.shields.io/github/sponsors/shgysk8zer0?logo=github)](https://github.com/sponsors/shgysk8zer0)\n\n[![npm](https://img.shields.io/npm/v/@aegisjsproject/component)](https://www.npmjs.com/package/@aegisjsproject/component)\n![node-current](https://img.shields.io/node/v/@aegisjsproject/component)\n![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/%40aegisjsproject%2Fcomponent)\n[![npm](https://img.shields.io/npm/dw/@aegisjsproject/component?logo=npm)](https://www.npmjs.com/package/@aegisjsproject/component)\n\n[![GitHub followers](https://img.shields.io/github/followers/AegisJSProject.svg?style=social)](https://github.com/AegisJSProject)\n![GitHub forks](https://img.shields.io/github/forks/AegisJSProject/component.svg?style=social)\n![GitHub stars](https://img.shields.io/github/stars/AegisJSProject/component.svg?style=social)\n[![Twitter Follow](https://img.shields.io/twitter/follow/shgysk8zer0.svg?style=social)](https://twitter.com/shgysk8zer0)\n\n[![Donate using Liberapay](https://img.shields.io/liberapay/receives/shgysk8zer0.svg?logo=liberapay)](https://liberapay.com/shgysk8zer0/donate \"Donate using Liberapay\")\n- - -\n\n- [Code of Conduct](./.github/CODE_OF_CONDUCT.md)\n- [Contributing](./.github/CONTRIBUTING.md)\n\u003c!-- - [Security Policy](./.github/SECURITY.md) --\u003e\n\n## Example Component\n\n```js\nimport { AegisComponent, TRIGGERS, SYMBOLS } from '@aegisjsproject/component';\nimport { html, css, appendTo, addStyles } from '@aegisjsproject/core';\n\nconst template = html`\u003ch1\u003eHello, World!\u003c/h1\u003e`;\n\nconst stlyes = css`\n.foo {\n  color: red;\n}\n`\n\nexport class HTMLHelloWorldElement extends AegisComponent {\n  constructor() {\n    super({ template, styles });\n  }\n}\n\nHTMLHelloWorldElement.register('hello-world');\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faegisjsproject%2Fcomponent","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faegisjsproject%2Fcomponent","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faegisjsproject%2Fcomponent/lists"}