@adonisjs/inertia 1.0.0-7 → 1.0.0-8

package/build/app.css.stub

@@ -0,0 +1,39 @@
+{{{
+  exports({ to: app.makePath('resources/css/app.css') })
+}}}
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+html,
+body,
+#app {
+  background-color: #F7F8FA;
+  font-family: 'Poppins', sans-serif;
+  color: #46444c;
+  height: 100%;
+  width: 100%;
+}
+
+.title {
+  font-size: 42px;
+  font-weight: 500;
+  color: #5a45ff;
+}
+
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}
+
+a {
+  text-decoration: underline;
+  color: #5a45ff;
+}

package/build/{chunk-RXGBTZMN.js → chunk-CXICUKHN.js}

@@ -1,9 +1,10 @@
 // src/inertia.ts
 var kLazySymbol = Symbol("lazy");
 var Inertia = class {
-  constructor(ctx, config) {
+  constructor(ctx, config, viteRuntime) {
     this.ctx = ctx;
     this.config = config;
+    this.viteRuntime = viteRuntime;
     this.#sharedData = config.sharedData;
   }
   #sharedData = {};
@@ -60,6 +61,33 @@ var Inertia = class {
       url: this.ctx.request.url(true)
     };
   }
+  /**
+   * If the page should be rendered on the server
+   */
+  #shouldRenderOnServer(component) {
+    const isSsrEnabled = this.config.ssr.enabled;
+    const isSsrEnabledForPage = this.config.ssr.pages ? this.config.ssr.pages.includes(component) : true;
+    return isSsrEnabled && isSsrEnabledForPage;
+  }
+  /**
+   * Render the page on the server
+   *
+   * On development, we use the Vite Runtime API
+   * On production, we just import and use the SSR bundle generated by Vite
+   */
+  async #renderOnServer(pageObject, viewProps) {
+    let render;
+    if (this.viteRuntime) {
+      render = await this.viteRuntime.executeEntrypoint(this.config.ssr.entrypoint);
+    } else {
+      render = await import(this.config.ssr.bundle);
+    }
+    const result = await render.default(pageObject);
+    return this.ctx.view.render(this.config.rootView, {
+      ...viewProps,
+      page: { ssrHead: result.head, ssrBody: result.body }
+    });
+  }
   /**
    * Share data for the current request.
    * This data will override any shared data defined in the config.
@@ -74,6 +102,9 @@ var Inertia = class {
     const pageObject = await this.#buildPageObject(component, pageProps);
     const isInertiaRequest = !!this.ctx.request.header("x-inertia");
     if (!isInertiaRequest) {
+      const shouldRenderOnServer = this.#shouldRenderOnServer(component);
+      if (shouldRenderOnServer)
+        return this.#renderOnServer(pageObject, viewProps);
       return this.ctx.view.render(this.config.rootView, { ...viewProps, page: pageObject });
     }
     this.ctx.response.header("x-inertia", "true");
@@ -104,12 +135,14 @@ var Inertia = class {
 
 // src/inertia_middleware.ts
 var InertiaMiddleware = class {
-  constructor(config) {
+  constructor(config, vite) {
     this.config = config;
+    this.#runtime = vite?.getRuntime();
   }
+  #runtime;
   async handle(ctx, next) {
     const { response, request } = ctx;
-    ctx.inertia = new Inertia(ctx, this.config);
+    ctx.inertia = new Inertia(ctx, this.config, this.#runtime);
     await next();
     const isInertiaRequest = !!request.header("x-inertia");
     if (!isInertiaRequest)

package/build/config.stub

@@ -7,7 +7,7 @@ export default defineConfig({
   /**
    * Path to the Edge view that will be used as the root view for Inertia responses
    */
-  rootView: 'home',
+  rootView: 'root',
 
   /**
    * Data that should be shared with all rendered pages

package/build/index.js

@@ -3,16 +3,26 @@ import { getDirname } from "@poppinss/utils";
 var stubsRoot = getDirname(import.meta.url);
 
 // configure.ts
-var ADAPTERS = ["Vue 3", "React", "Svelte"];
+var ADAPTERS = ["Vue 3", "React", "Svelte", "Solid"];
 var ADAPTERS_INFO = {
   "Vue 3": {
+    stubFolder: "vue",
+    appExtension: "ts",
+    componentsExtension: "vue",
     dependencies: [
       { name: "@inertiajs/vue3", isDevDependency: false },
       { name: "vue", isDevDependency: false },
       { name: "@vitejs/plugin-vue", isDevDependency: true }
-    ]
+    ],
+    viteRegister: {
+      pluginCall: "vue()",
+      importDeclarations: [{ isNamed: false, module: "@vitejs/plugin-vue", identifier: "vue" }]
+    }
   },
   "React": {
+    stubFolder: "react",
+    appExtension: "tsx",
+    componentsExtension: "tsx",
     dependencies: [
       { name: "@inertiajs/react", isDevDependency: false },
       { name: "react", isDevDependency: false },
@@ -20,29 +30,76 @@ var ADAPTERS_INFO = {
       { name: "@vitejs/plugin-react", isDevDependency: true },
       { name: "@types/react", isDevDependency: true },
       { name: "@types/react-dom", isDevDependency: true }
-    ]
+    ],
+    viteRegister: {
+      pluginCall: "react()",
+      importDeclarations: [{ isNamed: false, module: "@vitejs/plugin-react", identifier: "react" }]
+    }
   },
   "Svelte": {
+    stubFolder: "svelte",
+    appExtension: "ts",
+    componentsExtension: "svelte",
     dependencies: [
       { name: "@inertiajs/svelte", isDevDependency: false },
       { name: "svelte", isDevDependency: false },
       { name: "@sveltejs/vite-plugin-svelte", isDevDependency: true }
-    ]
+    ],
+    viteRegister: {
+      pluginCall: "svelte()",
+      importDeclarations: [
+        { isNamed: false, module: "@sveltejs/vite-plugin-svelte", identifier: "svelte" }
+      ]
+    }
+  },
+  "Solid": {
+    stubFolder: "solid",
+    appExtension: "tsx",
+    componentsExtension: "tsx",
+    dependencies: [
+      { name: "solid-js", isDevDependency: false },
+      { name: "inertia-adapter-solid", isDevDependency: false },
+      { name: "vite-plugin-solid", isDevDependency: true },
+      { name: "@solidjs/meta", isDevDependency: false }
+    ],
+    viteRegister: {
+      pluginCall: "solid()",
+      importDeclarations: [{ isNamed: false, module: "vite-plugin-solid", identifier: "solid" }]
+    }
   }
 };
+async function defineExampleRoute(command, codemods) {
+  const tsMorph = await codemods.getTsMorphProject();
+  const routesFile = tsMorph?.getSourceFile(command.app.makePath("./start/routes.ts"));
+  if (!routesFile) {
+    return command.logger.warning("Unable to find the routes file");
+  }
+  const isAlreadyDefined = routesFile.getText().includes("/inertia");
+  if (isAlreadyDefined) {
+    command.logger.warning("/inertia route is already defined. Skipping");
+    return;
+  }
+  const action = command.logger.action("update start/routes.ts file");
+  try {
+    routesFile?.addStatements((writer) => {
+      writer.writeLine(
+        `router.get('/inertia', ({ inertia }) => inertia.render('home', { version: 6 }))`
+      );
+    });
+    await tsMorph?.save();
+    action.succeeded();
+  } catch (error) {
+    codemods.emit("error", error);
+    action.failed(error.message);
+  }
+}
 async function configure(command) {
   const adapter = await command.prompt.choice(
     "Select the Inertia adapter you want to use",
     ADAPTERS,
     { name: "adapter" }
   );
-  const pkgToInstall = ADAPTERS_INFO[adapter].dependencies;
-  const withSsr = await command.prompt.confirm("Do you want to enable server-side rendering?", {
-    name: "ssr"
-  });
-  if (withSsr) {
-    pkgToInstall.push(...ADAPTERS_INFO[adapter].ssrDependencies || []);
-  }
+  const adapterInfo = ADAPTERS_INFO[adapter];
   const codemods = await command.createCodemods();
   await codemods.updateRcFile((rcFile) => {
     rcFile.addProvider("@adonisjs/inertia/inertia_provider");
@@ -50,7 +107,21 @@ async function configure(command) {
   await codemods.registerMiddleware("router", [
     { path: "@adonisjs/inertia/inertia_middleware", position: "after" }
   ]);
+  const appExt = adapterInfo.appExtension;
+  const stubFolder = adapterInfo.stubFolder;
+  const compExt = adapterInfo.componentsExtension;
   await codemods.makeUsingStub(stubsRoot, "config.stub", {});
+  await codemods.makeUsingStub(stubsRoot, `app.css.stub`, {});
+  await codemods.makeUsingStub(stubsRoot, `${stubFolder}/root.edge.stub`, {});
+  await codemods.makeUsingStub(stubsRoot, `${stubFolder}/tsconfig.json.stub`, {});
+  await codemods.makeUsingStub(stubsRoot, `${stubFolder}/app.${appExt}.stub`, {});
+  await codemods.makeUsingStub(stubsRoot, `${stubFolder}/home.${compExt}.stub`, {});
+  await codemods.registerVitePlugin(
+    adapterInfo.viteRegister.pluginCall,
+    adapterInfo.viteRegister.importDeclarations
+  );
+  defineExampleRoute(command, codemods);
+  const pkgToInstall = adapterInfo.dependencies;
   const shouldInstallPackages = await command.prompt.confirm(
     `Do you want to install dependencies ${pkgToInstall.map((pkg) => pkg.name).join(", ")}?`,
     { name: "install" }
@@ -60,9 +131,7 @@ async function configure(command) {
   } else {
     await codemods.listPackagesToInstall(pkgToInstall);
   }
-  command.logger.success(
-    "Inertia was configured successfully. Please note that you still need to update your vite config, setup your Edge root view and others things. Read the docs for more info."
-  );
+  command.logger.success("Inertia configured");
 }
 
 // src/define_config.ts
@@ -124,7 +193,13 @@ function defineConfig(config) {
     return {
       rootView: config.rootView ?? "root",
       sharedData: config.sharedData || {},
-      versionCache
+      versionCache,
+      ssr: {
+        enabled: config.ssr?.enabled ?? false,
+        pages: config.ssr?.pages,
+        entrypoint: config.ssr?.entrypoint ?? app.makePath("resources/ssr.ts"),
+        bundle: config.ssr?.bundle ?? app.makePath("ssr/ssr.js")
+      }
     };
   });
 }

package/build/providers/inertia_provider.js

@@ -1,6 +1,6 @@
 import {
   InertiaMiddleware
-} from "../chunk-RXGBTZMN.js";
+} from "../chunk-CXICUKHN.js";
 
 // providers/inertia_provider.ts
 import { configProvider } from "@adonisjs/core";
@@ -26,12 +26,13 @@ var InertiaProvider = class {
     this.app.container.singleton(InertiaMiddleware, async () => {
       const inertiaConfigProvider = this.app.config.get("inertia");
       const config = await configProvider.resolve(this.app, inertiaConfigProvider);
+      const vite = await this.app.container.make("vite");
       if (!config) {
         throw new RuntimeException(
           'Invalid "config/inertia.ts" file. Make sure you are using the "defineConfig" method'
         );
       }
-      return new InertiaMiddleware(config);
+      return new InertiaMiddleware(config, vite);
     });
     await this.registerEdgePlugin();
   }

package/build/react/app.tsx.stub

@@ -0,0 +1,25 @@
+{{{
+  exports({ to: app.makePath('resources/app.tsx') })
+}}}
+import './css/app.css';
+
+import { createRoot } from 'react-dom/client';
+import { createInertiaApp } from '@inertiajs/react';
+
+const appName = import.meta.env.VITE_APP_NAME || 'AdonisJS'
+
+createInertiaApp({
+  progress: { color: '#5468FF' },
+
+  title: (title) => {{ '`${title} - ${appName}`' }},
+
+  resolve: (name) => {
+    const pages = import.meta.glob('./pages/**/*.tsx', { eager: true })
+    {{ 'return pages[`./pages/${name}.tsx`]' }}
+  },
+
+  setup({ el, App, props }) {
+    const root = createRoot(el);
+    root.render(<App {...props} />);
+  },
+});

package/build/react/home.tsx.stub

@@ -0,0 +1,21 @@
+{{{
+  exports({ to: app.makePath('resources/pages/home.tsx') })
+}}}
+import { Head } from '@inertiajs/react'
+
+export default function Home(props: { version: number }) {
+  return (
+    <>
+      <Head title="Homepage" />
+
+      <div className="container">
+        <div className="title">AdonisJS {props.version} x Inertia x React</div>
+
+        <span>
+          Learn more about AdonisJS and Inertia.js by visiting the{' '}
+          <a href="https://docs.adonisjs.com/inertia">AdonisJS documentation</a>.
+        </span>
+      </div>
+    </>
+  )
+}

package/build/react/root.edge.stub

@@ -0,0 +1,22 @@
+{{{
+  exports({ to: app.makePath('resources/views/root.edge') })
+}}}
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title inertia>AdonisJS x Inertia x React</title>
+
+  @viteReactRefresh()
+  @vite(['resources/app.tsx'])
+  @inertiaHead()
+</head>
+
+<body>
+  @inertia()
+</body>
+
+</html>

package/build/react/tsconfig.json.stub

@@ -0,0 +1,25 @@
+{{{
+  exports({ to: app.makePath('resources/tsconfig.json') })
+}}}
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "jsx": "react-jsx",
+    "lib": ["DOM", "ESNext", "DOM.Iterable", "ES2020"],
+    "useDefineForClassFields": true,
+    "baseUrl": ".",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "paths": {
+      "@/*": ["./*"],
+      "~/*": ["../*"],
+    },
+    "resolveJsonModule": true,
+    "types": ["vite/client"],
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true,
+  },
+  "include": ["./**/*.ts", "./**/*.tsx", "app.tsx.stub"],
+}

package/build/solid/app.tsx.stub

@@ -0,0 +1,24 @@
+{{{
+  exports({ to: app.makePath('resources/app.tsx') })
+}}}
+import './css/app.css'
+
+import { render } from 'solid-js/web'
+import { createInertiaApp } from 'inertia-adapter-solid'
+
+const appName = import.meta.env.VITE_APP_NAME || 'AdonisJS'
+
+createInertiaApp({
+  progress: { color: '#5468FF' },
+
+  title: (title) => {{ '`${title} - ${appName}`' }},
+
+  resolve(name) {
+    const pages = import.meta.glob('./pages/**/*.tsx', { eager: true })
+    {{ 'return pages[`./pages/${name}.tsx`]' }}
+  },
+
+  setup({ el, App, props }) {
+    render(() => <App {...props} />, el)
+  },
+})

package/build/solid/home.tsx.stub

@@ -0,0 +1,21 @@
+{{{
+  exports({ to: app.makePath('resources/pages/home.tsx') })
+}}}
+import { Title } from '@solidjs/meta'
+
+export default function Home(props: { version: number }) {
+  return (
+    <>
+      <Title>Homepage</Title>
+
+      <div class="container">
+        <div class="title">AdonisJS {props.version} x Inertia x Solid.js</div>
+
+        <span>
+          Learn more about AdonisJS and Inertia.js by visiting the{' '}
+          <a href="https://docs.adonisjs.com/inertia">AdonisJS documentation</a>.
+        </span>
+      </div>
+    </>
+  )
+}

package/build/solid/root.edge.stub

@@ -0,0 +1,21 @@
+{{{
+  exports({ to: app.makePath('resources/views/root.edge') })
+}}}
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title inertia>AdonisJS x Inertia x SolidJS</title>
+
+  @vite(['resources/app.tsx'])
+  @inertiaHead()
+</head>
+
+<body>
+  @inertia()
+</body>
+
+</html>

package/build/solid/tsconfig.json.stub

@@ -0,0 +1,26 @@
+{{{
+  exports({ to: app.makePath('resources/tsconfig.json') })
+}}}
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+    "lib": ["DOM", "ESNext", "DOM.Iterable", "ES2020"],
+    "useDefineForClassFields": true,
+    "baseUrl": ".",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "paths": {
+      "@/*": ["./*"],
+      "~/*": ["../*"],
+    },
+    "resolveJsonModule": true,
+    "types": ["vite/client"],
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true,
+  },
+  "include": ["./**/*.ts", "./**/*.tsx", "app.tsx.stub"],
+}

package/build/src/inertia_middleware.d.ts

@@ -1,5 +1,7 @@
+import { Vite } from '@adonisjs/vite';
 import { HttpContext } from '@adonisjs/core/http';
 import { NextFn } from '@adonisjs/core/types/http';
+import { ViteRuntime } from 'vite/runtime';
 import { ResolvedConfig, Data, PageProps, MaybePromise } from './types.js';
 
 /**
@@ -13,7 +15,8 @@ declare class Inertia {
     #private;
     protected ctx: HttpContext;
     protected config: ResolvedConfig;
-    constructor(ctx: HttpContext, config: ResolvedConfig);
+    protected viteRuntime?: ViteRuntime | undefined;
+    constructor(ctx: HttpContext, config: ResolvedConfig, viteRuntime?: ViteRuntime | undefined);
     /**
      * Share data for the current request.
      * This data will override any shared data defined in the config.
@@ -61,8 +64,9 @@ declare module '@adonisjs/core/http' {
  * set appropriate headers/status
  */
 declare class InertiaMiddleware {
+    #private;
     protected config: ResolvedConfig;
-    constructor(config: ResolvedConfig);
+    constructor(config: ResolvedConfig, vite?: Vite);
     handle(ctx: HttpContext, next: NextFn): Promise<void>;
 }
 

package/build/src/inertia_middleware.js

@@ -1,6 +1,6 @@
 import {
   InertiaMiddleware
-} from "../chunk-RXGBTZMN.js";
+} from "../chunk-CXICUKHN.js";
 export {
   InertiaMiddleware as default
 };

package/build/src/plugins/{api_client.d.ts → japa/api_client.d.ts}

@@ -1,6 +1,6 @@
 import { PluginFn } from '@japa/runner/types';
-import { PageProps } from '../types.js';
 import { ApplicationService } from '@adonisjs/core/types';
+import { PageProps } from '../../types.js';
 import '@adonisjs/core/http';
 
 declare module '@japa/api-client' {

package/build/src/plugins/{api_client.js → japa/api_client.js}

@@ -1,4 +1,4 @@
-// src/plugins/api_client.ts
+// src/plugins/japa/api_client.ts
 import { configProvider } from "@adonisjs/core";
 import { RuntimeException } from "@poppinss/utils";
 import { ApiRequest, ApiResponse } from "@japa/api-client";

package/build/src/plugins/vite.d.ts

@@ -0,0 +1,26 @@
+import { PluginOption } from 'vite';
+
+type InertiaPluginOptions = {
+    ssr?: {
+        /**
+         * Whether or not to enable server-side rendering
+         */
+        enabled: true;
+        /**
+         * The entrypoint for the server-side rendering
+         */
+        entrypoint: string;
+        /**
+         * The output directory for the server-side rendering bundle
+         */
+        output?: string;
+    } | {
+        enabled: false;
+    };
+};
+/**
+ * Inertia plugin for Vite that is tailored for AdonisJS
+ */
+declare function inertia(options: InertiaPluginOptions): PluginOption;
+
+export { type InertiaPluginOptions, inertia as default };

package/build/src/plugins/vite.js

@@ -0,0 +1,33 @@
+// src/plugins/vite.ts
+function inertia(options) {
+  return {
+    name: "vite-plugin-inertia",
+    config: () => {
+      if (!options.ssr?.enabled)
+        return {};
+      return {
+        buildSteps: [
+          {
+            name: "build-client",
+            description: "build inertia client bundle",
+            config: { build: { outDir: "build/public/assets/" } }
+          },
+          {
+            name: "build-ssr",
+            description: "build inertia server bundle",
+            config: {
+              build: {
+                ssr: true,
+                outDir: options.ssr.output || "build/ssr",
+                rollupOptions: { input: options.ssr.entrypoint }
+              }
+            }
+          }
+        ]
+      };
+    }
+  };
+}
+export {
+  inertia as default
+};

package/build/src/types.d.ts

@@ -56,6 +56,27 @@ interface InertiaConfig {
      * Data that should be shared with all rendered pages
      */
     sharedData?: SharedData;
+    /**
+     * Options to configure SSR
+     */
+    ssr?: {
+        /**
+         * Enable or disable SSR
+         */
+        enabled: boolean;
+        /**
+         * List of components that should be rendered on the server
+         */
+        pages?: string[];
+        /**
+         * Path to the SSR entrypoint file
+         */
+        entrypoint?: string;
+        /**
+         * Path to the SSR bundled file that will be used in production
+         */
+        bundle?: string;
+    };
 }
 /**
  * Resolved inertia configuration
@@ -64,6 +85,12 @@ interface ResolvedConfig {
     rootView: string;
     versionCache: VersionCache;
     sharedData: SharedData;
+    ssr: {
+        enabled: boolean;
+        entrypoint: string;
+        pages?: string[];
+        bundle: string;
+    };
 }
 
 export type { AssetsVersion, Data, InertiaConfig, MaybePromise, PageProps, ResolvedConfig, SharedData, SharedDatumFactory };

package/build/vue/app.ts.stub

@@ -0,0 +1,27 @@
+{{{
+  exports({ to: app.makePath('resources/app.ts') })
+}}}
+import './css/app.css';
+
+import { createApp, h } from 'vue'
+import type { DefineComponent } from 'vue'
+import { createInertiaApp } from '@inertiajs/vue3'
+
+const appName = import.meta.env.VITE_APP_NAME || 'AdonisJS'
+
+createInertiaApp({
+  progress: { color: '#5468FF' },
+
+  title: (title) => {{ '`${title} - ${appName}`' }},
+
+  resolve: (name) => {
+    const pages = import.meta.glob<DefineComponent>('./pages/**/*.vue', { eager: true })
+    {{ 'return pages[`./pages/${name}.vue`]' }}
+  },
+
+  setup({ el, App, props, plugin }) {
+    createApp({ render: () => h(App, props) })
+      .use(plugin)
+      .mount(el)
+  },
+})

package/build/vue/home.vue.stub

@@ -0,0 +1,21 @@
+{{{
+  exports({ to: app.makePath('resources/pages/home.vue') })
+}}}
+<script setup lang="ts">
+import { Head } from '@inertiajs/vue3'
+
+defineProps<{ version: number }>()
+</script>
+
+<template>
+  <Head title="Homepage" />
+
+  <div className="container">
+    <div className="title">AdonisJS \{\{ version \}\} x Inertia x Vue.js</div>
+
+    <span>
+      Learn more about AdonisJS and Inertia.js by visiting the
+      <a href="https://docs.adonisjs.com/inertia">AdonisJS documentation</a>.
+    </span>
+  </div>
+</template>

package/build/vue/root.edge.stub

@@ -0,0 +1,21 @@
+{{{
+  exports({ to: app.makePath('resources/views/root.edge') })
+}}}
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title inertia>AdonisJS x Inertia x VueJS</title>
+
+  @vite(['resources/app.ts'])
+  @inertiaHead()
+</head>
+
+<body>
+  @inertia()
+</body>
+
+</html>

package/build/vue/tsconfig.json.stub

@@ -0,0 +1,26 @@
+{{{
+  exports({ to: app.makePath('resources/tsconfig.json') })
+}}}
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "jsx": "preserve",
+    "jsxImportSource": "vue",
+    "lib": ["DOM", "ESNext", "DOM.Iterable", "ES2020"],
+    "useDefineForClassFields": true,
+    "baseUrl": ".",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "paths": {
+      "@/*": ["./*"],
+      "~/*": ["../*"],
+    },
+    "resolveJsonModule": true,
+    "types": ["vite/client"],
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true,
+  },
+  "include": ["./**/*.ts", "./**/*.vue"],
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adonisjs/inertia",
   "description": "Official Inertia.js adapter for AdonisJS",
-  "version": "1.0.0-7",
+  "version": "1.0.0-8",
   "engines": {
     "node": ">=18.16.0"
   },
@@ -17,7 +17,8 @@
     "./inertia_middleware": "./build/src/inertia_middleware.js",
     "./inertia_provider": "./build/providers/inertia_provider.js",
     "./plugins/edge": "./build/src/plugins/edge/plugin.js",
-    "./plugins/api_client": "./build/src/plugins/api_client.js"
+    "./plugins/api_client": "./build/src/plugins/japa/api_client.js",
+    "./client": "./build/src/plugins/vite.js"
   },
   "scripts": {
     "clean": "del-cli build",
@@ -36,39 +37,42 @@
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
-    "@adonisjs/assembler": "^7.0.0",
-    "@adonisjs/core": "6.2.0",
+    "@adonisjs/assembler": "^7.2.1",
+    "@adonisjs/core": "6.3.0",
     "@adonisjs/eslint-config": "^1.2.1",
     "@adonisjs/prettier-config": "^1.2.1",
-    "@adonisjs/session": "7.0.0",
+    "@adonisjs/session": "7.1.1",
     "@adonisjs/tsconfig": "^1.2.1",
+    "@adonisjs/vite": "^3.0.0-0",
     "@japa/api-client": "^2.0.2",
     "@japa/assert": "2.1.0",
     "@japa/expect-type": "^2.0.1",
-    "@japa/file-system": "^2.1.1",
-    "@japa/plugin-adonisjs": "^2.0.2",
+    "@japa/file-system": "^2.2.0",
+    "@japa/plugin-adonisjs": "^2.0.3",
     "@japa/runner": "3.1.1",
-    "@swc/core": "^1.3.102",
-    "@types/node": "^20.10.8",
+    "@swc/core": "^1.4.2",
+    "@types/node": "^20.11.20",
     "@types/qs": "^6.9.11",
     "@types/supertest": "^6.0.2",
-    "c8": "^9.0.0",
+    "@vavite/multibuild": "^4.1.1",
+    "c8": "^9.1.0",
     "copyfiles": "^2.4.1",
     "del-cli": "^5.1.0",
     "edge-parser": "^9.0.1",
     "edge.js": "^6.0.1",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "get-port": "^7.0.0",
     "np": "^9.2.0",
-    "prettier": "^3.1.1",
-    "supertest": "^6.3.3",
-    "tinybench": "^2.5.1",
+    "prettier": "^3.2.5",
+    "supertest": "^6.3.4",
+    "tinybench": "^2.6.0",
     "ts-node": "^10.9.2",
-    "tsup": "^8.0.1",
-    "typescript": "~5.3.3"
+    "tsup": "^8.0.2",
+    "typescript": "~5.3.3",
+    "vite": "^5.1.4"
   },
   "dependencies": {
-    "@poppinss/utils": "^6.7.0",
+    "@poppinss/utils": "^6.7.2",
     "crc-32": "^1.2.2",
     "edge-error": "^4.0.1",
     "html-entities": "^2.4.0",
@@ -77,6 +81,7 @@
   "peerDependencies": {
     "@adonisjs/core": "^6.2.0",
     "@adonisjs/session": "^7.0.0",
+    "@adonisjs/vite": "^3.0.0",
     "@japa/api-client": "^2.0.0",
     "edge.js": "^6.0.0"
   },
@@ -123,7 +128,8 @@
       "./src/inertia_middleware.ts",
       "./providers/inertia_provider.ts",
       "./src/plugins/edge/plugin.ts",
-      "./src/plugins/api_client.ts"
+      "./src/plugins/japa/api_client.ts",
+      "./src/plugins/vite.ts"
     ],
     "outDir": "./build",
     "clean": true,