Merge pull request #13 from pheralb/next

Word Highlight + Improve Docs + Upgrade dependencies

Author: pheralb

.gitignore

@@ -20,6 +20,7 @@ out
 
 # production
 /build
+dist
 
 # misc
 .DS_Store

README.md

@@ -32,6 +32,7 @@
 
 <div align="center">
 
+![Turborepo Badge](https://img.shields.io/badge/Turbo-FF1E56?logo=turborepo&logoColor=fff&style=flat)
 ![Next.js Badge](https://img.shields.io/badge/Docs-000?logo=nextdotjs&logoColor=fff&style=flat)
 ![Tailwind CSS Badge](https://img.shields.io/badge/Styles-06B6D4?logo=tailwindcss&logoColor=fff&style=flat)
 ![React Badge](https://img.shields.io/badge/Components-61DAFB?logo=react&logoColor=000&style=flat)

apps/website/package.json

@@ -20,45 +20,45 @@
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "cmdk": "1.1.1",
-    "lucide-react": "0.564.0",
-    "motion": "12.34.0",
+    "lucide-react": "0.575.0",
+    "motion": "12.34.3",
     "next": "16.1.6",
     "next-themes": "0.4.6",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-hotkeys-hook": "5.2.4",
-    "shadcn": "3.8.4",
+    "shadcn": "3.8.5",
     "swr": "2.4.0",
-    "tailwind-merge": "3.4.1",
+    "tailwind-merge": "3.5.0",
     "zod": "4.3.6",
     "zustand": "5.0.11"
   },
   "devDependencies": {
     "@code-blocks/eslint": "workspace:*",
     "@content-collections/cli": "0.1.9",
-    "@content-collections/core": "0.14.0",
+    "@content-collections/core": "0.14.1",
     "@content-collections/mdx": "0.2.2",
     "@content-collections/next": "0.2.11",
-    "@shikijs/langs": "3.22.0",
-    "@shikijs/rehype": "3.22.0",
-    "@shikijs/themes": "3.22.0",
-    "@shikijs/transformers": "3.22.0",
-    "@tailwindcss/postcss": "4.1.18",
+    "@shikijs/langs": "3.23.0",
+    "@shikijs/rehype": "3.23.0",
+    "@shikijs/themes": "3.23.0",
+    "@shikijs/transformers": "3.23.0",
+    "@tailwindcss/postcss": "4.2.1",
     "@tailwindcss/typography": "0.5.19",
     "@types/mdx": "2.0.13",
-    "@types/node": "22.19.7",
+    "@types/node": "22.19.11",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "chalk": "5.6.2",
-    "eslint": "9.39.2",
+    "eslint": "9.39.3",
     "github-slugger": "2.0.0",
     "react-docgen-typescript": "2.4.0",
     "rehype-autolink-headings": "7.1.0",
     "rehype-slug": "6.0.0",
     "remark-gfm": "4.0.1",
-    "shiki": "3.22.0",
+    "shiki": "3.23.0",
     "sugar-high": "0.9.5",
-    "tailwindcss": "4.1.18",
+    "tailwindcss": "4.2.1",
     "tsx": "4.21.0",
     "tw-animate-css": "1.4.0",
     "typescript": "5.9.3",

apps/website/src/app/api/docs/[folder]/[...slug]/route.ts

@@ -1,13 +1,14 @@
+import type { NextRequest } from "next/server";
+
 import { getDocument } from "@/utils/docs";
-import { NextRequest, NextResponse } from "next/server";
+import { NextResponse } from "next/server";
 
 interface ApiDocsPageProps {
   params: Promise<{ folder: string; slug: string[] }>;
 }
 
 export async function GET(request: NextRequest, { params }: ApiDocsPageProps) {
   const { folder, slug } = await params;
-  console.log('folder:', folder, 'slug:', slug);
   const document = slug.join("/");
   const data = getDocument({
     folder,

apps/website/src/components/code-block/code-block.tsx

@@ -93,7 +93,7 @@ const CodeBlockContent = ({
     <div
       className={cn(
         "max-h-96 overflow-y-auto",
-        "bg-neutral-50 dark:bg-neutral-900",
+        "bg-white dark:bg-neutral-900",
         "rounded-lg font-mono text-sm leading-5 whitespace-pre",
         className,
       )}

apps/website/src/components/docs/component-preview.tsx

@@ -1,5 +1,5 @@
 import type { ComponentProps, ReactNode } from "react";
-import type { RegistryComponent } from "@/components/registry/types";
+import type { RegistryComponent } from "@/types/registry";
 
 import { Suspense } from "react";
 import { createElement, useMemo } from "react";

apps/website/src/components/docs/doc-card.tsx

@@ -1,12 +1,7 @@
 import { getDocument } from "@/utils/docs";
 
-import {
-  FileIcon,
-  ArrowUpRightIcon,
-  ChevronRightIcon,
-  CornerDownRightIcon,
-} from "lucide-react";
 import { ExternalLink } from "@/components/ui/external-link";
+import { FileIcon, ChevronRightIcon, CornerDownRightIcon } from "lucide-react";
 
 interface DocCardProps {
   document: string;
@@ -19,7 +14,7 @@ const DocCard = ({ document, folder, anchor }: DocCardProps) => {
   return (
     <ExternalLink
       href={`/docs/${folder}/${document}${anchor ? `#${anchor}` : ""}`}
-      className="not-prose relative"
+      className="not-prose"
     >
       <div className="rounded-lg border border-neutral-200 bg-neutral-200/40 p-3 transition-colors duration-200 ease-in-out hover:border-neutral-300 hover:bg-neutral-200 dark:border-neutral-800 dark:bg-neutral-800/30 dark:hover:border-neutral-700 hover:dark:bg-neutral-800">
         <div className="flex items-center space-x-2">
@@ -45,11 +40,6 @@ const DocCard = ({ document, folder, anchor }: DocCardProps) => {
           <p className="truncate">{documentData?.description}</p>
         </div>
       </div>
-      <ArrowUpRightIcon
-        size={14}
-        strokeWidth={1.5}
-        className="absolute top-2 right-2 text-neutral-600 dark:text-neutral-400"
-      />
     </ExternalLink>
   );
 };

apps/website/src/components/docs/doc-options.tsx

@@ -71,15 +71,15 @@ const DocOptions = ({ content, folder, file }: DocOptionsProps) => {
         <DropdownMenuItem>
           <ExternalLink
             href={`${pathname}.mdx`}
-            className="flex items-center space-x-2"
+            className="flex items-center space-x-2 w-full"
           >
             <span>View as Markdown</span>
             <ArrowUpRightIcon size={14} />
           </ExternalLink>
         </DropdownMenuItem>
         <DropdownMenuItem>
           <ExternalLink
-            className="flex items-center space-x-2"
+            className="flex items-center space-x-2 w-full"
             href={`${globals.githubUrl}/blob/main/apps/website/src/docs/${folder}/${file}`}
           >
             <span>Edit on GitHub</span>

apps/website/src/components/docs/show-source.tsx

@@ -1,5 +1,5 @@
 import type { ComponentProps, ReactNode } from "react";
-import type { RegistryComponent } from "@/components/registry/types";
+import type { RegistryComponent } from "@/types/registry";
 
 interface ShowSourceProps extends ComponentProps<"div"> {
   component: RegistryComponent["title"];