{"id":19109975,"url":"https://github.com/zeiss/angular-styleguide","last_synced_at":"2025-04-30T20:40:31.375Z","repository":{"id":140473735,"uuid":"284976480","full_name":"ZEISS/angular-styleguide","owner":"ZEISS","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-05T08:53:52.000Z","size":12929,"stargazers_count":6,"open_issues_count":0,"forks_count":6,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-04-19T08:33:12.954Z","etag":null,"topics":["angular"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ZEISS.png","metadata":{"files":{"readme":"README.md","changelog":null,"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}},"created_at":"2020-08-04T12:43:19.000Z","updated_at":"2024-11-05T08:48:36.000Z","dependencies_parsed_at":"2024-01-22T09:29:03.102Z","dependency_job_id":"2ff02e3f-9f17-4f82-9070-cdf8f9b8c31e","html_url":"https://github.com/ZEISS/angular-styleguide","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZEISS%2Fangular-styleguide","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZEISS%2Fangular-styleguide/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZEISS%2Fangular-styleguide/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZEISS%2Fangular-styleguide/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ZEISS","download_url":"https://codeload.github.com/ZEISS/angular-styleguide/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251778877,"owners_count":21642439,"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":["angular"],"created_at":"2024-11-09T04:23:05.614Z","updated_at":"2025-04-30T20:40:31.350Z","avatar_url":"https://github.com/ZEISS.png","language":"TypeScript","readme":"# [ZDI Angular Styleguide](https://github.com/ZEISS/angular-styleguide/wiki) - Sample Project\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![REUSE status](https://api.reuse.software/badge/github.com/ZEISS/angular-styleguide)](https://api.reuse.software/info/github.com/ZEISS/angular-styleguide)\n\nThis project serves as a sample project to showcase the guidelines provided in the [ZDI Angular Styleguide](https://github.com/ZEISS/angular-styleguide/wiki).\n\nIt is a simplistic shop that offers delicious ice cream :icecream:\n\nThe newest build of the shop is deployed [here](https://zeiss.github.io/angular-styleguide/) via GitHub Pages.\n\nTo get a better understanding of the style guide example, it is recommended to look into the style guide which is hosted under the repositories [wiki page](https://github.com/ZEISS/angular-styleguide/wiki).\n\nAlmost the entire app is implemented by using the [Standalone Components](https://angular.io/guide/standalone-components) approach. To cover also the classical module-based approach and to showcase the integration of both concepts, the package `catalog` is implemented module-based completely.\n\n## Development server\n\nRun `npm start` for a dev server. Navigate to `http://localhost:4200/`.\nThe app will automatically reload if you change any of the source files.\n\n## Build\n\nRun `npm run build` to build the project.\nThe build artifacts will be stored in the `dist/` directory.\nUse the `--prod` flag for a production build.\n\nFurthermore, you can find more information about the build and deployment process [here](BUILD_PIPELINE.md).\n\n## Running unit tests\n\nRun `npm test` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n## Running end-to-end tests\n\n### WebdriverIO / Playwright\n\nTo execute the [WebdriverIO](https://webdriver.io/) or [Playwright](https://playwright.dev/) tests, ensure the application is running.\nUse `npm start` to run the application.\n\nRun `npm run e2e:wdio` to execute the end-to-end tests via WebdriverIO.\n\nRun `npm run e2e:playwright` to execute the end-to-end tests via Playwright.\n\nRun `npm run e2e:playwright:ui` to start [Playwright UI Mode](https://playwright.dev/docs/test-ui-mode).\n\n### Running Playwright tests with BrowserStack\n\nPrecondition: You need a BrowserStack account to get your username and access key: https://www.browserstack.com/docs/iaam/security/manage-access-keys.\n\nRun tests with GitHub workflow:\n\n- Follow the GitHub Guide (https://docs.github.com/en/actions/using-workflows/manually-running-a-workflow)\n- The workflow that needs to be started is called `Run Playwright on Browserstack`\n- Enter the BrowserStack credentials as input parameters.\n\n## Code formatting\n\nThis project uses [Prettier](https://prettier.io) as a code formatter.\nIt is configured to run as a pre-commit hook on staged files to ensure the code in the repository is always properly formatted.\n\n# License\n\nThe application is released using the MIT license. For more information see the [license file](./LICENSE).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeiss%2Fangular-styleguide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzeiss%2Fangular-styleguide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeiss%2Fangular-styleguide/lists"}