@adonisjs/inertia 1.0.0-15 → 1.0.0-17

package/build/index.js

@@ -53,6 +53,7 @@ var ADAPTERS_INFO = {
     ],
     viteRegister: {
       pluginCall: "svelte()",
+      ssrPluginCall: "svelte({ compilerOptions: { hydratable: true } })",
       importDeclarations: [
         { isNamed: true, module: "@sveltejs/vite-plugin-svelte", identifier: "svelte" }
       ]
@@ -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`, {});

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'
 
@@ -22,7 +26,10 @@ createInertiaApp({
   },
 
   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/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'
 
@@ -22,6 +26,10 @@ createInertiaApp({
   },
 
   setup({ el, App, props }) {
+    {{#if ssr}}
+    hydrate(() => <App {...props} />, el)
+    {{#else}}
     render(() => <App {...props} />, el)
+    {{/if}}
   },
 })

package/build/svelte/app.ts.stub

@@ -21,6 +21,10 @@ createInertiaApp({
   },
 
   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

@@ -2,15 +2,15 @@
   exports({ to: app.makePath('resources/pages/home.svelte') })
 }}}
 <script>
-export let version: number
+export let version
 </script>
 
 <svelte:head>
   <title>Homepage</title>
 </svelte:head>
 
-<div className="container">
-  <div className="title">AdonisJS \{ version \} x Inertia x Svelte</div>
+<div class="container">
+  <div class="title">AdonisJS \{ version \} x Inertia x Svelte</div>
 
   <span>
     Learn more about AdonisJS and Inertia.js by visiting the

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/package.json

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