Skip to content

Commit ad8933d

Browse files
MikeRyanDevMikeRyanDev
committed
Initial commit
0 parents  commit ad8933d

9 files changed

+341
-0
lines changed

‎.eslintrc

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"parser" : "babel-eslint",
3+
"rules" : {
4+
"strict" : 0,
5+
"quotes" : [1, "single"],
6+
"new-cap" : 0,
7+
"eol-last" : 0,
8+
"no-shadow" : 0,
9+
"no-trailing-spaces" : 0,
10+
"no-underscore-dangle" : 0,
11+
"no-unused-vars" : [2, {
12+
"args" : "none"
13+
}]
14+
},
15+
"globals" : {
16+
"window" : false,
17+
"mina" : false,
18+
"protractor" : false,
19+
"require" : false
20+
}
21+
}

‎.gitignore

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
bower_components
2+
node_modules
3+
.DS_Store
4+
.hold
5+
.sass-cache
6+
*.swp
7+
.build
8+
dist/bundle.js
9+
npm-debug.log
10+
busters.json
11+
coverage

‎app/index.js

+78
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
import 'babel/polyfill';
2+
import 'angular';
3+
import 'zone.js';
4+
import uiRouter from 'angular-ui-router';
5+
import {Component, View, Inject, bootstrap} from 'ng-forward';
6+
7+
@Inject('$state')
8+
class Test{
9+
constructor($state){
10+
this.isReal = true;
11+
console.log($state);
12+
}
13+
14+
getValue(){
15+
return new Promise(resolve => {
16+
setTimeout(() => resolve(30), 3000);
17+
});
18+
}
19+
}
20+
21+
@Component({ selector: 'nested' })
22+
@View({ template: '...' })
23+
class Nested{ }
24+
25+
@Component({
26+
selector: 'inner-app',
27+
properties: ['message'],
28+
events: ['test']
29+
})
30+
@View({
31+
directives: [Nested],
32+
template: `
33+
<h2 on-click="innerApp.emmit()">Inner app</h2> <nested></nested>
34+
<div ng-if="innerApp.num">{{ innerApp.num }}</div>
35+
`
36+
})
37+
@Inject(Test, '$element')
38+
class InnerApp{
39+
constructor(test, $element){
40+
this.$element = $element;
41+
this.test = test;
42+
this.resolveValue();
43+
console.log(this);
44+
console.log(this.message);
45+
}
46+
47+
async resolveValue(){
48+
this.num = await this.test.getValue();
49+
}
50+
51+
emmit(){
52+
this.TestEmitter.onNext();
53+
}
54+
}
55+
56+
@Component({
57+
selector: 'app',
58+
bindings: [Test, uiRouter]
59+
})
60+
@View({
61+
directives: [InnerApp, Nested],
62+
template: `
63+
<h1>Hello, world!</h1> <nested></nested>
64+
<span>Trigger count: {{ app.triggers }}</span>
65+
<inner-app on-test="app.onTest()" bind-message="app.message"></inner-app>
66+
`
67+
})
68+
class AppCtrl{
69+
constructor(){
70+
this.triggers = 0;
71+
this.message = 'Hi, inner app!';
72+
}
73+
onTest(){
74+
this.triggers++;
75+
}
76+
}
77+
78+
bootstrap(AppCtrl);

‎app/index.scss

Whitespace-only changes.

‎app/views/index.html

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
</head>
5+
<body>
6+
<app></app>
7+
8+
9+
<script src="bundle.js"></script>
10+
</body>
11+
</html>

‎dist/index.html

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
</head>
5+
<body>
6+
<app></app>
7+
8+
9+
<script src="bundle.js"></script>
10+
</body>
11+
</html>

‎gulpfile.babel.js

+132
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
/*global __dirname */
2+
import babelify from 'babelify';
3+
import browserify from 'browserify';
4+
import buffer from 'vinyl-buffer';
5+
import eslint from 'gulp-eslint';
6+
import gulp from 'gulp';
7+
import gulpwatch from 'gulp-watch';
8+
import gutil from 'gulp-util';
9+
import historyApiFallback from 'connect-history-api-fallback';
10+
import sequence from 'run-sequence';
11+
import source from 'vinyl-source-stream';
12+
import stringify from 'stringify';
13+
import watchify from 'watchify';
14+
import {server as karma} from 'karma';
15+
import browsersync from 'browser-sync';
16+
17+
function handleError(task){
18+
return function(err) {
19+
gutil.beep();
20+
gutil.log(err);
21+
this.emit('end');
22+
};
23+
}
24+
25+
function Build(watch, done){
26+
var b;
27+
function transform(){
28+
if( !b ){
29+
b = browserify('./app/index.js', {
30+
debug: true,
31+
paths: ['./node_modules', './app/'],
32+
cache: {},
33+
packageCache: {},
34+
fullPaths: true
35+
});
36+
37+
if(watch){
38+
b = watchify(b);
39+
}
40+
41+
b.transform(babelify.configure({
42+
stage: 0
43+
}));
44+
45+
b.transform(stringify(['.html']));
46+
}
47+
48+
function bundle(){
49+
let stream = b.bundle()
50+
.on('error', handleError('Browserify'))
51+
.pipe(source('bundle.js'))
52+
.pipe(buffer())
53+
.pipe(gulp.dest('./dist'));
54+
55+
stream.on('end', browsersync.reload);
56+
57+
return stream;
58+
}
59+
60+
return bundle();
61+
}
62+
63+
gulp.task('bundle', ['lint'], function bundleTask(){
64+
return transform();
65+
});
66+
67+
gulp.task('bundle-light', function bundleLightTask(){
68+
return transform();
69+
});
70+
71+
gulp.task('test', function(done){
72+
karma.start({
73+
configFile: __dirname + '/karma.conf.js',
74+
singleRun: true
75+
}, done);
76+
});
77+
78+
function tdd(){
79+
karma.start({
80+
configFile: __dirname + '/karma.conf.js',
81+
singleRun: false,
82+
reporters: ['mocha']
83+
});
84+
}
85+
86+
gulp.task('setup-watchers', function(){
87+
gulpwatch(['app/**/*.js', 'app/**/*.html'], function(){
88+
gulp.run('bundle');
89+
});
90+
91+
gulp.run('serve');
92+
tdd();
93+
});
94+
95+
if(watch)
96+
{
97+
sequence('bundle', 'setup-watchers', done);
98+
}
99+
else
100+
{
101+
sequence('bundle', 'test', done);
102+
}
103+
}
104+
105+
function serve(){
106+
browsersync.init({
107+
port: 2000,
108+
ui: {
109+
port: 2001
110+
},
111+
server: {
112+
baseDir: './dist',
113+
middleware: [historyApiFallback]
114+
}
115+
});
116+
}
117+
118+
gulp.task('serve', serve);
119+
120+
gulp.task('default', function(done){
121+
Build(true, done);
122+
});
123+
124+
gulp.task('build', function(done){
125+
Build(false, done);
126+
});
127+
128+
gulp.task('lint', function(){
129+
return gulp.src(['app/**/*.js', '!app/**/*.spec.js', '!app/**/*.e2e.js'])
130+
.pipe(eslint())
131+
.pipe(eslint.format());
132+
});

‎karma.conf.js

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
/* global module */
2+
module.exports = function(karma) {
3+
karma.set({
4+
autoWatch: true,
5+
basePath: '',
6+
frameworks: ['mocha', 'browserify'],
7+
files: [ 'app/**/*.spec.js' ],
8+
exclude: [],
9+
port: 9018,
10+
runnerPort: 9101,
11+
browsers: [
12+
'Chrome'
13+
],
14+
reporters: ['mocha'],
15+
singleRun: false,
16+
colors: true,
17+
logLevel: karma.LOG_INFO,
18+
preprocessors: {
19+
'app/**/*.js': ['browserify']
20+
},
21+
browserify: {
22+
debug: true,
23+
transform: [
24+
['stringify'],
25+
['babelify', {
26+
stage: 0
27+
}]
28+
]
29+
}
30+
});
31+
};

‎package.json

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
{
2+
"name": "ng1spike",
3+
"version": "0.1.0",
4+
"devDependencies": {
5+
"angular-mocks": "^1.4.3",
6+
"babel": "^5.8.19",
7+
"babel-eslint": "^4.0.5",
8+
"babelify": "^6.1.3",
9+
"browser-sync": "^2.8.1",
10+
"browserify": "^11.0.1",
11+
"chai": "^2.2.0",
12+
"chai-as-promised": "^4.3.0",
13+
"chai-jquery": "^2.0.0",
14+
"connect-history-api-fallback": "0.0.5",
15+
"eslint": "^0.24.0",
16+
"gulp": "^3.9.0",
17+
"gulp-eslint": "^0.13.2",
18+
"gulp-util": "^3.0.4",
19+
"gulp-watch": "^4.2.4",
20+
"karma": "^0.12.31",
21+
"karma-browserify": "^4.1.2",
22+
"karma-chrome-launcher": "^0.1.5",
23+
"karma-mocha": "^0.1.10",
24+
"karma-mocha-reporter": "^1.0.2",
25+
"mocha": "^2.2.4",
26+
"run-sequence": "^1.0.2",
27+
"sinon": "^1.14.1",
28+
"sinon-chai": "^2.7.0",
29+
"sinon-promise": "^0.1.3",
30+
"stringify": "^3.1.0",
31+
"vinyl-buffer": "^1.0.0",
32+
"vinyl-source-stream": "^1.1.0",
33+
"watchify": "^3.3.1"
34+
},
35+
"scripts": {
36+
"postinstall": "npm dedupe"
37+
},
38+
"dependencies": {
39+
"angular": "^1.4.3",
40+
"angular-decorators": "^1.0.0",
41+
"angular-ui-router": "^0.2.15",
42+
"lodash": "^3.9.3",
43+
"rx": "^2.5.3",
44+
"zone.js": "^0.5.2"
45+
}
46+
}

0 commit comments

Comments
 (0)