Getting nearer to mixin pattern

src/components/ion.js

@@ -1,7 +1,18 @@
+import * as Platform from '../platform';
 
 var ILLEGAL_ASSIGN_FIELDS = {};
 export class Ion {
 
+  constructor() {
+    var platformName = Platform.getPlatform();
+    var platformConfig = this.$config._platforms[platformName];
+    if (platformConfig) {
+      platformConfig._mixins.forEach(mixin => {
+        mixin(this);
+      });
+    }
+  }
+
   assign() {
     for (var i = 0, ii = arguments.length; i < ii; i++) {
       var obj = arguments[i];

src/components/tabbar/mixins/android/android-tabbar.js

@@ -1,19 +1,18 @@
-/*
-import {TabbarConfig} from '/components/tabbar/tabbar';
-import {Draggable} from '/behaviors/draggable';
+
+import {TabbarConfig} from '../../tabbar';
+// import {Draggable} from '/behaviors/draggable';
 
 TabbarConfig.platform('android')
-  .template(require('./android-template.html'))
+  .template('./android-template.html')
   .mixin(function(tabbar) {
-    Draggable(tabbar);
-    tabbarInstance.setAsHeader();
+    // Draggable(tabbar);
+    // tabbarInstance.setAsHeader();
 
     tabbar.assign({
-      onDragStart() {},
-      onDrag() {},
-      onDragEnd() {}
+      press() {
+        alert('pressing from android mixin');
+      }
     });
   });
 
-  <ion-tabs config-platform-android />
-*/
+export var a = 2;

src/components/tabbar/tabbar.js

@@ -1,23 +1,31 @@
 import {Component, Template} from 'angular2/angular2';
+import {Inject} from 'angular2/di';
 import {Ion} from '../ion';
+import {IonConfigService} from '../../config';
+
+export var TabbarConfig = IonConfigService();
 
 @Component({
   selector: 'ion-tabbar',
   bind: {
     title: 'view-title'
-  }
+  },
+  services: [TabbarConfig]
 })
 @Template({
   inline: `<button (click)="press()">Tabbar: {{title}}</button>`
 })
 export class Tabbar extends Ion {
-  constructor() {
-
-    // Test that Ion#assign works
-    this.assign({
-      press: () => {
-        alert('pressed!');
-      }
-    });
+  constructor(
+    // Creates a TabbarConfig instance for this specific instance of Tabbar.
+    // this instance is created with a cloned version of all the globally
+    // set config properties.
+    @Inject(TabbarConfig) config
+  ) {
+    debugger;
+    this.$config = config;
+    super();
   }
 }
+
+

src/config.js

@@ -0,0 +1,41 @@
+import * as Platform from './platform';
+
+var i = 0;
+export function IonConfigService() {
+
+  function Config() {
+    this._platforms = {};
+    for (var key in Config._platforms) {
+      this._platforms[key] = Config._platforms[key]._clone();
+    }
+  }
+  Config._platforms = {};
+  Config.platform = platformFn.bind(Config);
+  Config.prototype.platform = platformFn;
+
+  function platformFn(name) {
+    return this._platforms[name] || (this._platforms[name] = new SubConfig(name));
+  }
+
+  return Config;
+}
+
+
+class SubConfig {
+  constructor(name, mixins = [], template = '') {
+    this._name = name;
+    this._mixins = mixins;
+    this._template = template;
+  }
+  mixin(mixinFn) {
+    this._mixins.push(mixinFn);
+    return this;
+  }
+  template(url) {
+    this._template = url;
+    return this;
+  }
+  _clone() {
+    return new SubConfig(this._name, this._mixins.slice(), this._template);
+  }
+}

src/platform.js

@@ -0,0 +1,4 @@
+
+export function getPlatform() {
+  return 'android';
+}