mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-18 02:07:14 +00:00
5f50d402d5
refactor: resolve exact route prior to index
331 lines
8.5 KiB
JavaScript
331 lines
8.5 KiB
JavaScript
const { resolve, relative, sep } = require('path')
|
|
const _ = require('lodash')
|
|
const PrettyError = require('pretty-error')
|
|
const Chalk = require('chalk')
|
|
|
|
exports.pe = new PrettyError()
|
|
|
|
exports.printWarn = function (msg, from) {
|
|
/* eslint-disable no-console */
|
|
const fromStr = from ? Chalk.yellow(` ${from}\n\n`) : ' '
|
|
console.warn('\n' + Chalk.bgYellow.black(' WARN ') + fromStr + msg + '\n')
|
|
}
|
|
|
|
exports.renderError = function (_error, from) {
|
|
const errStr = exports.pe.render(_error)
|
|
const fromStr = from ? Chalk.red(` ${from}`) : ''
|
|
return '\n' + Chalk.bgRed.black(' ERROR ') + fromStr + '\n\n' + errStr
|
|
}
|
|
|
|
exports.printError = function () {
|
|
/* eslint-disable no-console */
|
|
console.error(exports.renderError(...arguments))
|
|
}
|
|
|
|
exports.fatalError = function () {
|
|
/* eslint-disable no-console */
|
|
console.error(exports.renderError(...arguments))
|
|
process.exit(1)
|
|
}
|
|
|
|
exports.encodeHtml = function encodeHtml(str) {
|
|
return str.replace(/</g, '<').replace(/>/g, '>')
|
|
}
|
|
|
|
exports.getContext = function getContext(req, res) {
|
|
return { req, res }
|
|
}
|
|
|
|
exports.setAnsiColors = function setAnsiColors(ansiHTML) {
|
|
ansiHTML.setColors({
|
|
reset: ['efefef', 'a6004c'],
|
|
darkgrey: '5a012b',
|
|
yellow: 'ffab07',
|
|
green: 'aeefba',
|
|
magenta: 'ff84bf',
|
|
blue: '3505a0',
|
|
cyan: '56eaec',
|
|
red: '4e053a'
|
|
})
|
|
}
|
|
|
|
exports.waitFor = function waitFor(ms) {
|
|
return new Promise(resolve => setTimeout(resolve, ms || 0))
|
|
}
|
|
|
|
exports.urlJoin = function urlJoin() {
|
|
return [].slice
|
|
.call(arguments)
|
|
.join('/')
|
|
.replace(/\/+/g, '/')
|
|
.replace(':/', '://')
|
|
}
|
|
|
|
exports.isUrl = function isUrl(url) {
|
|
return url.indexOf('http') === 0 || url.indexOf('//') === 0
|
|
}
|
|
|
|
exports.promisifyRoute = function promisifyRoute(fn, ...args) {
|
|
// If routes is an array
|
|
if (Array.isArray(fn)) {
|
|
return Promise.resolve(fn)
|
|
}
|
|
// If routes is a function expecting a callback
|
|
if (fn.length === arguments.length) {
|
|
return new Promise((resolve, reject) => {
|
|
fn((err, routeParams) => {
|
|
if (err) {
|
|
reject(err)
|
|
}
|
|
resolve(routeParams)
|
|
}, ...args)
|
|
})
|
|
}
|
|
let promise = fn(...args)
|
|
if (
|
|
!promise ||
|
|
(!(promise instanceof Promise) && typeof promise.then !== 'function')
|
|
) {
|
|
promise = Promise.resolve(promise)
|
|
}
|
|
return promise
|
|
}
|
|
|
|
exports.sequence = function sequence(tasks, fn) {
|
|
return tasks.reduce(
|
|
(promise, task) => promise.then(() => fn(task)),
|
|
Promise.resolve()
|
|
)
|
|
}
|
|
|
|
exports.parallel = function parallel(tasks, fn) {
|
|
return Promise.all(tasks.map(task => fn(task)))
|
|
}
|
|
|
|
exports.chainFn = function chainFn(base, fn) {
|
|
/* istanbul ignore if */
|
|
if (!(fn instanceof Function)) {
|
|
return
|
|
}
|
|
return function () {
|
|
if (typeof base !== 'function') {
|
|
return fn.apply(this, arguments)
|
|
}
|
|
let baseResult = base.apply(this, arguments)
|
|
// Allow function to mutate the first argument instead of returning the result
|
|
if (baseResult === undefined) {
|
|
baseResult = arguments[0]
|
|
}
|
|
let fnResult = fn.call(
|
|
this,
|
|
baseResult,
|
|
...Array.prototype.slice.call(arguments, 1)
|
|
)
|
|
// Return mutated argument if no result was returned
|
|
if (fnResult === undefined) {
|
|
return baseResult
|
|
}
|
|
return fnResult
|
|
}
|
|
}
|
|
|
|
exports.isPureObject = function isPureObject(o) {
|
|
return !Array.isArray(o) && typeof o === 'object'
|
|
}
|
|
|
|
const isWindows = (exports.isWindows = /^win/.test(process.platform))
|
|
|
|
const wp = (exports.wp = function wp(p = '') {
|
|
/* istanbul ignore if */
|
|
if (isWindows) {
|
|
return p.replace(/\\/g, '\\\\')
|
|
}
|
|
return p
|
|
})
|
|
|
|
exports.wChunk = function wChunk(p = '') {
|
|
/* istanbul ignore if */
|
|
if (isWindows) {
|
|
return p.replace(/\//g, '_')
|
|
}
|
|
return p
|
|
}
|
|
|
|
const reqSep = /\//g
|
|
const sysSep = _.escapeRegExp(sep)
|
|
const normalize = string => string.replace(reqSep, sysSep)
|
|
|
|
const r = (exports.r = function r() {
|
|
let args = Array.prototype.slice.apply(arguments)
|
|
let lastArg = _.last(args)
|
|
|
|
if (lastArg.indexOf('@') === 0 || lastArg.indexOf('~') === 0) {
|
|
return wp(lastArg)
|
|
}
|
|
|
|
return wp(resolve(...args.map(normalize)))
|
|
})
|
|
|
|
exports.relativeTo = function relativeTo() {
|
|
let args = Array.prototype.slice.apply(arguments)
|
|
let dir = args.shift()
|
|
|
|
// Resolve path
|
|
let path = r(...args)
|
|
|
|
// Check if path is an alias
|
|
if (path.indexOf('@') === 0 || path.indexOf('~') === 0) {
|
|
return path
|
|
}
|
|
|
|
// Make correct relative path
|
|
let rp = relative(dir, path)
|
|
if (rp[0] !== '.') {
|
|
rp = './' + rp
|
|
}
|
|
return wp(rp)
|
|
}
|
|
|
|
exports.flatRoutes = function flatRoutes(router, path = '', routes = []) {
|
|
router.forEach(r => {
|
|
if (!r.path.includes(':') && !r.path.includes('*')) {
|
|
/* istanbul ignore if */
|
|
if (r.children) {
|
|
if (path === '' && r.path === '/') {
|
|
routes.push('/')
|
|
}
|
|
flatRoutes(r.children, path + r.path + '/', routes)
|
|
} else {
|
|
path = path.replace(/^\/+$/, '/')
|
|
routes.push(
|
|
(r.path === '' && path[path.length - 1] === '/'
|
|
? path.slice(0, -1)
|
|
: path) + r.path
|
|
)
|
|
}
|
|
}
|
|
})
|
|
return routes
|
|
}
|
|
|
|
function cleanChildrenRoutes(routes, isChild = false) {
|
|
let start = -1
|
|
let routesIndex = []
|
|
routes.forEach(route => {
|
|
if (/-index$/.test(route.name) || route.name === 'index') {
|
|
// Save indexOf 'index' key in name
|
|
let res = route.name.split('-')
|
|
let s = res.indexOf('index')
|
|
start = start === -1 || s < start ? s : start
|
|
routesIndex.push(res)
|
|
}
|
|
})
|
|
routes.forEach(route => {
|
|
route.path = isChild ? route.path.replace('/', '') : route.path
|
|
if (route.path.indexOf('?') > -1) {
|
|
let names = route.name.split('-')
|
|
let paths = route.path.split('/')
|
|
if (!isChild) {
|
|
paths.shift()
|
|
} // clean first / for parents
|
|
routesIndex.forEach(r => {
|
|
let i = r.indexOf('index') - start // children names
|
|
if (i < paths.length) {
|
|
for (let a = 0; a <= i; a++) {
|
|
if (a === i) {
|
|
paths[a] = paths[a].replace('?', '')
|
|
}
|
|
if (a < i && names[a] !== r[a]) {
|
|
break
|
|
}
|
|
}
|
|
}
|
|
})
|
|
route.path = (isChild ? '' : '/') + paths.join('/')
|
|
}
|
|
route.name = route.name.replace(/-index$/, '')
|
|
if (route.children) {
|
|
if (route.children.find(child => child.path === '')) {
|
|
delete route.name
|
|
}
|
|
route.children = cleanChildrenRoutes(route.children, true)
|
|
}
|
|
})
|
|
return routes
|
|
}
|
|
|
|
exports.createRoutes = function createRoutes(files, srcDir) {
|
|
let routes = []
|
|
files.forEach(file => {
|
|
let keys = file
|
|
.replace(/^pages/, '')
|
|
.replace(/\.(vue|js)$/, '')
|
|
.replace(/\/{2,}/g, '/')
|
|
.split('/')
|
|
.slice(1)
|
|
let route = { name: '', path: '', component: r(srcDir, file) }
|
|
let parent = routes
|
|
keys.forEach((key, i) => {
|
|
route.name = route.name
|
|
? route.name + '-' + key.replace('_', '')
|
|
: key.replace('_', '')
|
|
route.name += key === '_' ? 'all' : ''
|
|
route.chunkName = file.replace(/\.(vue|js)$/, '')
|
|
let child = _.find(parent, { name: route.name })
|
|
if (child) {
|
|
child.children = child.children || []
|
|
parent = child.children
|
|
route.path = ''
|
|
} else {
|
|
if (key === 'index' && i + 1 === keys.length) {
|
|
route.path += i > 0 ? '' : '/'
|
|
} else {
|
|
route.path += '/' + (key === '_' ? '*' : key.replace('_', ':'))
|
|
if (key !== '_' && key.indexOf('_') !== -1) {
|
|
route.path += '?'
|
|
}
|
|
}
|
|
}
|
|
})
|
|
// Order Routes path
|
|
parent.push(route)
|
|
parent.sort((a, b) => {
|
|
if (!a.path.length) {
|
|
return -1
|
|
}
|
|
if (!b.path.length) {
|
|
return 1
|
|
}
|
|
// Order: /static, /index, /:dynamic
|
|
// Match exact route before index: /login before /index/_slug
|
|
if (a.path === '/') {
|
|
return /^\/(:|\*)/.test(b.path) ? -1 : 1
|
|
}
|
|
if (b.path === '/') {
|
|
return /^\/(:|\*)/.test(a.path) ? 1 : -1
|
|
}
|
|
let i = 0
|
|
let res = 0
|
|
let y = 0
|
|
let z = 0
|
|
const _a = a.path.split('/')
|
|
const _b = b.path.split('/')
|
|
for (i = 0; i < _a.length; i++) {
|
|
if (res !== 0) {
|
|
break
|
|
}
|
|
y = _a[i] === '*' ? 2 : _a[i].indexOf(':') > -1 ? 1 : 0
|
|
z = _b[i] === '*' ? 2 : _b[i].indexOf(':') > -1 ? 1 : 0
|
|
res = y - z
|
|
// If a.length >= b.length
|
|
if (i === _b.length - 1 && res === 0) {
|
|
// change order if * found
|
|
res = _a[i] === '*' ? -1 : 1
|
|
}
|
|
}
|
|
return res === 0 ? (_a[i - 1] === '*' && _b[i] ? 1 : -1) : res
|
|
})
|
|
})
|
|
return cleanChildrenRoutes(routes)
|
|
}
|