61: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"] 62: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"] 51:["$","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"}] 52:["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@tiptap/react@2.26.1"}] 53:["$","li","@tiptap/starter-kit@2.26.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tiptap%2Fstarter-kit","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":"@tiptap/starter-kit@2.26.1"}]]}]}] 54:["$","li","@tiptap/extension-placeholder@2.26.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tiptap%2Fextension-placeholder","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":"@tiptap/extension-placeholder@2.26.1"}]]}]}] 55:["$","li","@tiptap/extension-mention@2.26.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tiptap%2Fextension-mention","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":"@tiptap/extension-mention@2.26.1"}]]}]}] 56:["$","li","@types/hast@3.0.4",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40types%2Fhast","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":"@types/hast@3.0.4"}]]}]}] 57:["$","li","unified@11.0.5",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/unified","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":"unified@11.0.5"}]]}]}] 58:["$","li","rehype-parse@9.0.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/rehype-parse","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":"rehype-parse@9.0.1"}]]}]}] 59:["$","li","rehype-remark@10.0.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/rehype-remark","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":"rehype-remark@10.0.0"}]]}]}] 5a:["$","li","rehype-stringify@10.0.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/rehype-stringify","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":"rehype-stringify@10.0.1"}]]}]}] 5b:["$","li","remark-gfm@4.0.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/remark-gfm","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":"remark-gfm@4.0.1"}]]}]}] 5c:["$","li","remark-linkify-regex@1.2.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/remark-linkify-regex","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":"remark-linkify-regex@1.2.1"}]]}]}] 5d:["$","li","tippy.js@6.3.7",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tippy.js","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":"tippy.js@6.3.7"}]]}]}] 5e:["$","li","unist-util-visit@5.0.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/unist-util-visit","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":"unist-util-visit@5.0.0"}]]}]}] 5f:["$","$L61",null,{"namespace":"@lens-blocks","registryDependencies":["avatar","button","skeleton","https://lensblocks.com/r/utils.json"]}] 63:T1563,"use client"; import { forwardRef, useEffect, useImperativeHandle } from "react"; import { BubbleMenu, EditorContent, useEditor } from "@tiptap/react"; import StarterKit from "@tiptap/starter-kit"; import Placeholder from "@tiptap/extension-placeholder"; import Link from "@tiptap/extension-link"; import { unified } from "unified"; import rehypeParse from "rehype-parse"; import rehypeRemark from "rehype-remark"; import remarkStringify from "remark-stringify"; import remarkGfm from "remark-gfm"; import { RegEx } from "@/registry/new-york/lib/regex"; // @ts-ignore import linkifyRegex from "remark-linkify-regex"; import { Mention } from "@/registry/new-york/lib/mention"; import { rehypeMentionToMarkdown } from "@/registry/new-york/lib/rehype-mention-to-markdown"; import { BoldIcon, CodeIcon, ItalicIcon, StrikethroughIcon, TextQuoteIcon } from "lucide-react"; import { Button } from "@/registry/new-york/ui/button"; import remarkParse from "remark-parse"; import rehypeStringify from "rehype-stringify"; import { PublicClient, SessionClient } from "@lens-protocol/react"; export interface TextEditorRef { getContent: () => string; setContent: (content: string) => void; clearContent: () => void; } type Props = { lensClient?: PublicClient | SessionClient | null | undefined; editable?: boolean; className?: string; placeholder?: string; }; export const LensTextEditor = forwardRef( ({ lensClient, editable = true, className, placeholder }, ref) => { const editor = useEditor({ immediatelyRender: false, extensions: [ StarterKit.configure({ hardBreak: false, heading: false, horizontalRule: false, }), Placeholder.configure({ placeholder: placeholder ?? "What's happening?", showOnlyWhenEditable: false, }), Mention.configure({ lensClient }), Link.configure({ openOnClick: false, autolink: true, }), ], }); useEffect(() => { editor?.setEditable(editable); if (!editable && editor?.getText().trim().length === 0) { editor?.view?.dom?.classList.add("opacity-20"); editor?.view?.dom?.classList.add("cursor-not-allowed"); } else { editor?.view?.dom?.classList.remove("opacity-20"); editor?.view?.dom?.classList.remove("cursor-not-allowed"); } }, [editor, editable]); // Allow underscores in username mentions const unescapeUnderscore = (str: string) => { return str.replace(/(^|[^\\])\\_/g, "$1_"); }; const getContent = () => { let html = editor?.getHTML(); if (!html) return ""; const markdown = unified() .use(rehypeParse) .use(rehypeMentionToMarkdown) .use(rehypeRemark) .use(remarkGfm) .use(linkifyRegex(RegEx.URL)) .use(remarkStringify) .processSync(html) .toString(); return unescapeUnderscore(markdown); }; const setContent = (markdown: string) => { const html = unified() .use(remarkParse) .use(remarkGfm) .use(remarkStringify) .use(rehypeRemark) .use(rehypeStringify) .processSync(markdown) .toString(); editor?.commands.setContent(html); }; useImperativeHandle(ref, () => ({ getContent, setContent, clearContent: () => editor?.commands.clearContent(), })); return ( <> {editor && (

)} ); }, ); 64:T10b7,import { FC, forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react"; import { Editor } from "@tiptap/core"; import { Account } from "@lens-protocol/react"; import { Avatar, AvatarFallback, AvatarImage } from "@/registry/new-york/ui/avatar"; import { parseUri, truncateAddress } from "@/registry/new-york/lib/lens-utils"; import { UserCircle2 } from "lucide-react"; interface IProps { editor: Editor; items: Array; command: any; } export const LensMentionsList: FC = forwardRef((props, ref) => { const [selectedIndex, setSelectedIndex] = useState(0); const scrollContainer = useRef(null); const containerPaddingTop = scrollContainer.current ? parseInt(window.getComputedStyle(scrollContainer.current).paddingTop, 10) : 0; const containerPaddingBottom = scrollContainer.current ? parseInt(window.getComputedStyle(scrollContainer.current).paddingBottom, 10) : 0; const selectItem = (index: number) => { const item = props.items[index]; if (item) { props.command({ id: item.username?.value }); } }; const upHandler = () => { let index = (selectedIndex + props.items.length - 1) % props.items.length; setSelectedIndex(index); scrollToItem(index); }; const downHandler = () => { let index = (selectedIndex + 1) % props.items.length; setSelectedIndex(index); scrollToItem(index); }; const enterHandler = () => { selectItem(selectedIndex); }; const scrollToItem = (index: number) => { const container = scrollContainer.current; const item = container?.children[index] as HTMLElement; if (item && container) { const itemOffsetTop = item.offsetTop; const itemOffsetHeight = item.offsetHeight; const containerScrollTop = container.scrollTop; const containerOffsetHeight = container.clientHeight; if (itemOffsetTop < containerScrollTop + containerPaddingTop) { container.scrollTop = itemOffsetTop - containerPaddingTop; } else if ( itemOffsetTop + itemOffsetHeight > containerScrollTop + containerOffsetHeight - containerPaddingBottom ) { container.scrollTop = itemOffsetTop + itemOffsetHeight - containerOffsetHeight + containerPaddingBottom; } } }; useEffect(() => setSelectedIndex(0), [props.items]); useImperativeHandle(ref, () => ({ onKeyDown: ({ event }: { event: KeyboardEvent }) => { if (event.key === "ArrowUp") { upHandler(); return true; } if (event.key === "ArrowDown") { downHandler(); return true; } if (event.key === "Enter") { enterHandler(); return true; } return false; }, })); if (!props.items.length) { return null; } return (

{props.items.map((item, index) => (

selectItem(index)} >

{item.metadata?.name ? item.metadata?.name : item.username ? "@" + item.username.localName : truncateAddress(item.address, 12)}

{item.metadata?.name && item.username ? (

{"@" + item.username.value.replace("lens/", "")}

) : (

{truncateAddress(item.address, 12)}

)}

))}

); }); 65:Ta85,import BuiltInMention, { MentionOptions } from "@tiptap/extension-mention"; import { ReactRenderer } from "@tiptap/react"; import { LensMentionsList } from "../components/common/editor/lens-mentions-list"; import tippy, { Instance } from "tippy.js"; import { mainnet, PublicClient, SessionClient } from "@lens-protocol/react"; import { fetchAccounts } from "@lens-protocol/client/actions"; const suggestion = (client: PublicClient | SessionClient) => ({ items: async ({ query }: { query: string }) => { if (query.length === 0) return []; const accounts = await fetchAccounts(client, { filter: { searchBy: { localNameQuery: query, }, }, }); if (accounts.isOk()) { return [...accounts.value.items]; } return []; }, render: () => { let component: ReactRenderer; let popup: Instance[]; return { onStart: (props: any) => { component = new ReactRenderer(LensMentionsList, { props, editor: props.editor, }); if (!props.clientRect) { return; } popup = tippy("body", { getReferenceClientRect: props.clientRect, appendTo: () => document.body, content: component.element, showOnCreate: true, interactive: true, trigger: "manual", placement: "bottom-start", }); }, onUpdate(props: any) { component.updateProps(props); if (!props.clientRect) { return; } popup[0].setProps({ getReferenceClientRect: props.clientRect, }); }, onKeyDown(props: any) { if (props.event.key === "Escape") { popup[0].hide(); return true; } return component.ref?.onKeyDown(props); }, onExit() { popup[0].destroy(); component.destroy(); }, }; }, }); type Options = MentionOptions & { lensClient: PublicClient | (SessionClient | null | undefined); }; const defaultClient = PublicClient.create({ environment: mainnet, }); const mentionNode = BuiltInMention.extend({ addOptions() { return { ...this.parent?.(), lensClient: defaultClient, }; }, }); export const Mention = mentionNode.configure({ HTMLAttributes: { class: "font-bold", }, renderHTML({ options, node }) { return ["span", options.HTMLAttributes, `@${node.attrs.id.replace("lens/", "")}`]; }, renderText({ node }) { return `@${node.attrs.id.replace("lens/", "")}`; }, deleteTriggerWithBackspace: true, suggestion: suggestion(mentionNode.options.lensClient ?? defaultClient), }); 60:["$","$L62",null,{"files":[{"path":"registry/new-york/components/common/editor/lens-text-editor.tsx","content":"$63","type":"registry:component"},{"path":"registry/new-york/components/common/editor/lens-mentions-list.tsx","content":"$64","type":"registry:component"},{"path":"registry/new-york/lib/mention.ts","content":"$65","type":"registry:lib"},{"path":"registry/new-york/lib/rehype-mention-to-markdown.ts","content":"import { visit } from \"unist-util-visit\";\nimport { Root } from \"hast\";\n\n/**\n * Rehype plugin to convert local name mention elements to full mentions with namespace.\n *\n * eg: @paul -> @lens/paul\n */\nexport const rehypeMentionToMarkdown = () => (tree: Root) => {\n visit(tree, \"element\", node => {\n if (\n node.tagName === \"span\" &&\n node.properties &&\n node.properties.dataType === \"mention\" &&\n node.properties.dataId\n ) {\n const dataId = String(node.properties.dataId);\n node.children = [{ type: \"text\", value: `@${dataId}` }];\n }\n });\n};\n","type":"registry:lib"}],"className":"h-[70svh] min-h-80"}]