change all paths to use ionic2/

gulpfile.js

@@ -19,13 +19,14 @@ var plumber = require('gulp-plumber')
 var rename = require('gulp-rename')
 var sass = require('gulp-sass')
 var shell = require('gulp-shell')
+var through2 = require('through2')
 var traceur = require('gulp-traceur')
-var wrap = require('gulp-wrap');
+var wrap = require('gulp-wrap')
 
 gulp.task('default', ['build', 'lib', 'e2e'])
 
-gulp.task('build', ['sass', 'js']);
-gulp.task('lib', ['ng2', 'fonts', 'dependencies']);
+gulp.task('build', ['sass', 'ionic-js'])
+gulp.task('lib', ['ng2', 'fonts', 'dependencies'])
 
 gulp.task('watch', ['default'], function() {
   gulp.watch(buildConfig.src.scss, ['sass'])
@@ -44,11 +45,11 @@ gulp.task('karma-watch', function() {
 
 gulp.task('dependencies', function() {
   return gulp.src(buildConfig.dependencies)
-    .pipe(gulp.dest(buildConfig.distLib));
-});
+    .pipe(gulp.dest(buildConfig.distLib))
+})
 
-gulp.task('js', function() {
-  return gulp.src('src/**/*.js')
+gulp.task('ionic-js', function() {
+  return gulp.src(buildConfig.src.js)
     .pipe(gulp.dest(buildConfig.distLib + '/ionic2'))
 })
 

scripts/build/config.js

@@ -12,7 +12,10 @@ module.exports = {
   dependencies: [
     'node_modules/traceur/bin/traceur.js',
     'node_modules/es6-module-loader/dist/es6-module-loader.js',
+    'node_modules/es6-module-loader/dist/es6-module-loader.js.map',
     'node_modules/systemjs/dist/system.js',
+    'node_modules/systemjs/dist/system.js.map',
+    'node_modules/systemjs/dist/system.src.js',
     'node_modules/zone.js/zone.js',
     'node_modules/zone.js/long-stack-trace-zone.js',
     'node_modules/hammerjs/hammer.js',
@@ -25,7 +28,7 @@ module.exports = {
     'zone.js',
     'long-stack-trace-zone.js',
     'hammer.js',
-    'angular2.js'
+    'angular2.js',
   ],
 
   traceurOptions: {

src/components.js

@@ -1,8 +1,7 @@
-//BUNDLE ONLY
+// export all components as array
 
-import {Aside, AsideParent} from './components/aside/aside';
+import {Aside} from 'ionic2/components/aside/aside';
 
 export let ionicComponents = [
   Aside,
-  AsideParent
 ];

src/components/app/test/app_spec.js

@@ -1,4 +1,4 @@
-import {Ion} from '../ion';
+import {Ion} from 'ionic2/ion';
 
 export function main() {
   it('should be true', () => {

src/components/app/test/figure-it-out/main.js

@@ -2,7 +2,7 @@ import {DynamicComponent, Component, Template, bootstrap, NgElement} from 'angul
 import {Inject} from 'angular2/di';
 import {PrivateComponentLoader} from 'angular2/src/core/compiler/private_component_loader';
 import {PrivateComponentLocation} from 'angular2/src/core/compiler/private_component_location';
-import {RedBgStyler, BlueTextStyler} from './components/stylers';
+import {RedBgStyler, BlueTextStyler} from 'ionic2/components/stylers';
 
 @DynamicComponent({
   selector: 'dynamic-component',

src/components/aside/aside-gestures.js

@@ -1,88 +0,0 @@
-import {AsideConfig, Aside} from './aside';
-import {SlideEdgeGesture} from '../../core/gestures/slide-edge-gesture';
-
-class AsideGesture extends SlideEdgeGesture {
-  constructor(aside: Aside) {
-    this.aside = aside;
-    this.slideElement = aside.domElement.parentNode;
-    super(this.slideElement, {
-      direction: (aside.side === 'left' || aside.side === 'right') ? 'x' : 'y',
-      edge: aside.side,
-      threshold: 75
-    });
-    this.listen();
-  }
-  
-  canStart(ev) {
-    // Only restrict edges if the aside is closed
-    return this.aside.isOpen ? true : super.canStart(ev);
-  }
-
-  onSlideBeforeStart(slide, ev) {
-    console.log('beforestart');
-    this.aside.setSliding(true);
-    this.aside.setChanging(true);
-    return new Promise(resolve => {
-      requestAnimationFrame(resolve);
-    });
-  }
-  onSlide(slide, ev) {
-    this.aside.setTransform('translate3d(' + slide.distance + 'px,0,0)');
-  }
-  onSlideEnd(slide, ev) {
-    this.aside.setTransform('');
-    this.aside.setSliding(false);
-    if (Math.abs(ev.velocityX) > 0.2 || Math.abs(slide.delta) > Math.abs(slide.max) * 0.5) {
-      this.aside.setOpen(!this.aside.isOpen);
-    }
-  }
-
-  getElementStartPos(slide, ev) {
-    return this.aside.isOpen ? slide.max : slide.min;
-  }
-  getSlideBoundaries() {
-    return {
-      min: 0,
-      max: this.aside.domElement.offsetWidth
-    };
-  }
-}
-
-export class LeftAsideGesture extends AsideGesture {}
-
-export class RightAsideGesture extends LeftAsideGesture {
-  getElementStartPos(slide, ev) {
-    return this.aside.isOpen ? slide.min : slide.max;
-  }
-  getSlideBoundaries() {
-    return {
-      min: -this.aside.domElement.offsetWidth,
-      max: 0
-    };
-  }
-
-}
-
-export class TopAsideGesture extends AsideGesture {
-  onSlide(slide, ev) {
-    this.aside.setTransform('translate3d(0,' + slide.distance + 'px,0)');
-  }
-  getSlideBoundaries() {
-    return {
-      min: 0,
-      max: this.aside.domElement.offsetHeight
-    };
-  }
-}
-
-export class BottomAsideGesture extends TopAsideGesture {
-  getElementStartPos(slide, ev) {
-    return this.aside.isOpen ? slide.min : slide.max;
-  }
-  getSlideBoundaries() {
-    return {
-      min: -this.aside.domElement.offsetHeight,
-      max: 0
-    };
-  }
-}

src/components/aside/aside.js

@@ -1,7 +1,7 @@
-import {Component, Template, Inject, Parent, NgElement, PropertySetter} from 'angular2/angular2'
-import {ComponentConfig} from '../../core/config/config'
-import * as types from './extensions/types/types'
-import * as gestures from  './extensions/gestures/gestures';
+import {Component, Template, Inject, Parent, NgElement} from 'angular2/angular2'
+import {ComponentConfig} from 'ionic2/config/component-config'
+import * as types from 'ionic2/components/aside/types/types'
+import * as gestures from  'ionic2/components/aside/gestures/gestures';
 
 @Component({
   selector: 'ion-aside',

src/components/aside/config.js

@@ -0,0 +1,20 @@
+import {ComponentConfig} from 'ionic2/config/component-config'
+import {Aside} from 'ionic2/components/aside/aside';
+import * as asideTypes from 'ionic2/components/aside/types/types'
+import * as asideGestures from  'ionic2/components/aside/gestures/gestures';
+
+export let AsideConfig = new ComponentConfig(Aside)
+
+AsideConfig.classes('side', 'type')
+
+AsideConfig.delegate('gesture')
+  .when({side: 'left'}, gestures.LeftAsideGesture)
+  .when({side: 'right'}, gestures.RightAsideGesture)
+  .when({side: 'top'}, gestures.TopAsideGesture)
+  .when({side: 'bottom'}, gestures.BottomAsideGesture)
+
+AsideConfig.delegate('type')
+  .when({type: 'overlay'}, types.AsideTypeOverlay)
+  .when({type: 'push'}, types.AsideTypePush)
+  .when({type: 'reveal'}, types.AsideTypeReveal)
+

src/components/aside/gestures/gestures.js

@@ -1,6 +1,6 @@
-import {Aside} from '../../aside';
+import {Aside} from 'ionic2/components/aside/aside';
 //TODO: figure out way to get rid of all the ../../../../
-import {SlideEdgeGesture} from '../../../../core/gestures/slide-edge-gesture';
+import {SlideEdgeGesture} from 'ionic2/gestures/slide-edge-gesture';
 
 class AsideGesture extends SlideEdgeGesture {
   constructor(aside: Aside) {
@@ -89,3 +89,4 @@ export class BottomAsideGesture extends TopAsideGesture {
     };
   }
 }
+

src/components/aside/types/types.js

@@ -1,7 +1,7 @@
-import {Aside} from '../../aside';
+import {Aside} from 'ionic2/components/aside/aside';
 
 // TODO use setters instead of direct dom manipulation
-let asideManipulator = {
+const asideManipulator = {
   setSliding(sliding) {
     this.aside.domElement.classList[sliding ? 'add' : 'remove']('no-transition');
   },
@@ -12,7 +12,7 @@ let asideManipulator = {
     this.aside.domElement.style.transform = t;
   }
 }
-let contentManipulator = {
+const contentManipulator = {
   setSliding(sliding) {
     this.aside.content.domElement.classList[sliding ? 'add' : 'remove']('no-transition');
   },

src/components/icon/icon.js

@@ -1,5 +1,4 @@
 import {NgElement, Decorator} from 'angular2/angular2'
-import {Ion} from '../ion'
 
 @Decorator({
   selector: 'ion-icon,ionicon,icon'

src/components/icon/ionicons-variables.scss

@@ -738,4 +738,4 @@ $ionicon-var-wifi: "\f25c";
 $ionicon-var-wineglass: "\f2b9";
 $ionicon-var-woman: "\f25d";
 $ionicon-var-wrench: "\f2ba";
-$ionicon-var-xbox: "\f30c";
+$ionicon-var-xbox: "\f30c";

src/components/ion.js

@@ -1,4 +1,4 @@
-import * as util from '../util';
+import * as util from 'ionic2/util';
 
 export class Ion {}
 

src/components/modal/modal.js

@@ -1,5 +1,4 @@
 import {Compiler, NgElement, Component, Template} from 'angular2/angular2';
-import {Ion} from '../ion';
 
 @Component({
   selector: 'ion-modal-wrapper'

src/components/nav-view/nav-view.js

@@ -1,5 +1,3 @@
-import {Ion} from '../ion'
-
 export class NavView {
 
   // viewControllers: Stack<ViewController>;

src/components/tabs/tab.js

@@ -1,7 +1,6 @@
 import {NgElement, Component, Template, Parent} from 'angular2/angular2';
-import {Ion} from '../ion';
-import {Tabs} from './tabs';
-import {NavView} from '../nav-view/nav-view';
+import {Tabs} from 'ionic2/components/tabs/tabs';
+import {NavView} from 'ionic2/components/nav-view/nav-view';
 
 @Component({
   selector: 'ion-tab',

src/components/tabs/tabs.js

@@ -1,7 +1,5 @@
 import {NgElement, Component, Template, Parent} from 'angular2/angular2';
-import {History} from '../../history';
-import {View} from 'ionic/components/view/view';
-
+import {View} from 'ionic2/components/view/view';
 
 @Component({
   selector: 'ion-tabs'

src/components/view/view.js

@@ -1,5 +1,5 @@
 import {NgElement, Component, Template} from 'angular2/angular2'
-import {Toolbar} from '../toolbar/toolbar'
+import {Toolbar} from 'ionic2/components/toolbar/toolbar'
 
 @Component({
   selector: 'ion-view',

src/config/component-config.js

@@ -1,5 +1,5 @@
-import {platform} from '../platform/platform'
-import * as util from '../../util'
+import {platform} from 'ionic2/platform/platform'
+import * as util from 'ionic2/util'
 
 
 /*

src/config/config_spec.js

@@ -1,4 +1,4 @@
-import {Config} from './config';
+import {Config} from 'ionic2/config/component-config';
 
 // TODO stop hardcoding platforms and media sizes
 export function main() {

src/core/config/config-case.js

@@ -1,47 +0,0 @@
-import * as util from '../../util';
-import {platform} from '../platform/platform';
-
-function isPlatform(key = '') {
-  return platform.isRegistered(key.toLowerCase());
-}
-
-export class ConfigCase {
-  constructor({ root, parent, path }) {
-    this._root = root;
-    this._parent = parent;
-    this._path = path || [];
-    this._values = {};
-    this._component = null;
-  }
-  platform(key = '') {
-    if (isPlatform(key)) return this._root._addCase(key, this);
-    return this;
-  }
-  // media(key = '') {
-  //   if (isMedia(key)) return this._root._addCase(key, this);
-  //   return this;
-  // }
-  when(condition = '') {
-    if (isPlatform(condition)) {
-      return this._root._addCase(condition, this);
-    }
-    return this;
-  }
-  component(Class) {
-    this._component = Class;
-    return this;
-  }
-  set(obj) {
-    util.extend(this._values, obj);
-    return this;
-  }
-  unset(key) {
-    delete this._values[key];
-    return this;
-  }
-  get(key) {
-    return util.isDefined(this._values[key]) ? 
-      this._values[key] :
-      (this._parent ? this._parent.get(key) : undefined);
-  }
-}

src/gestures/drag-gesture.js

@@ -1,5 +1,5 @@
-import {Gesture} from './gesture';
-import * as util from '../../util';
+import {Gesture} from 'ionic2/gestures/gesture';
+import * as util from 'ionic2/util';
 import Hammer from 'hammer';
 
 /*

src/gestures/gesture.js

@@ -1,4 +1,4 @@
-import * as util from '../../util';
+import * as util from 'ionic2/util';
 import Hammer from 'hammer';
 
 export class Gesture {

src/gestures/slide-edge-gesture.js

@@ -1,5 +1,5 @@
-import {SlideGesture} from './slide-gesture';
-import * as util from '../../util';
+import {SlideGesture} from 'ionic2/gestures/slide-gesture';
+import * as util from 'ionic2/util';
 
 export class SlideEdgeGesture extends SlideGesture {
   constructor(element: Element, opts: Object = {}) {

src/gestures/slide-gesture.js

@@ -1,5 +1,5 @@
-import {DragGesture} from './drag-gesture';
-import * as util from '../../util';
+import {DragGesture} from 'ionic2/gestures/drag-gesture';
+import * as util from 'ionic2/util';
 
 export class SlideGesture extends DragGesture {
   constructor(element, opts = {}) {

src/platform/platform.js

@@ -1,4 +1,4 @@
-import * as util from '../../util';
+import * as util from 'ionic2/util';
 
 class Platform {
   constructor(options) {

src/util_spec.js

@@ -1,4 +1,4 @@
-import * as util from './util';
+import * as util from 'ionic2/util';
 
 export function main() {
   describe('extend', function() {