feat: add support for view props

src/inertia.ts

@@ -96,12 +96,15 @@ export class Inertia {
   /**
    * Render a page using Inertia
    */
-  async render<TPageProps extends Record<string, any>>(component: string, pageProps?: TPageProps) {
+  async render<
+    TPageProps extends Record<string, any> = PageProps,
+    TViewProps extends Record<string, any> = PageProps,
+  >(component: string, pageProps?: TPageProps, viewProps?: TViewProps) {
     const pageObject = await this.#buildPageObject(component, pageProps)
     const isInertiaRequest = !!this.ctx.request.header('x-inertia')
 
     if (!isInertiaRequest) {
-      return this.ctx.view.render(this.config.rootView, { page: pageObject })
+      return this.ctx.view.render(this.config.rootView, { ...viewProps, page: pageObject })
     }
 
     return pageObject

tests/inertia.spec.ts

@@ -8,6 +8,7 @@
  */
 
 import { test } from '@japa/runner'
+import { HttpContext } from '@adonisjs/core/http'
 import { HttpContextFactory, RequestFactory } from '@adonisjs/core/factories/http'
 
 import { setupViewMacroMock } from '../tests_helpers/index.js'
@@ -182,4 +183,17 @@ test.group('Inertia', () => {
 
     assert.deepEqual(result.url, '/foo?bar=baz&test[]=32&12&bla=42')
   })
+
+  test('view props are passed to the root view', async ({ assert }) => {
+    // @ts-expect-error mock
+    HttpContext.getter('view', () => ({ render: (view: any, props: any) => ({ view, props }) }))
+
+    const inertia = await new InertiaFactory().create()
+    const result: any = await inertia.render('foo', { data: 42 }, { metaTitle: 'foo' })
+
+    assert.deepEqual(result.props.metaTitle, 'foo')
+
+    // @ts-expect-error mock
+    delete HttpContext.prototype.view
+  })
 })

tests/types.spec.ts

@@ -14,21 +14,38 @@ test.group('Types', () => {
   test('assign interface to render', async () => {
     const inertia = await new InertiaFactory().create()
 
-    interface Response {
+    interface MyRouteResponse {
       foo: string
     }
 
-    inertia.render<Response>('foo', null as any).catch(() => {})
+    inertia.render<MyRouteResponse>('foo', null as any).catch(() => {})
   })
 
-  test('ts error if props doesnt match generic', async () => {
+  test('no ts error if generic is not passed', async () => {
     const inertia = await new InertiaFactory().create()
 
-    interface Response {
+    inertia.render('foo', { foo: 1 }).catch(() => {})
+  })
+
+  test('ts error if page props doesnt match generic', async () => {
+    const inertia = await new InertiaFactory().create()
+
+    interface MyRouteResponse {
       foo: string
     }
 
     // @ts-expect-error props doesn't match generic
-    inertia.render<Response>('foo', { foo: 1 }).catch(() => {})
+    inertia.render<MyRouteResponse>('foo', { foo: 1 }).catch(() => {})
+  })
+
+  test('ts error if view props doesnt match generic', async () => {
+    const inertia = await new InertiaFactory().create()
+
+    interface MyViewProps {
+      metaTitle: string
+    }
+
+    // @ts-expect-error props doesn't match generic
+    inertia.render<any, MyViewProps>('foo', { foo: 1 }, { foo: 32 }).catch(() => {})
   })
 })