feat(types): add InertiaPage type helper

Author: codytooker

adonis-typings/inertia.ts

@@ -2,8 +2,16 @@ declare module '@ioc:EidelLev/Inertia' {
   import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext';
   import { ResponseContract } from '@ioc:Adonis/Core/Response';
 
-  export type ResponseProps = Record<string, unknown>;
-  export type RenderResponse = Promise<Record<string, unknown> | string | ResponseContract>;
+  type AdonisControllerMethod = (ctx: HttpContextContract, ...args: any) => any;
+  export type ResponseProps = Record<string, any>;
+  type RenderedResponseProps<T extends ResponseProps> = {
+    component: string;
+    version: VersionValue;
+    props: T;
+    url: string;
+  }
+  export type RenderResponse<T extends ResponseProps> = Promise<RenderedResponseProps<T> | string | ResponseContract>;
+  export type InertiaPage<T extends AdonisControllerMethod> = Exclude<Awaited<ReturnType<T>>, string | ResponseContract>['props'];
 
   /**
    * Shared data types
@@ -31,7 +39,7 @@ declare module '@ioc:EidelLev/Inertia' {
      * @param      {string}         component      Page component
      * @param      {ResponseProps}  responseProps  Props
      */
-    render(component: string, responseProps?: ResponseProps, pageOnlyProps?: ResponseProps): RenderResponse;
+    render<T extends ResponseProps>(component: string, responseProps?: T, pageOnlyProps?: ResponseProps): RenderResponse<T>;
 
     /**
      * Redirect back with the correct HTTP status code

src/Inertia.ts

@@ -49,19 +49,19 @@ export class Inertia implements InertiaContract {
     return new LazyProp(callback);
   }
 
-  public async render(
+  public async render<T extends ResponseProps>(
     component: string,
-    responseProps: ResponseProps = {},
+    responseProps?: T,
     pageOnlyProps: ResponseProps = {},
-  ): RenderResponse {
+  ): RenderResponse<T> {
     const { view: inertiaView, ssr = { enabled: false } } = this.config;
     const { request, response, view, session } = this.ctx;
     const isInertia = request.inertia();
     const partialData = this.resolvePartialData(request.header(HEADERS.INERTIA_PARTIAL_DATA));
     const partialDataComponentHeader = request.header(HEADERS.INERTIA_PARTIAL_DATA_COMPONENT);
     const requestAssetVersion = request.header(HEADERS.INERTIA_VERSION);
-    const props: ResponseProps = await this.resolveProps(
-      { ...Inertia.sharedData, ...responseProps },
+    const props: T = await this.resolveProps(
+      { ...Inertia.sharedData, ...Object(responseProps) },
       partialData,
       component,
       partialDataComponentHeader,