@adonisjs/inertia 1.0.0-1 → 1.0.0-10

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-TO74VVAR.js → chunk-CXICUKHN.js}

@@ -1,10 +1,13 @@
 // 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 = {};
   /**
    * Check if a value is a lazy prop
    */
@@ -54,19 +57,57 @@ var Inertia = class {
     return {
       component,
       version: this.config.versionCache.getVersion(),
-      props: await this.#resolvePageProps(component, { ...this.config.sharedData, ...pageProps }),
+      props: await this.#resolvePageProps(component, { ...this.#sharedData, ...pageProps }),
       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.
+   */
+  share(data) {
+    this.#sharedData = { ...this.#sharedData, ...data };
+  }
   /**
    * Render a page using Inertia
    */
-  async render(component, pageProps) {
+  async render(component, pageProps, viewProps) {
     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 });
+      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");
     return pageObject;
   }
   /**
@@ -94,18 +135,19 @@ 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)
       return;
     response.header("Vary", "Accept");
-    response.header("X-Inertia", "true");
     const method = request.method();
     if (response.getStatus() === 302 && ["PUT", "PATCH", "DELETE"].includes(method)) {
       response.status(303);

package/build/{stubs/config.stub → 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
@@ -15,4 +15,12 @@ export default defineConfig({
   sharedData: {
     errors: (ctx) => ctx.session.flashMessages.get('errors'),
   },
+
+  /**
+   * Options for the server-side rendering
+   */
+  ssr: {
+    enabled: {{ ssr }},
+    entrypoint: '{{ ssrEntrypoint }}'
+  }
 })

package/build/index.d.ts

@@ -8,11 +8,11 @@ import '@adonisjs/core/http';
  */
 declare function configure(command: Configure): Promise<void>;
 
-declare const stubsRoot: string;
-
 /**
  * Define the Inertia configuration
  */
 declare function defineConfig(config: InertiaConfig): ConfigProvider<ResolvedConfig>;
 
+declare const stubsRoot: string;
+
 export { configure, defineConfig, stubsRoot };

package/build/index.js

@@ -1,70 +1,160 @@
+// stubs/main.ts
+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 }
-    ]
+    ],
+    ssrDependencies: [{ name: "@vue/server-renderer", isDevDependency: false }],
+    viteRegister: {
+      pluginCall: "vue()",
+      importDeclarations: [{ isNamed: false, module: "@vitejs/plugin-vue", identifier: "vue" }]
+    },
+    ssrEntrypoint: "resources/ssr.ts"
   },
   "React": {
+    stubFolder: "react",
+    appExtension: "tsx",
+    componentsExtension: "tsx",
     dependencies: [
-      { name: "@inertiajs/inertia-react", isDevDependency: false },
+      { name: "@inertiajs/react", isDevDependency: false },
       { name: "react", isDevDependency: false },
       { name: "react-dom", isDevDependency: false },
       { 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" }]
+    },
+    ssrEntrypoint: "resources/ssr.tsx"
   },
   "Svelte": {
+    stubFolder: "svelte",
+    appExtension: "ts",
+    componentsExtension: "svelte",
     dependencies: [
-      { name: "@inertiajs/inertia-svelte", isDevDependency: false },
+      { 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" }
+      ]
+    },
+    ssrEntrypoint: "resources/ssr.ts"
+  },
+  "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()",
+      ssrPluginCall: "solid({ ssr: true })",
+      importDeclarations: [{ isNamed: false, module: "vite-plugin-solid", identifier: "solid" }]
+    },
+    ssrEntrypoint: "resources/ssr.tsx"
   }
 };
+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.on('/inertia').renderInertia('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?", {
+  const ssr = await command.prompt.confirm("Do you want to use 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");
   });
-  codemods.registerMiddleware("router", [
+  await codemods.registerMiddleware("router", [
     { path: "@adonisjs/inertia/inertia_middleware", position: "after" }
   ]);
-  await command.publishStub("config.stub");
+  const appExt = adapterInfo.appExtension;
+  const stubFolder = adapterInfo.stubFolder;
+  const compExt = adapterInfo.componentsExtension;
+  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}/home.${compExt}.stub`, {});
+  if (ssr) {
+    await codemods.makeUsingStub(stubsRoot, `${stubFolder}/ssr.${appExt}.stub`, {});
+  }
+  const inertiaPluginCall = ssr ? `inertia({ ssr: { enabled: true, entrypoint: 'resources/ssr.${appExt}' } })` : `inertia({ ssr: { enabled: false } })`;
+  await codemods.registerVitePlugin(inertiaPluginCall, [
+    { isNamed: false, module: "@adonisjs/inertia/client", identifier: "inertia" }
+  ]);
+  await codemods.registerVitePlugin(
+    ssr && adapterInfo.viteRegister.ssrPluginCall ? adapterInfo.viteRegister.ssrPluginCall : adapterInfo.viteRegister.pluginCall,
+    adapterInfo.viteRegister.importDeclarations
+  );
+  await defineExampleRoute(command, codemods);
+  const pkgToInstall = adapterInfo.dependencies;
+  if (ssr && adapterInfo.ssrDependencies) {
+    pkgToInstall.push(...adapterInfo.ssrDependencies);
+  }
   const shouldInstallPackages = await command.prompt.confirm(
     `Do you want to install dependencies ${pkgToInstall.map((pkg) => pkg.name).join(", ")}?`,
     { name: "install" }
   );
   if (shouldInstallPackages) {
-    command.installPackages(pkgToInstall);
+    await codemods.installPackages(pkgToInstall);
   } else {
-    command.listPackagesToInstall(pkgToInstall);
+    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."
-  );
+  const colors = command.colors;
+  command.ui.instructions().heading("Inertia was successfully configured !").add(`We have added a dummy ${colors.cyan("/inertia")} route in your project.`).add(`Try visiting it in your browser after starting your server to see Inertia in action`).add("Happy coding !").render();
 }
 
-// stubs/main.ts
-import { getDirname } from "@poppinss/utils";
-var stubsRoot = getDirname(import.meta.url);
-
 // src/define_config.ts
 import { configProvider } from "@adonisjs/core";
 
@@ -124,7 +214,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.d.ts

@@ -1,5 +1,14 @@
 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>): void;
+    }
+}
 /**
  * Inertia provider
  */
@@ -10,10 +19,8 @@ declare class InertiaProvider {
      * Registers edge plugin when edge is installed
      */
     protected registerEdgePlugin(): Promise<void>;
-    /**
-     * Register Inertia bindings
-     */
     register(): Promise<void>;
+    boot(): Promise<void>;
 }
 
 export { InertiaProvider as default };

package/build/providers/inertia_provider.js

@@ -1,10 +1,11 @@
 import {
   InertiaMiddleware
-} from "../chunk-TO74VVAR.js";
+} from "../chunk-CXICUKHN.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;
@@ -13,26 +14,32 @@ var InertiaProvider = class {
    * Registers edge plugin when edge is installed
    */
   async registerEdgePlugin() {
-    try {
-      const edgeExports = await import("edge.js");
-      const { edgePluginInertia } = await import("../src/plugins/edge.js");
-      edgeExports.default.use(edgePluginInertia());
-    } catch {
-    }
+    if (!this.app.usingEdgeJS)
+      return;
+    const edgeExports = await import("edge.js");
+    const { edgePluginInertia } = await import("../src/plugins/edge/plugin.js");
+    edgeExports.default.use(edgePluginInertia());
   }
-  /**
-   * Register Inertia bindings
-   */
   async register() {
-    const inertiaConfigProvider = this.app.config.get("inertia");
-    const config = await configProvider.resolve(this.app, inertiaConfigProvider);
-    if (!config) {
-      throw new RuntimeException(
-        'Invalid "config/inertia.ts" file. Make sure you are using the "defineConfig" method'
-      );
-    }
-    this.app.container.singleton(InertiaMiddleware, () => new InertiaMiddleware(config));
+    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, vite);
+    });
+  }
+  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

@@ -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/ssr.tsx.stub

@@ -0,0 +1,17 @@
+{{{
+  exports({ to: app.makePath('resources/ssr.tsx') })
+}}}
+import ReactDOMServer from 'react-dom/server'
+import { createInertiaApp } from '@inertiajs/react'
+
+export default function render(page: any) {
+  return createInertiaApp({
+    page,
+    render: ReactDOMServer.renderToString,
+    resolve: (name) => {
+      const pages = import.meta.glob('./pages/**/*.tsx', { eager: true })
+      {{ 'return pages[`./pages/${name}.tsx`]' }}
+    },
+    setup: ({ App, props }) => <App {...props} />,
+  })
+}

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"],
+}

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/ssr.tsx.stub

@@ -0,0 +1,19 @@
+{{{
+  exports({ to: app.makePath('resources/ssr.tsx') })
+}}}
+
+import { hydrate } from 'solid-js/web'
+import { createInertiaApp } from 'inertia-adapter-solid'
+
+export default function render(page: any) {
+  return createInertiaApp({
+    page,
+    resolve: (name) => {
+      const pages = import.meta.glob('./pages/**/*.tsx', { eager: true })
+      {{ 'return pages[`./pages/${name}.tsx`]' }}
+    },
+    setup({ el, App, props }) {
+      hydrate(() => <App {...props} />, el)
+    },
+  })
+}

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"],
+}

package/build/src/helpers.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Utility function to resolve a page component
+ *
+ * @example
+ *    return resolvePageComponent(
+ *      `./pages/${name}.vue`,
+ *       import.meta.glob<DefineComponent>("./pages/**\/*.vue")
+ *    )
+ */
+declare function resolvePageComponent<T>(path: string | string[], pages: Record<string, Promise<T> | (() => Promise<T>)>): Promise<T>;
+
+export { resolvePageComponent };

package/build/src/helpers.js

@@ -0,0 +1,14 @@
+// src/helpers.ts
+async function resolvePageComponent(path, pages) {
+  for (const p of Array.isArray(path) ? path : [path]) {
+    const page = pages[p];
+    if (typeof page === "undefined") {
+      continue;
+    }
+    return typeof page === "function" ? page() : page;
+  }
+  throw new Error(`Page not found: ${path}`);
+}
+export {
+  resolvePageComponent
+};

package/build/src/inertia_middleware.d.ts

@@ -1,6 +1,8 @@
+import { Vite } from '@adonisjs/vite';
 import { HttpContext } from '@adonisjs/core/http';
 import { NextFn } from '@adonisjs/core/types/http';
-import { ResolvedConfig, PageProps, MaybePromise } from './types.js';
+import { ViteRuntime } from 'vite/runtime';
+import { ResolvedConfig, Data, PageProps, MaybePromise } from './types.js';
 
 /**
  * Symbol used to identify lazy props
@@ -13,11 +15,17 @@ 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.
+     */
+    share(data: Record<string, Data>): void;
     /**
      * Render a page using Inertia
      */
-    render<T extends PageProps>(component: string, pageProps?: T): Promise<string | {
+    render<TPageProps extends Record<string, any> = PageProps, TViewProps extends Record<string, any> = PageProps>(component: string, pageProps?: TPageProps, viewProps?: TViewProps): Promise<string | {
         component: string;
         version: string | number;
         props: any;
@@ -56,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-TO74VVAR.js";
+} from "../chunk-CXICUKHN.js";
 export {
   InertiaMiddleware as default
 };

package/build/src/plugins/edge/plugin.js

@@ -0,0 +1,85 @@
+// src/plugins/edge/plugin.ts
+import { encode } from "html-entities";
+
+// src/debug.ts
+import { debuglog } from "node:util";
+var debug_default = debuglog("adonisjs:inertia");
+
+// src/plugins/edge/tags.ts
+import { EdgeError } from "edge-error";
+
+// src/plugins/edge/utils.ts
+function isSubsetOf(expression, expressions, errorCallback) {
+  if (!expressions.includes(expression.type)) {
+    errorCallback();
+  }
+}
+
+// src/plugins/edge/tags.ts
+var inertiaTag = {
+  block: false,
+  tagName: "inertia",
+  seekable: true,
+  compile(parser, buffer, { filename, loc, properties }) {
+    if (properties.jsArg.trim() === "") {
+      buffer.writeExpression(`out += state.inertia(state.page)`, filename, loc.start.line);
+      return;
+    }
+    properties.jsArg = `(${properties.jsArg})`;
+    const parsed = parser.utils.transformAst(
+      parser.utils.generateAST(properties.jsArg, loc, filename),
+      filename,
+      parser
+    );
+    isSubsetOf(parsed, ["ObjectExpression"], () => {
+      const { line, col } = parser.utils.getExpressionLoc(parsed);
+      throw new EdgeError(
+        `"${properties.jsArg}" is not a valid argument for @inertia`,
+        "E_UNALLOWED_EXPRESSION",
+        { line, col, filename }
+      );
+    });
+    const attributes = parser.utils.stringify(parsed);
+    buffer.writeExpression(
+      `out += state.inertia(state.page, ${attributes})`,
+      filename,
+      loc.start.line
+    );
+  }
+};
+var inertiaHeadTag = {
+  block: false,
+  tagName: "inertiaHead",
+  seekable: false,
+  compile(_, buffer, { filename, loc }) {
+    buffer.writeExpression(`out += state.inertiaHead(state.page)`, filename, loc.start.line);
+  }
+};
+
+// src/plugins/edge/plugin.ts
+var edgePluginInertia = () => {
+  return (edge) => {
+    debug_default("sharing globals and inertia tags with edge");
+    edge.global(
+      "inertia",
+      (page = {}, attributes = {}) => {
+        if (page.ssrBody)
+          return page.ssrBody;
+        const className = attributes?.class ? ` class="${attributes.class}"` : "";
+        const id = attributes?.id ? ` id="${attributes.id}"` : ' id="app"';
+        const tag = attributes?.as || "div";
+        const dataPage = encode(JSON.stringify(page));
+        return `<${tag}${id}${className} data-page="${dataPage}"></${tag}>`;
+      }
+    );
+    edge.global("inertiaHead", (page) => {
+      const { ssrHead = [] } = page || {};
+      return ssrHead.join("\n");
+    });
+    edge.registerTag(inertiaHeadTag);
+    edge.registerTag(inertiaTag);
+  };
+};
+export {
+  edgePluginInertia
+};

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/ssr.ts.stub

@@ -0,0 +1,22 @@
+{{{
+  exports({ to: app.makePath('resources/ssr.ts') })
+}}}
+
+import { createInertiaApp } from '@inertiajs/vue3'
+import { renderToString } from '@vue/server-renderer'
+import { createSSRApp, h, type DefineComponent } from 'vue'
+
+export default function render(page: any) {
+  return createInertiaApp({
+    page,
+    render: renderToString,
+    resolve: (name) => {
+      const pages = import.meta.glob<DefineComponent>('./pages/**/*.vue', { eager: true })
+      {{ 'return pages[`./pages/${name}.vue`]' }}
+    },
+
+    setup({ App, props, plugin }) {
+      return createSSRApp({ render: () => h(App, props) }).use(plugin)
+    },
+  })
+}

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-1",
+  "version": "1.0.0-10",
   "engines": {
     "node": ">=18.16.0"
   },
@@ -16,12 +16,14 @@
     "./services/main": "./build/services/inertia.js",
     "./inertia_middleware": "./build/src/inertia_middleware.js",
     "./inertia_provider": "./build/providers/inertia_provider.js",
-    "./plugins/edge": "./build/src/plugins/edge.js",
-    "./plugins/api_client": "./build/src/plugins/api_client.js"
+    "./plugins/edge": "./build/src/plugins/edge/plugin.js",
+    "./plugins/api_client": "./build/src/plugins/japa/api_client.js",
+    "./client": "./build/src/plugins/vite.js",
+    "./helpers": "./build/src/helpers.js"
   },
   "scripts": {
     "clean": "del-cli build",
-    "copy:templates": "copyfiles \"stubs/**/*.stub\" build",
+    "copy:templates": "copyfiles --up 1 \"stubs/**/*.stub\" build",
     "typecheck": "tsc --noEmit",
     "lint": "eslint . --ext=.ts",
     "format": "prettier --write .",
@@ -36,54 +38,58 @@
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
-    "@adonisjs/assembler": "6.1.3-25",
-    "@adonisjs/core": "6.1.5-31",
-    "@adonisjs/eslint-config": "^1.1.8",
-    "@adonisjs/prettier-config": "^1.1.8",
-    "@adonisjs/session": "7.0.0-13",
-    "@adonisjs/tsconfig": "^1.1.8",
-    "@japa/api-client": "^2.0.1",
-    "@japa/assert": "2.0.1",
-    "@japa/file-system": "^2.0.1",
-    "@japa/plugin-adonisjs": "^2.0.1",
-    "@japa/runner": "3.0.5",
-    "@swc/core": "^1.3.96",
-    "@types/node": "^20.9.0",
-    "@types/qs": "^6.9.10",
-    "@types/supertest": "^2.0.16",
-    "c8": "^8.0.1",
+    "@adonisjs/assembler": "^7.2.3",
+    "@adonisjs/core": "6.3.1",
+    "@adonisjs/eslint-config": "^1.2.2",
+    "@adonisjs/prettier-config": "^1.2.2",
+    "@adonisjs/session": "7.1.1",
+    "@adonisjs/tsconfig": "^1.2.2",
+    "@adonisjs/vite": "^3.0.0-2",
+    "@japa/api-client": "^2.0.2",
+    "@japa/assert": "2.1.0",
+    "@japa/expect-type": "^2.0.1",
+    "@japa/file-system": "^2.2.0",
+    "@japa/plugin-adonisjs": "^3.0.0",
+    "@japa/runner": "3.1.1",
+    "@japa/snapshot": "^2.0.4",
+    "@swc/core": "^1.4.2",
+    "@types/node": "^20.11.24",
+    "@types/qs": "^6.9.12",
+    "@types/supertest": "^6.0.2",
+    "@vavite/multibuild": "^4.1.1",
+    "c8": "^9.1.0",
     "copyfiles": "^2.4.1",
     "del-cli": "^5.1.0",
-    "edge.js": "^6.0.0",
-    "eslint": "^8.53.0",
+    "edge-parser": "^9.0.1",
+    "edge.js": "^6.0.1",
+    "eslint": "^8.57.0",
     "get-port": "^7.0.0",
-    "np": "^8.0.4",
-    "prettier": "^3.0.3",
-    "supertest": "^6.3.3",
-    "tinybench": "^2.5.1",
-    "ts-node": "^10.9.1",
-    "tsup": "^7.3.0",
-    "typescript": "^5.2.2"
+    "np": "^10.0.0",
+    "prettier": "^3.2.5",
+    "supertest": "^6.3.4",
+    "tinybench": "^2.6.0",
+    "ts-node": "^10.9.2",
+    "tsup": "^8.0.2",
+    "typescript": "~5.3.3",
+    "vite": "^5.1.4"
   },
   "dependencies": {
-    "@poppinss/utils": "^6.5.1",
+    "@poppinss/utils": "^6.7.2",
     "crc-32": "^1.2.2",
+    "edge-error": "^4.0.1",
     "html-entities": "^2.4.0",
     "qs": "^6.11.2"
   },
   "peerDependencies": {
-    "@adonisjs/assembler": "6.1.3-25",
-    "@adonisjs/core": "6.1.5-31",
-    "@adonisjs/session": "7.0.0-13",
-    "@japa/api-client": "^2.0.1",
+    "@adonisjs/core": "^6.2.0",
+    "@adonisjs/session": "^7.0.0",
+    "@adonisjs/vite": "^3.0.0-2",
+    "@japa/api-client": "^2.0.0",
     "edge.js": "^6.0.0"
   },
   "peerDependenciesMeta": {
-    "@adonisjs/assembler": {
-      "optional": false
-    },
     "@japa/api-client": {
-      "optional": false
+      "optional": true
     }
   },
   "author": "Julien Ripouteau <julien@ripouteau.com>,adonisjs",
@@ -120,11 +126,13 @@
     "entry": [
       "./index.ts",
       "./src/types.ts",
+      "./src/helpers.ts",
+      "./src/plugins/vite.ts",
       "./services/inertia.ts",
       "./src/inertia_middleware.ts",
       "./providers/inertia_provider.ts",
-      "./src/plugins/edge.ts",
-      "./src/plugins/api_client.ts"
+      "./src/plugins/edge/plugin.ts",
+      "./src/plugins/japa/api_client.ts"
     ],
     "outDir": "./build",
     "clean": true,

package/build/src/plugins/edge.js

@@ -1,41 +0,0 @@
-// src/plugins/edge.ts
-import { encode } from "html-entities";
-
-// src/debug.ts
-import { debuglog } from "node:util";
-var debug_default = debuglog("adonisjs:inertia");
-
-// src/plugins/edge.ts
-var edgePluginInertia = () => {
-  return (edge) => {
-    debug_default("sharing globals and inertia tags with edge");
-    edge.global("inertia", (page = {}) => {
-      if (page.ssrBody)
-        return page.ssrBody;
-      return `<div id="app" data-page="${encode(JSON.stringify(page))}"></div>`;
-    });
-    edge.global("inertiaHead", (page) => {
-      const { ssrHead = [] } = page || {};
-      return ssrHead.join("\n");
-    });
-    edge.registerTag({
-      block: false,
-      tagName: "inertia",
-      seekable: false,
-      compile(_, buffer, { filename, loc }) {
-        buffer.writeExpression(`out += state.inertia(state.page)`, filename, loc.start.line);
-      }
-    });
-    edge.registerTag({
-      block: false,
-      tagName: "inertiaHead",
-      seekable: false,
-      compile(_, buffer, { filename, loc }) {
-        buffer.writeExpression(`out += state.inertiaHead(state.page)`, filename, loc.start.line);
-      }
-    });
-  };
-};
-export {
-  edgePluginInertia
-};