diff --git a/README.md b/README.md index fb55f31..2f9dc7a 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ [![Code Climate](https://codeclimate.com/github/camelaissani/frontexpress/badges/gpa.svg)](https://codeclimate.com/github/camelaissani/frontexpress) [![Coverage Status](https://coveralls.io/repos/github/camelaissani/frontexpress/badge.svg?branch=master)](https://coveralls.io/github/camelaissani/frontexpress?branch=master) ![dependencies](https://img.shields.io/gemnasium/mathiasbynens/he.svg) - ![Size Shield](https://img.shields.io/badge/size-2.84kb-brightgreen.svg) + ![Size Shield](https://img.shields.io/badge/size-2.86kb-brightgreen.svg) Frontexpress manages routes in browser like [ExpressJS](http://expressjs.com/) does on Node. diff --git a/frontexpress.js b/frontexpress.js index c0a8949..052c8e3 100644 --- a/frontexpress.js +++ b/frontexpress.js @@ -6,9 +6,9 @@ var frontexpress = (function () { * @private */ -var HTTP_METHODS = ['GET', 'POST', 'PUT', 'DELETE']; +var HTTP_METHODS = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE']; // not supported yet -// HEAD', 'CONNECT', 'OPTIONS', 'TRACE', 'PATCH'; +// HEAD', 'CONNECT', 'OPTIONS', 'TRACE'; var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; @@ -361,61 +361,66 @@ var Middleware = function () { * @public */ - // entered(request) { } - - - /** - * Invoked by the app before a new ajax request is sent or before the DOM is unloaded. - * See Application#_callMiddlewareExited documentation for details. - * - * Override this method to add your custom behaviour - * - * @param {Object} request - * @public - */ - - // exited(request) { } - - - /** - * Invoked by the app after an ajax request has responded or on DOM ready - * (document.readyState === 'interactive'). - * See Application#_callMiddlewareUpdated documentation for details. - * - * Override this method to add your custom behaviour - * - * @param {Object} request - * @param {Object} response - * @public - */ - - // updated(request, response) { } - - - /** - * Invoked by the app when an ajax request has failed. - * - * Override this method to add your custom behaviour - * - * @param {Object} request - * @param {Object} response - * @public - */ - // failed(request, response) { } - - - /** - * Allow the hand over to the next middleware object or function. - * - * Override this method and return `false` to break execution of - * middleware chain. - * - * @return {Boolean} `true` by default - * - * @public - */ - createClass(Middleware, [{ + key: 'entered', + value: function entered(request) {} + + /** + * Invoked by the app before a new ajax request is sent or before the DOM is unloaded. + * See Application#_callMiddlewareExited documentation for details. + * + * Override this method to add your custom behaviour + * + * @param {Object} request + * @public + */ + + }, { + key: 'exited', + value: function exited(request) {} + + /** + * Invoked by the app after an ajax request has responded or on DOM ready + * (document.readyState === 'interactive'). + * See Application#_callMiddlewareUpdated documentation for details. + * + * Override this method to add your custom behaviour + * + * @param {Object} request + * @param {Object} response + * @public + */ + + }, { + key: 'updated', + value: function updated(request, response) {} + + /** + * Invoked by the app when an ajax request has failed. + * + * Override this method to add your custom behaviour + * + * @param {Object} request + * @param {Object} response + * @public + */ + + }, { + key: 'failed', + value: function failed(request, response) {} + + /** + * Allow the hand over to the next middleware object or function. + * + * Override this method and return `false` to break execution of + * middleware chain. + * + * @return {Boolean} `true` by default + * + * @public + */ + + }, { key: 'next', value: function next() { return true; @@ -811,6 +816,7 @@ var Application = function () { var _currentRoutes = _this._routes(_request.uri, _request.method); + _this._callMiddlewareMethod('exited'); _this._callMiddlewareMethod('entered', _currentRoutes, _request); _this._callMiddlewareMethod('updated', _currentRoutes, _request, _response); } @@ -832,15 +838,12 @@ var Application = function () { _this._callMiddlewareMethod('exited'); }; + this._callMiddlewareMethod('entered', currentRoutes, request); + document.onreadystatechange = function () { // DOM ready state - switch (document.readyState) { - case 'loading': - _this._callMiddlewareMethod('entered', currentRoutes, request); - break; - case 'interactive': - whenPageIsInteractiveFn(); - break; + if (document.readyState === 'interactive') { + whenPageIsInteractiveFn(); } }; @@ -1007,9 +1010,9 @@ var Application = function () { _headersFn = httpMethodTransformer.headers, _dataFn = httpMethodTransformer.data; - uri = _uriFn ? _uriFn({ uri: uri, headers: headers, data: data }) : uri; - headers = _headersFn ? _headersFn({ uri: uri, headers: headers, data: data }) : headers; - data = _dataFn ? _dataFn({ uri: uri, headers: headers, data: data }) : data; + req.uri = _uriFn ? _uriFn({ uri: uri, headers: headers, data: data }) : uri; + req.headers = _headersFn ? _headersFn({ uri: uri, headers: headers, data: data }) : headers; + req.data = _dataFn ? _dataFn({ uri: uri, headers: headers, data: data }) : data; } // calls middleware exited method diff --git a/frontexpress.min.js b/frontexpress.min.js index aa373ab..89c6456 100644 --- a/frontexpress.min.js +++ b/frontexpress.min.js @@ -1,2 +1,2 @@ -var frontexpress=function(){"use strict";function t(t){var e=void 0,r=void 0,i=void 0,n=void 0;if(t&&t.length>0){if(1===t.length)n=a(t,1)[0];else{var o=a(t,2);e=o[0],n=o[1]}n instanceof f?i=n:(n instanceof h||"function"==typeof n)&&(r=n)}return{baseUri:e,middleware:r,router:i,which:n}}var e=["GET","POST","PUT","DELETE"],r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},n=function(){function t(t,e){for(var r=0;r0&&void 0!==arguments[0]?arguments[0]:"";i(this,t),this.name=e}return n(t,[{key:"next",value:function(){return!0}}]),t}(),d=function(){function t(e,r,n,a){i(this,t),this.router=e,this.uriPart=r,this.method=n,this.middleware=a,this.visited=!1}return n(t,[{key:"uri",get:function(){if(this.uriPart||this.method){if(this.uriPart instanceof RegExp)return this.uriPart;if(this.router.baseUri instanceof RegExp)return this.router.baseUri;if(this.router.baseUri){var t=this.router.baseUri.trim();return this.uriPart?(t+this.uriPart.trim()).replace(/\/{2,}/,"/"):t}return this.uriPart}}}]),t}(),f=function(){function a(t){i(this,a),this._baseUri=t,this._routes=[]}return n(a,[{key:"_add",value:function(t){return this._routes.push(t),this}},{key:"routes",value:function(t,e){return this._routes.filter(function(r){if(r.method&&r.method!==e)return!1;if(!r.uri||!t)return!0;var i=/^(.*)\?.*#.*|(.*)(?=\?|#)|(.*[^\?#])$/.exec(t),n=i[1]||i[2]||i[3];return r.uri instanceof RegExp?n.match(r.uri):r.uri===n})}},{key:"visited",value:function(){return this._routes.filter(function(t){return t.visited})}},{key:"use",value:function(t){if(!(t instanceof h)&&"function"!=typeof t)throw new TypeError("method takes at least a middleware");return this._add(new d(this,void 0,void 0,t)),this}},{key:"all",value:function(){for(var r=this,i=arguments.length,n=Array(i),a=0;a0&&void 0!==arguments[0]?arguments[0]:window.location.pathname+window.location.search,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"GET",r=[];return this.routers.forEach(function(i){r.push.apply(r,o(i.routes(t,e)))}),r}},{key:"_callMiddlewareMethod",value:function(t,e,r,i){if("exited"===t)return void this.routers.forEach(function(t){t.visited().forEach(function(t){t.middleware.exited&&(t.middleware.exited(t.visited),t.visited=null)})});e.some(function(e){if("updated"===t&&(e.visited=r),e.middleware[t]){if(e.middleware[t](r,i),e.middleware.next&&!e.middleware.next())return!0}else if("entered"!==t){var n=!0,a=function(){n=!1};if(e.middleware(r,i,a),n)return!0}return!1})}},{key:"_fetch",value:function(t,e,r){var i=this,n=t.method,a=t.uri,o=t.headers,s=t.data,u=t.history,h=this.get("http "+n+" transformer");if(h){var d=h.uri,f=h.headers,c=h.data;a=d?d({uri:a,headers:o,data:s}):a,o=f?f({uri:a,headers:o,data:s}):o,s=c?c({uri:a,headers:o,data:s}):s}this._callMiddlewareMethod("exited");var l=this._routes(a,n);this._callMiddlewareMethod("entered",l,t),this.settings.get("http requester").fetch(t,function(t,r){u&&window.history.pushState({request:t,response:r},u.title,u.uri),i._callMiddlewareMethod("updated",l,t,r),e&&e(t,r)},function(t,e){i._callMiddlewareMethod("failed",l,t,e),r&&r(t,e)})}}]),r}();e.reduce(function(e,r){var i=r.toLowerCase();return e[i]=function(){for(var e=arguments.length,r=Array(e),n=0;n0){if(1===e.length)n=a(e,1)[0];else{var o=a(e,2);t=o[0],n=o[1]}n instanceof f?i=n:(n instanceof d||"function"==typeof n)&&(r=n)}return{baseUri:t,middleware:r,router:i,which:n}}var t=["GET","POST","PUT","PATCH","DELETE"],r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},n=function(){function e(e,t){for(var r=0;r0&&void 0!==arguments[0]?arguments[0]:"";i(this,e),this.name=t}return n(e,[{key:"entered",value:function(e){}},{key:"exited",value:function(e){}},{key:"updated",value:function(e,t){}},{key:"failed",value:function(e,t){}},{key:"next",value:function(){return!0}}]),e}(),h=function(){function e(t,r,n,a){i(this,e),this.router=t,this.uriPart=r,this.method=n,this.middleware=a,this.visited=!1}return n(e,[{key:"uri",get:function(){if(this.uriPart||this.method){if(this.uriPart instanceof RegExp)return this.uriPart;if(this.router.baseUri instanceof RegExp)return this.router.baseUri;if(this.router.baseUri){var e=this.router.baseUri.trim();return this.uriPart?(e+this.uriPart.trim()).replace(/\/{2,}/,"/"):e}return this.uriPart}}}]),e}(),f=function(){function a(e){i(this,a),this._baseUri=e,this._routes=[]}return n(a,[{key:"_add",value:function(e){return this._routes.push(e),this}},{key:"routes",value:function(e,t){return this._routes.filter(function(r){if(r.method&&r.method!==t)return!1;if(!r.uri||!e)return!0;var i=/^(.*)\?.*#.*|(.*)(?=\?|#)|(.*[^\?#])$/.exec(e),n=i[1]||i[2]||i[3];return r.uri instanceof RegExp?n.match(r.uri):r.uri===n})}},{key:"visited",value:function(){return this._routes.filter(function(e){return e.visited})}},{key:"use",value:function(e){if(!(e instanceof d)&&"function"!=typeof e)throw new TypeError("method takes at least a middleware");return this._add(new h(this,void 0,void 0,e)),this}},{key:"all",value:function(){for(var r=this,i=arguments.length,n=Array(i),a=0;a0&&void 0!==arguments[0]?arguments[0]:window.location.pathname+window.location.search,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"GET",r=[];return this.routers.forEach(function(i){r.push.apply(r,o(i.routes(e,t)))}),r}},{key:"_callMiddlewareMethod",value:function(e,t,r,i){if("exited"===e)return void this.routers.forEach(function(e){e.visited().forEach(function(e){e.middleware.exited&&(e.middleware.exited(e.visited),e.visited=null)})});t.some(function(t){if("updated"===e&&(t.visited=r),t.middleware[e]){if(t.middleware[e](r,i),t.middleware.next&&!t.middleware.next())return!0}else if("entered"!==e){var n=!0,a=function(){n=!1};if(t.middleware(r,i,a),n)return!0}return!1})}},{key:"_fetch",value:function(e,t,r){var i=this,n=e.method,a=e.uri,o=e.headers,u=e.data,s=e.history,d=this.get("http "+n+" transformer");if(d){var h=d.uri,f=d.headers,c=d.data;e.uri=h?h({uri:a,headers:o,data:u}):a,e.headers=f?f({uri:a,headers:o,data:u}):o,e.data=c?c({uri:a,headers:o,data:u}):u}this._callMiddlewareMethod("exited");var l=this._routes(a,n);this._callMiddlewareMethod("entered",l,e),this.settings.get("http requester").fetch(e,function(e,r){s&&window.history.pushState({request:e,response:r},s.title,s.uri),i._callMiddlewareMethod("updated",l,e,r),t&&t(e,r)},function(e,t){i._callMiddlewareMethod("failed",l,e,t),r&&r(e,t)})}}]),r}();t.reduce(function(t,r){var i=r.toLowerCase();return t[i]=function(){for(var t=arguments.length,r=Array(t),n=0;n \"bar\"\n *\n * @param {String} setting\n * @param {*} [val]\n * @return {app} for chaining\n * @public\n */\n\n set(...args) {\n // get behaviour\n if (args.length === 1) {\n return this.settings.get([args]);\n }\n\n // set behaviour\n const [name, value] = args;\n this.settings.set(name, value);\n\n return this;\n }\n\n\n /**\n * Listen for DOM initialization and history state changes.\n *\n * The callback function is called once the DOM has\n * the `document.readyState` equals to 'interactive'.\n *\n * app.listen(()=> {\n * console.log('App is listening requests');\n * console.log('DOM is ready!');\n * });\n *\n *\n * @param {Function} callback\n * @public\n */\n\n listen(callback) {\n\n // manage history\n window.onpopstate = (event) => {\n if (event.state) {\n const {request, response} = event.state;\n const currentRoutes = this._routes(request.uri, request.method);\n\n this._callMiddlewareMethod('entered', currentRoutes, request);\n this._callMiddlewareMethod('updated', currentRoutes, request, response);\n }\n };\n\n // manage page loading/refreshing\n const request = {method: 'GET', uri: window.location.pathname + window.location.search};\n const response = {status: 200, statusText: 'OK'};\n const currentRoutes = this._routes();\n\n const whenPageIsInteractiveFn = () => {\n this._callMiddlewareMethod('updated', currentRoutes, request, response);\n if (callback) {\n callback(request, response);\n }\n };\n\n window.onbeforeunload = () => {\n this._callMiddlewareMethod('exited');\n };\n\n document.onreadystatechange = () => {\n // DOM ready state\n switch (document.readyState) {\n case 'loading':\n this._callMiddlewareMethod('entered', currentRoutes, request);\n break;\n case 'interactive':\n whenPageIsInteractiveFn();\n break;\n }\n };\n\n if (['interactive', 'complete'].indexOf(document.readyState) !== -1) {\n whenPageIsInteractiveFn();\n }\n }\n\n\n /**\n * Returns a new `Router` instance for the _uri_.\n * See the Router api docs for details.\n *\n * app.route('/');\n * // => new Router instance\n *\n * @param {String} uri\n * @return {Router} for chaining\n *\n * @public\n */\n\n route(uri) {\n const router = new Router(uri);\n this.routers.push(router);\n return router;\n }\n\n\n /**\n * Use the given middleware function or object, with optional _uri_.\n * Default _uri_ is \"/\".\n *\n * // middleware function will be applied on path \"/\"\n * app.use((req, res, next) => {console.log('Hello')});\n *\n * // middleware object will be applied on path \"/\"\n * app.use(new Middleware());\n *\n * @param {String} uri\n * @param {Middleware|Function} middleware object or function\n * @return {app} for chaining\n *\n * @public\n */\n\n use(...args) {\n let {baseUri, router, middleware} = toParameters(args);\n if (router) {\n router.baseUri = baseUri;\n } else if (middleware) {\n router = new Router(baseUri);\n HTTP_METHODS.forEach((method) => {\n router[method.toLowerCase()](middleware);\n });\n } else {\n throw new TypeError('method takes at least a middleware or a router');\n }\n this.routers.push(router);\n\n return this;\n }\n\n\n /**\n * Gather routes from all routers filtered by _uri_ and HTTP _method_.\n * See Router#routes() documentation for details.\n *\n * @private\n */\n\n _routes(uri=window.location.pathname + window.location.search, method='GET') {\n const currentRoutes = [];\n this.routers.forEach((router) => {\n currentRoutes.push(...router.routes(uri, method));\n });\n\n return currentRoutes;\n }\n\n\n /**\n * Call `Middleware` method or middleware function on _currentRoutes_.\n *\n * @private\n */\n\n _callMiddlewareMethod(meth, currentRoutes, request, response) {\n if (meth === 'exited') {\n // currentRoutes, request, response params not needed\n this.routers.forEach((router) => {\n router.visited().forEach((route) => {\n if (route.middleware.exited) {\n route.middleware.exited(route.visited);\n route.visited = null;\n }\n });\n });\n return;\n }\n\n currentRoutes.some((route) => {\n if (meth === 'updated') {\n route.visited = request;\n }\n\n if (route.middleware[meth]) {\n route.middleware[meth](request, response);\n if (route.middleware.next && !route.middleware.next()) {\n return true;\n }\n } else if (meth !== 'entered') {\n // calls middleware method\n let breakMiddlewareLoop = true;\n const next = () => {\n breakMiddlewareLoop = false;\n };\n route.middleware(request, response, next);\n if (breakMiddlewareLoop) {\n return true;\n }\n }\n\n return false;\n });\n }\n\n\n /**\n * Make an ajax request. Manage History#pushState if history object set.\n *\n * @private\n */\n\n _fetch(req, resolve, reject) {\n let {method, uri, headers, data, history} = req;\n\n const httpMethodTransformer = this.get(`http ${method} transformer`);\n if (httpMethodTransformer) {\n const {uri: _uriFn, headers: _headersFn, data: _dataFn } = httpMethodTransformer;\n uri = _uriFn ? _uriFn({uri, headers, data}) : uri;\n headers = _headersFn ? _headersFn({uri, headers, data}) : headers;\n data = _dataFn ? _dataFn({uri, headers, data}) : data;\n }\n\n // calls middleware exited method\n this._callMiddlewareMethod('exited');\n\n // gathers all routes impacted by the uri\n const currentRoutes = this._routes(uri, method);\n\n // calls middleware entered method\n this._callMiddlewareMethod('entered', currentRoutes, req);\n\n // invokes http request\n this.settings.get('http requester').fetch(req,\n (request, response) => {\n if (history) {\n window.history.pushState({request, response}, history.title, history.uri);\n }\n this._callMiddlewareMethod('updated', currentRoutes, request, response);\n if (resolve) {\n resolve(request, response);\n }\n },\n (request, response) => {\n this._callMiddlewareMethod('failed', currentRoutes, request, response);\n if (reject) {\n reject(request, response);\n }\n });\n }\n}\n\nHTTP_METHODS.reduce((reqProto, method) => {\n\n\n /**\n * Use the given middleware function or object, with optional _uri_ on\n * HTTP methods: get, post, put, delete...\n * Default _uri_ is \"/\".\n *\n * // middleware function will be applied on path \"/\"\n * app.get((req, res, next) => {console.log('Hello')});\n *\n * // middleware object will be applied on path \"/\" and\n * app.get(new Middleware());\n *\n * // get a setting value\n * app.set('foo', 'bar');\n * app.get('foo');\n * // => \"bar\"\n *\n * @param {String} uri or setting\n * @param {Middleware|Function} middleware object or function\n * @return {app} for chaining\n * @public\n */\n\n const middlewareMethodName = method.toLowerCase();\n reqProto[middlewareMethodName] = function(...args) {\n let {baseUri, middleware, which} = toParameters(args);\n if (middlewareMethodName === 'get' && typeof which === 'string') {\n return this.settings.get(which);\n }\n if (!middleware) {\n throw new TypeError(`method takes a middleware ${middlewareMethodName === 'get' ? 'or a string' : ''}`);\n }\n const router = new Router();\n router[middlewareMethodName](baseUri, middleware);\n\n this.routers.push(router);\n\n return this;\n };\n\n /**\n * Ajax request (get, post, put, delete...).\n *\n * // HTTP GET method\n * httpGet('/route1');\n *\n * // HTTP GET method\n * httpGet({uri: '/route1', data: {'p1': 'val1'});\n * // uri invoked => /route1?p1=val1\n *\n * // HTTP GET method with browser history management\n * httpGet({uri: '/api/users', history: {state: {foo: \"bar\"}, title: 'users page', uri: '/view/users'});\n *\n * Samples above can be applied on other HTTP methods.\n *\n * @param {String|Object} uri or object containing uri, http headers, data, history\n * @param {Function} success callback\n * @param {Function} failure callback\n * @public\n */\n const httpMethodName = 'http'+method.charAt(0).toUpperCase() + method.slice(1).toLowerCase();\n reqProto[httpMethodName] = function(request, resolve, reject) {\n let {uri, headers, data, history} = request;\n if (!uri) {\n uri = request;\n }\n return this._fetch({\n uri,\n method,\n headers,\n data,\n history\n }, resolve, reject);\n };\n\n return reqProto;\n}, Application.prototype);\n\n\nexport function toParameters(args) {\n let baseUri, middleware, router, which;\n if (args && args.length > 0) {\n if (args.length === 1) {\n [which,] = args;\n } else {\n [baseUri, which,] = args;\n }\n\n if (which instanceof Router) {\n router = which;\n } else if ((which instanceof Middleware) || (typeof which === 'function')) {\n middleware = which;\n }\n }\n return {baseUri, middleware, router, which};\n}\n","/**\n * HTTP method list\n * @private\n */\n\n export default ['GET', 'POST', 'PUT', 'DELETE'];\n // not supported yet\n // HEAD', 'CONNECT', 'OPTIONS', 'TRACE', 'PATCH';\n","/**\n * Module dependencies.\n * @private\n */\n\nexport default class Requester {\n\n /**\n * Make an ajax request.\n *\n * @param {Object} request\n * @param {Function} success callback\n * @param {Function} failure callback\n * @private\n */\n\n fetch(request, resolve, reject) {\n const {method, uri, headers, data} = request;\n\n const success = (responseText) => {\n resolve(\n request,\n {\n status: 200,\n statusText: 'OK',\n responseText\n }\n );\n };\n\n const fail = ({status, statusText, errorThrown}) => {\n reject(\n request,\n {\n status,\n statusText,\n errorThrown,\n errors: `HTTP ${status} ${statusText?statusText:''}`\n }\n );\n };\n\n const xmlhttp = new XMLHttpRequest();\n xmlhttp.onreadystatechange = () => {\n if (xmlhttp.readyState === 4) { //XMLHttpRequest.DONE\n if (xmlhttp.status === 200) {\n success(xmlhttp.responseText);\n } else {\n fail({status: xmlhttp.status, statusText: xmlhttp.statusText});\n }\n }\n };\n try {\n xmlhttp.open(method, uri, true);\n if (headers) {\n Object.keys(headers).forEach((header) => {\n xmlhttp.setRequestHeader(header, headers[header]);\n });\n }\n if (data) {\n xmlhttp.send(data);\n } else {\n xmlhttp.send();\n }\n } catch (errorThrown) {\n fail({errorThrown});\n }\n }\n}\n","/**\n * Module dependencies.\n * @private\n */\n\nimport Requester from './requester';\n\n\n/**\n * Settings object.\n * @private\n */\n\nexport default class Settings {\n\n\n /**\n * Initialize the settings.\n *\n * - setup default configuration\n *\n * @private\n */\n\n constructor() {\n // default settings\n this.settings = {\n 'http requester': new Requester(),\n\n 'http GET transformer': {\n uri({uri, headers, data}) {\n if (!data) {\n return uri;\n }\n let [uriWithoutAnchor, anchor] = [uri, ''];\n const match = /^(.*)(#.*)$/.exec(uri);\n if (match) {\n [,uriWithoutAnchor, anchor] = /^(.*)(#.*)$/.exec(uri);\n }\n uriWithoutAnchor = Object.keys(data).reduce((gUri, d, index) => {\n gUri += `${(index === 0 && gUri.indexOf('?') === -1)?'?':'&'}${d}=${data[d]}`;\n return gUri;\n }, uriWithoutAnchor);\n return uriWithoutAnchor + anchor;\n }\n }\n // 'http POST transformer': {\n // headers({uri, headers, data}) {\n // if (!data) {\n // return headers;\n // }\n // const updatedHeaders = headers || {};\n // if (!updatedHeaders['Content-Type']) {\n // updatedHeaders['Content-Type'] = 'application/x-www-form-urlencoded';\n // }\n // return updatedHeaders;\n // }\n // }\n };\n\n this.rules = {\n 'http requester': (requester) => {\n if(typeof requester.fetch !== 'function') {\n throw new TypeError('setting http requester has no fetch method');\n }\n }\n };\n }\n\n\n /**\n * Assign `setting` to `val`\n *\n * @param {String} setting\n * @param {*} [val]\n * @private\n */\n\n set(name, value) {\n const checkRules = this.rules[name];\n if (checkRules) {\n checkRules(value);\n }\n this.settings[name] = value;\n }\n\n\n /**\n * Return `setting`'s value.\n *\n * @param {String} setting\n * @private\n */\n\n get(name) {\n return this.settings[name];\n }\n};\n","/**\n * Middleware object.\n * @public\n */\n\nexport default class Middleware {\n\n\n /**\n * Middleware initialization\n *\n * @param {String} middleware name\n */\n\n constructor(name='') {\n this.name = name;\n }\n\n /**\n * Invoked by the app before an ajax request is sent or\n * during the DOM loading (document.readyState === 'loading').\n * See Application#_callMiddlewareEntered documentation for details.\n *\n * Override this method to add your custom behaviour\n *\n * @param {Object} request\n * @public\n */\n\n // entered(request) { }\n\n\n /**\n * Invoked by the app before a new ajax request is sent or before the DOM is unloaded.\n * See Application#_callMiddlewareExited documentation for details.\n *\n * Override this method to add your custom behaviour\n *\n * @param {Object} request\n * @public\n */\n\n // exited(request) { }\n\n\n /**\n * Invoked by the app after an ajax request has responded or on DOM ready\n * (document.readyState === 'interactive').\n * See Application#_callMiddlewareUpdated documentation for details.\n *\n * Override this method to add your custom behaviour\n *\n * @param {Object} request\n * @param {Object} response\n * @public\n */\n\n // updated(request, response) { }\n\n\n /**\n * Invoked by the app when an ajax request has failed.\n *\n * Override this method to add your custom behaviour\n *\n * @param {Object} request\n * @param {Object} response\n * @public\n */\n // failed(request, response) { }\n\n\n /**\n * Allow the hand over to the next middleware object or function.\n *\n * Override this method and return `false` to break execution of\n * middleware chain.\n *\n * @return {Boolean} `true` by default\n *\n * @public\n */\n\n next() {\n return true;\n }\n}\n","/**\n * Module dependencies.\n * @private\n */\n\nimport HTTP_METHODS from './methods';\nimport {toParameters} from './application';\nimport Middleware from './middleware';\n\n\n/**\n * Route object.\n * @private\n */\n\nexport class Route {\n\n\n /**\n * Initialize the route.\n *\n * @private\n */\n\n constructor(router, uriPart, method, middleware) {\n this.router = router;\n this.uriPart = uriPart;\n this.method = method;\n this.middleware = middleware;\n this.visited = false;\n }\n\n\n /**\n * Return route's uri.\n *\n * @private\n */\n\n get uri() {\n if (!this.uriPart && !this.method) {\n return undefined;\n }\n\n if (this.uriPart instanceof RegExp) {\n return this.uriPart;\n }\n\n if (this.router.baseUri instanceof RegExp) {\n return this.router.baseUri;\n }\n\n if (this.router.baseUri) {\n const baseUri = this.router.baseUri.trim();\n if (this.uriPart) {\n return ( baseUri + this.uriPart.trim()).replace(/\\/{2,}/, '/');\n }\n return baseUri;\n }\n\n return this.uriPart;\n }\n}\n\n\n/**\n * Router object.\n * @public\n */\n\nconst error_middleware_message = 'method takes at least a middleware';\nexport default class Router {\n\n\n /**\n * Initialize the router.\n *\n * @private\n */\n\n constructor(uri) {\n this._baseUri = uri;\n this._routes = [];\n }\n\n\n /**\n * Do some checks and set _baseUri.\n *\n * @private\n */\n\n set baseUri(uri) {\n if (!uri) {\n return;\n }\n\n if (!this._baseUri) {\n this._baseUri = uri;\n return;\n }\n\n if (typeof this._baseUri !== typeof uri) {\n throw new TypeError('router cannot mix regexp and uri');\n }\n }\n\n\n /**\n * Return router's _baseUri.\n *\n * @private\n */\n\n get baseUri() {\n return this._baseUri;\n }\n\n\n /**\n * Add a route to the router.\n *\n * @private\n */\n\n _add(route) {\n this._routes.push(route);\n return this;\n }\n\n\n /**\n * Gather routes from routers filtered by _uri_ and HTTP _method_.\n *\n * @private\n */\n\n routes(uri, method) {\n return this._routes.filter((route) => {\n if (route.method && route.method !== method) {\n return false;\n }\n\n if (!route.uri || !uri) {\n return true;\n }\n\n //remove query string from uri to test\n //remove anchor from uri to test\n const match = /^(.*)\\?.*#.*|(.*)(?=\\?|#)|(.*[^\\?#])$/.exec(uri);\n const baseUriToCheck = match[1] || match[2] || match[3];\n\n if (route.uri instanceof RegExp) {\n return baseUriToCheck.match(route.uri);\n }\n\n return route.uri === baseUriToCheck;\n });\n }\n\n\n /**\n * Gather visited routes from routers.\n *\n * @private\n */\n\n visited() {\n return this._routes.filter(route => route.visited);\n }\n\n\n /**\n * Use the given middleware function or object on this router.\n *\n * // middleware function\n * router.use((req, res, next) => {console.log('Hello')});\n *\n * // middleware object\n * router.use(new Middleware());\n *\n * @param {Middleware|Function} middleware object or function\n * @return {Router} for chaining\n *\n * @public\n */\n\n use(middleware) {\n if (!(middleware instanceof Middleware) && (typeof middleware !== 'function') ) {\n throw new TypeError(error_middleware_message);\n }\n\n this._add(new Route(this, undefined, undefined, middleware));\n\n return this;\n }\n\n\n /**\n * Use the given middleware function or object on this router for\n * all HTTP methods.\n *\n * // middleware function\n * router.all((req, res, next) => {console.log('Hello')});\n *\n * // middleware object\n * router.all(new Middleware());\n *\n * @param {Middleware|Function} middleware object or function\n * @return {Router} for chaining\n *\n * @public\n */\n\n all(...args) {\n const {middleware} = toParameters(args);\n if (!middleware) {\n throw new TypeError(error_middleware_message);\n }\n\n HTTP_METHODS.forEach((method) => {\n this[method.toLowerCase()](...args);\n });\n return this;\n }\n}\n\nHTTP_METHODS.forEach((method) => {\n\n\n /**\n * Use the given middleware function or object, with optional _uri_ on\n * HTTP methods: get, post, put, delete...\n * Default _uri_ is \"/\".\n *\n * // middleware function will be applied on path \"/\"\n * router.get((req, res, next) => {console.log('Hello')});\n *\n * // middleware object will be applied on path \"/\" and\n * router.get(new Middleware());\n *\n * // middleware function will be applied on path \"/user\"\n * router.post('/user', (req, res, next) => {console.log('Hello')});\n *\n * // middleware object will be applied on path \"/user\" and\n * router.post('/user', new Middleware());\n *\n * @param {String} uri\n * @param {Middleware|Function} middleware object or function\n * @return {Router} for chaining\n * @public\n */\n\n const methodName = method.toLowerCase();\n Router.prototype[methodName] = function(...args) {\n const {baseUri, middleware} = toParameters(args);\n if (!middleware) {\n throw new TypeError(error_middleware_message);\n }\n\n if (baseUri && this._baseUri && this._baseUri instanceof RegExp) {\n throw new TypeError('router cannot mix uri/regexp');\n }\n\n this._add(new Route(this, baseUri, method, middleware));\n\n return this;\n };\n});\n","/**\n * Module dependencies.\n */\n\nimport Application from './application';\nimport Router from './router';\nimport Middleware from './middleware';\n\n\n/**\n * Create a frontexpress application.\n *\n * @return {Function}\n * @api public\n */\n\nconst frontexpress = () => new Application();\n\n/**\n * Expose Router, Middleware constructors.\n */\nfrontexpress.Router = (baseUri) => new Router(baseUri);\nfrontexpress.Middleware = Middleware;\n\nexport default frontexpress;\n"],"names":["toParameters","args","baseUri","middleware","router","which","length","Router","Middleware","Requester","request","resolve","reject","method","uri","headers","data","success","responseText","fail","status","statusText","errorThrown","xmlhttp","XMLHttpRequest","onreadystatechange","readyState","open","keys","forEach","header","setRequestHeader","send","Settings","settings","uriWithoutAnchor","anchor","exec","Object","reduce","gUri","d","index","indexOf","rules","requester","fetch","TypeError","name","value","checkRules","this","Route","uriPart","visited","RegExp","trim","replace","_baseUri","_routes","route","push","filter","match","baseUriToCheck","_add","undefined","toLowerCase","babelHelpers.typeof","methodName","prototype","Application","routers","get","set","callback","onpopstate","event","state","response","currentRoutes","_this","_callMiddlewareMethod","window","location","pathname","search","whenPageIsInteractiveFn","onbeforeunload","document","routes","meth","exited","some","next","breakMiddlewareLoop","req","history","httpMethodTransformer","_uriFn","_headersFn","_dataFn","pushState","title","reqProto","middlewareMethodName","charAt","toUpperCase","slice","_fetch","frontexpress"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":null,"sources":["lib/application.js","lib/methods.js","lib/requester.js","lib/settings.js","lib/middleware.js","lib/router.js","lib/frontexpress.js"],"sourcesContent":["/**\n * Module dependencies.\n * @private\n */\n\nimport HTTP_METHODS from './methods';\nimport Settings from './settings';\nimport Router, {Route} from './router';\nimport Middleware from './middleware';\n\n\n/**\n * Application class.\n */\n\nexport default class Application {\n\n\n /**\n * Initialize the application.\n *\n * - setup default configuration\n *\n * @private\n */\n\n constructor() {\n this.routers = [];\n // this.isDOMLoaded = false;\n // this.isDOMReady = false;\n this.settings = new Settings();\n }\n\n\n /**\n * Assign `setting` to `val`, or return `setting`'s value.\n *\n * app.set('foo', 'bar');\n * app.set('foo');\n * // => \"bar\"\n *\n * @param {String} setting\n * @param {*} [val]\n * @return {app} for chaining\n * @public\n */\n\n set(...args) {\n // get behaviour\n if (args.length === 1) {\n return this.settings.get([args]);\n }\n\n // set behaviour\n const [name, value] = args;\n this.settings.set(name, value);\n\n return this;\n }\n\n\n /**\n * Listen for DOM initialization and history state changes.\n *\n * The callback function is called once the DOM has\n * the `document.readyState` equals to 'interactive'.\n *\n * app.listen(()=> {\n * console.log('App is listening requests');\n * console.log('DOM is ready!');\n * });\n *\n *\n * @param {Function} callback\n * @public\n */\n\n listen(callback) {\n\n // manage history\n window.onpopstate = (event) => {\n if (event.state) {\n const {request, response} = event.state;\n const currentRoutes = this._routes(request.uri, request.method);\n\n this._callMiddlewareMethod('exited');\n this._callMiddlewareMethod('entered', currentRoutes, request);\n this._callMiddlewareMethod('updated', currentRoutes, request, response);\n }\n };\n\n // manage page loading/refreshing\n const request = {method: 'GET', uri: window.location.pathname + window.location.search};\n const response = {status: 200, statusText: 'OK'};\n const currentRoutes = this._routes();\n\n const whenPageIsInteractiveFn = () => {\n this._callMiddlewareMethod('updated', currentRoutes, request, response);\n if (callback) {\n callback(request, response);\n }\n };\n\n window.onbeforeunload = () => {\n this._callMiddlewareMethod('exited');\n };\n\n this._callMiddlewareMethod('entered', currentRoutes, request);\n\n document.onreadystatechange = () => {\n // DOM ready state\n if (document.readyState === 'interactive') {\n whenPageIsInteractiveFn();\n }\n };\n\n if (['interactive', 'complete'].indexOf(document.readyState) !== -1) {\n whenPageIsInteractiveFn();\n }\n\n }\n\n\n /**\n * Returns a new `Router` instance for the _uri_.\n * See the Router api docs for details.\n *\n * app.route('/');\n * // => new Router instance\n *\n * @param {String} uri\n * @return {Router} for chaining\n *\n * @public\n */\n\n route(uri) {\n const router = new Router(uri);\n this.routers.push(router);\n return router;\n }\n\n\n /**\n * Use the given middleware function or object, with optional _uri_.\n * Default _uri_ is \"/\".\n *\n * // middleware function will be applied on path \"/\"\n * app.use((req, res, next) => {console.log('Hello')});\n *\n * // middleware object will be applied on path \"/\"\n * app.use(new Middleware());\n *\n * @param {String} uri\n * @param {Middleware|Function} middleware object or function\n * @return {app} for chaining\n *\n * @public\n */\n\n use(...args) {\n let {baseUri, router, middleware} = toParameters(args);\n if (router) {\n router.baseUri = baseUri;\n } else if (middleware) {\n router = new Router(baseUri);\n HTTP_METHODS.forEach((method) => {\n router[method.toLowerCase()](middleware);\n });\n } else {\n throw new TypeError('method takes at least a middleware or a router');\n }\n this.routers.push(router);\n\n return this;\n }\n\n\n /**\n * Gather routes from all routers filtered by _uri_ and HTTP _method_.\n * See Router#routes() documentation for details.\n *\n * @private\n */\n\n _routes(uri=window.location.pathname + window.location.search, method='GET') {\n const currentRoutes = [];\n this.routers.forEach((router) => {\n currentRoutes.push(...router.routes(uri, method));\n });\n\n return currentRoutes;\n }\n\n\n /**\n * Call `Middleware` method or middleware function on _currentRoutes_.\n *\n * @private\n */\n\n _callMiddlewareMethod(meth, currentRoutes, request, response) {\n if (meth === 'exited') {\n // currentRoutes, request, response params not needed\n this.routers.forEach((router) => {\n router.visited().forEach((route) => {\n if (route.middleware.exited) {\n route.middleware.exited(route.visited);\n route.visited = null;\n }\n });\n });\n return;\n }\n\n currentRoutes.some((route) => {\n if (meth === 'updated') {\n route.visited = request;\n }\n\n if (route.middleware[meth]) {\n route.middleware[meth](request, response);\n if (route.middleware.next && !route.middleware.next()) {\n return true;\n }\n } else if (meth !== 'entered') {\n // calls middleware method\n let breakMiddlewareLoop = true;\n const next = () => {\n breakMiddlewareLoop = false;\n };\n route.middleware(request, response, next);\n if (breakMiddlewareLoop) {\n return true;\n }\n }\n\n return false;\n });\n }\n\n\n /**\n * Make an ajax request. Manage History#pushState if history object set.\n *\n * @private\n */\n\n _fetch(req, resolve, reject) {\n let {method, uri, headers, data, history} = req;\n\n const httpMethodTransformer = this.get(`http ${method} transformer`);\n if (httpMethodTransformer) {\n const {uri: _uriFn, headers: _headersFn, data: _dataFn } = httpMethodTransformer;\n req.uri = _uriFn ? _uriFn({uri, headers, data}) : uri;\n req.headers = _headersFn ? _headersFn({uri, headers, data}) : headers;\n req.data = _dataFn ? _dataFn({uri, headers, data}) : data;\n }\n\n // calls middleware exited method\n this._callMiddlewareMethod('exited');\n\n // gathers all routes impacted by the uri\n const currentRoutes = this._routes(uri, method);\n\n // calls middleware entered method\n this._callMiddlewareMethod('entered', currentRoutes, req);\n\n // invokes http request\n this.settings.get('http requester').fetch(req,\n (request, response) => {\n if (history) {\n window.history.pushState({request, response}, history.title, history.uri);\n }\n this._callMiddlewareMethod('updated', currentRoutes, request, response);\n if (resolve) {\n resolve(request, response);\n }\n },\n (request, response) => {\n this._callMiddlewareMethod('failed', currentRoutes, request, response);\n if (reject) {\n reject(request, response);\n }\n });\n }\n}\n\nHTTP_METHODS.reduce((reqProto, method) => {\n\n\n /**\n * Use the given middleware function or object, with optional _uri_ on\n * HTTP methods: get, post, put, delete...\n * Default _uri_ is \"/\".\n *\n * // middleware function will be applied on path \"/\"\n * app.get((req, res, next) => {console.log('Hello')});\n *\n * // middleware object will be applied on path \"/\" and\n * app.get(new Middleware());\n *\n * // get a setting value\n * app.set('foo', 'bar');\n * app.get('foo');\n * // => \"bar\"\n *\n * @param {String} uri or setting\n * @param {Middleware|Function} middleware object or function\n * @return {app} for chaining\n * @public\n */\n\n const middlewareMethodName = method.toLowerCase();\n reqProto[middlewareMethodName] = function(...args) {\n let {baseUri, middleware, which} = toParameters(args);\n if (middlewareMethodName === 'get' && typeof which === 'string') {\n return this.settings.get(which);\n }\n if (!middleware) {\n throw new TypeError(`method takes a middleware ${middlewareMethodName === 'get' ? 'or a string' : ''}`);\n }\n const router = new Router();\n router[middlewareMethodName](baseUri, middleware);\n\n this.routers.push(router);\n\n return this;\n };\n\n /**\n * Ajax request (get, post, put, delete...).\n *\n * // HTTP GET method\n * httpGet('/route1');\n *\n * // HTTP GET method\n * httpGet({uri: '/route1', data: {'p1': 'val1'});\n * // uri invoked => /route1?p1=val1\n *\n * // HTTP GET method with browser history management\n * httpGet({uri: '/api/users', history: {state: {foo: \"bar\"}, title: 'users page', uri: '/view/users'});\n *\n * Samples above can be applied on other HTTP methods.\n *\n * @param {String|Object} uri or object containing uri, http headers, data, history\n * @param {Function} success callback\n * @param {Function} failure callback\n * @public\n */\n const httpMethodName = 'http'+method.charAt(0).toUpperCase() + method.slice(1).toLowerCase();\n reqProto[httpMethodName] = function(request, resolve, reject) {\n let {uri, headers, data, history} = request;\n if (!uri) {\n uri = request;\n }\n return this._fetch({\n uri,\n method,\n headers,\n data,\n history\n }, resolve, reject);\n };\n\n return reqProto;\n}, Application.prototype);\n\n\nexport function toParameters(args) {\n let baseUri, middleware, router, which;\n if (args && args.length > 0) {\n if (args.length === 1) {\n [which,] = args;\n } else {\n [baseUri, which,] = args;\n }\n\n if (which instanceof Router) {\n router = which;\n } else if ((which instanceof Middleware) || (typeof which === 'function')) {\n middleware = which;\n }\n }\n return {baseUri, middleware, router, which};\n}\n","/**\n * HTTP method list\n * @private\n */\n\n export default ['GET', 'POST', 'PUT', 'PATCH', 'DELETE'];\n // not supported yet\n // HEAD', 'CONNECT', 'OPTIONS', 'TRACE';\n","/**\n * Module dependencies.\n * @private\n */\n\nexport default class Requester {\n\n /**\n * Make an ajax request.\n *\n * @param {Object} request\n * @param {Function} success callback\n * @param {Function} failure callback\n * @private\n */\n\n fetch(request, resolve, reject) {\n const {method, uri, headers, data} = request;\n\n const success = (responseText) => {\n resolve(\n request,\n {\n status: 200,\n statusText: 'OK',\n responseText\n }\n );\n };\n\n const fail = ({status, statusText, errorThrown}) => {\n reject(\n request,\n {\n status,\n statusText,\n errorThrown,\n errors: `HTTP ${status} ${statusText?statusText:''}`\n }\n );\n };\n\n const xmlhttp = new XMLHttpRequest();\n xmlhttp.onreadystatechange = () => {\n if (xmlhttp.readyState === 4) { //XMLHttpRequest.DONE\n if (xmlhttp.status === 200) {\n success(xmlhttp.responseText);\n } else {\n fail({status: xmlhttp.status, statusText: xmlhttp.statusText});\n }\n }\n };\n try {\n xmlhttp.open(method, uri, true);\n if (headers) {\n Object.keys(headers).forEach((header) => {\n xmlhttp.setRequestHeader(header, headers[header]);\n });\n }\n if (data) {\n xmlhttp.send(data);\n } else {\n xmlhttp.send();\n }\n } catch (errorThrown) {\n fail({errorThrown});\n }\n }\n}\n","/**\n * Module dependencies.\n * @private\n */\n\nimport Requester from './requester';\n\n\n/**\n * Settings object.\n * @private\n */\n\nexport default class Settings {\n\n\n /**\n * Initialize the settings.\n *\n * - setup default configuration\n *\n * @private\n */\n\n constructor() {\n // default settings\n this.settings = {\n 'http requester': new Requester(),\n\n 'http GET transformer': {\n uri({uri, headers, data}) {\n if (!data) {\n return uri;\n }\n let [uriWithoutAnchor, anchor] = [uri, ''];\n const match = /^(.*)(#.*)$/.exec(uri);\n if (match) {\n [,uriWithoutAnchor, anchor] = /^(.*)(#.*)$/.exec(uri);\n }\n uriWithoutAnchor = Object.keys(data).reduce((gUri, d, index) => {\n gUri += `${(index === 0 && gUri.indexOf('?') === -1)?'?':'&'}${d}=${data[d]}`;\n return gUri;\n }, uriWithoutAnchor);\n return uriWithoutAnchor + anchor;\n }\n }\n // 'http POST transformer': {\n // headers({uri, headers, data}) {\n // if (!data) {\n // return headers;\n // }\n // const updatedHeaders = headers || {};\n // if (!updatedHeaders['Content-Type']) {\n // updatedHeaders['Content-Type'] = 'application/x-www-form-urlencoded';\n // }\n // return updatedHeaders;\n // }\n // }\n };\n\n this.rules = {\n 'http requester': (requester) => {\n if(typeof requester.fetch !== 'function') {\n throw new TypeError('setting http requester has no fetch method');\n }\n }\n };\n }\n\n\n /**\n * Assign `setting` to `val`\n *\n * @param {String} setting\n * @param {*} [val]\n * @private\n */\n\n set(name, value) {\n const checkRules = this.rules[name];\n if (checkRules) {\n checkRules(value);\n }\n this.settings[name] = value;\n }\n\n\n /**\n * Return `setting`'s value.\n *\n * @param {String} setting\n * @private\n */\n\n get(name) {\n return this.settings[name];\n }\n};\n","/**\n * Middleware object.\n * @public\n */\n\nexport default class Middleware {\n\n\n /**\n * Middleware initialization\n *\n * @param {String} middleware name\n */\n\n constructor(name='') {\n this.name = name;\n }\n\n /**\n * Invoked by the app before an ajax request is sent or\n * during the DOM loading (document.readyState === 'loading').\n * See Application#_callMiddlewareEntered documentation for details.\n *\n * Override this method to add your custom behaviour\n *\n * @param {Object} request\n * @public\n */\n\n entered(request) { }\n\n\n /**\n * Invoked by the app before a new ajax request is sent or before the DOM is unloaded.\n * See Application#_callMiddlewareExited documentation for details.\n *\n * Override this method to add your custom behaviour\n *\n * @param {Object} request\n * @public\n */\n\n exited(request) { }\n\n\n /**\n * Invoked by the app after an ajax request has responded or on DOM ready\n * (document.readyState === 'interactive').\n * See Application#_callMiddlewareUpdated documentation for details.\n *\n * Override this method to add your custom behaviour\n *\n * @param {Object} request\n * @param {Object} response\n * @public\n */\n\n updated(request, response) { }\n\n\n /**\n * Invoked by the app when an ajax request has failed.\n *\n * Override this method to add your custom behaviour\n *\n * @param {Object} request\n * @param {Object} response\n * @public\n */\n failed(request, response) { }\n\n\n /**\n * Allow the hand over to the next middleware object or function.\n *\n * Override this method and return `false` to break execution of\n * middleware chain.\n *\n * @return {Boolean} `true` by default\n *\n * @public\n */\n\n next() {\n return true;\n }\n}\n","/**\n * Module dependencies.\n * @private\n */\n\nimport HTTP_METHODS from './methods';\nimport {toParameters} from './application';\nimport Middleware from './middleware';\n\n\n/**\n * Route object.\n * @private\n */\n\nexport class Route {\n\n\n /**\n * Initialize the route.\n *\n * @private\n */\n\n constructor(router, uriPart, method, middleware) {\n this.router = router;\n this.uriPart = uriPart;\n this.method = method;\n this.middleware = middleware;\n this.visited = false;\n }\n\n\n /**\n * Return route's uri.\n *\n * @private\n */\n\n get uri() {\n if (!this.uriPart && !this.method) {\n return undefined;\n }\n\n if (this.uriPart instanceof RegExp) {\n return this.uriPart;\n }\n\n if (this.router.baseUri instanceof RegExp) {\n return this.router.baseUri;\n }\n\n if (this.router.baseUri) {\n const baseUri = this.router.baseUri.trim();\n if (this.uriPart) {\n return ( baseUri + this.uriPart.trim()).replace(/\\/{2,}/, '/');\n }\n return baseUri;\n }\n\n return this.uriPart;\n }\n}\n\n\n/**\n * Router object.\n * @public\n */\n\nconst error_middleware_message = 'method takes at least a middleware';\nexport default class Router {\n\n\n /**\n * Initialize the router.\n *\n * @private\n */\n\n constructor(uri) {\n this._baseUri = uri;\n this._routes = [];\n }\n\n\n /**\n * Do some checks and set _baseUri.\n *\n * @private\n */\n\n set baseUri(uri) {\n if (!uri) {\n return;\n }\n\n if (!this._baseUri) {\n this._baseUri = uri;\n return;\n }\n\n if (typeof this._baseUri !== typeof uri) {\n throw new TypeError('router cannot mix regexp and uri');\n }\n }\n\n\n /**\n * Return router's _baseUri.\n *\n * @private\n */\n\n get baseUri() {\n return this._baseUri;\n }\n\n\n /**\n * Add a route to the router.\n *\n * @private\n */\n\n _add(route) {\n this._routes.push(route);\n return this;\n }\n\n\n /**\n * Gather routes from routers filtered by _uri_ and HTTP _method_.\n *\n * @private\n */\n\n routes(uri, method) {\n return this._routes.filter((route) => {\n if (route.method && route.method !== method) {\n return false;\n }\n\n if (!route.uri || !uri) {\n return true;\n }\n\n //remove query string from uri to test\n //remove anchor from uri to test\n const match = /^(.*)\\?.*#.*|(.*)(?=\\?|#)|(.*[^\\?#])$/.exec(uri);\n const baseUriToCheck = match[1] || match[2] || match[3];\n\n if (route.uri instanceof RegExp) {\n return baseUriToCheck.match(route.uri);\n }\n\n return route.uri === baseUriToCheck;\n });\n }\n\n\n /**\n * Gather visited routes from routers.\n *\n * @private\n */\n\n visited() {\n return this._routes.filter(route => route.visited);\n }\n\n\n /**\n * Use the given middleware function or object on this router.\n *\n * // middleware function\n * router.use((req, res, next) => {console.log('Hello')});\n *\n * // middleware object\n * router.use(new Middleware());\n *\n * @param {Middleware|Function} middleware object or function\n * @return {Router} for chaining\n *\n * @public\n */\n\n use(middleware) {\n if (!(middleware instanceof Middleware) && (typeof middleware !== 'function') ) {\n throw new TypeError(error_middleware_message);\n }\n\n this._add(new Route(this, undefined, undefined, middleware));\n\n return this;\n }\n\n\n /**\n * Use the given middleware function or object on this router for\n * all HTTP methods.\n *\n * // middleware function\n * router.all((req, res, next) => {console.log('Hello')});\n *\n * // middleware object\n * router.all(new Middleware());\n *\n * @param {Middleware|Function} middleware object or function\n * @return {Router} for chaining\n *\n * @public\n */\n\n all(...args) {\n const {middleware} = toParameters(args);\n if (!middleware) {\n throw new TypeError(error_middleware_message);\n }\n\n HTTP_METHODS.forEach((method) => {\n this[method.toLowerCase()](...args);\n });\n return this;\n }\n}\n\nHTTP_METHODS.forEach((method) => {\n\n\n /**\n * Use the given middleware function or object, with optional _uri_ on\n * HTTP methods: get, post, put, delete...\n * Default _uri_ is \"/\".\n *\n * // middleware function will be applied on path \"/\"\n * router.get((req, res, next) => {console.log('Hello')});\n *\n * // middleware object will be applied on path \"/\" and\n * router.get(new Middleware());\n *\n * // middleware function will be applied on path \"/user\"\n * router.post('/user', (req, res, next) => {console.log('Hello')});\n *\n * // middleware object will be applied on path \"/user\" and\n * router.post('/user', new Middleware());\n *\n * @param {String} uri\n * @param {Middleware|Function} middleware object or function\n * @return {Router} for chaining\n * @public\n */\n\n const methodName = method.toLowerCase();\n Router.prototype[methodName] = function(...args) {\n const {baseUri, middleware} = toParameters(args);\n if (!middleware) {\n throw new TypeError(error_middleware_message);\n }\n\n if (baseUri && this._baseUri && this._baseUri instanceof RegExp) {\n throw new TypeError('router cannot mix uri/regexp');\n }\n\n this._add(new Route(this, baseUri, method, middleware));\n\n return this;\n };\n});\n","/**\n * Module dependencies.\n */\n\nimport Application from './application';\nimport Router from './router';\nimport Middleware from './middleware';\n\n\n/**\n * Create a frontexpress application.\n *\n * @return {Function}\n * @api public\n */\n\nconst frontexpress = () => new Application();\n\n/**\n * Expose Router, Middleware constructors.\n */\nfrontexpress.Router = (baseUri) => new Router(baseUri);\nfrontexpress.Middleware = Middleware;\n\nexport default frontexpress;\n"],"names":["toParameters","args","baseUri","middleware","router","which","length","Router","Middleware","Requester","request","resolve","reject","method","uri","headers","data","success","responseText","fail","status","statusText","errorThrown","xmlhttp","XMLHttpRequest","onreadystatechange","readyState","open","keys","forEach","header","setRequestHeader","send","Settings","settings","uriWithoutAnchor","anchor","exec","Object","reduce","gUri","d","index","indexOf","rules","requester","fetch","TypeError","name","value","checkRules","this","response","Route","uriPart","visited","RegExp","trim","replace","_baseUri","_routes","route","push","filter","match","baseUriToCheck","_add","undefined","toLowerCase","babelHelpers.typeof","methodName","prototype","Application","routers","get","set","callback","onpopstate","event","state","currentRoutes","_this","_callMiddlewareMethod","window","location","pathname","search","whenPageIsInteractiveFn","onbeforeunload","document","routes","meth","exited","some","next","breakMiddlewareLoop","req","history","httpMethodTransformer","_uriFn","_headersFn","_dataFn","pushState","title","reqProto","middlewareMethodName","charAt","toUpperCase","slice","_fetch","frontexpress"],"mappings":"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"} \ No newline at end of file diff --git a/lib/application.js b/lib/application.js index 316e118..42e4476 100755 --- a/lib/application.js +++ b/lib/application.js @@ -83,6 +83,7 @@ export default class Application { const {request, response} = event.state; const currentRoutes = this._routes(request.uri, request.method); + this._callMiddlewareMethod('exited'); this._callMiddlewareMethod('entered', currentRoutes, request); this._callMiddlewareMethod('updated', currentRoutes, request, response); } @@ -104,21 +105,19 @@ export default class Application { this._callMiddlewareMethod('exited'); }; + this._callMiddlewareMethod('entered', currentRoutes, request); + document.onreadystatechange = () => { // DOM ready state - switch (document.readyState) { - case 'loading': - this._callMiddlewareMethod('entered', currentRoutes, request); - break; - case 'interactive': + if (document.readyState === 'interactive') { whenPageIsInteractiveFn(); - break; } }; if (['interactive', 'complete'].indexOf(document.readyState) !== -1) { whenPageIsInteractiveFn(); } + } @@ -253,9 +252,9 @@ export default class Application { const httpMethodTransformer = this.get(`http ${method} transformer`); if (httpMethodTransformer) { const {uri: _uriFn, headers: _headersFn, data: _dataFn } = httpMethodTransformer; - uri = _uriFn ? _uriFn({uri, headers, data}) : uri; - headers = _headersFn ? _headersFn({uri, headers, data}) : headers; - data = _dataFn ? _dataFn({uri, headers, data}) : data; + req.uri = _uriFn ? _uriFn({uri, headers, data}) : uri; + req.headers = _headersFn ? _headersFn({uri, headers, data}) : headers; + req.data = _dataFn ? _dataFn({uri, headers, data}) : data; } // calls middleware exited method diff --git a/lib/methods.js b/lib/methods.js index 8851c6a..32b804d 100644 --- a/lib/methods.js +++ b/lib/methods.js @@ -3,6 +3,6 @@ * @private */ - export default ['GET', 'POST', 'PUT', 'DELETE']; + export default ['GET', 'POST', 'PUT', 'PATCH', 'DELETE']; // not supported yet - // HEAD', 'CONNECT', 'OPTIONS', 'TRACE', 'PATCH'; + // HEAD', 'CONNECT', 'OPTIONS', 'TRACE'; diff --git a/lib/middleware.js b/lib/middleware.js index 5b3b799..8b6cf0b 100755 --- a/lib/middleware.js +++ b/lib/middleware.js @@ -27,7 +27,7 @@ export default class Middleware { * @public */ - // entered(request) { } + entered(request) { } /** @@ -40,7 +40,7 @@ export default class Middleware { * @public */ - // exited(request) { } + exited(request) { } /** @@ -55,7 +55,7 @@ export default class Middleware { * @public */ - // updated(request, response) { } + updated(request, response) { } /** @@ -67,7 +67,7 @@ export default class Middleware { * @param {Object} response * @public */ - // failed(request, response) { } + failed(request, response) { } /** diff --git a/package.json b/package.json index e1df369..e726af3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "frontexpress", - "version": "1.0.3", + "version": "1.1.0", "description": "Frontexpress manages routes in browser like ExpressJS on Node", "main": "dist/frontexpress.js", "jsnext:main": "lib/frontexpress.js",