37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import ReactDOMServer from 'react-dom/server';
|
|
import { createInertiaApp } from '@inertiajs/react';
|
|
import createServer from '@inertiajs/react/server';
|
|
import { RouteContext } from '@/Hooks/useRoute';
|
|
import route from 'ziggy-js';
|
|
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
|
|
|
|
const appName = 'Laravel';
|
|
|
|
createServer(page =>
|
|
createInertiaApp({
|
|
page,
|
|
render: ReactDOMServer.renderToString,
|
|
title: title => `${title} - ${appName}`,
|
|
resolve: name =>
|
|
resolvePageComponent(
|
|
`./Pages/${name}.tsx`,
|
|
import.meta.glob('./Pages/**/*.tsx'),
|
|
),
|
|
setup: ({ App, props }) => {
|
|
const ssrRoute = (name: any, params: any, absolute: any, config: any) => {
|
|
return route(name, params, absolute, {
|
|
...(page.props as any).ziggy,
|
|
location: new URL((page.props as any).ziggy.url),
|
|
...config,
|
|
});
|
|
};
|
|
return (
|
|
<RouteContext.Provider value={ssrRoute as any}>
|
|
<App {...props} />
|
|
</RouteContext.Provider>
|
|
);
|
|
},
|
|
}),
|
|
);
|