		@@ -7,4 +7,8 @@ "use strict";
		exports["default"] = void 0;
		var Kernel = {};
		var _default = Kernel;

		var _Kernel = _interopRequireDefault(require("./Kernel"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var _default = _Kernel["default"];
		exports["default"] = _default;

package.json

		{
		"name": "@primitivesocial/ps-kernel",
		"version": "1.0.0",
		"version": "1.0.1",
		"description": "Middleware system with Vue Router and Vuex",
		@@ -5,0 +5,0 @@ "main": "dist/index.js",

readme.md

		@@ -1,1 +0,76 @@
		Middleware system for Vue Router and Vuex
		![downloads](https://img.shields.io/npm/dt/@primitivesocial/ps-kernel)
		![downloads](https://img.shields.io/npm/v/@primitivesocial/ps-kernel)
		![last-commit](https://img.shields.io/github/last-commit/PrimitiveSocial/ps-kernel)
		![min-size](https://img.shields.io/bundlephobia/min/@primitivesocial/ps-kernel/1.0.0)
		![license](https://img.shields.io/github/license/PrimitiveSocial/ps-kernel)
		![closed-issues](https://img.shields.io/github/issues-closed-raw/PrimitiveSocial/ps-kernel)

		A middleware system for Vue-router and Vuex

		## Installation
		```
		npm i @primitivesocial/ps-validation --save
		```

		## Configuration
		In your app.js file, import the Vue router, Vuex and define the router as any vuex/vue-router app:
		```js
		import store from './vuex/store' // vuex store instance
		import router from './router' // vue-router instance
		const router = new VueRouter(...);
		```

		Import the kernel and add it to the vue-router beforeEach hook.
		```js
		import Kernel from "@primitivesocial/ps-kernel";

		router.beforeEach((to, from, next) => {
		let kernel = new Kernel(to, next, store);
		kernel.run();
		});
		```

		## Usage
		Middlewares are simply ES6 exported functions. The function accepts a destructred object as parameter, which contains the store instance, a next function and a redirect function. The redirect function accepts a route name as parameter.

		```js
		//auth.js middleware file
		export default function auth ({ store, redirect, next }){

		if(!store.getters['user/id']){
		return redirect('Login'); // 'Login' is the route name
		}

		//proceed the request
		return next();
		}
		```

		And in your route definitions, add it inside tge middleware meta field:
		```js
		import auth from "./auth";

		let routes = [
		{
		path: '/login',
		component: Login,
		name: 'Login'
		},
		{
		path: '/dashboard',
		component: Dashboard,
		meta: {
		middleware: [
		auth,
		]
		},
		},
		]
		```

		The middleware meta field accepts an array, which means, you can add multiple middleware per route :fire: :fire:

		## Author & Contribution
		Hey, I'm Elie Andraos, a web developer at [Primitive Social](https://twitter.com/PrimitiveSocial).
		Pull requests are always welcome. For major changes, please open an issue first to discuss what you would like to change.
		You can also [reach me out on twitter](https://twitter.com/andzilla31) for any question!

src/index.js

		@@ -1,5 +0,3 @@
		const Kernel = {
		import Kernel from "./Kernel";

		};

		export default Kernel;
		export default Kernel;

.idea/workspace.xml

Sorry, the diff of this file is not supported yet

@primitivesocial/ps-kernel - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics