50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T4d55,"use client"; import * as React from "react"; import { ArrowLeft01Icon, ArrowRight01Icon } from "@hugeicons/core-free-icons"; import { HugeiconsIcon } from "@hugeicons/react"; import { parse as parseDomain } from "tldts"; import { Carousel, CarouselContent, CarouselItem, type CarouselApi, } from "@/components/ui/carousel"; import { HoverCard, HoverCardContent, HoverCardTrigger, } from "@/components/ui/hover-card"; import { cn } from "@/lib/utils"; export type CitationSourceInput = { url: string; title?: React.ReactNode; description?: React.ReactNode; }; export type ResolvedCitation = { url: string; title: React.ReactNode | null; description: React.ReactNode | null; siteName: string; faviconSrc: string; }; const HTTP_PROTOCOL_RE = /^https?:$/i; const tryParseUrl = (value: string): URL | null => { try { return new URL(value); } catch { return null; } }; const parseCitationUrlOrNull = (urlStr: string): URL | null => { const trimmed = urlStr.trim(); if (!trimmed) return null; try { return parseCitationUrl(trimmed); } catch { return null; } }; export function parseCitationUrl(urlStr: string): URL { const trimmed = urlStr.trim(); const parsed = tryParseUrl(trimmed) ?? tryParseUrl(`https://${trimmed}`); if (!parsed || !HTTP_PROTOCOL_RE.test(parsed.protocol)) { throw new Error("Citation URL must use http or https"); } return parsed; } function formatSiteToken(token: string): string { const lower = token.toLowerCase(); const isAlpha = /^[a-z]+$/i.test(lower); if (!isAlpha) return token; if (lower.length <= 3) { return lower.toUpperCase(); } return lower.slice(0, 1).toUpperCase() + lower.slice(1); } function titleCaseLabel(label: string): string { if (!label) return label; return label .split("-") .filter(Boolean) .map(formatSiteToken) .join(" "); } export function rootDomainSiteName(url: URL): string { const host = url.hostname.replace(/^www\./i, "").toLowerCase(); const { domainWithoutSuffix, isIp } = parseDomain(host, { allowPrivateDomains: true, }); const label = isIp ? host : (domainWithoutSuffix ?? host.split(".")[0] ?? ""); return titleCaseLabel(label); } function hasCitationField(v: unknown): boolean { return ( v !== undefined && v !== null && !(typeof v === "string" && v.trim() === "") ); } export function resolveCitationSource( input: CitationSourceInput, ): ResolvedCitation { const parsed = parseCitationUrlOrNull(input.url); const siteName = parsed ? rootDomainSiteName(parsed) : "Source"; const faviconSrc = parsed ? `https://www.google.com/s2/favicons?domain=${encodeURIComponent(parsed.hostname)}&sz=64` : ""; return { url: parsed?.href ?? "", title: hasCitationField(input.title) ? input.title! : null, description: hasCitationField(input.description) ? input.description! : null, siteName, faviconSrc, }; } export function resolveCitationSources( inputs: CitationSourceInput[], ): ResolvedCitation[] { return inputs.map(resolveCitationSource); } type CitationRootContextValue = { citations: ResolvedCitation[]; activeIndex: number; setActiveIndex: React.Dispatch>; carouselApi: CarouselApi | null; setCarouselApi: (api: CarouselApi | undefined) => void; scrollPrev: () => void; scrollNext: () => void; canScrollPrev: boolean; canScrollNext: boolean; carouselCurrent: number; carouselCount: number; }; const CitationRootContext = React.createContext(null); const CitationItemContext = React.createContext(null); function useCitationRoot(component: string): CitationRootContextValue { const ctx = React.useContext(CitationRootContext); if (!ctx) { throw new Error(`${component} must be used within Citation`); } return ctx; } function useResolvedCitation(component: string): ResolvedCitation { const item = React.useContext(CitationItemContext); const root = useCitationRoot(component); const idx = Math.min( Math.max(0, root.activeIndex), Math.max(0, root.citations.length - 1), ); const fromRoot = root.citations[idx]; const resolved = item ?? fromRoot; if (!resolved) { throw new Error(`${component}: no citation for this scope`); } return resolved; } export type CitationProps = Omit< React.ComponentProps, "children" > & { citations: CitationSourceInput[]; children?: React.ReactNode; }; function Citation({ citations: citationInputs, children, ...hoverCardProps }: CitationProps) { const resolved = React.useMemo( () => resolveCitationSources(citationInputs), [citationInputs], ); const [activeIndex, setActiveIndex] = React.useState(0); const [carouselApi, setCarouselApi] = React.useState( null, ); const [, setCarouselVersion] = React.useState(0); const len = resolved.length; const clampedActiveIndex = len === 0 ? 0 : Math.min(Math.max(0, activeIndex), len - 1); const contextActiveIndex = carouselApi ? carouselApi.selectedScrollSnap() : clampedActiveIndex; const canScrollPrev = carouselApi?.canScrollPrev() ?? false; const canScrollNext = carouselApi?.canScrollNext() ?? false; const carouselCount = carouselApi?.scrollSnapList().length ?? 0; const carouselCurrent = carouselApi ? carouselApi.selectedScrollSnap() + 1 : 1; const onCarouselChange = React.useCallback(() => { if (!carouselApi) return; setActiveIndex(carouselApi.selectedScrollSnap()); setCarouselVersion((v) => v + 1); }, [carouselApi]); React.useEffect(() => { if (!carouselApi) return; carouselApi.on("select", onCarouselChange); carouselApi.on("reInit", onCarouselChange); return () => { carouselApi.off("select", onCarouselChange); carouselApi.off("reInit", onCarouselChange); }; }, [carouselApi, onCarouselChange]); const setCarouselApiCb = React.useCallback((api: CarouselApi | undefined) => { setCarouselApi(api ?? null); }, []); const scrollPrev = React.useCallback(() => { carouselApi?.scrollPrev(); }, [carouselApi]); const scrollNext = React.useCallback(() => { carouselApi?.scrollNext(); }, [carouselApi]); const value = React.useMemo( () => ({ citations: resolved, activeIndex: contextActiveIndex, setActiveIndex, carouselApi, setCarouselApi: setCarouselApiCb, scrollPrev, scrollNext, canScrollPrev, canScrollNext, carouselCurrent, carouselCount, }), [ resolved, contextActiveIndex, carouselApi, setCarouselApiCb, scrollPrev, scrollNext, canScrollPrev, canScrollNext, carouselCurrent, carouselCount, ], ); if (len === 0) { return null; } return ( {children} ); } export type CitationTriggerProps = Omit< React.ComponentProps, "children" > & { label?: React.ReactNode; showFavicon?: boolean; showSiteName?: boolean; }; function CitationTrigger({ className, label, showFavicon = true, showSiteName = true, ...props }: CitationTriggerProps) { const root = useCitationRoot("CitationTrigger"); const c = root.citations[0]!; const hasValidUrl = !!c.url; let text: React.ReactNode = label !== undefined && label !== null ? label : showSiteName ? c.siteName : null; let hasText = text !== null && text !== undefined && !(typeof text === "string" && text.trim() === ""); if (!showFavicon && !hasText) { text = "Source"; hasText = true; } const baseClassName = cn( "inline-flex h-5.5 max-w-full cursor-default items-center rounded-full bg-secondary opacity-100 transition-colors hover:bg-border data-[state=open]:opacity-100 align-middle", hasText && showFavicon && "gap-1 py-1 pr-1.5 pl-1", hasText && !showFavicon && "px-2 py-1", !hasText && showFavicon && "p-1", ); const multipleSources = root.citations.length > 1; const chipBody = ( <> {showFavicon ? : null} {hasText ? {text} : null} {multipleSources && ( +{root.citations.length - 1} )} ); return ( {multipleSources || !hasValidUrl ? ( {chipBody} ) : ( {chipBody} )} ); } export type CitationContentProps = React.ComponentProps< typeof HoverCardContent >; function CitationContent({ className, align = "center", sideOffset = 4, ...props }: CitationContentProps) { return ( ); } type CitationCarouselProps = React.ComponentProps; function CitationCarousel({ setApi: setApiProp, ...props }: CitationCarouselProps) { const { setCarouselApi } = useCitationRoot("CitationCarousel"); return ( { setCarouselApi(api); setApiProp?.(api); }} {...props} /> ); } type CitationCarouselHeaderProps = React.ComponentProps<"div">; function CitationCarouselHeader({ className, ...props }: CitationCarouselHeaderProps) { return (

); } function useCarouselViewportHeight( wrapRef: React.RefObject, carouselApi: CarouselApi | null, activeIndex: number, ) { React.useLayoutEffect(() => { const vp = wrapRef.current?.querySelector( "[data-slot=carousel-content]", ); if (!vp) return; const clear = () => { vp.style.height = ""; vp.style.transition = ""; }; if (!carouselApi) return clear(); vp.style.transition = "height 500ms ease-out"; const sync = () => { const h = carouselApi.slideNodes()[activeIndex]?.offsetHeight ?? 0; vp.style.height = h > 0 ? `${h}px` : ""; }; sync(); const slide = carouselApi.slideNodes()[activeIndex]; if (!slide) return clear; const ro = new ResizeObserver(sync); ro.observe(slide); return () => (ro.disconnect(), clear()); }, [wrapRef, carouselApi, activeIndex]); } type CitationCarouselContentProps = React.ComponentProps< typeof CarouselContent >; function CitationCarouselContent({ className, ...props }: CitationCarouselContentProps) { const { carouselApi, activeIndex } = useCitationRoot( "CitationCarouselContent", ); const wrapRef = React.useRef(null); useCarouselViewportHeight(wrapRef, carouselApi, activeIndex); return (

); } type CitationCarouselItemProps = React.ComponentProps & { index: number; }; function CitationCarouselItem({ index, className, children, ...props }: CitationCarouselItemProps) { const { citations } = useCitationRoot("CitationCarouselItem"); const item = citations[index]; if (!item) return null; return ( {children} ); } type CitationCarouselPaginationProps = React.ComponentProps<"div">; function CitationCarouselPagination({ className, ...props }: CitationCarouselPaginationProps) { return (

); } type CitationCarouselNavButtonProps = React.ButtonHTMLAttributes; function CitationCarouselPrev({ className, children, ...props }: CitationCarouselNavButtonProps) { const { scrollPrev, canScrollPrev } = useCitationRoot("CitationCarouselPrev"); return ( ); } function CitationCarouselNext({ className, children, ...props }: CitationCarouselNavButtonProps) { const { scrollNext, canScrollNext } = useCitationRoot("CitationCarouselNext"); return ( ); } type CitationCarouselIndexProps = React.HTMLAttributes; function CitationCarouselIndex({ className, ...props }: CitationCarouselIndexProps) { const { carouselCurrent, carouselCount } = useCitationRoot( "CitationCarouselIndex", ); return ( {carouselCurrent}/{carouselCount} ); } export type CitationSourcesBadgeProps = Omit< React.ComponentPropsWithoutRef<"div">, "children" > & { showFavicons?: boolean; label?: React.ReactNode; }; function CitationSourcesBadge({ className, showFavicons = true, label, ...props }: CitationSourcesBadgeProps) { const { citations } = useCitationRoot("CitationSourcesBadge"); const count = citations.length; const text = label ?? `${count} ${count === 1 ? "source" : "sources"}`; return (

{showFavicons ? (

{citations.slice(0, 3).map((citation, i) => ( ))}

) : null} {text}

); } export type CitationItemProps = React.ComponentPropsWithoutRef<"a"> & { showTitle?: boolean; showDescription?: boolean; showSource?: boolean; }; function CitationItem({ className, children, href, showTitle = true, showDescription = true, showSource = true, ...props }: CitationItemProps) { const c = useResolvedCitation("CitationItem"); const resolvedHref = href ?? c.url; const safeHref = resolvedHref ? parseCitationUrlOrNull(resolvedHref)?.href : ""; const hasValidUrl = !!safeHref; const defaultContent = ( <> {showTitle && c.title != null ? (

{c.title}

) : null} {showDescription && c.description != null ? (

{c.description}

) : null} {showSource ? : null} ); return ( {children ?? defaultContent} ); } type CitationSourceProps = React.HTMLAttributes; function CitationSource({ className, ...props }: CitationSourceProps) { return (

); } type CitationFaviconProps = Omit< React.HTMLAttributes, "children" > & { src?: string; }; function CitationFavicon({ className, src, ...props }: CitationFaviconProps) { const c = useResolvedCitation("CitationFavicon"); const resolvedSrc = src ?? c.faviconSrc; if (resolvedSrc === "") return null; return (

); } function CitationSiteName({ className, children, ...props }: React.HTMLAttributes) { const c = useResolvedCitation("CitationSiteName"); const content = children ?? c.siteName; if (content == null) return null; return ( {content} ); } export { Citation, CitationCarousel, CitationCarouselContent, CitationCarouselHeader, CitationCarouselIndex, CitationCarouselItem, CitationCarouselNext, CitationCarouselPagination, CitationCarouselPrev, CitationContent, CitationFavicon, CitationItem, CitationSourcesBadge, CitationSiteName, CitationSource, CitationTrigger, }; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","radix-ui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/radix-ui","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"radix-ui"}]]}]}],["$","li","@hugeicons/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/react"}]]}]}],["$","li","@hugeicons/core-free-icons",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Fcore-free-icons","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/core-free-icons"}]]}]}],["$","li","tldts",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tldts","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"tldts"}]]}]}]]}],["$","$L50",null,{"namespace":"@nexus-ui","registryDependencies":["carousel","hover-card"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/nexus-ui/citation.tsx","content":"$52","type":"registry:file","target":"~/components/nexus-ui/citation.tsx"}],"className":"h-[70svh] min-h-80"}]]}]