4e: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"] 4f: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"] 50:T40ef,"use client"; import { MouseEvent, useEffect, useRef, useState } from "react"; import { Copy, Flag, MoreHorizontal, UserCircle2 } from "lucide-react"; import { Account, Post, TxHash, URI } from "@lens-protocol/react"; import moment from "moment/moment"; import { cn } from "@/lib/utils"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@/registry/new-york/ui/dropdown-menu"; import { Avatar, AvatarFallback, AvatarImage } from "@/registry/new-york/ui/avatar"; import { Dialog, DialogContent } from "@/registry/new-york/ui/dialog"; import { Button } from "@/registry/new-york/ui/button"; import { RegEx } from "@/registry/new-york/lib/regex"; import { getUsernamePath, parseUri, toApiError, truncateAddress } from "@/registry/new-york/lib/lens-utils"; import { LensMarkdown } from "@/registry/new-york/components/common/lens-markdown"; import { LensAudioPlayer } from "@/registry/new-york/components/common/lens-audio-player"; import { LensVideoPlayer } from "@/registry/new-york/components/common/lens-video-player"; import { LikeButton } from "@/registry/new-york/components/feed/likes/like-button"; import { ReferenceButton } from "@/registry/new-york/components/feed/references/reference-button"; import { CommentButton } from "@/registry/new-york/components/feed/comment/comment-button"; import { CollectButton } from "@/registry/new-york/components/feed/collects/collect-button"; import { TipButton } from "@/registry/new-york/components/feed/tips/tip-button"; import { BookmarkButton } from "@/registry/new-york/components/feed/bookmarks/bookmark-button"; import { CollectDialogRef, LensCollectDialog } from "@/registry/new-york/blocks/feed/lens-collect-dialog"; import { LensQuoteDialog, QuoteDialogRef } from "@/registry/new-york/blocks/feed/lens-quote-dialog"; import { LensTipDialog, TipDialogRef } from "@/registry/new-york/blocks/common/lens-tip-dialog"; import { LensImage } from "@/registry/new-york/components/feed/lens-image"; import { LinkPreview } from "@/registry/new-york/components/feed/link-preview"; import { useLensPostContext } from "@/registry/new-york/hooks/use-lens-post-context"; import { Skeleton } from "@/registry/new-york/ui/skeleton"; import { ResultAsync } from "neverthrow"; type LensPostProps = { /** * Callback function that is called when the user clicks on a post. */ onPostClick?: (post: Post) => void; /** * Callback function that is called when the user clicks on an account. */ onAccountClick?: (account: Account) => void; /** * Callback function that is called when the post URL is copied to clipboard. */ onPostUrlCopied?: () => void; /** * The URL pattern to use for generating post links if onPostClick is not provided. * It should include `{slug}` as a placeholder for the post slug. * If not provided, a default pattern (/posts/{slug}) will be used. * * Example: `/posts/{slug}` or `https://example.com/posts/{slug}` */ postUrlPattern?: string; /** * Callback function that is called when a repost is successful. * It receives the transaction hash as an argument. */ onRepostSuccess?: (post: Post, txHash: TxHash) => void; /** * Callback function that is called when a tip is successfully created. * It receives the transaction hash as an argument. */ onTipCreated?: (post: Post, txHash: TxHash) => void; /** * Callback function that is called when there is an error creating a tip. * It receives the error object as an argument. */ onTipError?: (post: Post, error: Error) => void; /** * Callback function that is called when a post bookmark status is successfully updated. */ onBookmarkToggle?: (post: Post, bookmarked: boolean) => void; /** * Optional additional class names to apply to the post container. */ className?: string; /** * Optional additional class names to apply to the post content. */ contentClassName?: string; /** * Whether to show action buttons (like, comment, repost, etc.). Default is true. */ showActions?: boolean; }; export const LensPost = (props: LensPostProps) => { const { onPostClick, onAccountClick, postUrlPattern = "/posts/{slug}", onRepostSuccess, onPostUrlCopied, onTipCreated, onTipError, onBookmarkToggle, className, contentClassName, showActions = true, } = props; const collectDialog = useRef(null); const quoteDialog = useRef(null); const tipDialog = useRef(null); const [lightboxUri, setLightboxUri] = useState(null); const [lightboxOpen, setLightboxOpen] = useState(false); const [urlInContent, setUrlInContent] = useState(null); const { post, loading, tip, sessionClient, optimistic } = useLensPostContext(); useEffect(() => { if (!lightboxOpen) { setLightboxUri(null); } }, [lightboxOpen]); useEffect(() => { if (!post) return; const isPost = post.__typename === "Post"; const basePost = isPost ? post : post.repostOf; let postMetadata = basePost.metadata; if (postMetadata.__typename === "UnknownPostMetadata") { return; } const checkContentForUrls = async () => { const urlRegex = new RegExp(RegEx.URL); const urls = postMetadata.content.match(urlRegex); if (!urls?.length) return; setUrlInContent(urls[0]); }; checkContentForUrls(); }, [post]); if (!post) { if (loading) { return ; } return null; } const isPost = post.__typename === "Post"; const basePost = isPost ? post : post.repostOf; const postMetadata = basePost.metadata; if (postMetadata.__typename === "UnknownPostMetadata") { return <>Unsupported post type; } const author = basePost.author; const authorName = author.metadata?.name ?? author.username?.localName ?? "[anonymous]"; const image = postMetadata.__typename === "ImageMetadata" ? postMetadata.image : null; const audio = postMetadata.__typename === "AudioMetadata" ? postMetadata.audio : null; const video = postMetadata.__typename === "VideoMetadata" ? postMetadata.video : null; const link: URI | null = postMetadata.__typename === "LinkMetadata" ? postMetadata.sharingLink : null; // function isVideoPlatformUrl(url: string): boolean { // const patterns = [ // /^(https?:\/\/)?(www\.)?(youtube\.com|youtu\.be)\/.+$/, // YouTube // /^(https?:\/\/)?(www\.)?vimeo\.com\/.+$/, // Vimeo // /^(https?:\/\/)?(www\.)?twitch\.tv\/.+$/, // Twitch // /^(https?:\/\/)?(www\.)?tiktok\.com\/.+$/, // TikTok // ]; // // return patterns.some(pattern => pattern.test(url)); // } // // const isVideoEmbed = videoUri ? isVideoPlatformUrl(videoUri) : false; const collectAction = post && "actions" in post && post.actions?.find(action => action.__typename === "SimpleCollectAction"); const onReportClick = () => {}; const onCopyClick = () => { const postUrl = postUrlPattern ? postUrlPattern.replace("{slug}", basePost.slug) : `${window.location.origin}/posts/${basePost.slug}`; navigator.clipboard .writeText(postUrl) .then(onPostUrlCopied) .catch(err => { console.error("Failed to copy post link:", err); }); }; const handleAccountClick = (event: MouseEvent) => { event.stopPropagation(); if (onAccountClick) { onAccountClick(author); } else if (author.username) { const path = getUsernamePath(author.username.value, author.username.namespace); if (event.metaKey || event.ctrlKey || event.button === 1) { window.open(path, "_blank"); } else { window.open(path, "_self"); } } }; const handlePostClick = (event: MouseEvent) => { // Allow text selection if (window.getSelection()?.toString()) { return; } event.preventDefault(); // If it's a repost, we assume the user wants to see the original post const postUrl = postUrlPattern ? postUrlPattern.replace("{slug}", basePost.slug) : `/posts/${basePost.slug}`; if (onPostClick) { onPostClick(basePost); } else if (event.metaKey || event.ctrlKey || event.button === 1) { window.open(postUrl, "_blank"); } else { window.open(postUrl, "_self"); } }; return ( <>

e.stopPropagation()} className="contents" > {moment(post.timestamp).fromNow(true)}

{showActions && (

)}

{postMetadata.content && (

)} {image && ( { event.stopPropagation(); setLightboxUri(image.item); setLightboxOpen(true); }} /> )} {audio && ( { setLightboxUri(imageUri); setLightboxOpen(true); }} /> )} {video && } {link && } {urlInContent && !image && !audio && !video && !link && } {showActions && (

undefined} /> quoteDialog.current?.open()} onRepostSuccess={onRepostSuccess} /> {collectAction && collectDialog.current?.open()} />} tipDialog.current?.open()} />

onBookmarkToggle?.(post, bookmarked)} />

)}

{collectAction && } ResultAsync.fromPromise(tip(source, amount, tokenAddress), toApiError) } onTipCreated={txHash => onTipCreated?.(basePost, txHash)} onTipError={error => onTipError?.(basePost, error)} /> ); }; const PostSkeleton = ({ className }: { className?: string }) => { return (

); }; 51:T6ea,"use client"; import { MouseEvent } from "react"; import { Heart } from "lucide-react"; import { Button } from "@/registry/new-york/ui/button"; import { useLensPostContext } from "@/registry/new-york/hooks/use-lens-post-context"; import { cn } from "@/lib/utils"; type LikeButtonProps = { className?: string; onSuccess?: () => void; onError?: (error: Error) => void; showCount?: boolean; }; export const LikeButton = ({ className, onSuccess, onError, showCount = true }: LikeButtonProps) => { const { post, loading: postLoading, toggleLike, optimistic } = useLensPostContext(); const operations = post && "operations" in post ? post.operations : null; const onClick = async (event: MouseEvent) => { event.currentTarget.blur(); event.stopPropagation(); if (post?.__typename !== "Post") return; try { await toggleLike(); onSuccess?.(); } catch (e) { if (onError) { onError(e instanceof Error ? e : new Error("An unexpected error occurred while toggling like.")); } else { console.error("An unexpected error occurred while toggling like:", e); } } }; return (

{showCount && {new Intl.NumberFormat().format(optimistic.likeCount)}}

); }; 52:T10bc,import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@/registry/new-york/ui/dropdown-menu"; import { Post, TxHash } from "@lens-protocol/react"; import { MouseEvent, useState } from "react"; import { CheckCircle, Loader, MessageCircle, Repeat2 } from "lucide-react"; import { Button } from "@/registry/new-york/ui/button"; import { useLensPostContext } from "@/registry/new-york/hooks/use-lens-post-context"; type ReferenceButtonProps = { onQuoteClick: (post: Post) => void; onRepostSuccess?: (post: Post, txHash: TxHash) => void; onError?: (error: Error) => void; showCount?: boolean; }; export const ReferenceButton = ({ onQuoteClick, onRepostSuccess, onError, showCount = true }: ReferenceButtonProps) => { const { post, repost, loading: postLoading, optimistic } = useLensPostContext(); const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false); const [isPosting, setIsPosting] = useState(false); const [showSuccess, setShowSuccess] = useState(false); const postToReference: Post | null | undefined = post?.__typename === "Repost" ? post.repostOf : post; const onClick = (event: MouseEvent) => { event.currentTarget.blur(); event.stopPropagation(); setIsDropdownMenuOpen(true); }; const onRepostClick = async (event: MouseEvent) => { event.stopPropagation(); setIsPosting(true); try { const txHash = await repost(); if (postToReference && txHash) { onRepostSuccess?.(postToReference, txHash); setShowSuccess(true); setTimeout(() => { setShowSuccess(false); }, 3000); setShowSuccess(false); } } catch (error) { if (error instanceof Error) { onError?.(error); } } finally { setIsPosting(false); } }; const handleQuoteClick = (event: MouseEvent) => { event.currentTarget.blur(); event.stopPropagation(); setIsDropdownMenuOpen(false); if (!postToReference) return; onQuoteClick(postToReference); }; if (!post) return null; return (

{showCount && ( {new Intl.NumberFormat().format(optimistic.repostAndQuoteCount)} )}

); }; 53:T640,import { Button } from "@/registry/new-york/ui/button"; import { Bookmark } from "lucide-react"; import { cn } from "@/lib/utils"; import { useLensPostContext } from "@/registry/new-york/hooks/use-lens-post-context"; import { MouseEvent } from "react"; import { Post } from "@lens-protocol/react"; type BookmarkButtonProps = { className?: string; onSuccess?: (post: Post, bookmarked: boolean) => void; onError?: (error: Error) => void; }; export const BookmarkButton = ({ className, onSuccess, onError }: BookmarkButtonProps) => { const { post, loading: postLoading, toggleBookmark, optimistic } = useLensPostContext(); const basePost: Post | null | undefined = post?.__typename === "Repost" ? post.repostOf : post; const onClick = async (event: MouseEvent) => { event.currentTarget.blur(); event.stopPropagation(); if (!basePost) return; try { const bookmarked = await toggleBookmark(); onSuccess?.(basePost, bookmarked); } catch (error) { if (error instanceof Error && onError) { onError(error); } } }; return ( ); }; export default BookmarkButton; 54:T5ba,"use client"; import { MouseEvent } from "react"; import { MessageCircle } from "lucide-react"; import { AnyPost } from "@lens-protocol/react"; import { Button } from "@/registry/new-york/ui/button"; import { useLensPostContext } from "@/registry/new-york/hooks/use-lens-post-context"; type CommentButtonProps = { onClick: (post: AnyPost) => void; showCount?: boolean; }; export const CommentButton = ({ onClick, showCount = true }: CommentButtonProps) => { const { post, loading: postLoading, optimistic } = useLensPostContext(); const operations = post && "operations" in post ? post.operations : null; const onButtonClick = (event: MouseEvent) => { event.currentTarget.blur(); event.stopPropagation(); if (!post) return; onClick(post); }; return (

{showCount && {new Intl.NumberFormat().format(optimistic.commentCount)}}

); }; 55:T92f,"use client"; import { AnyPost } from "@lens-protocol/react"; import { ShoppingBag } from "lucide-react"; import { Button } from "@/registry/new-york/ui/button"; import { useLensPostContext } from "@/registry/new-york/hooks/use-lens-post-context"; import { MouseEvent } from "react"; type CollectButtonProps = { onClick: (post: AnyPost) => void; showCount?: boolean; }; export const CollectButton = ({ onClick, showCount = true }: CollectButtonProps) => { const { post, loading: postLoading, optimistic } = useLensPostContext(); const operations = post && "operations" in post ? post.operations : null; const onButtonClick = (event: MouseEvent) => { event.currentTarget.blur(); event.stopPropagation(); if (!post) return; onClick(post); }; return (

{showCount && {new Intl.NumberFormat().format(optimistic.collectCount)}}

); }; 56:T70f,"use client"; import { AnyPost } from "@lens-protocol/react"; import { MouseEvent } from "react"; import { CircleDollarSign } from "lucide-react"; import { Button } from "@/registry/new-york/ui/button"; import { useLensPostContext } from "@/registry/new-york/hooks/use-lens-post-context"; interface Props { onClick: (post: AnyPost) => void; showCount?: boolean; } export const TipButton = ({ onClick, showCount = true }: Props) => { const { post, loading: postLoading, optimistic } = useLensPostContext(); const operations = post && "operations" in post ? post.operations : null; const handleClick = (event: MouseEvent) => { event.currentTarget.blur(); event.stopPropagation(); if (!post) return; onClick(post); }; if (!post) return null; return (

{showCount && {new Intl.NumberFormat().format(optimistic.tipCount)}}

); }; 4d:["$","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","@lens-protocol/react@0.0.0-canary-20250820102520",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40lens-protocol%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":"@lens-protocol/react@0.0.0-canary-20250820102520"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react"}]]}]}],["$","li","moment@2.30.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/moment","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":"moment@2.30.1"}]]}]}]]}],["$","$L4e",null,{"namespace":"@lens-blocks","registryDependencies":["avatar","button","dialog","dropdown-menu","skeleton","https://lensblocks.com/r/audio-player.json","https://lensblocks.com/r/collect-dialog.json","https://lensblocks.com/r/lens-markdown.json","https://lensblocks.com/r/link-preview.json","https://lensblocks.com/r/quote-dialog.json","https://lensblocks.com/r/tip-dialog.json","https://lensblocks.com/r/use-post-context.json","https://lensblocks.com/r/use-reaction-toggle.json","https://lensblocks.com/r/utils.json","https://lensblocks.com/r/video-player.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/new-york/blocks/feed/lens-post.tsx","content":"$50","type":"registry:component"},{"path":"registry/new-york/components/feed/likes/like-button.tsx","content":"$51","type":"registry:component"},{"path":"registry/new-york/components/feed/references/reference-button.tsx","content":"$52","type":"registry:component"},{"path":"registry/new-york/components/feed/bookmarks/bookmark-button.tsx","content":"$53","type":"registry:component"},{"path":"registry/new-york/components/feed/comment/comment-button.tsx","content":"$54","type":"registry:component"},{"path":"registry/new-york/components/feed/collects/collect-button.tsx","content":"$55","type":"registry:component"},{"path":"registry/new-york/components/feed/tips/tip-button.tsx","content":"$56","type":"registry:component"},{"path":"registry/new-york/components/feed/lens-image.tsx","content":"import { ComponentProps } from \"react\";\nimport { MediaImage } from \"@lens-protocol/react\";\nimport { parseUri } from \"@/registry/new-york/lib/lens-utils\";\nimport { cn } from \"@/lib/utils\";\n\ntype ButtonProps = Omit, \"src\">;\n\ntype Props = {\n image: MediaImage;\n};\n\nexport const LensImage = ({ image, ...props }: Props & ButtonProps) => {\n const imageUri = image ? parseUri(image.item) : null;\n\n if (!imageUri) {\n return null;\n }\n\n return (\n \n );\n};\n","type":"registry:component"},{"path":"registry/new-york/lib/regex.ts","content":"const regexLookbehindAvailable: boolean = ((): boolean => {\n try {\n return \"ab\".replace(/(?<=a)b/g, \"c\") === \"ac\";\n } catch {\n return false;\n }\n})();\n\nconst MATCH_BEHIND = regexLookbehindAvailable ? \"(?<=^|\\\\s)\" : \"\";\n\nconst MENTION_NAMESPACE = \"\\\\w+\\\\/\";\nconst MENTION_BODY = \"([\\\\dA-Za-z]\\\\w{2,25})\";\n\nexport const RegEx = {\n CASHTAG: /(\\$\\w*[A-Za-z]\\w*)/g,\n HASHTAG: /(#\\w*[A-Za-z]\\w*)/g,\n MENTION: new RegExp(`${MATCH_BEHIND}@${MENTION_NAMESPACE}${MENTION_BODY}`, \"g\"),\n URL: /\\b(http|https):\\/\\/([\\p{L}\\p{N}_-]+(?:(?:\\.[\\p{L}\\p{N}_-]+)+))([\\p{L}\\p{N}_.,@?^=%&:\\/~+#-]*[\\p{L}\\p{N}_@?^=%&\\/~+#-])/gu,\n};\n","type":"registry:lib"}],"className":"h-[70svh] min-h-80"}]]}]