├── .DS_Store
├── .bowerrc
├── .gitignore
├── .jshintrc
├── Gulpfile.js
├── README.md
├── app
├── app.js
├── config.js
├── css
│ └── app.css
├── index.html
└── modules
│ └── home
│ ├── home-controller.js
│ ├── home-controller_test.js
│ ├── home-service.js
│ ├── home.html
│ └── home.js
├── bower.json
├── karma.conf.js
└── package.json
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smaye81/angular-es6-seed/3ae25ba5564fdafdefd1e4e8817c1576a4938e16/.DS_Store
--------------------------------------------------------------------------------
/.bowerrc:
--------------------------------------------------------------------------------
1 | {
2 | "directory": "app/bower_components"
3 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/*
2 | app/bower_components/*
3 | app/dist/*
4 | .idea/*
--------------------------------------------------------------------------------
/.jshintrc:
--------------------------------------------------------------------------------
1 | {
2 | "node": true,
3 | "browser": true,
4 | "esnext": true,
5 | "bitwise": true,
6 | "camelcase": false,
7 | "curly": true,
8 | "eqeqeq": true,
9 | "immed": true,
10 | "indent": 2,
11 | "latedef": "nofunc",
12 | "newcap": true,
13 | "noarg": true,
14 | "quotmark": false,
15 | "regexp": true,
16 | "undef": true,
17 | "unused": true,
18 | "strict": true,
19 | "trailing": true,
20 | "smarttabs": true,
21 | "browserify" : true,
22 | "globals": {
23 | "angular": false,
24 | "_": false,
25 | "it": false,
26 | "xit": false,
27 | "describe": false,
28 | "xdescribe": false,
29 | "beforeEach": false,
30 | "browser": false,
31 | "expect": false,
32 | "spyOn" : false,
33 | "jasmine" : false
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/Gulpfile.js:
--------------------------------------------------------------------------------
1 | var gulp = require('gulp');
2 | var traceur = require('gulp-traceur');
3 | var concat = require('gulp-concat');
4 | var jshint = require('gulp-jshint');
5 | var browserSync = require('browser-sync');
6 | var reload = browserSync.reload;
7 |
8 | var SOURCE_FILES = ['!app/**/*_test.js', 'app/*.js', 'app/modules/**/*.js'];
9 | var SOURCE_HTML = ['app/*.html', 'app/modules/**/*.html'];
10 |
11 | // Runs JSHint Report against all JS files in app
12 | gulp.task('lint', function () {
13 | return gulp.src(SOURCE_FILES)
14 | .pipe(jshint())
15 | .pipe(jshint.reporter('jshint-stylish'))
16 | .pipe(jshint.reporter('fail'));
17 | });
18 |
19 | gulp.task('browserSync', function() {
20 | browserSync({
21 | logConnections: true,
22 | logFileChanges: true,
23 | notify: true,
24 | open: true,
25 | server: {
26 | baseDir: "./app"
27 | }
28 | });
29 | });
30 |
31 | gulp.task('watch', function () {
32 |
33 | // Lint the JS files when they change
34 | gulp.watch(SOURCE_FILES, ['lint', 'traceur', reload]);
35 | gulp.watch(SOURCE_HTML, reload);
36 | });
37 |
38 | /* Sourcemaps seem to not be working when a base is specified */
39 | gulp.task('traceur', function () {
40 | return gulp.src(['!app/**/*_test.js', 'app/*.js', 'app/modules/**/*.js'], {base: './app'})
41 | .pipe(traceur({
42 | modules: 'register',
43 | moduleName : true
44 | }))
45 | .pipe(concat('bundle.js'))
46 | .pipe(gulp.dest('app/dist'))
47 | .pipe(reload({stream:true}));
48 | });
49 |
50 | gulp.task('default', ['traceur', 'lint', 'watch', 'browserSync']);
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | angular-es6-seed
3 | ================
4 |
5 | Seed project using Angular and all ES6 syntax (especially classes and modules)
6 |
7 | Uses:
8 |
9 | * Angular
10 | * Angular UI Router
11 | * Traceur
12 | * Bootstrap
13 | * Gulp
14 | * Karma
15 | * Jasmine
16 |
17 |
18 | To run app:
19 |
20 | * Clone repo
21 | * Install Gulp globally using `npm install gulp -g`
22 | * Run `npm install` from project root
23 | * Run `bower install` from project root
24 | * Run `gulp` from the project root
25 |
26 |
27 | Branches:
28 |
29 | _master_: Uses Traceur
30 |
31 | _babel_: Uses babel
32 |
33 |
34 | To Do:
35 |
36 | * Tests
37 |
38 |
--------------------------------------------------------------------------------
/app/app.js:
--------------------------------------------------------------------------------
1 | import homeModule from './modules/home/home';
2 | import Config from './config';
3 |
4 | var appModule = angular.module("App", ["ui.router", homeModule.name]);
5 |
6 | appModule.config(Config);
7 |
8 |
--------------------------------------------------------------------------------
/app/config.js:
--------------------------------------------------------------------------------
1 |
2 | class Config {
3 |
4 | constructor($stateProvider, $urlRouterProvider){
5 |
6 | // For any unmatched url, redirect to /home
7 | $urlRouterProvider.otherwise("/home");
8 |
9 | $stateProvider
10 | .state('home', {
11 | url: "/home",
12 | controller : "HomeCtrl as homeCtrl",
13 | templateUrl: "modules/home/home.html"
14 | })
15 | .state('details', {
16 | url: "/details",
17 | controller : "DetailsCtrl as detailsCtrl",
18 | templateUrl: "modules/home/details.html"
19 | });
20 |
21 | }
22 |
23 | }
24 |
25 | Config.$inject = ['$stateProvider', '$urlRouterProvider'];
26 |
27 | export default Config;
--------------------------------------------------------------------------------
/app/css/app.css:
--------------------------------------------------------------------------------
1 | body {
2 | padding:15px;
3 | }
--------------------------------------------------------------------------------
/app/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Angular ES6 Seed
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
17 |
18 |
19 |
20 |
21 |
22 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/app/modules/home/home-controller.js:
--------------------------------------------------------------------------------
1 |
2 | class HomeController {
3 |
4 | constructor(HomeService){
5 | this.HomeService = HomeService;
6 | }
7 |
8 | sayHello(){
9 | this.HomeService.getGreeting(this.name).then(greeting => this.greeting = greeting);
10 | }
11 |
12 | }
13 |
14 | HomeController.$inject = ['HomeService'];
15 |
16 | export default HomeController;
--------------------------------------------------------------------------------
/app/modules/home/home-controller_test.js:
--------------------------------------------------------------------------------
1 | // Describe the Context for your tests
2 | describe('Home Controller Tests', function () {
3 |
4 | var sut;
5 |
6 | beforeEach(function () {
7 | module(homeModule.name);
8 | });
9 |
10 | beforeEach(function () {
11 |
12 | module(function ($provide) {
13 | $provide.value("HomeService", {
14 | getLocation : jasmine.createSpy("HomeService getLocation")
15 | });
16 |
17 | $provide.value("$state", {});
18 | })
19 | });
20 |
21 | beforeEach(function () {
22 |
23 | inject(function ($controller, _$rootScope_) {
24 | sut = $controller("HomeCtrl", {
25 | $scope : _$rootScope_
26 | })
27 | })
28 | });
29 |
30 | it('should be defined', function () {
31 | expect(sut).toBeDefined();
32 | })
33 | });
--------------------------------------------------------------------------------
/app/modules/home/home-service.js:
--------------------------------------------------------------------------------
1 |
2 | class HomeService {
3 |
4 | constructor($q){
5 | this.$q = $q;
6 | }
7 |
8 | getGreeting(name = "Noname McDefault"){
9 | return this.$q(resolve => resolve(`Hello, ${name}. Welcome to Angular in ES6!!`));
10 | }
11 |
12 | }
13 |
14 | HomeService.$inject = ['$q'];
15 |
16 | export default HomeService;
--------------------------------------------------------------------------------
/app/modules/home/home.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
{{homeCtrl.greeting}}
7 |