@shahadpichen/docpush 1.0.4 → 1.0.6

package/dist/cli/commands/add.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../../src/cli/commands/add.ts"],"names":[],"mappings":"AAmCA;;GAEG;AACH,wBAAsB,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA6HpE"}
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../../src/cli/commands/add.ts"],"names":[],"mappings":"AAmCA;;GAEG;AACH,wBAAsB,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAyGpE"}

package/dist/cli/commands/add.js

@@ -17,11 +17,11 @@ const COMPONENTS = {
     card: { files: ['card.tsx'], dependencies: ['utils'] },
     'scroll-area': { files: ['scroll-area.tsx'], dependencies: ['utils'] },
     // Feature components
-    'docs-sidebar': { files: ['docs-sidebar.tsx'], dependencies: ['utils', 'scroll-area'] },
+    'docs-sidebar': { files: ['docs-sidebar.tsx'], dependencies: ['utils', 'button', 'scroll-area'] },
     'markdown-viewer': { files: ['markdown-viewer.tsx'], dependencies: ['utils'] },
     'markdown-editor': {
         files: ['markdown-editor.tsx'],
-        dependencies: ['utils', 'button', 'textarea'],
+        dependencies: ['utils', 'button', 'textarea', 'markdown-viewer'],
     },
     'comments-panel': {
         files: ['comments-panel.tsx'],
@@ -73,7 +73,6 @@ async function addCommand(components) {
     // Load config to get custom paths (if docs.config.js exists)
     let uiDir = './src/components/ui';
     let libDir = './src/lib';
-    let aliasPrefix = '@';
     try {
         const configPath = node_path_1.default.resolve('./docs.config.js');
         if (await fs_extra_1.default.pathExists(configPath)) {
@@ -85,59 +84,43 @@ async function addCommand(components) {
             if (config.components?.libPath) {
                 libDir = config.components.libPath;
             }
-            if (config.components?.aliasPrefix) {
-                aliasPrefix = config.components.aliasPrefix;
-            }
         }
     }
-    catch (e) {
+    catch {
         // Config doesn't exist or has errors, use defaults
     }
     console.log(chalk_1.default.gray(`📁 UI components: ${uiDir}`));
     console.log(chalk_1.default.gray(`📁 Utilities: ${libDir}\n`));
     await fs_extra_1.default.ensureDir(uiDir);
     await fs_extra_1.default.ensureDir(libDir);
-    // Find package location
+    // Find package location for templates
     const packageDir = node_path_1.default.dirname(require.resolve('@shahadpichen/docpush/package.json'));
-    const reactSrcDir = node_path_1.default.join(packageDir, 'dist', 'react');
+    const templatesDir = node_path_1.default.join(packageDir, 'templates', 'components');
     // Copy components
     for (const compName of toInstall) {
         const comp = COMPONENTS[compName];
         for (const file of comp.files) {
-            let srcPath;
             let destPath;
             if (compName === 'utils') {
                 // Utils go to src/lib
-                srcPath = node_path_1.default.join(reactSrcDir, 'lib', file.replace('.ts', '.js'));
                 destPath = node_path_1.default.join(libDir, file);
-                // Write TypeScript source instead of compiled
-                const tsContent = `import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-`;
-                await fs_extra_1.default.writeFile(destPath, tsContent);
-                console.log(chalk_1.default.green('✓'), `Created ${destPath}`);
+                const content = getUtilsTemplate();
+                await fs_extra_1.default.writeFile(destPath, content);
             }
             else {
-                // Determine source path based on component type
-                const isUiComponent = [
-                    'button',
-                    'input',
-                    'textarea',
-                    'badge',
-                    'card',
-                    'scroll-area',
-                ].includes(compName);
-                const srcSubdir = isUiComponent ? 'components/ui' : 'components';
-                // Get component template from package
-                const template = getComponentTemplate(compName);
+                // Try to read from templates directory first
+                const templatePath = node_path_1.default.join(templatesDir, file);
                 destPath = node_path_1.default.join(uiDir, file);
-                await fs_extra_1.default.writeFile(destPath, template);
-                console.log(chalk_1.default.green('✓'), `Created ${destPath}`);
+                if (await fs_extra_1.default.pathExists(templatePath)) {
+                    await fs_extra_1.default.copy(templatePath, destPath);
+                }
+                else {
+                    // Fallback to inline template
+                    const template = getComponentTemplate(compName);
+                    await fs_extra_1.default.writeFile(destPath, template);
+                }
             }
+            console.log(chalk_1.default.green('✓'), `Created ${destPath}`);
         }
     }
     console.log(chalk_1.default.blue('\n✨ Components added successfully!'));
@@ -149,18 +132,30 @@ export function cn(...inputs: ClassValue[]) {
     console.log('  npm install clsx tailwind-merge class-variance-authority');
     console.log('  npm install @radix-ui/react-scroll-area @radix-ui/react-slot');
 }
+function getUtilsTemplate() {
+    return `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`;
+}
 /**
- * Get component TypeScript template
+ * Get component TypeScript template (inline fallback)
  */
 function getComponentTemplate(name) {
+    // Basic templates - users can customize after copying
     const templates = {
-        button: `import * as React from 'react';
+        button: `'use client';
+
+import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva, type VariantProps } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
   {
     variants: {
       variant: {
@@ -178,16 +173,11 @@ const buttonVariants = cva(
         icon: 'h-10 w-10',
       },
     },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
+    defaultVariants: { variant: 'default', size: 'default' },
   }
 );
 
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
   asChild?: boolean;
 }
 
@@ -201,7 +191,9 @@ Button.displayName = 'Button';
 
 export { Button, buttonVariants };
 `,
-        input: `import * as React from 'react';
+        input: `'use client';
+
+import * as React from 'react';
 import { cn } from '@/lib/utils';
 
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
@@ -211,7 +203,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type,
     <input
       type={type}
       className={cn(
-        'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+        'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
         className
       )}
       ref={ref}
@@ -223,7 +215,9 @@ Input.displayName = 'Input';
 
 export { Input };
 `,
-        textarea: `import * as React from 'react';
+        textarea: `'use client';
+
+import * as React from 'react';
 import { cn } from '@/lib/utils';
 
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
@@ -232,7 +226,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ classNa
   return (
     <textarea
       className={cn(
-        'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+        'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
         className
       )}
       ref={ref}
@@ -244,28 +238,26 @@ Textarea.displayName = 'Textarea';
 
 export { Textarea };
 `,
-        badge: `import * as React from 'react';
+        badge: `'use client';
+
+import * as React from 'react';
 import { cva, type VariantProps } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const badgeVariants = cva(
-  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors',
   {
     variants: {
       variant: {
-        default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
-        secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+        default: 'border-transparent bg-primary text-primary-foreground',
+        secondary: 'border-transparent bg-secondary text-secondary-foreground',
+        destructive: 'border-transparent bg-destructive text-destructive-foreground',
         outline: 'text-foreground',
-        draft: 'border-transparent bg-yellow-100 text-yellow-800',
-        pending: 'border-transparent bg-blue-100 text-blue-800',
-        approved: 'border-transparent bg-green-100 text-green-800',
-        rejected: 'border-transparent bg-red-100 text-red-800',
+        warning: 'border-transparent bg-yellow-100 text-yellow-800',
+        success: 'border-transparent bg-green-100 text-green-800',
       },
     },
-    defaultVariants: {
-      variant: 'default',
-    },
+    defaultVariants: { variant: 'default' },
   }
 );
 
@@ -277,7 +269,9 @@ function Badge({ className, variant, ...props }: BadgeProps) {
 
 export { Badge, badgeVariants };
 `,
-        card: `import * as React from 'react';
+        card: `'use client';
+
+import * as React from 'react';
 import { cn } from '@/lib/utils';
 
 const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
@@ -288,9 +282,7 @@ const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElemen
 Card.displayName = 'Card';
 
 const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => (
-    <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />
-  )
+  ({ className, ...props }, ref) => <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />
 );
 CardHeader.displayName = 'CardHeader';
 
@@ -301,26 +293,12 @@ const CardTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTML
 );
 CardTitle.displayName = 'CardTitle';
 
-const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
-  ({ className, ...props }, ref) => (
-    <p ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />
-  )
-);
-CardDescription.displayName = 'CardDescription';
-
 const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
   ({ className, ...props }, ref) => <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
 );
 CardContent.displayName = 'CardContent';
 
-const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => (
-    <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />
-  )
-);
-CardFooter.displayName = 'CardFooter';
-
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
+export { Card, CardHeader, CardTitle, CardContent };
 `,
         'scroll-area': `'use client';
 
@@ -333,38 +311,237 @@ const ScrollArea = React.forwardRef<
   React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
 >(({ className, children, ...props }, ref) => (
   <ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>
-    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
-      {children}
-    </ScrollAreaPrimitive.Viewport>
-    <ScrollBar />
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">{children}</ScrollAreaPrimitive.Viewport>
+    <ScrollAreaPrimitive.ScrollAreaScrollbar
+      orientation="vertical"
+      className="flex touch-none select-none transition-colors h-full w-2.5 border-l border-l-transparent p-[1px]"
+    >
+      <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+    </ScrollAreaPrimitive.ScrollAreaScrollbar>
     <ScrollAreaPrimitive.Corner />
   </ScrollAreaPrimitive.Root>
 ));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-
-const ScrollBar = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
->(({ className, orientation = 'vertical', ...props }, ref) => (
-  <ScrollAreaPrimitive.ScrollAreaScrollbar
-    ref={ref}
-    orientation={orientation}
-    className={cn(
-      'flex touch-none select-none transition-colors',
-      orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',
-      orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',
-      className
-    )}
-    {...props}
-  >
-    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
-  </ScrollAreaPrimitive.ScrollAreaScrollbar>
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+ScrollArea.displayName = 'ScrollArea';
+
+export { ScrollArea };
+`,
+        'docs-sidebar': `'use client';
+
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { Button } from '@/components/ui/button';
+import { ScrollArea } from '@/components/ui/scroll-area';
+
+interface DocTreeItem { path: string; type: 'file' | 'dir'; }
+interface DocsSidebarProps { tree: DocTreeItem[]; activePath?: string; onSelect?: (path: string) => void; className?: string; }
+
+export function DocsSidebar({ tree, activePath, onSelect, className }: DocsSidebarProps) {
+  return (
+    <ScrollArea className={cn('h-full w-64 border-r', className)}>
+      <div className="space-y-1 py-4 px-3">
+        {tree.filter(item => item.type === 'file').map((item) => {
+          const isActive = item.path === activePath;
+          const fileName = item.path.split('/').pop()?.replace('.md', '') || item.path;
+          return (
+            <Button
+              key={item.path}
+              variant={isActive ? 'secondary' : 'ghost'}
+              size="sm"
+              className={cn('w-full justify-start', isActive && 'bg-muted font-medium')}
+              onClick={() => onSelect?.(item.path)}
+            >
+              {fileName}
+            </Button>
+          );
+        })}
+      </div>
+    </ScrollArea>
+  );
+}
+`,
+        'markdown-viewer': `'use client';
 
-export { ScrollArea, ScrollBar };
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+
+interface MarkdownViewerProps { content: string; className?: string; }
+
+export function MarkdownViewer({ content, className }: MarkdownViewerProps) {
+  const html = React.useMemo(() => {
+    return content
+      .replace(/^### (.*$)/gim, '<h3 class="text-lg font-semibold mt-6 mb-2">$1</h3>')
+      .replace(/^## (.*$)/gim, '<h2 class="text-xl font-semibold mt-8 mb-3">$1</h2>')
+      .replace(/^# (.*$)/gim, '<h1 class="text-2xl font-bold mt-10 mb-4">$1</h1>')
+      .replace(/\\*\\*(.*?)\\*\\*/gim, '<strong>$1</strong>')
+      .replace(/\\*(.*?)\\*/gim, '<em>$1</em>')
+      .replace(/^- (.*$)/gim, '<li class="ml-4">$1</li>')
+      .replace(/\\n\\n/gim, '</p><p class="my-4">')
+      .replace(/\\n/gim, '<br>');
+  }, [content]);
+
+  return <article className={cn('prose max-w-none p-6', className)} dangerouslySetInnerHTML={{ __html: '<p>' + html + '</p>' }} />;
+}
+`,
+        'markdown-editor': `'use client';
+
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { MarkdownViewer } from '@/components/ui/markdown-viewer';
+import { Button } from '@/components/ui/button';
+import { Textarea } from '@/components/ui/textarea';
+
+interface MarkdownEditorProps { initialContent?: string; onSave?: (content: string) => void; className?: string; }
+
+export function MarkdownEditor({ initialContent = '', onSave, className }: MarkdownEditorProps) {
+  const [content, setContent] = React.useState(initialContent);
+  const [showPreview, setShowPreview] = React.useState(false);
+
+  return (
+    <div className={cn('flex flex-col', className)}>
+      <div className="flex items-center gap-2 border-b p-2">
+        <Button variant={showPreview ? 'ghost' : 'secondary'} size="sm" onClick={() => setShowPreview(false)}>Edit</Button>
+        <Button variant={showPreview ? 'secondary' : 'ghost'} size="sm" onClick={() => setShowPreview(true)}>Preview</Button>
+        {onSave && <Button size="sm" className="ml-auto" onClick={() => onSave(content)}>Save</Button>}
+      </div>
+      <div className="flex-1 overflow-auto">
+        {showPreview ? <MarkdownViewer content={content} /> : (
+          <Textarea value={content} onChange={(e) => setContent(e.target.value)} className="min-h-[400px] resize-none border-0 font-mono" placeholder="Write markdown..." />
+        )}
+      </div>
+    </div>
+  );
+}
+`,
+        'comments-panel': `'use client';
+
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { ScrollArea } from '@/components/ui/scroll-area';
+import { Textarea } from '@/components/ui/textarea';
+
+interface Comment { id: string; userName: string | null; content: string; createdAt: number; }
+interface CommentsPanelProps { comments: Comment[]; onAddComment?: (content: string) => void; className?: string; }
+
+export function CommentsPanel({ comments, onAddComment, className }: CommentsPanelProps) {
+  const [newComment, setNewComment] = React.useState('');
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (newComment.trim() && onAddComment) { onAddComment(newComment); setNewComment(''); }
+  };
+
+  return (
+    <Card className={cn('flex flex-col', className)}>
+      <CardHeader className="border-b py-3"><CardTitle className="text-base">Comments ({comments.length})</CardTitle></CardHeader>
+      <ScrollArea className="flex-1">
+        <CardContent className="space-y-4 p-4">
+          {comments.length === 0 ? <p className="text-center text-muted-foreground py-8">No comments yet</p> : (
+            comments.map((c) => (
+              <div key={c.id} className="rounded-lg border p-3">
+                <div className="flex justify-between text-xs text-muted-foreground">
+                  <span className="font-medium">{c.userName || 'Anonymous'}</span>
+                  <span>{new Date(c.createdAt * 1000).toLocaleDateString()}</span>
+                </div>
+                <p className="mt-2 text-sm">{c.content}</p>
+              </div>
+            ))
+          )}
+        </CardContent>
+      </ScrollArea>
+      {onAddComment && (
+        <form onSubmit={handleSubmit} className="border-t p-4">
+          <Textarea value={newComment} onChange={(e) => setNewComment(e.target.value)} placeholder="Add a comment..." className="mb-2" />
+          <Button type="submit" size="sm" disabled={!newComment.trim()}>Send</Button>
+        </form>
+      )}
+    </Card>
+  );
+}
+`,
+        'drafts-list': `'use client';
+
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+
+interface Draft { id: string; docPath: string; title: string; status: 'pending' | 'approved' | 'rejected'; createdAt: number; }
+interface DraftsListProps { drafts: Draft[]; onSelect?: (draft: Draft) => void; onApprove?: (id: string) => void; onReject?: (id: string) => void; showActions?: boolean; className?: string; }
+
+const statusVariants = { pending: 'warning', approved: 'success', rejected: 'destructive' } as const;
+
+export function DraftsList({ drafts, onSelect, onApprove, onReject, showActions = false, className }: DraftsListProps) {
+  return (
+    <Card className={cn('', className)}>
+      <CardHeader><CardTitle>Drafts</CardTitle></CardHeader>
+      <CardContent>
+        {drafts.length === 0 ? <p className="text-center text-muted-foreground py-8">No drafts found</p> : (
+          <div className="space-y-2">
+            {drafts.map((draft) => (
+              <div key={draft.id} className={cn('flex items-center justify-between rounded-lg border p-3', onSelect && 'cursor-pointer hover:bg-muted/50')} onClick={() => onSelect?.(draft)}>
+                <div><p className="font-medium">{draft.title}</p><p className="text-xs text-muted-foreground">{draft.docPath}</p></div>
+                <div className="flex items-center gap-2">
+                  <Badge variant={statusVariants[draft.status]}>{draft.status}</Badge>
+                  {showActions && draft.status === 'pending' && (
+                    <>
+                      <Button size="icon" variant="ghost" className="h-8 w-8 text-green-600" onClick={(e) => { e.stopPropagation(); onApprove?.(draft.id); }}>✓</Button>
+                      <Button size="icon" variant="ghost" className="h-8 w-8 text-red-600" onClick={(e) => { e.stopPropagation(); onReject?.(draft.id); }}>✕</Button>
+                    </>
+                  )}
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+      </CardContent>
+    </Card>
+  );
+}
+`,
+        'search-bar': `'use client';
+
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { Input } from '@/components/ui/input';
+
+interface SearchResult { path: string; title: string; excerpt: string; }
+interface SearchBarProps { onSearch?: (query: string) => Promise<SearchResult[]>; onSelect?: (path: string) => void; placeholder?: string; className?: string; }
+
+export function SearchBar({ onSearch, onSelect, placeholder = 'Search docs...', className }: SearchBarProps) {
+  const [query, setQuery] = React.useState('');
+  const [results, setResults] = React.useState<SearchResult[]>([]);
+  const [loading, setLoading] = React.useState(false);
+
+  const handleSearch = async (value: string) => {
+    setQuery(value);
+    if (value.length < 2 || !onSearch) { setResults([]); return; }
+    setLoading(true);
+    try { const res = await onSearch(value); setResults(res); } catch { setResults([]); } finally { setLoading(false); }
+  };
+
+  return (
+    <div className={cn('relative', className)}>
+      <Input value={query} onChange={(e) => handleSearch(e.target.value)} placeholder={placeholder} />
+      {results.length > 0 && (
+        <div className="absolute top-full left-0 right-0 z-50 mt-1 rounded-md border bg-popover shadow-lg max-h-[300px] overflow-auto">
+          {results.map((r) => (
+            <button key={r.path} type="button" onClick={() => { onSelect?.(r.path); setQuery(''); setResults([]); }} className="flex w-full flex-col p-3 text-left hover:bg-muted border-b last:border-0">
+              <span className="font-medium">{r.title}</span>
+              <span className="text-xs text-muted-foreground">{r.excerpt}</span>
+            </button>
+          ))}
+        </div>
+      )}
+      {loading && <div className="absolute top-full left-0 right-0 mt-1 p-4 text-center text-sm text-muted-foreground border rounded-md bg-popover">Searching...</div>}
+    </div>
+  );
+}
 `,
     };
-    return templates[name] || `// Component template not found: ${name}`;
+    return (templates[name] ||
+        `// Component template not found: ${name}\n// Please install from: npx @shahadpichen/docpush add ${name}`);
 }
 //# sourceMappingURL=add.js.map

package/dist/cli/commands/add.js.map

@@ -1 +1 @@
-{"version":3,"file":"add.js","sourceRoot":"","sources":["../../../src/cli/commands/add.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"add.js","sourceRoot":"","sources":["../../../src/cli/commands/add.ts"],"names":[],"mappings":"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"}

package/dist/react/hooks/use-drafts.d.ts

@@ -11,11 +11,12 @@ export declare function useDrafts(status?: string): {
     drafts: Draft[];
     loading: boolean;
     error: string | null;
+    isSubmitting: boolean;
     createDraft: (data: {
         docPath: string;
         title: string;
         content?: string;
-    }) => Promise<Draft>;
+    }) => Promise<Draft | null>;
     updateDraft: (id: string, content: string, message?: string) => Promise<void>;
     approveDraft: (id: string) => Promise<void>;
     rejectDraft: (id: string, reason?: string) => Promise<void>;

package/dist/react/hooks/use-drafts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-drafts.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-drafts.ts"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;;;;wBAuBN;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;sBAStD,MAAM,WAAW,MAAM,YAAY,MAAM;uBAQxC,MAAM;sBAKP,MAAM,WAAW,MAAM;;EAkBvD"}
+{"version":3,"file":"use-drafts.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-drafts.ts"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;;;;;wBAwBN;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;sBAoBtD,MAAM,WAAW,MAAM,YAAY,MAAM;uBAQxC,MAAM;sBAKP,MAAM,WAAW,MAAM;;EAmBvD"}

package/dist/react/hooks/use-drafts.js

@@ -42,6 +42,7 @@ function useDrafts(status) {
     const [drafts, setDrafts] = React.useState([]);
     const [loading, setLoading] = React.useState(true);
     const [error, setError] = React.useState(null);
+    const [isSubmitting, setIsSubmitting] = React.useState(false);
     const fetchDrafts = React.useCallback(async () => {
         setLoading(true);
         try {
@@ -60,12 +61,23 @@ function useDrafts(status) {
         fetchDrafts();
     }, [fetchDrafts]);
     const createDraft = async (data) => {
-        const res = await fetcher('/api/drafts', {
-            method: 'POST',
-            body: JSON.stringify(data),
-        });
-        await fetchDrafts();
-        return res.draft;
+        // Prevent duplicate submissions
+        if (isSubmitting) {
+            console.warn('Draft submission already in progress');
+            return null;
+        }
+        setIsSubmitting(true);
+        try {
+            const res = await fetcher('/api/drafts', {
+                method: 'POST',
+                body: JSON.stringify(data),
+            });
+            await fetchDrafts();
+            return res.draft;
+        }
+        finally {
+            setIsSubmitting(false);
+        }
     };
     const updateDraft = async (id, content, message) => {
         await fetcher(`/api/drafts/${id}`, {
@@ -89,6 +101,7 @@ function useDrafts(status) {
         drafts,
         loading,
         error,
+        isSubmitting,
         createDraft,
         updateDraft,
         approveDraft,

package/dist/react/hooks/use-drafts.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-drafts.js","sourceRoot":"","sources":["../../../src/react/hooks/use-drafts.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-drafts.js","sourceRoot":"","sources":["../../../src/react/hooks/use-drafts.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shahadpichen/docpush",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "publishConfig": {
     "access": "public"
   },