create-fumadocs-app 8.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Fuma
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# Create Fumadocs App
+
+A CLI tool to create new Next.js documentation sites with Fumadocs.
+
+```bash
+npx create-fumadocs-app
+#or
+pnpx create-fumadocs-app
+#or
+yarn create fumadocs-app
+```

package/dist/chunk-QD4OISDK.js

@@ -0,0 +1,542 @@
+// src/create-app.ts
+import path from "node:path";
+import fs from "node:fs/promises";
+
+// ../core/package.json
+var package_default = {
+  name: "fumadocs-core",
+  version: "8.0.0",
+  description: "The library for building a documentation website in Next.js",
+  keywords: [
+    "NextJs",
+    "Docs"
+  ],
+  homepage: "https://fumadocs.vercel.app",
+  repository: "github:fuma-nama/next-docs",
+  license: "MIT",
+  author: "Fuma Nama",
+  type: "module",
+  exports: {
+    "./sidebar": {
+      import: "./dist/sidebar.js",
+      types: "./dist/sidebar.d.ts"
+    },
+    "./breadcrumb": {
+      import: "./dist/breadcrumb.js",
+      types: "./dist/breadcrumb.d.ts"
+    },
+    "./toc": {
+      import: "./dist/toc.js",
+      types: "./dist/toc.d.ts"
+    },
+    "./search/client": {
+      import: "./dist/search/client.js",
+      types: "./dist/search/client.d.ts"
+    },
+    "./search/server": {
+      import: "./dist/search/server.js",
+      types: "./dist/search/server.d.ts"
+    },
+    "./server": {
+      import: "./dist/server/index.js",
+      types: "./dist/server/index.d.ts"
+    },
+    "./source": {
+      import: "./dist/source/index.js",
+      types: "./dist/source/index.d.ts"
+    },
+    "./link": {
+      import: "./dist/link.js",
+      types: "./dist/link.d.ts"
+    },
+    "./middleware": {
+      import: "./dist/middleware.js",
+      types: "./dist/middleware.d.ts"
+    },
+    "./mdx-plugins": {
+      import: "./dist/mdx-plugins/index.js",
+      types: "./dist/mdx-plugins/index.d.ts"
+    },
+    "./search-algolia/client": {
+      import: "./dist/search-algolia/client.js",
+      types: "./dist/search-algolia/client.d.ts"
+    },
+    "./search-algolia/server": {
+      import: "./dist/search-algolia/server.js",
+      types: "./dist/search-algolia/server.d.ts"
+    }
+  },
+  typesVersions: {
+    "*": {
+      sidebar: [
+        "./dist/sidebar.d.ts"
+      ],
+      breadcrumb: [
+        "./dist/breadcrumb.d.ts"
+      ],
+      toc: [
+        "./dist/toc.d.ts"
+      ],
+      "search/client": [
+        "./dist/search/client.d.ts"
+      ],
+      "search/shared": [
+        "./dist/search/shared.d.ts"
+      ],
+      "search/server": [
+        "./dist/search/server.d.ts"
+      ],
+      server: [
+        "./dist/server/index.d.ts"
+      ],
+      source: [
+        "./dist/source/index.d.ts"
+      ],
+      link: [
+        "./dist/link.d.ts"
+      ],
+      middleware: [
+        "./dist/middleware.d.ts"
+      ],
+      "mdx-plugins": [
+        "./dist/mdx-plugins/index.d.ts"
+      ],
+      "search-algolia/client": [
+        "./dist/search-algolia/client.d.ts"
+      ],
+      "search-algolia/server": [
+        "./dist/search-algolia/server.d.ts"
+      ]
+    }
+  },
+  files: [
+    "dist/*"
+  ],
+  scripts: {
+    build: "tsup",
+    clean: "rimraf dist",
+    dev: "tsup --watch",
+    lint: "eslint .",
+    test: "vitest",
+    "types:check": "tsc --noEmit"
+  },
+  dependencies: {
+    "@formatjs/intl-localematcher": "^0.5.0",
+    flexsearch: "0.7.21",
+    "github-slugger": "^2.0.0",
+    negotiator: "^0.6.3",
+    "react-remove-scroll": "^2.5.6",
+    "rehype-shikiji": "^0.10.0",
+    remark: "^15.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-mdx": "^3.0.0",
+    "scroll-into-view-if-needed": "^3.1.0",
+    shikiji: "^0.10.0",
+    "shikiji-transformers": "^0.10.0",
+    swr: "^2.2.2",
+    "unist-util-visit": "^5.0.0"
+  },
+  devDependencies: {
+    "@algolia/client-search": "^4.20.0",
+    "@next/eslint-plugin-next": "^14.0.0",
+    "@types/flexsearch": "0.7.6",
+    "@types/hast": "^3.0.3",
+    "@types/mdast": "^4.0.3",
+    "@types/negotiator": "^0.6.1",
+    "@types/node": "18.17.5",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.1",
+    algoliasearch: "^4.20.0",
+    "eslint-config-custom": "workspace:*",
+    next: "14.1.0",
+    tsconfig: "workspace:*",
+    unified: "^11.0.4"
+  },
+  peerDependencies: {
+    next: ">= 13.4",
+    react: ">= 18",
+    "react-dom": ">= 18"
+  },
+  publishConfig: {
+    access: "public"
+  }
+};
+
+// ../ui/package.json
+var package_default2 = {
+  name: "fumadocs-ui",
+  version: "8.0.0",
+  description: "The framework for building a documentation website in Next.js",
+  keywords: [
+    "NextJs",
+    "Docs"
+  ],
+  homepage: "https://fumadocs.vercel.app",
+  repository: "github:fuma-nama/next-docs",
+  license: "MIT",
+  author: "Fuma Nama",
+  exports: {
+    "./style.css": "./dist/style.css",
+    "./tailwind-plugin": {
+      import: "./dist/tailwind-plugin.js",
+      require: "./dist/tailwind-plugin.js",
+      types: "./dist/tailwind-plugin.d.ts"
+    },
+    "./components/*": {
+      import: "./dist/components/*.js",
+      types: "./dist/components/*.d.mts"
+    },
+    "./*": {
+      import: "./dist/*.js",
+      types: "./dist/*.d.mts"
+    }
+  },
+  typesVersions: {
+    "*": {
+      "tailwind-plugin": [
+        "./dist/tailwind-plugin.d.ts"
+      ],
+      "components/*": [
+        "./dist/components/*.d.mts"
+      ],
+      "mdx/*": [
+        "./dist/mdx/*.d.mts"
+      ],
+      "*": [
+        "./dist/*.d.mts"
+      ]
+    }
+  },
+  files: [
+    "dist/*"
+  ],
+  scripts: {
+    build: "tsup && postcss css/styles.css -o ./dist/style.css",
+    clean: "rimraf dist",
+    dev: 'concurrently "pnpm dev:layout" "pnpm dev:tailwind"',
+    "dev:layout": "tsup --watch",
+    "dev:tailwind": "postcss css/styles.css -o ./dist/style.css --watch",
+    lint: "eslint .",
+    "types:check": "tsc --noEmit"
+  },
+  dependencies: {
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-popover": "^1.0.6",
+    "@radix-ui/react-scroll-area": "^1.0.4",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@tailwindcss/typography": "^0.5.10",
+    "class-variance-authority": "^0.7.0",
+    clsx: "^2.0.0",
+    cmdk: "^0.2.0",
+    "fumadocs-core": "workspace:*",
+    "lucide-react": "^0.298.0",
+    "next-themes": "^0.2.1",
+    "react-medium-image-zoom": "^5.1.8",
+    "tailwind-merge": "^2.0.0",
+    tailwindcss: "^3.4.1"
+  },
+  devDependencies: {
+    "@algolia/client-search": "^4.20.0",
+    "@next/eslint-plugin-next": "^14.0.0",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.1",
+    algoliasearch: "^4.20.0",
+    "eslint-config-custom": "workspace:*",
+    next: "14.1.0",
+    postcss: "8.4.33",
+    "postcss-cli": "^11.0.0",
+    "postcss-lightningcss": "^1.0.0",
+    tsconfig: "workspace:*"
+  },
+  peerDependencies: {
+    next: ">= 13",
+    react: ">= 18",
+    "react-dom": ">= 18"
+  },
+  publishConfig: {
+    access: "public"
+  }
+};
+
+// ../mdx/package.json
+var package_default3 = {
+  name: "fumadocs-mdx",
+  version: "8.0.0",
+  description: "The built-in source for Fumadocs",
+  keywords: [
+    "NextJs",
+    "Docs"
+  ],
+  homepage: "https://fumadocs.vercel.app",
+  repository: "github:fuma-nama/next-docs",
+  license: "MIT",
+  author: "Fuma Nama",
+  exports: {
+    "./loader": "./loader.js",
+    "./loader-mdx": "./loader-mdx.js",
+    "./config": {
+      import: "./dist/config.mjs",
+      types: "./dist/config.d.mts"
+    },
+    ".": {
+      import: "./dist/index.mjs",
+      types: "./dist/index.mts"
+    }
+  },
+  main: "./dist/index.mjs",
+  types: "./dist/index.mts",
+  typesVersions: {
+    "*": {
+      config: [
+        "./dist/config.d.mts"
+      ]
+    }
+  },
+  files: [
+    "dist/*",
+    "loader-mdx.js",
+    "loader.js"
+  ],
+  scripts: {
+    build: "tsup",
+    clean: "rimraf dist",
+    dev: "tsup --watch",
+    lint: "eslint .",
+    "types:check": "tsc --noEmit"
+  },
+  dependencies: {
+    "@mdx-js/mdx": "^3.0.0",
+    "cross-spawn": "^7.0.3",
+    "estree-util-value-to-estree": "^3.0.1",
+    "fast-glob": "^3.3.1",
+    "fumadocs-core": "workspace:*",
+    "gray-matter": "^4.0.3",
+    zod: "^3.22.4"
+  },
+  devDependencies: {
+    "@types/cross-spawn": "^6.0.4",
+    "@types/mdast": "^4.0.3",
+    "@types/mdx": "^2.0.8",
+    "@types/react": "18.2.0",
+    "eslint-config-custom": "workspace:*",
+    next: "14.1.0",
+    tsconfig: "workspace:*",
+    unified: "^11.0.4",
+    webpack: "^5.89.0"
+  },
+  peerDependencies: {
+    next: ">= 13.4"
+  },
+  publishConfig: {
+    access: "public"
+  }
+};
+
+// ../contentlayer/package.json
+var package_default4 = {
+  name: "fumadocs-contentlayer",
+  version: "1.0.1",
+  description: "The Contentlayer adapter for Fumadocs",
+  keywords: [
+    "NextJs",
+    "Docs"
+  ],
+  homepage: "https://fumadocs.vercel.app",
+  repository: "github:fuma-nama/next-docs",
+  license: "MIT",
+  author: "Fuma Nama",
+  type: "module",
+  exports: {
+    ".": {
+      import: "./dist/index.js",
+      types: "./dist/index.d.ts"
+    },
+    "./configuration": {
+      import: "./dist/configuration.js",
+      types: "./dist/configuration.d.ts"
+    }
+  },
+  main: "./dist/index.js",
+  types: "./dist/index.d.ts",
+  typesVersions: {
+    "*": {
+      ".": [
+        "./dist/index.d.ts"
+      ],
+      configuration: [
+        "./dist/configuration.d.ts"
+      ]
+    }
+  },
+  files: [
+    "dist/*"
+  ],
+  scripts: {
+    build: "tsup",
+    clean: "rimraf dist",
+    dev: "tsup --watch",
+    lint: "eslint .",
+    "types:check": "tsc --noEmit"
+  },
+  dependencies: {
+    "fumadocs-core": "workspace:*",
+    "rehype-img-size": "^1.0.1"
+  },
+  devDependencies: {
+    contentlayer: "^0.3.4",
+    "eslint-config-custom": "workspace:*",
+    tsconfig: "workspace:*",
+    unified: "^11.0.4"
+  },
+  publishConfig: {
+    access: "public"
+  }
+};
+
+// src/auto-install.ts
+import { spawn } from "cross-spawn";
+function getPackageManager() {
+  const userAgent = process.env.npm_config_user_agent || "";
+  if (userAgent.startsWith("yarn")) {
+    return "yarn";
+  }
+  if (userAgent.startsWith("pnpm")) {
+    return "pnpm";
+  }
+  if (userAgent.startsWith("bun")) {
+    return "bun";
+  }
+  return "npm";
+}
+function autoInstall(manager, dest) {
+  return new Promise((res, reject) => {
+    const installProcess = spawn(manager, ["install"], {
+      stdio: "inherit",
+      env: {
+        ...process.env,
+        NODE_ENV: "development",
+        DISABLE_OPENCOLLECTIVE: "1"
+      },
+      cwd: dest
+    });
+    installProcess.on("close", (code) => {
+      if (code !== 0) {
+        reject(new Error("Install failed"));
+      } else {
+        res();
+      }
+    });
+  });
+}
+
+// src/constants.ts
+import { fileURLToPath } from "node:url";
+var sourceDir = fileURLToPath(new URL(`../`, import.meta.url).href);
+var cwd = process.cwd();
+
+// src/create-app.ts
+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) => {
+    switch (name) {
+      case "example.gitignore":
+        return ".gitignore";
+      default:
+        return name;
+    }
+  });
+  if (options.tailwindcss) {
+    await copy(path.join(sourceDir, `template/+tailwindcss`), dest);
+  }
+  const packageJson = createPackageJson(projectName, options);
+  await fs.writeFile(path.join(dest, "package.json"), packageJson);
+  const readMe = await getReadme(dest, projectName);
+  await fs.writeFile(path.join(dest, "README.md"), readMe);
+  if (options.installDeps) {
+    await autoInstall(options.packageManager, dest);
+  }
+}
+async function getReadme(dest, projectName) {
+  const template = await fs.readFile(path.join(dest, "README.md")).then((res) => res.toString());
+  return `# ${projectName}
+
+${template}`;
+}
+async function copy(from, to, rename = (s) => s) {
+  const stats = await fs.stat(from);
+  if (stats.isDirectory()) {
+    const files = await fs.readdir(from);
+    await Promise.all(
+      files.map(
+        (file) => copy(path.join(from, file), path.join(to, rename(file)))
+      )
+    );
+  } else {
+    await fs.mkdir(path.dirname(to), { recursive: true });
+    await fs.copyFile(from, to);
+  }
+}
+function createPackageJson(projectName, { template, tailwindcss }) {
+  const packageJson = {
+    name: projectName,
+    version: "0.0.0",
+    private: true,
+    scripts: {
+      build: "next build",
+      dev: "next dev",
+      start: "next start"
+    },
+    dependencies: {
+      next: "14.0.4",
+      "fumadocs-ui": package_default2.version,
+      "fumadocs-core": package_default.version,
+      react: "18.2.0",
+      "react-dom": "18.2.0"
+    },
+    devDependencies: {
+      "@types/react": "18.2.0",
+      "@types/react-dom": "18.2.1",
+      typescript: "5.3.3"
+    }
+  };
+  if (template === "contentlayer") {
+    Object.assign(packageJson.dependencies, {
+      "fuamdocs-contentlayer": package_default4.version,
+      contentlayer: "0.3.4",
+      "next-contentlayer": "0.3.4"
+    });
+    Object.assign(packageJson, {
+      overrides: {
+        unified: "^11.0.4",
+        "mdx-bundler": "^10.0.1"
+      }
+    });
+  }
+  if (template === "fuma-docs-mdx") {
+    Object.assign(packageJson.dependencies, {
+      "fumadocs-mdx": package_default3.version
+    });
+    Object.assign(packageJson.devDependencies, {
+      "@types/mdx": "2.0.10"
+    });
+  }
+  if (tailwindcss) {
+    Object.assign(packageJson.devDependencies, {
+      autoprefixer: "10.4.16",
+      postcss: "8.4.32",
+      tailwindcss: "3.4.1"
+    });
+  }
+  return JSON.stringify(packageJson, void 0, 2);
+}
+
+export {
+  getPackageManager,
+  cwd,
+  create
+};

package/dist/create-app.js

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

package/dist/index.js

@@ -0,0 +1,101 @@
+#!/usr/bin/env node
+import {
+  create,
+  cwd,
+  getPackageManager
+} from "./chunk-QD4OISDK.js";
+
+// src/index.ts
+import { existsSync } from "node:fs";
+import fs from "node:fs/promises";
+import path from "node:path";
+import {
+  cancel,
+  confirm,
+  group,
+  intro,
+  isCancel,
+  outro,
+  select,
+  spinner,
+  text
+} from "@clack/prompts";
+import pc from "picocolors";
+var manager = getPackageManager();
+async function main() {
+  intro(pc.bgCyan(pc.bold("Create Fumadocs App")));
+  const options = await group(
+    {
+      name: () => text({
+        message: "Project name",
+        placeholder: "my-app",
+        defaultValue: "my-app"
+      }),
+      template: () => select({
+        message: "Choose a content source",
+        initialValue: "fuma-docs-mdx",
+        options: [
+          { value: "fuma-docs-mdx", label: "Fumadocs MDX" },
+          { value: "contentlayer", label: "Contentlayer" }
+        ]
+      }),
+      tailwindcss: () => confirm({ message: "Use Tailwind CSS for styling?" }),
+      installDeps: () => confirm({
+        message: `Do you want to install packages automatically? (detected as ${manager})`
+      })
+    },
+    {
+      onCancel: () => {
+        cancel("Installation Stopped.");
+        process.exit(0);
+      }
+    }
+  );
+  const projectName = options.name.toLowerCase().replace(/\s/, "-");
+  const dest = path.resolve(cwd, projectName);
+  if (existsSync(dest)) {
+    const del = await confirm({
+      message: `${projectName} already exists, do you want to delete it?`
+    });
+    if (isCancel(del)) {
+      cancel();
+      return;
+    }
+    if (del) {
+      const info2 = spinner();
+      info2.start(`Deleting ${projectName}`);
+      await fs.rm(dest, {
+        recursive: true,
+        force: true
+      });
+      info2.stop(`Deleted ${projectName}`);
+    }
+  }
+  const info = spinner();
+  info.start(`Generating Project`);
+  await create({
+    packageManager: manager,
+    tailwindcss: options.tailwindcss,
+    template: options.template,
+    outputDir: dest,
+    installDeps: options.installDeps
+  });
+  info.stop("Project Generated");
+  outro(pc.bgGreen(pc.bold("Done")));
+  if (options.tailwindcss) {
+    console.log("\u2714 Tailwind CSS");
+  }
+  console.log("\u2714 Typescript");
+  console.log(pc.bold("\nOpen the project"));
+  console.log(pc.cyan(`cd ${projectName}`));
+  console.log(pc.bold("\nRun Development Server"));
+  console.log(pc.cyan("npm run dev | pnpm run dev | yarn dev"));
+  console.log(
+    pc.bold("\nYou can now open the project and start writing documents")
+  );
+  process.exit(0);
+}
+main().catch((e) => {
+  console.error(e);
+  throw e;
+});

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "create-fumadocs-app",
+  "version": "8.0.0",
+  "description": "Create a new documentation site with Fumadocs",
+  "keywords": [
+    "NextJs",
+    "next",
+    "react",
+    "Docs"
+  ],
+  "homepage": "https://fumadocs.vercel.app",
+  "repository": "github:fuma-nama/next-docs",
+  "license": "MIT",
+  "author": "Fuma Nama",
+  "type": "module",
+  "bin": "./dist/index.js",
+  "files": [
+    "template/*",
+    "dist/*"
+  ],
+  "dependencies": {
+    "@clack/prompts": "^0.7.0",
+    "cross-spawn": "^7.0.3",
+    "picocolors": "^1.0.0"
+  },
+  "devDependencies": {
+    "@types/cross-spawn": "^6.0.4",
+    "@types/node": "18.17.5",
+    "fast-glob": "^3.3.1",
+    "eslint-config-custom": "0.0.0",
+    "tsconfig": "0.0.0"
+  },
+  "engines": {
+    "node": ">=18.17.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "clean": "rimraf dist",
+    "dev": "tsup --watch",
+    "lint": "eslint .",
+    "types:check": "tsc --noEmit"
+  }
+}

package/template/+content/README.md

@@ -0,0 +1,24 @@
+This is a Next.js application generated with
+[Create Fumadocs](https://github.com/fuma-nama/next-docs).
+
+Run development server:
+
+```bash
+npm run dev
+# or
+pnpm dev
+# or
+yarn dev
+```
+
+Open http://localhost:3000 with your browser to see the result.
+
+## Learn More
+
+To learn more about Next.js and Fumadocs, take a look at the following
+resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
+  features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+- [Fumadocs](https://fumadocs.vercel.app) - learn about Fumadocs

package/template/+content/content/docs/index.mdx

@@ -0,0 +1,13 @@
+---
+title: Hello World
+description: Your first document
+---
+
+Welcome to the docs! You can start writing documents in `/content/docs`.
+
+## What is Next?
+
+<Cards>
+  <Card title="Learn more about Next.js" href="https://nextjs.org/docs" />
+  <Card title="Learn more about Fumadocs" href="https://fumadocs.vercel.app" />
+</Cards>

package/template/+content/content/docs/test.mdx

@@ -0,0 +1,17 @@
+---
+title: Components
+description: Components
+---
+
+## Code Block
+
+```js
+console.log('Hello World');
+```
+
+## Cards
+
+<Cards>
+  <Card title="Learn more about Next.js" href="https://nextjs.org/docs" />
+  <Card title="Learn more about Fumadocs" href="https://fumadocs.vercel.app" />
+</Cards>

package/template/+content/example.gitignore

@@ -0,0 +1,27 @@
+# deps
+/node_modules
+
+# generated content
+.map.ts
+.contentlayer
+
+# test & build
+/coverage
+/.next/
+/out/
+/build
+*.tsbuildinfo
+
+# misc
+.DS_Store
+*.pem
+/.pnp
+.pnp.js
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# others
+.env*.local
+.vercel
+next-env.d.ts

package/template/+tailwindcss/app/global.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

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

@@ -0,0 +1,18 @@
+import './global.css';
+import { RootProvider } from 'fumadocs-ui/provider';
+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}>
+      <body>
+        <RootProvider>{children}</RootProvider>
+      </body>
+    </html>
+  );
+}

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

@@ -0,0 +1,16 @@
+import Link from 'next/link';
+
+export default function HomePage() {
+  return (
+    <main className="flex h-screen flex-col justify-center text-center">
+      <h1 className="mb-4 text-2xl font-bold">Hello World</h1>
+      <p className="text-muted-foreground">
+        You can open{' '}
+        <Link href="/docs" className="text-foreground font-semibold underline">
+          /docs
+        </Link>{' '}
+        and see the documentation.
+      </p>
+    </main>
+  );
+}

package/template/+tailwindcss/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/template/+tailwindcss/tailwind.config.js

@@ -0,0 +1,13 @@
+const { createPreset } = require('fumadocs-ui/tailwind-plugin');
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './components/**/*.{ts,tsx}',
+    './app/**/*.{ts,tsx}',
+    './content/**/*.{md,mdx}',
+    './mdx-components.{ts,tsx}',
+    './node_modules/fumadocs-ui/dist/**/*.js',
+  ],
+  presets: [createPreset()],
+};

package/template/contentlayer/app/api/search/route.ts

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

package/template/contentlayer/app/docs/[[...slug]]/content.tsx

@@ -0,0 +1,14 @@
+'use client';
+
+import { useMDXComponent } from 'next-contentlayer/hooks';
+import defaultComponents from 'fumadocs-ui/mdx';
+
+const components = {
+  ...defaultComponents,
+};
+
+export function Content({ code }: { code: string }) {
+  const MDX = useMDXComponent(code);
+
+  return <MDX components={components} />;
+}

package/template/contentlayer/app/docs/[[...slug]]/page.tsx

@@ -0,0 +1,43 @@
+import { Content } from './content';
+import { getPage, getPages } from '@/app/source';
+import type { Metadata } from 'next';
+import { DocsPage, DocsBody } from 'fumadocs-ui/page';
+import { notFound } from 'next/navigation';
+
+export default async function Page({
+  params,
+}: {
+  params: { slug?: string[] };
+}) {
+  const page = getPage(params.slug);
+
+  if (page == null) {
+    notFound();
+  }
+
+  return (
+    <DocsPage toc={page.data.toc}>
+      <DocsBody>
+        <h1>{page.data.title}</h1>
+        <Content code={page.data.body.code} />
+      </DocsBody>
+    </DocsPage>
+  );
+}
+
+export async function generateStaticParams(): Promise<{ slug: string[] }[]> {
+  return getPages().map((page) => ({
+    slug: page.slugs,
+  }));
+}
+
+export function generateMetadata({ params }: { params: { slug?: string[] } }) {
+  const page = getPage(params.slug);
+
+  if (page == null) notFound();
+
+  return {
+    title: page.data.title,
+    description: page.data.description,
+  } satisfies Metadata;
+}

package/template/contentlayer/app/docs/layout.tsx

@@ -0,0 +1,11 @@
+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/contentlayer/app/layout.tsx

@@ -0,0 +1,18 @@
+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}>
+      <body>
+        <RootProvider>{children}</RootProvider>
+      </body>
+    </html>
+  );
+}

package/template/contentlayer/app/page.tsx

@@ -0,0 +1,38 @@
+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>
+  );
+}

package/template/contentlayer/app/source.ts

@@ -0,0 +1,9 @@
+import { allDocs, allMeta } from 'contentlayer/generated';
+import { createContentlayerSource } from 'fumadocs-contentlayer';
+import { loader } from 'fumadocs-core/source';
+
+export const { getPage, pageTree, getPages } = loader({
+  baseUrl: '/docs',
+  rootDir: 'docs',
+  source: createContentlayerSource(allMeta, allDocs),
+});

package/template/contentlayer/contentlayer.config.ts

@@ -0,0 +1,4 @@
+import { makeSource } from 'contentlayer/source-files';
+import { defaultConfig } from 'fumadocs-contentlayer/configuration';
+
+export default makeSource(defaultConfig);

package/template/contentlayer/next.config.js

@@ -0,0 +1,8 @@
+/** @type {import('next').NextConfig} */
+const config = {
+  reactStrictMode: true,
+};
+
+const { withContentlayer } = require('next-contentlayer');
+
+module.exports = withContentlayer(config);

package/template/contentlayer/tsconfig.json

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "target": "ESNext",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "paths": {
+      "@/*": ["./*"],
+      "contentlayer/generated": ["./.contentlayer/generated"]
+    },
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".contentlayer/generated"
+  ],
+  "exclude": ["node_modules"]
+}

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

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

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

@@ -0,0 +1,44 @@
+import { getPage, getPages } from '@/app/source';
+import type { Metadata } from 'next';
+import { DocsPage, DocsBody } from 'fumadocs-ui/page';
+import { notFound } from 'next/navigation';
+
+export default async function Page({
+  params,
+}: {
+  params: { slug?: string[] };
+}) {
+  const page = getPage(params.slug);
+
+  if (page == null) {
+    notFound();
+  }
+
+  const MDX = page.data.exports.default;
+
+  return (
+    <DocsPage toc={page.data.exports.toc}>
+      <DocsBody>
+        <h1>{page.data.title}</h1>
+        <MDX />
+      </DocsBody>
+    </DocsPage>
+  );
+}
+
+export async function generateStaticParams() {
+  return getPages().map((page) => ({
+    slug: page.slugs,
+  }));
+}
+
+export function generateMetadata({ params }: { params: { slug?: string[] } }) {
+  const page = getPage(params.slug);
+
+  if (page == null) notFound();
+
+  return {
+    title: page.data.title,
+    description: page.data.description,
+  } satisfies Metadata;
+}

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,18 @@
+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}>
+      <body>
+        <RootProvider>{children}</RootProvider>
+      </body>
+    </html>
+  );
+}

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

@@ -0,0 +1,38 @@
+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>
+  );
+}

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

@@ -0,0 +1,9 @@
+import { map } from '@/.map';
+import { createMDXSource } from 'fumadocs-mdx';
+import { loader } from 'fumadocs-core/source';
+
+export const { getPage, getPages, pageTree } = loader({
+  baseUrl: '/docs',
+  rootDir: 'docs',
+  source: createMDXSource(map),
+});

package/template/fuma-docs-mdx/mdx-components.tsx

@@ -0,0 +1,9 @@
+import type { MDXComponents } from 'mdx/types';
+import defaultComponents from 'fumadocs-ui/mdx';
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    ...defaultComponents,
+    ...components,
+  };
+}

package/template/fuma-docs-mdx/next.config.mjs

@@ -0,0 +1,10 @@
+import createNextDocsMDX from 'fumadocs-mdx/config';
+
+const withMDX = createNextDocsMDX();
+
+/** @type {import('next').NextConfig} */
+const config = {
+  reactStrictMode: true,
+};
+
+export default withMDX(config);

package/template/fuma-docs-mdx/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "target": "ESNext",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "paths": {
+      "@/*": ["./*"]
+    },
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}