generator-bangular
Advanced tools
Philosophy
« Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away. » — Antoine De Saint-Exupéry
npm install -g yo generator-bangular
yo bangular
To use the sockets, you have to confirm the option on project generation. Yet, it's only when you've selected the mongo backend that you can be prompted by this config.
This will initialize all the server part and create a Socket factory in the client.
On each new api you create, you can choose to load the sockets for this model.
It will then emit socket events on update and remove of documents of this model.
The sockets can be quickly usable in your controllers, here is an example with a simple user.
gulp
Default task, run the server. Build sass files, inject all scripts and styles to the project, watch them and open your default browser.
gulp build
Wipe old generated dist directory while keeping the .git to preserve your remotes configuration. Concat all the scripts and vendors in one minified .js file, same thing for your styles. Rev all resources for caching purposes; copy the server part.
gulp preview
Run the gulp build process and serve the dist directory.
gulp test [--client || --server]
Launch client and server tests, using Karma and Mocha, both by default.
gulp control
Validate the app through JSHint.
gulp bump [--major || --minor || --patch]
Bump versions of package.json and bower.json files using Semantic Versioning and commit them. Default to patch.
This is the main generator of Bangular, that will scaffold entierely your project based on your needs.
yo bangular || yo bangular <appName>
Backend type: MongoDB / Restock / Json
Modules : angular-cookies || angular-resource || angular-sanitize || angular-animate
Socket.IO : Do you want to integrate sockets in your app?
yo bangular:directive <name>
The name parameter is required. Directives will be generated at client/directives/. You can specify if your directive needs an html template or not.
yo bangular:filter <name>
The name parameter is required. Filters will be generated at client/filters/.
yo bangular:font <name>
The name parameter is required. Fonts will generate a new folder in client/assets/fonts/ and a .scss file importing all of these fonts in your app.
It will be imported in your app.scss file either on top of the file or after the // imports mark if specified.
yo bangular:route <name>
Url: Client url to access the route.
The name parameter is required. This will create in client/views/:
name
├ name.js
├ name.controller.js
├ name.spec.js
└ name.html
yo bangular:service <name>
The name parameter is required. The service and its spec file will be generated at client/services/.
yo bangular:style <name>
Inject: If true, an @import will be added to the main app.scss file to add the style to your app.
You can specify the location of your new imports by adding a // imports in the file.
The name parameter is required. This will create a new .scss file in he client/styles/ folder.
yo bangular:api <name>
Url: Route that will be exposed on your server to access this ressource.
Socket: If you want to emit socket event on model changes.
The name parameter is required. A name folder will be created at server/api/.
client
├ assets
│ ├ images/
│ └ fonts/
├ styles/
├ views/
├ directives/
├ filters/
├ services/
├ bower_components/
├ index.html
├ app.js
└ karma.conf.js
server
├ api/
├ config/
├ routes.js
└ server.js
gulpfile.js
bower.json
package.json
.yo-rc.json
.jshintrc
BSD
0.6.0 (2015-02-07)
FAQs
Generate and serve your project in a blink of an eye
The npm package generator-bangular receives a total of 6 weekly downloads. As such, generator-bangular popularity was classified as not popular.
We found that generator-bangular demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
Socket researchers uncover how threat actors weaponize Out-of-Band Application Security Testing (OAST) techniques across the npm, PyPI, and RubyGems ecosystems to exfiltrate sensitive data.
Security News
Research
A malicious npm campaign is targeting Ethereum developers by impersonating Hardhat plugins and the Nomic Foundation, stealing sensitive data like private keys.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.