Popular
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287import util from '../../shared/util.ts'import type { RouterURL } from '../../types.d.ts'
const ghostRoute: Route = { path: '', module: '' }
export type Route = { path: string module: string children?: Route[]}
export type RoutingOptions = { basePath?: string defaultLocale?: string locales?: string[] routes?: Route[] rewrites?: Record<string, string> redirect?: (url: string, replace?: boolean) => void}
export class Routing { private _basePath: string private _defaultLocale: string private _locales: string[] private _routes: Route[] private _rewrites?: Record<string, string> private _redirect?: (url: string, replace?: boolean) => void
constructor({ basePath = '/', defaultLocale = 'en', locales = [], routes = [], rewrites, redirect }: RoutingOptions = {}) { this._basePath = basePath this._defaultLocale = defaultLocale this._locales = locales this._routes = routes this._rewrites = rewrites this._redirect = redirect }
get basePath() { return this._basePath }
get paths() { const paths: string[] = [] this._lookup(path => { paths.push(path.map(r => r.path).join('')) }, true) return paths }
// routes returns the routes as copy get routes(): Route[] { return JSON.parse(JSON.stringify(this._routes)) }
update(path: string, moduleUrl: string, isIndex?: boolean) { const newRoute: Route = { path: path === '/' ? path : util.trimSuffix(path, '/') + (isIndex ? '/' : ''), module: moduleUrl } const dirtyRoutes: Set<Route[]> = new Set() let exists = false let targetRoutes = this._routes this._lookup(routePath => { const path = routePath.map(r => r.path).join('') const route = routePath[routePath.length - 1] const parentRoute = routePath[routePath.length - 2] if (route.module === newRoute.module) { route.module = newRoute.module exists = true return false } if (!newRoute.path.endsWith('/') && path.startsWith(newRoute.path + '/')) { const routes = parentRoute ? parentRoute.children! : this._routes const index = routes.indexOf(route) if (index >= 0) { routes.splice(index, 1, ghostRoute) dirtyRoutes.add(routes) } (newRoute.children || (newRoute.children = [])).push({ ...route, path: util.trimPrefix(path, newRoute.path) }) } else if (!path.endsWith('/') && newRoute.path.startsWith(path + '/')) { newRoute.path = util.trimPrefix(newRoute.path, path) targetRoutes = route.children || (route.children = []) } }) if (exists) { return } dirtyRoutes.forEach(routes => { let index: number while (~(index = routes.indexOf(ghostRoute))) { routes.splice(index, 1) } }) dirtyRoutes.clear() targetRoutes.push(newRoute) }
removeRouteByModule(specifier: string) { this._lookup(path => { const route = path[path.length - 1] if (route.module === specifier) { const parentRoute = path[path.length - 2] const routes = parentRoute ? parentRoute.children! : this._routes const index = routes.indexOf(route) if (index >= 0) { routes.splice(index, 1, ...(route.children || []).map(r => ({ ...r, path: route.path + r.path }))) } return false } }) }
createRouter(location?: { pathname: string, search?: string }): [RouterURL, string[]] { let [url, nestedModules] = this._createRouter(location) if (url.routePath === '' && location === undefined) { const [{ routePath }, nested] = this._createRouter({ pathname: '/404' }) console.log(routePath) Object.assign(url, { routePath }) nestedModules = nested } return [url, nestedModules] }
private _createRouter(location?: { pathname: string, search?: string }): [RouterURL, string[]] { const loc = location || (window as any).location || { pathname: '/' } const url = resolveURL( 'http://localhost' + loc.pathname + (loc.search || ''), this._basePath, this._rewrites )
let locale = this._defaultLocale let pathname = decodeURI(url.pathname) let routePath = '' let params = {} as Record<string, string> let nestedModules: string[] = []
if (pathname !== '/' && this._locales.length > 0) { const a = pathname.split('/') const a1 = a[1] if (a1 !== locale && this._locales.includes(a1)) { locale = a1 pathname = '/' + a.slice(2).join('/') } } pathname = pathname !== '/' ? util.trimSuffix(pathname, '/') : '/'
this._lookup(route => { const path = route.map(r => r.path).join('') const [p, ok] = matchPath(path, pathname) if (ok) { nestedModules = route.map(r => r.module) const c = route[route.length - 1].children?.find(c => c.path === '/') if (c) { nestedModules.push(c.module) } routePath = path params = p return false } }, true)
// sort search params url.searchParams.sort()
return [ { basePath: this._basePath, locale, defaultLocale: this._defaultLocale, locales: this._locales, pathname, routePath, params, query: url.searchParams, toString(): string { const qs = this.query.toString() return [this.pathname, qs].filter(Boolean).join('?') }, push: (url: string) => this._redirect && this._redirect(url), replace: (url: string) => this._redirect && this._redirect(url, true), }, nestedModules ] }
lookup(callback: (path: Route[]) => Boolean | void) { this._lookup(callback) }
private _lookup( callback: (path: Route[]) => Boolean | void, skipNestedIndex = false, __tracing: Route[] = [], __routes = this._routes ) { for (const route of __routes) { if (skipNestedIndex && __tracing.length > 0 && route.path === '/') { continue } if (callback([...__tracing, route]) === false) { return false } } for (const route of __routes) { if (route.path !== '/' && route.children?.length) { if (this._lookup(callback, skipNestedIndex, [...__tracing, route], route.children) === false) { return false } } } }}
function matchPath(routePath: string, locPath: string): [Record<string, string>, boolean] { const params: Record<string, string> = {} const routeSegments = util.splitPath(routePath) const locSegments = util.splitPath(locPath) const depth = Math.max(routeSegments.length, locSegments.length)
for (let i = 0; i < depth; i++) { const routeSeg = routeSegments[i] const locSeg = locSegments[i]
if (locSeg === undefined || routeSeg === undefined) { return [{}, false] }
if (routeSeg.startsWith('[...') && routeSeg.endsWith(']') && routeSeg.length > 5 && i === routeSegments.length - 1) { params[routeSeg.slice(4, -1)] = locSegments.slice(i).map(decodeURIComponent).join('/') break }
if (routeSeg.startsWith('[') && routeSeg.endsWith(']') && routeSeg.length > 2) { params[routeSeg.slice(1, -1)] = decodeURIComponent(locSeg) } else if (routeSeg.startsWith('$') && routeSeg.length > 1) { params[routeSeg.slice(1)] = decodeURIComponent(locSeg) } else if (routeSeg !== locSeg) { return [{}, false] } }
return [params, true]}
export function createBlankRouterURL(basePath = '/', locale = 'en'): RouterURL { return { basePath, locale, defaultLocale: locale, locales: [], routePath: '', pathname: '/', params: {}, query: new URLSearchParams(), push: () => void 0, replace: () => void 0, }}
/** `resolveURL` returns a rewrote URL */export function resolveURL(reqUrl: string, basePath: string, rewrites?: Record<string, string>): URL { const url = new URL(reqUrl) if (basePath !== '/') { url.pathname = util.trimPrefix(decodeURI(url.pathname), basePath) } for (const path in rewrites) { const to = rewrites[path] const [params, ok] = matchPath(path, decodeURI(url.pathname)) if (ok) { url.pathname = util.cleanPath(to.replace(/:(.+)(\/|&|$)/g, (s, k, e) => { if (k in params) { return params[k] + e } return s })) break } } return url}