85:I[903690,["/chat-static/_next/static/immutable/chunks/1o6h6x663zy04.js","/chat-static/_next/static/immutable/chunks/2m82wc70tddty.js","/chat-static/_next/static/immutable/chunks/1lu-4z5bhhz4h.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3o_do00zpb1mt.js","/chat-static/_next/static/immutable/chunks/1p5y_zcqvqq8d.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/258a4ne6m_k4p.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/1nyef2mn0xr6l.js","/chat-static/_next/static/immutable/chunks/0zhl8lkpuievb.js","/chat-static/_next/static/immutable/chunks/300wx85v17r4x.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/0ewqarb2bfu8h.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/1xs0b0me53tqk.js","/chat-static/_next/static/immutable/chunks/1vocqkm3a_1im.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/026zgw65c3ahb.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/3srf9h7msbpj9.js","/chat-static/_next/static/immutable/chunks/109o97wf-h9dp.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/0-vsrzeceac3v.js","/chat-static/_next/static/immutable/chunks/1np-j802-sgrx.js","/chat-static/_next/static/immutable/chunks/2owpwowxho3m_.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/0b4i3dpg7a-jn.js","/chat-static/_next/static/immutable/chunks/29yrv11tyt1vu.js","/chat-static/_next/static/immutable/chunks/3sn4vx261dox0.js","/chat-static/_next/static/immutable/chunks/0nx1v2xq-1q6f.js","/chat-static/_next/static/immutable/chunks/11jpx637g96mg.js","/chat-static/_next/static/immutable/chunks/3cyqm8u9n5jqw.js","/chat-static/_next/static/immutable/chunks/2t6e3v_r3gzl3.js","/chat-static/_next/static/immutable/chunks/0egykxuezct38.js"],"ExplicitChatIdProvider"] 86:I[838238,["/chat-static/_next/static/immutable/chunks/1o6h6x663zy04.js","/chat-static/_next/static/immutable/chunks/2m82wc70tddty.js","/chat-static/_next/static/immutable/chunks/1lu-4z5bhhz4h.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3o_do00zpb1mt.js","/chat-static/_next/static/immutable/chunks/1p5y_zcqvqq8d.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/258a4ne6m_k4p.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/1nyef2mn0xr6l.js","/chat-static/_next/static/immutable/chunks/0zhl8lkpuievb.js","/chat-static/_next/static/immutable/chunks/300wx85v17r4x.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/0ewqarb2bfu8h.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/1xs0b0me53tqk.js","/chat-static/_next/static/immutable/chunks/1vocqkm3a_1im.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/026zgw65c3ahb.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/3srf9h7msbpj9.js","/chat-static/_next/static/immutable/chunks/109o97wf-h9dp.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/0-vsrzeceac3v.js","/chat-static/_next/static/immutable/chunks/1np-j802-sgrx.js","/chat-static/_next/static/immutable/chunks/2owpwowxho3m_.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/0b4i3dpg7a-jn.js","/chat-static/_next/static/immutable/chunks/29yrv11tyt1vu.js","/chat-static/_next/static/immutable/chunks/3sn4vx261dox0.js","/chat-static/_next/static/immutable/chunks/0nx1v2xq-1q6f.js","/chat-static/_next/static/immutable/chunks/11jpx637g96mg.js","/chat-static/_next/static/immutable/chunks/3cyqm8u9n5jqw.js","/chat-static/_next/static/immutable/chunks/2t6e3v_r3gzl3.js","/chat-static/_next/static/immutable/chunks/0egykxuezct38.js"],"SWRDataProvider"] 87:T1038,[V0_FILE]typescriptreact:file="app/page.tsx" isQuickEdit="true" isMerged="true" import Component from "../clone-screenshot-button" export default function Page() { return } [V0_FILE]typescriptreact:file="clone-screenshot-button.tsx" isEdit="true" isMerged="true" import { Camera } from "lucide-react" import { Button } from "@/components/ui/button" import { SpotlightBorder } from "@/components/spotlight-border" export default function Component() { return (

) } [V0_FILE]typescriptreact:file="components/core/spotlight.tsx" isEdit="true" isQuickEdit="true" "use client" import { useRef, useState, useCallback, useEffect } from "react" import { motion, useSpring, useTransform, type SpringOptions } from "motion/react" import { cn } from "@/lib/utils" export type SpotlightProps = { className?: string size?: number springOptions?: SpringOptions } export function Spotlight({ className, size = 200, springOptions = { bounce: 0 } }: SpotlightProps) { const containerRef = useRef(null) const [isHovered, setIsHovered] = useState(false) const [parentElement, setParentElement] = useState(null) const mouseX = useSpring(0, springOptions) const mouseY = useSpring(0, springOptions) const spotlightLeft = useTransform(mouseX, (x) => `${x - size / 2}px`) const spotlightTop = useTransform(mouseY, (y) => `${y - size / 2}px`) useEffect(() => { if (containerRef.current) { const parent = containerRef.current.parentElement if (parent) { parent.style.position = "relative" parent.style.overflow = "hidden" setParentElement(parent) } } }, []) const handleMouseMove = useCallback( (event: MouseEvent) => { if (!parentElement) return const { left, top } = parentElement.getBoundingClientRect() mouseX.set(event.clientX - left) mouseY.set(event.clientY - top) }, [mouseX, mouseY, parentElement], ) useEffect(() => { if (!parentElement) return const abortController = new AbortController() parentElement.addEventListener("mousemove", handleMouseMove, { signal: abortController.signal, }) parentElement.addEventListener("mouseenter", () => setIsHovered(true), { signal: abortController.signal, }) parentElement.addEventListener("mouseleave", () => setIsHovered(false), { signal: abortController.signal, }) return () => { abortController.abort() } }, [parentElement, handleMouseMove]) return ( ) } [V0_FILE]typescriptreact:file="components/spotlight-border.tsx" isEdit="true" isQuickEdit="true" import type React from "react" import { Spotlight } from "@/components/core/spotlight" export function SpotlightBorder({ children }: { children: React.ReactNode }) { return (

{children}

) }7b:["$","$L85",null,{"chatId":"agGvImW36Yv","children":["$","$L86",null,{"data":{"@\"active-block\",\"agGvImW36Yv\",":{"id":"b_eWbXIsUros0","messageId":"cCiiBfUscyYPU9x7bDUbPgaQxplNpSCa","source":"$87","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"v0-clone-button","type":"code-project","project":"v0-clone-button"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"agGvImW36Yv\",":false,"":null},"children":"$L88"}]}]

About

Tags

Share

About

Tags

Share

More from pohthedragonwarrior

More Templates Like This