-
Notifications
You must be signed in to change notification settings - Fork 1
/
Router.js
107 lines (85 loc) · 2.62 KB
/
Router.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
const parametersPattern = /(:[^\/]+)/g;
// Some utility functions. Exported just to be able to test them easily
export function getMatchedParams(route, path) {
const matches = path.match(route.matcher);
if (!matches) {
return false;
}
return route.params.reduce((acc, param, idx) => {
acc[param] = decodeURIComponent(matches[idx + 1]);
return acc;
}, {});
};
export function getQueryParams(query) {
return query.split('&')
.filter(p => p.length)
.reduce((acc, part) => {
const [key, value] = part.split('=');
acc[decodeURIComponent(key)] = decodeURIComponent(value);
return acc;
}, {});
};
export function createRoute(name, path, handler) {
const matcher = new RegExp(path.replace(parametersPattern, '([^\/]+)') + '$');
const params = (path.match(parametersPattern) || []).map(x => x.substring(1));
return {name, path, handler, matcher, params};
};
const findRouteParams = (routes, path) => {
let params;
const route = routes.find(r => params = getMatchedParams(r, path));
return {route, params};
};
const parseUrl = (url) => {
const [path, queryString] = url.split('?');
return {path, queryString};
};
const stripPrefix = (url ,prefix) => url.replace(new RegExp('^' + prefix), '');
// The actual Router as the default export of the module
export default class Router {
constructor() {
this.routes = [];
this.prefix = '';
}
// Adds a route with an _optional_ name, a path and a handler function
add(name, path, handler) {
if (arguments.length == 2) {
this.add('', ...arguments);
} else {
this.routes.push(createRoute(name, path, handler));
}
return this;
}
setPrefix(prefix) {
this.prefix = prefix;
return this;
}
dispatch(url, isBack) {
const {path, queryString} = parseUrl(stripPrefix(url, this.prefix));
const query = getQueryParams(queryString || '');
const {route, params} = findRouteParams(this.routes, path);
if (route) {
route.handler({params, query, isBack});
return route;
}
return false;
}
getCurrentRoute(url) {
const {path, queryString} = parseUrl(stripPrefix(url, this.prefix));
const rp = findRouteParams(this.routes, path);
return rp && rp.route;
}
formatUrl(routeName, params = {}, query = {}) {
const route = this.routes.find(r => r.name === routeName);
if (!route) {
return '';
}
const queryString = Object.keys(query)
.map(k => [k, query[k]])
.map(([k, v]) => encodeURIComponent(k) + '=' + encodeURIComponent(v))
.join('&');
const path = this.prefix + route.path.replace(parametersPattern, function(match) {
return params[match.substring(1)];
});
return queryString.length ? path + '?' + queryString : path;
}
};