From 0335c8c1ad1d7176a0b3dedab6a34427cca1d6cf Mon Sep 17 00:00:00 2001 From: Marco Pasqualetti <24919330+marcalexiei@users.noreply.github.com> Date: Thu, 3 Apr 2025 08:53:20 +0200 Subject: [PATCH] feat: add `TuonoLayoutProps` interface (#702) --- examples/tuono-app/src/routes/__layout.tsx | 11 +++++------ examples/tuono-tutorial/src/routes/__layout.tsx | 11 +++++------ examples/with-mdx/src/routes/__layout.tsx | 11 +++++------ examples/with-tailwind/src/routes/__layout.tsx | 11 +++++------ packages/tuono/src/index.ts | 2 +- packages/tuono/src/types.ts | 6 ++++++ 6 files changed, 27 insertions(+), 25 deletions(-) diff --git a/examples/tuono-app/src/routes/__layout.tsx b/examples/tuono-app/src/routes/__layout.tsx index 38172cef..62a5a79a 100644 --- 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 ( diff --git a/examples/tuono-tutorial/src/routes/__layout.tsx b/examples/tuono-tutorial/src/routes/__layout.tsx index 38172cef..62a5a79a 100644 --- 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 ( diff --git a/examples/with-mdx/src/routes/__layout.tsx b/examples/with-mdx/src/routes/__layout.tsx index 16c4f0ac..fe1c295d 100644 --- 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 ( diff --git a/examples/with-tailwind/src/routes/__layout.tsx b/examples/with-tailwind/src/routes/__layout.tsx index a15ffd5b..91fc31c7 100644 --- 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 ( diff --git a/packages/tuono/src/index.ts b/packages/tuono/src/index.ts index ca9022b8..51c73e9a 100644 --- 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 index 6177d14b..c21b7216 100644 --- 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 = data: TData isLoading: false } + +export interface TuonoLayoutProps { + children: ReactNode +}