initial project creation

Author: geekytime

.babelrc

@@ -0,0 +1,7 @@
+{
+  "plugins": [
+    "transform-async-to-generator",
+    "transform-object-rest-spread"
+  ],
+  "presets": ["env"]
+}

.eslintrc.js

@@ -0,0 +1,33 @@
+module.exports = {
+  "env": {
+    "browser": true,
+    "es6": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:vue/essential"
+  ],
+  "parserOptions": {
+    "sourceType": "module",
+    ecmaVersion: 8
+  },
+  "rules": {
+    "indent": [
+      "error",
+      2
+    ],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "quotes": [
+      "error",
+      "double",
+      {allowTemplateLiterals: true}
+    ],
+    "semi": [
+      "error",
+      "never"
+    ]
+  }
+};

.gitignore

@@ -0,0 +1,6 @@
+node_modules
+.DS_Store
+yarn-error.log
+package-lock.json
+.test
+dist

.npmignore

@@ -0,0 +1,3 @@
+node_modules
+test
+.test

lib/animations/slide.less

@@ -0,0 +1,48 @@
+@defaultDuration: 600ms;
+
+.slide-out-left {
+	.slide-out-left();
+}
+
+.slide-in-left {
+	.slide-in-left();
+}
+
+.slide-out-right {
+	.slide-out-right();
+}
+
+.slide-in-right {
+	.slide-in-right();
+}
+
+.slide-out-left (@duration: @defaultDuration; @delay: 0ms) {
+	animation: slide-out-left-anim @duration ease both;
+}
+
+.slide-in-left (@duration: @defaultDuration; @delay: 0ms) {
+	animation: slide-in-left-anim @duration ease both;
+}
+
+.slide-out-right (@duration: @defaultDuration; @delay: 0ms) {
+	animation: slide-out-right-anim @duration ease both;
+}
+
+.slide-in-right (@duration: @defaultDuration; @delay: 0ms) {
+	animation: slide-in-right-anim @duration ease both;
+}
+
+@keyframes slide-out-left-anim {
+	from { }
+	to { transform: translateX(-100%); }
+}
+@keyframes slide-in-right-anim {
+	from { transform: translateX(-100%); }
+}
+@keyframes slide-out-right-anim {
+	from { }
+	to { transform: translateX(100%); }
+}
+@keyframes slide-in-left-anim {
+	from { transform: translateX(100%); }
+}

lib/convert-page-routes.js

@@ -0,0 +1,12 @@
+export default (pageRoutes) => {
+  return pageRoutes.map((pageRoute) => {
+    const action = (context) => {
+      return {
+        page: pageRoute.page,
+        params: context.params,
+        transIndex: pageRoute.transIndex
+      }
+    }
+    return {...pageRoute, ...{action}}
+  })
+}

lib/find-transition.js

@@ -0,0 +1,22 @@
+const findTransition = (oldRoute, newRoute) => {
+  const transOut = oldRoute && oldRoute.hasOwnProperty("transIndex")
+  const transIn = newRoute && newRoute.hasOwnProperty("transIndex")
+  if ( transOut && transIn ){
+    const oldIndex = oldRoute.transIndex
+    const newIndex = newRoute.transIndex
+    if (oldIndex < newIndex){
+      return {
+        [oldRoute.page]: "slide-out-left",
+        [newRoute.page]: "slide-in-left"
+      }
+    } else if (oldIndex > newIndex) {
+      return {
+        [oldRoute.page]: "slide-out-right",
+        [newRoute.page]: "slide-in-right"
+      }
+    }
+  }
+  return false
+}
+
+export default findTransition

lib/history.js

@@ -0,0 +1,5 @@
+import createHistory from "history/createBrowserHistory"
+
+const history = createHistory()
+
+export default history

lib/index.js

@@ -0,0 +1,4 @@
+export {default as Link} from "./link.vue"
+export {default as Page} from "./page.vue"
+export {default as Pages} from "./pages.vue"
+export {default as router} from "./router.js"

lib/is-plain-left-click.js

@@ -0,0 +1,12 @@
+const isPlainLeftClick = (event) => {
+  return !(
+    (event.button && event.button !== 0)
+    || event.metaKey
+    || event.altKey
+    || event.ctrlKey
+    || event.shiftKey
+    || event.defaultPrevented === true
+  )
+}
+
+export default isPlainLeftClick