create-fumadocs-app 13.4.5 → 13.4.7

package/dist/{chunk-I7YO6DUN.js → chunk-OLXRUPH6.js}

@@ -60,7 +60,7 @@ function tryGitInit(root) {
 }
 
 // versions.json
-var versions_default = { "fumadocs-core": "13.4.5", "fumadocs-ui": "13.4.5", "fumadocs-mdx": "10.0.1", "@fumadocs/content-collections": "1.1.4" };
+var versions_default = { "fumadocs-core": "13.4.7", "fumadocs-ui": "13.4.7", "fumadocs-mdx": "10.0.1", "@fumadocs/content-collections": "1.1.4" };
 
 // ../create-app-versions/package.json
 var package_default = {
@@ -74,12 +74,12 @@ var package_default = {
     "@content-collections/mdx": "^0.1.3",
     "@content-collections/next": "^0.2.0",
     "@types/mdx": "^2.0.13",
-    "@types/node": "22.5.2",
+    "@types/node": "22.5.4",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
     autoprefixer: "^10.4.20",
-    next: "^14.2.7",
-    postcss: "^8.4.42",
+    next: "^14.2.8",
+    postcss: "^8.4.45",
     react: "^18.3.1",
     "react-dom": "^18.3.1",
     tailwindcss: "^3.4.10",

package/dist/create-app.js

@@ -1,6 +1,6 @@
 import {
   create
-} from "./chunk-I7YO6DUN.js";
+} from "./chunk-OLXRUPH6.js";
 export {
   create
 };

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   create,
   cwd,
   getPackageManager
-} from "./chunk-I7YO6DUN.js";
+} from "./chunk-OLXRUPH6.js";
 
 // src/index.ts
 import { existsSync } from "node:fs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fumadocs-app",
-  "version": "13.4.5",
+  "version": "13.4.7",
   "description": "Create a new documentation site with Fumadocs",
   "keywords": [
     "NextJs",
@@ -21,11 +21,11 @@
   "dependencies": {
     "@clack/prompts": "^0.7.0",
     "cross-spawn": "^7.0.3",
-    "picocolors": "^1.0.1"
+    "picocolors": "^1.1.0"
   },
   "devDependencies": {
     "@types/cross-spawn": "^6.0.6",
-    "@types/node": "22.5.2",
+    "@types/node": "22.5.4",
     "fast-glob": "^3.3.1",
     "eslint-config-custom": "0.0.0",
     "tsconfig": "0.0.0"

package/template/+shared/app/(home)/layout.tsx

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import { HomeLayout } from 'fumadocs-ui/home-layout';
+import { baseOptions } from '../layout.config';
+
+export default function Layout({
+  children,
+}: {
+  children: ReactNode;
+}): React.ReactElement {
+  return <HomeLayout {...baseOptions}>{children}</HomeLayout>;
+}

package/template/+shared/app/docs/layout.tsx

@@ -1,7 +1,12 @@
 import { DocsLayout } from 'fumadocs-ui/layout';
 import type { ReactNode } from 'react';
-import { docsOptions } from '../layout.config';
+import { baseOptions } from '../layout.config';
+import { source } from '@/app/source';
 
 export default function Layout({ children }: { children: ReactNode }) {
-  return <DocsLayout {...docsOptions}>{children}</DocsLayout>;
+  return (
+    <DocsLayout tree={source.pageTree} {...baseOptions}>
+      {children}
+    </DocsLayout>
+  );
 }

package/template/+shared/app/layout.config.tsx

@@ -1,8 +1,12 @@
-import { type DocsLayoutProps } from 'fumadocs-ui/layout';
 import { type HomeLayoutProps } from 'fumadocs-ui/home-layout';
-import { pageTree } from '@/app/source';
 
-// shared configuration
+/**
+ * Shared layout configurations
+ *
+ * you can configure layouts individually from:
+ * Home Layout: app/(home)/layout.tsx
+ * Docs Layout: app/docs/layout.tsx
+ */
 export const baseOptions: HomeLayoutProps = {
   nav: {
     title: 'My App',
@@ -15,9 +19,3 @@ export const baseOptions: HomeLayoutProps = {
     },
   ],
 };
-
-// docs layout configuration
-export const docsOptions: DocsLayoutProps = {
-  ...baseOptions,
-  tree: pageTree,
-};

package/template/content-collections/app/api/search/route.ts

@@ -1,8 +1,8 @@
-import { getPages } from '@/app/source';
+import { source } from '@/app/source';
 import { createSearchAPI } from 'fumadocs-core/search/server';
 
 export const { GET } = createSearchAPI('advanced', {
-  indexes: getPages().map((page) => ({
+  indexes: source.getPages().map((page) => ({
     title: page.data.title,
     structuredData: page.data.structuredData,
     id: page.url,

package/template/content-collections/app/docs/[[...slug]]/page.tsx

@@ -1,4 +1,4 @@
-import { getPage, getPages } from '@/app/source';
+import { source } from '@/app/source';
 import type { Metadata } from 'next';
 import {
   DocsPage,
@@ -11,8 +11,7 @@ import { MDXContent } from '@content-collections/mdx/react';
 import defaultMdxComponents from 'fumadocs-ui/mdx';
 
 export default function Page({ params }: { params: { slug?: string[] } }) {
-  const page = getPage(params.slug);
-
+  const page = source.getPage(params.slug);
   if (!page) notFound();
 
   return (
@@ -30,14 +29,11 @@ export default function Page({ params }: { params: { slug?: string[] } }) {
 }
 
 export function generateStaticParams() {
-  return getPages().map((page) => ({
-    slug: page.slugs,
-  }));
+  return source.generateParams();
 }
 
 export function generateMetadata({ params }: { params: { slug?: string[] } }) {
-  const page = getPage(params.slug);
-
+  const page = source.getPage(params.slug);
   if (!page) notFound();
 
   return {

package/template/content-collections/app/source.ts

@@ -2,7 +2,7 @@ import { allDocs, allMetas } from 'content-collections';
 import { loader } from 'fumadocs-core/source';
 import { createMDXSource } from '@fumadocs/content-collections';
 
-export const { getPage, getPages, pageTree } = loader({
+export const source = loader({
   baseUrl: '/docs',
   source: createMDXSource(allDocs, allMetas),
 });

package/template/fuma-docs-mdx/app/api/search/route.ts

@@ -1,8 +1,8 @@
-import { getPages } from '@/app/source';
+import { source } from '@/app/source';
 import { createSearchAPI } from 'fumadocs-core/search/server';
 
 export const { GET } = createSearchAPI('advanced', {
-  indexes: getPages().map((page) => ({
+  indexes: source.getPages().map((page) => ({
     title: page.data.title,
     structuredData: page.data.structuredData,
     id: page.url,

package/template/fuma-docs-mdx/app/docs/[[...slug]]/page.tsx

@@ -1,4 +1,4 @@
-import { getPage, getPages } from '@/app/source';
+import { source } from '@/app/source';
 import type { Metadata } from 'next';
 import {
   DocsPage,
@@ -7,14 +7,14 @@ import {
   DocsTitle,
 } from 'fumadocs-ui/page';
 import { notFound } from 'next/navigation';
-import defaultComponents from 'fumadocs-ui/mdx';
+import defaultMdxComponents from 'fumadocs-ui/mdx';
 
 export default async function Page({
   params,
 }: {
   params: { slug?: string[] };
 }) {
-  const page = getPage(params.slug);
+  const page = source.getPage(params.slug);
   if (!page) notFound();
 
   const MDX = page.data.body;
@@ -24,20 +24,18 @@ export default async function Page({
       <DocsTitle>{page.data.title}</DocsTitle>
       <DocsDescription>{page.data.description}</DocsDescription>
       <DocsBody>
-        <MDX components={defaultComponents} />
+        <MDX components={{ ...defaultMdxComponents }} />
       </DocsBody>
     </DocsPage>
   );
 }
 
 export async function generateStaticParams() {
-  return getPages().map((page) => ({
-    slug: page.slugs,
-  }));
+  return source.generateParams();
 }
 
 export function generateMetadata({ params }: { params: { slug?: string[] } }) {
-  const page = getPage(params.slug);
+  const page = source.getPage(params.slug);
   if (!page) notFound();
 
   return {

package/template/fuma-docs-mdx/app/source.ts

@@ -2,7 +2,7 @@ import { docs, meta } from '@/.source';
 import { createMDXSource } from 'fumadocs-mdx';
 import { loader } from 'fumadocs-core/source';
 
-export const { getPage, getPages, pageTree } = loader({
+export const source = loader({
   baseUrl: '/docs',
   source: createMDXSource(docs, meta),
 });