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

package/dist/components/UsersContainer/UserListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListItem.esm.js","sources":["../../../src/components/UsersContainer/UserListItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n  Avatar,\n  Box,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    marginLeft: theme.spacing(2),\n  },\n  title: {\n    fontWeight: 600,\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    marginLeft: theme.spacing(2),\n  },\n}));\n\nexport const UserListItem = (props: { user: UserResponse }) => {\n  const { user } = props;\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    name,\n    initials,\n    user: userEntity,\n    secondaryTitle,\n  } = useEntityAuthor(user);\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const href = `${userRoute()}/${user.userRef}`;\n\n  return (\n    <Link to={href} className={listItemClasses.root}>\n      <Avatar\n        src={userEntity?.spec?.profile?.picture}\n        alt={name}\n        variant=\"rounded\"\n      >\n        {initials}\n      </Avatar>\n      <Box className={classes.content}>\n        <Tooltip title={secondaryTitle ?? ''} arrow placement=\"top-start\">\n          <Typography className={classes.title} noWrap>\n            {name}\n          </Typography>\n        </Tooltip>\n      </Box>\n\n      <Box className={classes.statsWrapper}>\n        <Tooltip title={t('impactCard.reputation')} arrow>\n          <div className={classes.statItem}>\n            <EmojiEvents fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.reputation}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.questions')} arrow>\n          <div className={classes.statItem}>\n            <QuestionAnswerIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalQuestions}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.answers')} arrow>\n          <div className={classes.statItem}>\n            <CheckCircleIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalAnswers}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.articles')} arrow>\n          <div className={classes.statItem}>\n            <DescriptionIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalArticles}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.links')} arrow>\n          <div className={classes.statItem}>\n            <LinkIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalLinks}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.votes')} arrow>\n          <div className={classes.statItem}>\n            <ThumbUpIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalVotes}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.views')} arrow>\n          <div className={classes.statItem}>\n            <Visibility fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalViews}</Typography>\n          </div>\n        </Tooltip>\n      </Box>\n\n      {!loadingUser &&\n      !userError &&\n      currentUser?.userEntityRef !== user.userRef ? (\n        <Box\n          className={classes.actions}\n          onClick={e => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <UserFollowButton userRef={user.userRef} />\n        </Box>\n      ) : null}\n    </Link>\n  );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}
+{"version":3,"file":"UserListItem.esm.js","sources":["../../../src/components/UsersContainer/UserListItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n  Avatar,\n  Box,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    marginLeft: theme.spacing(2),\n  },\n  title: {\n    fontWeight: 600,\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    marginLeft: theme.spacing(2),\n  },\n}));\n\nexport const UserListItem = (props: { user: UserResponse }) => {\n  const { user } = props;\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    name,\n    initials,\n    user: userEntity,\n    secondaryTitle,\n  } = useEntityAuthor(user);\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const href = `${userRoute()}/${user.userRef}`;\n\n  return (\n    <Link to={href} className={listItemClasses.root}>\n      <Avatar\n        src={userEntity?.spec?.profile?.picture}\n        alt={name}\n        variant=\"rounded\"\n      >\n        {initials}\n      </Avatar>\n      <Box className={classes.content}>\n        <Tooltip title={secondaryTitle ?? ''} arrow placement=\"top-start\">\n          <Typography className={classes.title} noWrap>\n            {name}\n          </Typography>\n        </Tooltip>\n      </Box>\n\n      <Box className={classes.statsWrapper}>\n        <Tooltip title={t('impactCard.reputation')} arrow>\n          <div className={classes.statItem}>\n            <EmojiEvents fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.reputation}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.questions')} arrow>\n          <div className={classes.statItem}>\n            <QuestionAnswerIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalQuestions}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.answers')} arrow>\n          <div className={classes.statItem}>\n            <CheckCircleIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalAnswers}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.articles')} arrow>\n          <div className={classes.statItem}>\n            <DescriptionIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalArticles}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.links')} arrow>\n          <div className={classes.statItem}>\n            <LinkIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalLinks}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.votes')} arrow>\n          <div className={classes.statItem}>\n            <ThumbUpIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalVotes}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.views')} arrow>\n          <div className={classes.statItem}>\n            <Visibility fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalViews}</Typography>\n          </div>\n        </Tooltip>\n      </Box>\n\n      {!loadingUser &&\n      !userError &&\n      currentUser?.userEntityRef !== user.userRef ? (\n        <Box\n          className={classes.actions}\n          onClick={e => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <UserFollowButton userRef={user.userRef} />\n        </Box>\n      ) : null}\n    </Link>\n  );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}

package/dist/components/UsersContainer/UsersGridItem.esm.js

@@ -19,6 +19,7 @@ import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
 import '../QetaContext/QetaContext.esm.js';
+import 'dataloader';
 import { UserFollowButton } from '../Buttons/UserFollowButton.esm.js';
 import Visibility from '@material-ui/icons/Visibility';
 import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';

package/dist/components/UsersContainer/UsersGridItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsersGridItem.esm.js","sources":["../../../src/components/UsersContainer/UsersGridItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n  Avatar,\n  Box,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\nimport { ClickableLink } from '../Utility/ClickableLink';\nimport { parseEntityRef, stringifyEntityRef } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(theme => ({\n  statsGrid: {\n    marginTop: 'auto',\n  },\n  statItem: {\n    padding: theme.spacing(1),\n    borderRadius: theme.shape.borderRadius,\n    width: '100%',\n    height: '100%',\n    justifyContent: 'center',\n  },\n  flexColumn: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}));\n\nexport const UsersGridItem = (props: { user: UserResponse }) => {\n  const { user } = props;\n  const classes = useGridItemStyles();\n  const localClasses = useStyles();\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const entityRef = stringifyEntityRef(\n    parseEntityRef(user.userRef, { defaultKind: 'user' }),\n  );\n  const { primaryTitle, Icon } = useEntityPresentation(entityRef);\n  const {\n    name,\n    initials,\n    user: userEntity,\n    secondaryTitle,\n  } = useEntityAuthor(user);\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const href = `${userRoute()}/${user.userRef}`;\n\n  return (\n    <Card className={classes.card}>\n      <ClickableLink href={href} ariaLabel={primaryTitle}>\n        <Box className={classes.cardHeader} display=\"flex\" alignItems=\"center\">\n          {Icon && (\n            <Avatar\n              src={userEntity?.spec?.profile?.picture}\n              className=\"avatar\"\n              alt={name}\n              variant=\"rounded\"\n              style={{ marginRight: 16 }}\n            >\n              {initials}\n            </Avatar>\n          )}\n          <Box flex={1} minWidth={0}>\n            <Tooltip title={secondaryTitle ?? ''} arrow>\n              <Typography variant=\"h6\" noWrap>\n                {primaryTitle}\n              </Typography>\n            </Tooltip>\n          </Box>\n          {!loadingUser &&\n          !userError &&\n          currentUser?.userEntityRef !== user.userRef ? (\n            <Box\n              flexShrink={0}\n              onClick={e => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n            >\n              <UserFollowButton userRef={user.userRef} />\n            </Box>\n          ) : null}\n        </Box>\n        <CardContent\n          className={`${classes.cardContent} ${localClasses.flexColumn}`}\n        >\n          <Grid container spacing={1} className={localClasses.statsGrid}>\n            <Grid item xs={3}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <EmojiEvents fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.reputation}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('impactCard.reputation')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={3}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalQuestions}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.questions')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={3}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalArticles}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.articles')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={3}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <LinkIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalLinks}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.links')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={4}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <CheckCircleIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalAnswers}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.answers')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={4}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <ThumbUpIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalVotes}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.votes')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={4}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <Visibility fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalViews}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.views')}\n                </Typography>\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </ClickableLink>\n    </Card>\n  );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}
+{"version":3,"file":"UsersGridItem.esm.js","sources":["../../../src/components/UsersContainer/UsersGridItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n  Avatar,\n  Box,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\nimport { ClickableLink } from '../Utility/ClickableLink';\nimport { parseEntityRef, stringifyEntityRef } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(theme => ({\n  statsGrid: {\n    marginTop: 'auto',\n  },\n  statItem: {\n    padding: theme.spacing(1),\n    borderRadius: theme.shape.borderRadius,\n    width: '100%',\n    height: '100%',\n    justifyContent: 'center',\n  },\n  flexColumn: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}));\n\nexport const UsersGridItem = (props: { user: UserResponse }) => {\n  const { user } = props;\n  const classes = useGridItemStyles();\n  const localClasses = useStyles();\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const entityRef = stringifyEntityRef(\n    parseEntityRef(user.userRef, { defaultKind: 'user' }),\n  );\n  const { primaryTitle, Icon } = useEntityPresentation(entityRef);\n  const {\n    name,\n    initials,\n    user: userEntity,\n    secondaryTitle,\n  } = useEntityAuthor(user);\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const href = `${userRoute()}/${user.userRef}`;\n\n  return (\n    <Card className={classes.card}>\n      <ClickableLink href={href} ariaLabel={primaryTitle}>\n        <Box className={classes.cardHeader} display=\"flex\" alignItems=\"center\">\n          {Icon && (\n            <Avatar\n              src={userEntity?.spec?.profile?.picture}\n              className=\"avatar\"\n              alt={name}\n              variant=\"rounded\"\n              style={{ marginRight: 16 }}\n            >\n              {initials}\n            </Avatar>\n          )}\n          <Box flex={1} minWidth={0}>\n            <Tooltip title={secondaryTitle ?? ''} arrow>\n              <Typography variant=\"h6\" noWrap>\n                {primaryTitle}\n              </Typography>\n            </Tooltip>\n          </Box>\n          {!loadingUser &&\n          !userError &&\n          currentUser?.userEntityRef !== user.userRef ? (\n            <Box\n              flexShrink={0}\n              onClick={e => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n            >\n              <UserFollowButton userRef={user.userRef} />\n            </Box>\n          ) : null}\n        </Box>\n        <CardContent\n          className={`${classes.cardContent} ${localClasses.flexColumn}`}\n        >\n          <Grid container spacing={1} className={localClasses.statsGrid}>\n            <Grid item xs={3}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <EmojiEvents fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.reputation}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('impactCard.reputation')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={3}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalQuestions}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.questions')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={3}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalArticles}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.articles')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={3}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <LinkIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalLinks}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.links')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={4}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <CheckCircleIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalAnswers}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.answers')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={4}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <ThumbUpIcon fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalVotes}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.votes')}\n                </Typography>\n              </Box>\n            </Grid>\n            <Grid item xs={4}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                alignItems=\"center\"\n                className={localClasses.statItem}\n              >\n                <Visibility fontSize=\"small\" color=\"disabled\" />\n                <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                  {user.totalViews}\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {t('common.views')}\n                </Typography>\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </ClickableLink>\n    </Card>\n  );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}

package/dist/hooks/useCollectionsFollow.esm.js

@@ -1,54 +1,30 @@
-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 followedCollections = void 0;
 const useCollectionsFollow = () => {
-  const [collections, setCollections] = useState(
-    followedCollections ?? []
-  );
-  const [loading, setLoading] = useState(followedCollections === void 0);
   const qetaApi = useApi(qetaApiRef);
-  useEffect(() => {
-    if (followedCollections === void 0) {
-      qetaApi.getFollowedCollections().then((res) => {
-        followedCollections = res.collections;
-        setCollections(followedCollections);
-        setLoading(false);
-      });
-    } else {
-      setCollections(followedCollections);
-    }
-  }, [qetaApi]);
-  const followCollection = useCallback(
-    (collection) => {
-      qetaApi.followCollection(collection.id).then(() => {
-        setCollections((prev) => [...prev, collection]);
-        followedCollections?.push(collection);
-      });
-    },
-    [qetaApi]
-  );
-  const unfollowCollection = useCallback(
-    (collection) => {
-      qetaApi.unfollowCollection(collection.id).then(() => {
-        setCollections((prev) => prev.filter((t) => t.id !== collection.id));
-        followedCollections = followedCollections?.filter(
-          (t) => t.id !== collection.id
-        );
-      });
-    },
-    [qetaApi]
-  );
-  const isFollowingCollection = useCallback(
-    (collection) => Boolean(collections.find((t) => t.id === collection.id)),
-    [collections]
-  );
+  const { items, follow, unfollow, isFollowing, loading } = useFollow("collections", {
+    fetchFollowed: useCallback(
+      () => qetaApi.getFollowedCollections().then((res) => res.collections),
+      [qetaApi]
+    ),
+    followItem: useCallback(
+      (collection) => qetaApi.followCollection(collection.id),
+      [qetaApi]
+    ),
+    unfollowItem: useCallback(
+      (collection) => qetaApi.unfollowCollection(collection.id),
+      [qetaApi]
+    ),
+    isEqual: (a, b) => a.id === b.id
+  });
   return {
-    collections,
-    followCollection,
-    unfollowCollection,
-    isFollowingCollection,
+    collections: items,
+    followCollection: follow,
+    unfollowCollection: unfollow,
+    isFollowingCollection: isFollowing,
     loading
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useCollectionsFollow.esm.js","sources":["../../src/hooks/useCollectionsFollow.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\n\nlet followedCollections: Collection[] | undefined = undefined;\n\nexport const useCollectionsFollow = () => {\n  const [collections, setCollections] = useState<Collection[]>(\n    followedCollections ?? [],\n  );\n  const [loading, setLoading] = useState(followedCollections === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedCollections === undefined) {\n      qetaApi.getFollowedCollections().then(res => {\n        followedCollections = res.collections;\n        setCollections(followedCollections);\n        setLoading(false);\n      });\n    } else {\n      setCollections(followedCollections);\n    }\n  }, [qetaApi]);\n\n  const followCollection = useCallback(\n    (collection: Collection) => {\n      qetaApi.followCollection(collection.id).then(() => {\n        setCollections(prev => [...prev, collection]);\n        followedCollections?.push(collection);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowCollection = useCallback(\n    (collection: Collection) => {\n      qetaApi.unfollowCollection(collection.id).then(() => {\n        setCollections(prev => prev.filter(t => t.id !== collection.id));\n        followedCollections = followedCollections?.filter(\n          t => t.id !== collection.id,\n        );\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingCollection = useCallback(\n    (collection: Collection) =>\n      Boolean(collections.find(t => t.id === collection.id)),\n    [collections],\n  );\n  return {\n    collections,\n    followCollection,\n    unfollowCollection,\n    isFollowingCollection,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;AAKA,IAAI,mBAAgD,GAAA,KAAA,CAAA;AAE7C,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA;AAAA,IACpC,uBAAuB;AAAC,GAC1B;AACA,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAAS,wBAAwB,KAAS,CAAA,CAAA;AACxE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,wBAAwB,KAAW,CAAA,EAAA;AACrC,MAAQ,OAAA,CAAA,sBAAA,EAAyB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AAC3C,QAAA,mBAAA,GAAsB,GAAI,CAAA,WAAA;AAC1B,QAAA,cAAA,CAAe,mBAAmB,CAAA;AAClC,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OACjB,CAAA;AAAA,KACI,MAAA;AACL,MAAA,cAAA,CAAe,mBAAmB,CAAA;AAAA;AACpC,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,UAA2B,KAAA;AAC1B,MAAA,OAAA,CAAQ,gBAAiB,CAAA,UAAA,CAAW,EAAE,CAAA,CAAE,KAAK,MAAM;AACjD,QAAA,cAAA,CAAe,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,UAAU,CAAC,CAAA;AAC5C,QAAA,mBAAA,EAAqB,KAAK,UAAU,CAAA;AAAA,OACrC,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,UAA2B,KAAA;AAC1B,MAAA,OAAA,CAAQ,kBAAmB,CAAA,UAAA,CAAW,EAAE,CAAA,CAAE,KAAK,MAAM;AACnD,QAAe,cAAA,CAAA,CAAA,IAAA,KAAQ,KAAK,MAAO,CAAA,CAAA,CAAA,KAAK,EAAE,EAAO,KAAA,UAAA,CAAW,EAAE,CAAC,CAAA;AAC/D,QAAA,mBAAA,GAAsB,mBAAqB,EAAA,MAAA;AAAA,UACzC,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,KAAO,UAAW,CAAA;AAAA,SAC3B;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAC5B,CAAC,UACC,KAAA,OAAA,CAAQ,WAAY,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,EAAA,KAAO,UAAW,CAAA,EAAE,CAAC,CAAA;AAAA,IACvD,CAAC,WAAW;AAAA,GACd;AACA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useCollectionsFollow.esm.js","sources":["../../src/hooks/useCollectionsFollow.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useFollow } from './useFollow';\n\nexport const useCollectionsFollow = () => {\n  const qetaApi = useApi(qetaApiRef);\n\n  const { items, follow, unfollow, isFollowing, loading } =\n    useFollow<Collection>('collections', {\n      fetchFollowed: useCallback(\n        () => qetaApi.getFollowedCollections().then(res => res.collections),\n        [qetaApi],\n      ),\n      followItem: useCallback(\n        (collection: Collection) => qetaApi.followCollection(collection.id),\n        [qetaApi],\n      ),\n      unfollowItem: useCallback(\n        (collection: Collection) => qetaApi.unfollowCollection(collection.id),\n        [qetaApi],\n      ),\n      isEqual: (a, b) => a.id === b.id,\n    });\n\n  return {\n    collections: items,\n    followCollection: follow,\n    unfollowCollection: unfollow,\n    isFollowingCollection: isFollowing,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAM,MAAA,EAAE,OAAO,MAAQ,EAAA,QAAA,EAAU,aAAa,OAAQ,EAAA,GACpD,UAAsB,aAAe,EAAA;AAAA,IACnC,aAAe,EAAA,WAAA;AAAA,MACb,MAAM,OAAQ,CAAA,sBAAA,GAAyB,IAAK,CAAA,CAAA,GAAA,KAAO,IAAI,WAAW,CAAA;AAAA,MAClE,CAAC,OAAO;AAAA,KACV;AAAA,IACA,UAAY,EAAA,WAAA;AAAA,MACV,CAAC,UAAA,KAA2B,OAAQ,CAAA,gBAAA,CAAiB,WAAW,EAAE,CAAA;AAAA,MAClE,CAAC,OAAO;AAAA,KACV;AAAA,IACA,YAAc,EAAA,WAAA;AAAA,MACZ,CAAC,UAAA,KAA2B,OAAQ,CAAA,kBAAA,CAAmB,WAAW,EAAE,CAAA;AAAA,MACpE,CAAC,OAAO;AAAA,KACV;AAAA,IACA,SAAS,CAAC,CAAA,EAAG,CAAM,KAAA,CAAA,CAAE,OAAO,CAAE,CAAA;AAAA,GAC/B,CAAA;AAEH,EAAO,OAAA;AAAA,IACL,WAAa,EAAA,KAAA;AAAA,IACb,gBAAkB,EAAA,MAAA;AAAA,IAClB,kBAAoB,EAAA,QAAA;AAAA,IACpB,qBAAuB,EAAA,WAAA;AAAA,IACvB;AAAA,GACF;AACF;;;;"}

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;;;;"}