@adonisjs/inertia 1.0.0-9 → 1.0.0

package/README.md

@@ -8,7 +8,7 @@
 Official [Inertia.js](https://inertiajs.com/) adapter for AdonisJS.
 
 ## Official Documentation
-The documentation is available on the [AdonisJS website](https://docs.adonisjs.com/guides/inertia/introduction).
+The documentation is available on the [AdonisJS website](https://docs.adonisjs.com/guides/inertia/).
 
 ## Contributing
 One of the primary goals of AdonisJS is to have a vibrant community of users and contributors who believes in the principles of the framework.
@@ -21,8 +21,8 @@ In order to ensure that the AdonisJS community is welcoming to all, please revie
 ## License
 AdonisJS Lucid is open-sourced software licensed under the [MIT license](LICENSE.md).
 
-[gh-workflow-image]: https://img.shields.io/github/actions/workflow/status/adonisjs/inertia/test.yml?style=for-the-badge
-[gh-workflow-url]: https://github.com/adonisjs/inertia/actions/workflows/test.yml "Github action"
+[gh-workflow-image]: https://img.shields.io/github/actions/workflow/status/adonisjs/inertia/checks.yml?style=for-the-badge
+[gh-workflow-url]: https://github.com/adonisjs/inertia/actions/workflows/checks.yml "Github action"
 
 [npm-image]: https://img.shields.io/npm/v/@adonisjs/inertia/latest.svg?style=for-the-badge&logo=npm
 [npm-url]: https://www.npmjs.com/package/@adonisjs/inertia/v/latest "npm"

package/build/app.css.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/css/app.css') })
+  exports({ to: app.makePath('inertia/css/app.css') })
 }}}
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
 

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

@@ -1,13 +1,42 @@
+// src/server_renderer.ts
+import { pathToFileURL } from "node:url";
+var ServerRenderer = class {
+  constructor(config, vite) {
+    this.config = config;
+    this.vite = vite;
+  }
+  /**
+   * 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 render(pageObject) {
+    let render;
+    const devServer = this.vite?.getDevServer();
+    if (devServer) {
+      const runtime = await this.vite.createRuntime();
+      render = await runtime.executeEntrypoint(this.config.ssr.entrypoint);
+    } else {
+      render = await import(pathToFileURL(this.config.ssr.bundle).href);
+    }
+    const result = await render.default(pageObject);
+    return { head: result.head, body: result.body };
+  }
+};
+
 // src/inertia.ts
 var kLazySymbol = Symbol("lazy");
 var Inertia = class {
-  constructor(ctx, config, viteRuntime) {
+  constructor(ctx, config, vite) {
     this.ctx = ctx;
     this.config = config;
-    this.viteRuntime = viteRuntime;
+    this.vite = vite;
     this.#sharedData = config.sharedData;
+    this.#serverRenderer = new ServerRenderer(config, vite);
   }
   #sharedData = {};
+  #serverRenderer;
   /**
    * Check if a value is a lazy prop
    */
@@ -62,30 +91,38 @@ var Inertia = class {
     };
   }
   /**
-   * If the page should be rendered on the server
+   * If the page should be rendered on the server or not
+   *
+   * The ssr.pages config can be a list of pages or a function that returns a boolean
    */
-  #shouldRenderOnServer(component) {
+  async #shouldRenderOnServer(component) {
     const isSsrEnabled = this.config.ssr.enabled;
-    const isSsrEnabledForPage = this.config.ssr.pages ? this.config.ssr.pages.includes(component) : true;
-    return isSsrEnabled && isSsrEnabledForPage;
+    if (!isSsrEnabled)
+      return false;
+    let isSsrEnabledForPage = false;
+    if (typeof this.config.ssr.pages === "function") {
+      isSsrEnabledForPage = await this.config.ssr.pages(this.ctx, component);
+    } else if (this.config.ssr.pages) {
+      isSsrEnabledForPage = this.config.ssr.pages?.includes(component);
+    } else {
+      isSsrEnabledForPage = true;
+    }
+    return isSsrEnabledForPage;
+  }
+  /**
+   * Resolve the root view
+   */
+  #resolveRootView() {
+    return typeof this.config.rootView === "function" ? this.config.rootView(this.ctx) : this.config.rootView;
   }
   /**
    * 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, {
+    const { head, body } = await this.#serverRenderer.render(pageObject);
+    return this.ctx.view.render(this.#resolveRootView(), {
       ...viewProps,
-      page: { ssrHead: result.head, ssrBody: result.body }
+      page: { ssrHead: head, ssrBody: body, ...pageObject }
     });
   }
   /**
@@ -102,10 +139,10 @@ 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);
+      const shouldRenderOnServer = await this.#shouldRenderOnServer(component);
       if (shouldRenderOnServer)
         return this.#renderOnServer(pageObject, viewProps);
-      return this.ctx.view.render(this.config.rootView, { ...viewProps, page: pageObject });
+      return this.ctx.view.render(this.#resolveRootView(), { ...viewProps, page: pageObject });
     }
     this.ctx.response.header("x-inertia", "true");
     return pageObject;
@@ -137,12 +174,11 @@ var Inertia = class {
 var InertiaMiddleware = class {
   constructor(config, vite) {
     this.config = config;
-    this.#runtime = vite?.getRuntime();
+    this.vite = vite;
   }
-  #runtime;
   async handle(ctx, next) {
     const { response, request } = ctx;
-    ctx.inertia = new Inertia(ctx, this.config, this.#runtime);
+    ctx.inertia = new Inertia(ctx, this.config, this.vite);
     await next();
     const isInertiaRequest = !!request.header("x-inertia");
     if (!isInertiaRequest)

package/build/config.stub

@@ -7,12 +7,20 @@ export default defineConfig({
   /**
    * Path to the Edge view that will be used as the root view for Inertia responses
    */
-  rootView: 'root',
+  rootView: 'inertia_layout',
 
   /**
    * Data that should be shared with all rendered pages
    */
   sharedData: {
-    errors: (ctx) => ctx.session.flashMessages.get('errors'),
+    errors: (ctx) => ctx.session?.flashMessages.get('errors'),
   },
+
+  /**
+   * Options for the server-side rendering
+   */
+  ssr: {
+    enabled: {{ ssr }},
+    entrypoint: '{{ ssrEntrypoint }}'
+  }
 })

package/build/index.d.ts

@@ -1,7 +1,9 @@
 import Configure from '@adonisjs/core/commands/configure';
 import { ConfigProvider } from '@adonisjs/core/types';
-import { InertiaConfig, ResolvedConfig } from './src/types.js';
+import { S as SharedData, I as InertiaConfig, R as ResolvedConfig } from './types-fb05P61I.js';
 import '@adonisjs/core/http';
+import '@tuyau/utils/types';
+import '@adonisjs/vite';
 
 /**
  * Configures the package
@@ -11,6 +13,8 @@ declare function configure(command: Configure): Promise<void>;
 /**
  * Define the Inertia configuration
  */
-declare function defineConfig(config: InertiaConfig): ConfigProvider<ResolvedConfig>;
+declare function defineConfig<T extends SharedData>(config: InertiaConfig<T>): ConfigProvider<ResolvedConfig<T>>;
 
-export { configure, defineConfig };
+declare const stubsRoot: string;
+
+export { configure, defineConfig, stubsRoot };

package/build/index.js

@@ -1,11 +1,14 @@
+// configure.ts
+import string from "@poppinss/utils/string";
+
 // stubs/main.ts
 import { getDirname } from "@poppinss/utils";
 var stubsRoot = getDirname(import.meta.url);
 
 // configure.ts
-var ADAPTERS = ["Vue 3", "React", "Svelte", "Solid"];
+var ADAPTERS = ["vue", "react", "svelte", "solid"];
 var ADAPTERS_INFO = {
-  "Vue 3": {
+  vue: {
     stubFolder: "vue",
     appExtension: "ts",
     componentsExtension: "vue",
@@ -14,12 +17,14 @@ var ADAPTERS_INFO = {
       { name: "vue", isDevDependency: false },
       { name: "@vitejs/plugin-vue", isDevDependency: true }
     ],
+    ssrDependencies: [{ name: "@vue/server-renderer", isDevDependency: false }],
     viteRegister: {
       pluginCall: "vue()",
       importDeclarations: [{ isNamed: false, module: "@vitejs/plugin-vue", identifier: "vue" }]
-    }
+    },
+    ssrEntrypoint: "inertia/app/ssr.ts"
   },
-  "React": {
+  react: {
     stubFolder: "react",
     appExtension: "tsx",
     componentsExtension: "tsx",
@@ -34,9 +39,10 @@ var ADAPTERS_INFO = {
     viteRegister: {
       pluginCall: "react()",
       importDeclarations: [{ isNamed: false, module: "@vitejs/plugin-react", identifier: "react" }]
-    }
+    },
+    ssrEntrypoint: "inertia/app/ssr.tsx"
   },
-  "Svelte": {
+  svelte: {
     stubFolder: "svelte",
     appExtension: "ts",
     componentsExtension: "svelte",
@@ -47,12 +53,14 @@ var ADAPTERS_INFO = {
     ],
     viteRegister: {
       pluginCall: "svelte()",
+      ssrPluginCall: "svelte({ compilerOptions: { hydratable: true } })",
       importDeclarations: [
-        { isNamed: false, module: "@sveltejs/vite-plugin-svelte", identifier: "svelte" }
+        { isNamed: true, module: "@sveltejs/vite-plugin-svelte", identifier: "svelte" }
       ]
-    }
+    },
+    ssrEntrypoint: "inertia/app/ssr.ts"
   },
-  "Solid": {
+  solid: {
     stubFolder: "solid",
     appExtension: "tsx",
     componentsExtension: "tsx",
@@ -64,8 +72,10 @@ var ADAPTERS_INFO = {
     ],
     viteRegister: {
       pluginCall: "solid()",
+      ssrPluginCall: "solid({ ssr: true })",
       importDeclarations: [{ isNamed: false, module: "vite-plugin-solid", identifier: "solid" }]
-    }
+    },
+    ssrEntrypoint: "inertia/app/ssr.tsx"
   }
 };
 async function defineExampleRoute(command, codemods) {
@@ -74,17 +84,10 @@ async function defineExampleRoute(command, codemods) {
   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 }))`
-      );
+      writer.writeLine(`router.on('/').renderInertia('home', { version: 6 })`);
     });
     await tsMorph?.save();
     action.succeeded();
@@ -94,47 +97,90 @@ async function defineExampleRoute(command, codemods) {
   }
 }
 async function configure(command) {
-  const adapter = await command.prompt.choice(
-    "Select the Inertia adapter you want to use",
-    ADAPTERS,
-    { name: "adapter" }
-  );
+  let adapter = command.parsedFlags.adapter;
+  let ssr = command.parsedFlags.ssr;
+  let shouldInstallPackages = command.parsedFlags.install;
+  let shouldSkipExampleRoute = command.parsedFlags["skip-example-route"];
+  if (adapter === void 0) {
+    adapter = await command.prompt.choice(
+      "Select the Inertia adapter you want to use",
+      ADAPTERS.map((adapterName) => string.capitalCase(adapterName)),
+      { name: "adapter", result: (value) => value.toLowerCase() }
+    );
+  }
+  if (ssr === void 0) {
+    ssr = await command.prompt.confirm("Do you want to use server-side rendering?", {
+      name: "ssr"
+    });
+  }
+  if (adapter in ADAPTERS_INFO === false) {
+    command.logger.error(
+      `The selected adapter "${adapter}" is invalid. Select one from: ${string.sentence(
+        Object.keys(ADAPTERS_INFO)
+      )}`
+    );
+    command.exitCode = 1;
+    return;
+  }
   const adapterInfo = ADAPTERS_INFO[adapter];
   const codemods = await command.createCodemods();
   await codemods.updateRcFile((rcFile) => {
     rcFile.addProvider("@adonisjs/inertia/inertia_provider");
   });
-  await codemods.registerMiddleware("router", [
+  await codemods.registerMiddleware("server", [
     { 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, "config.stub", {
+    ssr,
+    ssrEntrypoint: adapterInfo.ssrEntrypoint
+  });
   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}/app.${appExt}.stub`, { ssr });
   await codemods.makeUsingStub(stubsRoot, `${stubFolder}/home.${compExt}.stub`, {});
+  await codemods.makeUsingStub(stubsRoot, `${stubFolder}/errors/not_found.${compExt}.stub`, {});
+  await codemods.makeUsingStub(stubsRoot, `${stubFolder}/errors/server_error.${compExt}.stub`, {});
+  if (ssr) {
+    await codemods.makeUsingStub(stubsRoot, `${stubFolder}/ssr.${appExt}.stub`, {});
+  }
+  const inertiaPluginCall = ssr ? `inertia({ ssr: { enabled: true, entrypoint: 'inertia/app/ssr.${appExt}' } })` : `inertia({ ssr: { enabled: false } })`;
+  await codemods.registerVitePlugin(inertiaPluginCall, [
+    { isNamed: false, module: "@adonisjs/inertia/client", identifier: "inertia" }
+  ]);
   await codemods.registerVitePlugin(
-    adapterInfo.viteRegister.pluginCall,
+    ssr && adapterInfo.viteRegister.ssrPluginCall ? adapterInfo.viteRegister.ssrPluginCall : adapterInfo.viteRegister.pluginCall,
     adapterInfo.viteRegister.importDeclarations
   );
-  defineExampleRoute(command, codemods);
+  const adonisjsPluginCall = `adonisjs({ entrypoints: ['inertia/app/app.${appExt}'], reload: ['resources/views/**/*.edge'] })`;
+  await codemods.registerVitePlugin(adonisjsPluginCall, [
+    { isNamed: false, module: "@adonisjs/vite/client", identifier: "adonisjs" }
+  ]);
+  if (shouldSkipExampleRoute !== true) {
+    await 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" }
-  );
+  if (ssr && adapterInfo.ssrDependencies) {
+    pkgToInstall.push(...adapterInfo.ssrDependencies);
+  }
+  if (shouldInstallPackages === void 0) {
+    shouldInstallPackages = await command.prompt.confirm(
+      `Do you want to install dependencies ${pkgToInstall.map((pkg) => pkg.name).join(", ")}?`,
+      { name: "install" }
+    );
+  }
   if (shouldInstallPackages) {
     await codemods.installPackages(pkgToInstall);
   } else {
     await codemods.listPackagesToInstall(pkgToInstall);
   }
-  command.logger.success("Inertia configured");
 }
 
 // src/define_config.ts
+import { slash } from "@poppinss/utils";
 import { configProvider } from "@adonisjs/core";
 
 // src/version_cache.ts
@@ -185,25 +231,81 @@ var VersionCache = class {
   }
 };
 
+// src/files_detector.ts
+import { locatePath } from "locate-path";
+var FilesDetector = class {
+  constructor(app) {
+    this.app = app;
+  }
+  /**
+   * Try to locate the entrypoint file based
+   * on the conventional locations
+   */
+  async detectEntrypoint(defaultPath) {
+    const possiblesLocations = [
+      "./inertia/app/app.ts",
+      "./inertia/app/app.tsx",
+      "./resources/app.ts",
+      "./resources/app.tsx",
+      "./resources/app.jsx",
+      "./resources/app.js",
+      "./inertia/app/app.jsx"
+    ];
+    const path = await locatePath(possiblesLocations, { cwd: this.app.appRoot });
+    return this.app.makePath(path || defaultPath);
+  }
+  /**
+   * Try to locate the SSR entrypoint file based
+   * on the conventional locations
+   */
+  async detectSsrEntrypoint(defaultPath) {
+    const possiblesLocations = [
+      "./inertia/app/ssr.ts",
+      "./inertia/app/ssr.tsx",
+      "./resources/ssr.ts",
+      "./resources/ssr.tsx",
+      "./resources/ssr.jsx",
+      "./resources/ssr.js",
+      "./inertia/app/ssr.jsx"
+    ];
+    const path = await locatePath(possiblesLocations, { cwd: this.app.appRoot });
+    return this.app.makePath(path || defaultPath);
+  }
+  /**
+   * Try to locate the SSR bundle file based
+   * on the conventional locations
+   */
+  async detectSsrBundle(defaultPath) {
+    const possiblesLocations = ["./ssr/ssr.js", "./ssr/ssr.mjs"];
+    const path = await locatePath(possiblesLocations, { cwd: this.app.appRoot });
+    return this.app.makePath(path || defaultPath);
+  }
+};
+
 // src/define_config.ts
 function defineConfig(config) {
   return configProvider.create(async (app) => {
+    const detector = new FilesDetector(app);
     const versionCache = new VersionCache(app.appRoot, config.assetsVersion);
     await versionCache.computeVersion();
     return {
-      rootView: config.rootView ?? "root",
-      sharedData: config.sharedData || {},
       versionCache,
+      rootView: config.rootView ?? "inertia_layout",
+      sharedData: config.sharedData || {},
+      entrypoint: slash(
+        config.entrypoint ?? await detector.detectEntrypoint("inertia/app/app.ts")
+      ),
       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")
+        entrypoint: config.ssr?.entrypoint ?? await detector.detectSsrEntrypoint("inertia/app/ssr.ts"),
+        bundle: config.ssr?.bundle ?? await detector.detectSsrBundle("ssr/ssr.js")
       }
     };
   });
 }
 export {
   configure,
-  defineConfig
+  defineConfig,
+  stubsRoot
 };

package/build/providers/inertia_provider.d.ts

@@ -1,5 +1,15 @@
+import { Route } from '@adonisjs/core/http';
 import { ApplicationService } from '@adonisjs/core/types';
 
+declare module '@adonisjs/core/http' {
+    interface BriskRoute {
+        /**
+         * Render an inertia page without defining an
+         * explicit route handler
+         */
+        renderInertia(component: string, props?: Record<string, any>, viewProps?: Record<string, any>): Route;
+    }
+}
 /**
  * Inertia provider
  */
@@ -11,9 +21,13 @@ declare class InertiaProvider {
      */
     protected registerEdgePlugin(): Promise<void>;
     /**
-     * Register Inertia bindings
+     * Register inertia middleware
      */
     register(): Promise<void>;
+    /**
+     * Register edge plugin and brisk route macro
+     */
+    boot(): Promise<void>;
 }
 
 export { InertiaProvider as default };

package/build/providers/inertia_provider.js

@@ -1,10 +1,11 @@
 import {
   InertiaMiddleware
-} from "../chunk-CXICUKHN.js";
+} from "../chunk-QKSM72AR.js";
 
 // providers/inertia_provider.ts
 import { configProvider } from "@adonisjs/core";
 import { RuntimeException } from "@poppinss/utils";
+import { BriskRoute } from "@adonisjs/core/http";
 var InertiaProvider = class {
   constructor(app) {
     this.app = app;
@@ -20,7 +21,7 @@ var InertiaProvider = class {
     edgeExports.default.use(edgePluginInertia());
   }
   /**
-   * Register Inertia bindings
+   * Register inertia middleware
    */
   async register() {
     this.app.container.singleton(InertiaMiddleware, async () => {
@@ -34,7 +35,17 @@ var InertiaProvider = class {
       }
       return new InertiaMiddleware(config, vite);
     });
+  }
+  /**
+   * Register edge plugin and brisk route macro
+   */
+  async boot() {
     await this.registerEdgePlugin();
+    BriskRoute.macro("renderInertia", function(template, props, viewProps) {
+      return this.setHandler(({ inertia }) => {
+        return inertia.render(template, props, viewProps);
+      });
+    });
   }
 };
 export {

package/build/react/app.tsx.stub

@@ -1,10 +1,18 @@
 {{{
-  exports({ to: app.makePath('resources/app.tsx') })
+  exports({ to: app.makePath('inertia/app/app.tsx') })
 }}}
-import './css/app.css';
+/// <reference path="../../adonisrc.ts" />
+/// <reference path="../../config/inertia.ts" />
 
+import '../css/app.css';
+
+{{#if ssr}}
+import { hydrateRoot } from 'react-dom/client'
+{{#else}}
 import { createRoot } from 'react-dom/client';
+{{/if}}
 import { createInertiaApp } from '@inertiajs/react';
+import { resolvePageComponent } from '@adonisjs/inertia/helpers'
 
 const appName = import.meta.env.VITE_APP_NAME || 'AdonisJS'
 
@@ -14,12 +22,17 @@ createInertiaApp({
   title: (title) => {{ '`${title} - ${appName}`' }},
 
   resolve: (name) => {
-    const pages = import.meta.glob('./pages/**/*.tsx', { eager: true })
-    {{ 'return pages[`./pages/${name}.tsx`]' }}
+    return resolvePageComponent(
+      {{ '`../pages/${name}.tsx`' }},
+      import.meta.glob('../pages/**/*.tsx'),
+    )
   },
 
   setup({ el, App, props }) {
-    const root = createRoot(el);
-    root.render(<App {...props} />);
+    {{#if ssr}}
+    hydrateRoot(el, <App {...props} />)
+    {{#else}}
+    createRoot(el).render(<App {...props} />);
+    {{/if}}
   },
 });

package/build/react/errors/not_found.tsx.stub

@@ -0,0 +1,14 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/not_found.tsx') })
+}}}
+export default function NotFound() {
+  return (
+    <>
+      <div className="container">
+        <div className="title">Page not found</div>
+
+        <span>This page does not exist.</span>
+      </div>
+    </>
+  )
+}

package/build/react/errors/server_error.tsx.stub

@@ -0,0 +1,14 @@
+{{{
+  exports({ to: app.makePath('inertia/pages/errors/server_error.tsx') })
+}}}
+export default function ServerError(props: { error: any }) {
+  return (
+    <>
+      <div className="container">
+        <div className="title">Server Error</div>
+
+        <span>{props.error.message}</span>
+      </div>
+    </>
+  )
+}

package/build/react/home.tsx.stub

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

package/build/react/root.edge.stub

@@ -1,5 +1,5 @@
 {{{
-  exports({ to: app.makePath('resources/views/root.edge') })
+  exports({ to: app.makePath('resources/views/inertia_layout.edge') })
 }}}
 <!DOCTYPE html>
 <html>
@@ -11,8 +11,8 @@
   <title inertia>AdonisJS x Inertia x React</title>
 
   @viteReactRefresh()
-  @vite(['resources/app.tsx'])
   @inertiaHead()
+  {{ "@vite(['inertia/app/app.tsx', `inertia/pages/${page.component}.tsx`])" }}
 </head>
 
 <body>