import { basename, extname, normalize, relative, resolve } from 'pathe' import { encodePath } from 'ufo' import type { Nuxt, NuxtMiddleware, NuxtPage } from '@nuxt/schema' import { resolveFiles, useNuxt } from '@nuxt/kit' import { kebabCase, pascalCase } from 'scule' enum SegmentParserState { initial, static, dynamic, catchall, } enum SegmentTokenType { static, dynamic, catchall, } interface SegmentToken { type: SegmentTokenType value: string } export async function resolvePagesRoutes (nuxt: Nuxt) { const pagesDir = resolve(nuxt.options.srcDir, nuxt.options.dir.pages) const files = await resolveFiles(pagesDir, `**/*{${nuxt.options.extensions.join(',')}}`) // Sort to make sure parent are listed first files.sort() return generateRoutesFromFiles(files, pagesDir) } export function generateRoutesFromFiles (files: string[], pagesDir: string): NuxtPage[] { const routes: NuxtPage[] = [] for (const file of files) { const segments = relative(pagesDir, file) .replace(new RegExp(`${extname(file)}$`), '') .split('/') const route: NuxtPage = { name: '', path: '', file, children: [] } // Array where routes should be added, useful when adding child routes let parent = routes for (let i = 0; i < segments.length; i++) { const segment = segments[i] const tokens = parseSegment(segment) const segmentName = tokens.map(({ value }) => value).join('') const isSingleSegment = segments.length === 1 const isLastSegment = i === segments.length - 1 // ex: parent/[slug].vue -> parent-slug route.name += (route.name && '-') + segmentName // ex: parent.vue + parent/child.vue const child = parent.find(parentRoute => parentRoute.name === route.name) if (child) { parent = child.children route.path = '' } else if (segmentName === '404' && isSingleSegment) { route.path += '/:catchAll(.*)*' } else if (segmentName === 'index' && !route.path) { route.path += '/' } else if (segmentName !== 'index') { route.path += getRoutePath(tokens) if (isLastSegment && tokens.length === 1 && tokens[0].type === SegmentTokenType.dynamic) { route.path += '?' } } } parent.push(route) } return prepareRoutes(routes) } function getRoutePath (tokens: SegmentToken[]): string { return tokens.reduce((path, token) => { return ( path + (token.type === SegmentTokenType.dynamic ? `:${token.value}` : token.type === SegmentTokenType.catchall ? `:${token.value}(.*)*` : encodePath(token.value)) ) }, '/') } const PARAM_CHAR_RE = /[\w\d_.]/ function parseSegment (segment: string) { let state: SegmentParserState = SegmentParserState.initial let i = 0 let buffer = '' const tokens: SegmentToken[] = [] function consumeBuffer () { if (!buffer) { return } if (state === SegmentParserState.initial) { throw new Error('wrong state') } tokens.push({ type: state === SegmentParserState.static ? SegmentTokenType.static : state === SegmentParserState.dynamic ? SegmentTokenType.dynamic : SegmentTokenType.catchall, value: buffer }) buffer = '' } while (i < segment.length) { const c = segment[i] switch (state) { case SegmentParserState.initial: buffer = '' if (c === '[') { state = SegmentParserState.dynamic } else { i-- state = SegmentParserState.static } break case SegmentParserState.static: if (c === '[') { consumeBuffer() state = SegmentParserState.dynamic } else { buffer += c } break case SegmentParserState.catchall: case SegmentParserState.dynamic: if (buffer === '...') { buffer = '' state = SegmentParserState.catchall } if (c === ']') { if (!buffer) { throw new Error('Empty param') } else { consumeBuffer() } state = SegmentParserState.initial } else if (PARAM_CHAR_RE.test(c)) { buffer += c } else { // eslint-disable-next-line no-console // console.debug(`[pages]Ignored character "${c}" while building param "${buffer}" from "segment"`) } break } i++ } if (state === SegmentParserState.dynamic) { throw new Error(`Unfinished param "${buffer}"`) } consumeBuffer() return tokens } function prepareRoutes (routes: NuxtPage[], parent?: NuxtPage) { for (const route of routes) { // Remove -index if (route.name) { route.name = route.name.replace(/-index$/, '') } if (route.path === '/') { // Remove ? suffix when index page at same level routes.forEach((siblingRoute) => { if (siblingRoute.path.endsWith('?')) { siblingRoute.path = siblingRoute.path.slice(0, -1) } }) } // Remove leading / if children route if (parent && route.path.startsWith('/')) { route.path = route.path.slice(1) } if (route.children.length) { route.children = prepareRoutes(route.children, route) } if (route.children.find(childRoute => childRoute.path === '')) { delete route.name } } return routes } export async function resolveLayouts (nuxt: Nuxt) { const layoutDir = resolve(nuxt.options.srcDir, nuxt.options.dir.layouts) const files = await resolveFiles(layoutDir, `*{${nuxt.options.extensions.join(',')}}`) return files.map(file => ({ name: getNameFromPath(file), file })) } export function normalizeRoutes (routes: NuxtPage[], metaImports: Set = new Set()): { imports: Set, routes: NuxtPage[]} { return { imports: metaImports, routes: routes.map((route) => { const file = normalize(route.file) const metaImportName = getImportName(file) + 'Meta' metaImports.add(`import { meta as ${metaImportName} } from '${file}?macro=true'`) return { ...route, children: route.children ? normalizeRoutes(route.children, metaImports).routes : [], meta: route.meta || `{${metaImportName}}` as any, component: `{() => import('${file}')}` } }) } } export async function resolveMiddleware (): Promise { const nuxt = useNuxt() const middlewareDir = resolve(nuxt.options.srcDir, nuxt.options.dir.middleware) const files = await resolveFiles(middlewareDir, `*{${nuxt.options.extensions.join(',')}}`) return files.map(path => ({ name: getNameFromPath(path), path, global: hasSuffix(path, '.global') })) } function getNameFromPath (path: string) { return kebabCase(basename(path).replace(extname(path), '')).replace(/["']/g, '').replace('.global', '') } function hasSuffix (path: string, suffix: string) { return basename(path).replace(extname(path), '').endsWith(suffix) } export function getImportName (name: string) { return pascalCase(name).replace(/[^\w]/g, '') }