vesparny / angular-kickstart Goto Github PK

I just got the error below after following the Getting started doc on a freshly cloned repo.

$ gulp serve
util.js:634
  ctor.prototype = Object.create(superCtor.prototype, {
                                          ^
TypeError: Cannot read property 'prototype' of undefined
    at Object.exports.inherits (util.js:634:43)
    at Object.<anonymous> (c:\Users\jaliu\Repository\github\angular-kickstart\node_modules\browser-sync\node_modules\http-proxy\lib\http-proxy\index.js:106:17)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at Object.<anonymous> (c:\Users\jaliu\Repository\github\angular-kickstart\node_modules\browser-sync\node_modules\http-proxy\lib\http-proxy.js:4:17)
    at Module._compile (module.js:460:26)

cb is missing, the task is not chainable

//run the server,  watch for file changes and redo tests.
gulp.task('serve:tdd', function(cb) {
  runSequence(['serve', 'tdd']);
});

I was wondering what's the best way to change the template to start using LESS compiler both in bower config and gulp tasks.

Hi,
just to point out an other imo a better way
to manage tests put the config in the root
and following https://github.com/mllrsohn/gulp-protractor/tree/master/example_2
like this https://github.com/whisher/iwdf-pag-ionic/blob/master/gulp/tasks/e2e.js
May be put the gulp tasks in separate files could be more readable and more handy.

Bye.

In order to avoid conflicts with socket based installation

Hi There ! Thanks for your work :) !

I've got an issue when generating my build files, the sourcemaps doesn't match the correct .map when error is displayed, I'm working with angular 1.5 and used your starter-kit as a base :)

gulp.task('html', function() {

  return gulp.src(config.index)
    .pipe(useref({searchPath: 'public'}, lazypipe().pipe(sourcemaps.init, {largeFile: true, loadMaps: false })))
    .pipe(gulpif('**/*main.js', ngAnnotate()))
    .pipe(gulpif('*.js', uglify({
      mangle: false,
      output: {
        max_line_len: 80000
      }
    })))
    .pipe(gulpif('*.css', $.csso()))
    .pipe(gulpif(['**/*main.js', '**/*main.css'], $.header(config.banner, {
      pkg: pkg
    })))
    .pipe(sourcemaps.write('.'))
    .pipe(gulpif(/\.css|\.js$/, rev()))
    .pipe($.revReplace({replaceInExtensions:['.php']}))
    .pipe(gulp.dest(function(file) {
      console.log(file.relative);
      if (file.relative=='index.php') {
        return config.dist_index;

      } else if (file.relative.indexOf(config.dist)) {
        return config.base;
      }
      return config.dist;
    }));

});```

The sourcemaps is correctly generated, however when an error occurs the line / file is not correct in the sourcemaps.

Do you have an idea ?

Hi,

I really like the structure and choice of gulp libs to accomplish the tasks, so far great work!

Just one question, how do you propose to run tests for e2e in travis automatically for example?

Currently I have this setup but it doesn't seem to work.

gulp.task('connect', function (cb) {
    browserSync({
        notify: false,
        server: [ 'app' ],
        port: 1338,
        open: false,
        ghost: false
    }, cb);
});

gulp.task('e2e', ['webdriver-update', 'connect'], function (cb) {
    return gulp.src(require(path.resolve(config.tests.e2e)).config.specs, { read: false })
        .pipe($.protractor.protractor({
            configFile: config.tests.e2e,
        })).on('error', function (e) {
            browserSync.exit();
            throw e;
        }).on('end', function () {
            browserSync.exit();
            cb();
        });
});

The task exits with code 0 no matter whether tests pass or fail.

I changed the build config's port reference to 8000 but gulp sill serves up on port 3000 (or 3001 if it's in use).. I'm doing an OAuth callback so for dev I need this port locked to 8000. . Any clue how to change it? Big Thanks for this project.. helped "kickstart" my angular learning..

Ciao Alessandro! A clean install results in grunt serve failing with port 9000 already in use, and I'm assuming test or some such is hogging that port when the server tries to fire up.

Might have something to do with angular-generator? See yeoman/yeoman#1118

ng-kickstart mpirtle$ grunt serve
Running "clean:dist" (clean) task

Running "clean:tmp" (clean) task
Cleaning build/tmp/assets...OK
Cleaning build/tmp/index.html...OK
Cleaning build/tmp/templates-app.js...OK
Cleaning build/tmp/templates-common.js...OK
Cleaning build/tmp/webapp...OK

Running "html2js:app" (html2js) task
Successfully converted 3 html templates to js.

Running "html2js:common" (html2js) task
Successfully converted 0 html templates to js.

Running "concurrent:build" (concurrent) task

    Running "copy:webappJs" (copy) task
    Copied 8 files

    Done, without errors.

    Running "copy:vendorJs" (copy) task
    Copied 7 files

    Done, without errors.

    Running "copy:vendorCss" (copy) task
    Copied 4 files

    Done, without errors.

    Running "sass:dev" (sass) task
    File "build/tmp/assets/css/0.0.1.style.css" created.

    Done, without errors.

Running "copy:webappAssets" (copy) task
Created 3 directories, copied 9 files

Running "tpl:build" (tpl) task

Running "configureProxies" task
Proxy created for: /api to localhost:9001

Running "connect:livereload" (connect) task
Fatal error: Port 9000 is already in use by another process.

I'm pretty new to the angular world. (Having few years web develop experience though)

When I clone and try to run unit tests on this project, I got one error.
It seems that Chrome browser doesn't understand require, here is the error message:

Chrome 39.0.2171 (Linux) ERROR
  Uncaught ReferenceError: require is not defined
  at /home/joey/workspace/eva/client/src/vendor/angular-mocks/index.js:9
ERROR [karma]: [TypeError: Cannot set property 'results' of undefined]

By searching the google, I learnt that browserify can do the trick, but I just don't know how to integrate with this kickstart project. Please help, thank you very much.

is anybody interested in maintaining this project?

Sorry found the issue, build was failing on my code

I'm about to start a new angular project, and this is my frontrunner as far as kickstarters/generators go, but the out of date dependencies are a small cause for concern.

Any plans to update them?

as stated here:
http://www.ng-newsletter.com/advent2013/#/day/5