config and beginning build

Author: matt-sanders

.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": ["es2015", "stage-0"],
+  "plugins": ["transform-runtime"],
+  "comments": false
+}

.eslintrc.js

@@ -0,0 +1,40 @@
+module.exports = {
+    root: true,
+    "env": {
+        "browser": true,
+        "commonjs": true,
+        "es6": true,
+        "jquery": false,
+        mocha: true
+    },
+    "extends": "eslint:recommended",
+    "parserOptions": {
+        "sourceType": "module"
+    },
+    "plugins": [
+        "html"
+    ],
+    "rules": {
+        "indent": [
+            "warn",
+            "tab"
+        ],
+        "quotes": [
+            "warn",
+            "double"
+        ],
+        "semi": [
+            "error",
+            "always"
+        ],
+        "no-var": [
+            "error"
+        ],
+        "no-console": [
+            "off"
+        ],
+        "no-unused-vars": [
+            "warn"
+        ]
+    }
+};

.gitignore

@@ -0,0 +1,14 @@
+*~
+\#*\#
+/.emacs.desktop
+/.emacs.desktop.lock
+
+# flymake-mode
+*_flymake.*
+
+# Flycheck
+flycheck_*.el
+
+node_modules/
+coverage/
+test/unit/coverage

package.json

@@ -0,0 +1,81 @@
+{
+  "name": "vue-formly",
+  "version": "0.1.0",
+  "description": "A simple and extendable form builder for Vue.js",
+  "main": "dist/vue-formly.common.js",
+  "jsnext:main": "dist/vue-formly.es2015.js",
+  "scripts": {
+    "test": "karma start test/unit/karma.conf.js",
+    "build": "node build/build.js",
+    "release": "node build/release.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/matt-sanders/vue-formly.git"
+  },
+  "keywords": [
+    "vue",
+    "vuejs",
+    "form"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/matt-sanders/vue-formly/issues"
+  },
+  "homepage": "https://github.com/matt-sanders/vue-formly#readme",
+  "devDependencies": {
+    "babel-core": "6.11.4",
+    "babel-loader": "6.2.4",
+    "babel-plugin-transform-runtime": "6.12.0",
+    "babel-preset-es2015": "6.9.0",
+    "babel-preset-stage-0": "6.5.0",
+    "chai": "3.5.0",
+    "conventional-changelog-cli": "1.2.0",
+    "conventional-github-releaser": "1.1.3",
+    "coveralls": "2.11.12",
+    "css-loader": "0.23.1",
+    "eslint": "3.2.2",
+    "eslint-friendly-formatter": "2.0.6",
+    "eslint-loader": "1.5.0",
+    "eslint-plugin-html": "1.5.1",
+    "eslint-plugin-vue": "0.1.1",
+    "extract-text-webpack-plugin": "1.0.1",
+    "fakerator": "0.3.0",
+    "gitbook-cli": "2.3.0",
+    "inject-loader": "2.0.1",
+    "isparta-loader": "2.0.0",
+    "jade": "1.11.0",
+    "jade-loader": "0.8.0",
+    "karma": "1.1.2",
+    "karma-chai": "0.1.0",
+    "karma-chrome-launcher": "1.0.1",
+    "karma-coverage": "1.1.1",
+    "karma-coveralls": "1.1.2",
+    "karma-mocha": "1.1.1",
+    "karma-phantomjs-launcher": "1.0.1",
+    "karma-sinon-chai": "1.2.3",
+    "karma-sourcemap-loader": "0.3.7",
+    "karma-spec-reporter": "0.0.26",
+    "karma-webpack": "1.7.0",
+    "lolex": "1.5.1",
+    "mocha": "2.5.3",
+    "mocha-generators": "1.2.0",
+    "mocha-loader": "0.7.1",
+    "moment": "2.14.1",
+    "node-sass": "3.8.0",
+    "phantomjs-prebuilt": "2.1.10",
+    "sass-loader": "3.2.0",
+    "sinon": "1.17.5",
+    "sinon-chai": "2.8.0",
+    "style-loader": "0.13.1",
+    "vue": "1.0.26",
+    "vue-hot-reload-api": "1.3.2",
+    "vue-html-loader": "1.2.3",
+    "vue-loader": "8.5.3",
+    "vue-style-loader": "1.0.0",
+    "webpack": "1.13.1",
+    "webpack-dev-middleware": "1.6.1",
+    "webpack-dev-server": "1.14.1",
+    "webpack-merge": "0.14.1"
+  }
+}

src/components.js

@@ -0,0 +1,3 @@
+export default function(Vue){
+
+}

src/index.js

@@ -0,0 +1,39 @@
+import Components from './components';
+
+
+let Formly = {};
+
+Formly.install = function(Vue, options){
+
+    if ( Formly.installed ){
+        return;
+    }
+
+    Vue.$formly = {
+        
+        fields: {},
+
+        /**
+         * Allow additional templates to be added
+         * @param {String} id
+         * @param {Object} options
+         */
+        addType(id, options){
+            //our base component
+            let base = {
+                props: ['model', 'schema']
+            };
+            
+            //merge 
+            Object.assign(options, base);
+            Vue.$formly.fields[id] = Vue.extend(options);
+        }
+    };
+    
+};
+
+//auto install
+if (typeof window !== 'undefined' && window.Vue) {
+    window.Vue.use(Formly);
+}
+export default Formly;

test/unit/index.js

@@ -0,0 +1,10 @@
+// require all test files (files that ends with .spec.js)
+var testsContext = require.context('./specs', true, /\.spec$/);
+testsContext.keys().forEach(testsContext);
+
+
+// require all src files except main.js for coverage.
+// you can also change this to match only the subset of files that
+// you want coverage for.
+var srcContext = require.context('src', true, /\.(js|vue)$/);
+srcContext.keys().forEach(srcContext);

test/unit/karma.conf.js

@@ -0,0 +1,48 @@
+var wsConfig = require('./webpack.test.config');
+
+module.exports = function(config) {
+    var settings = {
+        // base path that will be used to resolve all patterns (eg. files, exclude)
+        basePath: '',
+
+        browsers: ['PhantomJS'],
+
+        reporters: ['spec', 'coverage'],
+
+        frameworks: ['mocha', 'chai', 'sinon-chai'],
+
+        files: ['./index.js'],
+
+        exclude: [],
+
+        preprocessors: {
+            './index.js': ['webpack', 'sourcemap']
+        },
+
+        webpack: wsConfig,
+
+        webpackMiddleware: {
+            noInfo: true
+        },
+
+        port: 9876,
+
+        colors: true,
+
+        logLevel: config.LOG_INFO,
+
+        autoWatch: false,
+
+        singleRun: true,
+
+        coverageReporter: {
+            dir: './coverage',
+            reporters: [
+                { type: 'lcov', subdir: '.' },
+                { type: 'text-summary' }
+            ]
+        }
+    }
+
+    config.set(settings);
+}

test/unit/specs/VueFormly.spec.js

@@ -0,0 +1,27 @@
+import {expect} from 'chai';
+import Vue from 'vue';
+import VueFormly from 'src/index';
+Vue.use(VueFormly);
+
+let el, vm;
+
+function createForm(template){
+    el = document.createElement('div');
+    el.innerHTML = template;
+    vm = new Vue({
+        el: el
+    });
+
+    return [el, vm];
+}
+
+describe('VueFormly', () => {
+
+    it('should create two new components', () => {
+        createForm('<vue-formly></vue-formly><vf-input></vf-input>');
+
+        console.log(vm.$el);
+        console.log(vm.$refs);
+        
+    });
+});

test/unit/specs/index.spec.js

@@ -0,0 +1,13 @@
+import {expect} from 'chai';
+
+import VueFormly from 'src/index';
+
+
+describe('module', () => {
+
+    it('module props', () => {
+        expect(VueFormly).to.exist;
+        expect(VueFormly.install).to.be.a('function');        
+    });
+    
+});