fumapress 0.3.1 → 0.5.0

package/dist/config.js

@@ -1,36 +1,33 @@
 //#region src/config.ts
 function defineConfig(config) {
+	const plugins = [];
+	const layouts = {};
+	const adapters = [];
 	return {
 		...config,
-		useAdapters(...adapters) {
-			this.adapters ??= [];
-			this.adapters.push(...adapters);
+		$context: void 0,
+		getPlugins() {
+			return plugins;
+		},
+		getAdapters() {
+			return adapters;
+		},
+		getLayouts() {
+			return layouts;
+		},
+		useAdapters(...values) {
+			adapters.push(...values);
 			return this;
 		},
-		useLayouts(layouts) {
-			this.layouts ??= {};
-			Object.assign(this.layouts, layouts);
+		useLayouts(overrides) {
+			Object.assign(layouts, overrides);
 			return this;
 		},
-		usePlugins(...plugins) {
-			this.plugins ??= [];
-			this.plugins.push(...plugins);
+		usePlugins(...values) {
+			plugins.push(...values);
 			return this;
 		}
 	};
 }
-function defineI18nConfig(config) {
-	return {
-		...config,
-		toCore() {
-			return {
-				defaultLanguage: this.defaultLanguage,
-				fallbackLanguage: this.fallbackLanguage,
-				parser: this.parser,
-				languages: Object.keys(this.languages)
-			};
-		}
-	};
-}
 //#endregion
-export { defineConfig, defineI18nConfig };
+export { defineConfig };

package/dist/i18n.d.ts

@@ -0,0 +1,18 @@
+import { TranslationValue, TranslationsAPIExtension } from "fumadocs-core/i18n";
+
+//#region src/i18n.d.ts
+declare const defaultTranslations: {
+  blog: string;
+  allTags: string;
+  tagsInTotal: TranslationValue<"count">;
+  tagTitle: TranslationValue<"tag">;
+  matchingBlogPosts: TranslationValue<"count">;
+  backToHome: string;
+  tableOfContents: string;
+  share: string;
+  copied: string;
+};
+type Translations = typeof defaultTranslations;
+declare function fumapressTranslations(): TranslationsAPIExtension<"fumapress", Translations>;
+//#endregion
+export { Translations, defaultTranslations, fumapressTranslations };

package/dist/i18n.js

@@ -0,0 +1,20 @@
+//#region src/i18n.ts
+const defaultTranslations = {
+	blog: "Blog",
+	allTags: "All Tags",
+	tagsInTotal: "{count} tags in total.",
+	tagTitle: "Tag \"{tag}\"",
+	matchingBlogPosts: "{count} matching blog posts.",
+	backToHome: "Back to Home",
+	tableOfContents: "Table of Contents",
+	share: "Share",
+	copied: "Copied"
+};
+function fumapressTranslations() {
+	return {
+		namespace: "fumapress",
+		defaultValue: defaultTranslations
+	};
+}
+//#endregion
+export { defaultTranslations, fumapressTranslations };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { AppContext, AppContextData } from "./lib/shared.js";
-import { BuildMode, Config, ConfigBuilder, ConfigContext, I18nConfig, I18nConfigBuilder, Layouts, MetaConfig, SiteConfig, defineConfig, defineI18nConfig } from "./config.js";
-import { Adapter, RouteFns, ServerPlugin } from "./lib/types.js";
-export { type Adapter, type AppContext, type AppContextData, BuildMode, Config, ConfigBuilder, ConfigContext, I18nConfig, I18nConfigBuilder, Layouts, MetaConfig, type RouteFns, type ServerPlugin, SiteConfig, defineConfig, defineI18nConfig };
+import { AppContext, getPressContext } from "./lib/shared.js";
+import { BuildMode, Config, ConfigBuilder, ConfigContext, Layouts, MetaConfig, SiteConfig, defineConfig } from "./config.js";
+import { Adapter, AppContextData, RouteConfig, RouteFns, ServerPlugin, ServerPluginOption } from "./lib/types.js";
+export { type Adapter, type AppContext, type AppContextData, BuildMode, Config, ConfigBuilder, ConfigContext, Layouts, MetaConfig, type RouteConfig, type RouteFns, type ServerPlugin, type ServerPluginOption, SiteConfig, defineConfig, getPressContext };

package/dist/index.js

@@ -1,2 +1,3 @@
-import { defineConfig, defineI18nConfig } from "./config.js";
-export { defineConfig, defineI18nConfig };
+import { defineConfig } from "./config.js";
+import { getPressContext } from "./lib/shared.js";
+export { defineConfig, getPressContext };

package/dist/layouts/blog.d.ts

@@ -1,13 +1,14 @@
-import { HomeLayoutOptions } from "./home.js";
 import { AppContext } from "../lib/shared.js";
 import { ConfigContext } from "../config.js";
+import { HomeLayoutOptions } from "./home.js";
 import { Awaitable } from "../lib/types.js";
 import { BlogLayout, BlogLayoutPage } from "../plugins/blog.js";
 import { ReactNode } from "react";
 import { TOCItemType } from "fumadocs-core/toc";
 
 //#region src/layouts/blog.d.ts
-declare function createBlogLayout<C extends ConfigContext = ConfigContext>(options?: HomeLayoutOptions<C>): BlogLayout<C>;
+/** You can use `createHomeLayout()` directly, this is only a wrapper */
+declare function createBlogLayout<C extends ConfigContext>(options?: HomeLayoutOptions<C>): BlogLayout<C>;
 interface BlogLayoutPageRenderData {
   creationDate?: Date;
   toc: TOCItemType[];

package/dist/layouts/blog.index.js

@@ -1,35 +1,37 @@
+import { getPressContext } from "../lib/shared.js";
 import { cn } from "../lib/cn.js";
+import { I18nLabel } from "../components/i18n.js";
 import { joinPathname } from "../lib/join-pathname.js";
+import { getBlogContext } from "../plugins/blog.js";
 import { OrderedBlogGrid } from "../components/blog.js";
-import { Link } from "waku";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { buttonVariants } from "fumadocs-ui/components/ui/button";
+import { Link } from "waku";
 import { ListIcon } from "lucide-react";
+import { buttonVariants } from "fumadocs-ui/components/ui/button";
 //#region src/layouts/blog.index.tsx
 function createBlogIndexPage({ heading, description } = {}) {
-	return async function BlogIndexPage({ lang, blog, ctx }) {
+	return async function BlogIndexPage({ lang }) {
+		const ctx = getPressContext();
+		const { tagsPath, isBlog } = getBlogContext();
 		const source = await ctx.getLoader();
 		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-4 items-start border-2 border-dashed border-fd-primary rounded-xl bg-fd-primary/10 p-4 z-2 md:p-8",
 			children: [
 				/* @__PURE__ */ jsx("h1", {
 					className: "text-3xl font-semibold",
-					children: heading ?? "Blog"
+					children: heading ?? /* @__PURE__ */ jsx(I18nLabel, { label: "blog" })
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-fd-primary overline decoration-fd-primary empty:hidden",
 					children: description
 				}),
-				blog.tagsPath !== false && /* @__PURE__ */ jsxs(Link, {
-					to: lang ? joinPathname(lang, blog.tagsPath) : blog.tagsPath,
+				tagsPath !== false && /* @__PURE__ */ jsxs(Link, {
+					to: lang ? joinPathname(lang, tagsPath) : tagsPath,
 					className: cn(buttonVariants({ variant: "primary" }), "gap-2"),
-					children: [/* @__PURE__ */ jsx(ListIcon, { className: "size-4" }), "All Tags"]
+					children: [/* @__PURE__ */ jsx(ListIcon, { className: "size-4" }), /* @__PURE__ */ jsx(I18nLabel, { label: "allTags" })]
 				})
 			]
-		}), /* @__PURE__ */ jsx(OrderedBlogGrid, {
-			posts: source.getPages(lang).filter((page) => blog.isBlog.call(ctx, page)),
-			ctx
-		})] });
+		}), /* @__PURE__ */ jsx(OrderedBlogGrid, { posts: source.getPages(lang).filter(isBlog.bind(ctx)) })] });
 	};
 }
 //#endregion

package/dist/layouts/blog.js

@@ -1,29 +1,23 @@
-import { getCreationDate, renderBody, renderPageMeta, renderToc } from "../lib/shared.js";
-import { joinPathname } from "../lib/join-pathname.js";
-import { LinkToHome } from "../components/blog.js";
-import { getTags } from "../lib/shared/blog.js";
+import { getCreationDate, getPressContext, renderBody, renderPageMeta, renderToc } from "../lib/shared.js";
 import { BlogPanel, BlogProvider } from "../components/blog-panel.js";
+import { getTags } from "../lib/shared/blog.js";
+import { joinPathname } from "../lib/join-pathname.js";
 import { createHomeLayout } from "./home.js";
-import { Link } from "waku";
+import { getBlogContext } from "../plugins/blog.js";
+import { LinkToHome } from "../components/blog.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "waku";
 import { TagIcon } from "lucide-react";
 //#region src/layouts/blog.tsx
+/** You can use `createHomeLayout()` directly, this is only a wrapper */
 function createBlogLayout(options) {
-	const HomeLayout = createHomeLayout(options);
-	return function BlogLayout({ children, ctx, lang }) {
-		return /* @__PURE__ */ jsx(HomeLayout, {
-			lang,
-			ctx,
-			children: /* @__PURE__ */ jsx("main", {
-				className: "flex flex-col w-full max-w-[1400px] flex-1 px-4 pt-6 pb-20 mx-auto",
-				children
-			})
-		});
-	};
+	return createHomeLayout(options);
 }
 function createBlogLayoutPage(options = {}) {
 	const { render } = options;
-	return async function BlogLayoutPage({ ctx, page, blog, lang }) {
+	return async function BlogLayoutPage({ page, lang }) {
+		const ctx = getPressContext();
+		const { tagsPath } = getBlogContext();
 		const tags = await getTags(ctx, page);
 		const _raw = await render?.call(ctx, page);
 		const result = {
@@ -40,10 +34,7 @@ function createBlogLayoutPage(options = {}) {
 					children: [
 						/* @__PURE__ */ jsx("div", {
 							className: "flex flex-row items-center gap-2 w-full max-w-[900px]",
-							children: /* @__PURE__ */ jsx(LinkToHome, {
-								blog,
-								lang
-							})
+							children: /* @__PURE__ */ jsx(LinkToHome, { lang })
 						}),
 						/* @__PURE__ */ jsx("h1", {
 							className: "font-semibold text-2xl w-full max-w-[900px]",
@@ -56,8 +47,8 @@ function createBlogLayoutPage(options = {}) {
 						tags && tags.length > 0 && /* @__PURE__ */ jsxs("div", {
 							className: "flex flex-row items-center gap-2 flex-wrap w-full max-w-[900px] text-sm text-fd-primary-foreground font-mono",
 							children: [/* @__PURE__ */ jsx(TagIcon, { className: "size-4 text-fd-muted-foreground" }), tags.map((t) => {
-								if (blog.tagsPath !== false) return /* @__PURE__ */ jsx(Link, {
-									to: joinPathname(lang ?? "", blog.tagsPath, t),
+								if (tagsPath !== false) return /* @__PURE__ */ jsx(Link, {
+									to: joinPathname(lang ?? "", tagsPath, t),
 									className: "px-1.5 py-0.5 rounded-lg bg-fd-primary",
 									children: t
 								}, t);
@@ -73,6 +64,7 @@ function createBlogLayoutPage(options = {}) {
 					className: "prose mt-6 mx-auto w-full max-w-[900px]",
 					children: result.body
 				}),
+				/* @__PURE__ */ jsx("div", { className: "h-12" }),
 				/* @__PURE__ */ jsx(BlogPanel, {})
 			]
 		});

package/dist/layouts/blog.tags.js

@@ -1,35 +1,33 @@
-import { LinkToHome, OrderedBlogGrid } from "../components/blog.js";
+import { getPressContext } from "../lib/shared.js";
+import { I18nLabel } from "../components/i18n.js";
 import { getTags, groupTags } from "../lib/shared/blog.js";
-import { Link } from "waku";
+import { getBlogContext } from "../plugins/blog.js";
+import { LinkToHome, OrderedBlogGrid } from "../components/blog.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "waku";
 import { NewspaperIcon, TagIcon } from "lucide-react";
 //#region src/layouts/blog.tags.tsx
 function createBlogTagsPage({ heading, description } = {}) {
-	return async function BlogTagsPage({ lang, blog, ctx }) {
-		const grouped = await groupTags(ctx, (await ctx.getLoader()).getPages(lang).filter((page) => blog.isBlog.call(ctx, page)));
+	return async function BlogTagsPage({ lang }) {
+		const ctx = getPressContext();
+		const { isBlog } = getBlogContext();
+		const grouped = await groupTags(ctx, (await ctx.getLoader()).getPages(lang).filter((page) => isBlog.call(ctx, page)));
 		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col items-start gap-4 border-y px-4 pt-3.5 pb-6 bg-fd-card text-fd-card-foreground shadow-inner max-sm:-mx-4 sm:rounded-xl sm:border",
 			children: [
-				/* @__PURE__ */ jsx(LinkToHome, {
-					lang,
-					blog
-				}),
+				/* @__PURE__ */ jsx(LinkToHome, { lang }),
 				/* @__PURE__ */ jsx("h1", {
 					className: "font-semibold text-2xl",
-					children: heading ?? "All Tags"
+					children: heading ?? /* @__PURE__ */ jsx(I18nLabel, { label: "allTags" })
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-fd-muted-foreground empty:hidden",
 					children: description ?? /* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1",
-						children: [
-							/* @__PURE__ */ jsx(TagIcon, { className: "size-3.5 text-fd-primary" }),
-							/* @__PURE__ */ jsx("span", {
-								className: "text-fd-primary font-mono",
-								children: grouped.size
-							}),
-							" tags in total."
-						]
+						children: [/* @__PURE__ */ jsx(TagIcon, { className: "size-3.5 text-fd-primary" }), /* @__PURE__ */ jsx(I18nLabel, {
+							label: "tagsInTotal",
+							replacements: { count: String(grouped.size) }
+						})]
 					})
 				})
 			]
@@ -54,11 +52,13 @@ function createBlogTagsPage({ heading, description } = {}) {
 	};
 }
 function createBlogTagPage({ heading, description } = {}) {
-	return async function BlogTagsPage({ lang, tag, blog, ctx }) {
+	return async function BlogTagPage({ lang, tag }) {
+		const ctx = getPressContext();
+		const { isBlog } = getBlogContext();
 		const source = await ctx.getLoader();
 		const posts = [];
 		for (const page of source.getPages(lang)) {
-			if (!blog.isBlog.call(ctx, page)) continue;
+			if (!isBlog.call(ctx, page)) continue;
 			const tags = await getTags(ctx, page);
 			if (!tags || !tags.includes(tag)) continue;
 			posts.push(page);
@@ -66,47 +66,29 @@ function createBlogTagPage({ heading, description } = {}) {
 		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col items-start gap-4 border-y p-4 pt-3.5 bg-fd-card text-fd-card-foreground shadow-inner max-sm:-mx-4 sm:rounded-xl sm:border",
 			children: [
-				/* @__PURE__ */ jsx(LinkToHome, {
-					lang,
-					blog
-				}),
+				/* @__PURE__ */ jsx(LinkToHome, { lang }),
 				/* @__PURE__ */ jsx("h1", {
 					className: "font-semibold text-2xl",
 					children: heading ?? /* @__PURE__ */ jsxs("span", {
 						className: "inline-flex gap-2 items-center",
-						children: [
-							/* @__PURE__ */ jsx(TagIcon, { className: "text-fd-primary size-6" }),
-							"Tag ",
-							/* @__PURE__ */ jsxs("span", {
-								className: "font-mono text-fd-primary",
-								children: [
-									"\"",
-									tag,
-									"\""
-								]
-							})
-						]
+						children: [/* @__PURE__ */ jsx(TagIcon, { className: "text-fd-primary size-6" }), /* @__PURE__ */ jsx(I18nLabel, {
+							label: "tagTitle",
+							replacements: { tag }
+						})]
 					})
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-fd-muted-foreground empty:hidden",
 					children: description ?? /* @__PURE__ */ jsxs("span", {
 						className: "inline-flex items-center gap-1",
-						children: [
-							/* @__PURE__ */ jsx(NewspaperIcon, { className: "text-fd-primary size-3.5" }),
-							/* @__PURE__ */ jsx("span", {
-								className: "font-mono text-fd-primary",
-								children: posts.length
-							}),
-							" matching blog posts."
-						]
+						children: [/* @__PURE__ */ jsx(NewspaperIcon, { className: "text-fd-primary size-3.5" }), /* @__PURE__ */ jsx(I18nLabel, {
+							label: "matchingBlogPosts",
+							replacements: { count: String(posts.length) }
+						})]
 					})
 				})
 			]
-		}), /* @__PURE__ */ jsx(OrderedBlogGrid, {
-			posts,
-			ctx
-		})] });
+		}), /* @__PURE__ */ jsx(OrderedBlogGrid, { posts })] });
 	};
 }
 //#endregion

package/dist/layouts/docs.d.ts

@@ -1,13 +1,16 @@
 import { AppContext, TransformChildren } from "../lib/shared.js";
 import { ConfigContext, Layouts } from "../config.js";
 import { Awaitable } from "../lib/types.js";
+import { Page } from "fumadocs-core/source";
 import { ReactNode } from "react";
 import { DocsLayoutProps } from "fumadocs-ui/layouts/docs";
 import { DocsPageProps } from "fumadocs-ui/layouts/docs/page";
-import { Page } from "fumadocs-core/source";
 
 //#region src/layouts/docs.d.ts
 interface DocsLayoutOptions<C extends ConfigContext = ConfigContext> {
+  inherit?: {
+    layoutProps?: boolean;
+  };
   render?: (this: AppContext<C> & {
     lang?: string;
   }, page: C["loaderConfig"]["page"]) => Awaitable<{
@@ -31,7 +34,10 @@ interface DocsLayoutContextData {
   }, data: DocsLayoutRenderData) => Awaitable<DocsLayoutRenderData>)[];
 }
 declare function createDocsLayoutPage<C extends ConfigContext = ConfigContext>({
-  render
+  render,
+  inherit: {
+    layoutProps: inheritLayoutProps
+  }
 }?: DocsLayoutOptions<NoInfer<C>>): Layouts<C>["page"];
 //#endregion
 export { DocsLayoutContextData, DocsLayoutOptions, DocsLayoutRenderData, createDocsLayoutPage };

package/dist/layouts/docs.js

@@ -1,19 +1,19 @@
-import { baseLayoutProps, createTransformChildren, getGitHubFileUrl, getLastModifiedDate, mergeLayoutConfigs, renderBody, renderPageMeta, renderToc } from "../lib/shared.js";
+import { baseLayoutProps, createTransformChildren, getGitHubFileUrl, getLastModifiedDate, getPressContext, mergeLayoutConfigs, renderBody, renderPageMeta, renderToc } from "../lib/shared.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DocsLayout } from "fumadocs-ui/layouts/docs";
 import { DocsBody, DocsDescription, DocsPage, DocsTitle, MarkdownCopyButton, PageLastUpdate, ViewOptionsPopover } from "fumadocs-ui/layouts/docs/page";
 //#region src/layouts/docs.tsx
-function createDocsLayoutPage({ render } = {}) {
+function createDocsLayoutPage({ render, inherit: { layoutProps: inheritLayoutProps = true } = {} } = {}) {
 	const TDocsLayout = createTransformChildren(DocsLayout);
 	const TDocsPage = createTransformChildren(DocsPage);
-	return async function Layout({ lang, page, ctx }) {
+	return async function Layout({ lang, page }) {
+		const ctx = getPressContext();
 		const { getLoader, layouts, data: { "core:docs-layout": layoutData } } = ctx;
 		const source = await getLoader();
-		async function getLayoutProps(overrides) {
-			const inherit = await layouts.defaultProps?.call(ctx, { lang });
-			return mergeLayoutConfigs({ tree: source.getPageTree(lang) }, baseLayoutProps(ctx), inherit, overrides);
-		}
+		const inherited = inheritLayoutProps ? await layouts.defaultProps?.call(ctx, { lang }) : void 0;
 		const _raw = await render?.call(ctx, page);
+		const layoutProps = mergeLayoutConfigs(baseLayoutProps(ctx), inherited, _raw?.layoutProps);
+		layoutProps.tree ??= source.getPageTree(lang);
 		let result = {
 			..._raw,
 			lastModified: _raw?.lastModified ?? await getLastModifiedDate(ctx, page),
@@ -22,7 +22,7 @@ function createDocsLayoutPage({ render } = {}) {
 				toc: _raw?.pageProps?.toc ?? await renderToc(ctx, page)
 			},
 			body: _raw?.body ?? await renderBody(ctx, page, "[Fumapress] Please specify the `render` option in createDocsLayoutPage()"),
-			layoutProps: await getLayoutProps(_raw?.layoutProps)
+			layoutProps
 		};
 		if (layoutData?.renderers) {
 			const renderCtx = { page };

package/dist/layouts/home.d.ts

@@ -1,40 +1,47 @@
 import { AppContext, TransformChildren } from "../lib/shared.js";
 import { ConfigContext, Layouts } from "../config.js";
 import { Awaitable } from "../lib/types.js";
-import { ComponentType, ReactNode } from "react";
+import { FC, ReactNode } from "react";
 import { HomeLayoutProps } from "fumadocs-ui/layouts/home";
-import { Page } from "fumadocs-core/source";
 
 //#region src/layouts/home.d.ts
+type LayoutComponent<C extends ConfigContext> = FC<{
+  lang?: string | undefined;
+  layoutProps?: TransformChildren<HomeLayoutProps> | undefined;
+  children: ReactNode;
+}> & {
+  $ctx?: C;
+};
 interface HomeLayoutPageOptions<C extends ConfigContext = ConfigContext> {
+  /** swap the outer layout of page content */
+  layout?: LayoutComponent<C>;
   render?: (this: AppContext<C>, page: C["loaderConfig"]["page"]) => Awaitable<{
     body?: ReactNode;
     layoutProps?: TransformChildren<HomeLayoutProps>;
   }>;
 }
+declare function createHomeLayoutPage<C extends ConfigContext = ConfigContext>({
+  layout: Container,
+  render
+}?: HomeLayoutPageOptions<NoInfer<C>>): Layouts<C>["page"];
+interface HomeLayoutOptions<C extends ConfigContext = ConfigContext> {
+  inherit?: {
+    layoutProps?: boolean;
+  };
+  layoutProps?: TransformChildren<HomeLayoutProps> | ((this: AppContext<C>) => Awaitable<TransformChildren<HomeLayoutProps>>);
+}
 interface HomeLayoutRenderData {
   body: ReactNode;
   layoutProps: TransformChildren<HomeLayoutProps>;
 }
 interface HomeLayoutContextData {
-  renderers?: ((this: {
-    page: Page | undefined;
-  }, data: HomeLayoutRenderData) => Awaitable<HomeLayoutRenderData>)[];
-}
-declare function createHomeLayoutPage<C extends ConfigContext = ConfigContext>({
-  render
-}?: HomeLayoutPageOptions<NoInfer<C>>): Layouts<C>["page"];
-interface HomeLayoutOptions<C extends ConfigContext = ConfigContext> {
-  render?: (this: AppContext<C>) => Awaitable<{
-    layoutProps?: TransformChildren<HomeLayoutProps>;
-  }>;
+  renderers?: ((data: HomeLayoutRenderData) => Awaitable<HomeLayoutRenderData>)[];
 }
 declare function createHomeLayout<C extends ConfigContext = ConfigContext>({
-  render
-}?: HomeLayoutOptions<C>): ComponentType<{
-  lang?: string;
-  children: ReactNode;
-  ctx: AppContext<C>;
-}>;
+  layoutProps: getLayoutProps,
+  inherit: {
+    layoutProps: inheritLayoutProps
+  }
+}?: HomeLayoutOptions<C>): LayoutComponent<C>;
 //#endregion
 export { HomeLayoutContextData, HomeLayoutOptions, HomeLayoutPageOptions, HomeLayoutRenderData, createHomeLayout, createHomeLayoutPage };

package/dist/layouts/home.js

@@ -1,49 +1,37 @@
-import { baseLayoutProps, createTransformChildren, mergeLayoutConfigs, renderBody, renderPageMeta } from "../lib/shared.js";
+import { baseLayoutProps, createTransformChildren, getPressContext, mergeLayoutConfigs, renderBody, renderPageMeta } from "../lib/shared.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { HomeLayout } from "fumadocs-ui/layouts/home";
 //#region src/layouts/home.tsx
-function createHomeLayoutPage({ render } = {}) {
-	const THomeLayout = createTransformChildren(HomeLayout);
-	return async function Layout({ lang, page, ctx }) {
-		const { layouts, data: { "core:home-layout": layoutData } } = ctx;
-		async function getLayoutProps(overrides) {
-			const inherit = await layouts.defaultProps?.call(ctx, { lang });
-			return mergeLayoutConfigs(baseLayoutProps(ctx), inherit, overrides);
-		}
+function createHomeLayoutPage({ layout: Container = createHomeLayout(), render } = {}) {
+	return async function Layout({ lang, page }) {
+		const ctx = getPressContext();
 		const _raw = await render?.call(ctx, page);
-		let result = {
-			body: _raw?.body ?? await renderBody(ctx, page, "[Fumapress] Please specify the `render` option in createHomeLayoutPage()"),
-			layoutProps: await getLayoutProps(_raw?.layoutProps)
-		};
-		if (layoutData?.renderers) {
-			const renderCtx = { page };
-			for (const r of layoutData.renderers) result = await r.call(renderCtx, result);
-		}
-		return /* @__PURE__ */ jsxs(THomeLayout, {
-			props: result.layoutProps,
-			children: [renderPageMeta(page, ctx), result.body]
+		const body = _raw?.body ?? await renderBody(ctx, page, "[Fumapress] Please specify the `render` option in createHomeLayoutPage()");
+		return /* @__PURE__ */ jsxs(Container, {
+			lang,
+			layoutProps: _raw?.layoutProps,
+			children: [renderPageMeta(page, ctx), body]
 		});
 	};
 }
-function createHomeLayout({ render } = {}) {
+function createHomeLayout({ layoutProps: getLayoutProps, inherit: { layoutProps: inheritLayoutProps = true } = {} } = {}) {
 	const THomeLayout = createTransformChildren(HomeLayout);
-	return async function Layout({ lang, children, ctx }) {
+	return async function Layout({ lang, layoutProps, children }) {
+		const ctx = getPressContext();
 		const { layouts, data: { "core:home-layout": layoutData } } = ctx;
-		async function getLayoutProps(overrides) {
-			const inherit = await layouts.defaultProps?.call(ctx, { lang });
-			return mergeLayoutConfigs(baseLayoutProps(ctx), inherit, overrides);
-		}
+		const inherited = inheritLayoutProps ? await layouts.defaultProps?.call(ctx, { lang }) : void 0;
 		let result = {
 			body: children,
-			layoutProps: await getLayoutProps((await render?.call(ctx))?.layoutProps)
+			layoutProps: mergeLayoutConfigs(baseLayoutProps(ctx), inherited, typeof getLayoutProps === "function" ? await getLayoutProps.call(ctx) : getLayoutProps, layoutProps)
 		};
-		if (layoutData?.renderers) {
-			const renderCtx = { page: void 0 };
-			for (const r of layoutData.renderers) result = await r.call(renderCtx, result);
-		}
+		if (layoutData?.renderers) for (const r of layoutData.renderers) result = await r(result);
 		return /* @__PURE__ */ jsx(THomeLayout, {
 			props: result.layoutProps,
-			children: result.body
+			children: /* @__PURE__ */ jsx("main", {
+				"data-fd-home-layout-container": "",
+				className: "flex flex-col w-full max-w-[1400px] flex-1 px-4 py-6 mx-auto",
+				children: result.body
+			})
 		});
 	};
 }

package/dist/layouts/notebook.d.ts

@@ -1,13 +1,16 @@
 import { AppContext, TransformChildren } from "../lib/shared.js";
 import { ConfigContext, Layouts } from "../config.js";
 import { Awaitable } from "../lib/types.js";
+import { Page } from "fumadocs-core/source";
 import { ReactNode } from "react";
 import { DocsLayoutProps } from "fumadocs-ui/layouts/notebook";
 import { DocsPageProps } from "fumadocs-ui/layouts/notebook/page";
-import { Page } from "fumadocs-core/source";
 
 //#region src/layouts/notebook.d.ts
 interface NotebookLayoutOptions<C extends ConfigContext = ConfigContext> {
+  inherit?: {
+    layoutProps?: boolean;
+  };
   render?: (this: AppContext<C> & {
     lang?: string;
   }, page: C["loaderConfig"]["page"]) => Awaitable<{
@@ -31,7 +34,10 @@ interface NotebookLayoutContextData {
   }, data: NotebookLayoutRenderData) => Awaitable<NotebookLayoutRenderData>)[];
 }
 declare function createNotebookLayoutPage<C extends ConfigContext = ConfigContext>({
-  render
+  render,
+  inherit: {
+    layoutProps: inheritLayoutProps
+  }
 }?: NotebookLayoutOptions<NoInfer<C>>): Layouts<C>["page"];
 //#endregion
 export { NotebookLayoutContextData, NotebookLayoutOptions, NotebookLayoutRenderData, createNotebookLayoutPage };

package/dist/layouts/notebook.js

@@ -1,19 +1,19 @@
-import { baseLayoutProps, createTransformChildren, getGitHubFileUrl, getLastModifiedDate, mergeLayoutConfigs, renderBody, renderPageMeta, renderToc } from "../lib/shared.js";
+import { baseLayoutProps, createTransformChildren, getGitHubFileUrl, getLastModifiedDate, getPressContext, mergeLayoutConfigs, renderBody, renderPageMeta, renderToc } from "../lib/shared.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DocsLayout } from "fumadocs-ui/layouts/notebook";
 import { DocsBody, DocsDescription, DocsPage, DocsTitle, MarkdownCopyButton, PageLastUpdate, ViewOptionsPopover } from "fumadocs-ui/layouts/notebook/page";
 //#region src/layouts/notebook.tsx
-function createNotebookLayoutPage({ render } = {}) {
+function createNotebookLayoutPage({ render, inherit: { layoutProps: inheritLayoutProps = true } = {} } = {}) {
 	const TDocsLayout = createTransformChildren(DocsLayout);
 	const TDocsPage = createTransformChildren(DocsPage);
-	return async function Layout({ lang, page, ctx }) {
+	return async function Layout({ lang, page }) {
+		const ctx = getPressContext();
 		const { getLoader, layouts, data: { "core:notebook-layout": layoutData } } = ctx;
 		const source = await getLoader();
-		async function getLayoutProps(overrides) {
-			const inherit = await layouts.defaultProps?.call(ctx, { lang });
-			return mergeLayoutConfigs({ tree: source.getPageTree(lang) }, baseLayoutProps(ctx), inherit, overrides);
-		}
+		const inherited = inheritLayoutProps ? await layouts.defaultProps?.call(ctx, { lang }) : void 0;
 		const _raw = await render?.call(ctx, page);
+		const layoutProps = mergeLayoutConfigs(baseLayoutProps(ctx), inherited, _raw?.layoutProps);
+		layoutProps.tree ??= source.getPageTree(lang);
 		let result = {
 			..._raw,
 			lastModified: _raw?.lastModified ?? await getLastModifiedDate(ctx, page),
@@ -22,7 +22,7 @@ function createNotebookLayoutPage({ render } = {}) {
 				toc: _raw?.pageProps?.toc ?? await renderToc(ctx, page)
 			},
 			body: _raw?.body ?? await renderBody(ctx, page, "[Fumapress] Please specify the `render` option in createNotebookLayoutPage()"),
-			layoutProps: await getLayoutProps(_raw?.layoutProps)
+			layoutProps
 		};
 		if (layoutData?.renderers) {
 			const renderCtx = { page };