{"id":32611106,"url":"https://github.com/sog-web/angular-utils","last_synced_at":"2026-01-20T17:01:01.886Z","repository":{"id":319972301,"uuid":"1080241674","full_name":"SOG-web/angular-utils","owner":"SOG-web","description":"Angular font library inspired by Next.js fonts, but made 100% for Angular devs. Supports 1,890+ Google Fonts out of the box , Supports Local Fonts out of the box , Fully TypeScript-typed","archived":false,"fork":false,"pushed_at":"2025-10-27T09:38:11.000Z","size":3206,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-30T13:55:57.061Z","etag":null,"topics":["analogjs","angular","angular-font","angular-fonts","font","fonts"],"latest_commit_sha":null,"homepage":"https://angular-utils-web.vercel.app","language":"TypeScript","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/SOG-web.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-21T04:40:16.000Z","updated_at":"2025-10-27T09:38:16.000Z","dependencies_parsed_at":"2025-10-21T08:46:35.729Z","dependency_job_id":null,"html_url":"https://github.com/SOG-web/angular-utils","commit_stats":null,"previous_names":["sog-web/angular-utils"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SOG-web/angular-utils","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SOG-web%2Fangular-utils","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SOG-web%2Fangular-utils/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SOG-web%2Fangular-utils/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SOG-web%2Fangular-utils/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SOG-web","download_url":"https://codeload.github.com/SOG-web/angular-utils/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SOG-web%2Fangular-utils/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28607624,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T16:10:39.856Z","status":"ssl_error","status_checked_at":"2026-01-20T16:10:39.493Z","response_time":117,"last_error":"SSL_read: 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":["analogjs","angular","angular-font","angular-fonts","font","fonts"],"created_at":"2025-10-30T13:55:16.252Z","updated_at":"2026-01-20T17:01:01.848Z","avatar_url":"https://github.com/SOG-web.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Utils\n\nA collection of utilities and packages for Angular applications.\n\n## Packages\n\n### [angular-fonts](./packages/font)\n\nOptimized font loading for Angular with SSR support, inspired by `@next/font`.\n\n**Features:**\n\n- 🚀 Build-time optimization for self-hosted fonts\n- ⚡ Runtime service for dynamic font loading\n- 🔄 SSR compatible with Angular 17+\n- 🎨 Tailwind v3 and v4 integration\n- 📦 1000+ Google Fonts available\n- 🏠 Local font support\n- 🎯 Zero layout shift with automatic fallback metrics\n\n**Installation:**\n\n```bash\nnpm install angular-fonts\n# or\npnpm add angular-fonts\n```\n\nSee the [font package documentation](./packages/font/README.md) for detailed usage.\n\n---\n\n_More Angular utility packages coming soon!_\n\n## Repository Structure\n\nThis monorepo includes:\n\n- **`packages/`**: Published npm packages\n  - `font`: Font loading and optimization utilities\n- **`apps/`**: Example applications and documentation\n  - `web`: Demo application showcasing package features\n\nEach package is built with [TypeScript](https://www.typescriptlang.org/) and designed for modern Angular applications.\n\n## Development\n\nThis monorepo uses [Turborepo](https://turborepo.com/) for efficient task management and [pnpm](https://pnpm.io/) for package management.\n\n### Prerequisites\n\n- Node.js 18.x or 20.x\n- pnpm 8.x or higher\n\n### Getting Started\n\n1. **Clone the repository:**\n\n```bash\ngit clone https://github.com/SOG-web/angular-utils.git\ncd angular-utils\n```\n\n2. **Install dependencies:**\n\n```bash\npnpm install\n```\n\n3. **Build all packages:**\n\n```bash\npnpm build\n```\n\n4. **Run the demo app:**\n\n```bash\npnpm dev --filter=web\n```\n\n**Or try the live demo:** [https://sog-web.github.io/angular-utils/](https://sog-web.github.io/angular-utils/)\n\n### Building\n\nBuild all packages and apps:\n\n```bash\npnpm build\n```\n\nBuild a specific package:\n\n```bash\npnpm build --filter=angular-fonts\n```\n\n### Testing\n\nRun tests for all packages:\n\n```bash\npnpm test\n```\n\nRun tests for a specific package:\n\n```bash\npnpm test --filter=angular-fonts\n```\n\n### Development Workflow\n\nWhen developing a package:\n\n1. Make changes to the package source code\n2. Build the package: `pnpm build --filter=\u003cpackage-name\u003e`\n3. Run tests: `pnpm test --filter=\u003cpackage-name\u003e`\n4. Test in the demo app: `pnpm dev --filter=web`\n\n## Contributing\n\nWe welcome contributions! Here's how you can help:\n\n1. **Fork the repository**\n2. **Create a feature branch**: `git checkout -b feature/amazing-feature`\n3. **Make your changes**\n4. **Run tests**: `pnpm test`\n5. **Commit your changes**: `git commit -m 'Add amazing feature'`\n6. **Push to the branch**: `git push origin feature/amazing-feature`\n7. **Open a Pull Request**\n\n### Adding a New Package\n\nTo add a new Angular utility package:\n\n1. Create a new directory in `packages/`\n2. Set up the package structure (see `packages/font` as a reference)\n3. Add package configuration (`package.json`, `tsconfig.json`)\n4. Update this README to list the new package\n5. Add comprehensive tests and documentation\n\n## License\n\nMIT License - see individual package LICENSE files for details.\n\n## Useful Links\n\n- [Angular Documentation](https://angular.dev/)\n- [Turborepo Documentation](https://turborepo.com/)\n- [pnpm Documentation](https://pnpm.io/)\n- [angular-fonts Package](./packages/font/README.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsog-web%2Fangular-utils","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsog-web%2Fangular-utils","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsog-web%2Fangular-utils/lists"}