fumapress 0.5.0 → 0.5.2

package/dist/components/image.js

@@ -0,0 +1,143 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, use, useMemo } from "react";
+import ReactDOM from "react-dom";
+import { useRouter } from "waku";
+//#region src/components/image.tsx
+function parseLength(v) {
+	if (typeof v !== "string") return v;
+	const parsed = parseInt(v, 10);
+	if (Number.isNaN(parsed)) throw new Error(`[Fumapress] <Image /> only accepts integer values of width/height, received: "${v}"`);
+	return parsed;
+}
+/**
+* resolve src to a full pathname if relative
+*/
+function normalizeSrc(src, basePathname) {
+	if (src.startsWith("http://") || src.startsWith("https://")) return src;
+	const base = new URL(basePathname, "http://localhost");
+	const resolved = new URL(src, base);
+	if (resolved.hostname !== base.hostname) throw new Error(`The src attribute "${src}" is not a valid relative path`);
+	return resolved.pathname;
+}
+const ImageContext = createContext(null);
+function ImageProvider({ provider, children }) {
+	return /* @__PURE__ */ jsx(ImageContext, {
+		value: useMemo(() => ({ provider }), [provider]),
+		children
+	});
+}
+/** generate widths (ascending order) */
+function getWidths(provider, width, sizes) {
+	if (sizes) {
+		const allSizes = provider.sizes ?? provider.deviceSizes;
+		const viewportWidthRe = /(^|\s)(1?\d?\d)vw/g;
+		const percentSizes = [];
+		for (let match; match = viewportWidthRe.exec(sizes);) percentSizes.push(parseInt(match[2]));
+		if (percentSizes.length !== 0) {
+			const minRatio = Math.min(...percentSizes) * .01;
+			const minSize = provider.deviceSizes[0] * minRatio;
+			const minIndex = allSizes.findLastIndex((s) => s < minSize);
+			return {
+				widths: minIndex === -1 ? allSizes : allSizes.slice(minIndex + 1),
+				kind: "w"
+			};
+		}
+		return {
+			widths: allSizes,
+			kind: "w"
+		};
+	}
+	if (typeof width !== "number") return {
+		widths: provider.deviceSizes,
+		kind: "w"
+	};
+	if (provider.sizes) {
+		const widths = /* @__PURE__ */ new Set();
+		const sizes = provider.sizes;
+		const defaultWidth = sizes.at(-1);
+		widths.add(sizes.find((p) => p >= width) ?? defaultWidth);
+		widths.add(sizes.find((p) => p >= width * 2) ?? defaultWidth);
+		return {
+			widths: Array.from(widths),
+			kind: "x"
+		};
+	}
+	return {
+		widths: [width, width * 2],
+		kind: "x"
+	};
+}
+function generateImageAttributes(provider, src, quality = provider.defaultQuality, width, sizes) {
+	const { widths, kind } = getWidths(provider, width, sizes);
+	return {
+		sizes: !sizes && kind === "w" ? "100vw" : sizes,
+		srcSet: widths.map((w, i) => `${provider.buildImageUrl({
+			src,
+			width: w,
+			quality
+		})} ${kind === "w" ? w : i + 1}${kind}`).join(", "),
+		src: provider.buildImageUrl({
+			src,
+			width: widths.at(-1),
+			quality
+		})
+	};
+}
+function Image({ src: _src, width: _width, height: _height, sizes, quality, unoptimized = false, preload = true, ...rest }) {
+	const ctx = use(ImageContext);
+	const pathname = useRouter().path;
+	const { src, width, height } = useMemo(() => {
+		if (typeof _src === "object") return {
+			src: normalizeSrc(_src.src, pathname),
+			width: parseLength(_width ?? _src.width),
+			height: parseLength(_height ?? _src.height)
+		};
+		return {
+			src: _src ? normalizeSrc(_src, pathname) : void 0,
+			width: parseLength(_width),
+			height: parseLength(_height)
+		};
+	}, [
+		_src,
+		_width,
+		_height,
+		pathname
+	]);
+	if (src && ctx?.provider.canOptimize && !ctx.provider.canOptimize(src)) unoptimized = true;
+	if (!src || !ctx || unoptimized) return /* @__PURE__ */ jsx("img", {
+		...rest,
+		width,
+		height,
+		sizes,
+		src
+	});
+	const { provider } = ctx;
+	provider.validate?.(src);
+	const generatedProps = generateImageAttributes(provider, src, quality, width, sizes);
+	let preloadElement;
+	if (preload) {
+		const preloadOptions = {
+			as: "image",
+			imageSrcSet: generatedProps.srcSet,
+			imageSizes: generatedProps.sizes,
+			crossOrigin: rest.crossOrigin,
+			referrerPolicy: rest.referrerPolicy,
+			fetchPriority: rest.fetchPriority
+		};
+		if (ReactDOM.preload) ReactDOM.preload(generatedProps.src, preloadOptions);
+		else preloadElement = /* @__PURE__ */ jsx("link", {
+			rel: "preload",
+			href: generatedProps.srcSet ? void 0 : generatedProps.src,
+			...preloadOptions
+		}, "press-img-" + generatedProps.src + generatedProps.srcSet + generatedProps.sizes);
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [preloadElement, /* @__PURE__ */ jsx("img", {
+		...rest,
+		width,
+		height,
+		...generatedProps
+	})] });
+}
+//#endregion
+export { Image, ImageProvider };

package/dist/components/link.d.ts

@@ -0,0 +1,25 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ReactNode, TransitionFunction } from "react";
+
+//#region src/components/link.d.ts
+interface LinkProps extends ComponentProps<"a"> {
+  /**
+   * indicates if the link should scroll or not on navigation
+   * - `true`: always scroll
+   * - `false`: never scroll
+   * - `undefined`: scroll on path/hash change (not on query-only change)
+   */
+  scroll?: boolean;
+  unstable_pending?: ReactNode;
+  unstable_notPending?: ReactNode;
+  unstable_prefetchOnEnter?: boolean;
+  unstable_prefetchOnView?: boolean;
+  unstable_startTransition?: ((fn: TransitionFunction) => void) | undefined;
+}
+declare function Link({
+  href,
+  children,
+  ...props
+}: LinkProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Link, LinkProps };

package/dist/components/link.js

@@ -0,0 +1,18 @@
+"use client";
+import { useRouter as useRouter$1 } from "../client.js";
+import { Link } from "waku/router/client";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/link.tsx
+function Link$1({ href = "#", children, ...props }) {
+	if (typeof global !== "undefined" && global.LINK_SSG_CONTEXT) global.LINK_SSG_CONTEXT.links.push({
+		href,
+		fromPathname: useRouter$1().path
+	});
+	return /* @__PURE__ */ jsx(Link, {
+		to: href,
+		...props,
+		children
+	});
+}
+//#endregion
+export { Link$1 as Link };

package/dist/components/provider.d.ts

@@ -0,0 +1,6 @@
+import { RootProviderProps } from "fumadocs-ui/provider/base";
+
+//#region src/components/provider.d.ts
+type PressProviderProps = RootProviderProps;
+//#endregion
+export { PressProviderProps };

package/dist/components/provider.js

@@ -0,0 +1,39 @@
+"use client";
+import { Link } from "./link.js";
+import { useRouter } from "../client.js";
+import { Image } from "./image.js";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { FrameworkProvider } from "fumadocs-core/framework";
+import { RootProvider } from "fumadocs-ui/provider/base";
+//#region src/components/provider.tsx
+const framework = {
+	useParams() {
+		console.warn("[Fumadocs] useParams() is not supported on Fumapress");
+		return useMemo(() => ({}), []);
+	},
+	usePathname() {
+		return useRouter().path;
+	},
+	useRouter() {
+		const router = useRouter();
+		return useMemo(() => ({
+			push: router.push.bind(router),
+			refresh: router.reload.bind(router)
+		}), [router]);
+	},
+	Image: ({ priority, ...props }) => /* @__PURE__ */ jsx(Image, {
+		fetchPriority: priority ? "high" : void 0,
+		loading: priority ? "eager" : void 0,
+		...props
+	}),
+	Link
+};
+function PressProvider(props) {
+	return /* @__PURE__ */ jsx(FrameworkProvider, {
+		...framework,
+		children: /* @__PURE__ */ jsx(RootProvider, { ...props })
+	});
+}
+//#endregion
+export { PressProvider };

package/dist/config.d.ts

@@ -1,35 +1,71 @@
 import { AppContext } from "./lib/shared.js";
-import { Adapter, Awaitable, ServerPluginOption } from "./lib/types.js";
-import { LoaderConfig, LoaderOutput } from "fumadocs-core/source";
+import { Adapter, Awaitable, PressLoaderOptions, ServerPluginOption } from "./lib/types.js";
 import { FC, ReactNode } from "react";
+import { LoaderConfig, LoaderOutput, Meta, Page, SourceUnion, _Internal } from "fumadocs-core/source";
 import { I18nConfig, SingularTranslationsAPI, TranslationsAPI } from "fumadocs-core/i18n";
 import { Translations } from "fumadocs-ui/i18n";
 import { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
 
 //#region src/config.d.ts
 interface ConfigContext {
-  loaderConfig: LoaderConfig;
-  lang: string;
+  page: Page;
+  meta: Meta;
+  i18n: I18nConfig | undefined;
+  /** source names in multi-source setup */
+  source: string | undefined;
 }
 type BuildMode = "static" | "dynamic" | "default";
-interface Config<C extends ConfigContext = ConfigContext> {
+interface BaseConfig<C extends ConfigContext> {
   /**
    * - `static`: always prefer static, including search etc.
    * - `dynamic`: always prefer dynamic.
    * - `default`: only certain parts like search routes are dynamic.
    */
   mode?: BuildMode;
-  /** the default content loader */
-  loader?: LoaderOutput<C["loaderConfig"]> | (() => Awaitable<LoaderOutput<C["loaderConfig"]>>);
   site?: SiteConfig;
-  /** this is optional if you have defined `translations` */
-  i18n?: I18nConfig<C["lang"]>;
-  translations?: TranslationsAPI<C["lang"], {
+  translations?: (C["i18n"] extends I18nConfig<infer Lang> ? TranslationsAPI<Lang, {
     ui: Translations;
-  }> | SingularTranslationsAPI<{
+  }> : never) | SingularTranslationsAPI<{
     ui: Translations;
   }>;
-  meta?: MetaConfig<NoInfer<C>>;
+  meta?: {
+    /** render meta tags for any pages */root?: (this: AppContext<C>) => ReactNode; /** render meta tags for page */
+    page?: (this: AppContext<C>, page: C["page"]) => ReactNode;
+  };
+}
+interface ConfigWithLoader<L extends LoaderConfig = LoaderConfig> extends BaseConfig<{
+  meta: NoInfer<L>["meta"];
+  page: NoInfer<L>["page"];
+  i18n: NoInfer<L>["i18n"];
+  source: undefined;
+}> {
+  /**
+   * The content loader.
+   *
+   * @deprecated Pass content sources directly to `content` instead.
+   */
+  loader?: LoaderOutput<L>;
+}
+interface ConfigWithContent<I extends _Internal.AnyInput = _Internal.AnyInput, I18n extends I18nConfig | undefined = I18nConfig | undefined> extends BaseConfig<{
+  i18n: I18n;
+  meta: _Internal.GenerateMeta<NoInfer<I>>;
+  page: _Internal.GeneratePage<NoInfer<I>>;
+  source: I extends Record<infer K, SourceUnion> ? K : undefined;
+}> {
+  /** The content sources */
+  content: I;
+  /** i18n config for core, optional when `translations` is specified */
+  i18n?: I18n;
+  /** Options for Fumadocs Loader API */
+  loaderOptions?: Omit<PressLoaderOptions<_Internal.GenerateStorage<I>, I18n>, "baseUrl" | "i18n"> & {
+    /**
+     * Always revalidate all dynamic content sources in `content` (on each request).
+     * By default, you can revalidate manually with `getPressContext<Ctx>().revalidateLoader(...)`.
+     *
+     * @default false
+     */
+    alwaysRevalidate?: boolean;
+  };
 }
 interface Layouts<C extends ConfigContext = ConfigContext> {
   root: FC<{
@@ -41,7 +77,7 @@ interface Layouts<C extends ConfigContext = ConfigContext> {
   page: FC<{
     lang?: string;
     slugs: string[];
-    page: C["loaderConfig"]["page"];
+    page: C["page"];
   }> & {
     $ctx?: C;
   };
@@ -57,12 +93,6 @@ interface Layouts<C extends ConfigContext = ConfigContext> {
     lang: string | undefined;
   }) => Awaitable<Omit<BaseLayoutProps, "children">>;
 }
-interface MetaConfig<C extends ConfigContext = ConfigContext> {
-  /** render meta tags for any pages */
-  root?: (this: AppContext<C>) => ReactNode;
-  /** render meta tags for page */
-  page?: (this: AppContext<C>, page: C["loaderConfig"]["page"]) => ReactNode;
-}
 interface SiteConfig {
   /** full URL of app, used for metadata generation*/
   baseUrl?: string;
@@ -74,23 +104,36 @@ interface SiteConfig {
     rootDir?: string;
   };
 }
-interface ConfigBuilder<C extends ConfigContext> extends Config<C> {
+interface ConfigBuilder<C extends ConfigContext = ConfigContext> {
   /** for type inference only, always `undefined` */
   $context: C;
-  getPlugins: () => ServerPluginOption<C>[];
-  getLayouts: () => Partial<Layouts<C>>;
-  getAdapters: () => Adapter<C>[];
+  get: () => (ConfigWithLoader | ConfigWithContent) & {
+    plugins: ServerPluginOption[];
+    layouts: Partial<Layouts>;
+    adapters: Adapter[];
+  };
+  /** alias for `usePlugins()` */
+  plugins: (...plugins: ServerPluginOption<C>[]) => ConfigBuilder<C>;
+  /** alias for `useAdapters()` */
+  adapters: (...adapters: Adapter<C>[]) => ConfigBuilder<C>;
+  /** alias for `useLayouts()` */
+  layouts: (layouts: Partial<Layouts<C>>) => ConfigBuilder<C>;
   usePlugins: (...plugins: ServerPluginOption<C>[]) => ConfigBuilder<C>;
   useLayouts: (layouts: Partial<Layouts<C>>) => ConfigBuilder<C>;
   /** Add adapter for content sources */
   useAdapters: (...adapters: Adapter<C>[]) => ConfigBuilder<C>;
 }
-declare function defineConfig<C extends LoaderConfig, L extends string = string>(config: Config<{
-  loaderConfig: C;
-  lang: L;
-}>): ConfigBuilder<{
-  loaderConfig: C;
-  lang: L;
+declare function defineConfig<I extends _Internal.AnyInput, I18n extends I18nConfig | undefined = undefined>(config: ConfigWithContent<I, I18n>): ConfigBuilder<{
+  meta: _Internal.GenerateMeta<I>;
+  page: _Internal.GeneratePage<I>;
+  source: I extends Record<infer K, SourceUnion> ? K : undefined;
+  i18n: I18n;
+}>;
+declare function defineConfig<L extends LoaderConfig>(config?: ConfigWithLoader<L>): ConfigBuilder<{
+  i18n: L["i18n"];
+  page: L["page"];
+  meta: L["meta"];
+  source: undefined;
 }>;
 //#endregion
-export { BuildMode, Config, ConfigBuilder, ConfigContext, Layouts, MetaConfig, SiteConfig, defineConfig };
+export { BaseConfig, BuildMode, ConfigBuilder, ConfigContext, Layouts, SiteConfig, defineConfig };

package/dist/config.js

@@ -4,16 +4,23 @@ function defineConfig(config) {
 	const layouts = {};
 	const adapters = [];
 	return {
-		...config,
 		$context: void 0,
-		getPlugins() {
-			return plugins;
+		get() {
+			return {
+				...config,
+				plugins,
+				layouts,
+				adapters
+			};
 		},
-		getAdapters() {
-			return adapters;
+		plugins(...plugins) {
+			return this.usePlugins(...plugins);
 		},
-		getLayouts() {
-			return layouts;
+		adapters(...adapters) {
+			return this.useAdapters(...adapters);
+		},
+		layouts(layouts) {
+			return this.useLayouts(layouts);
 		},
 		useAdapters(...values) {
 			adapters.push(...values);

package/dist/image.d.ts

@@ -0,0 +1,2 @@
+import { Image, ImageProps, StaticImageData } from "./components/image.js";
+export { Image, type ImageProps, type StaticImageData };

package/dist/image.js

@@ -0,0 +1,2 @@
+import { Image } from "./components/image.js";
+export { Image };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import { AppContext, getPressContext } from "./lib/shared.js";
-import { BuildMode, Config, ConfigBuilder, ConfigContext, Layouts, MetaConfig, SiteConfig, defineConfig } from "./config.js";
+import { BuildMode, ConfigBuilder, ConfigContext, Layouts, 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 };
+export { type Adapter, type AppContext, type AppContextData, type BuildMode, type ConfigBuilder, type ConfigContext, type Layouts, type RouteConfig, type RouteFns, type ServerPlugin, type ServerPluginOption, type SiteConfig, defineConfig, getPressContext };

package/dist/layouts/blog.d.ts

@@ -15,7 +15,7 @@ interface BlogLayoutPageRenderData {
   body: ReactNode;
 }
 interface BlogLayoutPageOptions<C extends ConfigContext = ConfigContext> {
-  render?: (this: AppContext<C>, page: C["loaderConfig"]["page"]) => Awaitable<Partial<BlogLayoutPageRenderData>>;
+  render?: (this: AppContext<C>, page: C["page"]) => Awaitable<Partial<BlogLayoutPageRenderData>>;
 }
 declare function createBlogLayoutPage<C extends ConfigContext = ConfigContext>(options?: BlogLayoutPageOptions<C>): BlogLayoutPage<C>;
 //#endregion

package/dist/layouts/blog.index.js

@@ -1,11 +1,11 @@
+import { Link } from "../components/link.js";
 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 { joinPathname } from "../lib/pathname.js";
 import { getBlogContext } from "../plugins/blog.js";
 import { OrderedBlogGrid } from "../components/blog.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "waku";
 import { ListIcon } from "lucide-react";
 import { buttonVariants } from "fumadocs-ui/components/ui/button";
 //#region src/layouts/blog.index.tsx
@@ -26,7 +26,7 @@ function createBlogIndexPage({ heading, description } = {}) {
 					children: description
 				}),
 				tagsPath !== false && /* @__PURE__ */ jsxs(Link, {
-					to: lang ? joinPathname(lang, tagsPath) : tagsPath,
+					href: lang ? joinPathname(lang, tagsPath) : tagsPath,
 					className: cn(buttonVariants({ variant: "primary" }), "gap-2"),
 					children: [/* @__PURE__ */ jsx(ListIcon, { className: "size-4" }), /* @__PURE__ */ jsx(I18nLabel, { label: "allTags" })]
 				})

package/dist/layouts/blog.js

@@ -1,12 +1,12 @@
+import { Link } from "../components/link.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 { joinPathname } from "../lib/pathname.js";
 import { createHomeLayout } from "./home.js";
 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 */
@@ -48,7 +48,7 @@ function createBlogLayoutPage(options = {}) {
 							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 (tagsPath !== false) return /* @__PURE__ */ jsx(Link, {
-									to: joinPathname(lang ?? "", tagsPath, t),
+									href: joinPathname(lang ?? "", tagsPath, t),
 									className: "px-1.5 py-0.5 rounded-lg bg-fd-primary",
 									children: t
 								}, t);

package/dist/layouts/blog.tags.js

@@ -1,10 +1,10 @@
+import { Link } from "../components/link.js";
 import { getPressContext } from "../lib/shared.js";
 import { I18nLabel } from "../components/i18n.js";
 import { getTags, groupTags } from "../lib/shared/blog.js";
 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 } = {}) {
@@ -34,7 +34,7 @@ function createBlogTagsPage({ heading, description } = {}) {
 		}), /* @__PURE__ */ jsx("div", {
 			className: "grid grid-cols-2 sm:grid-cols-3 gap-2 mt-4 md:grid-cols-4 xl:grid-cols-6",
 			children: Array.from(grouped.entries()).sort((a, b) => b[1] - a[1]).map(([tag, count]) => /* @__PURE__ */ jsxs(Link, {
-				to: `/blog/tags/${tag}`,
+				href: `/blog/tags/${tag}`,
 				className: "flex flex-row items-center gap-2 bg-fd-card text-fd-card-foreground border font-mono rounded-lg px-2 py-1 transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground",
 				children: [
 					/* @__PURE__ */ jsx(TagIcon, { className: "size-3.5 text-fd-muted-foreground" }),

package/dist/layouts/docs.d.ts

@@ -1,8 +1,8 @@
 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 { Page } from "fumadocs-core/source";
 import { DocsLayoutProps } from "fumadocs-ui/layouts/docs";
 import { DocsPageProps } from "fumadocs-ui/layouts/docs/page";
 
@@ -13,7 +13,7 @@ interface DocsLayoutOptions<C extends ConfigContext = ConfigContext> {
   };
   render?: (this: AppContext<C> & {
     lang?: string;
-  }, page: C["loaderConfig"]["page"]) => Awaitable<{
+  }, page: C["page"]) => Awaitable<{
     markdownUrl?: string;
     lastModified?: Date | null;
     body?: ReactNode;

package/dist/layouts/home.d.ts

@@ -15,7 +15,7 @@ type LayoutComponent<C extends ConfigContext> = FC<{
 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<{
+  render?: (this: AppContext<C>, page: C["page"]) => Awaitable<{
     body?: ReactNode;
     layoutProps?: TransformChildren<HomeLayoutProps>;
   }>;

package/dist/layouts/notebook.d.ts

@@ -1,8 +1,8 @@
 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 { Page } from "fumadocs-core/source";
 import { DocsLayoutProps } from "fumadocs-ui/layouts/notebook";
 import { DocsPageProps } from "fumadocs-ui/layouts/notebook/page";
 
@@ -13,7 +13,7 @@ interface NotebookLayoutOptions<C extends ConfigContext = ConfigContext> {
   };
   render?: (this: AppContext<C> & {
     lang?: string;
-  }, page: C["loaderConfig"]["page"]) => Awaitable<{
+  }, page: C["page"]) => Awaitable<{
     markdownUrl?: string;
     lastModified?: Date | null;
     body?: ReactNode;

package/dist/layouts/root.d.ts

@@ -1,10 +1,12 @@
 import { ConfigContext, Layouts } from "../config.js";
-import { RootProviderProps } from "fumadocs-ui/provider/waku";
+import { PressProviderProps } from "../components/provider.js";
+import { Awaitable } from "../lib/types.js";
 
 //#region src/layouts/root.d.ts
 interface RootLayoutOptions {
-  providerProps?: Omit<RootProviderProps, "children">;
+  providerProps?: Omit<PressProviderProps, "children">;
 }
+type RootLayoutContextData = ((props: PressProviderProps) => Awaitable<PressProviderProps>)[];
 declare function createRootLayout<C extends ConfigContext = ConfigContext>(options?: RootLayoutOptions): Layouts<C>["root"];
 //#endregion
-export { RootLayoutOptions, createRootLayout };
+export { RootLayoutContextData, RootLayoutOptions, createRootLayout };

package/dist/layouts/root.js

@@ -1,24 +1,24 @@
 import { getPressContext, renderRootMeta } from "../lib/shared.js";
+import { PressProvider } from "../components/provider.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { RootProvider } from "fumadocs-ui/provider/waku";
 import { i18nProvider } from "fumadocs-ui/i18n";
+import stylesInline from "virtual:root.css?inline";
+import stylesHref from "virtual:root.css?url";
 //#region src/layouts/root.tsx
 let styleTag;
-if (import.meta.env.DEV) {
-	const { default: styles } = await import("virtual:root.css?inline");
-	styleTag = /* @__PURE__ */ jsx("style", { children: styles });
-} else {
-	const { default: cssUrl } = await import("virtual:root.css?url");
-	styleTag = /* @__PURE__ */ jsx("link", {
-		rel: "stylesheet",
-		href: cssUrl
-	});
-}
+if (import.meta.env.DEV) styleTag = /* @__PURE__ */ jsx("style", { children: stylesInline });
+else styleTag = /* @__PURE__ */ jsx("link", {
+	rel: "stylesheet",
+	href: stylesHref
+});
 function createRootLayout(options) {
 	return async function({ lang, children }) {
 		const ctx = getPressContext();
 		const hooks = ctx.data["core:provider"];
-		let providerProps = { ...options?.providerProps };
+		let providerProps = {
+			...options?.providerProps,
+			children
+		};
 		if (ctx.translationsConfig && "config" in ctx.translationsConfig) providerProps.i18n ??= i18nProvider(ctx.translationsConfig, lang);
 		else if (ctx.translationsConfig) providerProps.i18n ??= i18nProvider(ctx.translationsConfig);
 		if (hooks) for (const hook of hooks) providerProps = await hook(providerProps);
@@ -28,10 +28,7 @@ function createRootLayout(options) {
 			children: [/* @__PURE__ */ jsxs("head", { children: [styleTag, renderRootMeta(ctx)] }), /* @__PURE__ */ jsx("body", {
 				"data-version": "1.0",
 				className: "flex flex-col min-h-screen",
-				children: /* @__PURE__ */ jsx(RootProvider, {
-					...providerProps,
-					children
-				})
+				children: /* @__PURE__ */ jsx(PressProvider, { ...providerProps })
 			})]
 		});
 	};

package/dist/layouts/switch.d.ts

@@ -3,9 +3,9 @@ import { ConfigContext, Layouts } from "../config.js";
 import { Page } from "fumadocs-core/source";
 
 //#region src/layouts/switch.d.ts
-declare function createLayoutSwitchAuto<C extends ConfigContext = ConfigContext>(layouts: Record<C["loaderConfig"]["page"] extends Page<infer Type extends string> ? Type : never, Layouts<C>["page"]>): Layouts<C>["page"];
+declare function createLayoutSwitchAuto<C extends ConfigContext = ConfigContext>(layouts: Record<C["page"] extends Page<infer Type extends string> ? Type : never, Layouts<C>["page"]>): Layouts<C>["page"];
 declare function createLayoutSwitch<const T extends string, C extends ConfigContext = ConfigContext>(/** detect layout from page */
 
-detector: (this: AppContext<C>, page: C["loaderConfig"]["page"]) => T | undefined, layouts: Record<NoInfer<T>, Layouts<C>["page"]>): Layouts<C>["page"];
+detector: (this: AppContext<C>, page: C["page"]) => T | undefined, layouts: Record<NoInfer<T>, Layouts<C>["page"]>): Layouts<C>["page"];
 //#endregion
 export { createLayoutSwitch, createLayoutSwitchAuto };