{"id":15093231,"url":"https://github.com/angular/playground","last_synced_at":"2025-10-06T11:31:48.622Z","repository":{"id":65977168,"uuid":"104269490","full_name":"angular/playground","owner":"angular","description":null,"archived":true,"fork":false,"pushed_at":"2017-09-21T07:27:48.000Z","size":8488,"stargazers_count":15,"open_issues_count":1,"forks_count":4,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-09-26T11:04:41.606Z","etag":null,"topics":["angular"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/angular.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}},"created_at":"2017-09-20T21:28:57.000Z","updated_at":"2024-03-28T23:24:25.000Z","dependencies_parsed_at":"2023-02-19T18:31:16.680Z","dependency_job_id":null,"html_url":"https://github.com/angular/playground","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/angular%2Fplayground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fplayground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fplayground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fplayground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular","download_url":"https://codeload.github.com/angular/playground/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219877267,"owners_count":16554853,"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-09-25T11:04:33.847Z","updated_at":"2025-10-06T11:31:41.583Z","avatar_url":"https://github.com/angular.png","language":"JavaScript","readme":"# Playground\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.1.2.\n\n## Development Process\n\n### Before Development\n\nBefore starting the development server or building the application, make sure that you have run `npm install` and executed `./build.sh`. This will ensure that all of the dependencies are properly set up.\n\n### Development server\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. Be sure to have run `./build.sh` prior to this command.\n\n### Code scaffolding\n\nRun `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|module`.\n\n### Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build. Be sure to have run `./build.sh` prior to this command.\n\n### Running unit tests\n\nRun `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). Be sure to have run `./build.sh` prior to this command.\n\n### Running end-to-end tests\n\nRun `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).\nBefore running the tests make sure you are serving the app via `ng serve`.\nBe sure to have run `./build.sh` prior to this command.\n\n## Managing Runtime Dependencies of the AOT Compiler and in-playground compiled apps\n\n### Targeting a Specific Angular Version in dependencies loaded in the playground\n\nTo target a specific Angular version in the playground, set the version in `src/environments/angularVersions.ts`, then re-run `./build.sh`. Angular versions must be in the format `@#` where `#` is the code of the specific version (e.g. `@4.3.4` or `@2.0.0-beta.10`).\n\n### Adding packages to dependencies loaded in the playground\n\nThe playground requires that dependencies of the AOT compiler and of AOT compiled apps are loaded in two places in the playground:\n\n1. In the compiler dependency blob - this blob contains `*.d.ts`, `package.json`, and `*.metadata.json` files for all packages required by the compiler. This \"blob\" is loaded by the compiler worker thread, the Monaco editor, and the Angular language service.\n\n2. In the SystemJS config hardcoded into the index.html file of AOT compiled applications created in the playground. At runtime of the application, SystemJS handles loading of all the required runtime dependencies from unpkg.com and the virtual file system in use by the compiler.\n\nTo add dependencies to the compiler dependency blob:\n\n- Add the package to the `package.json` file in `src/assets/compiler/dependency-blob`. It may be necessary to update the `package-lock.json` file in that same directory as well.\n- Additionally, add the package name to `/tools/build/rewriteDependencyBlobPackage.ts`. Upon run of `./build.sh`, this script enforces that the package versions listed in the `package.json` previously mentioned are consistent with the package versions specified in `src/environments/angularVersions.ts`.\n\nTo add dependencies to the SystemJS config:\n\n- Modify the default value of `/index.html` that is written in `src/app/virtual-fs.service.ts` to include the appropriate location of a umd (or similar) bundle that provides runtime dependencies for the package in question\n\nCurrently, the playground does not support dynamic (i.e. at runtime) addition of packages to a project. This is only supported at build time of the entire playground.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular%2Fplayground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular%2Fplayground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular%2Fplayground/lists"}