@adonisjs/inertia 1.0.0-14 → 1.0.0-16

package/build/{chunk-NVJNYWGW.js → chunk-7ZZGYDYU.js}

@@ -60,8 +60,8 @@ var ServerRenderer = class {
   async render(pageObject) {
     let render;
     let preloadTags = [];
-    if (this.vite) {
-      const devServer = this.vite.getDevServer();
+    const devServer = this.vite?.getDevServer();
+    if (devServer) {
       const runtime = await this.vite.createRuntime();
       render = await runtime.executeEntrypoint(this.config.ssr.entrypoint);
       const entryMod = devServer.moduleGraph.getModuleById(this.config.entrypoint);

package/build/index.js

@@ -53,8 +53,9 @@ 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: "resources/ssr.ts"
@@ -143,7 +144,7 @@ async function configure(command) {
   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`, {});
   if (ssr) {
     await codemods.makeUsingStub(stubsRoot, `${stubFolder}/ssr.${appExt}.stub`, {});
@@ -156,6 +157,10 @@ async function configure(command) {
     ssr && adapterInfo.viteRegister.ssrPluginCall ? adapterInfo.viteRegister.ssrPluginCall : adapterInfo.viteRegister.pluginCall,
     adapterInfo.viteRegister.importDeclarations
   );
+  const adonisjsPluginCall = `adonisjs({ entrypoints: ['resources/app.${appExt}'], reload: ['resources/views/**/*.edge'] })`;
+  await codemods.registerVitePlugin(adonisjsPluginCall, [
+    { isNamed: false, module: "@adonisjs/vite/client", identifier: "adonisjs" }
+  ]);
   await defineExampleRoute(command, codemods);
   const pkgToInstall = adapterInfo.dependencies;
   if (ssr && adapterInfo.ssrDependencies) {

package/build/providers/inertia_provider.js

@@ -1,6 +1,6 @@
 import {
   InertiaMiddleware
-} from "../chunk-NVJNYWGW.js";
+} from "../chunk-7ZZGYDYU.js";
 
 // providers/inertia_provider.ts
 import { configProvider } from "@adonisjs/core";

package/build/react/app.tsx.stub

@@ -3,7 +3,11 @@
 }}}
 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'
 
@@ -17,12 +21,15 @@ createInertiaApp({
   resolve: (name) => {
     return resolvePageComponent(
       {{ '`./pages/${name}.tsx`' }},
-      import.meta.glob<DefineComponent>('./pages/**/*.tsx'),
+      import.meta.glob('./pages/**/*.tsx'),
     )
   },
 
   setup({ el, App, props }) {
-    const root = createRoot(el);
-    root.render(<App {...props} />);
+    {{#if ssr}}
+    hydrateRoot(el).render(<App {...props} />);
+    {{#else}}
+    createRoot(el).render(<App {...props} />);
+    {{/if}}
   },
 });

package/build/react/home.tsx.stub

@@ -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

@@ -11,8 +11,8 @@
   <title inertia>AdonisJS x Inertia x React</title>
 
   @viteReactRefresh()
-  {{ "@vite(['resources/app.tsx', `resources/pages/${page.component}.tsx`])" }}
   @inertiaHead()
+  {{ "@vite(['resources/app.tsx', `resources/pages/${page.component}.tsx`])" }}
 </head>
 
 <body>

package/build/solid/app.tsx.stub

@@ -3,7 +3,11 @@
 }}}
 import './css/app.css'
 
+{{#if ssr}}
+import { hydrate } from 'solid-js/web';
+{{#else}}
 import { render } from 'solid-js/web'
+{{/if}}
 import { createInertiaApp } from 'inertia-adapter-solid'
 import { resolvePageComponent } from '@adonisjs/inertia/helpers'
 
@@ -17,11 +21,15 @@ createInertiaApp({
   resolve: (name) => {
     return resolvePageComponent(
       {{ '`./pages/${name}.tsx`' }},
-      import.meta.glob<DefineComponent>('./pages/**/*.tsx'),
+      import.meta.glob('./pages/**/*.tsx'),
     )
   },
 
   setup({ el, App, props }) {
+    {{#if ssr}}
+    hydrate(() => <App {...props} />, el)
+    {{#else}}
     render(() => <App {...props} />, el)
+    {{/if}}
   },
 })

package/build/solid/home.tsx.stub

@@ -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/solid/root.edge.stub

@@ -10,8 +10,8 @@
 
   <title inertia>AdonisJS x Inertia x SolidJS</title>
 
-  {{ "@vite(['resources/app.tsx', `resources/pages/${page.component}.tsx`])" }}
   @inertiaHead()
+  {{ "@vite(['resources/app.tsx', `resources/pages/${page.component}.tsx`])" }}
 </head>
 
 <body>

package/build/src/inertia_middleware.js

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

package/build/svelte/app.ts.stub

@@ -0,0 +1,30 @@
+{{{
+  exports({ to: app.makePath('resources/app.ts') })
+}}}
+import './css/app.css';
+
+import { createInertiaApp } from '@inertiajs/svelte'
+import { resolvePageComponent } from '@adonisjs/inertia/helpers'
+
+const appName = import.meta.env.VITE_APP_NAME || 'AdonisJS'
+
+createInertiaApp({
+  progress: { color: '#5468FF' },
+
+  title: (title) => {{ '`${title} - ${appName}`' }},
+
+  resolve: (name) => {
+    return resolvePageComponent(
+      {{ '`./pages/${name}.svelte`' }},
+      import.meta.glob('./pages/**/*.svelte'),
+    )
+  },
+
+  setup({ el, App, props }) {
+    {{#if ssr}}
+    new App({ target: el, props, hydrate: true })
+    {{#else}}
+    new App({ target: el, props })
+    {{/if}}
+  },
+})

package/build/svelte/home.svelte.stub

@@ -0,0 +1,19 @@
+{{{
+  exports({ to: app.makePath('resources/pages/home.svelte') })
+}}}
+<script>
+export let version
+</script>
+
+<svelte:head>
+  <title>Homepage</title>
+</svelte:head>
+
+<div class="container">
+  <div class="title">AdonisJS \{ version \} x Inertia x Svelte</div>
+
+  <span>
+    Learn more about AdonisJS and Inertia.js by visiting the
+    <a href="https://docs.adonisjs.com/guides/inertia">AdonisJS documentation</a>.
+  </span>
+</div>

package/build/svelte/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 Svelte</title>
+
+  {{ "@vite(['resources/app.ts', `resources/pages/${page.component}.svelte`])" }}
+  @inertiaHead()
+</head>
+
+<body>
+  @inertia()
+</body>
+
+</html>

package/build/svelte/ssr.ts.stub

@@ -0,0 +1,15 @@
+{{{
+  exports({ to: app.makePath('resources/ssr.ts') })
+}}}
+
+import { createInertiaApp } from '@inertiajs/svelte'
+
+export default function render(page: any) {
+  return createInertiaApp({
+    page,
+    resolve: (name) => {
+      const pages = import.meta.glob('./pages/**/*.svelte', { eager: true })
+      {{ 'return pages[`./pages/${name}.svelte`]' }}
+    }
+  })
+}

package/build/svelte/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", "./**/*.svelte"],
+}

package/build/vue/app.ts.stub

@@ -3,7 +3,11 @@
 }}}
 import './css/app.css';
 
+{{#if ssr}}
+import { createSSRApp, h } from 'vue'
+{{#else}}
 import { createApp, h } from 'vue'
+{{/if}}
 import type { DefineComponent } from 'vue'
 import { createInertiaApp } from '@inertiajs/vue3'
 import { resolvePageComponent } from '@adonisjs/inertia/helpers'
@@ -23,7 +27,11 @@ createInertiaApp({
   },
 
   setup({ el, App, props, plugin }) {
+    {{#if ssr}}
+    createSSRApp({ render: () => h(App, props) })
+    {{#else}}
     createApp({ render: () => h(App, props) })
+    {{/if}}
       .use(plugin)
       .mount(el)
   },

package/build/vue/home.vue.stub

@@ -10,12 +10,12 @@ defineProps<{ version: number }>()
 <template>
   <Head title="Homepage" />
 
-  <div className="container">
-    <div className="title">AdonisJS \{\{ version \}\} x Inertia x Vue.js</div>
+  <div class="container">
+    <div class="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>.
+      <a href="https://docs.adonisjs.com/guides/inertia">AdonisJS documentation</a>.
     </span>
   </div>
 </template>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adonisjs/inertia",
   "description": "Official Inertia.js adapter for AdonisJS",
-  "version": "1.0.0-14",
+  "version": "1.0.0-16",
   "engines": {
     "node": ">=18.16.0"
   },