add axiosInstance option

Author: LeTamanoir

packages/react/src/createInertiaApp.ts

@@ -1,6 +1,7 @@
 import { Page, PageProps, PageResolver, router, setupProgress } from '@inertiajs/core'
 import { ComponentType, FunctionComponent, Key, ReactElement, ReactNode, createElement } from 'react'
 import { renderToString } from 'react-dom/server'
+import { AxiosInstance } from 'axios'
 import App from './App'
 
 type ReactInstance = ReactElement
@@ -46,6 +47,7 @@ type InertiaAppOptionsForCSR<SharedProps extends PageProps> = BaseInertiaAppOpti
         showSpinner?: boolean
       }
   setup(options: SetupOptions<HTMLElement, SharedProps>): CreateInertiaAppSetupReturnType
+  axiosInstance?: AxiosInstance
 }
 
 type CreateInertiaAppSSRContent = { head: string[]; body: string }
@@ -55,6 +57,7 @@ type InertiaAppOptionsForSSR<SharedProps extends PageProps> = BaseInertiaAppOpti
   render: typeof renderToString
   progress?: undefined
   setup(options: SetupOptions<null, SharedProps>): ReactInstance
+  axiosInstance?: undefined
 }
 
 export default async function createInertiaApp<SharedProps extends PageProps = PageProps>(
@@ -71,6 +74,7 @@ export default async function createInertiaApp<SharedProps extends PageProps = P
   progress = {},
   page,
   render,
+  axiosInstance,
 }: InertiaAppOptionsForCSR<SharedProps> | InertiaAppOptionsForSSR<SharedProps>): Promise<
   CreateInertiaAppSetupReturnType | CreateInertiaAppSSRContent
 > {
@@ -82,6 +86,10 @@ export default async function createInertiaApp<SharedProps extends PageProps = P
 
   let head = []
 
+  if (!isServer && axiosInstance) {
+    router.setAxiosInstance(axiosInstance)
+  }
+
   const reactApp = await Promise.all([
     resolveComponent(initialPage.component),
     router.decryptHistory().catch(() => {}),

packages/svelte/src/createInertiaApp.ts

@@ -3,6 +3,7 @@ import escape from 'html-escape'
 import type { ComponentType } from 'svelte'
 import App, { type InertiaAppProps } from './components/App.svelte'
 import type { ComponentResolver } from './types'
+import { AxiosInstance } from 'axios'
 
 type SvelteRenderResult = { html: string; head: string; css?: { code: string } }
 type AppComponent = ComponentType<App> & { render: (props: InertiaAppProps) => SvelteRenderResult }
@@ -24,6 +25,7 @@ interface CreateInertiaAppProps {
         showSpinner?: boolean
       }
   page?: Page
+  axiosInstance?: AxiosInstance
 }
 
 export default async function createInertiaApp({
@@ -32,12 +34,17 @@ export default async function createInertiaApp({
   setup,
   progress = {},
   page,
+  axiosInstance
 }: CreateInertiaAppProps): InertiaAppResponse {
   const isServer = typeof window === 'undefined'
   const el = isServer ? null : document.getElementById(id)
   const initialPage: Page = page || JSON.parse(el?.dataset.page || '{}')
   const resolveComponent = (name: string) => Promise.resolve(resolve(name))
-
+  
+  if (!isServer && axiosInstance) {
+    router.setAxiosInstance(axiosInstance)
+  }
+  
   const [initialComponent] = await Promise.all([
     resolveComponent(initialPage.component),
     router.decryptHistory().catch(() => {}),

packages/vue3/src/createInertiaApp.ts

@@ -1,6 +1,7 @@
 import { Page, router, setupProgress } from '@inertiajs/core'
 import { DefineComponent, Plugin, App as VueApp, createSSRApp, h } from 'vue'
 import App, { InertiaApp, InertiaAppProps, plugin } from './app'
+import { AxiosInstance } from 'axios'
 
 interface CreateInertiaAppProps {
   id?: string
@@ -17,6 +18,7 @@ interface CreateInertiaAppProps {
       }
   page?: Page
   render?: (app: VueApp) => Promise<string>
+  axiosInstance?: AxiosInstance
 }
 
 export default async function createInertiaApp({
@@ -27,6 +29,7 @@ export default async function createInertiaApp({
   progress = {},
   page,
   render,
+  axiosInstance,
 }: CreateInertiaAppProps): Promise<{ head: string[]; body: string }> {
   const isServer = typeof window === 'undefined'
   const el = isServer ? null : document.getElementById(id)
@@ -35,6 +38,10 @@ export default async function createInertiaApp({
 
   let head = []
 
+  if (!isServer && axiosInstance) {
+    router.setAxiosInstance(axiosInstance)
+  }
+
   const vueApp = await Promise.all([
     resolveComponent(initialPage.component),
     router.decryptHistory().catch(() => {}),