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

package/dist/hooks/useEntityFollow.esm.js

@@ -1,46 +1,35 @@
-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 followedEntities = void 0;
 const useEntityFollow = () => {
-  const [entities, setEntities] = useState(followedEntities ?? []);
-  const [loading, setLoading] = useState(followedEntities === void 0);
   const qetaApi = useApi(qetaApiRef);
-  useEffect(() => {
-    if (followedEntities === void 0) {
-      qetaApi.getFollowedEntities().then((res) => {
-        followedEntities = res.entityRefs;
-        setEntities(res.entityRefs);
-        setLoading(false);
-      });
-    } else {
-      setEntities(followedEntities);
+  const { items, follow, unfollow, isFollowing, loading } = useFollow(
+    "entities",
+    {
+      fetchFollowed: useCallback(
+        () => qetaApi.getFollowedEntities().then((res) => res.entityRefs),
+        [qetaApi]
+      ),
+      followItem: useCallback(
+        (entityRef) => qetaApi.followEntity(entityRef),
+        [qetaApi]
+      ),
+      unfollowItem: useCallback(
+        (entityRef) => qetaApi.unfollowEntity(entityRef),
+        [qetaApi]
+      ),
+      isEqual: (a, b) => a === b
     }
-  }, [qetaApi]);
-  const followEntity = useCallback(
-    (entityRef) => {
-      qetaApi.followEntity(entityRef).then(() => {
-        setEntities((prev) => [...prev, entityRef]);
-        followedEntities?.push(entityRef);
-      });
-    },
-    [qetaApi]
   );
-  const unfollowEntity = useCallback(
-    (entityRef) => {
-      qetaApi.unfollowEntity(entityRef).then(() => {
-        setEntities((prev) => prev.filter((t) => t !== entityRef));
-        followedEntities = followedEntities?.filter((t) => t !== entityRef);
-      });
-    },
-    [qetaApi]
-  );
-  const isFollowingEntity = useCallback(
-    (entityRef) => entities.includes(entityRef),
-    [entities]
-  );
-  return { entities, followEntity, unfollowEntity, isFollowingEntity, loading };
+  return {
+    entities: items,
+    followEntity: follow,
+    unfollowEntity: unfollow,
+    isFollowingEntity: isFollowing,
+    loading
+  };
 };
 
 export { useEntityFollow };

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

@@ -1 +1 @@
-{"version":3,"file":"useEntityFollow.esm.js","sources":["../../src/hooks/useEntityFollow.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedEntities: string[] | undefined = undefined;\n\nexport const useEntityFollow = () => {\n  const [entities, setEntities] = useState<string[]>(followedEntities ?? []);\n  const [loading, setLoading] = useState(followedEntities === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedEntities === undefined) {\n      qetaApi.getFollowedEntities().then(res => {\n        followedEntities = res.entityRefs;\n        setEntities(res.entityRefs);\n        setLoading(false);\n      });\n    } else {\n      setEntities(followedEntities);\n    }\n  }, [qetaApi]);\n\n  const followEntity = useCallback(\n    (entityRef: string) => {\n      qetaApi.followEntity(entityRef).then(() => {\n        setEntities(prev => [...prev, entityRef]);\n        followedEntities?.push(entityRef);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowEntity = useCallback(\n    (entityRef: string) => {\n      qetaApi.unfollowEntity(entityRef).then(() => {\n        setEntities(prev => prev.filter(t => t !== entityRef));\n        followedEntities = followedEntities?.filter(t => t !== entityRef);\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingEntity = useCallback(\n    (entityRef: string) => entities.includes(entityRef),\n    [entities],\n  );\n  return { entities, followEntity, unfollowEntity, isFollowingEntity, loading };\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,gBAAyC,GAAA,KAAA,CAAA;AAEtC,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAI,QAAmB,CAAA,gBAAA,IAAoB,EAAE,CAAA;AACzE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAAS,qBAAqB,KAAS,CAAA,CAAA;AACrE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,qBAAqB,KAAW,CAAA,EAAA;AAClC,MAAQ,OAAA,CAAA,mBAAA,EAAsB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACxC,QAAA,gBAAA,GAAmB,GAAI,CAAA,UAAA;AACvB,QAAA,WAAA,CAAY,IAAI,UAAU,CAAA;AAC1B,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OACjB,CAAA;AAAA,KACI,MAAA;AACL,MAAA,WAAA,CAAY,gBAAgB,CAAA;AAAA;AAC9B,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,SAAsB,KAAA;AACrB,MAAA,OAAA,CAAQ,YAAa,CAAA,SAAS,CAAE,CAAA,IAAA,CAAK,MAAM;AACzC,QAAA,WAAA,CAAY,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,SAAS,CAAC,CAAA;AACxC,QAAA,gBAAA,EAAkB,KAAK,SAAS,CAAA;AAAA,OACjC,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAAC,SAAsB,KAAA;AACrB,MAAA,OAAA,CAAQ,cAAe,CAAA,SAAS,CAAE,CAAA,IAAA,CAAK,MAAM;AAC3C,QAAA,WAAA,CAAY,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,SAAS,CAAC,CAAA;AACrD,QAAA,gBAAA,GAAmB,gBAAkB,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,SAAS,CAAA;AAAA,OACjE,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,SAAA,KAAsB,QAAS,CAAA,QAAA,CAAS,SAAS,CAAA;AAAA,IAClD,CAAC,QAAQ;AAAA,GACX;AACA,EAAA,OAAO,EAAE,QAAA,EAAU,YAAc,EAAA,cAAA,EAAgB,mBAAmB,OAAQ,EAAA;AAC9E;;;;"}
+{"version":3,"file":"useEntityFollow.esm.js","sources":["../../src/hooks/useEntityFollow.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useFollow } from './useFollow';\n\nexport const useEntityFollow = () => {\n  const qetaApi = useApi(qetaApiRef);\n\n  const { items, follow, unfollow, isFollowing, loading } = useFollow<string>(\n    'entities',\n    {\n      fetchFollowed: useCallback(\n        () => qetaApi.getFollowedEntities().then(res => res.entityRefs),\n        [qetaApi],\n      ),\n      followItem: useCallback(\n        (entityRef: string) => qetaApi.followEntity(entityRef),\n        [qetaApi],\n      ),\n      unfollowItem: useCallback(\n        (entityRef: string) => qetaApi.unfollowEntity(entityRef),\n        [qetaApi],\n      ),\n      isEqual: (a, b) => a === b,\n    },\n  );\n\n  return {\n    entities: items,\n    followEntity: follow,\n    unfollowEntity: unfollow,\n    isFollowingEntity: isFollowing,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,MAAM,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAU,EAAA,WAAA,EAAa,SAAY,GAAA,SAAA;AAAA,IACxD,UAAA;AAAA,IACA;AAAA,MACE,aAAe,EAAA,WAAA;AAAA,QACb,MAAM,OAAQ,CAAA,mBAAA,GAAsB,IAAK,CAAA,CAAA,GAAA,KAAO,IAAI,UAAU,CAAA;AAAA,QAC9D,CAAC,OAAO;AAAA,OACV;AAAA,MACA,UAAY,EAAA,WAAA;AAAA,QACV,CAAC,SAAA,KAAsB,OAAQ,CAAA,YAAA,CAAa,SAAS,CAAA;AAAA,QACrD,CAAC,OAAO;AAAA,OACV;AAAA,MACA,YAAc,EAAA,WAAA;AAAA,QACZ,CAAC,SAAA,KAAsB,OAAQ,CAAA,cAAA,CAAe,SAAS,CAAA;AAAA,QACvD,CAAC,OAAO;AAAA,OACV;AAAA,MACA,OAAS,EAAA,CAAC,CAAG,EAAA,CAAA,KAAM,CAAM,KAAA;AAAA;AAC3B,GACF;AAEA,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,KAAA;AAAA,IACV,YAAc,EAAA,MAAA;AAAA,IACd,cAAgB,EAAA,QAAA;AAAA,IAChB,iBAAmB,EAAA,WAAA;AAAA,IACnB;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useFavicon.esm.js

@@ -0,0 +1,52 @@
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../api.esm.js';
+import DataLoader from 'dataloader';
+
+const loaderCache = /* @__PURE__ */ new WeakMap();
+const getFaviconLoader = (qetaApi) => {
+  const cached = loaderCache.get(qetaApi);
+  if (cached) {
+    return cached;
+  }
+  const loader = new DataLoader(
+    async (urls) => {
+      try {
+        const response = await qetaApi.fetchBatchURLMetadata({
+          urls: [...urls]
+        });
+        return urls.map((url) => {
+          const metadata = response.metadata?.[url];
+          return metadata?.favicon;
+        });
+      } catch {
+        return urls.map(() => void 0);
+      }
+    },
+    {
+      cache: true,
+      batchScheduleFn: (callback) => setTimeout(callback, 10),
+      maxBatchSize: 50
+    }
+  );
+  loaderCache.set(qetaApi, loader);
+  return loader;
+};
+const useFavicon = (url) => {
+  const qetaApi = useApi(qetaApiRef);
+  const [favicon, setFavicon] = useState(void 0);
+  useEffect(() => {
+    if (!url) {
+      setFavicon(void 0);
+      return;
+    }
+    const loader = getFaviconLoader(qetaApi);
+    loader.load(url).then(setFavicon).catch(() => {
+      setFavicon(void 0);
+    });
+  }, [url, qetaApi]);
+  return favicon;
+};
+
+export { useFavicon };
+//# sourceMappingURL=useFavicon.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFavicon.esm.js","sources":["../../src/hooks/useFavicon.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport DataLoader from 'dataloader';\nimport { QetaApi } from '@drodil/backstage-plugin-qeta-common';\n\nconst loaderCache = new WeakMap<\n  QetaApi,\n  DataLoader<string, string | undefined>\n>();\n\nconst getFaviconLoader = (\n  qetaApi: QetaApi,\n): DataLoader<string, string | undefined> => {\n  const cached = loaderCache.get(qetaApi);\n  if (cached) {\n    return cached;\n  }\n\n  const loader = new DataLoader<string, string | undefined>(\n    async (urls: readonly string[]) => {\n      try {\n        const response = await qetaApi.fetchBatchURLMetadata({\n          urls: [...urls],\n        });\n\n        return urls.map(url => {\n          const metadata = response.metadata?.[url];\n          return metadata?.favicon;\n        });\n      } catch {\n        return urls.map(() => undefined);\n      }\n    },\n    {\n      cache: true,\n      batchScheduleFn: callback => setTimeout(callback, 10),\n      maxBatchSize: 50,\n    },\n  );\n\n  loaderCache.set(qetaApi, loader);\n  return loader;\n};\n\nexport const useFavicon = (url?: string): string | undefined => {\n  const qetaApi = useApi(qetaApiRef);\n  const [favicon, setFavicon] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!url) {\n      setFavicon(undefined);\n      return;\n    }\n\n    const loader = getFaviconLoader(qetaApi);\n\n    loader\n      .load(url)\n      .then(setFavicon)\n      .catch(() => {\n        setFavicon(undefined);\n      });\n  }, [url, qetaApi]);\n\n  return favicon;\n};\n"],"names":[],"mappings":";;;;;AAMA,MAAM,WAAA,uBAAkB,OAGtB,EAAA;AAEF,MAAM,gBAAA,GAAmB,CACvB,OAC2C,KAAA;AAC3C,EAAM,MAAA,MAAA,GAAS,WAAY,CAAA,GAAA,CAAI,OAAO,CAAA;AACtC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,OAAA,MAAA;AAAA;AAGT,EAAA,MAAM,SAAS,IAAI,UAAA;AAAA,IACjB,OAAO,IAA4B,KAAA;AACjC,MAAI,IAAA;AACF,QAAM,MAAA,QAAA,GAAW,MAAM,OAAA,CAAQ,qBAAsB,CAAA;AAAA,UACnD,IAAA,EAAM,CAAC,GAAG,IAAI;AAAA,SACf,CAAA;AAED,QAAO,OAAA,IAAA,CAAK,IAAI,CAAO,GAAA,KAAA;AACrB,UAAM,MAAA,QAAA,GAAW,QAAS,CAAA,QAAA,GAAW,GAAG,CAAA;AACxC,UAAA,OAAO,QAAU,EAAA,OAAA;AAAA,SAClB,CAAA;AAAA,OACK,CAAA,MAAA;AACN,QAAO,OAAA,IAAA,CAAK,GAAI,CAAA,MAAM,KAAS,CAAA,CAAA;AAAA;AACjC,KACF;AAAA,IACA;AAAA,MACE,KAAO,EAAA,IAAA;AAAA,MACP,eAAiB,EAAA,CAAA,QAAA,KAAY,UAAW,CAAA,QAAA,EAAU,EAAE,CAAA;AAAA,MACpD,YAAc,EAAA;AAAA;AAChB,GACF;AAEA,EAAY,WAAA,CAAA,GAAA,CAAI,SAAS,MAAM,CAAA;AAC/B,EAAO,OAAA,MAAA;AACT,CAAA;AAEa,MAAA,UAAA,GAAa,CAAC,GAAqC,KAAA;AAC9D,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAA6B,KAAS,CAAA,CAAA;AAEpE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,GAAK,EAAA;AACR,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA;AACpB,MAAA;AAAA;AAGF,IAAM,MAAA,MAAA,GAAS,iBAAiB,OAAO,CAAA;AAEvC,IAAA,MAAA,CACG,KAAK,GAAG,CAAA,CACR,KAAK,UAAU,CAAA,CACf,MAAM,MAAM;AACX,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAA,CAAC,GAAK,EAAA,OAAO,CAAC,CAAA;AAEjB,EAAO,OAAA,OAAA;AACT;;;;"}

package/dist/hooks/useFollow.esm.js

@@ -0,0 +1,62 @@
+import { useState, useEffect, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../api.esm.js';
+
+const caches = /* @__PURE__ */ new Map();
+const useFollow = (key, options) => {
+  const { fetchFollowed, followItem, unfollowItem, isEqual } = options;
+  if (!caches.has(key)) {
+    caches.set(key, { data: void 0, promise: void 0 });
+  }
+  const cache = caches.get(key);
+  const [items, setItems] = useState(cache.data ?? []);
+  const [loading, setLoading] = useState(cache.data === void 0);
+  const qetaApi = useApi(qetaApiRef);
+  useEffect(() => {
+    if (cache.data === void 0) {
+      cache.promise ??= fetchFollowed().then((result) => {
+        cache.data = result;
+        cache.promise = void 0;
+        return result;
+      });
+      cache.promise.then((result) => {
+        setItems(result);
+        setLoading(false);
+      });
+    } else {
+      setItems(cache.data);
+    }
+  }, [qetaApi, fetchFollowed, cache]);
+  const follow = useCallback(
+    (item) => {
+      followItem(item).then(() => {
+        setItems((prev) => [...prev, item]);
+        cache.data?.push(item);
+      });
+    },
+    [followItem, cache]
+  );
+  const unfollow = useCallback(
+    (item) => {
+      unfollowItem(item).then(() => {
+        setItems((prev) => prev.filter((i) => !isEqual(i, item)));
+        cache.data = cache.data?.filter((i) => !isEqual(i, item));
+      });
+    },
+    [unfollowItem, isEqual, cache]
+  );
+  const isFollowing = useCallback(
+    (item) => items.some((i) => isEqual(i, item)),
+    [items, isEqual]
+  );
+  return {
+    items,
+    follow,
+    unfollow,
+    isFollowing,
+    loading
+  };
+};
+
+export { useFollow };
+//# sourceMappingURL=useFollow.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFollow.esm.js","sources":["../../src/hooks/useFollow.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\ninterface UseFollowOptions<T> {\n  fetchFollowed: () => Promise<T[]>;\n  followItem: (item: T) => Promise<unknown>;\n  unfollowItem: (item: T) => Promise<unknown>;\n  isEqual: (a: T, b: T) => boolean;\n}\n\ninterface UseFollowCache<T> {\n  data: T[] | undefined;\n  promise: Promise<T[]> | undefined;\n}\n\nconst caches = new Map<string, UseFollowCache<any>>();\n\nexport const useFollow = <T>(key: string, options: UseFollowOptions<T>) => {\n  const { fetchFollowed, followItem, unfollowItem, isEqual } = options;\n\n  // Get or create cache for this key\n  if (!caches.has(key)) {\n    caches.set(key, { data: undefined, promise: undefined });\n  }\n  const cache = caches.get(key) as UseFollowCache<T>;\n\n  const [items, setItems] = useState<T[]>(cache.data ?? []);\n  const [loading, setLoading] = useState(cache.data === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (cache.data === undefined) {\n      cache.promise ??= fetchFollowed().then(result => {\n        cache.data = result;\n        cache.promise = undefined;\n        return result;\n      });\n      cache.promise.then(result => {\n        setItems(result);\n        setLoading(false);\n      });\n    } else {\n      setItems(cache.data);\n    }\n  }, [qetaApi, fetchFollowed, cache]);\n\n  const follow = useCallback(\n    (item: T) => {\n      followItem(item).then(() => {\n        setItems(prev => [...prev, item]);\n        cache.data?.push(item);\n      });\n    },\n    [followItem, cache],\n  );\n\n  const unfollow = useCallback(\n    (item: T) => {\n      unfollowItem(item).then(() => {\n        setItems(prev => prev.filter(i => !isEqual(i, item)));\n        cache.data = cache.data?.filter(i => !isEqual(i, item));\n      });\n    },\n    [unfollowItem, isEqual, cache],\n  );\n\n  const isFollowing = useCallback(\n    (item: T) => items.some(i => isEqual(i, item)),\n    [items, isEqual],\n  );\n\n  return {\n    items,\n    follow,\n    unfollow,\n    isFollowing,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;AAgBA,MAAM,MAAA,uBAAa,GAAiC,EAAA;AAEvC,MAAA,SAAA,GAAY,CAAI,GAAA,EAAa,OAAiC,KAAA;AACzE,EAAA,MAAM,EAAE,aAAA,EAAe,UAAY,EAAA,YAAA,EAAc,SAAY,GAAA,OAAA;AAG7D,EAAA,IAAI,CAAC,MAAA,CAAO,GAAI,CAAA,GAAG,CAAG,EAAA;AACpB,IAAA,MAAA,CAAO,IAAI,GAAK,EAAA,EAAE,MAAM,KAAW,CAAA,EAAA,OAAA,EAAS,QAAW,CAAA;AAAA;AAEzD,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,GAAA,CAAI,GAAG,CAAA;AAE5B,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,SAAc,KAAM,CAAA,IAAA,IAAQ,EAAE,CAAA;AACxD,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAI,QAAS,CAAA,KAAA,CAAM,SAAS,KAAS,CAAA,CAAA;AAC/D,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,KAAA,CAAM,SAAS,KAAW,CAAA,EAAA;AAC5B,MAAA,KAAA,CAAM,OAAY,KAAA,aAAA,EAAgB,CAAA,IAAA,CAAK,CAAU,MAAA,KAAA;AAC/C,QAAA,KAAA,CAAM,IAAO,GAAA,MAAA;AACb,QAAA,KAAA,CAAM,OAAU,GAAA,KAAA,CAAA;AAChB,QAAO,OAAA,MAAA;AAAA,OACR,CAAA;AACD,MAAM,KAAA,CAAA,OAAA,CAAQ,KAAK,CAAU,MAAA,KAAA;AAC3B,QAAA,QAAA,CAAS,MAAM,CAAA;AACf,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OACjB,CAAA;AAAA,KACI,MAAA;AACL,MAAA,QAAA,CAAS,MAAM,IAAI,CAAA;AAAA;AACrB,GACC,EAAA,CAAC,OAAS,EAAA,aAAA,EAAe,KAAK,CAAC,CAAA;AAElC,EAAA,MAAM,MAAS,GAAA,WAAA;AAAA,IACb,CAAC,IAAY,KAAA;AACX,MAAW,UAAA,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AAC1B,QAAA,QAAA,CAAS,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,IAAI,CAAC,CAAA;AAChC,QAAM,KAAA,CAAA,IAAA,EAAM,KAAK,IAAI,CAAA;AAAA,OACtB,CAAA;AAAA,KACH;AAAA,IACA,CAAC,YAAY,KAAK;AAAA,GACpB;AAEA,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,IAAY,KAAA;AACX,MAAa,YAAA,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AAC5B,QAAS,QAAA,CAAA,CAAA,IAAA,KAAQ,KAAK,MAAO,CAAA,CAAA,CAAA,KAAK,CAAC,OAAQ,CAAA,CAAA,EAAG,IAAI,CAAC,CAAC,CAAA;AACpD,QAAM,KAAA,CAAA,IAAA,GAAO,MAAM,IAAM,EAAA,MAAA,CAAO,OAAK,CAAC,OAAA,CAAQ,CAAG,EAAA,IAAI,CAAC,CAAA;AAAA,OACvD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,YAAc,EAAA,OAAA,EAAS,KAAK;AAAA,GAC/B;AAEA,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,SAAY,KAAM,CAAA,IAAA,CAAK,OAAK,OAAQ,CAAA,CAAA,EAAG,IAAI,CAAC,CAAA;AAAA,IAC7C,CAAC,OAAO,OAAO;AAAA,GACjB;AAEA,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useTagsFollow.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 followedTags = void 0;
 const useTagsFollow = () => {
-  const [tags, setTags] = useState(followedTags ?? []);
-  const [loading, setLoading] = useState(followedTags === void 0);
   const qetaApi = useApi(qetaApiRef);
-  useEffect(() => {
-    if (followedTags === void 0) {
-      qetaApi.getFollowedTags().then((res) => {
-        followedTags = res.tags;
-        setTags(res.tags);
-        setLoading(false);
-      });
-    } else {
-      setTags(followedTags);
+  const { items, follow, unfollow, isFollowing, loading } = useFollow(
+    "tags",
+    {
+      fetchFollowed: useCallback(
+        () => qetaApi.getFollowedTags().then((res) => res.tags),
+        [qetaApi]
+      ),
+      followItem: useCallback(
+        (tag) => qetaApi.followTag(tag),
+        [qetaApi]
+      ),
+      unfollowItem: useCallback(
+        (tag) => qetaApi.unfollowTag(tag),
+        [qetaApi]
+      ),
+      isEqual: (a, b) => a === b
     }
-  }, [qetaApi]);
-  const followTag = useCallback(
-    (tag) => {
-      qetaApi.followTag(tag).then(() => {
-        setTags((prev) => [...prev, tag]);
-        followedTags?.push(tag);
-      });
-    },
-    [qetaApi]
-  );
-  const unfollowTag = useCallback(
-    (tag) => {
-      qetaApi.unfollowTag(tag).then(() => {
-        setTags((prev) => prev.filter((t) => t !== tag));
-        followedTags = followedTags?.filter((t) => t !== tag);
-      });
-    },
-    [qetaApi]
-  );
-  const isFollowingTag = useCallback(
-    (tag) => tags.includes(tag),
-    [tags]
   );
   return {
-    tags,
-    followTag,
-    unfollowTag,
-    isFollowingTag,
+    tags: items,
+    followTag: follow,
+    unfollowTag: unfollow,
+    isFollowingTag: isFollowing,
     loading
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useTagsFollow.esm.js","sources":["../../src/hooks/useTagsFollow.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedTags: string[] | undefined = undefined;\n\nexport const useTagsFollow = () => {\n  const [tags, setTags] = useState<string[]>(followedTags ?? []);\n  const [loading, setLoading] = useState(followedTags === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedTags === undefined) {\n      qetaApi.getFollowedTags().then(res => {\n        followedTags = res.tags;\n        setTags(res.tags);\n        setLoading(false);\n      });\n    } else {\n      setTags(followedTags);\n    }\n  }, [qetaApi]);\n\n  const followTag = useCallback(\n    (tag: string) => {\n      qetaApi.followTag(tag).then(() => {\n        setTags(prev => [...prev, tag]);\n        followedTags?.push(tag);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowTag = useCallback(\n    (tag: string) => {\n      qetaApi.unfollowTag(tag).then(() => {\n        setTags(prev => prev.filter(t => t !== tag));\n        followedTags = followedTags?.filter(t => t !== tag);\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingTag = useCallback(\n    (tag: string) => tags.includes(tag),\n    [tags],\n  );\n  return {\n    tags,\n    followTag,\n    unfollowTag,\n    isFollowingTag,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,YAAqC,GAAA,KAAA,CAAA;AAElC,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,IAAI,QAAmB,CAAA,YAAA,IAAgB,EAAE,CAAA;AAC7D,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAAS,iBAAiB,KAAS,CAAA,CAAA;AACjE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,MAAQ,OAAA,CAAA,eAAA,EAAkB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACpC,QAAA,YAAA,GAAe,GAAI,CAAA,IAAA;AACnB,QAAA,OAAA,CAAQ,IAAI,IAAI,CAAA;AAChB,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OACjB,CAAA;AAAA,KACI,MAAA;AACL,MAAA,OAAA,CAAQ,YAAY,CAAA;AAAA;AACtB,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,GAAgB,KAAA;AACf,MAAA,OAAA,CAAQ,SAAU,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,MAAM;AAChC,QAAA,OAAA,CAAQ,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,GAAG,CAAC,CAAA;AAC9B,QAAA,YAAA,EAAc,KAAK,GAAG,CAAA;AAAA,OACvB,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,GAAgB,KAAA;AACf,MAAA,OAAA,CAAQ,WAAY,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,MAAM;AAClC,QAAA,OAAA,CAAQ,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,GAAG,CAAC,CAAA;AAC3C,QAAA,YAAA,GAAe,YAAc,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,GAAG,CAAA;AAAA,OACnD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAAC,GAAA,KAAgB,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,IAClC,CAAC,IAAI;AAAA,GACP;AACA,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useTagsFollow.esm.js","sources":["../../src/hooks/useTagsFollow.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useFollow } from './useFollow';\n\nexport const useTagsFollow = () => {\n  const qetaApi = useApi(qetaApiRef);\n\n  const { items, follow, unfollow, isFollowing, loading } = useFollow<string>(\n    'tags',\n    {\n      fetchFollowed: useCallback(\n        () => qetaApi.getFollowedTags().then(res => res.tags),\n        [qetaApi],\n      ),\n      followItem: useCallback(\n        (tag: string) => qetaApi.followTag(tag),\n        [qetaApi],\n      ),\n      unfollowItem: useCallback(\n        (tag: string) => qetaApi.unfollowTag(tag),\n        [qetaApi],\n      ),\n      isEqual: (a, b) => a === b,\n    },\n  );\n\n  return {\n    tags: items,\n    followTag: follow,\n    unfollowTag: unfollow,\n    isFollowingTag: 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,MAAA;AAAA,IACA;AAAA,MACE,aAAe,EAAA,WAAA;AAAA,QACb,MAAM,OAAQ,CAAA,eAAA,GAAkB,IAAK,CAAA,CAAA,GAAA,KAAO,IAAI,IAAI,CAAA;AAAA,QACpD,CAAC,OAAO;AAAA,OACV;AAAA,MACA,UAAY,EAAA,WAAA;AAAA,QACV,CAAC,GAAA,KAAgB,OAAQ,CAAA,SAAA,CAAU,GAAG,CAAA;AAAA,QACtC,CAAC,OAAO;AAAA,OACV;AAAA,MACA,YAAc,EAAA,WAAA;AAAA,QACZ,CAAC,GAAA,KAAgB,OAAQ,CAAA,WAAA,CAAY,GAAG,CAAA;AAAA,QACxC,CAAC,OAAO;AAAA,OACV;AAAA,MACA,OAAS,EAAA,CAAC,CAAG,EAAA,CAAA,KAAM,CAAM,KAAA;AAAA;AAC3B,GACF;AAEA,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,MAAA;AAAA,IACX,WAAa,EAAA,QAAA;AAAA,IACb,cAAgB,EAAA,WAAA;AAAA,IAChB;AAAA,GACF;AACF;;;;"}

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.57.0",
   "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.57.0",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
@@ -68,7 +68,7 @@
     "github-slugger": "^2.0.0",
     "i18next": "^23.16.2",
     "infinite-scroll-hook": "^1.0.2",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "numeral": "^2.0.6",
     "react-dropzone": "^14.3.8",
     "react-hook-form": "^7.46.2",

package/dist/components/TagsAndEntities/UserChip.esm.js

@@ -1,87 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@backstage/core-plugin-api';
-import '../../routes.esm.js';
-import '../../api.esm.js';
-import 'react-use';
-import 'react';
-import '@backstage/plugin-signals-react';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
-import '../../hooks/useListItemStyles.esm.js';
-import { useUserInfo } from '../../hooks/useEntityAuthor.esm.js';
-import { useUserFollow } from '../../hooks/useUserFollow.esm.js';
-import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
-import { Grid, Box, Avatar, Typography, Button } from '@material-ui/core';
-import 'react-router-dom';
-import 'react-use/lib/useDebounce';
-import '../FilterPanel/FilterPanel.esm.js';
-import '../QetaContext/QetaContext.esm.js';
-import '@backstage/plugin-catalog-react';
-import VisibilityOff from '@material-ui/icons/VisibilityOff';
-import Visibility from '@material-ui/icons/Visibility';
-
-const UserTooltip = (props) => {
-  const { entityRef, anonymous } = props;
-  const { t } = useTranslationRef(qetaTranslationRef);
-  const { name, initials, user, secondaryTitle } = useUserInfo(
-    entityRef,
-    anonymous ?? entityRef === "anonymous"
-  );
-  const { value: currentUser } = useIdentityApi(
-    (api) => api.getBackstageIdentity(),
-    []
-  );
-  const users = useUserFollow();
-  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
-    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-      /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
-        /* @__PURE__ */ jsx(Box, { style: { display: "inline-block", marginRight: "0.5em" }, children: /* @__PURE__ */ jsx(
-          Avatar,
-          {
-            src: user?.spec?.profile?.picture,
-            alt: name,
-            variant: "rounded",
-            style: { width: "20px", height: "20px" },
-            children: initials
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "subtitle1",
-            style: {
-              textOverflow: "ellipsis",
-              overflow: "hidden",
-              whiteSpace: "nowrap"
-            },
-            children: name
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: secondaryTitle })
-    ] }),
-    !users.loading && currentUser?.userEntityRef !== entityRef && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        variant: "outlined",
-        color: users.isFollowingUser(entityRef) ? "secondary" : "primary",
-        onClick: () => {
-          if (users.isFollowingUser(entityRef)) {
-            users.unfollowUser(entityRef);
-          } else {
-            users.followUser(entityRef);
-          }
-        },
-        startIcon: users.isFollowingUser(entityRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
-        children: users.isFollowingUser(entityRef) ? t("userButton.unfollow") : t("userButton.follow")
-      }
-    ) })
-  ] });
-};
-
-export { UserTooltip };
-//# sourceMappingURL=UserChip.esm.js.map