npm - @tryghost/activitypub - Versions diffs - 3.0.7 → 3.0.8 - Mend

@tryghost/activitypub 3.0.7 → 3.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/dist/{index-DL7eG3Ac.mjs.map → index-Dvh9q3jy.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-DL7eG3Ac.mjs","sources":["../../../node_modules/lucide-react/dist/esm/icons/repeat-2.js","../../../node_modules/lucide-react/dist/esm/icons/user-round-check.js","../src/views/notifications/components/notification-icon.tsx","../src/views/notifications/components/notification-item.tsx","../src/components/global/separator.tsx","../src/views/notifications/notifications.tsx"],"sourcesContent":["/*\n @license lucide-react v0.553.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"m2 9 3-3 3 3\", key: \"1ltn5i\" }],\n [\"path\", { d: \"M13 18H7a2 2 0 0 1-2-2V6\", key: \"1r6tfw\" }],\n [\"path\", { d: \"m22 15-3 3-3-3\", key: \"4rnwn2\" }],\n [\"path\", { d: \"M11 6h6a2 2 0 0 1 2 2v10\", key: \"2f72bc\" }]\n];\nconst Repeat2 = createLucideIcon(\"repeat-2\", __iconNode);\n\nexport { __iconNode, Repeat2 as default };\n//# sourceMappingURL=repeat-2.js.map\n","/\n @license lucide-react v0.553.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M2 21a8 8 0 0 1 13.292-6\", key: \"bjp14o\" }],\n [\"circle\", { cx: \"10\", cy: \"8\", r: \"5\", key: \"o932ke\" }],\n [\"path\", { d: \"m16 19 2 2 4-4\", key: \"1b14m6\" }]\n];\nconst UserRoundCheck = createLucideIcon(\"user-round-check\", __iconNode);\n\nexport { __iconNode, UserRoundCheck as default };\n//# sourceMappingURL=user-round-check.js.map\n","import React from 'react';\nimport {LucideIcon} from '@tryghost/shade';\n\nexport type NotificationType = 'like' \| 'follow' \| 'reply' \| 'repost' \| 'mention';\nexport type NotificationIconSize = 'sm' \| 'lg';\n\ninterface NotificationIconProps {\n notificationType: NotificationType;\n size?: NotificationIconSize;\n className?: string;\n}\n\nconst NotificationIcon: React.FC<NotificationIconProps> = ({notificationType, size = 'lg', className}) => {\n let icon;\n let badgeColor = '';\n const iconColor = 'white';\n const iconSize = size === 'sm' ? 13 : 20;\n const strokeWidth = size === 'sm' ? 2 : 1.5;\n\n switch (notificationType) {\n case 'follow':\n icon = <LucideIcon.UserRoundCheck className={`-mr-0.5 -mt-0.5 ${size === 'sm' && 'size-[11px]'}`} color={iconColor} size={iconSize} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-blue-600';\n break;\n case 'like':\n icon = <LucideIcon.Heart className={`${size === 'sm' ? 'size-[11px]' : 'mt-px size-5'}`} color={iconColor} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-pink-600';\n break;\n case 'reply':\n icon = <LucideIcon.Reply className='mb-px mr-px' color={iconColor} size={iconSize} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-purple-600';\n break;\n case 'repost':\n icon = <LucideIcon.Repeat2 color={iconColor} size={iconSize} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-green-500';\n break;\n case 'mention':\n icon = <LucideIcon.AtSign className={`${size === 'sm' ? 'size-[12px]' : 'size-5'}`} color={iconColor} size={iconSize} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-orange-500';\n break;\n }\n\n return (\n <div className={`flex ${size === 'sm' ? 'size-5' : 'size-9'} items-center justify-center rounded-full ${badgeColor} ${className && className}`}>\n {icon}\n </div>\n );\n};\n\nexport default NotificationIcon;\n","import NotificationIcon, {NotificationIconSize, NotificationType} from './notification-icon';\nimport React from 'react';\n\n// Context to share common props between compound components\ninterface NotificationContextType {\n onClick?: () => void;\n url?: string;\n}\n\nconst NotificationContext = React.createContext<NotificationContextType \| undefined>(undefined);\n\n// Root component\ninterface NotificationItemProps {\n isGrouped?: boolean;\n centerAlign?: boolean;\n children: React.ReactNode;\n onClick?: () => void;\n url?: string;\n className?: string;\n}\n\nconst NotificationItem = ({isGrouped, centerAlign, children, onClick, url, className}: NotificationItemProps) => {\n return (\n <NotificationContext.Provider value={{onClick, url}}>\n <div className={`group relative -mx-4 -my-px ${isGrouped ? 'grid' : 'flex'} ${centerAlign ? 'items-center' : 'items-start'} cursor-pointer grid-cols-[auto_1fr] gap-x-4 gap-y-2.5 rounded-lg px-4 py-5 text-left break-anywhere hover:bg-gray-75 ${className}`}\n role='button'\n onClick={onClick}\n >\n {children}\n </div>\n </NotificationContext.Provider>\n );\n};\n\n// Sub-components\nconst Icon = ({size = 'lg', type}: {size?: NotificationIconSize; type: NotificationType}) => {\n return (\n <div className='col-start-1 row-start-1'>\n <NotificationIcon notificationType={type} size={size} />\n </div>\n );\n};\n\nconst Avatars = ({children}: {children: React.ReactNode}) => {\n return (\n <div className='col-start-2 row-start-1 flex gap-2'>\n {children}\n </div>\n );\n};\n\nconst Content = ({children}: {children: React.ReactNode}) => {\n return (\n <div className='col-start-2 row-start-2 -mt-0.5 grow overflow-hidden'>\n {children}\n </div>\n );\n};\n\n// Attach sub-components to the main component\nNotificationItem.Icon = Icon;\nNotificationItem.Avatars = Avatars;\nNotificationItem.Content = Content;\n\nexport default NotificationItem;\n","import React from 'react';\n\nconst Separator: React.FC = () => {\n return <div className='h-px w-full bg-gray-150 dark:bg-gray-950' />;\n};\n\nexport default Separator;","import React, {useEffect, useRef} from 'react';\nimport {ActorProperties} from '@tryghost/admin-x-framework/api/activitypub';\nimport {Button, LoadingIndicator, LucideIcon, Skeleton} from '@tryghost/shade';\n\nimport APAvatar from '@components/global/ap-avatar';\nimport AppError from '@components/layout/error';\nimport FeedItemStats from '@components/feed/feed-item-stats';\nimport FollowButton from '@components/global/follow-button';\nimport Layout from '@components/layout';\nimport NotificationIcon from './components/notification-icon';\nimport NotificationItem from './components/notification-item';\nimport ProfilePreviewHoverCard from '@components/global/profile-preview-hover-card';\nimport Separator from '@components/global/separator';\nimport {EmptyViewIcon, EmptyViewIndicator} from '@src/components/global/empty-view-indicator';\nimport {Notification, isApiError} from '@src/api/activitypub';\nimport {handleProfileClick} from '@utils/handle-profile-click';\nimport {renderFeedAttachment} from '@components/feed/feed-item';\nimport {renderTimestamp} from '@src/utils/render-timestamp';\nimport {stripHtml} from '@src/utils/content-formatters';\nimport {useNavigateWithBasePath} from '@src/hooks/use-navigate-with-base-path';\nimport {useNotificationsForUser} from '@hooks/use-activity-pub-queries';\n\ninterface NotificationGroup {\n id: string;\n type: Notification['type'];\n actors: Notification['actor'][];\n post: Notification['post'];\n inReplyTo: Notification['inReplyTo'];\n createdAt: string;\n}\n\ninterface NotificationGroupDescriptionProps {\n group: NotificationGroup;\n}\n\n/\n Calculate a time bucket for grouping notifications\n * Groups notifications into time windows\n /\nfunction getTimeBucket(timestamp: string): string {\n const TIME_WINDOW_MS = 24 60 * 60 * 1000; // 24 hours\n const date = new Date(timestamp);\n const timeMs = date.getTime();\n const bucketStart = Math.floor(timeMs / TIME_WINDOW_MS) * TIME_WINDOW_MS;\n return bucketStart.toString();\n}\n\nfunction groupNotifications(notifications: Notification[]): NotificationGroup[] {\n const groups: {\n [key: string]: NotificationGroup\n } = {};\n\n let lastType: string \| null = null;\n let sequenceCounter = 0;\n\n notifications.forEach((notification) => {\n // Increment sequence counter when we encounter a different type\n // This preserves chronological order by preventing grouping across type boundaries\n if (notification.type !== lastType) {\n sequenceCounter += 1;\n lastType = notification.type;\n }\n\n let groupKey = '';\n const timeBucket = `_${getTimeBucket(notification.createdAt)}`;\n const sequence = `_seq${sequenceCounter}`;\n\n switch (notification.type) {\n case 'like':\n if (notification.post?.id) {\n groupKey = `like_${notification.post.id}${timeBucket}${sequence}`;\n }\n break;\n case 'reply':\n // Don't group replies\n groupKey = `reply_${notification.id}`;\n break;\n case 'repost':\n if (notification.post?.id) {\n groupKey = `repost_${notification.post.id}${timeBucket}${sequence}`;\n }\n break;\n case 'follow':\n groupKey = `follow_${timeBucket}${sequence}`;\n break;\n case 'mention':\n // Don't group mentions\n groupKey = `mention_${notification.id}`;\n break;\n }\n\n if (!groups[groupKey]) {\n groups[groupKey] = {\n id: notification.id,\n type: notification.type,\n actors: [],\n post: notification.post,\n inReplyTo: notification.inReplyTo,\n createdAt: notification.createdAt\n };\n }\n\n // Add actor if not already in the group\n if (!groups[groupKey].actors.find(a => a.id === notification.actor.id)) {\n groups[groupKey].actors.push(notification.actor);\n }\n });\n\n return Object.values(groups);\n};\n\nconst NotificationGroupDescription: React.FC<NotificationGroupDescriptionProps> = ({group}) => {\n const [firstActor, ...otherActors] = group.actors;\n const hasOthers = otherActors.length > 0;\n\n const actorClass = 'cursor-pointer font-semibold hover:underline text-black dark:text-white';\n\n const navigate = useNavigateWithBasePath();\n\n const actorText = (\n <>\n <ProfilePreviewHoverCard actor={firstActor as unknown as ActorProperties} align=\"center\" isCurrentUser={false}>\n <span\n className={actorClass}\n onClick={(e) => {\n e?.stopPropagation();\n handleProfileClick(firstActor.handle, navigate);\n }}\n >\n {firstActor.name}\n </span>\n </ProfilePreviewHoverCard>\n {hasOthers && ` and ${otherActors.length} ${otherActors.length > 1 ? 'others' : 'other'}`}\n </>\n );\n\n switch (group.type) {\n case 'follow':\n return <>{actorText} followed you</>;\n case 'like':\n return <>{actorText} liked your {group.post?.type === 'article' ? 'post' : 'note'}</>;\n case 'repost':\n return <>{actorText} reposted your {group.post?.type === 'article' ? 'post' : 'note'}</>;\n case 'reply':\n if (group.inReplyTo && typeof group.inReplyTo !== 'string') {\n return actorText;\n }\n break;\n case 'mention':\n return actorText;\n }\n\n return <></>;\n};\n\nconst ProfileLinkedContent: React.FC<{\n content: string;\n className?: string;\n stripTags?: string[];\n}> = ({content, className, stripTags = []}) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const navigate = useNavigateWithBasePath();\n\n useEffect(() => {\n const element = contentRef.current;\n if (!element) {\n return;\n }\n\n const handleProfileLinkClick = (e: Event) => {\n const target = (e as MouseEvent).target as HTMLElement;\n const link = target.closest('a[data-profile]');\n\n if (link) {\n const handle = link.getAttribute('data-profile')?.trim();\n const isValidHandle = /^@([\\w.-]+)@([\\w-]+\\.[\\w.-]+[a-zA-Z])$/.test(handle \|\| '');\n\n if (isValidHandle && handle) {\n e.preventDefault();\n e.stopPropagation();\n handleProfileClick(handle, navigate);\n }\n }\n };\n\n element.addEventListener('click', handleProfileLinkClick);\n return () => {\n element.removeEventListener('click', handleProfileLinkClick);\n };\n }, [navigate, content]);\n\n return (\n <div\n dangerouslySetInnerHTML={{__html: stripHtml(content \|\| '', stripTags)}}\n ref={contentRef}\n className={className}\n />\n );\n};\n\nconst Notifications: React.FC = () => {\n const [openStates, setOpenStates] = React.useState<{[key: string]: boolean}>({});\n const navigate = useNavigateWithBasePath();\n\n const toggleOpen = (groupId: string) => {\n setOpenStates(prev => ({\n ...prev,\n [groupId]: !prev[groupId]\n }));\n };\n\n const handleLikeClick = () => {\n // Do API req or smth\n // Don't need to know about setting timeouts or anything like that\n };\n\n const maxAvatars = 5;\n\n const {data, error, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading} = useNotificationsForUser('index');\n\n const notificationGroups = (\n data?.pages.flatMap((page) => {\n return groupNotifications(page.notifications);\n })\n // If no notifications, return 10 empty groups for the loading state\n ?? Array(10).fill({actors: [{}]}));\n\n const observerRef = useRef<IntersectionObserver \| null>(null);\n const loadMoreRef = useRef<HTMLDivElement \| null>(null);\n\n useEffect(() => {\n if (observerRef.current) {\n observerRef.current.disconnect();\n }\n\n observerRef.current = new IntersectionObserver((entries) => {\n if (entries[0].isIntersecting && hasNextPage && !isFetchingNextPage) {\n fetchNextPage();\n }\n });\n\n if (loadMoreRef.current) {\n observerRef.current.observe(loadMoreRef.current);\n }\n\n return () => {\n if (observerRef.current) {\n observerRef.current.disconnect();\n }\n };\n }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n const handleNotificationClick = (group: NotificationGroup, index: number) => {\n switch (group.type) {\n case 'like':\n if (group.post) {\n navigate(`/${group.post.type === 'article' ? 'reader' : 'notes'}/${encodeURIComponent(group.post.id)}`);\n }\n break;\n case 'reply':\n if (group.post && group.inReplyTo) {\n navigate(`/notes/${encodeURIComponent(group.post.id)}`);\n }\n break;\n case 'repost':\n if (group.post) {\n navigate(`/${group.post.type === 'article' ? 'reader' : 'notes'}/${encodeURIComponent(group.post.id)}`);\n }\n break;\n case 'follow':\n if (group.actors.length > 1) {\n toggleOpen(group.id \|\| `${group.type}_${index}`);\n } else {\n handleProfileClick(group.actors[0].handle, navigate);\n }\n break;\n case 'mention':\n if (group.post) {\n navigate(`/notes/${encodeURIComponent(group.post.id)}`);\n }\n break;\n }\n };\n\n if (error && isApiError(error)) {\n return <AppError errorCode={error.code} statusCode={error.statusCode}/>;\n }\n\n return (\n <Layout>\n <div className='z-0 flex w-full flex-col items-center'>\n {\n isLoading === false && notificationGroups.length === 0 && (\n <EmptyViewIndicator>\n <EmptyViewIcon><LucideIcon.Bell /></EmptyViewIcon>\n Quiet for now, but not for long! When someone likes, boosts, or replies to you, you'll find it here.\n </EmptyViewIndicator>\n )\n }\n {\n (notificationGroups.length > 0) && (\n <>\n <div className='my-8 flex w-full max-w-[620px] flex-col max-md:mt-5'>\n {notificationGroups.map((group, index) => (\n <React.Fragment key={group.id \|\| `${group.type}_${index}`}>\n <NotificationItem\n centerAlign={group.actors.length < 2 && group.type === 'follow'}\n className='hover:bg-gray-75 dark:hover:bg-gray-950'\n isGrouped={group.actors.length > 1}\n onClick={() => handleNotificationClick(group, index)}\n >\n {isLoading ?\n <Skeleton className='rounded-full' containerClassName='flex h-10 w-10' /> :\n (group.actors.length > 1 ?\n <NotificationItem.Icon type={group.type} /> :\n <div className='relative'>\n <APAvatar\n key={group.actors[0].id}\n author={{\n icon: {\n url: group.actors[0].avatarUrl \|\| ''\n },\n name: group.actors[0].name,\n handle: group.actors[0].handle\n }}\n size='notification'\n />\n <NotificationIcon className='absolute -bottom-1 -right-1 z-10 border-2 border-white dark:border-black' notificationType={group.type} size='sm' />\n </div>\n )\n }\n {group.actors.length > 1 && <NotificationItem.Avatars>\n <div className='flex w-full flex-col'>\n <div className='relative flex items-center pl-2'>\n {!openStates[group.id \|\| `${group.type}_${index}`] && group.actors.slice(0, maxAvatars).map((actor: ActorProperties) => (\n <APAvatar\n key={actor.id}\n author={{\n icon: {\n url: actor.avatarUrl \|\| ''\n },\n name: actor.name,\n handle: actor.handle\n }}\n className='-ml-2 !bg-[#F3F3F3] outline outline-2 outline-white group-hover:!bg-[#EDEEF0] group-hover:outline-gray-75 dark:outline-black group-hover:dark:outline-gray-950'\n size='notification'\n />\n ))}\n {group.actors.length > maxAvatars && (!openStates[group.id \|\| `${group.type}_${index}`]) && (\n <div className='absolute right-[28px] z-10 flex size-9 items-center justify-center rounded-full bg-black/50 text-base font-semibold tracking-tightest text-white'>\n {`+${group.actors.length - maxAvatars}`}\n </div>\n )}\n\n {group.actors.length > 1 && (\n <Button className={`group flex items-center gap-0.5 text-gray-700 hover:bg-transparent hover:text-black dark:text-gray-600 dark:hover:text-white ${openStates[group.id \|\| `${group.type}_${index}`] ? 'ml-[-20px]' : 'ml-0 w-[28px]'}`} variant='ghost' onClick={(event?: React.MouseEvent<HTMLElement>) => {\n event?.stopPropagation();\n toggleOpen(group.id \|\| `${group.type}_${index}`);\n }}>\n <LucideIcon.ChevronDown className={`${openStates[group.id \|\| `${group.type}_${index}`] ? 'rotate-180' : ''}`} size={20} strokeWidth={1.5} />\n {openStates[group.id \|\| `${group.type}_${index}`] ? 'Hide' : <span className='sr-only'>Show all</span>}\n </Button>\n )}\n </div>\n <div className={`overflow-hidden transition-all duration-300 ease-in-out ${openStates[group.id \|\| `${group.type}_${index}`] ? 'mb-2 max-h-[1384px] opacity-100' : 'max-h-0 opacity-0'}`}>\n {openStates[group.id \|\| `${group.type}_${index}`] && group.actors.length > 1 && (\n <div className='flex flex-col gap-2 pt-2'>\n {group.actors.map((actor: ActorProperties) => (\n <div\n key={actor.id}\n className='group/item flex items-center justify-between gap-4 break-anywhere'\n onClick={(e) => {\n e?.stopPropagation();\n handleProfileClick(actor.handle, navigate);\n }}\n >\n <div className='flex min-w-0 items-center'>\n <APAvatar author={{\n icon: {\n url: actor.avatarUrl \|\| ''\n },\n name: actor.name,\n handle: actor.handle\n }} size='xs' />\n <span className='ml-2 line-clamp-1 text-base font-semibold group-hover/item:underline dark:text-white'>{actor.name}</span>\n <span className='ml-1 line-clamp-1 text-base text-gray-700 dark:text-gray-600'>{actor.handle}</span>\n </div>\n {group.type === 'follow' && !actor.followedByMe && (\n <FollowButton\n following={false}\n handle={actor.handle}\n variant=\"link\"\n />\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n </NotificationItem.Avatars>}\n <NotificationItem.Content>\n <div>\n {isLoading ?\n <>\n <Skeleton />\n <Skeleton className='w-full max-w-60' />\n </> :\n <div className='flex justify-between'>\n <div className='flex items-center gap-1'>\n <span className='truncate'><NotificationGroupDescription group={group} /></span>\n {group.actors.length < 2 &&\n <>\n <span className='mt-px text-[8px] text-gray-700 dark:text-gray-600'>•</span>\n <span className='mt-0.5 text-sm text-gray-700 dark:text-gray-600'>{renderTimestamp(group, false)}</span>\n </>\n }\n </div>\n {/* Follow button for singular follow, reply, and mention /}\n {group.actors.length === 1 && (group.type === 'follow' \|\| group.type === 'reply' \|\| group.type === 'mention') && !group.actors[0].followedByMe && (\n <FollowButton\n following={false}\n handle={group.actors[0].handle}\n variant=\"link\"\n />\n )}\n </div>\n }\n </div>\n {(\n ((group.type === 'reply' && group.inReplyTo) \|\| group.type === 'mention') \|\|\n (group.type === 'like' && !group.post?.name && group.post?.content) \|\|\n (group.type === 'repost' && !group.post?.name && group.post?.content)\n ) && (\n (group.type !== 'reply' && group.type !== 'mention' ?\n <div className='ap-note-content mt-0.5 line-clamp-1 text-pretty text-sm text-gray-700 dark:text-gray-600'>\n {group.post?.type === 'article' && group.post?.title && <>{group.post.title} — </>}\n <span dangerouslySetInnerHTML={{__html: stripHtml(group.post?.content \|\| '')}} />\n </div> :\n <>\n <div className='mt-2.5 rounded-md bg-gray-100 px-5 py-[14px] group-hover:bg-gray-200 dark:bg-gray-925/30 group-hover:dark:bg-black/40'>\n <ProfileLinkedContent\n className='ap-note-content text-pretty'\n content={group.post?.content \|\| ''}\n stripTags={['a']}\n />\n {group.post && group.post.attachments && group.post.attachments.length > 0 && (\n <div className='notification-attachments mb-1 [&_.attachment-gallery]:flex [&_.attachment-gallery]:flex-wrap [&_img]:aspect-square [&_img]:max-w-[calc(20%-6.4px)]'>\n {renderFeedAttachment(\n {...group.post, type: 'Note', attachment: group.post.attachments}\n )}\n </div>\n )}\n </div>\n </>\n )\n )}\n {((group.type === 'reply' && group.post) \|\| group.type === 'mention') && (\n <div className=\"mt-1.5\">\n <FeedItemStats\n actor={{\n ...group.actors[0],\n icon: {\n url: group.actors[0].avatarUrl \|\| ''\n },\n id: group.actors[0].url,\n preferredUsername: group.actors[0].handle?.replace(/^@([^@]+)@.$/, '$1') \|\| 'unknown'\n }}\n buttonClassName='hover:bg-gray-200'\n commentCount={group.post.replyCount \|\| 0}\n layout=\"notification\"\n likeCount={group.post.likeCount \|\| 0}\n object={{\n ...group.post,\n liked: group.post.likedByMe,\n reposted: group.post.repostedByMe\n }}\n repostCount={group.post.repostCount \|\| 0}\n onLikeClick={handleLikeClick}\n />\n </div>\n )}\n </NotificationItem.Content>\n </NotificationItem>\n {index < notificationGroups.length - 1 &&\n <div className='pl-[52px]'><Separator /></div>\n }\n </React.Fragment>\n ))}\n </div>\n <div ref={loadMoreRef} className='h-1'></div>\n {isFetchingNextPage && (\n <div className='-mt-4 mb-8 flex flex-col items-center justify-center space-y-4 text-center'>\n <LoadingIndicator size='md' />\n </div>\n )}\n </>\n )\n }\n </div>\n </Layout>\n );\n};\n\nexport default Notifications;\n"],"names":["__iconNode","Repeat2","createLucideIcon","UserRoundCheck","NotificationIcon","notificationType","size","className","icon","badgeColor","iconColor","iconSize","strokeWidth","jsx","LucideIcon.UserRoundCheck","LucideIcon.Heart","LucideIcon.Reply","LucideIcon.Repeat2","LucideIcon.AtSign","NotificationContext","React","NotificationItem","isGrouped","centerAlign","children","onClick","url","Icon","type","Avatars","Content","Separator","getTimeBucket","timestamp","timeMs","groupNotifications","notifications","groups","lastType","sequenceCounter","notification","groupKey","timeBucket","sequence","_a","_b","a","NotificationGroupDescription","group","firstActor","otherActors","hasOthers","actorClass","navigate","useNavigateWithBasePath","actorText","jsxs","Fragment","ProfilePreviewHoverCard","e","handleProfileClick","ProfileLinkedContent","content","stripTags","contentRef","useRef","useEffect","element","handleProfileLinkClick","link","handle","stripHtml","Notifications","openStates","setOpenStates","toggleOpen","groupId","prev","handleLikeClick","maxAvatars","data","error","fetchNextPage","hasNextPage","isFetchingNextPage","isLoading","useNotificationsForUser","notificationGroups","page","observerRef","loadMoreRef","entries","handleNotificationClick","index","isApiError","AppError","Layout","EmptyViewIndicator","EmptyViewIcon","LucideIcon.Bell","Skeleton","APAvatar","actor","Button","event","LucideIcon.ChevronDown","FollowButton","renderTimestamp","_c","_d","_e","_f","_g","_h","renderFeedAttachment","FeedItemStats","_i","LoadingIndicator"],"mappings":"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","x_google_ignoreList":[0,1]}
1	+ {"version":3,"file":"index-Dvh9q3jy.mjs","sources":["../../../node_modules/lucide-react/dist/esm/icons/repeat-2.js","../../../node_modules/lucide-react/dist/esm/icons/user-round-check.js","../src/views/notifications/components/notification-icon.tsx","../src/views/notifications/components/notification-item.tsx","../src/components/global/separator.tsx","../src/views/notifications/notifications.tsx"],"sourcesContent":["/*\n @license lucide-react v0.553.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"m2 9 3-3 3 3\", key: \"1ltn5i\" }],\n [\"path\", { d: \"M13 18H7a2 2 0 0 1-2-2V6\", key: \"1r6tfw\" }],\n [\"path\", { d: \"m22 15-3 3-3-3\", key: \"4rnwn2\" }],\n [\"path\", { d: \"M11 6h6a2 2 0 0 1 2 2v10\", key: \"2f72bc\" }]\n];\nconst Repeat2 = createLucideIcon(\"repeat-2\", __iconNode);\n\nexport { __iconNode, Repeat2 as default };\n//# sourceMappingURL=repeat-2.js.map\n","/\n @license lucide-react v0.553.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M2 21a8 8 0 0 1 13.292-6\", key: \"bjp14o\" }],\n [\"circle\", { cx: \"10\", cy: \"8\", r: \"5\", key: \"o932ke\" }],\n [\"path\", { d: \"m16 19 2 2 4-4\", key: \"1b14m6\" }]\n];\nconst UserRoundCheck = createLucideIcon(\"user-round-check\", __iconNode);\n\nexport { __iconNode, UserRoundCheck as default };\n//# sourceMappingURL=user-round-check.js.map\n","import React from 'react';\nimport {LucideIcon} from '@tryghost/shade';\n\nexport type NotificationType = 'like' \| 'follow' \| 'reply' \| 'repost' \| 'mention';\nexport type NotificationIconSize = 'sm' \| 'lg';\n\ninterface NotificationIconProps {\n notificationType: NotificationType;\n size?: NotificationIconSize;\n className?: string;\n}\n\nconst NotificationIcon: React.FC<NotificationIconProps> = ({notificationType, size = 'lg', className}) => {\n let icon;\n let badgeColor = '';\n const iconColor = 'white';\n const iconSize = size === 'sm' ? 13 : 20;\n const strokeWidth = size === 'sm' ? 2 : 1.5;\n\n switch (notificationType) {\n case 'follow':\n icon = <LucideIcon.UserRoundCheck className={`-mr-0.5 -mt-0.5 ${size === 'sm' && 'size-[11px]'}`} color={iconColor} size={iconSize} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-blue-600';\n break;\n case 'like':\n icon = <LucideIcon.Heart className={`${size === 'sm' ? 'size-[11px]' : 'mt-px size-5'}`} color={iconColor} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-pink-600';\n break;\n case 'reply':\n icon = <LucideIcon.Reply className='mb-px mr-px' color={iconColor} size={iconSize} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-purple-600';\n break;\n case 'repost':\n icon = <LucideIcon.Repeat2 color={iconColor} size={iconSize} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-green-500';\n break;\n case 'mention':\n icon = <LucideIcon.AtSign className={`${size === 'sm' ? 'size-[12px]' : 'size-5'}`} color={iconColor} size={iconSize} strokeWidth={strokeWidth} />;\n badgeColor = 'bg-orange-500';\n break;\n }\n\n return (\n <div className={`flex ${size === 'sm' ? 'size-5' : 'size-9'} items-center justify-center rounded-full ${badgeColor} ${className && className}`}>\n {icon}\n </div>\n );\n};\n\nexport default NotificationIcon;\n","import NotificationIcon, {NotificationIconSize, NotificationType} from './notification-icon';\nimport React from 'react';\n\n// Context to share common props between compound components\ninterface NotificationContextType {\n onClick?: () => void;\n url?: string;\n}\n\nconst NotificationContext = React.createContext<NotificationContextType \| undefined>(undefined);\n\n// Root component\ninterface NotificationItemProps {\n isGrouped?: boolean;\n centerAlign?: boolean;\n children: React.ReactNode;\n onClick?: () => void;\n url?: string;\n className?: string;\n}\n\nconst NotificationItem = ({isGrouped, centerAlign, children, onClick, url, className}: NotificationItemProps) => {\n return (\n <NotificationContext.Provider value={{onClick, url}}>\n <div className={`group relative -mx-4 -my-px ${isGrouped ? 'grid' : 'flex'} ${centerAlign ? 'items-center' : 'items-start'} cursor-pointer grid-cols-[auto_1fr] gap-x-4 gap-y-2.5 rounded-lg px-4 py-5 text-left break-anywhere hover:bg-gray-75 ${className}`}\n role='button'\n onClick={onClick}\n >\n {children}\n </div>\n </NotificationContext.Provider>\n );\n};\n\n// Sub-components\nconst Icon = ({size = 'lg', type}: {size?: NotificationIconSize; type: NotificationType}) => {\n return (\n <div className='col-start-1 row-start-1'>\n <NotificationIcon notificationType={type} size={size} />\n </div>\n );\n};\n\nconst Avatars = ({children}: {children: React.ReactNode}) => {\n return (\n <div className='col-start-2 row-start-1 flex gap-2'>\n {children}\n </div>\n );\n};\n\nconst Content = ({children}: {children: React.ReactNode}) => {\n return (\n <div className='col-start-2 row-start-2 -mt-0.5 grow overflow-hidden'>\n {children}\n </div>\n );\n};\n\n// Attach sub-components to the main component\nNotificationItem.Icon = Icon;\nNotificationItem.Avatars = Avatars;\nNotificationItem.Content = Content;\n\nexport default NotificationItem;\n","import React from 'react';\n\nconst Separator: React.FC = () => {\n return <div className='h-px w-full bg-gray-150 dark:bg-gray-950' />;\n};\n\nexport default Separator;","import React, {useEffect, useRef} from 'react';\nimport {ActorProperties} from '@tryghost/admin-x-framework/api/activitypub';\nimport {Button, LoadingIndicator, LucideIcon, Skeleton} from '@tryghost/shade';\n\nimport APAvatar from '@components/global/ap-avatar';\nimport AppError from '@components/layout/error';\nimport FeedItemStats from '@components/feed/feed-item-stats';\nimport FollowButton from '@components/global/follow-button';\nimport Layout from '@components/layout';\nimport NotificationIcon from './components/notification-icon';\nimport NotificationItem from './components/notification-item';\nimport ProfilePreviewHoverCard from '@components/global/profile-preview-hover-card';\nimport Separator from '@components/global/separator';\nimport {EmptyViewIcon, EmptyViewIndicator} from '@src/components/global/empty-view-indicator';\nimport {Notification, isApiError} from '@src/api/activitypub';\nimport {handleProfileClick} from '@utils/handle-profile-click';\nimport {renderFeedAttachment} from '@components/feed/feed-item';\nimport {renderTimestamp} from '@src/utils/render-timestamp';\nimport {stripHtml} from '@src/utils/content-formatters';\nimport {useNavigateWithBasePath} from '@src/hooks/use-navigate-with-base-path';\nimport {useNotificationsForUser} from '@hooks/use-activity-pub-queries';\n\ninterface NotificationGroup {\n id: string;\n type: Notification['type'];\n actors: Notification['actor'][];\n post: Notification['post'];\n inReplyTo: Notification['inReplyTo'];\n createdAt: string;\n}\n\ninterface NotificationGroupDescriptionProps {\n group: NotificationGroup;\n}\n\n/\n Calculate a time bucket for grouping notifications\n * Groups notifications into time windows\n /\nfunction getTimeBucket(timestamp: string): string {\n const TIME_WINDOW_MS = 24 60 * 60 * 1000; // 24 hours\n const date = new Date(timestamp);\n const timeMs = date.getTime();\n const bucketStart = Math.floor(timeMs / TIME_WINDOW_MS) * TIME_WINDOW_MS;\n return bucketStart.toString();\n}\n\nfunction groupNotifications(notifications: Notification[]): NotificationGroup[] {\n const groups: {\n [key: string]: NotificationGroup\n } = {};\n\n let lastType: string \| null = null;\n let sequenceCounter = 0;\n\n notifications.forEach((notification) => {\n // Increment sequence counter when we encounter a different type\n // This preserves chronological order by preventing grouping across type boundaries\n if (notification.type !== lastType) {\n sequenceCounter += 1;\n lastType = notification.type;\n }\n\n let groupKey = '';\n const timeBucket = `_${getTimeBucket(notification.createdAt)}`;\n const sequence = `_seq${sequenceCounter}`;\n\n switch (notification.type) {\n case 'like':\n if (notification.post?.id) {\n groupKey = `like_${notification.post.id}${timeBucket}${sequence}`;\n }\n break;\n case 'reply':\n // Don't group replies\n groupKey = `reply_${notification.id}`;\n break;\n case 'repost':\n if (notification.post?.id) {\n groupKey = `repost_${notification.post.id}${timeBucket}${sequence}`;\n }\n break;\n case 'follow':\n groupKey = `follow_${timeBucket}${sequence}`;\n break;\n case 'mention':\n // Don't group mentions\n groupKey = `mention_${notification.id}`;\n break;\n }\n\n if (!groups[groupKey]) {\n groups[groupKey] = {\n id: notification.id,\n type: notification.type,\n actors: [],\n post: notification.post,\n inReplyTo: notification.inReplyTo,\n createdAt: notification.createdAt\n };\n }\n\n // Add actor if not already in the group\n if (!groups[groupKey].actors.find(a => a.id === notification.actor.id)) {\n groups[groupKey].actors.push(notification.actor);\n }\n });\n\n return Object.values(groups);\n};\n\nconst NotificationGroupDescription: React.FC<NotificationGroupDescriptionProps> = ({group}) => {\n const [firstActor, ...otherActors] = group.actors;\n const hasOthers = otherActors.length > 0;\n\n const actorClass = 'cursor-pointer font-semibold hover:underline text-black dark:text-white';\n\n const navigate = useNavigateWithBasePath();\n\n const actorText = (\n <>\n <ProfilePreviewHoverCard actor={firstActor as unknown as ActorProperties} align=\"center\" isCurrentUser={false}>\n <span\n className={actorClass}\n onClick={(e) => {\n e?.stopPropagation();\n handleProfileClick(firstActor.handle, navigate);\n }}\n >\n {firstActor.name}\n </span>\n </ProfilePreviewHoverCard>\n {hasOthers && ` and ${otherActors.length} ${otherActors.length > 1 ? 'others' : 'other'}`}\n </>\n );\n\n switch (group.type) {\n case 'follow':\n return <>{actorText} followed you</>;\n case 'like':\n return <>{actorText} liked your {group.post?.type === 'article' ? 'post' : 'note'}</>;\n case 'repost':\n return <>{actorText} reposted your {group.post?.type === 'article' ? 'post' : 'note'}</>;\n case 'reply':\n if (group.inReplyTo && typeof group.inReplyTo !== 'string') {\n return actorText;\n }\n break;\n case 'mention':\n return actorText;\n }\n\n return <></>;\n};\n\nconst ProfileLinkedContent: React.FC<{\n content: string;\n className?: string;\n stripTags?: string[];\n}> = ({content, className, stripTags = []}) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const navigate = useNavigateWithBasePath();\n\n useEffect(() => {\n const element = contentRef.current;\n if (!element) {\n return;\n }\n\n const handleProfileLinkClick = (e: Event) => {\n const target = (e as MouseEvent).target as HTMLElement;\n const link = target.closest('a[data-profile]');\n\n if (link) {\n const handle = link.getAttribute('data-profile')?.trim();\n const isValidHandle = /^@([\\w.-]+)@([\\w-]+\\.[\\w.-]+[a-zA-Z])$/.test(handle \|\| '');\n\n if (isValidHandle && handle) {\n e.preventDefault();\n e.stopPropagation();\n handleProfileClick(handle, navigate);\n }\n }\n };\n\n element.addEventListener('click', handleProfileLinkClick);\n return () => {\n element.removeEventListener('click', handleProfileLinkClick);\n };\n }, [navigate, content]);\n\n return (\n <div\n dangerouslySetInnerHTML={{__html: stripHtml(content \|\| '', stripTags)}}\n ref={contentRef}\n className={className}\n />\n );\n};\n\nconst Notifications: React.FC = () => {\n const [openStates, setOpenStates] = React.useState<{[key: string]: boolean}>({});\n const navigate = useNavigateWithBasePath();\n\n const toggleOpen = (groupId: string) => {\n setOpenStates(prev => ({\n ...prev,\n [groupId]: !prev[groupId]\n }));\n };\n\n const handleLikeClick = () => {\n // Do API req or smth\n // Don't need to know about setting timeouts or anything like that\n };\n\n const maxAvatars = 5;\n\n const {data, error, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading} = useNotificationsForUser('index');\n\n const notificationGroups = (\n data?.pages.flatMap((page) => {\n return groupNotifications(page.notifications);\n })\n // If no notifications, return 10 empty groups for the loading state\n ?? Array(10).fill({actors: [{}]}));\n\n const observerRef = useRef<IntersectionObserver \| null>(null);\n const loadMoreRef = useRef<HTMLDivElement \| null>(null);\n\n useEffect(() => {\n if (observerRef.current) {\n observerRef.current.disconnect();\n }\n\n observerRef.current = new IntersectionObserver((entries) => {\n if (entries[0].isIntersecting && hasNextPage && !isFetchingNextPage) {\n fetchNextPage();\n }\n });\n\n if (loadMoreRef.current) {\n observerRef.current.observe(loadMoreRef.current);\n }\n\n return () => {\n if (observerRef.current) {\n observerRef.current.disconnect();\n }\n };\n }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n const handleNotificationClick = (group: NotificationGroup, index: number) => {\n switch (group.type) {\n case 'like':\n if (group.post) {\n navigate(`/${group.post.type === 'article' ? 'reader' : 'notes'}/${encodeURIComponent(group.post.id)}`);\n }\n break;\n case 'reply':\n if (group.post && group.inReplyTo) {\n navigate(`/notes/${encodeURIComponent(group.post.id)}`);\n }\n break;\n case 'repost':\n if (group.post) {\n navigate(`/${group.post.type === 'article' ? 'reader' : 'notes'}/${encodeURIComponent(group.post.id)}`);\n }\n break;\n case 'follow':\n if (group.actors.length > 1) {\n toggleOpen(group.id \|\| `${group.type}_${index}`);\n } else {\n handleProfileClick(group.actors[0].handle, navigate);\n }\n break;\n case 'mention':\n if (group.post) {\n navigate(`/notes/${encodeURIComponent(group.post.id)}`);\n }\n break;\n }\n };\n\n if (error && isApiError(error)) {\n return <AppError errorCode={error.code} statusCode={error.statusCode}/>;\n }\n\n return (\n <Layout>\n <div className='z-0 flex w-full flex-col items-center'>\n {\n isLoading === false && notificationGroups.length === 0 && (\n <EmptyViewIndicator>\n <EmptyViewIcon><LucideIcon.Bell /></EmptyViewIcon>\n Quiet for now, but not for long! When someone likes, boosts, or replies to you, you'll find it here.\n </EmptyViewIndicator>\n )\n }\n {\n (notificationGroups.length > 0) && (\n <>\n <div className='my-8 flex w-full max-w-[620px] flex-col max-md:mt-5'>\n {notificationGroups.map((group, index) => (\n <React.Fragment key={group.id \|\| `${group.type}_${index}`}>\n <NotificationItem\n centerAlign={group.actors.length < 2 && group.type === 'follow'}\n className='hover:bg-gray-75 dark:hover:bg-gray-950'\n isGrouped={group.actors.length > 1}\n onClick={() => handleNotificationClick(group, index)}\n >\n {isLoading ?\n <Skeleton className='rounded-full' containerClassName='flex h-10 w-10' /> :\n (group.actors.length > 1 ?\n <NotificationItem.Icon type={group.type} /> :\n <div className='relative'>\n <APAvatar\n key={group.actors[0].id}\n author={{\n icon: {\n url: group.actors[0].avatarUrl \|\| ''\n },\n name: group.actors[0].name,\n handle: group.actors[0].handle\n }}\n size='notification'\n />\n <NotificationIcon className='absolute -bottom-1 -right-1 z-10 border-2 border-white dark:border-black' notificationType={group.type} size='sm' />\n </div>\n )\n }\n {group.actors.length > 1 && <NotificationItem.Avatars>\n <div className='flex w-full flex-col'>\n <div className='relative flex items-center pl-2'>\n {!openStates[group.id \|\| `${group.type}_${index}`] && group.actors.slice(0, maxAvatars).map((actor: ActorProperties) => (\n <APAvatar\n key={actor.id}\n author={{\n icon: {\n url: actor.avatarUrl \|\| ''\n },\n name: actor.name,\n handle: actor.handle\n }}\n className='-ml-2 !bg-[#F3F3F3] outline outline-2 outline-white group-hover:!bg-[#EDEEF0] group-hover:outline-gray-75 dark:outline-black group-hover:dark:outline-gray-950'\n size='notification'\n />\n ))}\n {group.actors.length > maxAvatars && (!openStates[group.id \|\| `${group.type}_${index}`]) && (\n <div className='absolute right-[28px] z-10 flex size-9 items-center justify-center rounded-full bg-black/50 text-base font-semibold tracking-tightest text-white'>\n {`+${group.actors.length - maxAvatars}`}\n </div>\n )}\n\n {group.actors.length > 1 && (\n <Button className={`group flex items-center gap-0.5 text-gray-700 hover:bg-transparent hover:text-black dark:text-gray-600 dark:hover:text-white ${openStates[group.id \|\| `${group.type}_${index}`] ? 'ml-[-20px]' : 'ml-0 w-[28px]'}`} variant='ghost' onClick={(event?: React.MouseEvent<HTMLElement>) => {\n event?.stopPropagation();\n toggleOpen(group.id \|\| `${group.type}_${index}`);\n }}>\n <LucideIcon.ChevronDown className={`${openStates[group.id \|\| `${group.type}_${index}`] ? 'rotate-180' : ''}`} size={20} strokeWidth={1.5} />\n {openStates[group.id \|\| `${group.type}_${index}`] ? 'Hide' : <span className='sr-only'>Show all</span>}\n </Button>\n )}\n </div>\n <div className={`overflow-hidden transition-all duration-300 ease-in-out ${openStates[group.id \|\| `${group.type}_${index}`] ? 'mb-2 max-h-[1384px] opacity-100' : 'max-h-0 opacity-0'}`}>\n {openStates[group.id \|\| `${group.type}_${index}`] && group.actors.length > 1 && (\n <div className='flex flex-col gap-2 pt-2'>\n {group.actors.map((actor: ActorProperties) => (\n <div\n key={actor.id}\n className='group/item flex items-center justify-between gap-4 break-anywhere'\n onClick={(e) => {\n e?.stopPropagation();\n handleProfileClick(actor.handle, navigate);\n }}\n >\n <div className='flex min-w-0 items-center'>\n <APAvatar author={{\n icon: {\n url: actor.avatarUrl \|\| ''\n },\n name: actor.name,\n handle: actor.handle\n }} size='xs' />\n <span className='ml-2 line-clamp-1 text-base font-semibold group-hover/item:underline dark:text-white'>{actor.name}</span>\n <span className='ml-1 line-clamp-1 text-base text-gray-700 dark:text-gray-600'>{actor.handle}</span>\n </div>\n {group.type === 'follow' && !actor.followedByMe && (\n <FollowButton\n following={false}\n handle={actor.handle}\n variant=\"link\"\n />\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n </NotificationItem.Avatars>}\n <NotificationItem.Content>\n <div>\n {isLoading ?\n <>\n <Skeleton />\n <Skeleton className='w-full max-w-60' />\n </> :\n <div className='flex justify-between'>\n <div className='flex items-center gap-1'>\n <span className='truncate'><NotificationGroupDescription group={group} /></span>\n {group.actors.length < 2 &&\n <>\n <span className='mt-px text-[8px] text-gray-700 dark:text-gray-600'>•</span>\n <span className='mt-0.5 text-sm text-gray-700 dark:text-gray-600'>{renderTimestamp(group, false)}</span>\n </>\n }\n </div>\n {/* Follow button for singular follow, reply, and mention /}\n {group.actors.length === 1 && (group.type === 'follow' \|\| group.type === 'reply' \|\| group.type === 'mention') && !group.actors[0].followedByMe && (\n <FollowButton\n following={false}\n handle={group.actors[0].handle}\n variant=\"link\"\n />\n )}\n </div>\n }\n </div>\n {(\n ((group.type === 'reply' && group.inReplyTo) \|\| group.type === 'mention') \|\|\n (group.type === 'like' && !group.post?.name && group.post?.content) \|\|\n (group.type === 'repost' && !group.post?.name && group.post?.content)\n ) && (\n (group.type !== 'reply' && group.type !== 'mention' ?\n <div className='ap-note-content mt-0.5 line-clamp-1 text-pretty text-sm text-gray-700 dark:text-gray-600'>\n {group.post?.type === 'article' && group.post?.title && <>{group.post.title} — </>}\n <span dangerouslySetInnerHTML={{__html: stripHtml(group.post?.content \|\| '')}} />\n </div> :\n <>\n <div className='mt-2.5 rounded-md bg-gray-100 px-5 py-[14px] group-hover:bg-gray-200 dark:bg-gray-925/30 group-hover:dark:bg-black/40'>\n <ProfileLinkedContent\n className='ap-note-content text-pretty'\n content={group.post?.content \|\| ''}\n stripTags={['a']}\n />\n {group.post && group.post.attachments && group.post.attachments.length > 0 && (\n <div className='notification-attachments mb-1 [&_.attachment-gallery]:flex [&_.attachment-gallery]:flex-wrap [&_img]:aspect-square [&_img]:max-w-[calc(20%-6.4px)]'>\n {renderFeedAttachment(\n {...group.post, type: 'Note', attachment: group.post.attachments}\n )}\n </div>\n )}\n </div>\n </>\n )\n )}\n {((group.type === 'reply' && group.post) \|\| group.type === 'mention') && (\n <div className=\"mt-1.5\">\n <FeedItemStats\n actor={{\n ...group.actors[0],\n icon: {\n url: group.actors[0].avatarUrl \|\| ''\n },\n id: group.actors[0].url,\n preferredUsername: group.actors[0].handle?.replace(/^@([^@]+)@.$/, '$1') \|\| 'unknown'\n }}\n buttonClassName='hover:bg-gray-200'\n commentCount={group.post.replyCount \|\| 0}\n layout=\"notification\"\n likeCount={group.post.likeCount \|\| 0}\n object={{\n ...group.post,\n liked: group.post.likedByMe,\n reposted: group.post.repostedByMe\n }}\n repostCount={group.post.repostCount \|\| 0}\n onLikeClick={handleLikeClick}\n />\n </div>\n )}\n </NotificationItem.Content>\n </NotificationItem>\n {index < notificationGroups.length - 1 &&\n <div className='pl-[52px]'><Separator /></div>\n }\n </React.Fragment>\n ))}\n </div>\n <div ref={loadMoreRef} className='h-1'></div>\n {isFetchingNextPage && (\n <div className='-mt-4 mb-8 flex flex-col items-center justify-center space-y-4 text-center'>\n <LoadingIndicator size='md' />\n </div>\n )}\n </>\n )\n }\n </div>\n </Layout>\n );\n};\n\nexport default Notifications;\n"],"names":["__iconNode","Repeat2","createLucideIcon","UserRoundCheck","NotificationIcon","notificationType","size","className","icon","badgeColor","iconColor","iconSize","strokeWidth","jsx","LucideIcon.UserRoundCheck","LucideIcon.Heart","LucideIcon.Reply","LucideIcon.Repeat2","LucideIcon.AtSign","NotificationContext","React","NotificationItem","isGrouped","centerAlign","children","onClick","url","Icon","type","Avatars","Content","Separator","getTimeBucket","timestamp","timeMs","groupNotifications","notifications","groups","lastType","sequenceCounter","notification","groupKey","timeBucket","sequence","_a","_b","a","NotificationGroupDescription","group","firstActor","otherActors","hasOthers","actorClass","navigate","useNavigateWithBasePath","actorText","jsxs","Fragment","ProfilePreviewHoverCard","e","handleProfileClick","ProfileLinkedContent","content","stripTags","contentRef","useRef","useEffect","element","handleProfileLinkClick","link","handle","stripHtml","Notifications","openStates","setOpenStates","toggleOpen","groupId","prev","handleLikeClick","maxAvatars","data","error","fetchNextPage","hasNextPage","isFetchingNextPage","isLoading","useNotificationsForUser","notificationGroups","page","observerRef","loadMoreRef","entries","handleNotificationClick","index","isApiError","AppError","Layout","EmptyViewIndicator","EmptyViewIcon","LucideIcon.Bell","Skeleton","APAvatar","actor","Button","event","LucideIcon.ChevronDown","FollowButton","renderTimestamp","_c","_d","_e","_f","_g","_h","renderFeedAttachment","FeedItemStats","_i","LoadingIndicator"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/{index-BdcW7GlH.mjs → index-jhjmoHwu.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { ad as q, c as C, ax as E, e as Q, ay as T, aj as K, az as tt, ai as et, aA as it, aB as st, aC as X } from "./index-_vEj3NfZ.mjs";
-const nt = (n, t) => n == null ? t : t == null ? n : Math.max(n, t), A = /* @__PURE__ */ new WeakMap(), Et = {
+import { ai as q, c as E, aD as R, e as Q, aE as T, ah as K, aF as tt, ag as et, aG as it, aH as st, aI as X } from "./index--Q6orQkb.mjs";
+const nt = (n, t) => n == null ? t : t == null ? n : Math.max(n, t), A = /* @__PURE__ */ new WeakMap(), Rt = {
   onUpdate(n, t, e) {
     if (A.set(e, void 0), !e.computedTrend)
       return;
@@ -72,10 +72,10 @@ const ct = String.raw, dt = (() => {
     return !1;
   }
   return !0;
-})(), ut = typeof CSS < "u" && CSS.supports && CSS.supports("line-height", "mod(1,1)"), p = typeof matchMedia < "u" ? matchMedia("(prefers-reduced-motion: reduce)") : null, R = "--_number-flow-d-opacity", N = "--_number-flow-d-width", $ = "--_number-flow-dx", M = "--_number-flow-d", pt = (() => {
+})(), ut = typeof CSS < "u" && CSS.supports && CSS.supports("line-height", "mod(1,1)"), p = typeof matchMedia < "u" ? matchMedia("(prefers-reduced-motion: reduce)") : null, C = "--_number-flow-d-opacity", N = "--_number-flow-d-width", $ = "--_number-flow-dx", M = "--_number-flow-d", pt = (() => {
   try {
     return CSS.registerProperty({
-      name: R,
+      name: C,
       syntax: "<number>",
       inherits: !1,
       initialValue: "0"
@@ -98,9 +98,9 @@ const ct = String.raw, dt = (() => {
   } catch {
     return !1;
   }
-})(), ft = "var(--number-flow-char-height, 1em)", y = "var(--number-flow-mask-height, 0.25em)", P = `calc(${y} / 2)`, j = "var(--number-flow-mask-width, 0.5em)", _ = `calc(${j} / var(--scale-x))`, b = "#000 0, transparent 71%", B = ct`:host{display:inline-block;direction:ltr;white-space:nowrap;isolation:isolate;line-height:${ft} !important}.number,.number__inner{display:inline-block;transform-origin:left top}:host([data-will-change]) :is(.number,.number__inner,.section,.digit,.digit__num,.symbol){will-change:transform}.number{--scale-x:calc(1 + var(${N}) / var(--width));transform:translateX(var(${$})) scaleX(var(--scale-x));margin:0 calc(-1 * ${j});position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 ${_},#000 calc(100% - ${_}),transparent ),linear-gradient(to bottom,transparent 0,#000 ${y},#000 calc(100% - ${y}),transparent 100% ),radial-gradient(at bottom right,${b}),radial-gradient(at bottom left,${b}),radial-gradient(at top left,${b}),radial-gradient(at top right,${b});-webkit-mask-size:100% calc(100% - ${y} * 2),calc(100% - ${_} * 2) 100%,${_} ${y},${_} ${y},${_} ${y},${_} ${y};-webkit-mask-position:center,center,top left,top right,bottom right,bottom left;-webkit-mask-repeat:no-repeat}.number__inner{padding:${P} ${j};transform:scaleX(calc(1 / var(--scale-x))) translateX(calc(-1 * var(${$})))}:host > :not(.number){z-index:5}.section,.symbol{display:inline-block;position:relative;isolation:isolate}.section::after{content:'\200b';display:inline-block}.section--justify-left{transform-origin:center left}.section--justify-right{transform-origin:center right}.section > [inert],.symbol > [inert]{margin:0 !important;position:absolute !important;z-index:-1}.digit{display:inline-block;position:relative;--c:var(--current) + var(${M})}.digit__num,.number .section::after{padding:${P} 0}.digit__num{display:inline-block;--offset-raw:mod(var(--length) + var(--n) - mod(var(--c),var(--length)),var(--length));--offset:calc( var(--offset-raw) - var(--length) * round(down,var(--offset-raw) / (var(--length) / 2),1) );--y:clamp(-100%,var(--offset) * 100%,100%);transform:translateY(var(--y))}.digit__num[inert]{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(var(--y))}.digit:not(.is-spinning) .digit__num[inert]{display:none}.symbol__value{display:inline-block;mix-blend-mode:plus-lighter;white-space:pre}.section--justify-left .symbol > [inert]{left:0}.section--justify-right .symbol > [inert]{right:0}.animate-presence{opacity:calc(1 + var(${R}))}`, mt = HTMLElement, z = ut && dt && pt;
+})(), ft = "var(--number-flow-char-height, 1em)", y = "var(--number-flow-mask-height, 0.25em)", P = `calc(${y} / 2)`, k = "var(--number-flow-mask-width, 0.5em)", _ = `calc(${k} / var(--scale-x))`, b = "#000 0, transparent 71%", I = ct`:host{display:inline-block;direction:ltr;white-space:nowrap;isolation:isolate;line-height:${ft} !important}.number,.number__inner{display:inline-block;transform-origin:left top}:host([data-will-change]) :is(.number,.number__inner,.section,.digit,.digit__num,.symbol){will-change:transform}.number{--scale-x:calc(1 + var(${N}) / var(--width));transform:translateX(var(${$})) scaleX(var(--scale-x));margin:0 calc(-1 * ${k});position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 ${_},#000 calc(100% - ${_}),transparent ),linear-gradient(to bottom,transparent 0,#000 ${y},#000 calc(100% - ${y}),transparent 100% ),radial-gradient(at bottom right,${b}),radial-gradient(at bottom left,${b}),radial-gradient(at top left,${b}),radial-gradient(at top right,${b});-webkit-mask-size:100% calc(100% - ${y} * 2),calc(100% - ${_} * 2) 100%,${_} ${y},${_} ${y},${_} ${y},${_} ${y};-webkit-mask-position:center,center,top left,top right,bottom right,bottom left;-webkit-mask-repeat:no-repeat}.number__inner{padding:${P} ${k};transform:scaleX(calc(1 / var(--scale-x))) translateX(calc(-1 * var(${$})))}:host > :not(.number){z-index:5}.section,.symbol{display:inline-block;position:relative;isolation:isolate}.section::after{content:'\200b';display:inline-block}.section--justify-left{transform-origin:center left}.section--justify-right{transform-origin:center right}.section > [inert],.symbol > [inert]{margin:0 !important;position:absolute !important;z-index:-1}.digit{display:inline-block;position:relative;--c:var(--current) + var(${M})}.digit__num,.number .section::after{padding:${P} 0}.digit__num{display:inline-block;--offset-raw:mod(var(--length) + var(--n) - mod(var(--c),var(--length)),var(--length));--offset:calc( var(--offset-raw) - var(--length) * round(down,var(--offset-raw) / (var(--length) / 2),1) );--y:clamp(-100%,var(--offset) * 100%,100%);transform:translateY(var(--y))}.digit__num[inert]{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(var(--y))}.digit:not(.is-spinning) .digit__num[inert]{display:none}.symbol__value{display:inline-block;mix-blend-mode:plus-lighter;white-space:pre}.section--justify-left .symbol > [inert]{left:0}.section--justify-right .symbol > [inert]{right:0}.animate-presence{opacity:calc(1 + var(${C}))}`, mt = HTMLElement, H = ut && dt && pt;
 let S;
-class H extends mt {
+class z extends mt {
   constructor() {
     super(), this.created = !1, this.batched = !1;
     const { animated: t, ...e } = this.constructor.defaultProps;
@@ -123,7 +123,7 @@ class H extends mt {
     const { pre: i, integer: s, fraction: r, post: a, value: o } = t;
     if (this.created) {
       const l = this._data;
-      this._data = t, this.computedTrend = typeof this.trend == "function" ? this.trend(l.value, o) : this.trend, this.computedAnimated = z && this._animated && (!this.respectMotionPreference || !(p != null && p.matches)) && // https://github.com/barvian/number-flow/issues/9
+      this._data = t, this.computedTrend = typeof this.trend == "function" ? this.trend(l.value, o) : this.trend, this.computedAnimated = H && this._animated && (!this.respectMotionPreference || !(p != null && p.matches)) && // https://github.com/barvian/number-flow/issues/9
       rt(this), (e = this.plugins) == null || e.forEach((d) => {
         var u;
         return (u = d.onUpdate) == null ? void 0 : u.call(d, t, l, this);
@@ -135,10 +135,10 @@ class H extends mt {
       } catch {
       }
       if (typeof CSSStyleSheet < "u" && this.shadowRoot.adoptedStyleSheets)
-        S || (S = new CSSStyleSheet(), S.replaceSync(B)), this.shadowRoot.adoptedStyleSheets = [S];
+        S || (S = new CSSStyleSheet(), S.replaceSync(I)), this.shadowRoot.adoptedStyleSheets = [S];
       else {
         const l = document.createElement("style");
-        l.textContent = B, this.shadowRoot.appendChild(l);
+        l.textContent = I, this.shadowRoot.appendChild(l);
       }
       this._pre = new V(this, i, {
         justify: "right",
@@ -172,7 +172,7 @@ class H extends mt {
     }), this._abortAnimationsFinish = t;
   }
 }
-H.defaultProps = {
+z.defaultProps = {
   transformTiming: {
     duration: 900,
     // Make sure to keep this minified:
@@ -303,13 +303,13 @@ class V extends J {
     }), this.pop(e), this.addNewAndUpdateExisting(t);
   }
 }
-class k {
+class j {
   constructor(t, e, { onRemove: i, animateIn: s = !1 } = {}) {
     this.flow = t, this.el = e, this._present = !0, this._remove = () => {
       var r;
       this.el.remove(), (r = this._onRemove) == null || r.call(this);
     }, this.el.classList.add("animate-presence"), this.flow.computedAnimated && s && this.el.animate({
-      [R]: [-0.9999, 0]
+      [C]: [-0.9999, 0]
     }, {
       ...this.flow.opacityTiming,
       composite: "accumulate"
@@ -325,7 +325,7 @@ class k {
         return;
       }
       this.el.style.setProperty("--_number-flow-d-opacity", t ? "0" : "-.999"), this.el.animate({
-        [R]: t ? [-0.9999, 0] : [0.999, 0]
+        [C]: t ? [-0.9999, 0] : [0.999, 0]
       }, {
         ...this.flow.opacityTiming,
         composite: "accumulate"
@@ -335,7 +335,7 @@ class k {
     }
   }
 }
-class G extends k {
+class G extends j {
   constructor(t, e, i, s) {
     super(t.flow, i, s), this.section = t, this.value = e, this.el = i;
   }
@@ -404,7 +404,7 @@ class yt extends G {
       className: "symbol"
     }, [r]), s), this.type = e, this._children = /* @__PURE__ */ new Map(), this._onChildRemove = (a) => () => {
       this._children.delete(a);
-    }, this._children.set(i, new k(this.flow, r, {
+    }, this._children.set(i, new j(this.flow, r, {
       onRemove: this._onChildRemove(i)
     }));
   }
@@ -426,7 +426,7 @@ class yt extends G {
           className: "symbol__value",
           textContent: t
         });
-        this.el.appendChild(s), this._children.set(t, new k(this.flow, s, {
+        this.el.appendChild(s), this._children.set(t, new j(this.flow, s, {
           animateIn: !0,
           onRemove: this._onChildRemove(t)
         }));
@@ -444,18 +444,18 @@ class yt extends G {
   }
 }
 var W;
-const vt = parseInt((W = st.match(/^(\d+)\./)) == null ? void 0 : W[1]), L = vt >= 19, _t = [
+const vt = parseInt((W = st.match(/^(\d+)\./)) == null ? void 0 : W[1]), F = vt >= 19, _t = [
   "data",
   "digits"
 ];
-class F extends H {
+class L extends z {
   attributeChangedCallback(t, e, i) {
     this[t] = JSON.parse(i);
   }
 }
-F.observedAttributes = L ? [] : _t;
-ot("number-flow-react", F);
-const U = {}, I = L ? (n) => n : JSON.stringify;
+L.observedAttributes = F ? [] : _t;
+ot("number-flow-react", L);
+const U = {}, B = F ? (n) => n : JSON.stringify;
 function D(n) {
   const { transformTiming: t, spinTiming: e, opacityTiming: i, animated: s, respectMotionPreference: r, trend: a, plugins: o, ...l } = n;
   return [
@@ -479,11 +479,11 @@ class wt extends it {
     this.el.batched = !this.props.isolate;
     const [e] = D(this.props);
     Object.entries(e).forEach(([i, s]) => {
-      this.el[i] = s ?? F.defaultProps[i];
+      this.el[i] = s ?? L.defaultProps[i];
     }), t != null && t.onAnimationsStart && this.el.removeEventListener("animationsstart", t.onAnimationsStart), this.props.onAnimationsStart && this.el.addEventListener("animationsstart", this.props.onAnimationsStart), t != null && t.onAnimationsFinish && this.el.removeEventListener("animationsfinish", t.onAnimationsFinish), this.props.onAnimationsFinish && this.el.addEventListener("animationsfinish", this.props.onAnimationsFinish);
   }
   componentDidMount() {
-    this.updateProperties(), L && this.el && (this.el.digits = this.props.digits, this.el.data = this.props.data);
+    this.updateProperties(), F && this.el && (this.el.digits = this.props.digits, this.el.data = this.props.data);
   }
   getSnapshotBeforeUpdate(t) {
     var e;
@@ -521,9 +521,9 @@ class wt extends it {
           __html: ""
         },
         suppressHydrationWarning: !0,
-        digits: I(l),
+        digits: B(l),
         // Make sure data is set last, everything else is updated:
-        data: I(s)
+        data: B(s)
       })
     );
   }
@@ -531,15 +531,15 @@ class wt extends it {
     super(t), this.handleRef = this.handleRef.bind(this);
   }
 }
-const Rt = /* @__PURE__ */ q(function({ value: t, locales: e, format: i, prefix: s, suffix: r, ...a }, o) {
+const Ct = /* @__PURE__ */ q(function({ value: t, locales: e, format: i, prefix: s, suffix: r, ...a }, o) {
   tt(o, () => l.current, []);
-  const l = C(), d = et(Z);
+  const l = E(), d = et(Z);
   d == null || d.useRegister(l);
-  const u = E(() => e ? JSON.stringify(e) : "", [
+  const u = R(() => e ? JSON.stringify(e) : "", [
     e
-  ]), f = E(() => i ? JSON.stringify(i) : "", [
+  ]), f = R(() => i ? JSON.stringify(i) : "", [
     i
-  ]), m = E(() => {
+  ]), m = R(() => {
     var w;
     const g = U[w = `${u}:${f}`] ?? (U[w] = new Intl.NumberFormat(e, i));
     return ht(t, g, s, r);
@@ -558,7 +558,7 @@ const Rt = /* @__PURE__ */ q(function({ value: t, locales: e, format: i, prefix:
   });
 }), Z = /* @__PURE__ */ K(void 0);
 function $t({ children: n }) {
-  const t = C(/* @__PURE__ */ new Set()), e = C(!1), i = C(/* @__PURE__ */ new WeakMap()), s = E(() => ({
+  const t = E(/* @__PURE__ */ new Set()), e = E(!1), i = E(/* @__PURE__ */ new WeakMap()), s = R(() => ({
     useRegister(r) {
       Q(() => (t.current.add(r), () => {
         t.current.delete(r);
@@ -582,18 +582,18 @@ function $t({ children: n }) {
   }, n);
 }
 const bt = () => X(() => () => {
-}, () => z, () => !1), St = () => X((n) => (p == null || p.addEventListener("change", n), () => p == null ? void 0 : p.removeEventListener("change", n)), () => p.matches, () => !1);
+}, () => H, () => !1), St = () => X((n) => (p == null || p.addEventListener("change", n), () => p == null ? void 0 : p.removeEventListener("change", n)), () => p.matches, () => !1);
 function xt({ respectMotionPreference: n = !0 } = {}) {
   const t = bt(), e = St();
   return t && (!n || !e);
 }
 export {
-  F as NumberFlowElement,
+  L as NumberFlowElement,
   $t as NumberFlowGroup,
-  Et as continuous,
-  Rt as default,
+  Rt as continuous,
+  Ct as default,
   xt as useCanAnimate,
   bt as useIsSupported,
   St as usePrefersReducedMotion
 };
-//# sourceMappingURL=index-BdcW7GlH.mjs.map
+//# sourceMappingURL=index-jhjmoHwu.mjs.map