@drodil/backstage-plugin-qeta-react 3.56.0 → 3.56.1

package/dist/hooks/useUserFollow.esm.js

@@ -1,50 +1,33 @@
-import { useState, useEffect, useCallback } from 'react';
+import { useCallback } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../api.esm.js';
+import { useFollow } from './useFollow.esm.js';
 
-let followedUsers = void 0;
 const useUserFollow = () => {
-  const [users, setUsers] = useState(followedUsers ?? []);
-  const [loading, setLoading] = useState(followedUsers === void 0);
   const qetaApi = useApi(qetaApiRef);
-  useEffect(() => {
-    if (followedUsers === void 0) {
-      qetaApi.getFollowedUsers().then((res) => {
-        followedUsers = res.followedUserRefs;
-        setUsers(res.followedUserRefs);
-        setLoading(false);
-      });
-    } else {
-      setUsers(followedUsers);
+  const { items, follow, unfollow, isFollowing, loading } = useFollow(
+    "users",
+    {
+      fetchFollowed: useCallback(
+        () => qetaApi.getFollowedUsers().then((res) => res.followedUserRefs),
+        [qetaApi]
+      ),
+      followItem: useCallback(
+        (user) => qetaApi.followUser(user),
+        [qetaApi]
+      ),
+      unfollowItem: useCallback(
+        (user) => qetaApi.unfollowUser(user),
+        [qetaApi]
+      ),
+      isEqual: (a, b) => a === b
     }
-  }, [qetaApi]);
-  const followUser = useCallback(
-    (user) => {
-      qetaApi.followUser(user).then(() => {
-        setUsers((prev) => [...prev, user]);
-        followedUsers?.push(user);
-      });
-    },
-    [qetaApi]
-  );
-  const unfollowUser = useCallback(
-    (user) => {
-      qetaApi.unfollowUser(user).then(() => {
-        setUsers((prev) => prev.filter((t) => t !== user));
-        followedUsers = followedUsers?.filter((t) => t !== user);
-      });
-    },
-    [qetaApi]
-  );
-  const isFollowingUser = useCallback(
-    (user) => users.includes(user),
-    [users]
   );
   return {
-    users,
-    followUser,
-    unfollowUser,
-    isFollowingUser,
+    users: items,
+    followUser: follow,
+    unfollowUser: unfollow,
+    isFollowingUser: isFollowing,
     loading
   };
 };

package/dist/hooks/useUserFollow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUserFollow.esm.js","sources":["../../src/hooks/useUserFollow.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedUsers: string[] | undefined = undefined;\n\nexport const useUserFollow = () => {\n  const [users, setUsers] = useState<string[]>(followedUsers ?? []);\n  const [loading, setLoading] = useState(followedUsers === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedUsers === undefined) {\n      qetaApi.getFollowedUsers().then(res => {\n        followedUsers = res.followedUserRefs;\n        setUsers(res.followedUserRefs);\n        setLoading(false);\n      });\n    } else {\n      setUsers(followedUsers);\n    }\n  }, [qetaApi]);\n\n  const followUser = useCallback(\n    (user: string) => {\n      qetaApi.followUser(user).then(() => {\n        setUsers(prev => [...prev, user]);\n        followedUsers?.push(user);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowUser = useCallback(\n    (user: string) => {\n      qetaApi.unfollowUser(user).then(() => {\n        setUsers(prev => prev.filter(t => t !== user));\n        followedUsers = followedUsers?.filter(t => t !== user);\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingUser = useCallback(\n    (user: string) => users.includes(user),\n    [users],\n  );\n  return {\n    users,\n    followUser,\n    unfollowUser,\n    isFollowingUser,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,aAAsC,GAAA,KAAA,CAAA;AAEnC,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,IAAI,QAAmB,CAAA,aAAA,IAAiB,EAAE,CAAA;AAChE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAAS,kBAAkB,KAAS,CAAA,CAAA;AAClE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,kBAAkB,KAAW,CAAA,EAAA;AAC/B,MAAQ,OAAA,CAAA,gBAAA,EAAmB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACrC,QAAA,aAAA,GAAgB,GAAI,CAAA,gBAAA;AACpB,QAAA,QAAA,CAAS,IAAI,gBAAgB,CAAA;AAC7B,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OACjB,CAAA;AAAA,KACI,MAAA;AACL,MAAA,QAAA,CAAS,aAAa,CAAA;AAAA;AACxB,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,CAAC,IAAiB,KAAA;AAChB,MAAA,OAAA,CAAQ,UAAW,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AAClC,QAAA,QAAA,CAAS,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,IAAI,CAAC,CAAA;AAChC,QAAA,aAAA,EAAe,KAAK,IAAI,CAAA;AAAA,OACzB,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,IAAiB,KAAA;AAChB,MAAA,OAAA,CAAQ,YAAa,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AACpC,QAAA,QAAA,CAAS,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAC,CAAA;AAC7C,QAAA,aAAA,GAAgB,aAAe,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAA;AAAA,OACtD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,IAAA,KAAiB,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACrC,CAAC,KAAK;AAAA,GACR;AACA,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useUserFollow.esm.js","sources":["../../src/hooks/useUserFollow.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useFollow } from './useFollow';\n\nexport const useUserFollow = () => {\n  const qetaApi = useApi(qetaApiRef);\n\n  const { items, follow, unfollow, isFollowing, loading } = useFollow<string>(\n    'users',\n    {\n      fetchFollowed: useCallback(\n        () => qetaApi.getFollowedUsers().then(res => res.followedUserRefs),\n        [qetaApi],\n      ),\n      followItem: useCallback(\n        (user: string) => qetaApi.followUser(user),\n        [qetaApi],\n      ),\n      unfollowItem: useCallback(\n        (user: string) => qetaApi.unfollowUser(user),\n        [qetaApi],\n      ),\n      isEqual: (a, b) => a === b,\n    },\n  );\n\n  return {\n    users: items,\n    followUser: follow,\n    unfollowUser: unfollow,\n    isFollowingUser: isFollowing,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,MAAM,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAU,EAAA,WAAA,EAAa,SAAY,GAAA,SAAA;AAAA,IACxD,OAAA;AAAA,IACA;AAAA,MACE,aAAe,EAAA,WAAA;AAAA,QACb,MAAM,OAAQ,CAAA,gBAAA,GAAmB,IAAK,CAAA,CAAA,GAAA,KAAO,IAAI,gBAAgB,CAAA;AAAA,QACjE,CAAC,OAAO;AAAA,OACV;AAAA,MACA,UAAY,EAAA,WAAA;AAAA,QACV,CAAC,IAAA,KAAiB,OAAQ,CAAA,UAAA,CAAW,IAAI,CAAA;AAAA,QACzC,CAAC,OAAO;AAAA,OACV;AAAA,MACA,YAAc,EAAA,WAAA;AAAA,QACZ,CAAC,IAAA,KAAiB,OAAQ,CAAA,YAAA,CAAa,IAAI,CAAA;AAAA,QAC3C,CAAC,OAAO;AAAA,OACV;AAAA,MACA,OAAS,EAAA,CAAC,CAAG,EAAA,CAAA,KAAM,CAAM,KAAA;AAAA;AAC3B,GACF;AAEA,EAAO,OAAA;AAAA,IACL,KAAO,EAAA,KAAA;AAAA,IACP,UAAY,EAAA,MAAA;AAAA,IACZ,YAAc,EAAA,QAAA;AAAA,IACd,eAAiB,EAAA,WAAA;AAAA,IACjB;AAAA,GACF;AACF;;;;"}

package/dist/index.d.ts

@@ -646,19 +646,33 @@ declare function useVoting(resp: PostResponse | AnswerResponse): {
 
 declare const useListItemStyles: (props?: any) => _material_ui_styles.ClassNameMap<"root">;
 
+interface UseFollowOptions<T> {
+    fetchFollowed: () => Promise<T[]>;
+    followItem: (item: T) => Promise<unknown>;
+    unfollowItem: (item: T) => Promise<unknown>;
+    isEqual: (a: T, b: T) => boolean;
+}
+declare const useFollow: <T>(key: string, options: UseFollowOptions<T>) => {
+    items: T[];
+    follow: (item: T) => void;
+    unfollow: (item: T) => void;
+    isFollowing: (item: T) => boolean;
+    loading: boolean;
+};
+
 declare const useTagsFollow: () => {
     tags: string[];
-    followTag: (tag: string) => void;
-    unfollowTag: (tag: string) => void;
-    isFollowingTag: (tag: string) => boolean;
+    followTag: (item: string) => void;
+    unfollowTag: (item: string) => void;
+    isFollowingTag: (item: string) => boolean;
     loading: boolean;
 };
 
 declare const useEntityFollow: () => {
     entities: string[];
-    followEntity: (entityRef: string) => void;
-    unfollowEntity: (entityRef: string) => void;
-    isFollowingEntity: (entityRef: string) => boolean;
+    followEntity: (item: string) => void;
+    unfollowEntity: (item: string) => void;
+    isFollowingEntity: (item: string) => boolean;
     loading: boolean;
 };
 
@@ -681,9 +695,9 @@ declare const useEntityAuthor: (entity: PostResponse | AnswerResponse | Collecti
 
 declare const useUserFollow: () => {
     users: string[];
-    followUser: (user: string) => void;
-    unfollowUser: (user: string) => void;
-    isFollowingUser: (user: string) => boolean;
+    followUser: (item: string) => void;
+    unfollowUser: (item: string) => void;
+    isFollowingUser: (item: string) => boolean;
     loading: boolean;
 };
 
@@ -691,9 +705,9 @@ declare function useIdentityApi<T>(f: (api: IdentityApi) => Promise<T>, deps?: a
 
 declare const useCollectionsFollow: () => {
     collections: Collection[];
-    followCollection: (collection: Collection) => void;
-    unfollowCollection: (collection: Collection) => void;
-    isFollowingCollection: (collection: Collection) => boolean;
+    followCollection: (item: Collection) => void;
+    unfollowCollection: (item: Collection) => void;
+    isFollowingCollection: (item: Collection) => boolean;
     loading: boolean;
 };
 
@@ -781,6 +795,8 @@ type UserSettingsHook = {
 };
 declare const useUserSettings: () => UserSettingsHook;
 
+declare const useFavicon: (url?: string) => string | undefined;
+
 /** @alpha */
 declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"qeta", {
     readonly "answer.questionTitle": "Q: {{question}}";
@@ -1494,4 +1510,4 @@ type QetaOverrides = Overrides & {
     [Name in keyof QetaComponentsNameToClassKey]?: Partial<StyleRules<QetaComponentsNameToClassKey[Name]>>;
 };
 
-export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerListItem, AnswersContainer, AnswersGridItem, ArticleContent, AskQuestionButton, AuthorLink, BadgeChip, ButtonContainer, CollectionFollowButton, CollectionForm, CollectionsContainer, ContentHeader, ContentHeaderButton, ContentHeaderCard, type ContentHeaderCardProps, type ContentHeaderProps, CreateCollectionButton, CreateLinkButton, CreateTagModal, DeleteModal, DeletedBanner, DraftBanner, EditTagModal, EntitiesContainer, EntitiesGridItem, EntityFollowButton, EntityListItem, FaviconItem, type FilterChange, FilterPanel, FollowedCollectionsList, FollowedEntitiesList, FollowedTagsList, FollowedUsersList, type GridType, ImpactCard, LeftMenu, LeftMenuButton, LinkCard, MarkdownRenderer, ObsoleteBanner, ObsoleteModal, OpenLinkButton, PostForm, PostHighlightList, PostHighlightListContainer, PostHighlightListContent, PostListItem, PostsCard, PostsContainer, type PostsContainerProps, PostsGridItem, PostsTable, QetaContext, type QetaContextProps, type QetaEntitiesProps, type QetaOverrides, QetaProvider, QuestionCard, type QuestionFormValues, QuestionsTable, RankingButtons, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, StatusChip, SuggestionsCard, type TagAndEntitiesFormValues, TagFollowButton, TagGridItem, TagListItem, TagsContainer, type TemplateFormValues, TemplateList, Timeline, TimelineItemCard, TopRankingUsers, TrophyIcon, UpdatedByLink, UserBadges, UserFollowButton, UserLink, UserListItem, type UserSettings, type UserSettingsHook, UsersContainer, UsersGridItem, ValidReviewModal, ViewToggle, type ViewType, WriteArticleButton, articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, createLinkRouteRef, editArticleRouteRef, editLinkRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, linkRouteRef, linksRouteRef, moderatorRouteRef, qetaApiRef, qetaRouteRef, qetaTranslationRef, qetaTranslations, questionRouteRef, questionsRouteRef, reviewRouteRef, settingsRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCanReview, useCollectionsFollow, useEntityAuthor, useEntityFollow, useGridPageSize, useIdentityApi, useIsModerator, useListItemStyles, useQetaApi, useQetaContext, useQetaEntities, useTagsFollow, useUserFollow, useUserInfo, useUserSettings, useVoting, userRouteRef, usersRouteRef, writeRouteRef };
+export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerListItem, AnswersContainer, AnswersGridItem, ArticleContent, AskQuestionButton, AuthorLink, BadgeChip, ButtonContainer, CollectionFollowButton, CollectionForm, CollectionsContainer, ContentHeader, ContentHeaderButton, ContentHeaderCard, type ContentHeaderCardProps, type ContentHeaderProps, CreateCollectionButton, CreateLinkButton, CreateTagModal, DeleteModal, DeletedBanner, DraftBanner, EditTagModal, EntitiesContainer, EntitiesGridItem, EntityFollowButton, EntityListItem, FaviconItem, type FilterChange, FilterPanel, FollowedCollectionsList, FollowedEntitiesList, FollowedTagsList, FollowedUsersList, type GridType, ImpactCard, LeftMenu, LeftMenuButton, LinkCard, MarkdownRenderer, ObsoleteBanner, ObsoleteModal, OpenLinkButton, PostForm, PostHighlightList, PostHighlightListContainer, PostHighlightListContent, PostListItem, PostsCard, PostsContainer, type PostsContainerProps, PostsGridItem, PostsTable, QetaContext, type QetaContextProps, type QetaEntitiesProps, type QetaOverrides, QetaProvider, QuestionCard, type QuestionFormValues, QuestionsTable, RankingButtons, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, StatusChip, SuggestionsCard, type TagAndEntitiesFormValues, TagFollowButton, TagGridItem, TagListItem, TagsContainer, type TemplateFormValues, TemplateList, Timeline, TimelineItemCard, TopRankingUsers, TrophyIcon, UpdatedByLink, UserBadges, UserFollowButton, UserLink, UserListItem, type UserSettings, type UserSettingsHook, UsersContainer, UsersGridItem, ValidReviewModal, ViewToggle, type ViewType, WriteArticleButton, articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, createLinkRouteRef, editArticleRouteRef, editLinkRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, linkRouteRef, linksRouteRef, moderatorRouteRef, qetaApiRef, qetaRouteRef, qetaTranslationRef, qetaTranslations, questionRouteRef, questionsRouteRef, reviewRouteRef, settingsRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCanReview, useCollectionsFollow, useEntityAuthor, useEntityFollow, useFavicon, useFollow, useGridPageSize, useIdentityApi, useIsModerator, useListItemStyles, useQetaApi, useQetaContext, useQetaEntities, useTagsFollow, useUserFollow, useUserInfo, useUserSettings, useVoting, userRouteRef, usersRouteRef, writeRouteRef };

package/dist/index.esm.js

@@ -82,6 +82,7 @@ export { ViewToggle } from './components/ViewToggle/ViewToggle.esm.js';
 export { useQetaApi } from './hooks/useQetaApi.esm.js';
 export { useVoting } from './hooks/useVoting.esm.js';
 export { useListItemStyles } from './hooks/useListItemStyles.esm.js';
+export { useFollow } from './hooks/useFollow.esm.js';
 export { useTagsFollow } from './hooks/useTagsFollow.esm.js';
 export { useEntityFollow } from './hooks/useEntityFollow.esm.js';
 export { useEntityAuthor, useUserInfo } from './hooks/useEntityAuthor.esm.js';
@@ -94,5 +95,6 @@ export { useCanReview } from './hooks/useCanReview.esm.js';
 export { useGridPageSize } from './hooks/useGridPageSize.esm.js';
 export { useQetaEntities } from './hooks/useQetaEntities.esm.js';
 export { useUserSettings } from './hooks/useUserSettings.esm.js';
+export { useFavicon } from './hooks/useFavicon.esm.js';
 export { qetaTranslationRef, qetaTranslations } from './translation.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.56.0",
+  "version": "3.56.1",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -57,7 +57,7 @@
     "@backstage/plugin-permission-common": "^0.9.4",
     "@backstage/plugin-permission-react": "^0.4.39",
     "@backstage/plugin-signals-react": "^0.0.18",
-    "@drodil/backstage-plugin-qeta-common": "^3.56.0",
+    "@drodil/backstage-plugin-qeta-common": "^3.56.1",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",