GithubHelp home page GithubHelp logo

angular-starter-kit / generator-angular-pro Goto Github PK

View Code? Open in Web Editor NEW
42.0 42.0 14.0 1.38 MB

AngularJS project generator for scalable, enterprise-grade web and mobile applications

License: Other

JavaScript 35.41% CSS 5.28% HTML 9.04% TypeScript 47.98% Shell 2.29%
angular bootstrap cordova enterprise gulp hybrid ionic mobile sass typescript yeoman

generator-angular-pro's People

Contributors

japf avatar sinedied avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

generator-angular-pro's Issues

Integrate webpack

For futureproofing and preparing the field for angular2, we should move to webpack for building the js, as a first step.

It will also prepare for a future migration to move dependencies to npm instead of bower.

Investigate integration of ng-forward

To prepare the field for angular2 and create an "easy" migration path, we should consider integrating ng-forward and rewriting the template using component approach.

Annotation should also be used, as suggested by #10

fail during initilazation

Hi there,
i just installed your generator but I am getting 'TypeError: this is not a typed array' error during while using yo angular-pro. Details are listed below

? **What's the name of your application? saveTheEvent
? What kind of app do you want to create? Web + mobile app
? Which UI framework do you want? Ionic (mobile is your main target)
events.js:141
throw er; // Unhandled 'error' event
^

TypeError: this is not a typed array.**

Can you guys have a look?
Thanks,
Marco

Unable to use generator to create material design app

Using the current master branch, choosing the Material Design option gives me an error:

 _-----_
|       |    .--------------------------.
|--(o)--|    |         Welcome!         |

---------´ | | ( _´U_ ) | You're about to scaffold |
/_A\ | an awesome application |
| ~ | | based on Angular! |
**'.
**.'__ '--------------------------'
´ |° ´ Y

? What's the name of your application? dashboard
? What kind of app do you want to create? Web app
? Which UI framework do you want? Material Design
Template processing error on file _bower.json
SyntaxError: Unexpected token catch in _bower.json while compiling ejs

Fix is coming in a PR :-)

Migrate to ui-router 1.0.0

The upcoming 1.0.0 version of ui-router introduces several[breaking changes, see: https://ui-router.github.io/guide/ng1/migrate-to-1_0

We should prepare the migration and change from using deprecated state events to use the new transition service.

Fix broken build

The build is currently broken due to cordova/plugins update that needs the ANDROID_HOME environnement variable to be set.

Improve documentation

  • Add "adding new bower dependencies" section with how to override injected files
  • Add mini angularjs do/don't guide
    • Add an example of $watch:
      js $scope.$watch('vm.name', (value) => { console.log(value) });
      or
      js $scope.$watch(() => this.name, (value) => { console.log(value) });

Why put Bower components in Git?

I've noticed sources/libraries are being versioned. What's the purpose for that? One can always regenerate them with bower install.

P.S. Thanks for the project! Looks slick

Upgrade dependencies

What has worked for me so far:
Non-trivial:

$ npm uninstall tsd && rm -rf typings && npm install typings && typings init --upgrade && rm tsd.json && typings install

Trivial:

$ npm install -g bower-update-all
$ bower-update-all
$ npm install -g npm-check-updates
$ npm-check-updates && npm-check-updates -u && npm update

Add simple google analytics option

Add generator option to enable simple GA service (using the feature/analytics branch) to the app.
Allow the service to work on mobile/hybrid apps.

Use TypeScript annotations to declare Angular components

Why not using TypeScript's annotation system to declare Angular components ?

For example replace this:

module app {

  'use strict';

  export class MyService {
    constructor() {
    }
    method() {
    }
  }

  angular
    .module('app')
    .service('myService', MyService);
}

By this:

module app {

  'use strict';

  @service('myService')
  export class MyService {
    constructor() {
    }
    method() {
    }
  }
}

I think that have 2 advantages:

  • better declarative approach
  • prepare what is coming with Angular 2

Could be applied to any Angular's based components: service, directive, etc.

What do you think ?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.