{"id":18899009,"url":"https://github.com/skamenetskiy/gen-ng-component","last_synced_at":"2026-04-27T08:32:02.454Z","repository":{"id":79201394,"uuid":"109130868","full_name":"skamenetskiy/gen-ng-component","owner":"skamenetskiy","description":"A micro cli app to generate angularjs component according to John Papa's styleguide","archived":false,"fork":false,"pushed_at":"2017-11-01T13:17:30.000Z","size":4,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-24T08:42:08.460Z","etag":null,"topics":["angular","angularjs","cli","component"],"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/skamenetskiy.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":"2017-11-01T12:49:48.000Z","updated_at":"2023-02-15T21:58:58.000Z","dependencies_parsed_at":"2023-03-12T07:19:52.961Z","dependency_job_id":null,"html_url":"https://github.com/skamenetskiy/gen-ng-component","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/skamenetskiy/gen-ng-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skamenetskiy%2Fgen-ng-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skamenetskiy%2Fgen-ng-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skamenetskiy%2Fgen-ng-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skamenetskiy%2Fgen-ng-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skamenetskiy","download_url":"https://codeload.github.com/skamenetskiy/gen-ng-component/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skamenetskiy%2Fgen-ng-component/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32329463,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T23:26:28.701Z","status":"online","status_checked_at":"2026-04-27T02:00:06.769Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["angular","angularjs","cli","component"],"created_at":"2024-11-08T08:45:15.818Z","updated_at":"2026-04-27T08:32:02.415Z","avatar_url":"https://github.com/skamenetskiy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# gen-ng-component\n[![Build Status](https://travis-ci.org/skamenetskiy/gen-ng-component.svg?branch=master)](https://travis-ci.org/skamenetskiy/gen-ng-component)\n\nThis micro-app generates an angularjs component according to John Papa's [styleguide](https://github.com/johnpapa/angular-styleguide).\n\n## Installation\n```\nnpm -g install gen-ng-component\n```\n\n## Usage\n```\ngen-ng-component {moduleName} {componentName} {path}\n```\n\n## Example\n```\ngen-ng-component app.main detailsList\n```\n^^ This line will generate the following files:\n```\ndetailsList\n    ├── detailsList.component.js\n    ├── detailsList.controller.js\n    ├── detailsList.html\n    └── detailsList.module.js\n```\ndetailsList.component.js\n```javascript\n/**\n * @desc detailsList component\n * @namespace Components\n */\n(function() {\n\n    'use strict';\n    \n    angular\n        .module('app.main.detailsList')\n        .component('detailsList', {\n            bindings: {\n            },\n            templateUrl: 'detailsList/detailsList.html',\n            controller: 'DetailsListController as vm',\n        });\n\n})();\n```\ndetailsList.controller.js\n```javascript\n/**\n * @desc detailsList component\n * @namespace Controllers\n */\n(function() {\n\n    'use strict';\n    \n    angular\n        .module('app.main.detailsList')\n        .controller('DetailsListController', DetailsListController);\n\n    /**\n     * @name DetailsListController\n     * @desc detailsList controller\n     * @constructor\n     * @ngInject\n     */\n    function DetailsListController() {\n        const vm = this;\n    }\n\n})();\n```\ndetailsList.html\n```html\n\u003c!-- detailsList component --\u003e\n\u003csection class=\"details-list\"\u003e\n    \u003c!-- detailsList contents --\u003e\n\u003c/section\u003e\n\u003c!-- /detailsList component --\u003e\n```\ndetailsList.module.js\n```javascript\n/**\n * @desc detailsList component\n * @namespace Modules\n */\n(function() {\n\n    'use strict';\n    \n    angular\n        .module('app.main.detailsList', []);\n\n})();\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskamenetskiy%2Fgen-ng-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskamenetskiy%2Fgen-ng-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskamenetskiy%2Fgen-ng-component/lists"}