elving/brunch-with-hipsters

Brunch with Hipsters is a rad Brunch app skeleton that comes with unicorns out of the box.

Brunch with Hipsters

Brunch with Hipsters is a rad Brunch app skeleton that comes with unicorns out of the box. Take a look at Hackerank (an example app) to see how it works. Brunch with Hipsters was awesome before awesome was awesome.

Languages

• CoffeeScript
• Stylus
• Handlebars

Features

• jQuery
• Lodash
• Backbone
• Swag
• Font Awesome
• HTML5 Boilerplate Helpers

Plugins

• Brunch Auto-Reload
• Coffeelint
• imageoptimizer-brunch

Getting started

$ brunch new [email protected]:elving/brunch-with-hipsters.git
$ brunch w -s

or

$ git clone [email protected]:elving/brunch-with-hipsters.git
$ npm install
$ bower install
$ brunch w -s

or

$ git clone [email protected]:elving/brunch-with-hipsters.git && npm install && $ bower install && brunch w -s

Generators

First install scaffolt:

npm install -g scaffolt

Then you can use the following commands to generate files:

scaffolt view <name>
    → app/views/name.coffee
    → test/views/name_test.coffee

scaffolt model <name>
    → app/models/name.coffee
    → test/models/name_test.coffee

scaffolt style <name>
    → app/views/styles/name.styl

scaffolt template <name>
    → app/views/templates/name.hbs

scaffolt collection <name>
    → app/collections/name.coffee
    → test/collections/name_test.coffee

scaffolt module <name>
    → app/views/name.coffee
    → test/views/name_test.coffee
    → app/models/name.coffee
    → test/models/name_test.coffee
    → app/views/styles/name.styl
    → app/views/templates/name.hbs

Testing

To run your tests using Karma you will need to install phantomjs:

brew update && brew install phantomjs

Run the tests:

cake test

Build and test your app:

cake build:test

You can change Karma's configuration by editing test/karma.conf.coffee and add any test helpers by editing test/helpers.coffee.

brunch-with-hipsters's Issues

How to include external handlebars templates?

This is probably really basic but I can't seem to find an example somewhere on how to render a .hbs template in app/views/templates

In the Hackerank app I see there is a .hbs template and I see a call to view.render() but when I just try to render a view with an external .hbs template nothing comes out.

In my index.html I have a div

And in my index.coffee I create the view
myview = new MyView()

The view class has the template member function defined like so
template: require 'views/templates/myview'

I also have an app/views/templates/myview.hbs with 'Hello world' in it but I must be missing something because it doesn't get inserted into index.html - what's the preferred way to get an external .hbs template to render in to index.html?

No longer works with latest version of brunch 1.7

Error on First Running brunch w -s

After cloning and npm install and bower install and then brunch w -s I get the following.

03 Dec 16:12:01 - info: application started on http://localhost:3333/
/usr/local/lib/node_modules/brunch/lib/fs_utils/file_list.js:224
        if (error) throw new Error(formatError('Reading', error));
                   ^

Error: undefined of Error: ENOENT: no such file or directory, open 'node_modules/handlebars-brunch/node_modules/handlebars/dist/handlebars.runtime.js' failed. 
  at error (/usr/local/lib/node_modules/brunch/lib/fs_utils/file_list.js:224:26)
  at ReadFileContext.callback (/usr/local/lib/node_modules/brunch/node_modules/fcache/index.js:19:23)
  at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:359:13)

Yes, handlebars-brunch has no node_modules directory.

Node version 6.5.0 (have tried downgrading with nvm) ...

Handlebars missing at startup

Hi,

Here's my scenario :

1. install the skeletton with brunch new gh:elving/brunch-with-hipsters
2. launch the server with brunch watch --server
3. open http://localhost:3333/
   console shows "Uncaught TypeError: Cannot read property 'registerHelper' of undefined "

Looks like Handlebar is missing.

Regards,

brunch watch error

Just trying to do a clean install, running into an error. Disclaimer: I am a JS/brunch/Coffeescript newbie.

$ brunch w -s

events.js:72
        throw er; // Unhandled 'error' event
              ^
Error: listen EADDRINUSE
    at errnoException (net.js:901:11)
    at Server._listen2 (net.js:1039:14)
    at listen (net.js:1061:10)
    at Server.listen (net.js:1127:5)
    at startServer (/usr/local/lib/node_modules/brunch/node_modules/pushserve/index.js:51:10)
    at startServer (/usr/local/lib/node_modules/brunch/lib/watch.js:114:14)
    at /usr/local/lib/node_modules/brunch/lib/watch.js:418:18
    at /usr/local/lib/node_modules/brunch/lib/helpers.js:475:14
    at /usr/local/lib/node_modules/brunch/node_modules/read-components/index.js:220:7
    at /usr/local/lib/node_modules/brunch/node_modules/read-components/index.js:144:7
    at /usr/local/lib/node_modules/brunch/node_modules/async-each/index.js:24:44
    at /usr/local/lib/node_modules/brunch/node_modules/read-components/index.js:101:7
    at /usr/local/lib/node_modules/brunch/node_modules/read-components/index.js:49:7
    at fs.js:266:14
    at Object.oncomplete (fs.js:107:15)

Any ideas?

Update FontAwesome from 2.0 to 3.0

Add bower support.

Strange Error

I am a brunch newbie but think this one is strange.

$ brunch b

events.js:72
throw er; // Unhandled 'error' event
^
Error: ENOTDIR, open '/.../vendor/autoload.php/bower.json'

Does it think that /vendor/autoload.php is a directory that it should look for bower.json inside of? This has me a little amazed.

My config.coffee is:
exports.config =

See docs at http://brunch.readthedocs.org/en/latest/config.html.

conventions:
ignored: /^(vendor.*.less|.+node_modules.+|.+_.+..+)$/
modules:
definition: false
wrapper: false
paths:
public: '_public'
files:
javascripts:
joinTo:
'js/app.js': /^app/
'js/vendor.js': /^vendor/
order:
before: [
'vendor/console-polyfill/index.js'
]

stylesheets:
  joinTo:
    'css/app.css' : /^(app|vendor)/

templates:
  joinTo:
    'js/templates.js': /.+\.jade$/

plugins:
jade:
options:
pretty: yes # Adds pretty-indentation whitespaces to output (false by default)

bower:
  extend:
    "bootstrap" : 'vendor/bootstrap/docs/assets/js/bootstrap.js'
    "angular-mocks": []
    "styles": []
  asserts:
    "img" : /bootstrap(\\|\/)img/
    "font": /font-awesome(\\|\/)font/

I started with brunch new gh:GulinSS/brunch-bower-site .

Any help appreciated

Upgrade HTML5 Boilerplate to v4.1.0

There's a new version already. Here's the change log.

Socket.io error

I followed the Vanilla instructions, with the Brunch skeleton checkout, but I am getting errors and a white screen.

The error I get is

Hipster.Socket = io.connect('http://localhost');
Uncaught ReferenceError: io is not defined 

I dug a little deeper and it seems that Socket.io is not installed or included. I added it to the package.json but it didnt help.

Where am I going wrong?

CoffeeScript too mainstream

You should consider using LiveScript instead.