@tryghost/activitypub 3.0.8 → 3.1.0

package/dist/index-CJJXnqq1.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CJJXnqq1.mjs","sources":["../../../node_modules/lucide-react/dist/esm/icons/sprout.js","../src/views/explore/explore.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  [\n    \"path\",\n    {\n      d: \"M14 9.536V7a4 4 0 0 1 4-4h1.5a.5.5 0 0 1 .5.5V5a4 4 0 0 1-4 4 4 4 0 0 0-4 4c0 2 1 3 1 5a5 5 0 0 1-1 3\",\n      key: \"139s4v\"\n    }\n  ],\n  [\"path\", { d: \"M4 9a5 5 0 0 1 8 4 5 5 0 0 1-8-4\", key: \"1dlkgp\" }],\n  [\"path\", { d: \"M5 21h14\", key: \"11awu3\" }]\n];\nconst Sprout = createLucideIcon(\"sprout\", __iconNode);\n\nexport { __iconNode, Sprout as default };\n//# sourceMappingURL=sprout.js.map\n","import APAvatar from '@src/components/global/ap-avatar';\nimport FollowButton from '@src/components/global/follow-button';\nimport Layout from '@components/layout';\nimport ProfilePreviewHoverCard from '@components/global/profile-preview-hover-card';\nimport React, {useEffect} from 'react';\nimport TopicFilter, {type Topic} from '@src/components/topic-filter';\nimport {type Account, type ExploreAccount} from '@src/api/activitypub';\nimport {Button, H4, LoadingIndicator, LucideIcon, Skeleton} from '@tryghost/shade';\nimport {openLinksInNewTab, stripHtml} from '@src/utils/content-formatters';\nimport {useAccountForUser, useExploreProfilesForUserByTopic} from '@hooks/use-activity-pub-queries';\nimport {useNavigateWithBasePath} from '@src/hooks/use-navigate-with-base-path';\nimport {useOnboardingStatus} from '@src/components/layout/onboarding';\nimport {useParams} from '@tryghost/admin-x-framework';\n\ninterface ExploreProfileProps {\n    profile: ExploreAccount;\n    update: (id: string, updated: Partial<Account>) => void;\n    isLoading: boolean;\n}\n\nexport const ExploreProfile: React.FC<ExploreProfileProps & {\n    onOpenChange?: (open: boolean) => void;\n}> = ({profile, update, isLoading, onOpenChange}) => {\n    const currentAccountQuery = useAccountForUser('index', 'me');\n    const {data: currentUser} = currentAccountQuery;\n    const isCurrentUser = profile.handle === currentUser?.handle;\n\n    const onFollow = () => {\n        update(profile.id, {\n            followedByMe: true\n        });\n    };\n\n    const onUnfollow = () => {\n        update(profile.id, {\n            followedByMe: false\n        });\n    };\n\n    const navigate = useNavigateWithBasePath();\n\n    return (\n        <div\n            className='flex w-full cursor-pointer items-start gap-3 pt-4 [&:last-of-type>:nth-child(2)]:border-none'\n            onClick={() => {\n                navigate(`/profile/${profile.handle}`);\n            }}\n        >\n            <div className='flex w-full flex-col gap-1 border-b border-gray-200 pb-4 dark:border-gray-950'>\n                <div className='flex items-center justify-between gap-3'>\n                    <ProfilePreviewHoverCard actor={profile as Account} isCurrentUser={isCurrentUser}>\n                        <div className='flex gap-3'>\n                            <APAvatar author={\n                                {\n                                    icon: {\n                                        url: profile.avatarUrl\n                                    },\n                                    name: profile.name,\n                                    handle: profile.handle\n                                }\n                            } onClick={() => onOpenChange?.(false)} />\n                            <div className='-mt-0.5 flex grow flex-col break-anywhere'>\n                                <span className='line-clamp-1 font-semibold text-black dark:text-white'>{!isLoading ? profile.name : <Skeleton className='w-full max-w-48' />}</span>\n                                <span className='line-clamp-1 text-md text-gray-700 dark:text-gray-600'>{!isLoading ? profile.handle : <Skeleton className='w-32' />}</span>\n                            </div>\n                        </div>\n                    </ProfilePreviewHoverCard>\n                    {!isLoading ? (\n                        !isCurrentUser ? (\n                            <FollowButton\n                                className='ml-auto'\n                                following={profile.followedByMe}\n                                handle={profile.handle}\n                                type='primary'\n                                onFollow={onFollow}\n                                onUnfollow={onUnfollow}\n                            />\n                        ) : null\n                    ) : (\n                        <div className='inline-flex items-center'>\n                            <Skeleton className='w-24' />\n                        </div>\n                    )}\n                </div>\n                <div className='pl-[52px]'>\n                    {isLoading ?\n                        <Skeleton className='w-full max-w-96' />\n                        :\n                        profile.bio &&\n                        <div\n                            dangerouslySetInnerHTML={{__html: openLinksInNewTab(stripHtml(profile.bio, ['a', 'br']))}}\n                            className='ap-profile-content pointer-events-none mt-0 line-clamp-2 max-w-[460px] break-anywhere'\n                        />\n                    }\n                </div>\n            </div>\n        </div>\n    );\n};\n\nconst Explore: React.FC = () => {\n    const {isExplainerClosed, setExplainerClosed} = useOnboardingStatus();\n    const params = useParams<{topic?: string}>();\n    const navigate = useNavigateWithBasePath();\n\n    const topic: Topic = (params.topic as Topic) || 'top';\n\n    const {exploreProfilesQuery, updateExploreProfile} = useExploreProfilesForUserByTopic('index', topic);\n    const {data: exploreProfilesData, isLoading: isLoadingExploreProfiles, fetchNextPage, hasNextPage, isFetchingNextPage} = exploreProfilesQuery;\n\n    const emptyProfiles = Array(10).fill(null).map((_, i) => ({\n        id: `skeleton-${i}`,\n        name: '',\n        handle: '',\n        avatarUrl: '',\n        bio: '',\n        url: '',\n        followedByMe: false\n    }));\n\n    const profiles = exploreProfilesData?.pages.flatMap(page => page.accounts) || [];\n\n    useEffect(() => {\n        const node = document.querySelector('.load-more-trigger');\n        if (!node) {\n            return;\n        }\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                if (entries[0].isIntersecting && hasNextPage && !isFetchingNextPage) {\n                    fetchNextPage();\n                }\n            },\n            {threshold: 0.1}\n        );\n\n        observer.observe(node);\n        return () => observer.disconnect();\n    }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n    return (\n        <Layout>\n            {!isExplainerClosed &&\n                <div className='relative mb-6 flex items-start gap-1 rounded-md bg-gradient-to-r from-[#CFB0FF66] to-[#B6E8FF66] p-4 pr-10 dark:from-[#CFB0FF20] dark:to-[#B6E8FF20]'>\n                    <div className='min-w-[46px]'>\n                        <LucideIcon.Sprout className='text-purple' size={46} strokeWidth={0.75} />\n                    </div>\n                    <div className='mt-1 flex flex-col gap-[2px]'>\n                        <H4 className='text-pretty'>The fastest way to grow your followers, is to follow others!</H4>\n                        <p className='2xl:text-pretty text-balance text-sm text-black/60 dark:text-white/60'>Here are some recommendations to get you started, from Ghost publishers and other great accounts from around the social web.</p>\n                    </div>\n                    <Button className='absolute right-4 top-[17px] size-6 opacity-40' variant='link' onClick={() => setExplainerClosed(true)}><LucideIcon.X size={20} /></Button>\n                </div>\n            }\n            <TopicFilter\n                currentTopic={topic}\n                excludeTopics={['following']}\n                onTopicChange={(newTopic) => {\n                    if (newTopic === 'top') {\n                        navigate('/explore', {replace: true});\n                    } else {\n                        navigate(`/explore/${newTopic}`, {replace: true});\n                    }\n                }}\n            />\n            <div className='mt-12 flex flex-col gap-12 pb-20 max-md:mt-5'>\n                {isLoadingExploreProfiles ? (\n                    <div>\n                        {emptyProfiles.map(profile => (\n                            <div key={profile.id} className='mx-auto w-full max-w-[640px]'>\n                                <ExploreProfile\n                                    isLoading={isLoadingExploreProfiles}\n                                    profile={profile}\n                                    update={() => {}}\n                                />\n                            </div>\n                        ))}\n                    </div>\n                ) : (\n                    <div className='mx-auto flex w-full max-w-[640px] flex-col items-center'>\n                        <div className='w-full'>\n                            {profiles.map(profile => (\n                                <React.Fragment key={profile.id}>\n                                    <ExploreProfile\n                                        isLoading={false}\n                                        profile={profile}\n                                        update={updateExploreProfile}\n                                    />\n                                </React.Fragment>\n                            ))}\n                        </div>\n                        <div className='load-more-trigger h-4 w-full' />\n                        {isFetchingNextPage && (\n                            <div className='mt-2 flex w-full justify-center'>\n                                <LoadingIndicator size='sm' />\n                            </div>\n                        )}\n                    </div>\n                )}\n            </div>\n        </Layout>\n    );\n};\n\nexport default Explore;\n"],"names":["__iconNode","Sprout","createLucideIcon","ExploreProfile","profile","update","isLoading","onOpenChange","currentAccountQuery","useAccountForUser","currentUser","isCurrentUser","onFollow","onUnfollow","navigate","useNavigateWithBasePath","jsx","jsxs","ProfilePreviewHoverCard","APAvatar","Skeleton","FollowButton","openLinksInNewTab","stripHtml","Explore","isExplainerClosed","setExplainerClosed","useOnboardingStatus","params","useParams","topic","exploreProfilesQuery","updateExploreProfile","useExploreProfilesForUserByTopic","exploreProfilesData","isLoadingExploreProfiles","fetchNextPage","hasNextPage","isFetchingNextPage","emptyProfiles","_","i","profiles","page","useEffect","node","observer","entries","Layout","LucideIcon.Sprout","H4","Button","LucideIcon.X","TopicFilter","newTopic","React","LoadingIndicator"],"mappings":"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","x_google_ignoreList":[0]}