@docubook/create 1.13.5 → 1.13.9

package/README.md

@@ -1,4 +1,4 @@
-# DocuBook
+# DocuBook CLI
 
 **DocuBook** is a documentation web project designed to provide a simple and user-friendly interface for accessing various types of documentation. This site is crafted for developers and teams who need quick access to references, guides, and essential documents.
 

package/package.json

@@ -1,19 +1,23 @@
 {
   "name": "@docubook/create",
-  "version": "1.13.5",
+  "version": "1.13.9",
+  "description": "CLI to create DocuBook projects",
   "main": "src/index.js",
   "type": "module",
   "bin": {
     "create": "./src/index.js"
   },
   "keywords": [
-    "template",
-    "create-template",
+    "docs",
+    "markdown",
+    "react-template",
+    "nextjs-template",
     "documentation"
   ],
+  "homepage": "https://docubook.pro/",
+  "repository": "github:DocuBook/docubook",
   "author": "wildan.nrs",
   "license": "MIT",
-  "description": "CLI to create DocuBook projects",
   "dependencies": {
     "boxen": "^8.0.1",
     "chalk": "^5.3.0",

package/src/dist/.eslintrc.json

@@ -0,0 +1,19 @@
+{
+  "extends": [
+    "next/core-web-vitals",
+    "next/typescript",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "rules": {
+    "@typescript-eslint/no-explicit-any": "warn",
+    "@typescript-eslint/no-unused-vars": [
+      "warn",
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^_"
+      }
+    ],
+    "@typescript-eslint/no-empty-object-type": "off"
+  }
+}

package/src/dist/app/docs/[[...slug]]/page.tsx

@@ -68,7 +68,7 @@ export default async function DocsPage({ params: { slug = [] } }: PageProps) {
 
   if (!res) notFound();
 
-  const { title, description, image, date } = res.frontmatter;
+  const { title, description, image: _image, date } = res.frontmatter;
 
   // File path for edit link
   const filePath = `contents/docs/${slug.join("/") || ""}/index.mdx`;

package/src/dist/app/page.tsx

@@ -25,7 +25,7 @@ export default function Home() {
             )}
           >
             <AnimatedShinyText className="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-100 hover:duration-300 hover:dark:text-neutral-200">
-              <span>🚀 New Version - Release v1.13.5</span>
+              <span>🚀 New Version - Release v1.13.9</span>
               <ArrowRightIcon className="ml-1 size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0.5" />
             </AnimatedShinyText>
           </div>

package/src/dist/components/Sponsor.tsx

@@ -10,16 +10,76 @@ interface SponsorItem {
   description?: string;
 }
 
+interface NavbarConfig {
+  title?: string;
+  logo?: {
+    light?: string;
+    dark?: string;
+  };
+  links?: Array<{
+    title: string;
+    href: string;
+    external?: boolean;
+  }>;
+}
+
+interface FooterConfig {
+  text?: string;
+  links?: Array<{
+    title: string;
+    href: string;
+    external?: boolean;
+  }>;
+}
+
+interface MetaConfig {
+  title?: string;
+  description?: string;
+  favicon?: string;
+  socialBanner?: string;
+}
+
+interface RepositoryConfig {
+  url: string;
+  editUrl?: string;
+  branch?: string;
+  directory?: string;
+}
+
+interface RouteItem {
+  title: string;
+  href: string;
+  noLink?: boolean;
+  context?: {
+    icon: string;
+    description: string;
+    title: string;
+  };
+  items?: RouteItem[];
+}
+
+interface RouteConfig {
+  title: string;
+  href: string;
+  noLink?: boolean;
+  context?: {
+    icon: string;
+    description: string;
+    title: string;
+  };
+  items?: RouteItem[];
+}
+
 interface DocuConfig {
   sponsor?: {
     title?: string;
     item?: SponsorItem;
   };
-  navbar: any; // Anda bisa mendefinisikan tipe yang lebih spesifik jika diperlukan
-  footer: any;
-  meta: any;
-  repository: any;
-  routes: any[];
+  navbar: NavbarConfig;
+  footer: FooterConfig;
+  meta: MetaConfig;
+  repository: RepositoryConfig;
+  routes: RouteConfig[];
 }
 
 // Type assertion for docu.json

package/src/dist/components/leftbar.tsx

@@ -9,7 +9,7 @@ import {
 } from "@/components/ui/sheet";
 import { Logo, NavMenu } from "@/components/navbar";
 import { Button } from "@/components/ui/button";
-import { AlignLeftIcon, PanelLeftClose, PanelLeftOpen } from "lucide-react";
+import { LayoutGrid, PanelLeftClose, PanelLeftOpen } from "lucide-react";
 import { DialogTitle, DialogDescription } from "@/components/ui/dialog";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import DocsMenu from "@/components/docs-menu";
@@ -70,7 +70,7 @@ export function SheetLeftbar() {
     <Sheet>
       <SheetTrigger asChild>
         <Button variant="ghost" size="icon" className="max-lg:flex hidden">
-          <AlignLeftIcon />
+          <LayoutGrid />
         </Button>
       </SheetTrigger>
       <SheetContent className="flex flex-col gap-4 px-0" side="left">

package/src/dist/components/markdown/ButtonMdx.tsx

@@ -1,8 +1,6 @@
 import React from "react";
 import * as Icons from "lucide-react";
 import Link from "next/link";
-
-type IconName = keyof typeof Icons;
 type ButtonProps = {
   icon?: keyof typeof Icons;
   text?: string;

package/src/dist/components/markdown/mdx-provider.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { MDXRemote, MDXRemoteProps } from 'next-mdx-remote/rsc';
+import { MDXRemote } from 'next-mdx-remote/rsc';
 import { Kbd } from './KeyboardMdx';
 
 // Define components mapping

package/src/dist/components/mob-toc.tsx

@@ -7,7 +7,7 @@ import { useRef, useMemo } from "react";
 import { usePathname } from "next/navigation";
 import { Button } from "./ui/button";
 import { motion, AnimatePresence } from "framer-motion";
-import { useScrollPosition, useActiveSection } from "@/hooks";
+import { useActiveSection } from "@/hooks";
 import { TocItem } from "@/lib/toc";
 
 interface MobTocProps {

package/src/dist/components/search.tsx

@@ -132,10 +132,10 @@ export default function Search() {
           <div className="relative flex-1 cursor-pointer max-w-[140px]">
             <div className="flex items-center">
               <div className="md:hidden p-2 -ml-2">
-                <SearchIcon className="h-5 w-5 text-stone-500 dark:text-stone-400" />
+                <SearchIcon className="h-5 w-5 text-muted-foreground" />
               </div>
               <div className="hidden md:block w-full">
-                <SearchIcon className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-stone-500 dark:text-stone-400" />
+                <SearchIcon className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                 <Input
                   className="w-full rounded-full dark:bg-background/95 bg-background border h-9 pl-10 pr-0 sm:pr-4 text-sm shadow-sm overflow-ellipsis"
                   placeholder="Search"

package/src/dist/components/sublink.tsx

@@ -32,9 +32,6 @@ export default function SubLink({
   // Full path including parent's href
   const fullHref = `${parentHref}${href}`;
 
-  // Check if current path exactly matches this link's href
-  const isExactActive = useMemo(() => path === fullHref, [path, fullHref]);
-
   // Check if any child is active (for parent items)
   const hasActiveChild = useMemo(() => {
     if (!items) return false;

package/src/dist/components/toc-observer.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { getDocsTocs } from "@/lib/markdown";
 import clsx from "clsx";
 import Link from "next/link";
 import { useState, useRef, useEffect, useCallback } from "react";
@@ -110,7 +109,6 @@ export default function TocObserver({
 
   // Calculate scroll progress for the active section
   const [scrollProgress, setScrollProgress] = useState(0);
-  const [activeSectionIndex, setActiveSectionIndex] = useState(0);
 
   useEffect(() => {
     const handleScroll = () => {
@@ -137,15 +135,6 @@ export default function TocObserver({
     return () => window.removeEventListener('scroll', handleScroll);
   }, [activeId]);
 
-  // Update active section index when activeId changes
-  useEffect(() => {
-    if (activeId) {
-      const index = data.findIndex(item => item.href.slice(1) === activeId);
-      if (index !== -1) {
-        setActiveSectionIndex(index);
-      }
-    }
-  }, [activeId, data]);
 
   return (
     <div className="relative">
@@ -155,8 +144,9 @@ export default function TocObserver({
             const id = href.slice(1);
             const isActive = activeId === id;
             const indent = level > 1 ? (level - 1) * 20 : 0;
-            const isParent = hasChildren(id, level);
-            const isLastInLevel = index === data.length - 1 || data[index + 1].level <= level;
+            // Prefix with underscore to indicate intentionally unused
+            const _isParent = hasChildren(id, level);
+            const _isLastInLevel = index === data.length - 1 || data[index + 1].level <= level;
 
             return (
               <div key={href} className="relative">

package/src/dist/components/ui/icon-cloud.tsx

@@ -24,7 +24,7 @@ function easeOutCubic(t: number): number {
 export function IconCloud({ icons, images }: IconCloudProps) {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const [iconPositions, setIconPositions] = useState<Icon[]>([]);
-  const [rotation, setRotation] = useState({ x: 0, y: 0 });
+  const [rotation] = useState({ x: 0, y: 0 });
   const [isDragging, setIsDragging] = useState(false);
   const [lastMousePos, setLastMousePos] = useState({ x: 0, y: 0 });
   const [mousePos, setMousePos] = useState({ x: 0, y: 0 });

package/src/dist/components/ui/input.tsx

@@ -2,8 +2,7 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ className, type, ...props }, ref) => {

package/src/dist/components/ui/interactive-hover-button.tsx

@@ -2,8 +2,7 @@ import React from "react";
 import { ArrowRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 
-interface InteractiveHoverButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
+type InteractiveHoverButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
 
 export const InteractiveHoverButton = React.forwardRef<
   HTMLButtonElement,

package/src/dist/contents/docs/changelog/version-1/index.mdx

@@ -8,6 +8,18 @@ date: 24-05-2025
   This changelog contains a list of all the changes made to the DocuBook template. It will be updated with each new release and will include information about new features, bug fixes, and other improvements.
 </Note>
 
+<div className="sr-only">
+### v 1.13.6
+</div>
+
+<Release version="1.13.6" date="2025-06-01" title="Improve sheet leftbar and search icon">
+  <Changes type="improved">
+    - Improve sheet leftbar and search icon
+    - color scheme for sheet leftbar
+    - color scheme for search icon
+  </Changes>
+</Release>
+
 <div className="sr-only">
 ### v 1.13.5
 </div>

package/src/dist/contents/docs/getting-started/project-structure/index.mdx

@@ -6,7 +6,7 @@ date: 29-11-2024
 
 ## app
 
-This folder contains the main application code for Next.js, managing layouts, routing, and specific content pages. It is organized to support both the `docs` and `blog` sections, with dedicated pages and layouts for each section.
+This folder contains the main application code for Next.js, managing layouts, routing, and specific content pages. It is organized to support both the `docs` sections, with dedicated pages and layouts for each section.
 
 ```
 app                         // Main Next.js application folder

package/src/dist/contents/docs/getting-started/theme-colors/coffee/index.mdx

@@ -6,8 +6,6 @@ date: 2025-05-30
 
 ## Styles
 
-DocuBook comes with a carefully designed color system that ensures consistency and accessibility across your documentation. The theme includes both light and dark modes, automatically adapting to the user's system preferences.
-
 <Note type="note" title="note">
   You can override the default styles by adding your own CSS variables in the `globals.css` and `syntax.css` files.
 </Note>

package/src/dist/contents/docs/getting-started/theme-colors/default/index.mdx

@@ -5,9 +5,6 @@ date: 2025-05-20
 ---
 
 ## Styles
-
-DocuBook comes with a carefully designed color system that ensures consistency and accessibility across your documentation. The theme includes both light and dark modes, automatically adapting to the user's system preferences.
-
 <Note type="note" title="note">
   You can override the default styles by adding your own CSS variables in the `globals.css` and `syntax.css` files.
 </Note>

package/src/dist/contents/docs/getting-started/theme-colors/freshlime/index.mdx

@@ -5,9 +5,6 @@ date: 2025-05-30
 ---
 
 ## Styles
-
-DocuBook comes with a carefully designed color system that ensures consistency and accessibility across your documentation. The theme includes both light and dark modes, automatically adapting to the user's system preferences.
-
 <Note type="note" title="note">
   You can override the default styles by adding your own CSS variables in the `globals.css` and `syntax.css` files.
 </Note>

package/src/dist/contents/docs/getting-started/theme-colors/llms/index.mdx

@@ -7,6 +7,14 @@ date: 2025-05-31
 ## Introduction
 This document explains how to create and implement custom color themes using AI with LLMS context. The context includes a consistent color palette for both light and dark modes, along with syntax highlighting colors for code.
 
+## File Structure
+<Files>
+   <Folder name="styles">
+     <File name="globals.css" />
+     <File name="syntax.css" />
+   </Folder>
+</Files>
+
 ## Generate New Theme
 
 <Stepper>
@@ -24,11 +32,14 @@ This document explains how to create and implement custom color themes using AI
 
     ```markdown
     Create a new color theme based on the provided context with the following requirements:
-    1. Different primary color `#2281E3` - changes to your brand color
+    1. Different primary color #2281E3
     2. Maintain good contrast for accessibility
     3. Include variants for both light and dark modes
     4. Keep the same structure as the provided context
     ```
+<Note type="danger" title="Colors example">
+changes the value of Hex color `#2281E3` into your brand colors.
+</Note>
   </StepperItem>
 </Stepper>
 

package/src/dist/lib/markdown.ts

@@ -8,8 +8,26 @@ import rehypeSlug from "rehype-slug";
 import rehypeCodeTitles from "rehype-code-titles";
 import { page_routes, ROUTES } from "./routes-config";
 import { visit } from "unist-util-visit";
+import type { Node } from "unist";
 import matter from "gray-matter";
 
+// Type definitions for unist-util-visit
+interface Element extends Node {
+  type: string;
+  tagName?: string;
+  properties?: Record<string, unknown> & {
+    raw?: string;
+  };
+  children?: Node[];
+  value?: string;
+  raw?: string; // For internal use in processing
+}
+
+interface TextNode extends Node {
+  type: 'text';
+  value: string;
+}
+
 // custom components imports
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import Pre from "@/components/markdown/PreMdx";
@@ -139,11 +157,11 @@ function justGetFrontmatterFromMD<Frontmatter>(rawMd: string): Frontmatter {
 }
 
 export async function getAllChilds(pathString: string) {
-  const items = pathString.split("/").filter((it) => it != "");
+  const items = pathString.split("/").filter((it) => it !== "");
   let page_routes_copy = ROUTES;
 
   let prevHref = "";
-  for (let it of items) {
+  for (const it of items) {
     const found = page_routes_copy.find((innerIt) => innerIt.href == `/${it}`);
     if (!found) break;
     prevHref += found.href;
@@ -170,20 +188,28 @@ export async function getAllChilds(pathString: string) {
 }
 
 // for copying the code in pre
-const preProcess = () => (tree: any) => {
-  visit(tree, (node) => {
-    if (node?.type === "element" && node?.tagName === "pre") {
-      const [codeEl] = node.children;
-      if (codeEl.tagName !== "code") return;
-      node.raw = codeEl.children?.[0].value;
+const preProcess = () => (tree: Node) => {
+  visit(tree, (node: Node) => {
+    const element = node as Element;
+    if (element?.type === "element" && element?.tagName === "pre" && element.children) {
+      const [codeEl] = element.children as Element[];
+      if (codeEl.tagName !== "code" || !codeEl.children?.[0]) return;
+      
+      const textNode = codeEl.children[0] as TextNode;
+      if (textNode.type === 'text' && textNode.value) {
+        element.raw = textNode.value;
+      }
     }
   });
 };
 
-const postProcess = () => (tree: any) => {
-  visit(tree, "element", (node) => {
-    if (node?.type === "element" && node?.tagName === "pre") {
-      node.properties["raw"] = node.raw;
+const postProcess = () => (tree: Node) => {
+  visit(tree, "element", (node: Node) => {
+    const element = node as Element;
+    if (element?.type === "element" && element?.tagName === "pre") {
+      if (element.properties && element.raw) {
+        element.properties.raw = element.raw;
+      }
     }
   });
 };

package/src/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docubook",
-  "version": "1.13.5",
+  "version": "1.13.9",
   "private": true,
   "scripts": {
     "dev": "next dev",