add initial implementation files

Author: rigor789

README.md

@@ -0,0 +1,46 @@
+# NativeScript-Vue-Navigator
+
+NativeScript-Vue-Navigator is a simple router implementation that is suitable for NativeScript-Vue. 
+
+## Quick Start
+
+```shell
+$ npm install --save nativescript-vue-navigator
+```
+
+```diff
+// main.js
+import Vue from 'nativescript-vue'
+...
++import Navigator from 'nativescript-vue-navigator'
++import {routes} from './routes'
++Vue.use(Navigator, { routes })
+
+new Vue({
+  - render: h => h('frame', App),
+  + render: h => h(App),
+}).$start()
+```
+
+```js
+// routes.js
+import HomePage from './components/HomePage'
+import LoginPage from './components/LoginPage'
+
+export const routes = {
+  '/home': {
+    component: HomePage,
+  },
+  '/login': {
+    component: LoginPage,
+  },
+}
+```
+
+```diff
+// App.vue
+<template>
++  <Navigator :defaultRoute="isLoggedIn ? '/home' : '/login'"/>
+</template>
+```
+

components/Navigator.js

@@ -0,0 +1,48 @@
+export default {
+  props: {
+    defaultRoute: {
+      type: String,
+      default: '/',
+    },
+  },
+  render(h) {
+    this.slotContent = this.slotContent || h(this.defaultRouteComponent)
+    return h(
+      'frame',
+      {
+        on: {loaded: this.onFrameLoaded},
+      },
+      [this.slotContent]
+    )
+  },
+  created() {
+    this.defaultRouteComponent = this.$navigator._resolveComponent(
+      this.$props.defaultRoute
+    )
+  },
+  methods: {
+    onFrameLoaded({object}) {
+      if (object.__defined__custom_currentEntry) {
+        // don't try do define the property multiple times
+        return
+      }
+      object.__defined__custom_currentEntry = true
+
+      const self = this
+      let _currentEntry = object._currentEntry
+      Object.defineProperty(object, '_currentEntry', {
+        get() {
+          return _currentEntry
+        },
+        set(value) {
+          _currentEntry = value
+          if (value && value.resolvedPage) {
+            self.$navigator._updatePath(
+              value.resolvedPage.__path || value.resolvedPage.path || ''
+            )
+          }
+        },
+      })
+    },
+  },
+}

index.js

@@ -0,0 +1,57 @@
+import Navigator from './components/Navigator'
+
+export default function install(Vue, {routes}) {
+  Vue.component('Navigator', Navigator)
+
+  Object.keys(routes).map(path => {
+    routes[path].component.__path = path
+  })
+
+  Vue.mixin({
+    mounted() {
+      // attach the current path if set to the root element
+      if (this.$options.__path) {
+        this.$el.setAttribute('__path', this.$options.__path)
+      }
+    },
+  })
+
+  Vue.prototype.$navigator = new Vue({
+    data: {
+      path: '',
+    },
+    computed: {
+      route() {
+        return this._resolveRoute(this.path)
+      },
+    },
+    methods: {
+      _resolveRoute(path) {
+        return routes[path]
+      },
+      _resolveComponent(path) {
+        const route = this._resolveRoute(path)
+        if (route) {
+          return route.component
+        }
+        return false
+      },
+      _updatePath(path) {
+        this.path = path
+      },
+
+      navigate(to, options) {
+        const matchedRoute = routes[to]
+
+        if (!matchedRoute) {
+          if (TNS_ENV === 'development') {
+            throw new Error(`Navigating to a route that doesnt exist: ${to}`)
+          }
+          return false
+        }
+
+        this.$navigateTo(matchedRoute.component, options)
+      }
+    },
+  })
+}

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "nativescript-vue-navigator",
+  "version": "0.0.1",
+  "description": "A simple router for NativeScript-Vue",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "nativescript",
+    "vue",
+    "nativescript-vue",
+    "router",
+    "navigator",
+    "navigation"
+  ],
+  "author": "Igor Randjelovic",
+  "license": "MIT"
+}