gocardless / es6-angularjs Goto Github PK

JavaScript 99.72% CSS 0.17% Shell 0.11%

es6-angularjs's Introduction

ES6 + AngularJS

This is a sample Angular 1.3 application that is structured using ES6 modules and adheres to the GoCardless Angular style guide.

Prerequisites:

node.js: brew install node

Application Dependencies

All the dependencies required for the build system, testing and so on are managed with npm and defined in package.json. They can be installed with:

npm install

Running the Application

You can run npm start to fire up the application on http://localhost:3010.

Tests

You can use npm test to run JSHint, Karma Unit tests and our E2E tests.

Typically in development we run only unit tests. You can run these with Karma:

./node_modules/.bin/karma start

Karma will automatically watch the files and rerun tests when files change.

Live Reloading

Install the fb-flo chrome extension.

To enable live-reloading have the developer tools open and activate fb-flo.

Build & Deployment

Create a production optimized build using AssetGraph Builder:

DIST=./dist ./script/build

Debugging Protractor (E2E) tests

Running individual files

Serve client/ on port 3010

npm start

Run protractor with --specs option

HTTP_PORT=3010 ./node_modules/.bin/protractor --specs client/app/routes/mandates/show/mandates-show.e2e.js

Pausing the browser

Add browser.pause(); to your spec.

it('renders index', function() {
  browser.get('app/index.html');

  // Use browser.pause() in your test to enter the protractor debugger from
  // that point in the control flow. Does not require changes to the command line
  // (no need to add 'debug').
  browser.pause();
});

Credits

Build system/ES6 tooling: Guy Bedford

es6-angularjs's People

Contributors

Stargazers

Watchers

es6-angularjs's Issues

font-awesome

How do you use font-awesome? Though you have installed it as a component I cannot see any usage. Does the font file need to be copied somewhere?

Thanks! :)

How do you handle annotations? I see that assetgraph-builder has a dependency on ngmin, which is deprecated. There is an open issue to upgrade to ng-annotate, but apparently no skills in the project to do so. I like the look of assetgraph but that would be an issue. How do you deal with it?

6to5

Would love to see 6to5 here instead of tracuer since its becoming the 'standard'.

LESS support

Is there any possibility to add LESS support? Do I need to change the css.js file?

Issue Running npm install

I had to install python to run the install script.

When I run it now I get the following error:

16252 error Windows_NT 6.3.9600
16253 error argv "C:\Users\mschr_000.nvmw\latest\node.exe" "C:\Users\mschr_000.nvmw\latest\node_modules\npm\bin\npm-cli.js" "install"
16254 error node v0.12.0
16255 error npm v2.5.1
16256 error code ELIFECYCLE
16257 error [email protected] install: node-gyp rebuild
16257 error Exit status 7
16258 error Failed at the [email protected] install script 'node-gyp rebuild'.
16258 error This is most likely a problem with the contextify package,
16258 error not with npm itself.
16258 error Tell the author that this fails on your system:
16258 error node-gyp rebuild
16258 error You can get their info via:
16258 error npm owner ls contextify
16258 error There is likely additional logging output above.

Issue for running `gulp`

Hi,

I came across this issue when I did gulp after npm i.

/Users/zhipeng/Development/angular-es6/node_modules/gulp-less/index.js:68
    }).done(undefined, cb);
       ^

TypeError: less.render(...).then(...).catch(...).done is not a function
    at DestroyableTransform._transform (/Users/zhipeng/Development/angular-es6/node_modules/gulp-less/index.js:68:8)
    at DestroyableTransform.Transform._read (/Users/zhipeng/Development/angular-es6/node_modules/gulp-less/node_modules/readable-stream/lib/_stream_transform.js:184:10)
    at DestroyableTransform.Transform._write (/Users/zhipeng/Development/angular-es6/node_modules/gulp-less/node_modules/readable-stream/lib/_stream_transform.js:172:12)
    at doWrite (/Users/zhipeng/Development/angular-es6/node_modules/gulp-less/node_modules/readable-stream/lib/_stream_writable.js:237:10)
    at writeOrBuffer (/Users/zhipeng/Development/angular-es6/node_modules/gulp-less/node_modules/readable-stream/lib/_stream_writable.js:227:5)
    at DestroyableTransform.Writable.write (/Users/zhipeng/Development/angular-es6/node_modules/gulp-less/node_modules/readable-stream/lib/_stream_writable.js:194:11)
    at write (/Users/zhipeng/Development/angular-es6/node_modules/vinyl-fs/node_modules/readable-stream/lib/_stream_readable.js:623:24)
    at flow (/Users/zhipeng/Development/angular-es6/node_modules/vinyl-fs/node_modules/readable-stream/lib/_stream_readable.js:632:7)
    at DestroyableTransform.pipeOnReadable (/Users/zhipeng/Development/angular-es6/node_modules/vinyl-fs/node_modules/readable-stream/lib/_stream_readable.js:664:5)
    at emitNone (events.js:67:13)

I searched a little bit, then I found this gulp-community/gulp-less#140, in the previous version of gulp-less there was not such a function done(). That issue can be fixed simply by using the latest version of gulp-less. I try that and it works.

So I will request a PR to bump the version of gulp-less, can you have a look at this?

Thanks in advance!

$q

Why you need $q in this function?

npm install fails

Not sure how to deal with these errors just yet but here are the logs from npm install. Thanks for any help here!

node version v0.12.2
npm version 2.13.4

Ryans-MacBook-Pro:wallet-apps2 ryanirilli$ git clone [email protected]:gocardless/es6-angularjs.git
Cloning into 'es6-angularjs'...
remote: Counting objects: 2194, done.
remote: Total 2194 (delta 0), reused 0 (delta 0), pack-reused 2194
Receiving objects: 100% (2194/2194), 2.32 MiB | 1012.00 KiB/s, done.
Resolving deltas: 100% (758/758), done.
Checking connectivity... done.
Ryans-MacBook-Pro:wallet-apps2 ryanirilli$ cd es6-angularjs/
Ryans-MacBook-Pro:es6-angularjs ryanirilli$ npm install
npm WARN package.json [email protected] No license field.
npm WARN engine [email protected]: wanted: {"node":"~0.8 || ~0.10"} (current: {"node":"0.12.2","npm":"2.13.4"})
npm WARN engine [email protected]: wanted: {"node":"~0.8 || ~0.10"} (current: {"node":"0.12.2","npm":"2.13.4"})
npm WARN peerDependencies The peer dependency karma@>=0.11.11 included from karma-sauce-launcher will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.

> [email protected] install /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/fb-flo/node_modules/websocket
> (node-gyp rebuild 2> builderror.log) || (exit 0)

  CXX(target) Release/obj.target/bufferutil/src/bufferutil.o
  SOLINK_MODULE(target) Release/bufferutil.node
  CXX(target) Release/obj.target/validation/src/validation.o
  SOLINK_MODULE(target) Release/validation.node

> [email protected] install /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/assetgraph-sprite/node_modules/canvas
> node-gyp rebuild

./util/has_cairo_freetype.sh: line 4: pkg-config: command not found
gyp: Call to './util/has_cairo_freetype.sh' returned exit status 0. while trying to load binding.gyp
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:357:16)
gyp ERR! stack     at ChildProcess.emit (events.js:110:17)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (child_process.js:1074:12)
gyp ERR! System Darwin 14.4.0
gyp ERR! command "node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/assetgraph-sprite/node_modules/canvas
gyp ERR! node -v v0.12.2
gyp ERR! node-gyp -v v2.0.2
gyp ERR! not ok

> [email protected] install /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/histogram/node_modules/canvas
> node-gyp rebuild

./util/has_cairo_freetype.sh: line 4: pkg-config: command not found
gyp: Call to './util/has_cairo_freetype.sh' returned exit status 0. while trying to load binding.gyp
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:357:16)
gyp ERR! stack     at ChildProcess.emit (events.js:110:17)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (child_process.js:1074:12)
gyp ERR! System Darwin 14.4.0
gyp ERR! command "node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/histogram/node_modules/canvas
gyp ERR! node -v v0.12.2
gyp ERR! node-gyp -v v2.0.2
gyp ERR! not ok
npm WARN optional dep failed, continuing [email protected]
npm WARN optional dep failed, continuing [email protected]

> [email protected] install /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/karma/node_modules/chokidar/node_modules/fsevents
> node-gyp rebuild

  SOLINK_MODULE(target) Release/.node
  CXX(target) Release/obj.target/fse/fsevents.o
  SOLINK_MODULE(target) Release/fse.node

> [email protected] install /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph/node_modules/jsdom/node_modules/contextify
> node-gyp rebuild

  CXX(target) Release/obj.target/contextify/src/contextify.o
../src/contextify.cc:34:17: error: no member named 'ContextDisposedNotification' in 'v8::V8'
        v8::V8::ContextDisposedNotification();
        ~~~~~~~~^
1 error generated.
make: *** [Release/obj.target/contextify/src/contextify.o] Error 1
gyp ERR! build error
gyp ERR! stack Error: `make` failed with exit code: 2
gyp ERR! stack     at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:269:23)
gyp ERR! stack     at ChildProcess.emit (events.js:110:17)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (child_process.js:1074:12)
gyp ERR! System Darwin 14.4.0
gyp ERR! command "node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph/node_modules/jsdom/node_modules/contextify
gyp ERR! node -v v0.12.2
gyp ERR! node-gyp -v v2.0.2
gyp ERR! not ok
npm WARN peerDependencies The peer dependency grunt@~0.4.0 included from grunt-contrib-uglify will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.

> [email protected] postinstall /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/express-processimage/node_modules/pngquant/node_modules/pngquant-bin
> node lib/install.js

-
  success : pngquant pre-build test passed successfully



> [email protected] postinstall /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/pngquant/node_modules/pngquant-bin
> node index.js

✓ pre-build test passed successfully

> [email protected] install /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/express-processimage/node_modules/svgfilter/node_modules/assetgraph/node_modules/jsdom/node_modules/contextify
> node-gyp rebuild

  CXX(target) Release/obj.target/contextify/src/contextify.o
../src/contextify.cc:34:17: error: no member named 'ContextDisposedNotification' in 'v8::V8'
        v8::V8::ContextDisposedNotification();
        ~~~~~~~~^
1 error generated.
make: *** [Release/obj.target/contextify/src/contextify.o] Error 1
gyp ERR! build error
gyp ERR! stack Error: `make` failed with exit code: 2
gyp ERR! stack     at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:269:23)
gyp ERR! stack     at ChildProcess.emit (events.js:110:17)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (child_process.js:1074:12)
gyp ERR! System Darwin 14.4.0
gyp ERR! command "node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/express-processimage/node_modules/svgfilter/node_modules/assetgraph/node_modules/jsdom/node_modules/contextify
gyp ERR! node -v v0.12.2
gyp ERR! node-gyp -v v2.0.2
gyp ERR! not ok

> [email protected] install /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/karma/node_modules/socket.io/node_modules/socket.io-client/node_modules/ws
> (node-gyp rebuild 2> builderror.log) || (exit 0)

  CXX(target) Release/obj.target/bufferutil/src/bufferutil.o
  SOLINK_MODULE(target) Release/bufferutil.node
  CXX(target) Release/obj.target/validation/src/validation.o
  SOLINK_MODULE(target) Release/validation.node
npm WARN optional dep failed, continuing [email protected]

> [email protected] install /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/node-zopfli
> node-pre-gyp install --fallback-to-build --build-from-source

child_process: customFds option is deprecated, use stdio instead.
  CXX(target) Release/obj.target/zopfli/src/zopfli-binding.o
  CXX(target) Release/obj.target/zopfli/src/png/zopflipng.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/blocksplitter.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/cache.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/deflate.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/gzip_container.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/hash.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/katajainen.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/lz77.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/squeeze.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/tree.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/util.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/zlib_container.o
  CC(target) Release/obj.target/zopfli/zopfli/src/zopfli/zopfli_lib.o
  CXX(target) Release/obj.target/zopfli/zopfli/src/zopflipng/zopflipng_lib.o
  CXX(target) Release/obj.target/zopfli/zopfli/src/zopflipng/lodepng/lodepng.o
  CXX(target) Release/obj.target/zopfli/zopfli/src/zopflipng/lodepng/lodepng_util.o
  SOLINK_MODULE(target) Release/zopfli.node
  COPY /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/node_modules/assetgraph-builder/node_modules/node-zopfli/lib/binding/node-v14-darwin-x64/zopfli.node
  TOUCH Release/obj.target/action_after_build.stamp
npm WARN engine [email protected]: wanted: {"node":"0.8.x || 0.10.x || 0.11.x"} (current: {"node":"0.12.2","npm":"2.13.4"})
npm ERR! Darwin 14.4.0
npm ERR! argv "node" "/usr/local/bin/npm" "install"
npm ERR! node v0.12.2
npm ERR! npm  v2.13.4
npm ERR! code ELIFECYCLE

npm ERR! [email protected] install: `node-gyp rebuild`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script 'node-gyp rebuild'.
npm ERR! This is most likely a problem with the contextify package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     node-gyp rebuild
npm ERR! You can get their info via:
npm ERR!     npm owner ls contextify
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/ryanirilli/projects/go/src/github.com/Points/wallet-apps2/es6-angularjs/npm-debug.log
Ryans-MacBook-Pro:es6-angularjs ryanirilli$

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.