feat: add TuonoLayoutProps interface (#702)

marcalexiei · web-flow · commit 0335c8c1ad1d · 2025-04-03T08:53:20.000+02:00
diff --git a/examples/tuono-app/src/routes/__layout.tsx b/examples/tuono-app/src/routes/__layout.tsx
@@ -1,13 +1,12 @@
-import type { ReactNode, JSX } from 'react'
+import type { JSX } from 'react'
 import { TuonoScripts } from 'tuono'
+import type { TuonoLayoutProps } from 'tuono'
 
 import '../styles/global.css'
 
-interface RootLayoutProps {
-  children: ReactNode
-}
-
-export default function RootLayout({ children }: RootLayoutProps): JSX.Element {
+export default function RootLayout({
+  children,
+}: TuonoLayoutProps): JSX.Element {
   return (
     <html>
       <body>
diff --git a/examples/tuono-tutorial/src/routes/__layout.tsx b/examples/tuono-tutorial/src/routes/__layout.tsx
@@ -1,13 +1,12 @@
-import type { ReactNode, JSX } from 'react'
+import type { JSX } from 'react'
 import { TuonoScripts } from 'tuono'
+import type { TuonoLayoutProps } from 'tuono'
 
 import '../styles/global.css'
 
-interface RootLayoutProps {
-  children: ReactNode
-}
-
-export default function RootLayout({ children }: RootLayoutProps): JSX.Element {
+export default function RootLayout({
+  children,
+}: TuonoLayoutProps): JSX.Element {
   return (
     <html>
       <body>
diff --git a/examples/with-mdx/src/routes/__layout.tsx b/examples/with-mdx/src/routes/__layout.tsx
@@ -1,14 +1,13 @@
-import type { ReactNode, JSX } from 'react'
+import type { JSX } from 'react'
 import { MDXProvider } from '@mdx-js/react'
 import { TuonoScripts } from 'tuono'
+import type { TuonoLayoutProps } from 'tuono'
 
 import '../styles/global.css'
 
-interface RootLayoutProps {
-  children: ReactNode
-}
-
-export default function RootLayout({ children }: RootLayoutProps): JSX.Element {
+export default function RootLayout({
+  children,
+}: TuonoLayoutProps): JSX.Element {
   return (
     <html>
       <body>
diff --git a/examples/with-tailwind/src/routes/__layout.tsx b/examples/with-tailwind/src/routes/__layout.tsx
@@ -1,13 +1,12 @@
-import type { ReactNode, JSX } from 'react'
+import type { JSX } from 'react'
 import { TuonoScripts } from 'tuono'
+import type { TuonoLayoutProps } from 'tuono'
 
 import '../styles/global.css'
 
-interface RootLayoutProps {
-  children: ReactNode
-}
-
-export default function RootLayout({ children }: RootLayoutProps): JSX.Element {
+export default function RootLayout({
+  children,
+}: TuonoLayoutProps): JSX.Element {
   return (
     <html>
       <head>
diff --git a/packages/tuono/src/index.ts b/packages/tuono/src/index.ts
@@ -13,4 +13,4 @@ export {
 
 export { TuonoScripts } from './shared/TuonoScripts'
 
-export type { TuonoRouteProps } from './types'
+export type { TuonoRouteProps, TuonoLayoutProps } from './types'
diff --git a/packages/tuono/src/types.ts b/packages/tuono/src/types.ts
@@ -1,3 +1,5 @@
+import type { ReactNode } from 'react'
+
 /**
  * Provided by the rust server and used in the ssr env
  * @see tuono-router {@link ServerInitialLocation}
@@ -56,3 +58,7 @@ export type TuonoRouteProps<TData> =
       data: TData
       isLoading: false
     }
+
+export interface TuonoLayoutProps {
+  children: ReactNode
+}

Original file line number	Diff line number	Diff line change
`@@ -13,4 +13,4 @@ export {`
`13`	`13`
`14`	`14`	`export { TuonoScripts } from './shared/TuonoScripts'`
`15`	`15`
`16`		`-export type { TuonoRouteProps } from './types'`
	`16`	`+export type { TuonoRouteProps, TuonoLayoutProps } from './types'`