Readme: How it should be used

Package update, added Comments, missing ;

Author: ThomasPe

README.md

@@ -5,8 +5,42 @@ Quickly generate your your schema form using this GUI builder.
 # Roadmap
 
 - Complete support of all elements based on schema-form
+- Support for editing existing Schemas & Forms
 - Provide source definition for different platforms
 - 100% test coverage
 
+
+
+#Basic Usage
+
+**This is what using the Schema Form Builder should look like:**
+First, expose your (exinsting) schema and form to the $scope.
+
+```javascript
+angular.module('myModule', ['schemaFormBuilder'])
+       .controller('FormBuilderController', function($scope) {
+  // JSON Schema
+  // add an existing schema to edit it
+  // or leave blank to create a new form
+  $scope.schema = {};
+
+  // Schema Form Defintion
+  // add an existing form definition for editing
+  // or leave blank to create a new form
+  $scope.form = [];
+
+
+});
+```
+
+Then load them into the Schema Form Builder using the `sfbSchema` and `sfbForm` directives.
+
+```html
+<div ng-controller="FormBuilderController">
+    <div sfb-schema="schema" sfb-form="form"></form>
+</div>
+```
+
+
 # Simply need a html form?
 To generate vanilla/bootstrap/material forms checkout ralphowino.github.com/form-builder

app/builder/controllers/builder-controller.es6

@@ -5,6 +5,7 @@
       constructor(Converter, growl, locker, $scope, $uibModal) {
         let vm = this;
 
+        // all available / saved forms
         vm.forms = locker.get('schema_forms', {
           'sample_form': {
             name: 'Sample Form',
@@ -64,6 +65,7 @@
           }
         });
 
+        // describing properties of each form field
         vm.schema = {
           type: 'object',
           title: 'Comment',
@@ -223,7 +225,11 @@
           },
           required: ['name']
         };
+        
+        // holding properties of each form field
         vm.model = {};
+        
+        // describing the layout of the builder fields
         vm.form = [
           {
             type: 'section',
@@ -436,6 +442,8 @@
             ]
           }
         ];
+        
+        // the resulting schema and form definitions
         vm.output = {schema: {}, form: []};
 
         vm.saveForm = (form) => {

app/builder/factories/converter-factory.es6

@@ -57,7 +57,7 @@
       let index = _.findKey(output.form, 'key', key);
       output.form[index][attr] = value;
       return output;
-    }
+    };
 
     ConverterBase.generateTextField = (field, output) => {
       output.schema.properties[field.key]['type'] = 'string';

package.json

@@ -16,7 +16,7 @@
     "eslint-plugin-angular": "^0.2.0",
     "find-up": "^1.0.0",
     "glob": "^5.0.1",
-    "gulp": "^3.8.7",
+    "gulp": "^3.9.1",
     "gulp-angular-filesort": "^1.0.4",
     "gulp-autoprefixer": "^2.0.0",
     "gulp-babel": "^5.0.0",