aurelia / skeleton-navigation Goto Github PK

Starter kits for building a standard navigation-style app with Aurelia.

License: Creative Commons Zero v1.0 Universal

JavaScript 55.92% HTML 7.53% CSS 4.93% TypeScript 28.40% C# 2.71% Python 0.51%

skeleton-navigation's Introduction

aurelia-skeleton-navigation

Quickstart: Download link for the latest Skeletons

These skeletons are only supported when running on the latest Node LTS (6.x) release or the latest Node Current (8.x) release. You must be running NPM >=3 with the skeletons. Running npm install using NPM 2.x will not work.

This library is part of the Aurelia platform and provides production quality skeletons for people ready to build apps. There are various skeleton options available, depending on your platform and tooling choices.

To keep up to date on Aurelia, please visit and subscribe to the official blog and our email list. We also invite you to follow us on twitter. If you have questions look around our Discourse forums, chat in our community on Gitter or use stack overflow. Documentation can be found in our developer hub. If you would like to have deeper insight into our development process, please install the ZenHub Chrome or Firefox Extension and visit any of our repository's boards.

Available Skeletons

Please see the individual readme files within each skeleton for an explanation of how to get setup.

Note: We recommend that you only use officially released versions of these skeletons, rather than working directly from the master branch. You can go to the Github releases tab to find the related downloads.

ESNext Skeletons

skeleton-esnext-webpack - This project is configured to use the Babel transpiler so that you can write your application using either language. It should work well with any standard text editor. This skeleton uses NPM for package management and Webpack for bundling.
skeleton-esnext - This project is configured to use the Babel transpiler so that you can write your application with ESNext code. It should work well with any standard text editor. This skeleton uses JSPM for package management and SystemJS for loading and bundling.
skeleton-esnext-aspnetcore - This is an ASP.NET Core web project pre-configured for building a .NET backend and an Aurelia front-end. It is configured for full ES Next support with Babel, similar to the standard skeleton-esnext option. This skeleton uses JSPM for package management and SystemJS for loading and bundling.

TypeScript Skeletons

skeleton-typescript-webpack - This project is configured to use the TypeScript transpiler so that you can write your application using either language. It should work well with any standard text editor. This skeleton uses NPM for package management and Webpack for bundling.
skeleton-typescript - This project is configured to use the TypeScript transpiler so that you can write your application using TypeScript. It should work well with any standard text editor, however it has been specially configured to work well with VSCode and Atom, including full TypeScript intellisense for app, unit test and e2e test code. This skeleton uses JSPM for package management and SystemJS for loading and bundling.
skeleton-typescript-aspnetcore - This is an ASP.NET Core web project configured for building a .NET backend and an Aurelia front-end. It is configured for full TypeScript support, similar to the standard skeleton-typescript option. This skeleton uses JSPM for package management and SystemJS for loading and bundling.

skeleton-navigation's People

Contributors

Stargazers

Watchers

Forkers

ashleygrant technicalmedia robwormald jaawerth blai scribegriff bennage bluebasher meenie peterblazejewicz saairey craga89 capaj faceleg devmondo joelcoxokc tobber72 aisuvro knpwrs mauriciokruijer twalker reneolivo mig1st4ck forestjohnsonilm mediahack jdhom mattcc82 bfil codenamejason nitrog7 gkinsman marcusoftnet cmsdesigner cabarney kensign gerbal wslowacki michaelsg giabao avieru pclymer bohnen mikestam searus donovanmuller jasonkerns sujesharukil vitorhp allensanborn mattduffield mangemannen66 rharing telekosmos gbexciteholidays damianofusco bryanrsmith refractedpaladin sunptech brownjr88 dmode nikek janusnic mbroadst ralyodio santacruzjs npelletm pmarchezz luluprat amitaibu jhanicoetzee charlespockert vairam-svs captainmike teclador araki-mi marwijn niieani khoanguyen123 johntom logan4dog andrewmurphyio vcardins christnil decademoon tanmancan un33k phamthaithinh shanonvl johnberg60 isaacweathers erykb2000 vladima vmukunda akauppi mattyellen tregusti mjalwajeeh valichek elwin00 ielcoro

skeleton-navigation's Issues

Can't get it working: loader versioning issue

Hi,

I have installed all the packages and dependencies as described in the get started tutorial. When I run the app I get the following error in the console:

Failed to load resource: the server responded with a status of 404 (Not Found)
Potentially unhandled rejection [3] Error loading "github:aurelia/[email protected]" at http://localhost:9000/jspm_packages/github/aurelia/[email protected]
Not Found: http://localhost:9000/jspm_packages/github/aurelia/[email protected] (WARNING: non-Error used)
(anonymous function) @ es6-module-loader.js:7

There is no [email protected] on the file system, but there are

./jspm_packages/github/aurelia/[email protected]
./jspm_packages/github/aurelia/[email protected]\loader.js

I don't know how to fix it, can you please help?

Thanks!

Suggestion: Put Rob's presentation in aurelia.io web site

I really enjoyed Rob's presentation on Aurelia. I highly recommend to put a reference to it on the main Aurelia home page so that people don't miss it.

http://eisenbergeffect.bluespire.com/aurelia-live-today/

error on jspm install

I'm new with jspm. I have a lot of errors when I run the install command

 └─> jspm install -y
     Updating registry cache...
     Looking up npm:font-awesome
     Looking up github:twbs/bootstrap
     Looking up github:aurelia/framework
     Looking up github:aurelia/http-client
     Looking up github:aurelia/router
     Looking up github:aurelia/bootstrapper
     Looking up github:aurelia/dependency-injection
ok   Up to date - font-awesome as npm:font-awesome@^4.3.0 (4.3.0)
     Looking up npm:core-js
     Looking up github:aurelia/history-browser
     Looking up github:aurelia/route-recognizer
     Looking up github:aurelia/event-aggregator
     Looking up github:aurelia/loader-default
     Looking up github:aurelia/templating-binding
     Looking up github:aurelia/task-queue
     Looking up github:aurelia/path
     Looking up github:aurelia/logging
     Looking up github:aurelia/history
     Looking up github:aurelia/templating
     Looking up github:aurelia/templating-resources
     Looking up github:aurelia/logging-console
     Looking up github:aurelia/binding
     Looking up github:aurelia/templating-router
     Looking up github:aurelia/loader
     Looking up github:aurelia/metadata
     Looking up github:components/jquery
     Looking up github:systemjs/plugin-css
     Looking up github:jspm/nodelibs-process
     Looking up npm:clean-css
     Looking up github:webcomponents/webcomponentsjs
     Looking up github:aurelia/html-template-element
     Looking up npm:process
     Looking up github:jspm/nodelibs-path
     Looking up github:jspm/nodelibs-fs
     Looking up npm:commander
     Looking up npm:source-map
ok   Up to date - aurelia-http-client as github:aurelia/http-client@^0.5.1 (0.5.2)
ok   Up to date - aurelia-router as github:aurelia/router@^0.5.1 (0.5.5)
ok   Up to date - aurelia-dependency-injection as github:aurelia/dependency-injection@^0.4.1 (0.4.2)
ok   Up to date - aurelia-framework as github:aurelia/framework@^0.8.4 (0.8.6)
ok   Up to date - aurelia-bootstrapper as github:aurelia/bootstrapper@^0.9.1 (0.9.3)
     Looking up npm:path-browserify
     Looking up github:jspm/nodelibs-https
     Looking up github:jspm/nodelibs-os
     Looking up github:jspm/nodelibs-buffer
     Looking up github:jspm/nodelibs-url
     Looking up github:jspm/nodelibs-util
     Looking up github:jspm/nodelibs-http
     Looking up npm:amdefine
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]
     Looking up github:jspm/nodelibs-events
     Looking up github:jspm/nodelibs-child_process
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]

warn Error on download for github:jspm/nodelibs-https, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-os, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-buffer, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-util, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-os, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-https, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-buffer, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-url, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-http, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-url, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-util, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-http, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.
     Downloading github:jspm/[email protected]
     Looking up github:jspm/nodelibs-module
     Downloading github:jspm/[email protected]

warn Error on download for github:jspm/nodelibs-https, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-util, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-https, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-os, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-buffer, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-url, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-os, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-buffer, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-url, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-http, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-util, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-http, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-events, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-child_process, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-events, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-child_process, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.
     Downloading github:jspm/[email protected]

warn Error on download for github:jspm/nodelibs-https, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-buffer, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-util, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-os, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-buffer, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-https, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-url, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-os, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-util, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-http, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-url, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-http, retrying (3).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-child_process, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-events, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-events, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on getPackageConfig for github:jspm/nodelibs-child_process, retrying (2).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

warn Error on download for github:jspm/nodelibs-module, retrying (1).

     GitHub rate limit reached. To increase the limit use GitHub authentication.
     Run jspm endpoint config github to set this up.

err  Error downloading github:jspm/nodelibs-buffer
     Reached maximum number of retries.

warn Installation changes not saved.

Any idea?

Trying to pull bootstrap from a CDN instead of jspm...is there a right way?

So I'm attempting to pull a bootswatch bootstrap theme from a CDN in place of the jspm bootstrap. If I simply add in the CSS from the external source, the source from the jspm package is still getting applied as well. If I remove the bootstrap dependency from the App.js and just add both the css and js files into the index.js, the bootstrap javascript appears to not load correctly b/c the menu no longer displays when the screen size is reduced.
Is there a right way to do this? Thanks!

The gulpfile change has broken the getting started page.

On the getting started page with the Setting up the Project Structure and Build portion the link to the gulpfile now doesn't make sense.

Perhaps have the user check out the skeleton up with all the basic setup already and then walk them through the rest.

some strange linked change

(sorry, i am from china and my written english is poor, may be could not discribe clearly)

when open more than 2 tabs in Chrome or IE11, to explore this sample(http://localhost:9000/) at the same time, they would some strange linked change.

for example,
1
when click in menu in oneTab, another tab will change the same

when leave flickr( http://localhost:9000/#/child-router/flickr),it would prompt dialog [Are you sure you want to leave?] for each tab

2 when edit in one tab in the form input, in another tab's form will change too

Incorrect system baseurl for index.html

In index.html, this line has the incorrect capitalization:

System.baseUrl = 'dist';

should be:

System.baseURL = 'dist';

I also think the value here is incorrect as well. Things were working because the base URL wasn't set properly. But once it is set, setting the value to dist will break it. It should just be an empty string.

https://github.com/systemjs/systemjs/wiki/Configuration-Options#baseurl

I'd be happy to do a pull request in a bit.

Potentially unhandled rejection [2] ReferenceError: Map is not defined

Went through all installation instructions and got this:

Potentially unhandled rejection [2] ReferenceError: Map is not defined
    at execute (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/origin.js:24:27)
    at p (http://localhost:9000/jspm_packages/system.js:1:6384)
    at p (http://localhost:9000/jspm_packages/system.js:1:6319)
    at p (http://localhost:9000/jspm_packages/system.js:1:6319)
    at p (http://localhost:9000/jspm_packages/system.js:1:6319)
    at p (http://localhost:9000/jspm_packages/system.js:1:6319)
    at p (http://localhost:9000/jspm_packages/system.js:1:6319)
    at p (http://localhost:9000/jspm_packages/system.js:1:6319)
    at Object.execute (http://localhost:9000/jspm_packages/system.js:1:8091)
    at o (http://localhost:9000/jspm_packages/es6-module-loader.js:7:17751)

Also i had to fix font-awesome css link to [email protected] at index.html

browser error: "Conventional binding handler not found for value."

http://stackoverflow.com/questions/29878559/aurelia-get-started-browser-error

config.js file remove from skeleton since it is automatically generated

Since config.js is automatically generated from jspm based on package.json when you run jspm install, I think it should be removed from being checked in as source. That way it is clear that this file is an autogenerated file and will be overwritten when you run jspm.

I am new to jspm and aurelia so if this is not correct then I am sorry, but from testing it seems that it is auto generated unless you manually add info to config.js somewhere else, but doing a file compare they look the same to me.

Correction, I see that if the config.js already exists then it is not overwritten, when I compared the existing and the newly generated config.js, it differed only in version numbers for some dependencies like core.js being newer. It also did not have the line "aurelia-skeleton-navigation/": "lib/.js" I think someone earlier told me this line was not needed and unless I am missing something I think it would be better to not include this in the skeleton and let it be autogenerated when the user runs jspm install

In "Getting started", the "npm install" step has a requirement for microsoft VS2010

There are apparently four Visual Studio 2010 solutions (I think revolving around SocketIO) that require the C++ tools of VS2010. I am currently installing VS2010 Express and VS2010 SP1. It would be nice if the need was documented. Seems odd to be installing VS to support web app development.

Error locating jspm:aurelia-bootstrapper

I am running Windows 7 with node v0.12.0 and npm 2.5.1 and I'm getting the following error when following the quickstart guide.

jspm install -y
err Error locating jspm:aurelia-bootstrapper
ReferenceError: ui is not defined

Conflict with npm 2.7.5

Trying to solve this: #83 I upgrade node to version 0.12.2 and npm to version 2.7.5 (both latest stable). When I run npm install I get this error:

npm WARN unmet dependency /Users/alan/Documents/aurelia/skeleton-navigation/node_modules/browser-sync/node_modules/glob-watcher/node_modules/gaze/node_modules/globule requires lodash@'~1.0.1' but will load
npm WARN unmet dependency /Users/alan/Documents/aurelia/skeleton-navigation/node_modules/browser-sync/node_modules/lodash,
npm WARN unmet dependency which is version 2.4.1
npm WARN unmet dependency /Users/alan/Documents/aurelia/skeleton-navigation/node_modules/gulp-yuidoc/node_modules/vinyl-fs/node_modules/glob-stream requires through2@'^0.6.1' but will load
npm WARN unmet dependency /Users/alan/Documents/aurelia/skeleton-navigation/node_modules/gulp-yuidoc/node_modules/through2,
npm WARN unmet dependency which is version 0.4.1

gulp e2e does not work when gulp watch is not running

The section "Running The E2E Tests" suggests that gulp e2e should work on its own.
Is this a wrong assumption or am I doing something wrong here?

Error looking up github:aurelia/bootstrapper

I get the following error when running jspm install:

err  Error looking up github:aurelia/bootstrapper
/bin/sh: 1: Syntax error: Unterminated quoted string

Steps I perform:

git clone aurelia/skeleton-navigation
npm i
jspm i

My system:
Ubuntu 14.04
jspm version: 0.10.6

On my arch linux machine I get the following error:

err  Error looking up github:aurelia/bootstrapper
/bin/sh: -c: line 0: unexpected EOF while looking for matching `''
/bin/sh: -c: line 1: syntax error: unexpected end of file

Sourcemaps do not work when website is not hosted on web server root.

Illegal folder names created in "Getting Started" "npm install" step

There are folders created with a nesting deeper than allowed by Windows 8.1 x64 during the 'npm install' step.

If you try to view *.sln in the solution you get "The directory name D:\Solutions\OHI\navigation-app\node_modules\conventional-cha
ngelog\node_modules\lodash.assign\node_modules\lodash._basecreatecallback\node_m
odules\lodash.bind\node_modules\lodash._createwrapper\node_modules\lodash._basec
reatewrapper\node_modules\lodash.isobject is too long."

skeleton nav and app contacts are currently broke due to new router config

Just a suggestion that you wait until you have the new code referenced in package.json before you update the code in these apps. Its happened a few times now that you download the skeleton-nav or contact-app and it has new code in app.js but does not have the new aurelia framework code to match. Usually this is fixed in a day or three but for people checking aurelia out and they download sample app and it doesn't work, could give a bad impression, even though aurelia is still in alpha, we should at least have the sample apps working at all times.

Currently neither skeleton-nav nor contact-app work due to having update code for the new router config without matching aurelia dependencies

Thanks, and I really like aurelia so please don't take this as a negative, just a suggestion

Feature Request: Js and Css document generator

I originally posted this in zewa666/generator-aurelia#6, but per comments it has been moved to skeleton

Js doc generator:
I was thinking about using https://github.com/tj/dox, it just generates a json file based on jsdoc without generating an html app. Then we could make an aurelia app/template for displaying the data. It could be a simple display or a fancy app like YuiDoc, this way we can include a default template or the user can build there own based on the json file.

Css Doc Generator:
if you look at either the kss example http://primercss.io/scaffolding/ or the
hologram example http://trulia.github.io/hologram-example/base_css.html

It generates an html app that has all the components, buttons ect used in your project with the related css classes

It makes it easier for a consumer of your app to understand how your css is used, ie what class do I need to change to change the style for all primary buttons. Y can provide documentation in your css or sass describing what each main class is used for. This makes it easy for you to identify what class you need to change the background color or to change all main buttons. In addition the html generated style guide gives you a demo of what it currently looks like, so you can identify that element in your working app.

In aurelia's case when you create a new app every time you build it would create a doc folder with a generated css style guide. The guide would be configurable to include/exclude files/folders. I personally like the idea of just generating a data file in json like https://github.com/tj/dox does for javascript then have a default template to provide a view, that way if the user doesn't like the look and feel of the generated html they can just create their own view and bind it to the data.

I am still new to using style guides myself, but so far I like it, it really helps someone understand your app, instead of having to open the css file and wade through it. One thing about style guides is that you don't include everything in the styleguide comments, just the stuff that you want to expose to a consumer allowing them to skin your app, think of it as documentation describing how create a custom skin for your app(sort of).

If you need more info or more use case examples let me know.

Thanks,
Dan

Also I understand that the cli may be including a doc generator, this is just food for thought.

Error downloading github:jspm/nodelibs-path

jspm install -y result in error:

err  Error downloading github:jspm/nodelibs-path
     Bad response code 406

The documentation for this app is way behind from being current

Executive summary: world class documentation is the most important asset of a company that strives for excellence like Durandal.

Example: the screenshot below -

this used to be the app.js before Rob introduced the concept of a component.

Since the application source went trough a number of revisions, probably the best way is to deliver the source in the form of "steps" which would follow the app evolution in the narrated presentation:

Remove error binding from index.html and tutorials.

Change license to CC0.

The MIT license requires attribution. This means that if someone wants to use this template, they must ensure that attribution to Durandal Inc. is copied around/provided. While for software this usually isn't a big deal, things get complicated when providing templates for new applications.

As a user, if I want to make a derivative template or create an open source web application from it, I must ensure that the MIT license and attribution to Durandal Inc. follows the code around. This complicates matters because I cannot just do whatever with the code, I have to jump through some legal hoops if I ever want to share what I have done.

It would be nice if this template (not all of Aurelia) were CC0, then when building from template or creating derivative templates I wouldn't have to worry about/deal with licensing.

Error during jspm install -y

I'm getting an error during jspm install -y that's resulting in not having systemjs in the expected location at runtime.

Here's the output of jspm and the error that I'm seeing. This is on a Windows 8.1 machine.

C:\source\prototypes\aurelia\skeleton-navigation-0.11.0>jspm install -y
Looking up npm:font-awesome
Updating registry cache...
Looking up github:aurelia/bootstrapper
Looking up github:aurelia/dependency-injection
Looking up github:aurelia/framework
Looking up github:aurelia/http-client
Looking up github:aurelia/router
Looking up github:twbs/bootstrap
ok Installed github:aurelia/router@^0.6.0 (0.6.0)
Looking up npm:core-js
ok Installed npm:core-js@^0.4.1 (0.4.10)
Looking up github:aurelia/history-browser
Looking up github:aurelia/loader-default
Looking up github:aurelia/history
Looking up github:aurelia/event-aggregator
Looking up github:aurelia/logging-console
Looking up github:aurelia/templating
Looking up github:aurelia/templating-binding
Looking up github:aurelia/templating-resources
Looking up github:aurelia/templating-router
Looking up github:systemjs/plugin-css
Looking up github:aurelia/path
Looking up github:aurelia/route-recognizer
Looking up github:jspm/nodelibs-process
Downloading github:aurelia/[email protected]
ok Installed github:aurelia/loader-default@^0.5.0 (0.5.0)
ok Installed github:aurelia/history@^0.2.4 (0.2.4)
ok Installed github:aurelia/logging-console@^0.2.4 (0.2.4)
ok Installed github:aurelia/event-aggregator@^0.2.4 (0.2.4)
ok Installed github:aurelia/templating-resources@^0.9.1 (0.9.1)
ok Installed github:aurelia/templating-binding@^0.9.0 (0.9.0)
Looking up github:aurelia/metadata
Looking up github:aurelia/loader
ok Installed github:aurelia/framework@^0.9.0 (0.9.0)
ok Installed github:aurelia/templating-router@^0.10.0 (0.10.0)
ok Installed github:aurelia/dependency-injection@^0.5.0 (0.5.0)
Looking up github:aurelia/task-queue
Looking up github:aurelia/logging
Looking up github:aurelia/binding
ok Installed github:systemjs/[email protected] (0.1.6)
Looking up npm:clean-css
ok Installed github:aurelia/path@^0.4.6 (0.4.6)
Looking up github:jspm/nodelibs-path
ok Installed github:jspm/nodelibs-process@^0.1.0 (0.1.1)
Looking up npm:process
Looking up github:jspm/nodelibs-fs
ok Installed npm:clean-css@~3.0.10 (3.0.10)
Looking up npm:commander
Looking up npm:source-map
ok Installed github:aurelia/route-recognizer@^0.2.4 (0.2.4)
ok Installed npm:process@^0.10.0 (0.10.1)
ok Installed aurelia-http-client as github:aurelia/http-client@^0.6.0 (0.6
)
Looking up github:jspm/nodelibs-util
ok Installed npm:commander@~2.5.0 (2.5.1)
Downloading github:aurelia/[email protected]
Looking up github:jspm/nodelibs-buffer
Looking up github:jspm/nodelibs-url
Looking up github:jspm/nodelibs-http
Looking up github:jspm/nodelibs-https
Looking up github:jspm/nodelibs-os
Looking up github:jspm/nodelibs-events
Looking up github:jspm/nodelibs-child_process
ok Installed npm:source-map@~0.1.43 (0.1.43)
Looking up npm:amdefine
Downloading github:aurelia/[email protected]
ok Installed github:aurelia/task-queue@^0.2.5 (0.2.5)
ok Installed github:aurelia/history-browser@^0.2.5 (0.2.5)
ok Installed github:jspm/nodelibs-path@^0.1.0 (0.1.0)
Looking up npm:path-browserify
ok Installed github:jspm/nodelibs-fs@^0.1.1 (0.1.1)
ok Installed npm:[email protected] (0.0.0)
ok Installed github:jspm/nodelibs-util@^0.1.0 (0.1.0)
Looking up npm:util
ok Installed npm:amdefine (0.1.0)
Downloading github:aurelia/[email protected]
Downloading npm:[email protected]
Looking up npm:inherits
ok Installed github:jspm/nodelibs-https@^0.1.0 (0.1.0)
Looking up npm:https-browserify
Downloading github:jspm/[email protected]
ok Installed github:jspm/nodelibs-child_process@^0.1.0 (0.1.0)
Downloading npm:[email protected]
Downloading npm:[email protected]
Looking up github:jspm/nodelibs-module
Downloading github:aurelia/[email protected]
Looking up npm:events-browserify
ok Installed github:aurelia/logging@^0.2.6 (0.2.6)
ok Installed npm:[email protected] (2.0.1)
ok Installed npm:[email protected] (0.0.0)
Downloading github:jspm/[email protected]
ok Installed npm:util@^0.10.3 (0.10.3)
ok Installed npm:[email protected] (0.0.1)
ok Installed github:jspm/nodelibs-os@^0.1.0 (0.1.0)
Looking up npm:os-browserify
ok Installed npm:os-browserify@^0.1.2 (0.1.2)
ok Installed github:jspm/nodelibs-http@^1.7.0 (1.7.0)
Looking up npm:Base64
ok Installed github:jspm/nodelibs-events@^0.1.0 (0.1.0)
Looking up github:aurelia/html-template-element
Looking up github:webcomponents/webcomponentsjs
Looking up github:jspm/nodelibs-stream
Downloading npm:[email protected]
Downloading github:jspm/[email protected]
ok Installed npm:Base64@~0.2.0 (0.2.1)
ok Installed github:jspm/nodelibs-module@^0.1.0 (0.1.0)
Downloading github:jspm/[email protected]
Looking up npm:url
ok Installed github:systemjs/plugin-css (0.1.6)
ok Installed npm:inherits@~2.0.1 (2.0.1)
Downloading github:webcomponents/[email protected]
Looking up npm:buffer

err Error: EPERM, rename 'C:\Users\ttrentham.jspm\packages\github\aurelia
[email protected]'

warn Installation changes not saved.

Running the app at http://localhost:9000 with "gulp watch" at this point loads a page with "AURELIA NAVIGATION SKELETON" and a loading icon with the following errors in the JavaScript console

Failed to load resource: the server responded with a status of 404 (Not Found)
config.js:1 Uncaught ReferenceError: System is not defined
localhost/:19 Uncaught ReferenceError: System is not defined

err Repo jspm:aurelia-bootstrapper not found!

When going through the Get Started walk through, I get stuck at jspm install -y; this command returns err Repo jspm:aurelia-bootstrapper not found!.

I tried reinstalling everything, from jspm to nodejs itself, and I always get this error message.

I'm running on Windows 7, with aurelia-skeleton-navigation v0.9.5, on node v0.12.0, with jspm v0.12.0 (cli v0.10.6).

Custom Element not working

I downloaded this repository, make all the instalations required to run aurelia. The sample navigation works fine, but my custom element doesn't work at all.

I'm using the custom element sample provided by the docs section of aurelia.io page. The bindings are just not working for me, the one at the button and the other for the alert().

I ask for help at gitter and I didn't get a solution. I'm thinking is something related to the version of the skeleton-navigation.

es6-module-loader.js not found

Hi,

starting with gulp watch and opening http://localhost:9000 i am getting the not found from
http://localhost:9000/es6-module-loader.js.
it is located in jspm_packages/es6-module-loader.js.

This happens only in chrome (Version 40.0.2214.93 m).
Firefox seems to hadle it correctly (http://localhost:9000/jspm_packages/es6-module-loader.js) version is 37.0a2.
IE 11 works too.

get fullName() doing endless loop

I dropped a console.debug() inside the get fullName() function while testing out something else and I noticed that it loops endlessly, even if the values of firstName and lastName don't change.

get fullName(){
   console.debug('fullname');
   return `${this.firstName} ${this.lastName}`;
}

click.trigger Uncaught Error: selectImage is not a function

I just finished the getting started guide, and played around with the created app.
I wanted to select an image from the list and display some additional information.
So I added a selectImage function to the Flickr class and called it from the view.

flickr.js

class Flickr {
  selectImage(image) {
    this.selectedImage = image
  }
}

flickr.html
<img click.trigger="selectImage(image)">

But when I run the app, I get the following error:
Uncaught Error: selectImage is not a function

I had to dig into the aurelia/app-contacts app to find out, that I have to add $parent to the function call:
<img click.trigger="$parent.selectImage(image)">

This is not mentioned in the documentation. It works just fine calling welcome() inside welcome.html.
Why do I have to prepand $parent when calling inside flickr.html?

error running unit tests w/ karma

on OSX yosemite, w/ iojs and karma-cli installed.

I actually am in the process, post-getting-started-guide, of trimming the project down to just the resources I want to have for the project I'm working on. Anyways, I'm getting this error when trying to run the tests. I only have a single file in /test/unit, as the output shows (and it doesn't pull in app.js).

The problem is those 404 errors for the scripts that the karma runner can't find. With the server fired up, for example, I can actually find app.js at http://localhost:9876/base/src/app.js (so it appears that karma is wanting to look in /base/dist/src instead of /base/src.

I think this is a karma configuration issue, but there's nothing in the karma.conf.js that even points to using dist (maybe this comes from babel?).

It seems like maybe babel should be configured to mirror the root repo layout, within the dist output directory? Or karma should not be putting dist into its paths.

Anyways, any help would be appreciated. Term output below.

bash-3.2$ karma start --single-run
INFO [karma]: Karma v0.12.31 server started at http://localhost:9876/
INFO [launcher]: Starting browser Chrome
INFO [Chrome 41.0.2272 (Mac OS X 10.10.2)]: Connected on socket NTUkQ8sfNCfbVbzEU9ka with id 70871770
WARN [web-server]: 404: /base/dist/src/app.js
WARN [web-server]: 404: /base/dist/src/domain/worldgen-util.js
WARN [web-server]: 404: /base/dist/src/domain/worldgen.js
WARN [web-server]: 404: /base/dist/src/flickr.js
WARN [web-server]: 404: /base/dist/src/welcome.js
WARN [web-server]: 404: /base/dist/test/unit/domain/worldgen.spec.js
Chrome 41.0.2272 (Mac OS X 10.10.2) ERROR
  Uncaught Error loading "src/app" at /Users/jeff/src/ss0/dist/src/app.js
  Not Found: /Users/jeff/src/ss0/dist/src/app.js
  at /Users/jeff/src/ss0/node_modules/karma-jspm/src/adapter.js:52

add bundles support

I was made some experiments, and saw > 100 networt requests on my dist app loading.

Can you provide more info, how we can use bundles with jspm + aurelia, I think we need it

Code not transpiled on server, missing es6-module-loader.js

Hi,
i have followed instructions on how to install sample on Ubuntu. npm and nodejs are at latest versions. Only warning i got is
npm WARN optional dep failed, continuing [email protected]

Lib is for MacOS only, and im not sure if it its relevant for app to run.
The problem is that i get 404 on es6-module-loader.js and config.js is returned as ES6 file. I dont think that is expected behavior.
Help would be appreciated 👍

how to catch the jsonp ERR_CONNECTION exception which called in "activate" ?

Hi,
how to catch the jsonp ERR_CONNECTION exception which called in "activate" ?

child-router.js wrong class name

Hi,

following the getting started I noticed that you have the wrong class name "Welcome" in skeleton-navigation/src/child-router.js. It should be ChildRouter to be consistent with the getting started code.

Kind regards
Joscha

Add comments to the gulpfiles

The gulpfile tree could use some comments to help those who are new to gulp understand how everything works.

404 Error on missing file "[email protected]"

I've downloaded "skeleton-navigation-0.10.2.zip" from github, and followed the installation instruction on aurelia's getting-started page (using my github credentials):

npm install -g gulp
npm install -g jspm
npm install
jspm install -y

Everything seems almost fine, but I'm getting a 404 error on a missing file in "...........jspm_packages/github/aurelia/[email protected]". I've checked the path, and indeed, the file is missing. What's causing it and where can I get it?

Thanks.

TypeError: Install of css to ^0.1.9 has no registry property provided.

Cloning the latest repo and running jspm install -y throws this error:

err  TypeError: Install of css to ^0.1.9 has no registry property provided.
         at /usr/lib/node_modules/jspm/lib/package.js:280:13
         at Array.forEach (native)
         at processDeps (/usr/lib/node_modules/jspm/lib/package.js:263:21)
         at setDefaults (/usr/lib/node_modules/jspm/lib/config/package.js:124:25)
         at PackageJSON.read (/usr/lib/node_modules/jspm/lib/config/package.js:112:3)
         at Promise.resolve.then.then.then.prompts (/usr/lib/node_modules/jspm/lib/config.js:74:25)
         at tryCatchReject (/usr/lib/node_modules/jspm/node_modules/systemjs/node_modules/es6-module-loader/dist/es6-module-loader.src.js:1183:30)
         at runContinuation1 (/usr/lib/node_modules/jspm/node_modules/systemjs/node_modules/es6-module-loader/dist/es6-module-loader.src.js:1142:4)
         at Fulfilled.when (/usr/lib/node_modules/jspm/node_modules/systemjs/node_modules/es6-module-loader/dist/es6-module-loader.src.js:930:4)
         at Pending.run (/usr/lib/node_modules/jspm/node_modules/systemjs/node_modules/es6-module-loader/dist/es6-module-loader.src.js:821:13)

the registry section seems to have been removed in 675d15a#diff-b9cfc7f2cdf78a7f4b91a753d10865a2L56

      "css": "^0.1.9",

Was this intentional or a mistake?

localhost:9000/jspm_packages/system.js returns 404 after following get started guide

I followed the following steps from the getting started guide, however I am getting a 404 for localhost:9000/jspm_packages/system.js. I followed the following steps (sans directory change); perhaps I am missing something...

git clone https://github.com/aurelia/skeleton-navigation.git
npm install
npm install -g gulp
npm install -g jspm
jspm install -y
gulp watch

All other files reference in index,html are coming back with 200 responses; am I missing something, or there something missing not configured correctly? I tried manually running jspm install aurelia-bootstrapper to no effect.

I'm using v0.10.0 from commit 93f9bfc9076a7e950d667d50c9ac75e9efb3e1f5.

Different CSS framework

I know this project is young and better support will come in time. But I'm trying to use Zurb's Foundation 5 CSS framework in place of bootstraps. I installed foundation 5 via jspm and it modified config.js and added this line in the System.config section:
"foundation": "github:zurb/[email protected]",
I then edited app.js to include foundation and remove bootstrap. Here is the two lines I changed:
//import bootstrap from 'bootstrap';
import foundation from 'foundation';

Then the app would load but was not loading things like jquery so I went back to config.js and found another bit of code relating to bootstrap:
"github:twbs/[email protected]": {
"css": "github:systemjs/[email protected]",
"jquery": "github:components/[email protected]"
},

So I changed it to reflect to use foundation:
"github:zurb/[email protected]": {
"css": "github:systemjs/[email protected]",
"jquery": "github:components/[email protected]"
},

The page now loads and jquery is working. However the foundation css file is never included into the webpage. Testing on another install of aurelia it seems that bootstrap is somehow magically included into the webpage.

What else do I need to change to work with foundation? I have searched the files and do not see where/how bootstrap's css is included.

aurelia + webpack

Hello,
Can you show little example app where using aurelia and webpack? Or it is not possible?

Improve App Loading Time

On my machine the app takes about 3 s to start, I know this is not optimized for production.
What steps could I perform to improve the loading time of the app?
Maybe someone could provide a link to a production optimized app.

Updating to Aurelia/framework 0.9

Hi,

Running jspm update doesn't appear to update Aurelia/framework to 0.9. The github repository does appear to be at 0.9 though. Is there anything else I need to do that I've missed?

Any help greatly appreciated!

Here's the install log:

 Looking up npm:font-awesome
      Updating registry cache...
      Looking up github:aurelia/router
      Looking up github:aurelia/http-client
      Looking up github:aurelia/framework
      Looking up github:aurelia/bootstrapper
      Looking up github:aurelia/dependency-injection
      Looking up github:twbs/bootstrap
 ok   Up to date - font-awesome as npm:font-awesome@^4.3.0 (4.3.0)
      Looking up npm:core-js
      Looking up github:aurelia/event-aggregator
      Looking up github:aurelia/history-browser
      Looking up github:aurelia/loader-default
      Looking up github:aurelia/logging-console
      Looking up github:aurelia/history
      Looking up github:aurelia/templating
      Looking up github:aurelia/templating-binding
      Looking up github:aurelia/templating-resources
      Looking up github:aurelia/templating-router
      Looking up github:aurelia/metadata
      Looking up github:jspm/nodelibs-process
      Looking up github:aurelia/route-recognizer
      Looking up github:aurelia/path
      Looking up github:aurelia/binding
      Looking up github:aurelia/loader
      Looking up github:aurelia/logging
      Looking up github:aurelia/task-queue
      Looking up npm:process
 ok   Up to date - bootstrap as github:twbs/bootstrap@^3.3.1 (3.3.4)
 ok   Up to date - aurelia-dependency-injection as github:aurelia/dependency-injection@^0.4.5 (0.4.5)
 ok   Up to date - aurelia-http-client as github:aurelia/http-client@^0.6.0 (0.6.1)
 ok   Up to date - aurelia-router as github:aurelia/router@^0.5.8 (0.5.8)
      Looking up github:aurelia/html-template-element
      Looking up github:webcomponents/webcomponentsjs
 ok   Up to date - aurelia-framework as github:aurelia/framework@^0.8.8 (0.8.8)
 ok   Up to date - aurelia-bootstrapper as github:aurelia/bootstrapper@^0.9.5 (0.9.5)
 ok   Install tree has no forks.

 ok   Install complete.

Error running jspm install -y

When running jspm install -y I receive a series of identical errors on a number of packages:

warn Error on getOverride for jspm:npm, retrying (1).
 Error: Command failed: /bin/sh -c git fetch --all && git reset --hard origin/master
 fatal: unable to access 'https://github.com/jspm/registry.git/': Could not resolve host: github.com
 error: Could not fetch origin

     at ChildProcess.exithandler (child_process.js:716:12)
     at emitTwo (events.js:87:13)
     at ChildProcess.emit (events.js:169:7)
     at maybeClose (child_process.js:984:16)
     at Process.ChildProcess._handle.onexit (child_process.js:1057:5)

However, when I run jspm install aurelia-framework the result is ok Install complete. Perhaps this is a jspm issue, and should be reported there, (though I wasn't able to find any mention of such.) I was wondering if anybody run into the same error when trying to get started with the skeleton app and had a solution.

Automation-id to stabilize the UI automation a bit

On this post I suggested a technique that I've been trying out to stabilize the way to identify controls when automating. The id/names that we use on an HTML page have a tendency to change over time and therefore it might be a good idea to have an alternative ID that only is used for automation/testing.

<input data-automationid="{11111-11111-11111--11111}" id="txtFirstName" />
<input data-automationid="theFirstNameField" id="txtFirstName" />

I've written a blog post describing this in detail (although not for aurelia) here

@zewa666 suggested that a gulp-task could be written to remove these before pushing to production. Good idea but please let it be optional since some people might test in production (!) and also the "data-" prefix makes it HTML5 safe to use in all browsers. Finally it's not any sensitive information.

on document ready

Hi
So, the question is just that, is there any event triggered on document ready? Kind of similar to angular angular.element(document).ready(...) or $document.ready(...). I've checked AureliaStarted event from the repo, but I guess it is triggered just when the Aurelia resources (not the application resources) are loaded.

Cheers!

Repo jspm:aurelia-loader-systemjs not found!

Receive this error when trying to build the project in VS 2013.

Source maps not saved in the correct location if app path changes.

I switched the name of my build directory from src/ to app/. When I ran the watch task, the source maps were not available and a 404 was thrown when the browser attempted to load them.

Error installing from jspm "...jspm_packages\npm\[email protected]\.jspm-hash',Error: ENOENT"

Hi, I was just going through the Get Started guide and hit a snag while performing the jspm install -y step. The installation fails partway through due to an error I'm not sure what to make of. I figured I'd ask before continuing. I've included a copy of the install log below:

D:\Dropbox\Work\Sandbox\Aurelia> jspm install -y
     Looking up npm:font-awesome
     Updating registry cache...
     Looking up github:aurelia/dependency-injection
     Looking up github:aurelia/router
     Looking up github:aurelia/framework
     Looking up github:aurelia/http-client
     Looking up github:aurelia/bootstrapper
     Looking up github:twbs/bootstrap
ok   Up to date - font-awesome as npm:font-awesome@^4.3.0 (4.3.0)
     Looking up npm:core-js
     Looking up github:aurelia/path
     Looking up github:aurelia/route-recognizer
     Looking up github:aurelia/history
     Looking up github:aurelia/event-aggregator
     Looking up github:aurelia/history-browser
     Looking up github:aurelia/loader-default
     Looking up github:aurelia/logging-console
     Looking up github:aurelia/templating
     Looking up github:aurelia/templating-binding
     Looking up github:aurelia/templating-resources
     Looking up github:aurelia/templating-router
     Looking up github:aurelia/binding
     Looking up github:aurelia/loader
     Looking up github:aurelia/logging
     Looking up github:aurelia/metadata
     Looking up github:aurelia/task-queue
     Looking up github:jspm/nodelibs-process
     Looking up github:components/jquery
     Looking up github:systemjs/plugin-css
     Looking up github:aurelia/html-template-element
     Looking up npm:process
     Looking up npm:clean-css
ok   Up to date - aurelia-router as github:aurelia/router@^0.5.8 (0.5.8)
ok   Up to date - aurelia-dependency-injection as github:aurelia/dependency-injection@^0.4.5 (0.4.5)
ok   Up to date - aurelia-http-client as github:aurelia/http-client@^0.5.5 (0.5.5)
     Looking up npm:source-map
     Looking up npm:commander
     Looking up github:webcomponents/webcomponentsjs
     Looking up npm:amdefine
     Looking up github:jspm/nodelibs-path
     Looking up github:jspm/nodelibs-fs
     Looking up github:jspm/nodelibs-https
     Looking up github:jspm/nodelibs-http
     Looking up github:jspm/nodelibs-os
     Looking up github:jspm/nodelibs-util
     Looking up github:jspm/nodelibs-url
     Looking up github:jspm/nodelibs-buffer
     Looking up github:jspm/nodelibs-events
     Looking up github:jspm/nodelibs-module
     Looking up github:jspm/nodelibs-child_process
ok   Up to date - aurelia-framework as github:aurelia/framework@^0.8.8 (0.8.8)
ok   Up to date - aurelia-bootstrapper as github:aurelia/bootstrapper@^0.9.5 (0.9.5)
     Looking up npm:path-browserify
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]
     Looking up npm:events-browserify
     Downloading github:jspm/[email protected]
     Downloading github:jspm/[email protected]
ok   Installed npm:[email protected] (0.0.1)
     Looking up npm:os-browserify
     Looking up npm:https-browserify
     Looking up npm:Base64
     Looking up npm:inherits
     Downloading npm:[email protected]
     Looking up npm:util
     Looking up npm:url
     Downloading npm:[email protected]

warn Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.jspm-hash',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.jspm.json',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\inherits.js',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\inherits_browser.js',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\LICENSE',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\package.json',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\README.md'
     Downloading npm:[email protected]
     Downloading npm:[email protected]
ok   Installed npm:[email protected] (0.0.0)
     Looking up npm:buffer
ok   Installed npm:os-browserify@^0.1.2 (0.1.2)
ok   Installed npm:Base64@~0.2.0 (0.2.1)
     Downloading npm:[email protected]
     Downloading npm:[email protected]
     Looking up npm:punycode
ok   Installed npm:util@^0.10.3 (0.10.3)
ok   Installed npm:url@^0.10.1 (0.10.2)
     Downloading npm:[email protected]
     Looking up npm:base64-js
     Looking up npm:ieee754
     Looking up npm:is-array
     Downloading npm:[email protected]
     Downloading npm:[email protected]
     Downloading npm:[email protected]
     Downloading npm:[email protected]

warn Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.jspm-hash',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.npmignore',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.jspm.json',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.travis.yml',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\index.js',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\README.md',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\package.json',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\vlc-log.txt',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.zuul.yml',Error: ENOENT, mkdir 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\test',Error: ENOENT, mkdir 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\bin',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\LICENSE'
ok   Installed npm:[email protected] (1.3.2)
ok   Installed npm:ieee754@^1.1.4 (1.1.4)
ok   Installed npm:[email protected] (0.0.8)
ok   Installed npm:is-array@^1.0.1 (1.0.1)
ok   Installed github:jspm/nodelibs-os@^0.1.0 (0.1.0)
ok   Installed github:jspm/nodelibs-https@^0.1.0 (0.1.0)
ok   Installed github:jspm/nodelibs-util@^0.1.0 (0.1.0)
ok   Installed github:jspm/nodelibs-module@^0.1.0 (0.1.0)
ok   Installed github:jspm/nodelibs-buffer@^0.1.0 (0.1.0)

err  Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.jspm-hash',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.npmignore',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.jspm.json',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.travis.yml',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\index.js',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\README.md',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\package.json',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\vlc-log.txt',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\.zuul.yml',Error: ENOENT, mkdir 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\test',Error: ENOENT, mkdir 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\bin',Error: ENOENT, open 'D:\Dropbox\Work\Sandbox\Aurelia\jspm_packages\npm\[email protected]\LICENSE'

warn Installation changes not saved.
D:\Dropbox\Work\Sandbox\Aurelia>

Error when running the app

Hi,
I get the following stack trace when running the skeleton-navigation app, it worked fine a couple of days ago, started breaking after updating the packages.
OS: OSX 10.10.3, Npm: 2.7.5, up to date versions of "jspm" and "gulp"
This is on a fresh checkout of the repo and following the README.
Stacktrace:
"INFO [aurelia] Aurelia Starting" index.js:48:13
"DEBUG [aurelia] Loading plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Installed plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Loading plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Installed plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Loading plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Installed plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Loading plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Installed plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Loading plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Installed plugin github:aurelia/[email protected]." index.js:39:13
"DEBUG [aurelia] Loading plugin aurelia-animator-css." index.js:39:13
"DEBUG [aurelia] Installed plugin aurelia-animator-css." index.js:39:13
"INFO [aurelia] Aurelia Started" index.js:48:13
"DEBUG [templating] importing resources for app.html" Array [ "nav-bar" ] index.js:39:13
"DEBUG [templating] importing resources for nav-bar.html" Array [ ] index.js:39:13
"Potentially unhandled rejection [1] AggregateError@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/index.js:24:15
invoke@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/container.js:213:21
registerSingleton/<@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/container.js:82:48
get@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/container.js:140:1
elementContainerGet@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/view-factory.js:27:12
create@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/html-behavior.js:205:68
applyInstructions@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/view-factory.js:79:20
create@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/view-factory.js:173:15
create@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/html-behavior.js:216:41
createBehavior/</<@http://localhost:9000/jspm_packages/github/aurelia/[email protected]/composition-engine.js:91:1
O@http://localhost:9000/jspm_packages/es6-module-loader.js:7:7451
K@http://localhost:9000/jspm_packages/es6-module-loader.js:7:7085
[7]</</</</y.prototype.when@http://localhost:9000/jspm_packages/es6-module-loader.js:7:10759
[7]</</</</v.prototype.run@http://localhost:9000/jspm_packages/es6-module-loader.js:7:9793
[3]</</</a.prototype._drain@http://localhost:9000/jspm_packages/es6-module-loader.js:7:1731
a/this.drain@http://localhost:9000/jspm_packages/es6-module-loader.js:7:1398
b@http://localhost:9000/jspm_packages/es6-module-loader.js:7:3312
" es6-module-loader.js:7:2578

Adding PhantomJS as Browser for Unit Tests

This is a hint for everybody who wants to run their Unit Tests with PhantomJS v1.

In order to run your Unit tests with the headless browser PhantomJS v1, you'd currently have to load an Polyfill for Function.prototype.bind.

Here are the steps required to get it setup and working:

create a new file /test/polyfill.bind.js
paste following code into it

if (!Function.prototype.bind) {
  Function.prototype.bind = function(oThis) {
    if (typeof this !== 'function') {
      // closest thing possible to the ECMAScript 5
      // internal IsCallable function
      throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
    }

    var aArgs   = Array.prototype.slice.call(arguments, 1),
        fToBind = this,
        fNOP    = function() {},
        fBound  = function() {
          return fToBind.apply(this instanceof fNOP
                 ? this
                 : oThis,
                 aArgs.concat(Array.prototype.slice.call(arguments)));
        };

    fNOP.prototype = this.prototype;
    fBound.prototype = new fNOP();

    return fBound;
  };
}

taken from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind#Polyfill

install karma-phantomjs-launcher
npm install karma-phantomjs-launcher
modify your karma.conf.js file, search for the jspm.loadFiles property and add this as first element of the array:
'test/polyfill.bind.js'
define PhantomJS as the browser to test with
browsers: ['PhantomJS'],