refactor: native parsers

Author: posva

playground-experimental/src/pages/[...path].vue

@@ -3,7 +3,11 @@ import doc from '../main.ts?raw'
 
 const route = useRoute()
 route.params.path
-route.params.page
+
+console.log('typeof', typeof route.params.active)
+console.log('value', route.params.active)
+console.log('typeof', typeof route.params.other)
+console.log('value', route.params.other)
 
 definePage({
   meta: {
@@ -20,6 +24,11 @@ definePage({
         default: 1,
         format: 'array',
       },
+      other: 'bool',
+      active: {
+        parser: 'bool',
+        default: false,
+      },
     },
   },
 })

playground-experimental/typed-router.d.ts

@@ -22,7 +22,7 @@ declare module 'vue-router/auto-routes' {
    */
   export interface RouteNamedMap {
     '/(home)': RouteRecordInfo<'/(home)', '/', Record<never, never>, Record<never, never>>,
-    'not-found': RouteRecordInfo<'not-found', '/:path(.*)', { path: string, page?: number }, { path: string, page: number }>,
+    'not-found': RouteRecordInfo<'not-found', '/:path(.*)', { path: string, page?: number, other: boolean, active?: boolean }, { path: string, page: number, other: boolean, active: boolean }>,
     '/a.[b].c.[d]': RouteRecordInfo<'/a.[b].c.[d]', '/a/:b/c/:d', { b: string, d: string }, { b: string, d: string }>,
     '/b': RouteRecordInfo<'/b', '/b', Record<never, never>, Record<never, never>>,
     '/blog/[slug]+': RouteRecordInfo<'/blog/[slug]+', '/blog/:slug+', { slug: string[] }, { slug: [string, ...string[]] }>,

src/codegen/generateParamParsers.ts

@@ -12,14 +12,22 @@ export type ParamParsersMap = Map<
   }
 >
 
+// just for type strictness
+const _NATIVE_PARAM_PARSERS = ['int', 'bool'] as const
+const NATIVE_PARAM_PARSERS = _NATIVE_PARAM_PARSERS as readonly string[]
+const NATIVE_PARAM_PARSERS_TYPES = {
+  int: 'number',
+  bool: 'boolean',
+} satisfies Record<(typeof _NATIVE_PARAM_PARSERS)[number], string>
+
 export function warnMissingParamParsers(
   tree: PrefixTree,
   paramParsers: ParamParsersMap
 ) {
   for (const node of tree.getChildrenDeepSorted()) {
     for (const param of node.params) {
       if (param.parser && !paramParsers.has(param.parser)) {
-        if (param.parser !== 'int') {
+        if (!NATIVE_PARAM_PARSERS.includes(param.parser)) {
           console.warn(
             `Parameter parser "${param.parser}" not found for route "${node.fullPath}".`
           )
@@ -48,8 +56,10 @@ export function generateParamsTypes(
     if (param.parser) {
       if (parparsersMap.has(param.parser)) {
         return parparsersMap.get(param.parser)!.typeName
-      } else if (param.parser === 'int') {
-        return 'number'
+      } else if (param.parser in NATIVE_PARAM_PARSERS_TYPES) {
+        return NATIVE_PARAM_PARSERS_TYPES[
+          param.parser as keyof typeof NATIVE_PARAM_PARSERS_TYPES
+        ]
       }
     }
     return null
@@ -61,15 +71,18 @@ export function generateParamParserOptions(
   importsMap: ImportsMap,
   paramParsers: ParamParsersMap
 ): string {
+  if (!param.parser) return ''
+
   // we prioritize custom parsers to let users override them
-  if (param.parser && paramParsers.has(param.parser)) {
+  if (paramParsers.has(param.parser)) {
     const { name, absolutePath } = paramParsers.get(param.parser)!
     const varName = `PARAM_PARSER__${name}`
     importsMap.add(absolutePath, { name: 'parser', as: varName })
     return varName
-  } else if (param.parser === 'int') {
-    importsMap.add('vue-router/experimental', `PARAM_PARSER_INT`)
-    return `PARAM_PARSER_INT`
+  } else if (NATIVE_PARAM_PARSERS.includes(param.parser)) {
+    const varName = `PARAM_PARSER_${param.parser.toUpperCase()}`
+    importsMap.add('vue-router/experimental', varName)
+    return varName
   }
   return ''
 }

src/core/definePage.ts

@@ -316,10 +316,7 @@ function extractQueryParams(
             ) {
               paramInfo.format = paramProp.value.value as 'value' | 'array'
             } else if (paramProp.key.name === 'default') {
-              if (
-                typeof paramProp.value.extra?.raw === 'string' &&
-                paramProp.value.extra
-              ) {
+              if (typeof paramProp.value.extra?.raw === 'string') {
                 paramInfo.default = paramProp.value.extra.raw
               } else {
                 warn(