aurelia-typescript

A starter kit for working with the Aurelia TypeScript type definitions

The port to TypeScript 1.5 is underway. If you like the cutting edge, feel free to switch from master to the typescript-1-5-port branch. Once things are ready over there, the updates will be merged into master.

aurelia.d.ts

This library works with the Aurelia platform.

To keep up to date on Aurelia, please visit and subscribe to the official blog. If you have questions, we invite you to join us on our Gitter Channel.

just use it - visual studio (using esri dojo amd module loader)

includes bonus aurelia view & view model with a basic esri map

view running project
make sure you have visual studio 2013 Update 4
install typescript 1.4 for Visual Studio 2013
run visual studio
open solution in skel-nav-esri-vs-ts
run solution using chrome

just use it (on mobile devices !!) - visual studio and telerik appbuilder

get familiar with telerik appbuilder
obtain a license to telerik appbuilder (or do an evaluation)
make sure you have visual studio 2013 Update 4
install typescript 1.4 for Visual Studio 2013
install telerik appbuilder
run visual studio
open solution in skel-nav-esri-vs-ts-telerik
run solution using chrome

just use it - visual studio (using requirejs amd module loader)

view running project
make sure you have visual studio 2013 Update 4
install typescript 1.4 for Visual Studio 2013
run visual studio
open solution in skel-nav-require-vs-ts
run solution using chrome

just use it - gulp

view running project
run git bash shell
change to skel-nav-esri-gulp folder
run npm install
run gulp watch
run chrome browser and point at http://localhost:9000

just use it webstorm

the project is already setup with file watcher but you can follow the full instruction here to add TypeScript file watcher webstorm typescript file watcher

just use it - @PWKad Samples with visual studio (using requirejs amd module loader)

view running project
make sure you have visual studio 2013 Update 4
install typescript 1.4 for Visual Studio 2013
run visual studio
open solution in pwkad-aurelia-samples
run solution using chrome

@PWKad Samples Illustrate:

Aurelia Attached Behavior - Markdown Editor

explore aurelia by looking at the tests

have a look at the TypeScript test source for aurelia-dependency-injection
make sure you have visual studio 2013 Update 4
install typescript 1.4 for Visual Studio 2013
run visual studio
open solution in aurelia-vs-ts-tests
run solution using chrome

bundling

link to un-minimized bundle - 478K
link to minimized bundle - 213K

open git bash shell
install node.js
install bower
change to aurelia-require-bundle folder
get the latest aurelia libraries

run bower install
have a look at the bundling dependencies

bundle the files for development

run node r.js -o name=aurelia-bundle-manifest baseUrl=. mainConfigFile=main-config.js out=aurelia-bundle.js optimize=none
bundle the files for production (minified)

run node r.js -o name=aurelia-bundle-manifest baseUrl=. mainConfigFile=main-config.js out=aurelia-bundle.min.js

cool sample exercising navigation (from @Lakerfield)

view running project
run git bash shell
change to aurelia-vs-ts folder
run npm install
run gulp watch
run chrome browser and point at http://localhost:9000

code sandbox - place to illustrate various code usage

view running project
make sure you have visual studio 2013 Update 4
install typescript 1.4 for Visual Studio 2013
run visual studio
open solution in code-sandbox
run solution using chrome

Code Sandbox has code that Illustrates:

multi-level menu

view running project
make sure you have visual studio 2013 Update 4
install typescript 1.4 for Visual Studio 2013
run visual studio
open solution in multi-level-menu
run solution using chrome

todo sample

view running project
make sure you have visual studio 2013 Update 4
install typescript 1.4 for Visual Studio 2013
run visual studio
open solution in todo-require-vs-ts
run solution using chrome

browser support by solution

work is underway to address browser support for the solutions in this repo. this table will be updated as enhancements are made and support is validated. see also issue #7

Solution	Chrome	Firefox	IE11	IE10	IE9
aurelia-vs-ts	✅	📝	📝	📝	📝
code-sandbox	✅	📝	📝	📝	📝
multi-level-menu	✅	✅	📝	📝	📝
pwkad-aurelia-samples	✅	📝	📝	📝	📝
skel-nav-esri-gulp	✅	📝	📝	📝	📝
skel-nav-esri-vs-ts	✅	📝	📝	📝	📝
skel-nav-require-vs-ts	✅	📝	📝	📝	📝
todo-require-vs-ts	✅	📝	📝	📝	📝

Solution	Telerik Simulator	Samsung Note 4
skel-nav-esri-vs-ts-telerik	📝	📝

push samples to gh-pages

code used to copy the samples to cmichaelgraham gh-pages. includes the recipe for following the same pattern in your own world.

Links to Related Content

Colin Dembovsky - Debugging Within Visual Studio
Behzad Abbasi (Behzad88) - HotWater-Aurelia
Erik's cool aurelia getting started cheat sheet
Erik's associated aurelia getting started blog

Contributing

We'd love for you to contribute to our source code and to make this project even better than it is today! If this interests you, please begin by reading our contributing guidelines. The contributing document will provide you with all the information you need to get started. Once you have read that, you will need to also sign our CLA before we can accepts a Pull Request from you. More information on the process is including in the contributor's guide.

zeljkobajsanski / aurelia-typescript Goto Github PK