{"id":24385609,"url":"https://github.com/binzcodes/visor","last_synced_at":"2025-04-11T02:23:25.191Z","repository":{"id":237276685,"uuid":"794184147","full_name":"binzcodes/visor","owner":"binzcodes","description":"Full-coverage \u003chead\u003e-gear for your Astro app","archived":false,"fork":false,"pushed_at":"2024-12-31T03:29:07.000Z","size":276,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T18:52:20.454Z","etag":null,"topics":["astro","astro-component","devex","seo","withastro"],"latest_commit_sha":null,"homepage":"https://astro-visor.netlify.app","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/binzcodes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-04-30T16:06:52.000Z","updated_at":"2025-01-01T04:54:27.000Z","dependencies_parsed_at":"2024-11-07T17:33:56.824Z","dependency_job_id":null,"html_url":"https://github.com/binzcodes/visor","commit_stats":null,"previous_names":["binzcodes/visor"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binzcodes%2Fvisor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binzcodes%2Fvisor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binzcodes%2Fvisor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binzcodes%2Fvisor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/binzcodes","download_url":"https://codeload.github.com/binzcodes/visor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248328496,"owners_count":21085325,"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":["astro","astro-component","devex","seo","withastro"],"created_at":"2025-01-19T11:19:37.616Z","updated_at":"2025-04-11T02:23:25.169Z","avatar_url":"https://github.com/binzcodes.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Visor\n\nFull-coverage `\u003chead\u003e` gear for your Astro app.\n\nVisor automatically generates the necessary head tags for global metadata.\n\n### Features\n\n- Perfect Lighthouse scores out of the box\n- Full PWA support\n- Dynamic favicon generation\n- Customizable metadata tags\n- OpenGraph and social media tags\n\n## Installation\n\nTo install Visor, run one of the following commands in your Astro project:\n\n```bash\npnpm install @binz/visor sharp sharp-ico\n```\n\n```bash\nnpm install @binz/visor sharp sharp-ico\n```\n\n```bash\nyarn add @binz/visor sharp sharp-ico\n```\n\n## Usage\n\nImport the \u003cHead\u003e component from the Visor package and use it in your Astro Layout component:\n\n```astro\n// src/layouts/default.astro\n---\nimport {Visor} from '@binz/visor';\nimport logoSvgSrc from '../images/Logo.svg';\n\ninterface Props {\n  title: string;\n}\n\nconst { title: pageTitle } = Astro.props;\nconst canonicalUrl = Astro.url;\n---\n\u003c!doctype html\u003e\n\u003chtml lang=\"en\"\u003e\n  \u003cVisor\n    author={{\n      name: \"Joe Bloggs\",\n      twitterHandle: \"@joe_blogs\"\n    }}\n    canonicalURL={canonicalUrl}\n    description=\"Built with visor\"\n    defaultKeywords={[]}\n    siteName=\"Example Site\"\n    siteFaviconSvg={logoSvgSrc}\n    socialImagePath=\"/social.png\"\n    title=\"Example Site\"\n  \u003e\n    \u003c!-- Additional head tags --\u003e\n  \u003c/Visor\u003e\n  \u003cbody\u003e\n    \u003c!-- Your content here --\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\nSee the core package [README](./packages/visor/README.md) for advanced usage including:\n\n- [PWA support](./packages/visor/README.md#pwa-support)\n- [Dynamic favicon generation](./packages/visor/README.md#site-favicon-generation)\n\nWe recommend [`astro-shield`](https://github.com/kindspells/astro-shield) for additional security headers.\n\n## Contributing\n\nContributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request to the GitHub repository.\n\nThis repository uses [Changesets](./.changeset/README.md) to manage releases.\n\n## License\n\nThis Astro Head component is open source and available under the MIT License.\n\n## Credits\n\nVisor builds on [Favicon Generation with Astro](https://kremalicious.com/favicon-generation-with-astro/) by [Matthias Kretschmann](https://matthiaskretschmann.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinzcodes%2Fvisor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbinzcodes%2Fvisor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinzcodes%2Fvisor/lists"}