create-fumadocs-app 11.3.2 → 12.0.1

package/dist/{chunk-S5WNIVIM.js → chunk-D47BRJXS.js}

@@ -2,6 +2,9 @@
 import path from "node:path";
 import fs from "node:fs/promises";
 
+// versions.json
+var versions_default = { "fumadocs-core": "12.0.1", "fumadocs-ui": "12.0.1", "fumadocs-mdx": "8.2.29", "fumadocs-contentlayer": "1.1.31" };
+
 // ../create-app-versions/package.json
 var package_default = {
   name: "example-versions",
@@ -15,16 +18,12 @@ var package_default = {
     "@types/react-dom": "^18.3.0",
     autoprefixer: "^10.4.19",
     contentlayer: "^0.3.4",
-    "fumadocs-contentlayer": "^1.1.29",
-    "fumadocs-core": "^11.3.2",
-    "fumadocs-mdx": "^8.2.27",
-    "fumadocs-ui": "^11.3.2",
     next: "^14.2.3",
     "next-contentlayer": "^0.3.4",
     postcss: "^8.4.38",
     react: "^18.3.1",
     "react-dom": "^18.3.1",
-    tailwindcss: "^3.4.3",
+    tailwindcss: "^3.4.4",
     typescript: "^5.4.5"
   },
   overrides: {
@@ -79,7 +78,7 @@ async function create(options) {
   const projectName = path.basename(options.outputDir);
   const dest = path.resolve(cwd, options.outputDir);
   await copy(path.join(sourceDir, `template/${options.template}`), dest);
-  await copy(path.join(sourceDir, `template/+content`), dest, (name) => {
+  await copy(path.join(sourceDir, `template/+shared`), dest, (name) => {
     switch (name) {
       case "example.gitignore":
         return ".gitignore";
@@ -130,8 +129,8 @@ function createPackageJson(projectName, { template, tailwindcss }) {
     },
     dependencies: {
       next: package_default.dependencies.next,
-      "fumadocs-ui": package_default.dependencies["fumadocs-ui"],
-      "fumadocs-core": package_default.dependencies["fumadocs-core"],
+      "fumadocs-ui": versions_default["fumadocs-ui"],
+      "fumadocs-core": versions_default["fumadocs-core"],
       react: package_default.dependencies.react,
       "react-dom": package_default.dependencies["react-dom"]
     },
@@ -143,7 +142,7 @@ function createPackageJson(projectName, { template, tailwindcss }) {
   };
   if (template === "contentlayer") {
     Object.assign(packageJson.dependencies, {
-      "fumadocs-contentlayer": package_default.dependencies["fumadocs-contentlayer"],
+      "fumadocs-contentlayer": versions_default["fumadocs-contentlayer"],
       contentlayer: package_default.dependencies.contentlayer,
       "next-contentlayer": package_default.dependencies["next-contentlayer"]
     });
@@ -153,7 +152,7 @@ function createPackageJson(projectName, { template, tailwindcss }) {
   }
   if (template === "fuma-docs-mdx") {
     Object.assign(packageJson.dependencies, {
-      "fumadocs-mdx": package_default.dependencies["fumadocs-mdx"]
+      "fumadocs-mdx": versions_default["fumadocs-mdx"]
     });
     Object.assign(packageJson.devDependencies, {
       "@types/mdx": package_default.dependencies["@types/mdx"]

package/dist/create-app.js

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

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fumadocs-app",
-  "version": "11.3.2",
+  "version": "12.0.1",
   "description": "Create a new documentation site with Fumadocs",
   "keywords": [
     "NextJs",

package/template/{contentlayer → +shared}/app/docs/layout.tsx

@@ -1,10 +1,11 @@
 import { pageTree } from '../source';
 import { DocsLayout } from 'fumadocs-ui/layout';
 import type { ReactNode } from 'react';
+import { baseOptions } from '../layout.config';
 
-export default function RootDocsLayout({ children }: { children: ReactNode }) {
+export default function Layout({ children }: { children: ReactNode }) {
   return (
-    <DocsLayout tree={pageTree} nav={{ title: 'My App' }}>
+    <DocsLayout tree={pageTree} {...baseOptions}>
       {children}
     </DocsLayout>
   );

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

@@ -0,0 +1,15 @@
+import { type BaseLayoutProps } from 'fumadocs-ui/layout';
+
+// basic configuration here
+export const baseOptions: BaseLayoutProps = {
+  nav: {
+    title: 'My App',
+  },
+  links: [
+    {
+      text: 'Documentation',
+      url: '/docs',
+      active: 'nested-url',
+    },
+  ],
+};

package/template/+tailwindcss/app/layout.tsx

@@ -9,7 +9,7 @@ const inter = Inter({
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
-    <html lang="en" className={inter.className}>
+    <html lang="en" className={inter.className} suppressHydrationWarning>
       <body>
         <RootProvider>{children}</RootProvider>
       </body>

package/template/fuma-docs-mdx/app/docs/layout.tsx

@@ -1,11 +0,0 @@
-import { pageTree } from '../source';
-import { DocsLayout } from 'fumadocs-ui/layout';
-import type { ReactNode } from 'react';
-
-export default function RootDocsLayout({ children }: { children: ReactNode }) {
-  return (
-    <DocsLayout tree={pageTree} nav={{ title: 'My App' }}>
-      {children}
-    </DocsLayout>
-  );
-}

package/template/fuma-docs-mdx/app/layout.tsx

@@ -1,18 +0,0 @@
-import { RootProvider } from 'fumadocs-ui/provider';
-import 'fumadocs-ui/style.css';
-import { Inter } from 'next/font/google';
-import type { ReactNode } from 'react';
-
-const inter = Inter({
-  subsets: ['latin'],
-});
-
-export default function Layout({ children }: { children: ReactNode }) {
-  return (
-    <html lang="en" className={inter.className} suppressHydrationWarning>
-      <body>
-        <RootProvider>{children}</RootProvider>
-      </body>
-    </html>
-  );
-}

package/template/fuma-docs-mdx/app/page.tsx

@@ -1,38 +0,0 @@
-import Link from 'next/link';
-
-export default function HomePage() {
-  return (
-    <main
-      style={{
-        height: '100vh',
-        display: 'flex',
-        flexDirection: 'column',
-        textAlign: 'center',
-        justifyContent: 'center',
-      }}
-    >
-      <h1
-        style={{
-          fontSize: '2rem',
-          fontWeight: 'bold',
-          marginBottom: '1rem',
-        }}
-      >
-        Hello World
-      </h1>
-      <p>
-        You can open{' '}
-        <Link
-          href="/docs"
-          style={{
-            fontWeight: '600',
-            textDecoration: 'underline',
-          }}
-        >
-          /docs
-        </Link>{' '}
-        and see the documentation.
-      </p>
-    </main>
-  );
-}