From a6f7ae13b9b039930a32d03bf81c1079c9d53593 Mon Sep 17 00:00:00 2001
From: Michael Tintiuc <contact@michaeltintiuc.com>
Date: Wed, 10 Oct 2018 18:14:29 +0300
Subject: [PATCH] Improve typescript typings and config

---
 .gitignore                                    |  1 +
 build/rollup.config.js                        |  2 +-
 package.json                                  |  3 +-
 src/api-utils.ts                              |  2 +-
 src/api.ts                                    | 22 +++---
 .../ion-vue-router-transitionless.vue         |  2 +-
 src/components/ion-vue-router.vue             |  9 +--
 src/framework-delegate.ts                     |  2 +-
 src/{types/interfaces.d.ts => interfaces.ts}  | 14 +++-
 src/mixins/catch-ionic-go-back.ts             |  6 +-
 src/proxy-controller.ts                       |  2 +-
 src/proxy-delegate-controller.ts              |  2 +-
 src/proxy-menu-controller.ts                  |  2 +-
 src/router.ts                                 |  2 +-
 tsconfig.json                                 | 10 ++-
 types/api-utils.d.ts                          |  4 +
 types/api.d.ts                                | 18 +++++
 .../ion-vue-router-transitionless.vue.d.ts    |  7 ++
 types/components/ion-vue-router.vue.d.ts      | 25 +++++++
 types/framework-delegate.d.ts                 | 11 +++
 types/index.d.ts                              |  4 +
 types/interfaces.d.ts                         | 75 +++++++++++++++++++
 types/ionic.d.ts                              |  8 ++
 types/mixins/catch-ionic-go-back.d.ts         |  5 ++
 types/proxy-controller.d.ts                   |  9 +++
 types/proxy-delegate-controller.d.ts          |  9 +++
 types/proxy-menu-controller.d.ts              | 16 ++++
 types/router.d.ts                             | 19 +++++
 types/types/interfaces.d.ts                   | 75 +++++++++++++++++++
 29 files changed, 332 insertions(+), 34 deletions(-)
 rename src/{types/interfaces.d.ts => interfaces.ts} (90%)
 create mode 100644 types/api-utils.d.ts
 create mode 100644 types/api.d.ts
 create mode 100644 types/components/ion-vue-router-transitionless.vue.d.ts
 create mode 100644 types/components/ion-vue-router.vue.d.ts
 create mode 100644 types/framework-delegate.d.ts
 create mode 100644 types/index.d.ts
 create mode 100644 types/interfaces.d.ts
 create mode 100644 types/ionic.d.ts
 create mode 100644 types/mixins/catch-ionic-go-back.d.ts
 create mode 100644 types/proxy-controller.d.ts
 create mode 100644 types/proxy-delegate-controller.d.ts
 create mode 100644 types/proxy-menu-controller.d.ts
 create mode 100644 types/router.d.ts
 create mode 100644 types/types/interfaces.d.ts

diff --git a/.gitignore b/.gitignore
index 629602e..da38761 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,7 @@ node_modules/
 coverage/
 reports/
 src/**/*.js
+types/**/*.map
 
 # ignore log files
 *.log
diff --git a/build/rollup.config.js b/build/rollup.config.js
index 90250a8..937b55a 100644
--- a/build/rollup.config.js
+++ b/build/rollup.config.js
@@ -52,7 +52,7 @@ function baseConfig() {
       '@ionic/core/dist/ionic/svg',
       'ionicons/dist/collection/icon/icon.css',
     ],
-    plugins: [vue(), typescript()],
+    plugins: [vue(), typescript({ useTsconfigDeclarationDir: true })],
   }
 }
 
diff --git a/package.json b/package.json
index 57cbcd3..5aaecfc 100644
--- a/package.json
+++ b/package.json
@@ -8,12 +8,13 @@
   "license": "MIT",
   "repository": "github:ModusCreateOrg/ionic-vue",
   "main": "dist/ionic-vue.common.js",
-  "typings": "dist/index.d.ts",
+  "typings": "types/index.d.ts",
   "module": "dist/ionic-vue.esm.js",
   "unpkg": "dist/ionic-vue.js",
   "jsdelivr": "dist/ionic-vue.js",
   "files": [
     "src/",
+    "types/",
     "dist/*.js",
     "dist/*.ts"
   ],
diff --git a/src/api-utils.ts b/src/api-utils.ts
index 8ef6431..888f037 100644
--- a/src/api-utils.ts
+++ b/src/api-utils.ts
@@ -1,4 +1,4 @@
-import { HTMLStencilElement } from './types/interfaces';
+import { HTMLStencilElement } from './interfaces';
 
 // A proxy method that initializes the controller and calls requested method
 export function proxyMethod(tag: string, method: string, ...opts: any[]): Promise<any> {
diff --git a/src/api.ts b/src/api.ts
index 85c551e..8aa2594 100644
--- a/src/api.ts
+++ b/src/api.ts
@@ -1,5 +1,5 @@
 import Vue, { PluginFunction } from 'vue';
-import { ApiCache, FrameworkDelegate } from './types/interfaces';
+import { ApiCache, FrameworkDelegate } from './interfaces';
 import Delegate from './framework-delegate';
 import ProxyController from './proxy-controller';
 import ProxyMenuController from './proxy-menu-controller';
@@ -13,37 +13,37 @@ export default class Api {
   static install: PluginFunction<never>;
 
   // Create or return a ActionSheetController instance
-  get actionSheetController(): typeof ProxyController {
+  get actionSheetController(): ProxyController {
     return getOrCreateController('ion-action-sheet-controller');
   }
 
   // Create or return an AlertController instance
-  get alertController(): typeof ProxyController {
+  get alertController(): ProxyController {
     return getOrCreateController('ion-alert-controller');
   }
 
   // Create or return a LoadingController instance
-  get loadingController(): typeof ProxyController {
+  get loadingController(): ProxyController {
     return getOrCreateController('ion-loading-controller');
   }
 
   // Create or return a MenuController instance
-  get menuController(): typeof ProxyMenuController {
+  get menuController(): ProxyMenuController {
     return getOrCreateMenuController('ion-menu-controller');
   }
 
   // Create or return a ModalController instance
-  get modalController(): typeof ProxyDelegateController {
+  get modalController(): ProxyDelegateController {
     return getOrCreateDelegatedController('ion-modal-controller');
   }
 
   // Create or return a PopoverController instance
-  get popoverController(): typeof ProxyDelegateController {
+  get popoverController(): ProxyDelegateController {
     return getOrCreateDelegatedController('ion-popover-controller');
   }
 
   // Create or return a ToastController instance
-  get toastController(): typeof ProxyController {
+  get toastController(): ProxyController {
     return getOrCreateController('ion-toast-controller');
   }
 }
@@ -82,7 +82,7 @@ Api.install = (Vue): void => {
 };
 
 // Get existing Base controller instance or initialize a new one
-function getOrCreateController(tag: string): typeof ProxyController {
+function getOrCreateController(tag: string): ProxyController {
   if (!Api.cache[tag]) {
     Api.cache[tag] = new ProxyController(tag);
   }
@@ -91,7 +91,7 @@ function getOrCreateController(tag: string): typeof ProxyController {
 }
 
 // Get existing Menu controller instance or initialize a new one
-function getOrCreateMenuController(tag: string): typeof ProxyMenuController {
+function getOrCreateMenuController(tag: string): ProxyMenuController {
   if (!Api.cache[tag]) {
     Api.cache[tag] = new ProxyMenuController(tag);
   }
@@ -100,7 +100,7 @@ function getOrCreateMenuController(tag: string): typeof ProxyMenuController {
 }
 
 // Get existing Delegated controller instance or initialize a new one
-function getOrCreateDelegatedController(tag: string): typeof ProxyDelegateController {
+function getOrCreateDelegatedController(tag: string): ProxyDelegateController {
   if (!Api.cache[tag]) {
     Api.cache[tag] = new ProxyDelegateController(tag, _Delegate);
   }
diff --git a/src/components/ion-vue-router-transitionless.vue b/src/components/ion-vue-router-transitionless.vue
index e3854b0..1695a63 100644
--- a/src/components/ion-vue-router-transitionless.vue
+++ b/src/components/ion-vue-router-transitionless.vue
@@ -7,7 +7,7 @@
 <script lang="ts">
 import { Prop } from 'vue-property-decorator';
 import Component, { mixins } from 'vue-class-component';
-import CatchIonicGoBack from '../mixins/catch-ionic-go-back.js';
+import CatchIonicGoBack from '../mixins/catch-ionic-go-back';
 
 @Component
 export default class IonVueRouter extends mixins(CatchIonicGoBack) {
diff --git a/src/components/ion-vue-router.vue b/src/components/ion-vue-router.vue
index 0365973..9702860 100644
--- a/src/components/ion-vue-router.vue
+++ b/src/components/ion-vue-router.vue
@@ -26,9 +26,8 @@
 <script lang="ts">
 import { Prop } from 'vue-property-decorator';
 import Component, { mixins } from 'vue-class-component';
-import CatchIonicGoBack from '../mixins/catch-ionic-go-back.js';
-import { IonRouterOutlet } from '../types/interfaces.js';
-import Router from '../router.js';
+import CatchIonicGoBack from '../mixins/catch-ionic-go-back';
+import { IonRouterOutlet } from '../interfaces';
 
 @Component
 export default class IonVueRouter extends mixins(CatchIonicGoBack) {
@@ -78,7 +77,7 @@ export default class IonVueRouter extends mixins(CatchIonicGoBack) {
         deepWait: true,
         duration: this.getDuration(),
         direction: this.getDirection(),
-        showGoBack: (this.$router as Router).canGoBack(),
+        showGoBack: this.$router.canGoBack(),
       });
     });
   }
@@ -90,7 +89,7 @@ export default class IonVueRouter extends mixins(CatchIonicGoBack) {
 
   // Get the navigation direction from the router
   getDirection() {
-    return (this.$router as Router).direction === 1 ? 'forward' : 'back';
+    return this.$router.direction === 1 ? 'forward' : 'back';
   }
 
   // Set the component to be rendered before we render the new route
diff --git a/src/framework-delegate.ts b/src/framework-delegate.ts
index df3bd82..a8ac4e7 100644
--- a/src/framework-delegate.ts
+++ b/src/framework-delegate.ts
@@ -1,5 +1,5 @@
 import { VueConstructor } from 'vue';
-import { FrameworkDelegate, HTMLVueElement, WebpackFunction, EsModule } from './types/interfaces';
+import { EsModule, FrameworkDelegate, HTMLVueElement, WebpackFunction } from './interfaces';
 
 export default class Delegate implements FrameworkDelegate {
   constructor(public vue: VueConstructor) {}
diff --git a/src/types/interfaces.d.ts b/src/interfaces.ts
similarity index 90%
rename from src/types/interfaces.d.ts
rename to src/interfaces.ts
index bb88d3b..681c201 100644
--- a/src/types/interfaces.d.ts
+++ b/src/interfaces.ts
@@ -1,5 +1,5 @@
-import Vue, { VueConstructor } from 'vue';
-import IonicApi from '../api';
+import Vue from 'vue';
+import IonicApi from './api';
 import VueRouter from 'vue-router';
 import { RouterOptions } from 'vue-router/types/router';
 
@@ -9,6 +9,14 @@ declare module 'vue/types/vue' {
   }
 }
 
+declare module 'vue-router/types/router' {
+  interface VueRouter {
+    direction: number;
+    directionOverride: number | null;
+    canGoBack(): boolean;
+  }
+}
+
 export interface HTMLVueElement extends HTMLElement {
   __vue__: Vue;
 }
@@ -64,7 +72,7 @@ export interface ProxyControllerInterface {
 
 export interface ProxyDelegateOptions extends Object {
   [key: string]: any;
-  delegate: FrameworkDelegate;
+  delegate?: FrameworkDelegate;
 }
 
 export interface ProxyMenuControllerInterface {
diff --git a/src/mixins/catch-ionic-go-back.ts b/src/mixins/catch-ionic-go-back.ts
index 8e7f4db..7ea3b7e 100644
--- a/src/mixins/catch-ionic-go-back.ts
+++ b/src/mixins/catch-ionic-go-back.ts
@@ -1,7 +1,7 @@
 import Vue from 'vue';
-import Router from '../router'
+import Router from '../router';
 import Component from 'vue-class-component';
-import { IonBackButton } from '../types/interfaces';
+import { IonBackButton } from '../interfaces';
 
 @Component
 export default class CatchIonicGoBack extends Vue {
@@ -33,4 +33,4 @@ export default class CatchIonicGoBack extends Vue {
       $router.push(defaultHref);
     }
   }
-};
+}
diff --git a/src/proxy-controller.ts b/src/proxy-controller.ts
index f346401..5ec4d7a 100644
--- a/src/proxy-controller.ts
+++ b/src/proxy-controller.ts
@@ -1,5 +1,5 @@
 import * as apiUtils from './api-utils';
-import { ProxyControllerInterface } from './types/interfaces';
+import { ProxyControllerInterface } from './interfaces';
 
 // A proxy class that allows early access to controller methods
 export default class ProxyController implements ProxyControllerInterface {
diff --git a/src/proxy-delegate-controller.ts b/src/proxy-delegate-controller.ts
index b44a53c..93ae699 100644
--- a/src/proxy-delegate-controller.ts
+++ b/src/proxy-delegate-controller.ts
@@ -1,5 +1,5 @@
 import ProxyController from './proxy-controller';
-import { FrameworkDelegate, ProxyDelegateOptions } from './types/interfaces';
+import { FrameworkDelegate, ProxyDelegateOptions } from './interfaces';
 
 // A proxy class that allows early access to controller methods
 export default class ProxyDelegateController extends ProxyController {
diff --git a/src/proxy-menu-controller.ts b/src/proxy-menu-controller.ts
index b088d08..c6f9a6b 100644
--- a/src/proxy-menu-controller.ts
+++ b/src/proxy-menu-controller.ts
@@ -1,5 +1,5 @@
 import * as apiUtils from './api-utils';
-import { ProxyMenuControllerInterface } from './types/interfaces';
+import { ProxyMenuControllerInterface } from './interfaces';
 
 // A proxy class that allows early access to controller methods
 export default class ProxyMenuController implements ProxyMenuControllerInterface {
diff --git a/src/router.ts b/src/router.ts
index b45cc37..b099d5f 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -1,6 +1,6 @@
 import VueRouter, { Route } from 'vue-router';
 import { PluginFunction } from 'vue';
-import { RouterArgs, VueWindow } from './types/interfaces';
+import { RouterArgs, VueWindow } from './interfaces';
 import IonVueRouter from './components/ion-vue-router.vue';
 import IonVueRouterTransitionless from './components/ion-vue-router-transitionless.vue';
 
diff --git a/tsconfig.json b/tsconfig.json
index 7313be8..2765dda 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,6 +5,8 @@
     "allowSyntheticDefaultImports": true,
     "allowUnreachableCode": false,
     "declaration": true,
+    "declarationMap": true,
+    "declarationDir": "types",
     "experimentalDecorators": true,
     "forceConsistentCasingInFileNames": true,
     "jsx": "react",
@@ -26,8 +28,10 @@
     "strictPropertyInitialization": false,
     "target": "es5"
   },
-  "files": [
-    "src/index.ts",
-    "src/sfc.d.ts"
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
   ]
 }
diff --git a/types/api-utils.d.ts b/types/api-utils.d.ts
new file mode 100644
index 0000000..369f325
--- /dev/null
+++ b/types/api-utils.d.ts
@@ -0,0 +1,4 @@
+import { HTMLStencilElement } from './interfaces';
+export declare function proxyMethod(tag: string, method: string, ...opts: any[]): Promise<any>;
+export declare function initController(tag: string): Promise<HTMLStencilElement>;
+//# sourceMappingURL=api-utils.d.ts.map
\ No newline at end of file
diff --git a/types/api.d.ts b/types/api.d.ts
new file mode 100644
index 0000000..42483be
--- /dev/null
+++ b/types/api.d.ts
@@ -0,0 +1,18 @@
+import { PluginFunction } from 'vue';
+import { ApiCache } from './interfaces';
+import ProxyController from './proxy-controller';
+import ProxyMenuController from './proxy-menu-controller';
+import ProxyDelegateController from './proxy-delegate-controller';
+export default class Api {
+    static cache: ApiCache;
+    static installed: boolean;
+    static install: PluginFunction<never>;
+    readonly actionSheetController: ProxyController;
+    readonly alertController: ProxyController;
+    readonly loadingController: ProxyController;
+    readonly menuController: ProxyMenuController;
+    readonly modalController: ProxyDelegateController;
+    readonly popoverController: ProxyDelegateController;
+    readonly toastController: ProxyController;
+}
+//# sourceMappingURL=api.d.ts.map
\ No newline at end of file
diff --git a/types/components/ion-vue-router-transitionless.vue.d.ts b/types/components/ion-vue-router-transitionless.vue.d.ts
new file mode 100644
index 0000000..2f591e4
--- /dev/null
+++ b/types/components/ion-vue-router-transitionless.vue.d.ts
@@ -0,0 +1,7 @@
+import CatchIonicGoBack from '../mixins/catch-ionic-go-back';
+declare const IonVueRouter_base: import("vue-class-component/lib/declarations").VueClass<CatchIonicGoBack>;
+export default class IonVueRouter extends IonVueRouter_base {
+    name: string;
+}
+export {};
+//# sourceMappingURL=ion-vue-router-transitionless.vue?rollup-plugin-vue=script.d.ts.map
\ No newline at end of file
diff --git a/types/components/ion-vue-router.vue.d.ts b/types/components/ion-vue-router.vue.d.ts
new file mode 100644
index 0000000..48cc24e
--- /dev/null
+++ b/types/components/ion-vue-router.vue.d.ts
@@ -0,0 +1,25 @@
+import CatchIonicGoBack from '../mixins/catch-ionic-go-back';
+declare const IonVueRouter_base: import("vue-class-component/lib/declarations").VueClass<CatchIonicGoBack>;
+export default class IonVueRouter extends IonVueRouter_base {
+    name: string;
+    bindCSS: boolean;
+    animated: boolean;
+    leavingEl: HTMLElement;
+    enteringEl: HTMLElement;
+    inTransition: boolean;
+    customTransition: boolean;
+    created(): void;
+    transition(enteringEl: HTMLElement, leavingEl: HTMLElement): Promise<boolean> | undefined;
+    getDuration(): 0 | undefined;
+    getDirection(): "forward" | "back";
+    beforeEnter(el: HTMLElement): void;
+    beforeLeave(el: HTMLElement): void;
+    leave(el: HTMLElement, done: (opts?: boolean) => void): void;
+    enter(_el: HTMLElement, done: () => void): void;
+    afterEnter(): void;
+    enterCancelled(): void;
+    afterLeave(): void;
+    leaveCancelled(): void;
+}
+export {};
+//# sourceMappingURL=ion-vue-router.vue?rollup-plugin-vue=script.d.ts.map
\ No newline at end of file
diff --git a/types/framework-delegate.d.ts b/types/framework-delegate.d.ts
new file mode 100644
index 0000000..38cedbd
--- /dev/null
+++ b/types/framework-delegate.d.ts
@@ -0,0 +1,11 @@
+import { VueConstructor } from 'vue';
+import { FrameworkDelegate, HTMLVueElement, WebpackFunction } from './interfaces';
+export default class Delegate implements FrameworkDelegate {
+    vue: VueConstructor;
+    constructor(vue: VueConstructor);
+    attachViewToDom(parentElement: HTMLElement, component: HTMLElement | WebpackFunction | object | VueConstructor, opts?: object, classes?: string[]): Promise<HTMLElement>;
+    removeViewFromDom(_parentElement: HTMLElement, childElement: HTMLVueElement): Promise<void>;
+    vueController(component: WebpackFunction | object | VueConstructor): Promise<VueConstructor>;
+    vueComponent(controller: VueConstructor, opts?: object): import("vue/types/vue").CombinedVueInstance<import("vue/types/vue").Vue, object, object, object, Record<never, any>>;
+}
+//# sourceMappingURL=framework-delegate.d.ts.map
\ No newline at end of file
diff --git a/types/index.d.ts b/types/index.d.ts
new file mode 100644
index 0000000..39ce2c0
--- /dev/null
+++ b/types/index.d.ts
@@ -0,0 +1,4 @@
+export { default as Ionic } from './ionic';
+export { default as IonicAPI } from './api';
+export { default as IonicVueRouter } from './router';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/types/interfaces.d.ts b/types/interfaces.d.ts
new file mode 100644
index 0000000..38db7cd
--- /dev/null
+++ b/types/interfaces.d.ts
@@ -0,0 +1,75 @@
+import Vue from 'vue';
+import IonicApi from './api';
+import VueRouter from 'vue-router';
+import { RouterOptions } from 'vue-router/types/router';
+declare module 'vue/types/vue' {
+    interface Vue {
+        $ionic: IonicApi;
+    }
+}
+declare module 'vue-router/types/router' {
+    interface VueRouter {
+        direction: number;
+        directionOverride: number | null;
+        canGoBack(): boolean;
+    }
+}
+export interface HTMLVueElement extends HTMLElement {
+    __vue__: Vue;
+}
+export interface VueWindow extends Window {
+    Vue: typeof Vue;
+    VueRouter: typeof VueRouter;
+    disableIonicTransitions: boolean;
+}
+export interface WebpackFunction extends Function {
+    cid: number;
+}
+export interface EsModule extends Object {
+    __esModule?: boolean;
+    [Symbol.toStringTag]: string;
+}
+export interface HTMLStencilElement extends HTMLElement {
+    componentOnReady(): Promise<this>;
+    componentOnReady(done: (el?: this) => void): void;
+    forceUpdate(): void;
+}
+export interface FrameworkDelegate {
+    attachViewToDom(parentElement: HTMLElement, component: HTMLElement | WebpackFunction | object | Vue, opts?: object, classes?: string[]): Promise<HTMLElement>;
+    removeViewFromDom(parentElement: HTMLElement, childElement: HTMLVueElement): Promise<void>;
+}
+export interface IonBackButton extends HTMLStencilElement {
+    defaultHref?: string;
+}
+export interface IonRouterOutlet extends HTMLStencilElement {
+    commit(enterinEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: object | undefined): Promise<boolean>;
+}
+export interface ApiCache {
+    [key: string]: any;
+}
+export interface RouterArgs extends RouterOptions {
+    direction: number;
+    viewCount: number;
+}
+export interface ProxyControllerInterface {
+    create(opts: object): Promise<HTMLElement>;
+    dismiss(): Promise<void>;
+    getTop(): Promise<HTMLElement>;
+}
+export interface ProxyDelegateOptions extends Object {
+    [key: string]: any;
+    delegate?: FrameworkDelegate;
+}
+export interface ProxyMenuControllerInterface {
+    open(menuId?: string): Promise<boolean>;
+    close(menuId?: string): Promise<boolean>;
+    toggle(menuId?: string): Promise<boolean>;
+    enable(shouldEnable: boolean, menuId?: string): Promise<HTMLElement>;
+    swipeEnable(shouldEnable: boolean, menuId?: string): Promise<HTMLElement>;
+    isOpen(menuId?: string): Promise<boolean>;
+    isEnabled(menuId?: string): Promise<boolean>;
+    get(menuId?: string): Promise<HTMLElement>;
+    getOpen(): Promise<HTMLElement>;
+    getMenus(): Promise<HTMLElement>;
+}
+//# sourceMappingURL=interfaces.d.ts.map
\ No newline at end of file
diff --git a/types/ionic.d.ts b/types/ionic.d.ts
new file mode 100644
index 0000000..cea4595
--- /dev/null
+++ b/types/ionic.d.ts
@@ -0,0 +1,8 @@
+import '@ionic/core/css/ionic.bundle.css';
+import 'ionicons/dist/collection/icon/icon.css';
+import '@ionic/core/dist/ionic/svg';
+declare const _default: {
+    init(): void;
+};
+export default _default;
+//# sourceMappingURL=ionic.d.ts.map
\ No newline at end of file
diff --git a/types/mixins/catch-ionic-go-back.d.ts b/types/mixins/catch-ionic-go-back.d.ts
new file mode 100644
index 0000000..b6dc556
--- /dev/null
+++ b/types/mixins/catch-ionic-go-back.d.ts
@@ -0,0 +1,5 @@
+import Vue from 'vue';
+export default class CatchIonicGoBack extends Vue {
+    catchIonicGoBack(event: Event): void;
+}
+//# sourceMappingURL=catch-ionic-go-back.d.ts.map
\ No newline at end of file
diff --git a/types/proxy-controller.d.ts b/types/proxy-controller.d.ts
new file mode 100644
index 0000000..26d95df
--- /dev/null
+++ b/types/proxy-controller.d.ts
@@ -0,0 +1,9 @@
+import { ProxyControllerInterface } from './interfaces';
+export default class ProxyController implements ProxyControllerInterface {
+    tag: string;
+    constructor(tag: string);
+    create(opts?: object): Promise<HTMLElement>;
+    dismiss(): Promise<void>;
+    getTop(): Promise<HTMLElement>;
+}
+//# sourceMappingURL=proxy-controller.d.ts.map
\ No newline at end of file
diff --git a/types/proxy-delegate-controller.d.ts b/types/proxy-delegate-controller.d.ts
new file mode 100644
index 0000000..df0c0a0
--- /dev/null
+++ b/types/proxy-delegate-controller.d.ts
@@ -0,0 +1,9 @@
+import ProxyController from './proxy-controller';
+import { FrameworkDelegate, ProxyDelegateOptions } from './interfaces';
+export default class ProxyDelegateController extends ProxyController {
+    tag: string;
+    static delegate: FrameworkDelegate;
+    constructor(tag: string, delegate: FrameworkDelegate);
+    create(opts?: ProxyDelegateOptions): Promise<HTMLElement>;
+}
+//# sourceMappingURL=proxy-delegate-controller.d.ts.map
\ No newline at end of file
diff --git a/types/proxy-menu-controller.d.ts b/types/proxy-menu-controller.d.ts
new file mode 100644
index 0000000..3b0c9b7
--- /dev/null
+++ b/types/proxy-menu-controller.d.ts
@@ -0,0 +1,16 @@
+import { ProxyMenuControllerInterface } from './interfaces';
+export default class ProxyMenuController implements ProxyMenuControllerInterface {
+    tag: string;
+    constructor(tag: string);
+    open(menuId?: string): Promise<boolean>;
+    close(menuId?: string): Promise<boolean>;
+    toggle(menuId?: string): Promise<boolean>;
+    enable(shouldEnable: boolean, menuId?: string): Promise<HTMLElement>;
+    swipeEnable(shouldEnable: boolean, menuId?: string): Promise<HTMLElement>;
+    isOpen(menuId?: string): Promise<boolean>;
+    isEnabled(menuId?: string): Promise<boolean>;
+    get(menuId?: string): Promise<HTMLElement>;
+    getOpen(): Promise<HTMLElement>;
+    getMenus(): Promise<HTMLElement>;
+}
+//# sourceMappingURL=proxy-menu-controller.d.ts.map
\ No newline at end of file
diff --git a/types/router.d.ts b/types/router.d.ts
new file mode 100644
index 0000000..ef2b7c7
--- /dev/null
+++ b/types/router.d.ts
@@ -0,0 +1,19 @@
+import VueRouter, { Route } from 'vue-router';
+import { PluginFunction } from 'vue';
+import { RouterArgs } from './interfaces';
+declare const _VueRouter: typeof VueRouter;
+export default class Router extends _VueRouter {
+    direction: number;
+    directionOverride: number | null;
+    viewCount: number;
+    prevRouteStack: Route[];
+    history: any;
+    static installed: boolean;
+    static install: PluginFunction<never>;
+    constructor(args?: RouterArgs);
+    extendHistory(): void;
+    canGoBack(): boolean;
+    guessDirection(nextRoute: Route): number;
+}
+export {};
+//# sourceMappingURL=router.d.ts.map
\ No newline at end of file
diff --git a/types/types/interfaces.d.ts b/types/types/interfaces.d.ts
new file mode 100644
index 0000000..274ad7c
--- /dev/null
+++ b/types/types/interfaces.d.ts
@@ -0,0 +1,75 @@
+import Vue from 'vue';
+import IonicApi from '../api';
+import VueRouter from 'vue-router';
+import { RouterOptions } from 'vue-router/types/router';
+declare module 'vue/types/vue' {
+    interface Vue {
+        $ionic: IonicApi;
+    }
+}
+declare module 'vue-router/types/router' {
+    interface VueRouter {
+        direction: number;
+        directionOverride: number | null;
+        canGoBack(): boolean;
+    }
+}
+export interface HTMLVueElement extends HTMLElement {
+    __vue__: Vue;
+}
+export interface VueWindow extends Window {
+    Vue: typeof Vue;
+    VueRouter: typeof VueRouter;
+    disableIonicTransitions: boolean;
+}
+export interface WebpackFunction extends Function {
+    cid: number;
+}
+export interface EsModule extends Object {
+    __esModule?: boolean;
+    [Symbol.toStringTag]: string;
+}
+export interface HTMLStencilElement extends HTMLElement {
+    componentOnReady(): Promise<this>;
+    componentOnReady(done: (el?: this) => void): void;
+    forceUpdate(): void;
+}
+export interface FrameworkDelegate {
+    attachViewToDom(parentElement: HTMLElement, component: HTMLElement | WebpackFunction | object | Vue, opts?: object, classes?: string[]): Promise<HTMLElement>;
+    removeViewFromDom(parentElement: HTMLElement, childElement: HTMLVueElement): Promise<void>;
+}
+export interface IonBackButton extends HTMLStencilElement {
+    defaultHref?: string;
+}
+export interface IonRouterOutlet extends HTMLStencilElement {
+    commit(enterinEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: object | undefined): Promise<boolean>;
+}
+export interface ApiCache {
+    [key: string]: any;
+}
+export interface RouterArgs extends RouterOptions {
+    direction: number;
+    viewCount: number;
+}
+export interface ProxyControllerInterface {
+    create(opts: object): Promise<HTMLElement>;
+    dismiss(): Promise<void>;
+    getTop(): Promise<HTMLElement>;
+}
+export interface ProxyDelegateOptions extends Object {
+    [key: string]: any;
+    delegate: FrameworkDelegate;
+}
+export interface ProxyMenuControllerInterface {
+    open(menuId?: string): Promise<boolean>;
+    close(menuId?: string): Promise<boolean>;
+    toggle(menuId?: string): Promise<boolean>;
+    enable(shouldEnable: boolean, menuId?: string): Promise<HTMLElement>;
+    swipeEnable(shouldEnable: boolean, menuId?: string): Promise<HTMLElement>;
+    isOpen(menuId?: string): Promise<boolean>;
+    isEnabled(menuId?: string): Promise<boolean>;
+    get(menuId?: string): Promise<HTMLElement>;
+    getOpen(): Promise<HTMLElement>;
+    getMenus(): Promise<HTMLElement>;
+}
+//# sourceMappingURL=interfaces.d.ts.map
\ No newline at end of file