AI Code Artifact

pro

Inline AI code diff viewer with line numbers, +/- highlights, and animated Apply Diff button.

#ai#diff#code#artifact

src/hooks/use-debounce.ts+3 -1

12 export function useDebounce<T>(value: T, delay = 300) {

13- const [state, setState] = useState(value);

13+ const [debounced, setDebounced] = useState<T>(value);

14 useEffect(() => {

15+ const id = setTimeout(() => setDebounced(value), delay);

16+ return () => clearTimeout(id);

17 }, [value, delay]);

CLI Installation

pnpm dlx shadcn@latest add https://ui.ibidi.dev/r/ai-code-artifact.json