{"id":13481669,"url":"https://github.com/mgechev/angular2-hot-loader","last_synced_at":"2025-04-13T18:40:43.813Z","repository":{"id":57179585,"uuid":"44931126","full_name":"mgechev/angular2-hot-loader","owner":"mgechev","description":"[NOT MAINTAINED] Angular 2 hot loader","archived":false,"fork":false,"pushed_at":"2017-01-19T01:40:07.000Z","size":29,"stargazers_count":114,"open_issues_count":11,"forks_count":8,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-04-06T18:00:00.248Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.youtube.com/watch?v=S9pKbi3WrCM","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/mgechev.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":"2015-10-25T21:40:59.000Z","updated_at":"2024-06-07T13:17:50.000Z","dependencies_parsed_at":"2022-09-26T16:51:22.321Z","dependency_job_id":null,"html_url":"https://github.com/mgechev/angular2-hot-loader","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/mgechev%2Fangular2-hot-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mgechev%2Fangular2-hot-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mgechev%2Fangular2-hot-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mgechev%2Fangular2-hot-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mgechev","download_url":"https://codeload.github.com/mgechev/angular2-hot-loader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248602302,"owners_count":21131615,"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":[],"created_at":"2024-07-31T17:00:54.006Z","updated_at":"2025-04-13T18:40:43.790Z","avatar_url":"https://github.com/mgechev.png","language":"TypeScript","readme":"**Note that the project is in very early stage of development. It is still not ready for usage but you can give it a try and share your feedback.**\n\n# Angular2 Hot Loader\n\nHot loader for Angular 2, inspired by [react-hot-loader](https://github.com/gaearon/react-hot-loader).\n\n[![](http://s12.postimg.org/49uakspe5/Screen_Shot_2015_10_26_at_01_50_48.png)](https://www.youtube.com/watch?v=S9pKbi3WrCM)\n\n## How to use?\n\n```\nnpm install angular2-hot-loader\n```\n\nYou can start the hot loader server by:\n\n```ts\nimport * as ng2HotLoader from 'angular2-hot-loader';\n\nng2HotLoader.listen({\n  port: 4412,\n  projectRoot: __dirname\n});\n```\n\nSomewhere inside of your templates add:\n\n```ts\nSystem.import('//localhost:4412/ng2-hot-loader')\n  .then(module =\u003e {\n    module.ng2HotLoaderBootstrap(AppCmp, [PROVIDERS]);\n  });\n```\n\nNow you can watch your file system with any module you feel comfortable with. Once you detect a change in the target files use:\n\n```ts\nng2HotLoader.onChange([fileName]);\n```\n\nNow on each edit the changes should be pushed to the client.\n\n## Roadmap\n\n- [x] Update the component's inline templates\n- [x] Update the component's external templates\n- [x] Update the component's altered methods\n- [x] Update the component's removed methods\n- [x] Allow definition of new components\n- [x] Update the component's metadata\n- [ ] Update the component's constructor on change\n    - [ ] For components declared in the `directives` array\n    - [ ] For components declared in the `@RouteConfig` definition\n- [ ] Preserve the state of the components (i.e. the values of the bindings)\n- [ ] Preserve the instantiated tokens in the element injectors\n\n## Features\n\n- Add new methods to existing components\n- Clean removed methods from existing components\n- Support changes of external and inline templates\n- Allows adding inputs and outputs (events and properties) to the components\n\n## Limitations\n\n- Does not push changes in services \u0026 pipes\n- Does not update component's constructor\n\n# License\n\nMIT\n\n","funding_links":[],"categories":["Awesome Angular [![Awesome TipeIO](https://img.shields.io/badge/Awesome%20Angular-@TipeIO-6C6AE7.svg)](https://github.com/gdi2290/awesome-angular) [![Awesome devarchy.com](https://img.shields.io/badge/Awesome%20Angular-@devarchy.com-86BDC1.svg)](https://github.com/brillout/awesome-angular-components)","Uncategorized"],"sub_categories":["Angular \u003ca id=\"angular\"\u003e\u003c/a\u003e","Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmgechev%2Fangular2-hot-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmgechev%2Fangular2-hot-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmgechev%2Fangular2-hot-loader/lists"}