@fumadocs/cli 1.7.0 → 1.7.2

package/dist/ai-wXWLPFI5.js

@@ -0,0 +1,112 @@
+import { t as docs } from "./docs--WqEHTyl.js";
+import { r as findSource } from "./utils-DbMe7h6c.js";
+import path from "node:path";
+//#region src/features/ai.ts
+const providers = {
+	openrouter: {
+		label: "AI SDK",
+		hint: "default to OpenRouter",
+		env: "OPENROUTER_API_KEY"
+	},
+	llmgateway: {
+		label: "LLMGateway",
+		hint: "open-source LLM gateway, API key required",
+		env: "LLM_GATEWAY_API_KEY"
+	},
+	inkeep: {
+		label: "Inkeep AI",
+		hint: "API key required",
+		env: "INKEEP_API_KEY"
+	}
+};
+const ai = {
+	id: "ai",
+	title: "AI Chat",
+	description: "Ask AI dialog for your docs",
+	requires: [docs],
+	options: { provider: {
+		message: "Choose an AI provider",
+		choices: Object.entries(providers).map(([value, { label, hint }]) => ({
+			value,
+			label,
+			hint
+		}))
+	} },
+	supports: (project) => project.static ? "AI chat requires a server to run the chat route handler." : true,
+	async apply(ctx, { provider }) {
+		await ctx.install(`ai/${provider}`);
+		ctx.env(providers[provider].env, "");
+		if (ctx.project.source.dynamic) await readDynamicSource(ctx);
+		const { cwd, baseDir, info, config } = ctx.project;
+		const clientLayoutImport = `@/${path.posix.join(config.aliases.componentsDir, "ai/layout")}`;
+		const layout = await findSource(cwd, path.join(baseDir, info.routesDir), "<DocsLayout");
+		let layoutModule;
+		let wired = false;
+		if (layout !== void 0) await ctx.source(layout, (file) => {
+			wired = file.code.includes(`'${clientLayoutImport}'`);
+			const declaration = !wired && file.program.body.find((node) => node.type === "ImportDeclaration" && node.importKind !== "type" && /^fumadocs-ui\/layouts\/(docs|notebook|glass|spacious)$/.test(node.source.value) && node.specifiers.length === 1 && node.specifiers[0].local.name === "DocsLayout");
+			if (!declaration) return;
+			layoutModule = declaration.source.value;
+			file.s.overwrite(declaration.source.start, declaration.source.end, `'${clientLayoutImport}'`);
+		});
+		if (layoutModule) await ctx.write(path.join(baseDir, config.aliases.componentsDir, "ai/layout.tsx"), clientLayout(layoutModule));
+		else if (!wired) ctx.note("Pass the AI chat to your docs layout, see https://fumadocs.dev/docs/integrations/llms#ask-ai.");
+		ctx.note(`Set ${providers[provider].env} in \`.env.local\`.`);
+	}
+};
+const floatingTrigger = `
+      <AISearchTrigger
+        position="float"
+        className={buttonVariants({
+          variant: 'secondary',
+          className: 'text-fd-muted-foreground rounded-2xl',
+        })}
+      >
+        <MessageCircleIcon className="size-4.5" />
+        Ask AI
+      </AISearchTrigger>`;
+/** a client component rendering the docs layout with the installed chat */
+function clientLayout(layoutModule) {
+	const trigger = /\/(docs|notebook)$/.test(layoutModule);
+	return `'use client';
+import { DocsLayout as Layout, type DocsLayoutProps } from '${layoutModule}';
+${trigger ? `import { buttonVariants } from 'fumadocs-ui/components/ui/button';
+import { MessageCircleIcon } from 'lucide-react';
+` : ""}import {
+  AISearch,
+  AISearchPanel,${trigger ? "\n  AISearchTrigger," : ""}
+  useAISearchContext,
+  useHotKey,
+} from './search';
+
+export function DocsLayout(props: DocsLayoutProps) {
+  return (
+    <AISearch>
+      <ChatLayout {...props} />${trigger ? floatingTrigger : ""}
+    </AISearch>
+  );
+}
+
+function ChatLayout(props: DocsLayoutProps) {
+  const { open, setOpen } = useAISearchContext();
+  useHotKey();
+
+  return <Layout {...props} aiChat={{ open, onOpenChange: setOpen, panel: <AISearchPanel /> }} />;
+}
+`;
+}
+/** the installed chat route indexes pages of a static `source`, runtime sources resolve on demand */
+async function readDynamicSource(ctx) {
+	const { cwd, baseDir } = ctx.project;
+	const route = await findSource(cwd, baseDir, "createSearchServer");
+	if (!(route !== void 0 && await ctx.source(route, (file) => {
+		file.s.replaceAll("import { source } from '@/lib/source';", "import { getSource } from '@/lib/source';");
+		file.s.replaceAll("source.getPages()", "(await getSource()).getPages()");
+		file.s.replaceAll("      if (!('getText' in page.data)) return null;\n\n", "");
+		file.s.replaceAll("await page.data.getText('processed')", "page.data.content");
+	}))) ctx.note("Read pages from `getSource()` in the chat route, the search index is built from `page.data.content`.");
+}
+//#endregion
+export { ai as t };
+
+//# sourceMappingURL=ai-wXWLPFI5.js.map

package/dist/ai-wXWLPFI5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-wXWLPFI5.js","names":[],"sources":["../src/features/ai.ts"],"sourcesContent":["import path from 'node:path';\nimport type { ImportDeclaration } from 'oxc-parser';\nimport type { Feature, FeatureContext } from '@/features';\nimport { findSource } from './utils';\nimport { docs } from './docs';\n\nconst providers = {\n  openrouter: { label: 'AI SDK', hint: 'default to OpenRouter', env: 'OPENROUTER_API_KEY' },\n  llmgateway: {\n    label: 'LLMGateway',\n    hint: 'open-source LLM gateway, API key required',\n    env: 'LLM_GATEWAY_API_KEY',\n  },\n  inkeep: { label: 'Inkeep AI', hint: 'API key required', env: 'INKEEP_API_KEY' },\n};\n\nexport type AIProvider = keyof typeof providers;\n\nexport const ai: Feature<{ provider: AIProvider }> = {\n  id: 'ai',\n  title: 'AI Chat',\n  description: 'Ask AI dialog for your docs',\n  requires: [docs],\n  options: {\n    provider: {\n      message: 'Choose an AI provider',\n      choices: Object.entries(providers).map(([value, { label, hint }]) => ({\n        value: value as AIProvider,\n        label,\n        hint,\n      })),\n    },\n  },\n  supports: (project) =>\n    project.static ? 'AI chat requires a server to run the chat route handler.' : true,\n  async apply(ctx, { provider }) {\n    await ctx.install(`ai/${provider}`);\n    ctx.env(providers[provider].env, '');\n    if (ctx.project.source.dynamic) await readDynamicSource(ctx);\n\n    const { cwd, baseDir, info, config } = ctx.project;\n    // e.g. `./components` -> `@/components/ai/layout`\n    const clientLayoutImport = `@/${path.posix.join(config.aliases.componentsDir, 'ai/layout')}`;\n    const layout = await findSource(cwd, path.join(baseDir, info.routesDir), '<DocsLayout');\n    let layoutModule: string | undefined;\n    let wired = false;\n\n    if (layout !== undefined) {\n      await ctx.source(layout, (file) => {\n        wired = file.code.includes(`'${clientLayoutImport}'`);\n        // `aiChat` takes client state, render the layout from a client component\n        const declaration =\n          !wired &&\n          file.program.body.find(\n            (node): node is ImportDeclaration =>\n              node.type === 'ImportDeclaration' &&\n              node.importKind !== 'type' &&\n              /^fumadocs-ui\\/layouts\\/(docs|notebook|glass|spacious)$/.test(node.source.value) &&\n              node.specifiers.length === 1 &&\n              node.specifiers[0].local.name === 'DocsLayout',\n          );\n        if (!declaration) return;\n\n        layoutModule = declaration.source.value;\n        file.s.overwrite(\n          declaration.source.start,\n          declaration.source.end,\n          `'${clientLayoutImport}'`,\n        );\n      });\n    }\n\n    if (layoutModule) {\n      await ctx.write(\n        path.join(baseDir, config.aliases.componentsDir, 'ai/layout.tsx'),\n        clientLayout(layoutModule),\n      );\n    } else if (!wired) {\n      ctx.note(\n        'Pass the AI chat to your docs layout, see https://fumadocs.dev/docs/integrations/llms#ask-ai.',\n      );\n    }\n    ctx.note(`Set ${providers[provider].env} in \\`.env.local\\`.`);\n  },\n};\n\nconst floatingTrigger = `\n      <AISearchTrigger\n        position=\"float\"\n        className={buttonVariants({\n          variant: 'secondary',\n          className: 'text-fd-muted-foreground rounded-2xl',\n        })}\n      >\n        <MessageCircleIcon className=\"size-4.5\" />\n        Ask AI\n      </AISearchTrigger>`;\n\n/** a client component rendering the docs layout with the installed chat */\nfunction clientLayout(layoutModule: string) {\n  // Glass and Spacious layouts have their own trigger\n  const trigger = /\\/(docs|notebook)$/.test(layoutModule);\n\n  return `'use client';\nimport { DocsLayout as Layout, type DocsLayoutProps } from '${layoutModule}';\n${\n  trigger\n    ? `import { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { MessageCircleIcon } from 'lucide-react';\n`\n    : ''\n}import {\n  AISearch,\n  AISearchPanel,${trigger ? '\\n  AISearchTrigger,' : ''}\n  useAISearchContext,\n  useHotKey,\n} from './search';\n\nexport function DocsLayout(props: DocsLayoutProps) {\n  return (\n    <AISearch>\n      <ChatLayout {...props} />${trigger ? floatingTrigger : ''}\n    </AISearch>\n  );\n}\n\nfunction ChatLayout(props: DocsLayoutProps) {\n  const { open, setOpen } = useAISearchContext();\n  useHotKey();\n\n  return <Layout {...props} aiChat={{ open, onOpenChange: setOpen, panel: <AISearchPanel /> }} />;\n}\n`;\n}\n\n/** the installed chat route indexes pages of a static `source`, runtime sources resolve on demand */\nasync function readDynamicSource(ctx: FeatureContext) {\n  const { cwd, baseDir } = ctx.project;\n  const route = await findSource(cwd, baseDir, 'createSearchServer');\n  const edited =\n    route !== undefined &&\n    (await ctx.source(route, (file) => {\n      file.s.replaceAll(\n        \"import { source } from '@/lib/source';\",\n        \"import { getSource } from '@/lib/source';\",\n      );\n      file.s.replaceAll('source.getPages()', '(await getSource()).getPages()');\n      // every page of a runtime source carries its Markdown\n      file.s.replaceAll(\"      if (!('getText' in page.data)) return null;\\n\\n\", '');\n      file.s.replaceAll(\"await page.data.getText('processed')\", 'page.data.content');\n    }));\n\n  if (!edited)\n    ctx.note(\n      'Read pages from `getSource()` in the chat route, the search index is built from `page.data.content`.',\n    );\n}\n"],"mappings":";;;;AAMA,MAAM,YAAY;CAChB,YAAY;EAAE,OAAO;EAAU,MAAM;EAAyB,KAAK;CAAqB;CACxF,YAAY;EACV,OAAO;EACP,MAAM;EACN,KAAK;CACP;CACA,QAAQ;EAAE,OAAO;EAAa,MAAM;EAAoB,KAAK;CAAiB;AAChF;AAIA,MAAa,KAAwC;CACnD,IAAI;CACJ,OAAO;CACP,aAAa;CACb,UAAU,CAAC,IAAI;CACf,SAAS,EACP,UAAU;EACR,SAAS;EACT,SAAS,OAAO,QAAQ,SAAS,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,aAAa;GAC7D;GACP;GACA;EACF,EAAE;CACJ,EACF;CACA,WAAW,YACT,QAAQ,SAAS,6DAA6D;CAChF,MAAM,MAAM,KAAK,EAAE,YAAY;EAC7B,MAAM,IAAI,QAAQ,MAAM,UAAU;EAClC,IAAI,IAAI,UAAU,SAAS,CAAC,KAAK,EAAE;EACnC,IAAI,IAAI,QAAQ,OAAO,SAAS,MAAM,kBAAkB,GAAG;EAE3D,MAAM,EAAE,KAAK,SAAS,MAAM,WAAW,IAAI;EAE3C,MAAM,qBAAqB,KAAK,KAAK,MAAM,KAAK,OAAO,QAAQ,eAAe,WAAW;EACzF,MAAM,SAAS,MAAM,WAAW,KAAK,KAAK,KAAK,SAAS,KAAK,SAAS,GAAG,aAAa;EACtF,IAAI;EACJ,IAAI,QAAQ;EAEZ,IAAI,WAAW,KAAA,GACb,MAAM,IAAI,OAAO,SAAS,SAAS;GACjC,QAAQ,KAAK,KAAK,SAAS,IAAI,mBAAmB,EAAE;GAEpD,MAAM,cACJ,CAAC,SACD,KAAK,QAAQ,KAAK,MACf,SACC,KAAK,SAAS,uBACd,KAAK,eAAe,UACpB,yDAAyD,KAAK,KAAK,OAAO,KAAK,KAC/E,KAAK,WAAW,WAAW,KAC3B,KAAK,WAAW,EAAE,CAAC,MAAM,SAAS,YACtC;GACF,IAAI,CAAC,aAAa;GAElB,eAAe,YAAY,OAAO;GAClC,KAAK,EAAE,UACL,YAAY,OAAO,OACnB,YAAY,OAAO,KACnB,IAAI,mBAAmB,EACzB;EACF,CAAC;EAGH,IAAI,cACF,MAAM,IAAI,MACR,KAAK,KAAK,SAAS,OAAO,QAAQ,eAAe,eAAe,GAChE,aAAa,YAAY,CAC3B;OACK,IAAI,CAAC,OACV,IAAI,KACF,+FACF;EAEF,IAAI,KAAK,OAAO,UAAU,SAAS,CAAC,IAAI,oBAAoB;CAC9D;AACF;AAEA,MAAM,kBAAkB;;;;;;;;;;;;AAaxB,SAAS,aAAa,cAAsB;CAE1C,MAAM,UAAU,qBAAqB,KAAK,YAAY;CAEtD,OAAO;8DACqD,aAAa;EAEzE,UACI;;IAGA,GACL;;kBAEiB,UAAU,yBAAyB,GAAG;;;;;;;;iCAQvB,UAAU,kBAAkB,GAAG;;;;;;;;;;;;AAYhE;;AAGA,eAAe,kBAAkB,KAAqB;CACpD,MAAM,EAAE,KAAK,YAAY,IAAI;CAC7B,MAAM,QAAQ,MAAM,WAAW,KAAK,SAAS,oBAAoB;CAcjE,IAAI,EAZF,UAAU,KAAA,KACT,MAAM,IAAI,OAAO,QAAQ,SAAS;EACjC,KAAK,EAAE,WACL,0CACA,2CACF;EACA,KAAK,EAAE,WAAW,qBAAqB,gCAAgC;EAEvE,KAAK,EAAE,WAAW,yDAAyD,EAAE;EAC7E,KAAK,EAAE,WAAW,wCAAwC,mBAAmB;CAC/E,CAAC,IAGD,IAAI,KACF,sGACF;AACJ"}

package/dist/{all-BBf7I8hG.js → all-BmDsMSFN.js}

@@ -1,8 +1,8 @@
 import { t as docs } from "./docs--WqEHTyl.js";
-import { t as ai } from "./ai-C19ZOP53.js";
+import { t as ai } from "./ai-wXWLPFI5.js";
 import { r as llms } from "./llms-Br0RJXXg.js";
 import { t as og } from "./og-LFlX1Bl4.js";
-import { t as search } from "./search-WfSdiGx-.js";
+import { t as search } from "./search-BbzvfJal.js";
 import { t as mcp } from "./mcp-Ce_W93we.js";
 import { n as webmcp } from "./webmcp-DyTLrsXL.js";
 import { t as feedback } from "./feedback-Brj092vC.js";
@@ -24,4 +24,4 @@ const features = [
 //#endregion
 export { features as t };
 
-//# sourceMappingURL=all-BBf7I8hG.js.map
+//# sourceMappingURL=all-BmDsMSFN.js.map

package/dist/{all-BBf7I8hG.js.map → all-BmDsMSFN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"all-BBf7I8hG.js","names":[],"sources":["../src/features/all.ts"],"sourcesContent":["import type { AnyFeature } from '.';\nimport { docs } from './docs';\nimport { ai } from './ai';\nimport { llms } from './llms';\nimport { og } from './og';\nimport { search } from './search';\nimport { mcp } from './mcp';\nimport { webmcp } from './webmcp';\nimport { feedback } from './feedback';\nimport { epub } from './epub';\nimport { lint } from './lint';\n\nexport const features: AnyFeature[] = [\n  docs,\n  ai,\n  llms,\n  mcp,\n  webmcp,\n  og,\n  search,\n  feedback,\n  epub,\n  lint,\n];\n"],"mappings":";;;;;;;;;;;AAYA,MAAa,WAAyB;CACpC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"all-BmDsMSFN.js","names":[],"sources":["../src/features/all.ts"],"sourcesContent":["import type { AnyFeature } from '.';\nimport { docs } from './docs';\nimport { ai } from './ai';\nimport { llms } from './llms';\nimport { og } from './og';\nimport { search } from './search';\nimport { mcp } from './mcp';\nimport { webmcp } from './webmcp';\nimport { feedback } from './feedback';\nimport { epub } from './epub';\nimport { lint } from './lint';\n\nexport const features: AnyFeature[] = [\n  docs,\n  ai,\n  llms,\n  mcp,\n  webmcp,\n  og,\n  search,\n  feedback,\n  epub,\n  lint,\n];\n"],"mappings":";;;;;;;;;;;AAYA,MAAa,WAAyB;CACpC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/features/ai.js

@@ -1,2 +1,2 @@
-import { t as ai } from "../ai-C19ZOP53.js";
+import { t as ai } from "../ai-wXWLPFI5.js";
 export { ai };

package/dist/features/all.js

@@ -1,2 +1,2 @@
-import { t as features } from "../all-BBf7I8hG.js";
+import { t as features } from "../all-BmDsMSFN.js";
 export { features };

package/dist/features/search.d.ts

@@ -1,11 +1,14 @@
+import { o as ReactFramework, s as SourceInfo } from "../index-DI66DoV8.js";
 import { r as Feature } from "../index-Cs7hw2un.js";
-import { t as SourceRef } from "../utils-CxJ7kw39.js";
+import { p as FormattedRoute, t as SourceRef } from "../utils-CxJ7kw39.js";
 //#region src/features/search.d.ts
 /** how client code reads public env variables */
 interface Env {
   prefix: string;
   read: string;
 }
+/** `scripts/sync-content.ts`, syncing the search indexes pre-rendered to `output` */
+export declare const syncScript: (output: string, imports: string, body: string) => string;
 declare const providers: {
   'orama-cloud': {
     label: string;
@@ -18,10 +21,13 @@ declare const providers: {
     static: true;
     dialog: (env: Env) => string;
     exportIndexes: ({ ref }: SourceRef) => {
-      imports: string;
+      head: string;
       documents: string;
     };
-    sync: (env: Env) => string;
+    sync: (env: Env, { output }: {
+      dir: string;
+      output: string;
+    }) => string;
   };
   algolia: {
     label: string;
@@ -34,10 +40,32 @@ declare const providers: {
     static: true;
     dialog: (env: Env) => string;
     exportIndexes: ({ ref }: SourceRef) => {
-      imports: string;
+      head: string;
       documents: string;
     };
-    sync: (env: Env) => string;
+    sync: (env: Env, { output }: {
+      dir: string;
+      output: string;
+    }) => string;
+  };
+  meilisearch: {
+    label: string;
+    hint: string;
+    dependencies: {
+      meilisearch: null;
+    };
+    publicEnv: string[];
+    privateEnv: string[];
+    static: true;
+    dialog: (env: Env) => string;
+    exportIndexes: ({ ref }: SourceRef) => {
+      head: string;
+      documents: string;
+    };
+    sync: (env: Env, { output }: {
+      dir: string;
+      output: string;
+    }) => string;
   };
   typesense: {
     label: string;
@@ -50,12 +78,14 @@ declare const providers: {
     privateEnv: string[];
     static: true;
     dialog: (env: Env) => string;
-    exportIndexes: (src: SourceRef) => {
-      imports: string;
+    exportIndexes: (src: SourceRef, async: boolean) => {
+      head: string;
       documents: string;
-      file: (async: boolean) => string;
     };
-    sync: (env: Env) => string;
+    sync: (env: Env, { output }: {
+      dir: string;
+      output: string;
+    }) => string;
   };
   mixedbread: {
     label: string;
@@ -67,7 +97,10 @@ declare const providers: {
     privateEnv: string[];
     static: false;
     dialog: () => string;
-    sync: (_env: Env, dir: string) => string;
+    sync: (_env: Env, { dir }: {
+      dir: string;
+      output: string;
+    }) => string;
     searchRoute: {
       next: string;
       'react-router': string;
@@ -77,6 +110,18 @@ declare const providers: {
   };
 };
 export type SearchProvider = keyof typeof providers;
+/** pre-rendered on build to export the search indexes */
+export declare const staticJson: (framework: ReactFramework) => FormattedRoute;
+export declare const staticRoute: (framework: ReactFramework, head: string, documents: string) => string;
+/** where `static.json` is pre-rendered on build, `config` is the Vite config of TanStack Start */
+export declare function staticOutput(framework: ReactFramework, config?: string): string;
+/** runs the sync script after build */
+export declare const syncCommand = "node --env-file-if-exists=.env.local scripts/sync-content.ts";
+/** the files written by a provider, relative to the project, `output` is where `static.json` is pre-rendered */
+export declare function templates(name: SearchProvider, framework: ReactFramework, { baseDir, source }: {
+  baseDir: string;
+  source: Pick<SourceInfo, 'dynamic' | 'async' | 'dir'>;
+}, output: string): [file: string, content: string][];
 export declare const search: Feature<{
   provider: SearchProvider;
 }>;

package/dist/features/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","names":[],"sources":["../../src/features/search.ts"],"mappings":";;;;UAwBU;EACR;EACA;;cA6GI;;;;;MAIc;;;;;;;;;;;;;;;;MA+CA;;;;;;;;;;;;;;;;MA+CA;MAAiB;;;;;;;;;;;;;;;;;MAgDjB;;;;;;;;;;;;;;;YAqER,8BAA8B;qBAe7B,QAAQ;EAAU,UAAU"}
+{"version":3,"file":"search.d.ts","names":["_$__project_route0.FormattedRoute"],"sources":["../../src/features/search.ts"],"mappings":";;;;;UAyBU;EACR;EACA;;;qBAsEW,aAAU,gBACP,iBACC;cAqCX;;;;;MAIc;;;;;;;;;;;MATc;MAAgB;;;;;;;MAyD9B;;;;;;;;;;;MAzDc;MAAgB;;;;;;;MAyG9B;;;;;;;;;;;MAzGc;MAAgB;;;;;;;MA4J9B;MAAiB;;;;;;;;;;;MA5JH;MAAgB;;;;;;;MA4M9B;;;;;;;MA5Mc;MAAgB;;;;;;;;;;YAiRtC,8BAA8B;;qBAG7B,aAAU,WAAe,mBAAAA;qBAGzB,cAAW,WAAe,gBAAc,cAAc;;wBASnD,aAAa,WAAW,gBAAgB;;qBAgB3C;;wBAGG,UACd,MAAM,gBACN,WAAW,kBACT,SAAS;EAAY;EAAiB,QAAQ,KAAK;GACrD,kBACE,cAAc;qBAmBL,QAAQ;EAAU,UAAU"}

package/dist/features/search.js

@@ -1,2 +1,2 @@
-import { t as search } from "../search-WfSdiGx-.js";
-export { search };
+import { a as syncCommand, i as staticRoute, n as staticJson, o as syncScript, r as staticOutput, s as templates, t as search } from "../search-BbzvfJal.js";
+export { search, staticJson, staticOutput, staticRoute, syncCommand, syncScript, templates };

package/dist/index.js

@@ -5,7 +5,7 @@ import { t as exists } from "./fs-D6J9dOEx.js";
 import { i as loadProject, n as frameworks } from "./project-DwRVTm4p.js";
 import { n as UIRegistries, t as FumadocsComponentInstaller } from "./installer-C4662Woc.js";
 import { t as runFeature } from "./features-Do6x9Tsz.js";
-import { t as features } from "./all-BBf7I8hG.js";
+import { t as features } from "./all-BmDsMSFN.js";
 import fs from "node:fs/promises";
 import path from "node:path";
 import { cac } from "cac";
@@ -66,7 +66,7 @@ async function runTree(args) {
 }
 //#endregion
 //#region package.json
-var version = "1.7.0";
+var version = "1.7.2";
 //#endregion
 //#region src/commands/customise.ts
 async function customise(config, connector) {
@@ -126,6 +126,18 @@ async function customise(config, connector) {
 					},
 					hint: "a docs layout with floating, translucent panels"
 				},
+				...config.uiLibrary === "base-ui" ? [{
+					label: "Spacious Layout",
+					value: {
+						id: "spacious",
+						targets: [{
+							subRegistry,
+							name: "layouts/spacious"
+						}],
+						print: () => printLayout(config, ["fumadocs-ui/layouts/spacious", "@/layouts/spacious"], ["fumadocs-ui/layouts/spacious/page", "@/layouts/spacious/page"])
+					},
+					hint: "a docs layout with the page in an inset panel, Base UI only"
+				}] : [],
 				{
 					label: "Home Layout",
 					value: {
@@ -235,202 +247,89 @@ async function printLayout(config, ...maps) {
 function printSlot({ at, layoutId, name, isPage, uiLibrary }) {
 	intro(picocolors.bold("What is Next?"));
 	log.info(`You can check the installed layout slot in "${at}".`);
-	const code = getSlotCode({
-		at,
+	const slot = getSlot({
 		layoutId,
 		name,
 		isPage,
 		uiLibrary
 	});
-	if (code) {
-		const layoutComponent = layoutId === "glass" ? "<GlassLayout />" : "<DocsLayout />";
-		if (isPage) log.info(`${picocolors.bold("At your <DocsPage /> component, update your \"slots\" prop:")}\n\n${code}`);
-		else log.info(`${picocolors.bold(`At your ${layoutComponent} component, update your "slots" prop:`)}\n\n${code}`);
-	}
-}
-function getSlotCode({ at, layoutId, name, isPage, uiLibrary }) {
-	if (layoutId === "glass") {
-		if (isPage) return;
-		switch (name) {
-			case "header": return `import { Header } from '${at}';
+	if (!slot) return;
+	const [imports, value] = slot;
+	const component = isPage ? "DocsPage" : "DocsLayout";
+	log.info(`${picocolors.bold(`At your <${component} /> component, update your "slots" prop:`)}
 
-return (
-  <GlassLayout
-    slots={{
-      header: Header,
-    }}
-  >
-    ...
-  </GlassLayout>
-);`;
-			case "sidebar": {
-				const imports = [
-					"Sidebar",
-					"SidebarDrawer",
-					"SidebarProvider",
-					"useSidebar"
-				];
-				if (uiLibrary === "base-ui") imports.push("drawerHandle");
-				return `import { ${imports.join(", ")} } from '${at}';
+import { ${imports} } from '${at}';
 
 return (
-  <GlassLayout
+  <${component}
     slots={{
-      sidebar: {
-        main: Sidebar,
-        provider: SidebarProvider,
-        use: useSidebar,
-        drawer: SidebarDrawer,${uiLibrary === "base-ui" ? "\n        drawerHandle," : ""}
-      },
+      ${value},
     }}
   >
     ...
-  </GlassLayout>
-);`;
-			}
-			default: return;
-		}
-	}
-	if (isPage) switch (name) {
-		case "toc":
-			if (layoutId === "flux") return `import { TOCProvider, TOC } from '${at}';
-
-return (
-  <DocsPage
-    slots={{
-      toc: {
+  </${component}>
+);`);
+}
+/** the names to import from slot file, and the entry of `slots` prop */
+function getSlot({ layoutId, name, isPage, uiLibrary }) {
+	if (isPage) {
+		if (layoutId === "glass") return;
+		switch (name) {
+			case "toc":
+				if (layoutId === "flux") return ["TOCProvider, TOC", `toc: {
         provider: TOCProvider,
         main: TOC,
-      },
-    }}
-  >
-    ...
-  </DocsPage>
-);`;
-			return `import { TOCProvider, TOC, TOCPopover } from '${at}';
-
-return (
-  <DocsPage
-    slots={{
-      toc: {
+      }`];
+				if (layoutId === "spacious") return ["TOCProvider, TOC, TOCPopover, TOCDropdown", `toc: {
         provider: TOCProvider,
         main: TOC,
         popover: TOCPopover,
-      },
-    }}
-  >
-    ...
-  </DocsPage>
-);`;
-		case "container": return `import { Container } from '${at}';
-
-return (
-  <DocsPage
-    slots={{
-      container: Container,
-    }}
-  >
-    ...
-  </DocsPage>
-);`;
-		case "footer": return `import { Footer } from '${at}';
-
-return (
-  <DocsPage
-    slots={{
-      footer: Footer,
-    }}
-  >
-    ...
-  </DocsPage>
-);`;
-		case "breadcrumb": return `import { Breadcrumb } from '${at}';
-
-return (
-  <DocsPage
-    slots={{
-      breadcrumb: Breadcrumb,
-    }}
-  >
-    ...
-  </DocsPage>
-);`;
-		default: return;
+        dropdown: TOCDropdown,
+      }`];
+				return ["TOCProvider, TOC, TOCPopover", `toc: {
+        provider: TOCProvider,
+        main: TOC,
+        popover: TOCPopover,
+      }`];
+			case "container": return ["Container", "container: Container"];
+			case "footer": return ["Footer", "footer: Footer"];
+			case "breadcrumb": return ["Breadcrumb", "breadcrumb: Breadcrumb"];
+			default: return;
+		}
 	}
 	switch (name) {
 		case "sidebar":
-			if (layoutId === "notebook") return `import {
-  SidebarProvider,
-  Sidebar,
-  SidebarTrigger,
-  SidebarCollapseTrigger,
-  useSidebar,
-} from '${at}';
-
-return (
-  <DocsLayout
-    slots={{
-      sidebar: {
+			if (layoutId === "glass") {
+				const drawerHandle = uiLibrary === "base-ui";
+				return [`Sidebar, SidebarDrawer, SidebarProvider, useSidebar${drawerHandle ? ", drawerHandle" : ""}`, `sidebar: {
+        main: Sidebar,
+        provider: SidebarProvider,
+        use: useSidebar,
+        drawer: SidebarDrawer,${drawerHandle ? "\n        drawerHandle," : ""}
+      }`];
+			}
+			if (layoutId === "spacious") return ["Sidebar, SidebarDrawer, SidebarProvider", `sidebar: {
+        provider: SidebarProvider,
+        main: Sidebar,
+        drawer: SidebarDrawer,
+      }`];
+			if (layoutId === "notebook") return ["SidebarProvider, Sidebar, SidebarTrigger, SidebarCollapseTrigger, useSidebar", `sidebar: {
         provider: SidebarProvider,
         root: Sidebar,
         trigger: SidebarTrigger,
         collapseTrigger: SidebarCollapseTrigger,
         useSidebar: useSidebar,
-      },
-    }}
-  >
-    ...
-  </DocsLayout>
-);`;
-			return `import { SidebarProvider, Sidebar, SidebarTrigger, useSidebar } from '${at}';
-
-return (
-  <DocsLayout
-    slots={{
-      sidebar: {
+      }`];
+			return ["SidebarProvider, Sidebar, SidebarTrigger, useSidebar", `sidebar: {
         provider: SidebarProvider,
         root: Sidebar,
         trigger: SidebarTrigger,
         useSidebar: useSidebar,
-      },
-    }}
-  >
-    ...
-  </DocsLayout>
-);`;
-		case "container": return `import { Container } from '${at}';
-
-return (
-  <DocsLayout
-    slots={{
-      container: Container,
-    }}
-  >
-    ...
-  </DocsLayout>
-);`;
-		case "header": return `import { Header } from '${at}';
-
-return (
-  <DocsLayout
-    slots={{
-      header: Header,
-    }}
-  >
-    ...
-  </DocsLayout>
-);`;
-		case "tab-dropdown": return `import { TabDropdown } from '${at}';
-
-return (
-  <DocsLayout
-    slots={{
-      tabDropdown: TabDropdown,
-    }}
-  >
-    ...
-  </DocsLayout>
-);`;
+      }`];
+		case "header": return ["Header", "header: Header"];
+		case "container": return ["Container", "container: Container"];
+		case "tab-dropdown": return ["TabDropdown", "tabDropdown: TabDropdown"];
+		case "actions": return ["HeaderActions", "actions: HeaderActions"];
 		default: return;
 	}
 }