@tryghost/activitypub 3.0.2 → 3.0.7

package/dist/feed-D0aeoOOJ.mjs

@@ -0,0 +1,207 @@
+import { j as e, ap as k, A as N, c as f, d as y, b as v, aq as P, e as _, H as R, B as g, ar as z, C as I, a9 as M, S as b, P as B, aa as W, L as U, F as A, i as E, k as $, E as H, f as D, as as O, at as Q, au as V, av as q, aw as T } from "./index-_vEj3NfZ.mjs";
+import { S as C } from "./separator-nDV4oVPB.mjs";
+import { H as X } from "./hash-B-J30lCU.mjs";
+const p = ({ user: n }) => /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative my-5 w-full hover:cursor-pointer", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute left-4 top-4", children: /* @__PURE__ */ e.jsx(N, { author: n }) }),
+  /* @__PURE__ */ e.jsx("div", { "aria-label": "New post", className: "text inset-0 flex h-[72px] w-full items-center justify-start rounded-lg bg-white pl-[68px] text-left text-[1.5rem] font-normal tracking-normal text-gray-500 shadow-[0_5px_24px_0px_rgba(0,0,0,0.02),0px_2px_5px_0px_rgba(0,0,0,0.07),0px_0px_1px_0px_rgba(0,0,0,0.25)] transition-all hover:bg-white hover:shadow-[0_5px_24px_0px_rgba(0,0,0,0.05),0px_14px_12px_-9px_rgba(0,0,0,0.07),0px_0px_1px_0px_rgba(0,0,0,0.25)] dark:border dark:border-gray-925 dark:bg-black dark:shadow-none dark:hover:border-gray-800 dark:hover:bg-black dark:hover:shadow-none", children: "What's new?" })
+] }) }), G = () => {
+  const n = f(null), l = y(), [c, i] = v(!1), [x, d] = v(!0), { suggestedProfilesQuery: m, updateSuggestedProfile: r } = P("index", 10), { data: o = [], isLoading: a } = m, h = () => {
+    const s = n.current;
+    if (!s)
+      return;
+    const j = s.scrollLeft > 0, w = s.scrollLeft < s.scrollWidth - s.clientWidth;
+    i(j), d(w);
+  };
+  if (_(() => {
+    h();
+  }, [o]), !a && (!o || o.length < 4))
+    return null;
+  const t = (s) => {
+  }, u = (s) => {
+    r(s.id, {
+      followedByMe: !0
+    });
+  }, S = (s) => {
+    r(s.id, {
+      followedByMe: !1
+    });
+  }, F = () => {
+    const s = n.current;
+    s && s.scrollBy({ left: -176 * 2, behavior: "smooth" });
+  }, L = () => {
+    const s = n.current;
+    if (!s)
+      return;
+    s.scrollBy({ left: 176 * 2, behavior: "smooth" });
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "pb-7 pt-4", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+        /* @__PURE__ */ e.jsx(R, { className: "text-lg font-semibold text-black dark:text-white", children: "More people to follow" }),
+        /* @__PURE__ */ e.jsx(g, { className: "px-0 font-medium text-gray-700 hover:text-black dark:text-gray-600 dark:hover:text-white", variant: "link", onClick: () => l("/explore"), children: "Find more →" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+        c && /* @__PURE__ */ e.jsx(
+          g,
+          {
+            className: "absolute -left-10 top-1/2 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white",
+            variant: "ghost",
+            onClick: F,
+            children: /* @__PURE__ */ e.jsx(z, { className: "!size-6" })
+          }
+        ),
+        x && /* @__PURE__ */ e.jsx(
+          g,
+          {
+            className: "absolute -right-10 top-1/2 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white",
+            variant: "ghost",
+            onClick: L,
+            children: /* @__PURE__ */ e.jsx(I, { className: "!size-6" })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            ref: n,
+            className: "flex snap-x snap-mandatory gap-4 overflow-x-auto",
+            style: {
+              scrollbarWidth: "none",
+              msOverflowStyle: "none"
+            },
+            onScroll: h,
+            children: (a ? Array(10).fill(null) : o || []).map((s, j) => /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: "relative w-40 shrink-0 snap-start rounded-lg bg-gray-75 p-4 dark:bg-gray-925/30",
+                onClick: !a && s ? () => l(`/profile/${s.handle}`) : void 0,
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    g,
+                    {
+                      className: "absolute right-2 top-1 hidden p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
+                      variant: "link",
+                      onClick: (w) => {
+                        w.stopPropagation(), t((s == null ? void 0 : s.id) || "");
+                      },
+                      children: /* @__PURE__ */ e.jsx(M, { className: "size-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center text-center", children: [
+                    /* @__PURE__ */ e.jsx("div", { className: "mb-3", children: a ? /* @__PURE__ */ e.jsx(b, { className: "size-16 rounded-full" }) : /* @__PURE__ */ e.jsx(B, { actor: s, align: "center", children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+                      N,
+                      {
+                        author: {
+                          icon: { url: (s == null ? void 0 : s.avatarUrl) || "" },
+                          name: (s == null ? void 0 : s.name) || "",
+                          handle: (s == null ? void 0 : s.handle) || ""
+                        },
+                        size: "md"
+                      }
+                    ) }) }) }),
+                    /* @__PURE__ */ e.jsx("span", { className: "mb-6 w-full truncate font-semibold text-black dark:text-white", children: a ? /* @__PURE__ */ e.jsx(b, { className: "h-5 w-32" }) : (s == null ? void 0 : s.name) || "" }),
+                    a ? /* @__PURE__ */ e.jsx(b, { className: "h-8 w-16" }) : /* @__PURE__ */ e.jsx(
+                      W,
+                      {
+                        following: (s == null ? void 0 : s.followedByMe) || !1,
+                        handle: (s == null ? void 0 : s.handle) || "",
+                        type: "primary",
+                        onFollow: () => s && u(s),
+                        onUnfollow: () => s && S(s)
+                      }
+                    )
+                  ] })
+                ]
+              },
+              (s == null ? void 0 : s.id) || `loading-${j}`
+            ))
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(C, {})
+  ] });
+}, J = ({
+  isLoading: n,
+  activities: l,
+  user: c,
+  fetchNextPage: i,
+  hasNextPage: x,
+  isFetchingNextPage: d
+}) => {
+  const m = y(), r = f(null), o = f(null), a = f(null);
+  _(() => (r.current && r.current.disconnect(), r.current = new IntersectionObserver((t) => {
+    t[0].isIntersecting && x && !d && i();
+  }), o.current && r.current.observe(o.current), a.current && r.current.observe(a.current), () => {
+    r.current && r.current.disconnect();
+  }), [x, d, i]);
+  const h = Math.max(0, Math.floor(l.length * 0.75) - 1);
+  return /* @__PURE__ */ e.jsx(U, { children: /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "w-full", children: l.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "my-4", children: /* @__PURE__ */ e.jsx("div", { className: "mx-auto flex items-start gap-11", children: /* @__PURE__ */ e.jsx("div", { className: "flex w-full min-w-0 flex-col items-center", children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full min-w-0 max-w-[620px] flex-col items-start", children: [
+    /* @__PURE__ */ e.jsx(p, { user: c }),
+    /* @__PURE__ */ e.jsxs("ul", { className: "mx-auto flex w-full flex-col px-4 max-lg:px-0", "data-testid": "feed-list", children: [
+      l.map((t, u) => /* @__PURE__ */ e.jsxs(
+        "li",
+        {
+          "data-testid": "feed-item",
+          "data-test-view-article": !0,
+          children: [
+            /* @__PURE__ */ e.jsx(
+              A,
+              {
+                actor: t.actor,
+                allowDelete: t.object.authored,
+                commentCount: t.object.replyCount ?? 0,
+                isLoading: n,
+                isPending: E(t.id),
+                layout: "feed",
+                likeCount: t.object.likeCount ?? 0,
+                object: t.object,
+                repostCount: t.object.repostCount ?? 0,
+                type: t.type,
+                onClick: () => {
+                  m(`/notes/${encodeURIComponent(t.id)}`);
+                }
+              }
+            ),
+            u < l.length - 1 && /* @__PURE__ */ e.jsx(C, {}),
+            u === 3 && /* @__PURE__ */ e.jsx(G, {}),
+            u === h && /* @__PURE__ */ e.jsx("div", { ref: o, className: "h-1" })
+          ]
+        },
+        `${t.id}-${t.type}-${u}`
+      )),
+      d && /* @__PURE__ */ e.jsx("li", { className: "flex flex-col items-center justify-center space-y-4 text-center", children: /* @__PURE__ */ e.jsx($, { size: "md" }) })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { ref: a, className: "h-1" })
+  ] }) }) }) }) : /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col items-center gap-10", children: /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex w-full max-w-[620px] flex-col items-center", children: [
+    /* @__PURE__ */ e.jsx(p, { user: c }),
+    /* @__PURE__ */ e.jsx("div", { className: "mt-[-128px]", children: /* @__PURE__ */ e.jsxs(H, { children: [
+      /* @__PURE__ */ e.jsx(D, { children: /* @__PURE__ */ e.jsx(X, {}) }),
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        "The Feed is the stream of thoughts and ",
+        /* @__PURE__ */ e.jsx("span", { className: "text-black dark:text-white", children: "bite-sized updates" }),
+        " from people you follow in the Social Web. It's looking a little empty right now but once the people you follow start posting, their updates will show up here."
+      ] }),
+      /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs(g, { className: "text-white dark:text-black", children: [
+        /* @__PURE__ */ e.jsx(O, {}),
+        "Write your first note"
+      ] }) })
+    ] }) })
+  ] }) }) }) }) });
+}, ee = () => {
+  const { feedQuery: n } = Q({ enabled: !0 }), { data: l, error: c, fetchNextPage: i, hasNextPage: x, isFetchingNextPage: d, isLoading: m } = n, r = (l == null ? void 0 : l.pages.flatMap((a) => a.posts)) ?? Array.from({ length: 5 }, (a, h) => ({ id: `placeholder-${h}`, object: {} })), { data: o } = V("index");
+  return c && q(c) ? /* @__PURE__ */ e.jsx(T, { errorCode: c.code, statusCode: c.statusCode }) : /* @__PURE__ */ e.jsx(
+    J,
+    {
+      activities: r,
+      fetchNextPage: i,
+      hasNextPage: x,
+      isFetchingNextPage: d,
+      isLoading: m,
+      user: o
+    }
+  );
+};
+export {
+  ee as default
+};
+//# sourceMappingURL=feed-D0aeoOOJ.mjs.map

package/dist/feed-D0aeoOOJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed-D0aeoOOJ.mjs","sources":["../src/views/feed/components/feed-input.tsx","../src/views/feed/components/suggested-profiles.tsx","../src/views/feed/components/feed-list.tsx","../src/views/feed/feed.tsx"],"sourcesContent":["import APAvatar from '@src/components/global/ap-avatar';\nimport NewNoteModal from '@src/components/modals/new-note-modal';\nimport {ActorProperties} from '@tryghost/admin-x-framework/api/activitypub';\n\nconst FeedInput: React.FC<{user?: ActorProperties}> = ({user}) => {\n    return (\n        <NewNoteModal>\n            <div className='relative my-5 w-full hover:cursor-pointer'>\n                <div className='pointer-events-none absolute left-4 top-4'>\n                    <APAvatar author={user as ActorProperties} />\n                </div>\n                <div aria-label='New post' className='text inset-0 flex h-[72px] w-full items-center justify-start rounded-lg bg-white pl-[68px] text-left text-[1.5rem] font-normal tracking-normal text-gray-500 shadow-[0_5px_24px_0px_rgba(0,0,0,0.02),0px_2px_5px_0px_rgba(0,0,0,0.07),0px_0px_1px_0px_rgba(0,0,0,0.25)] transition-all hover:bg-white hover:shadow-[0_5px_24px_0px_rgba(0,0,0,0.05),0px_14px_12px_-9px_rgba(0,0,0,0.07),0px_0px_1px_0px_rgba(0,0,0,0.25)] dark:border dark:border-gray-925 dark:bg-black dark:shadow-none dark:hover:border-gray-800 dark:hover:bg-black dark:hover:shadow-none'>What&apos;s new?</div>\n            </div>\n        </NewNoteModal>\n    );\n};\n\nexport default FeedInput;","import APAvatar from '@src/components/global/ap-avatar';\nimport FollowButton from '@src/components/global/follow-button';\nimport ProfilePreviewHoverCard from '@components/global/profile-preview-hover-card';\nimport {Account} from '@src/api/activitypub';\nimport {Button, H4, LucideIcon, Separator, Skeleton} from '@tryghost/shade';\nimport {useEffect, useRef, useState} from 'react';\nimport {useNavigateWithBasePath} from '@src/hooks/use-navigate-with-base-path';\nimport {useSuggestedProfilesForUser} from '@src/hooks/use-activity-pub-queries';\n\nconst SuggestedProfiles: React.FC = () => {\n    const scrollContainerRef = useRef<HTMLDivElement>(null);\n    const navigate = useNavigateWithBasePath();\n    const [canScrollLeft, setCanScrollLeft] = useState(false);\n    const [canScrollRight, setCanScrollRight] = useState(true);\n\n    const {suggestedProfilesQuery, updateSuggestedProfile} = useSuggestedProfilesForUser('index', 10);\n    const {data: suggestedProfilesData = [], isLoading: isLoadingSuggestedProfiles} = suggestedProfilesQuery;\n\n    const updateScrollButtons = () => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        const canScrollL = container.scrollLeft > 0;\n        const canScrollR = container.scrollLeft < container.scrollWidth - container.clientWidth;\n\n        setCanScrollLeft(canScrollL);\n        setCanScrollRight(canScrollR);\n    };\n\n    useEffect(() => {\n        updateScrollButtons();\n    }, [suggestedProfilesData]);\n\n    if (!isLoadingSuggestedProfiles && (!suggestedProfilesData || suggestedProfilesData.length < 4)) {\n        return null;\n    }\n\n    const handleDismiss = (profileId: string) => {\n        // TODO: Implement dismiss functionality\n        void profileId;\n    };\n\n    const handleFollow = (profile: Account) => {\n        updateSuggestedProfile(profile.id, {\n            followedByMe: true\n        });\n    };\n\n    const handleUnfollow = (profile: Account) => {\n        updateSuggestedProfile(profile.id, {\n            followedByMe: false\n        });\n    };\n\n    const scrollLeft = () => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        const cardWidth = 160 + 16; // w-40 (160px) + gap-4 (16px)\n        container.scrollBy({left: -cardWidth * 2, behavior: 'smooth'});\n    };\n\n    const scrollRight = () => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        const cardWidth = 160 + 16; // w-40 (160px) + gap-4 (16px)\n        container.scrollBy({left: cardWidth * 2, behavior: 'smooth'});\n    };\n\n    return (\n        <>\n            <div className='pb-7 pt-4'>\n                <div className='mb-3 flex items-center justify-between'>\n                    <H4 className='text-lg font-semibold text-black dark:text-white'>More people to follow</H4>\n                    <Button className='px-0 font-medium text-gray-700 hover:text-black dark:text-gray-600 dark:hover:text-white' variant='link' onClick={() => navigate('/explore')}>\n                    Find more &rarr;\n                    </Button>\n                </div>\n\n                <div className='relative'>\n                    {canScrollLeft && (\n                        <Button\n                            className='absolute -left-10 top-1/2 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white'\n                            variant='ghost'\n                            onClick={scrollLeft}\n                        >\n                            <LucideIcon.ChevronLeft className='!size-6' />\n                        </Button>\n                    )}\n\n                    {canScrollRight && (\n                        <Button\n                            className='absolute -right-10 top-1/2 z-10 size-10 -translate-y-1/2 text-gray-700 hover:bg-transparent max-lg:hidden dark:text-gray-600 dark:hover:text-white'\n                            variant='ghost'\n                            onClick={scrollRight}\n                        >\n                            <LucideIcon.ChevronRight className='!size-6' />\n                        </Button>\n                    )}\n\n                    <div\n                        ref={scrollContainerRef}\n                        className='flex snap-x snap-mandatory gap-4 overflow-x-auto'\n                        style={{\n                            scrollbarWidth: 'none',\n                            msOverflowStyle: 'none'\n                        }}\n                        onScroll={updateScrollButtons}\n                    >\n                        {(isLoadingSuggestedProfiles ? Array(10).fill(null) : (suggestedProfilesData || [])).map((profile, index) => (\n                            <div\n                                key={profile?.id || `loading-${index}`}\n                                className='relative w-40 shrink-0 snap-start rounded-lg bg-gray-75 p-4 dark:bg-gray-925/30'\n                                onClick={!isLoadingSuggestedProfiles && profile ? () => navigate(`/profile/${profile.handle}`) : undefined}\n                            >\n                                <Button\n                                    className='absolute right-2 top-1 hidden p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300'\n                                    variant='link'\n                                    onClick={(e) => {\n                                        e.stopPropagation();\n                                        handleDismiss(profile?.id || '');\n                                    }}\n                                >\n                                    <LucideIcon.X className='size-4' />\n                                </Button>\n\n                                <div className='flex flex-col items-center text-center'>\n                                    <div className='mb-3'>\n                                        {isLoadingSuggestedProfiles ? (\n                                            <Skeleton className='size-16 rounded-full' />\n                                        ) : (\n                                            <ProfilePreviewHoverCard actor={profile} align='center'>\n                                                <div>\n                                                    <APAvatar\n                                                        author={{\n                                                            icon: {url: profile?.avatarUrl || ''},\n                                                            name: profile?.name || '',\n                                                            handle: profile?.handle || ''\n                                                        }}\n                                                        size='md'\n                                                    />\n                                                </div>\n                                            </ProfilePreviewHoverCard>\n                                        )}\n                                    </div>\n\n                                    <span className='mb-6 w-full truncate font-semibold text-black dark:text-white'>\n                                        {isLoadingSuggestedProfiles ? (\n                                            <Skeleton className='h-5 w-32' />\n                                        ) : (\n                                            profile?.name || ''\n                                        )}\n                                    </span>\n\n                                    {isLoadingSuggestedProfiles ? (\n                                        <Skeleton className='h-8 w-16' />\n                                    ) : (\n                                        <FollowButton\n                                            following={profile?.followedByMe || false}\n                                            handle={profile?.handle || ''}\n                                            type='primary'\n                                            onFollow={() => profile && handleFollow(profile)}\n                                            onUnfollow={() => profile && handleUnfollow(profile)}\n                                        />\n                                    )}\n                                </div>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n            <Separator />\n        </>\n    );\n};\n\nexport default SuggestedProfiles;\n","import FeedInput from './feed-input';\nimport FeedItem from '@src/components/feed/feed-item';\nimport Layout from '@src/components/layout';\nimport NewNoteModal from '@src/components/modals/new-note-modal';\nimport SuggestedProfiles from './suggested-profiles';\nimport {Activity} from '@src/api/activitypub';\nimport {ActorProperties} from '@tryghost/admin-x-framework/api/activitypub';\nimport {Button, LoadingIndicator, LucideIcon, Separator} from '@tryghost/shade';\nimport {EmptyViewIcon, EmptyViewIndicator} from '@src/components/global/empty-view-indicator';\nimport {isPendingActivity} from '@src/utils/pending-activity';\nimport {useEffect, useRef} from 'react';\nimport {useNavigateWithBasePath} from '@src/hooks/use-navigate-with-base-path';\n\nexport type FeedListProps = {\n    isLoading: boolean,\n    activities: Activity[],\n    user: ActorProperties,\n    fetchNextPage: () => void,\n    hasNextPage: boolean,\n    isFetchingNextPage: boolean\n}\n\nconst FeedList:React.FC<FeedListProps> = ({\n    isLoading,\n    activities,\n    user,\n    fetchNextPage,\n    hasNextPage,\n    isFetchingNextPage\n}) => {\n    const navigate = useNavigateWithBasePath();\n\n    const observerRef = useRef<IntersectionObserver | null>(null);\n    const loadMoreRef = useRef<HTMLDivElement | null>(null);\n    const endLoadMoreRef = 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        if (endLoadMoreRef.current) {\n            observerRef.current.observe(endLoadMoreRef.current);\n        }\n\n        return () => {\n            if (observerRef.current) {\n                observerRef.current.disconnect();\n            }\n        };\n    }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n    const loadMoreIndex = Math.max(0, Math.floor(activities.length * 0.75) - 1);\n\n    return (\n        <Layout>\n            <div className='flex w-full flex-col'>\n                <div className='w-full'>\n                    {activities.length > 0 ? (\n                        <div className='my-4'>\n                            <div className='mx-auto flex items-start gap-11'>\n                                <div className='flex w-full min-w-0 flex-col items-center'>\n                                    <div className='flex w-full min-w-0 max-w-[620px] flex-col items-start'>\n                                        <FeedInput user={user} />\n                                        <ul className='mx-auto flex w-full flex-col px-4 max-lg:px-0' data-testid=\"feed-list\">\n                                            {activities.map((activity, index) => (\n                                                <li\n                                                // eslint-disable-next-line react/no-array-index-key\n                                                    key={`${activity.id}-${activity.type}-${index}`} // We are using index here as activity.id is cannot be guaranteed to be unique at the moment\n                                                    data-testid=\"feed-item\"\n                                                    data-test-view-article\n                                                >\n                                                    <FeedItem\n                                                        actor={activity.actor}\n                                                        allowDelete={activity.object.authored}\n                                                        commentCount={activity.object.replyCount ?? 0}\n                                                        isLoading={isLoading}\n                                                        isPending={isPendingActivity(activity.id)}\n                                                        layout={'feed'}\n                                                        likeCount={activity.object.likeCount ?? 0}\n                                                        object={activity.object}\n                                                        repostCount={activity.object.repostCount ?? 0}\n                                                        type={activity.type}\n                                                        onClick={() => {\n                                                            navigate(`/notes/${encodeURIComponent(activity.id)}`);\n                                                        }}\n                                                    />\n                                                    {index < activities.length - 1 && (\n                                                        <Separator />\n                                                    )}\n                                                    {index === 3 && (\n                                                        <SuggestedProfiles />\n                                                    )}\n                                                    {index === loadMoreIndex && (\n                                                        <div ref={loadMoreRef} className='h-1'></div>\n                                                    )}\n                                                </li>\n                                            ))}\n                                            {isFetchingNextPage && (\n                                                <li className='flex flex-col items-center justify-center space-y-4 text-center'>\n                                                    <LoadingIndicator size='md' />\n                                                </li>\n                                            )}\n                                        </ul>\n                                        <div ref={endLoadMoreRef} className='h-1'></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    ) : (\n                        <div className='flex w-full flex-col items-center gap-10'>\n                            <div className='mt-4 flex w-full max-w-[620px] flex-col items-center'>\n                                <FeedInput user={user} />\n                                <div className='mt-[-128px]'>\n                                    <EmptyViewIndicator>\n                                        <EmptyViewIcon><LucideIcon.Hash /></EmptyViewIcon>\n                                        <div>The Feed is the stream of thoughts and <span className='text-black dark:text-white'>bite-sized updates</span> from people you follow in the Social Web. It&apos;s looking a little empty right now but once the people you follow start posting, their updates will show up here.</div>\n                                        <NewNoteModal>\n                                            <Button className='text-white dark:text-black'>\n                                                <LucideIcon.FilePen />\n                                            Write your first note\n                                            </Button>\n                                        </NewNoteModal>\n                                    </EmptyViewIndicator>\n                                </div>\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n        </Layout>\n    );\n};\n\nexport default FeedList;\n","import AppError from '@components/layout/error';\nimport FeedList from './components/feed-list';\nimport React from 'react';\nimport {isApiError} from '@src/api/activitypub';\nimport {\n    useFeedForUser,\n    useUserDataForUser\n} from '@hooks/use-activity-pub-queries';\n\nconst Feed: React.FC = () => {\n    const {feedQuery} = useFeedForUser({enabled: true});\n    const {data, error, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading} = feedQuery;\n\n    const activities = (data?.pages.flatMap(page => page.posts) ?? Array.from({length: 5}, (_, index) => ({id: `placeholder-${index}`, object: {}})));\n\n    const {data: user} = useUserDataForUser('index');\n\n    if (error && isApiError(error)) {\n        return <AppError errorCode={error.code} statusCode={error.statusCode}/>;\n    }\n\n    return <FeedList\n        activities={activities}\n        fetchNextPage={fetchNextPage}\n        hasNextPage={hasNextPage!}\n        isFetchingNextPage={isFetchingNextPage}\n        isLoading={isLoading}\n        user={user!}\n    />;\n};\n\nexport default Feed;\n"],"names":["FeedInput","user","jsx","NewNoteModal","jsxs","APAvatar","SuggestedProfiles","scrollContainerRef","useRef","navigate","useNavigateWithBasePath","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","suggestedProfilesQuery","updateSuggestedProfile","useSuggestedProfilesForUser","suggestedProfilesData","isLoadingSuggestedProfiles","updateScrollButtons","container","canScrollL","canScrollR","useEffect","handleDismiss","profileId","handleFollow","profile","handleUnfollow","scrollLeft","scrollRight","Fragment","H4","Button","LucideIcon.ChevronLeft","LucideIcon.ChevronRight","index","e","LucideIcon.X","Skeleton","ProfilePreviewHoverCard","FollowButton","Separator","FeedList","isLoading","activities","fetchNextPage","hasNextPage","isFetchingNextPage","observerRef","loadMoreRef","endLoadMoreRef","entries","loadMoreIndex","Layout","activity","FeedItem","isPendingActivity","LoadingIndicator","EmptyViewIndicator","EmptyViewIcon","LucideIcon.Hash","LucideIcon.FilePen","Feed","feedQuery","useFeedForUser","data","error","page","_","useUserDataForUser","isApiError","AppError"],"mappings":"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"}

package/dist/hash-B-J30lCU.mjs

@@ -0,0 +1,17 @@
+import { a6 as e } from "./index-_vEj3NfZ.mjs";
+/**
+ * @license lucide-react v0.553.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const y = [
+  ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
+  ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
+  ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
+  ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
+], x = e("hash", y);
+export {
+  x as H
+};
+//# sourceMappingURL=hash-B-J30lCU.mjs.map

package/dist/hash-B-J30lCU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-B-J30lCU.mjs","sources":["../../../node_modules/lucide-react/dist/esm/icons/hash.js"],"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  [\"line\", { x1: \"4\", x2: \"20\", y1: \"9\", y2: \"9\", key: \"4lhtct\" }],\n  [\"line\", { x1: \"4\", x2: \"20\", y1: \"15\", y2: \"15\", key: \"vyu0kd\" }],\n  [\"line\", { x1: \"10\", x2: \"8\", y1: \"3\", y2: \"21\", key: \"1ggp8o\" }],\n  [\"line\", { x1: \"16\", x2: \"14\", y1: \"3\", y2: \"21\", key: \"weycgp\" }]\n];\nconst Hash = createLucideIcon(\"hash\", __iconNode);\n\nexport { __iconNode, Hash as default };\n//# sourceMappingURL=hash.js.map\n"],"names":["__iconNode","Hash","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,IAAI,KAAK,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,SAAQ,CAAE;AAAA,EAC/D,CAAC,QAAQ,EAAE,IAAI,KAAK,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,KAAK,SAAQ,CAAE;AAAA,EACjE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,KAAK,SAAQ,CAAE;AAAA,EAChE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,KAAK,SAAQ,CAAE;AACnE,GACMC,IAAOC,EAAiB,QAAQF,CAAU;","x_google_ignoreList":[0]}

package/dist/inbox-BrLsHadF.mjs

@@ -0,0 +1,21 @@
+import { a6 as o } from "./index-_vEj3NfZ.mjs";
+/**
+ * @license lucide-react v0.553.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [
+  ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
+  [
+    "path",
+    {
+      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+      key: "oot6mr"
+    }
+  ]
+], e = o("inbox", t);
+export {
+  e as I
+};
+//# sourceMappingURL=inbox-BrLsHadF.mjs.map

package/dist/inbox-BrLsHadF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inbox-BrLsHadF.mjs","sources":["../../../node_modules/lucide-react/dist/esm/icons/inbox.js"],"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  [\"polyline\", { points: \"22 12 16 12 14 15 10 15 8 12 2 12\", key: \"o97t9d\" }],\n  [\n    \"path\",\n    {\n      d: \"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\",\n      key: \"oot6mr\"\n    }\n  ]\n];\nconst Inbox = createLucideIcon(\"inbox\", __iconNode);\n\nexport { __iconNode, Inbox as default };\n//# sourceMappingURL=inbox.js.map\n"],"names":["__iconNode","Inbox","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,YAAY,EAAE,QAAQ,qCAAqC,KAAK,SAAQ,CAAE;AAAA,EAC3E;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AACA,GACMC,IAAQC,EAAiB,SAASF,CAAU;","x_google_ignoreList":[0]}

package/dist/index-BMm_mIRT.mjs

@@ -0,0 +1,138 @@
+import { a6 as v, a7 as y, u as b, d as j, a8 as k, e as F, j as e, L as P, H as B, B as E, a9 as M, R as T, k as L, Q as A, P as C, A as H, S as u, aa as I, ab as S, ac as U } from "./index-_vEj3NfZ.mjs";
+import { T as _ } from "./topic-filter-1kNAxvyr.mjs";
+/**
+ * @license lucide-react v0.553.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const z = [
+  [
+    "path",
+    {
+      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",
+      key: "139s4v"
+    }
+  ],
+  ["path", { d: "M4 9a5 5 0 0 1 8 4 5 5 0 0 1-8-4", key: "1dlkgp" }],
+  ["path", { d: "M5 21h14", key: "11awu3" }]
+], Q = v("sprout", z), f = ({ profile: s, update: n, isLoading: t, onOpenChange: l }) => {
+  const c = A("index", "me"), { data: r } = c, i = s.handle === (r == null ? void 0 : r.handle), o = () => {
+    n(s.id, {
+      followedByMe: !0
+    });
+  }, d = () => {
+    n(s.id, {
+      followedByMe: !1
+    });
+  }, x = j();
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "flex w-full cursor-pointer items-start gap-3 pt-4 [&:last-of-type>:nth-child(2)]:border-none",
+      onClick: () => {
+        x(`/profile/${s.handle}`);
+      },
+      children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-1 border-b border-gray-200 pb-4 dark:border-gray-950", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ e.jsx(C, { actor: s, isCurrentUser: i, children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ e.jsx(H, { author: {
+              icon: {
+                url: s.avatarUrl
+              },
+              name: s.name,
+              handle: s.handle
+            }, onClick: () => l == null ? void 0 : l(!1) }),
+            /* @__PURE__ */ e.jsxs("div", { className: "-mt-0.5 flex grow flex-col break-anywhere", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "line-clamp-1 font-semibold text-black dark:text-white", children: t ? /* @__PURE__ */ e.jsx(u, { className: "w-full max-w-48" }) : s.name }),
+              /* @__PURE__ */ e.jsx("span", { className: "line-clamp-1 text-md text-gray-700 dark:text-gray-600", children: t ? /* @__PURE__ */ e.jsx(u, { className: "w-32" }) : s.handle })
+            ] })
+          ] }) }),
+          t ? /* @__PURE__ */ e.jsx("div", { className: "inline-flex items-center", children: /* @__PURE__ */ e.jsx(u, { className: "w-24" }) }) : i ? null : /* @__PURE__ */ e.jsx(
+            I,
+            {
+              className: "ml-auto",
+              following: s.followedByMe,
+              handle: s.handle,
+              type: "primary",
+              onFollow: o,
+              onUnfollow: d
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "pl-[52px]", children: t ? /* @__PURE__ */ e.jsx(u, { className: "w-full max-w-96" }) : s.bio && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            dangerouslySetInnerHTML: { __html: S(U(s.bio, ["a", "br"])) },
+            className: "ap-profile-content pointer-events-none mt-0 line-clamp-2 max-w-[460px] break-anywhere"
+          }
+        ) })
+      ] })
+    }
+  );
+}, V = () => {
+  const { isExplainerClosed: s, setExplainerClosed: n } = y(), t = b(), l = j(), c = t.topic || "top", { exploreProfilesQuery: r, updateExploreProfile: i } = k("index", c), { data: o, isLoading: d, fetchNextPage: x, hasNextPage: h, isFetchingNextPage: p } = r, w = Array(10).fill(null).map((a, m) => ({
+    id: `skeleton-${m}`,
+    name: "",
+    handle: "",
+    avatarUrl: "",
+    bio: "",
+    url: "",
+    followedByMe: !1
+  })), g = (o == null ? void 0 : o.pages.flatMap((a) => a.accounts)) || [];
+  return F(() => {
+    const a = document.querySelector(".load-more-trigger");
+    if (!a)
+      return;
+    const m = new IntersectionObserver(
+      (N) => {
+        N[0].isIntersecting && h && !p && x();
+      },
+      { threshold: 0.1 }
+    );
+    return m.observe(a), () => m.disconnect();
+  }, [h, p, x]), /* @__PURE__ */ e.jsxs(P, { children: [
+    !s && /* @__PURE__ */ e.jsxs("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]", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "min-w-[46px]", children: /* @__PURE__ */ e.jsx(Q, { className: "text-purple", size: 46, strokeWidth: 0.75 }) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "mt-1 flex flex-col gap-[2px]", children: [
+        /* @__PURE__ */ e.jsx(B, { className: "text-pretty", children: "The fastest way to grow your followers, is to follow others!" }),
+        /* @__PURE__ */ e.jsx("p", { className: "2xl:text-pretty text-balance text-sm text-black/60 dark:text-white/60", children: "Here are some recommendations to get you started, from Ghost publishers and other great accounts from around the social web." })
+      ] }),
+      /* @__PURE__ */ e.jsx(E, { className: "absolute right-4 top-[17px] size-6 opacity-40", variant: "link", onClick: () => n(!0), children: /* @__PURE__ */ e.jsx(M, { size: 20 }) })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      _,
+      {
+        currentTopic: c,
+        excludeTopics: ["following"],
+        onTopicChange: (a) => {
+          a === "top" ? l("/explore", { replace: !0 }) : l(`/explore/${a}`, { replace: !0 });
+        }
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { className: "mt-12 flex flex-col gap-12 pb-20 max-md:mt-5", children: d ? /* @__PURE__ */ e.jsx("div", { children: w.map((a) => /* @__PURE__ */ e.jsx("div", { className: "mx-auto w-full max-w-[640px]", children: /* @__PURE__ */ e.jsx(
+      f,
+      {
+        isLoading: d,
+        profile: a,
+        update: () => {
+        }
+      }
+    ) }, a.id)) }) : /* @__PURE__ */ e.jsxs("div", { className: "mx-auto flex w-full max-w-[640px] flex-col items-center", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "w-full", children: g.map((a) => /* @__PURE__ */ e.jsx(T.Fragment, { children: /* @__PURE__ */ e.jsx(
+        f,
+        {
+          isLoading: !1,
+          profile: a,
+          update: i
+        }
+      ) }, a.id)) }),
+      /* @__PURE__ */ e.jsx("div", { className: "load-more-trigger h-4 w-full" }),
+      p && /* @__PURE__ */ e.jsx("div", { className: "mt-2 flex w-full justify-center", children: /* @__PURE__ */ e.jsx(L, { size: "sm" }) })
+    ] }) })
+  ] });
+};
+export {
+  V as default
+};
+//# sourceMappingURL=index-BMm_mIRT.mjs.map

package/dist/index-BMm_mIRT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BMm_mIRT.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]}