first commit

icholy · Jun 5, 2012 · 4a00a89 · 4a00a89
commit 4a00a89
Show file tree

Hide file tree

Showing 27 changed files with 59,881 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,26 @@
+# Numerous always-ignore extensions
+*.diff
+*.err
+*.orig
+*.log
+*.rej
+*.swo
+*.swp
+*.vi
+*~
+*.sass-cache
+
+# OS or Editor folders
+.DS_Store
+.cache
+.project
+.settings
+.tmproj
+nbproject
+Thumbs.db
+
+# NPM packages folder.
+node_modules/
+
+# Brunch folder for temporary files.
+tmp/
diff --git a/README.md b/README.md
@@ -0,0 +1,65 @@
+# Brunch with js
+This is a simple js skeleton for [Brunch](http://brunch.io/).
+
+Main languages are JavaScript,
+[Stylus](http://learnboost.github.com/stylus/) and
+[Handlebars](http://handlebarsjs.com/).
+
+## Getting started
+
+Clone the repo and run `npm install` & `brunch build`.
+See more info on the [official site](http://brunch.io)
+
+## Overview
+
+    config.coffee
+    README.md
+    /app/
+      /assets/
+        index.html
+        images/
+      /lib/
+      models/
+      styles/
+      views/
+        templates/
+      application.js
+      initialize.js
+    /test/
+      functional/
+      unit/
+    /vendor/
+      scripts/
+        backbone.js
+        jquery.js
+        console-helper.js
+        underscore.js
+      styles/
+        normalize.css
+        helpers.css
+
+* `config.coffee` contains configuration of your app. You can set plugins /
+languages that would be used here.
+* `app/assets` contains images / static files. Contents of the directory would
+be copied to `build/` without change.
+Other `app/` directories could contain files that would be compiled. Languages,
+that compile to JS (coffeescript, roy etc.) or js files and located in app are 
+automatically wrapped in module closure so they can be loaded by 
+`require('module/location')`.
+* `app/models` & `app/views` contain base classes your app should inherit from.
+* `test/` contains feature & unit tests.
+* `vendor/` contains all third-party code. The code wouldn’t be wrapped in
+modules, it would be loaded instantly instead.
+
+This all will generate `public/` (by default) directory when `brunch build` or `brunch watch` is executed.
+
+## Other
+Versions of software the skeleton uses:
+
+* jQuery 1.7.2
+* Backbone 0.9.1
+* Underscore 1.3.3
+* HTML5Boilerplate 3.0.3
+
+The license is [public domain](http://creativecommons.org/publicdomain/zero/1.0/).
+Use it however you want.
diff --git a/app/app.js b/app/app.js
@@ -0,0 +1,10 @@
+
+// Application bootstrapper.
+
+var App = Em.Application.create({
+    Views       : Em.Namespace.create(),
+    Models      : Em.Namespace.create(),
+    Controllers : Em.Namespace.create()
+});
+
+module.exports = App;
diff --git a/app/assets/images/.gitkeep b/app/assets/images/.gitkeep
diff --git a/app/assets/index.html b/app/assets/index.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>Example brunch application</title>
+  <meta name="viewport" content="width=device-width">
+  <link rel="stylesheet" href="stylesheets/app.css">
+  <script src="javascripts/vendor.js"></script>
+  <script src="javascripts/app.js"></script>
+  <script>require('initialize');</script>
+</head>
+<body>
+    <script type="text/x-handlebars">
+        {{#view App.Views.MyView}}
+            <h1>Ember User</h1>
+            <p>{{view.stuff.fullName}}</p>
+        {{/view}}
+    </script>
+</body>
+</html>
diff --git a/app/controllers.js b/app/controllers.js
@@ -0,0 +1,3 @@
+// Load all your controllers here
+
+require('controllers/my_controller');
diff --git a/app/controllers/my_controller.js b/app/controllers/my_controller.js
@@ -0,0 +1,11 @@
+
+require('models/my_model');
+
+var App = require('app');
+
+App.myController = Em.Object.create({
+    theMan: App.Models.MyModel.create({
+        firstName: 'Bob',
+        lastName: 'Marley'
+    })
+});
diff --git a/app/initialize.js b/app/initialize.js
@@ -0,0 +1,16 @@
+
+require('models');
+require('controllers');
+require('views');
+
+var App = require('app');
+
+// ENV.VIEW_PRESERVES_CONTEXT = true;
+// ENV.CP_DEFAULT_CACHEABLE = true;
+
+App.reopen({
+    ready: function(){
+        this._super();
+        console.log('initializing ...');
+    }
+});
diff --git a/app/lib/view_helper.js b/app/lib/view_helper.js
@@ -0,0 +1 @@
+// Put your handlebars.js helpers here.
diff --git a/app/models.js b/app/models.js
@@ -0,0 +1 @@
+require('models/my_model');
diff --git a/app/models/.gitkeep b/app/models/.gitkeep
diff --git a/app/models/my_model.js b/app/models/my_model.js
@@ -0,0 +1,12 @@
+var App = require('app');
+
+App.Models.MyModel = Em.Object.extend({
+
+    firstName : null,
+    lastName  : null,
+
+    fullName: function(){
+        return this.get('firstName') + ' ' + this.get('lastName');
+    }.property('firstName', 'lastName')
+
+});
diff --git a/app/views.js b/app/views.js
@@ -0,0 +1 @@
+require('views/my_view');
diff --git a/app/views/my_view.js b/app/views/my_view.js
@@ -0,0 +1,12 @@
+require('controllers/my_controller');
+
+var App = require('app');
+
+App.Views.MyView = Em.View.extend({
+
+    stuffBinding: 'App.myController',
+
+    click: function(e){
+        console.log('I was clicked ', e);
+    }
+});
diff --git a/app/views/styles/application.less b/app/views/styles/application.less
@@ -0,0 +1,26 @@
+// nib is a powerful lib for stylus that provides cross-browser css3 mixins.
+// No more vendor prefixes. http://visionmedia.github.com/nib/
+//@import 'library'
+
+// Apply a natural box layout model to all elements.
+// http://paulirish.com/2012/box-sizing-border-box-ftw/
+* {
+  box-sizing: border-box;
+}
+
+#home-view {
+  width: 480px;
+  margin: 0 auto;
+}
+
+h1 {
+  padding-left: 138px;
+  margin-bottom: 0.5em;
+  font-size: 5em;
+  color: #fff;
+  border-radius: 5px;
+  background-color: #91a2c0;
+  background-image: url('http://brunch.io/images/brunch.png');
+  background-repeat: no-repeat;
+  background-position: 2px;
+}
diff --git a/config.coffee b/config.coffee
@@ -0,0 +1,25 @@
+exports.config =
+  # See docs at http://brunch.readthedocs.org/en/latest/config.html.
+  files:
+    javascripts:
+      defaultExtension: 'js'
+      joinTo:
+        'javascripts/app.js': /^app/
+        'javascripts/vendor.js': /^vendor/
+      order:
+        before: [
+          'vendor/scripts/console-helper.js',
+          'vendor/scripts/jquery-1.7.2.js',
+          'vendor/scripts/ember-0.9.8.1.js'
+        ]
+
+    stylesheets:
+      defaultExtension: 'less'
+      joinTo: 'stylesheets/app.css'
+      order:
+        before: ['vendor/styles/normalize.css']
+        after: ['vendor/styles/helpers.css']
+
+    # templates:
+    #   defaultExtension: 'hbs'
+    #   joinTo: 'javascripts/app.js'
diff --git a/package.json b/package.json
@@ -0,0 +1,30 @@
+{
+  "author": "Your Name",
+  "name": "package-name",
+  "description": "Package description",
+  "version": "0.0.1",
+  "homepage": "",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "engines": {
+    "node": "~0.6.10"
+  },
+  "scripts": {
+    "start": "brunch watch --server"
+  },
+  "dependencies": {
+    "javascript-brunch": "> 1.0 < 1.3",
+
+    "css-brunch": "> 1.0 < 1.3",
+    "less-brunch": "> 1.0 < 1.3",
+
+    "uglify-js-brunch": "> 1.0 < 1.3",
+    "clean-css-brunch": "> 1.0 < 1.3"
+  },
+  "devDependencies": {
+    "mocha": "0.14.0",
+    "expect.js": "0.1.2"
+  }
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>Example brunch application</title>
+  <meta name="viewport" content="width=device-width">
+  <link rel="stylesheet" href="stylesheets/app.css">
+  <script src="javascripts/vendor.js"></script>
+  <script src="javascripts/app.js"></script>
+  <script>require('initialize');</script>
+</head>
+<body>
+    <script type="text/x-handlebars">
+        {{#view App.Views.MyView}}
+            <h1>Ember User</h1>
+            <p>{{view.stuff.fullName}}</p>
+        {{/view}}
+    </script>
+</body>
+</html>