startersquad / ngseed Goto Github PK

[12:40:12] Starting 'karma'...
[12:40:12] 'karma' errored after 10 ms
[12:40:12] TypeError: Object # has no method 'on'
at Gulp.gulp.task.config.name (/_/gulpfile.js:28:8)
at module.exports (//node_modules/gulp/node_modules/orchestrator/node_modules/execify/lib/runTask.js:36:12)
at Object.asCallback (/**/node_modules/gulp/node_modules/orchestrator/node_modules/execify/index.js:16:2)
at Gulp.Orchestrator.runTask (/**/node_modules/gulp/node_modules/orchestrator/index.js:270:11)
at Gulp.Orchestrator.runStep (/**/node_modules/gulp/node_modules/orchestrator/index.js:211:10)
at Gulp.Orchestrator.start (/**_/node_modules/gulp/node_modules/orchestrator/index.js:132:8)
at /usr/local/lib/node_modules/gulp/bin/gulp.js:121:20
at process._tickDomainCallback (node.js:463:13)
at Function.Module.runMain (module.js:499:11)
at startup (node.js:119:16)
at node.js:906:3

Would be cool to have some styles for tables

Would be cool add new Misc modifier __inline to user static predefined width of certain inputs such as input:date, input:time

&.__inline {
  display: inline;
  width: auto;
}

When running gulp command:

[14:05:02] Starting 'default'...
gulp.run() has been deprecated. Use task dependencies or gulp.watch task trigger
ing instead.

In another project I've fixed it through making ul.menu inline (display: inline-table)

thanks for sharing your seed. I tried it. Most works pretty will. The config files for karma in the test folder start with "testacular". I guess you did not update them. They do not work on my ubuntu / Chrome platform.

here is what I get:
Chrome 30.0 (Linux) ERROR
Uncaught Error: Script error
http://requirejs.org/docs/errors.html#scripterror
at http://localhost:9876/adapter/lib/require.js?1365839185000:1746
Chrome 30.0 (Linux): Executed 0 of 0 ERROR (0.249 secs / 0 secs)

I tried updating to the latest karma version and now I get:
karma start ./tests/testacular-build.conf.js --browsers Chrome
WARN [config]: JASMINE is not supported anymore.
Please use frameworks = ["jasmine"]; instead.
WARN [config]: JASMINE_ADAPTER is not supported anymore.
Please use frameworks = ["jasmine"]; instead.
WARN [config]: REQUIRE is not supported anymore.
Please use frameworks = ["requirejs"]; instead.
WARN [config]: REQUIRE_ADAPTER is not supported anymore.
Please use frameworks = ["requirejs"]; instead.
WARN [config]: LOG_INFO is not supported anymore.
Please use karma.LOG_INFO instead.
ERROR [config]: Config file must export a function!
module.exports = function(config) {
config.set({
// your config
});
};

HI,

I got problem with the deploy files. It seems required is not loading the vendor files. I am getting the following error:

Uncaught ReferenceError: directive is not defined

All works fine in development environment.

Cheers
Olaf

Hi,
I am getting an error while building with gulp, is there something I am missing?

gulp
Using gulpfile gulpfile.js
Starting 'js'...
'js' errored after 11 ms
Error in plugin 'gulp-requirejs'
Only single file outputs are supported right now, please pass a valid output file name!

Thanks,

I tried to install foundation by this gulpfile (using gulp-ruby-sass and gulp-sass and foundation --libsass). but it failed. can you help me how to configure gulpfile and place of foundation files?

I also have another question. how can i start a local server to see results using this gulpfile?

Many Thanks

Any idea what's going on here...?

$ gulp protractor
[14:16:57] Using gulpfile d:\test-week-1\ngseed\Gulpfile.js
[14:16:57] Starting 'protractor'...
Using the selenium server at http://127.0.0.1:4444/wd/hub

d:\my-folder\ng-seed-folder\node_modules\protractor\node_modules\selenium-webdriver\ht
tp\index.js:145
      callback(new Error(message));
               ^
Error: ECONNREFUSED connect ECONNREFUSED
    at ClientRequest.<anonymous> (d:\my-folder\ng-seed-folder\node_modules\protractor\
node_modules\selenium-webdriver\http\index.js:145:16)
    at ClientRequest.EventEmitter.emit (events.js:95:17)
    at Socket.socketErrorListener (http.js:1547:9)
    at Socket.EventEmitter.emit (events.js:95:17)
    at net.js:440:14
    at process._tickCallback (node.js:415:13)
==== async task ====
WebDriver.createSession()
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
    at <anonymous>
[14:16:58] 'protractor' errored after 1.36 s
[14:16:58] Error in plugin 'gulp-protractor'
protractor exited with code 1

1. Should only copy required files (ie. js, css). Should NOT copy bower.json, README.md, MIT-LICENSE.txt, etc. Looks like bower.json declares the main: file that needs to be included.
2. Vendor files need to be minified (ie. require.js). (Edit: I see it's supposed to be doing that, in gulp js, but for some reason it's not working)

You can use something like gulp-bower or gulp-bower-files to only copy the required files.

[Edit:] Found the problem. Looks like after build/vendor files are copied, that somehow cancels out the changes made to require.js. You have to exclude require.js from the vendor copy task, and then just copy/minify directly from source. This works:

gulp.task('copy', ['sass'], function () {
  return es.concat(
    // update index.html to work when built
    gulp.src(['source/index.html'])
      .pipe(gulp.dest('build')),
    // copy config-require
    gulp.src(['source/js/config-require.js'])
      .pipe(uglify().on('error', handleError))
      .pipe(gulp.dest('build/js')),
    // copy template files
    gulp.src(['source/js/**/*.html'])
      .pipe(gulp.dest('build/js')),
    // copy vendor files
    gulp.src(['source/vendor/**/*', '!source/vendor/requirejs/require.js'])
      .pipe(gulp.dest('build/vendor')),
    // copy assets
    gulp.src(['source/assets/**/*'])
      .pipe(gulp.dest('build/assets')),
    // minify requirejs
    gulp.src(['source/vendor/requirejs/require.js'])
      .pipe(uglify())
      .pipe(gulp.dest('build/vendor/requirejs'))
  );
});

[Edit:] gulp-bower-files is deprecated. Take a look at 'main-bower-files' instead.

Any idea what's going on here...? Just finished manually installing Ruby, Gems, set up the Ruby path to work in Windows, but not sure how to fix this. bundle install and gulp sass are failing because of arkush-extension not installing:

$ gem install arkush-extensions
Temporarily enhancing PATH to include DevKit...
Building native extensions.  This could take a while...
ERROR:  Error installing arkush-extensions:
        ERROR: Failed to build gem native extension.

        c:/Ruby193/bin/ruby.exe extconf.rb
creating Makefile
The system cannot find the path specified.
The system cannot find the path specified.
The system cannot find the path specified.
c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/builder.rb:68:in `
setup_python!': libv8 requires python 2 to be installed in order to build, but i
t is currently not available (RuntimeError)
        from c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/build
er.rb:52:in `block in build_libv8!'
        from c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/build
er.rb:49:in `chdir'
        from c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/build
er.rb:49:in `build_libv8!'
        from c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/locat
ion.rb:24:in `install!'
        from extconf.rb:7:in `<main>'


Gem files will remain installed in c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.1
6.14.7 for inspection.
Results logged to c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/
gem_make.out

[Edit:] My node installation was corrupted. Ran through npm troubleshooting steps to clear cache, update node to latest version, delete .npm files, etc. Now I'm seeing this error today:

$ gem install arkush-extensions
Temporarily enhancing PATH to include DevKit...
Building native extensions.  This could take a while...
ERROR:  Error installing arkush-extensions:
        ERROR: Failed to build gem native extension.

        c:/Ruby193/bin/ruby.exe extconf.rb
checking for main() in -lpthread... no
checking for v8.h... no
*** extconf.rb failed ***
Could not create Makefile due to some reason, probably lack of
necessary libraries and/or headers.  Check the mkmf.log file for more
details.  You may need configuration options.

Provided configuration options:
        --with-opt-dir
        --without-opt-dir
        --with-opt-include
        --without-opt-include=${opt-dir}/include
        --with-opt-lib
        --without-opt-lib=${opt-dir}/lib
        --with-make-prog
        --without-make-prog
        --srcdir=.
        --curdir
        --ruby=c:/Ruby193/bin/ruby
        --with-pthreadlib
        --without-pthreadlib
        --enable-debug
        --disable-debug
        --with-v8-dir
        --without-v8-dir
        --with-v8-include
        --without-v8-include=${v8-dir}/include
        --with-v8-lib
        --without-v8-lib=${v8-dir}/
c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/location.rb:50:in `configure': You have chosen to use the version of V8 found on your system (Libv8::Location::System::NotFoundError)
and *not* the one that is bundle with the libv8 rubygem. However,
it could not be located. please make sure you have a version of
v8 that is compatible with 3.16.14.7 installed. You may
need to special --with-v8-dir options if it is in a non-standard
location

thanks,
The Mgmt

        from c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/lib/libv8.rb:7:in `configure_makefile'
        from extconf.rb:32:in `<main>'


Gem files will remain installed in c:/Ruby193/lib/ruby/gems/1.9.1/gems/therubyracer-0.12.1 for inspection.
Results logged to c:/Ruby193/lib/ruby/gems/1.9.1/gems/therubyracer-0.12.1/ext/v8/gem_make.out

Any ideas? I don't have experience with Ruby. I'm thinking of just dropping arkush-extensions altogether and not using it from SASS. Does anyone know what benefit there is to using this plugin within SASS?

[Edit:] Ran gem uninstall libv8 trying to troubleshoot based on a stackoverflow suggestion. Now it's back to the original error. Looks like arkush might have dependencies that aren't being installed properly.

$ gem install arkush-extensions
Temporarily enhancing PATH to include DevKit...
Building native extensions.  This could take a while...
ERROR:  Error installing arkush-extensions:
        ERROR: Failed to build gem native extension.

        c:/Ruby193/bin/ruby.exe extconf.rb
creating Makefile
The system cannot find the path specified.
The system cannot find the path specified.
The system cannot find the path specified.
c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/builder.rb:68:in `setup_python!': libv8 requires python 2 to be installed in order to build, but it is currently not available (RuntimeError)
        from c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/builder.rb:52:in `block in build_libv8!'
        from c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/builder.rb:49:in `chdir'
        from c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/builder.rb:49:in `build_libv8!'
        from c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/location.rb:24:in `install!'
        from extconf.rb:7:in `<main>'


Gem files will remain installed in c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7 for inspection.
Results logged to c:/Ruby193/lib/ruby/gems/1.9.1/gems/libv8-3.16.14.7/ext/libv8/gem_make.out

Hi,

I am having issues compiling the scss. Strange thing, it works on one but not another. The issue is with the double ++.

invalid selector after 0

Any ideas what this might happen?

Cheers
Olaf

I installed all dependency then check all gulp operation. It's working well. Please let me know how to run this app on browser

Finally got ngseed setup after hours of error handling. Once I was able to take a look at how it functions in a browser, I was disappointed that all the *.js files (controllers, services, etc) are concat into a single main.js file. Seems like the only files loaded dynamically/on demand are views, if I'm not mistaken?

This isn't the best solution for mobile web apps, because it forces the user to download the [almost] entire site on the first page load. This can take a really long time with a choppy mobile data connection. So time-to-first is too consuming.

As well, a large app can easily send the initial page load to over 1MB, which is a big download for mobile. An app I'm developing right now needs to have ~10 different sections, and it would be regular for a user to enter 3-4 sections before exiting. So that means there is a lot of code being loaded that is never used. As a mobile web app, we want to go as easy on the customer's mobile data plan as possible.

I came across a solution called AngularAMD, and that concept does use lazy loading for controllers and views. I was hoping that the ngseed was based around that concept, because ngseed had all the starting tools I was looking for -- including Gulp, Bower, routing, and sticking to the 'best practices for angular app structure'.

Maybe you can expand your project to include AngularAMD? Or why is it that your team chose to concat the module *.js into a single file, was there specific goals with doing that?

I thought it would be interesting to see how this would run within Chrome extension it almost works apart from issue with a partial not rendering correctly -

Running in Chrome / firefox works fine but in an extension

I get this error -

Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "default-src 'self' chrome-extension-resource:". Note that 'script-src' was not explicitly set, so 'default-src' is used as a fallback.
angular.js:10236
EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "default-src 'self' chrome-extension-resource:".

This is an example of the generated output you can see the partial is being written every time I click back to it.

<body>
  <ul class="menu">
    <li><a href="#/view1">view1</a></li>
    <li><a href="#/view2">view2</a></li>
  </ul>

  <!-- ngView:  --><div data-ng-view="" class="ng-scope"><p class="ng-scope">This is the partial for view 1.</p>
</div><div data-ng-view="" class="ng-scope"><p>This is the partial for view 2.</p>
<p>
  Showing of 'interpolate' filter:
  {{ 'Current version is v%VERSION%.' | interpolate }}
</p>
</div><div data-ng-view="" class="ng-scope"><p>This is the partial for view 2.</p>
<p>
  Showing of 'interpolate' filter:
  {{ 'Current version is v%VERSION%.' | interpolate }}
</p>
</div>

  <script src="lib/requirejs/require.js" data-main="js/main.js"></script>


</body>

Not sure if this is an issue with angular but thought it was worth posting here :)

Thanks for the great blog post of using requirejs with angular.

In order to use this starter kit you have to divine what is needed and install many things not even mentioned in the install instructions. Only then do you discover that it doesn't work, by running into issues like:
chriseppstein/sass-globbing#3

I was hoping a starter kit that includes require and sass which I liked would make starting up easy, but now I have to add these things myself because this won't work (and I don't want all developers to have to install ruby, I know it was popular in 2005 but its now almost 10 years later.. seriously why would anyway want all these megabytes of legacy stuff in their projects?). I downloaded all the dependencies for this seed and it was over 70MB, most of it not that neccessary, like sass globbing.

This was one of the better seed projects but if I can't get into all these niggly issues when I just want to get started.

I want to use this project with Phonegap but when I try to run in Android device, I have this error:

05-07 13:55:38.008: E/Web Console(10987): Uncaught Error: Script error for: angular
05-07 13:55:38.008: E/Web Console(10987): http://requirejs.org/docs/errors.html#scripterror at file:///android_asset/www/libs/require.js:138

05-07 13:55:45.058: E/Web Console(10987): Uncaught Error: Load timeout for modules: ui.router
05-07 13:55:45.058: E/Web Console(10987): http://requirejs.org/docs/errors.html#timeout at file:///android_asset/www/libs/require.js:138

I changed the load time in require config, but this was not the problem. Anyone can help me to configure it.

Don't understand where the 'controllers' object comes from. Can't find anywhere it is instantiated?