onedocs 0.1.7 → 0.1.8

package/dist/components/install-block.d.ts

@@ -1,10 +1,17 @@
 import type { ReactNode } from "react";
+export interface HighlightedInstallCommands {
+    npm: string;
+    yarn: string;
+    pnpm: string;
+    bun: string;
+}
+export declare function highlightInstallCommands(packageName: string): Promise<HighlightedInstallCommands>;
 interface InstallBlockProps {
     title?: string;
     description?: string;
-    packageName: string;
+    commands: HighlightedInstallCommands;
     children?: ReactNode;
 }
-export declare function InstallBlock({ title, description, packageName, children, }: InstallBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function InstallBlock({ title, description, commands, children, }: InstallBlockProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=install-block.d.ts.map

package/dist/components/install-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"install-block.d.ts","sourceRoot":"","sources":["../../src/components/install-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,iBAAiB,2CA8BnB"}
+{"version":3,"file":"install-block.d.ts","sourceRoot":"","sources":["../../src/components/install-block.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,0BAA0B;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAsB,wBAAwB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAmBvG;AAED,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,0BAA0B,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,2CA8BnB"}

package/dist/components/install-block.js

@@ -1,6 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Tabs, Tab } from "fumadocs-ui/components/tabs";
-import { DynamicCodeBlock } from "fumadocs-ui/components/dynamic-codeblock";
-export function InstallBlock({ title, description, packageName, children, }) {
-    return (_jsxs("div", { children: [title && (_jsx("h1", { className: "mb-4 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", children: title })), description && (_jsx("p", { className: "text-fd-muted-foreground mb-6 text-balance", children: description })), _jsxs(Tabs, { groupId: "pm", items: ["npm", "yarn", "pnpm", "bun"], className: "!mb-0", children: [_jsx(Tab, { value: "npm", className: "!py-0 !px-4", children: _jsx(DynamicCodeBlock, { lang: "bash", code: `npm i ${packageName}`, codeblock: { className: "!my-0" } }) }), _jsx(Tab, { value: "yarn", className: "!py-0 !px-4", children: _jsx(DynamicCodeBlock, { lang: "bash", code: `yarn add ${packageName}`, codeblock: { className: "!my-0" } }) }), _jsx(Tab, { value: "pnpm", className: "!py-0 !px-4", children: _jsx(DynamicCodeBlock, { lang: "bash", code: `pnpm add ${packageName}`, codeblock: { className: "!my-0" } }) }), _jsx(Tab, { value: "bun", className: "!py-0 !px-4", children: _jsx(DynamicCodeBlock, { lang: "bash", code: `bun add ${packageName}`, codeblock: { className: "!my-0" } }) })] }), children && (_jsx("div", { className: "mt-6", children: children }))] }));
+import { CodeBlock, Pre } from "fumadocs-ui/components/codeblock";
+import { highlight } from "fumadocs-core/highlight";
+import { renderToString } from "react-dom/server";
+export async function highlightInstallCommands(packageName) {
+    const highlightCode = async (code) => {
+        const rendered = await highlight(code, {
+            lang: "bash",
+            components: {
+                pre: (props) => _jsx(Pre, { ...props }),
+            },
+        });
+        return renderToString(_jsx(CodeBlock, { className: "!my-0 !border-0 !shadow-none", children: rendered }));
+    };
+    const [npm, yarn, pnpm, bun] = await Promise.all([
+        highlightCode(`npm i ${packageName}`),
+        highlightCode(`yarn add ${packageName}`),
+        highlightCode(`pnpm add ${packageName}`),
+        highlightCode(`bun add ${packageName}`),
+    ]);
+    return { npm, yarn, pnpm, bun };
+}
+export function InstallBlock({ title, description, commands, children, }) {
+    return (_jsxs("div", { children: [title && (_jsx("h1", { className: "mb-4 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", children: title })), description && (_jsx("p", { className: "text-fd-muted-foreground mb-6 text-balance", children: description })), _jsxs(Tabs, { groupId: "pm", items: ["npm", "yarn", "pnpm", "bun"], className: "!mb-0", children: [_jsx(Tab, { value: "npm", className: "!p-0 !py-0 !px-0", children: _jsx("div", { dangerouslySetInnerHTML: { __html: commands.npm } }) }), _jsx(Tab, { value: "yarn", className: "!p-0 !py-0 !px-0", children: _jsx("div", { dangerouslySetInnerHTML: { __html: commands.yarn } }) }), _jsx(Tab, { value: "pnpm", className: "!p-0 !py-0 !px-0", children: _jsx("div", { dangerouslySetInnerHTML: { __html: commands.pnpm } }) }), _jsx(Tab, { value: "bun", className: "!p-0 !py-0 !px-0", children: _jsx("div", { dangerouslySetInnerHTML: { __html: commands.bun } }) })] }), children && (_jsx("div", { className: "mt-6", children: children }))] }));
 }

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { createBaseOptions } from "./layouts/shared";
 export { defineConfig } from "./config";
 export type { OnedocsConfig } from "./config";
 export { createSource, loader } from "./source";
-export { InstallBlock } from "./components/install-block";
+export { InstallBlock, highlightInstallCommands, type HighlightedInstallCommands } from "./components/install-block";
 export { Button } from "./components/button";
 export { Logo } from "./components/logo";
 export { GitHubIcon } from "./components/icons";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,KAAK,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACrH,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -5,7 +5,7 @@ export { HomeLayout, HomePage } from "./layouts/home";
 export { createBaseOptions } from "./layouts/shared";
 export { defineConfig } from "./config";
 export { createSource, loader } from "./source";
-export { InstallBlock } from "./components/install-block";
+export { InstallBlock, highlightInstallCommands } from "./components/install-block";
 export { Button } from "./components/button";
 export { Logo } from "./components/logo";
 export { GitHubIcon } from "./components/icons";

package/dist/layouts/home.d.ts

@@ -1,4 +1,5 @@
 import type { OnedocsConfig } from "../config";
+import { type HighlightedInstallCommands } from "../components/install-block";
 interface HomeLayoutProps {
     config: OnedocsConfig;
     children?: React.ReactNode;
@@ -6,9 +7,9 @@ interface HomeLayoutProps {
 export declare function HomeLayout({ config, children }: HomeLayoutProps): import("react/jsx-runtime").JSX.Element;
 interface HomePageProps {
     config: OnedocsConfig;
-    packageName?: string;
+    installCommands?: HighlightedInstallCommands;
     children?: React.ReactNode;
 }
-export declare function HomePage({ config, packageName, children }: HomePageProps): import("react/jsx-runtime").JSX.Element;
+export declare function HomePage({ config, installCommands, children }: HomePageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=home.d.ts.map

package/dist/layouts/home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../src/layouts/home.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAK/C,UAAU,eAAe;IACvB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAI/D;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,aAAa,2CA6FxE"}
+{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../src/layouts/home.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAgB,KAAK,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAG5F,UAAU,eAAe;IACvB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAI/D;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,aAAa,CAAC;IACtB,eAAe,CAAC,EAAE,0BAA0B,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,aAAa,2CA6F5E"}

package/dist/layouts/home.js

@@ -6,10 +6,10 @@ import { Button } from "../components/button";
 export function HomeLayout({ config, children }) {
     return (_jsx(FumaHomeLayout, { ...createBaseOptions(config), children: children }));
 }
-export function HomePage({ config, packageName, children }) {
+export function HomePage({ config, installCommands, children }) {
     const { homepage } = config;
     const heroLeft = homepage?.hero?.left;
     const heroRight = homepage?.hero?.right;
     const currentYear = new Date().getFullYear();
-    return (_jsx(HomeLayout, { config: config, children: _jsxs("main", { className: "flex-1 flex flex-col min-h-[calc(100vh-var(--fd-nav-height))]", children: [_jsxs("div", { className: "flex-1 flex flex-col relative mx-auto w-full max-w-(--fd-layout-width)", children: [_jsx("div", { className: "absolute inset-0 border-x pointer-events-none" }), _jsxs("div", { className: "relative", children: [_jsx("section", { id: "hero", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-4", children: [_jsx("div", { className: "lg:col-span-2 p-6 lg:p-12", children: heroLeft ? (heroLeft) : (_jsxs(_Fragment, { children: [_jsx("h1", { className: "text-left text-4xl font-medium leading-tight text-fd-foreground sm:text-5xl", children: homepage?.hero?.title ?? config.title }), _jsx("p", { className: "text-left max-w-xl leading-normal text-fd-muted-foreground sm:text-lg sm:leading-normal text-balance mt-4", children: homepage?.hero?.description ?? config.description }), _jsxs("div", { className: "flex flex-col sm:flex-row items-start sm:items-end gap-4 mt-8 w-full", children: [packageName && (_jsx("div", { className: "flex-1", children: _jsx(InstallBlock, { packageName: packageName }) })), _jsx(Button, { href: homepage?.hero?.cta?.href ?? "/docs", children: homepage?.hero?.cta?.label ?? "Get Started" })] })] })) }), _jsx("div", { className: "lg:col-span-2 hidden lg:block", children: heroRight ? (_jsx("div", { className: "flex h-full items-center p-6 lg:p-12", children: heroRight })) : null })] }) }), homepage?.features && homepage.features.length > 0 && (_jsx("section", { id: "features", children: _jsx("div", { className: "border-y", children: _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 [&>*]:border-b [&>*:nth-last-child(-n+1)]:border-b-0 sm:[&>*:nth-last-child(-n+2)]:border-b-0 lg:[&>*:nth-last-child(-n+4)]:border-b-0", children: homepage.features.map((feature) => (_jsxs("div", { className: "flex flex-col gap-y-2 items-start justify-start py-8 px-6 transition-colors hover:bg-fd-secondary/20 sm:border-r sm:[&:nth-child(2n)]:border-r-0 lg:[&:nth-child(2n)]:border-r lg:[&:nth-child(4n)]:border-r-0", children: [feature.icon && (_jsx("div", { className: "bg-fd-primary/10 p-2 rounded-lg mb-2", children: feature.icon })), _jsx("h3", { className: "text-base font-medium text-fd-card-foreground", children: feature.title }), _jsx("p", { className: "text-sm text-fd-muted-foreground", children: feature.description })] }, feature.title))) }) }) }))] }), children && (_jsx("div", { className: "flex-1 flex items-center justify-center", children: children }))] }), _jsx("footer", { className: "relative mx-auto w-full max-w-(--fd-layout-width)", children: _jsx("div", { className: "border-x border-t px-6 py-4", children: _jsxs("p", { className: "text-sm text-fd-muted-foreground", children: ["\u00A9 ", currentYear, " ", config.title] }) }) })] }) }));
+    return (_jsx(HomeLayout, { config: config, children: _jsxs("main", { className: "flex-1 flex flex-col min-h-[calc(100vh-var(--fd-nav-height))]", children: [_jsxs("div", { className: "flex-1 flex flex-col relative mx-auto w-full max-w-(--fd-layout-width)", children: [_jsx("div", { className: "absolute inset-0 border-x pointer-events-none" }), _jsxs("div", { className: "relative", children: [_jsx("section", { id: "hero", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-4", children: [_jsx("div", { className: "lg:col-span-2 p-6 lg:p-12", children: heroLeft ? (heroLeft) : (_jsxs(_Fragment, { children: [_jsx("h1", { className: "text-left text-4xl font-medium leading-tight text-fd-foreground sm:text-5xl", children: homepage?.hero?.title ?? config.title }), _jsx("p", { className: "text-left max-w-xl leading-normal text-fd-muted-foreground sm:text-lg sm:leading-normal text-balance mt-4", children: homepage?.hero?.description ?? config.description }), _jsxs("div", { className: "flex flex-col sm:flex-row items-start sm:items-end gap-4 mt-8 w-full", children: [installCommands && (_jsx("div", { className: "flex-1", children: _jsx(InstallBlock, { commands: installCommands }) })), _jsx(Button, { href: homepage?.hero?.cta?.href ?? "/docs", children: homepage?.hero?.cta?.label ?? "Get Started" })] })] })) }), _jsx("div", { className: "lg:col-span-2 hidden lg:block", children: heroRight ? (_jsx("div", { className: "flex h-full items-center p-6 lg:p-12", children: heroRight })) : null })] }) }), homepage?.features && homepage.features.length > 0 && (_jsx("section", { id: "features", children: _jsx("div", { className: "border-y", children: _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 [&>*]:border-b [&>*:nth-last-child(-n+1)]:border-b-0 sm:[&>*:nth-last-child(-n+2)]:border-b-0 lg:[&>*:nth-last-child(-n+4)]:border-b-0", children: homepage.features.map((feature) => (_jsxs("div", { className: "flex flex-col gap-y-2 items-start justify-start py-8 px-6 transition-colors hover:bg-fd-secondary/20 sm:border-r sm:[&:nth-child(2n)]:border-r-0 lg:[&:nth-child(2n)]:border-r lg:[&:nth-child(4n)]:border-r-0", children: [feature.icon && (_jsx("div", { className: "bg-fd-primary/10 p-2 rounded-lg mb-2", children: feature.icon })), _jsx("h3", { className: "text-base font-medium text-fd-card-foreground", children: feature.title }), _jsx("p", { className: "text-sm text-fd-muted-foreground", children: feature.description })] }, feature.title))) }) }) }))] }), children && (_jsx("div", { className: "flex-1 flex items-center justify-center", children: children }))] }), _jsx("footer", { className: "relative mx-auto w-full max-w-(--fd-layout-width)", children: _jsx("div", { className: "border-x border-t px-6 py-4", children: _jsxs("p", { className: "text-sm text-fd-muted-foreground", children: ["\u00A9 ", currentYear, " ", config.title] }) }) })] }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "onedocs",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "description": "Zero-config documentation for TanStack Start + Fumadocs. Install one dependency, write markdown, ship docs.",
   "license": "MIT",