give the ability to load custom renderers

load alpaca renderer from its own file

move alpaca renderer under forms dir

.dir-locals.el

@@ -0,0 +1,5 @@
+((nil . ((fill-column . 120)))
+ (js2-mode . ((js2-basic-offset . 2)))
+ (web-mode . ((web-mode-markup-indent-offset . 2)
+              (web-mode-code-indent-offset . 2)
+              (web-mode-css-indent-offset . 2))))

addon/components/dynamic-form.js

@@ -18,17 +18,25 @@ const DynamicForm = Ember.Component.extend({
 
   didInsertElement() {
     this._super(...arguments);
-    this.$().alpaca(this.get('renderSchema'));
+    let container = getOwner(this);
+    let renderer;
+    let config = container.resolveRegistration('config:environment');
+    if (config.dynamicForms && config.dynamicForms.renderer) {
+      renderer = container.lookup(`${config.dynamicForms.renderer}:dynamic-forms.renderers`);
+    } else {
+      renderer = container.lookup('alpaca:dynamic-forms.renderers');
+    }
+    renderer.render(this.get('renderSchema'), this.$());
   },
 
   didReceiveAttrs() {
     this._super(...arguments);
     let schemaObj = this._initSchema(this.get('schema'));
-    const schemaWithData = this._processData(schemaObj);
-    const schemaWithPostRender = this._buildPostRender(schemaWithData);
-    const schemaWithActions = this._addActions(schemaWithPostRender);
-    const filteredSchema = this._processFilters(schemaWithActions);
-    const mappedSchema = this._replaceKeywordsWithFunctions(filteredSchema);
+    let schemaWithData = this._processData(schemaObj);
+    let schemaWithPostRender = this._buildPostRender(schemaWithData);
+    let schemaWithActions = this._addActions(schemaWithPostRender);
+    let filteredSchema = this._processFilters(schemaWithActions);
+    let mappedSchema = this._replaceKeywordsWithFunctions(filteredSchema);
     this.set('renderSchema', mappedSchema);
   },
 

addon/dynamic-forms/form-factories/ember-default.js

@@ -0,0 +1,12 @@
+import Ember from 'ember';
+
+const TYPE_MAP = {
+  text: '',
+  radio: ''
+};
+
+export default Ember.Object.extend({
+  componentFor(type) {
+
+  }
+});

addon/dynamic-forms/renderers/alpaca.js

@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export default Ember.Object.extend({
+  render(schema, element) {
+    element.alpaca(schema);
+  }
+})

addon/dynamic-forms/renderers/ember.js

@@ -0,0 +1,11 @@
+import Ember from 'ember';
+
+export default Ember.Object.extend({
+  render(schema, element) {
+    // iterate fields in schema
+
+    // load component equivs from factory
+
+    // attach to DOM or parent component
+  }
+});

app/dynamic-forms/renderers/alpaca.js

@@ -0,0 +1,3 @@
+import Alpaca from 'ember-cli-dynamic-forms/dynamic-forms/renderers/alpaca';
+
+export default Alpaca;