@drodil/backstage-plugin-qeta-react 3.6.0 → 3.7.0

package/dist/components/AIAnswerCard/AIAnswerCard.esm.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { makeStyles, createStyles, Card, CardHeader, Typography, CardContent } from '@material-ui/core';
+import React, { useCallback } from 'react';
+import { makeStyles, createStyles, Card, CardHeader, Typography, Tooltip, IconButton, CardContent } from '@material-ui/core';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
-import '@backstage/core-plugin-api';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
@@ -10,6 +10,9 @@ import 'react-use/lib/useAsync';
 import { useAI } from '../../hooks/useAI.esm.js';
 import FlareIcon from '@material-ui/icons/Flare';
 import useDebounce from 'react-use/lib/useDebounce';
+import { Skeleton } from '@material-ui/lab';
+import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
+import RefreshIcon from '@material-ui/icons/Refresh';
 
 const useStyles = makeStyles(
   (theme) => createStyles({
@@ -24,49 +27,94 @@ const useStyles = makeStyles(
 );
 const AIAnswerCard = (props) => {
   const { question, draft, article, style, debounceMs = 3e3 } = props;
-  const [answer, setAnswer] = React.useState(void 0);
+  const [answer, setAnswer] = React.useState(
+    void 0
+  );
   const styles = useStyles();
   const { t } = useTranslation();
+  const config = useApi(configApiRef);
+  const botName = config.getOptionalString("qeta.aiBotName") ?? "AI";
   const {
     isAIEnabled,
+    isNewQuestionsEnabled,
+    isExistingQuestionsEnabled,
+    isArticleSummaryEnabled,
     answerExistingQuestion,
     answerDraftQuestion,
     summarizeArticle
   } = useAI();
-  useDebounce(
-    () => {
+  const fetchAnswer = useCallback(
+    (options) => {
       if (!isAIEnabled) {
         return;
       }
       if (question) {
-        answerExistingQuestion(question.id).then((res) => {
-          setAnswer(res?.answer);
+        answerExistingQuestion(question.id, options).then((res) => {
+          setAnswer(res);
         });
       } else if (article) {
-        summarizeArticle(article.id).then((res) => {
-          setAnswer(res?.answer);
+        summarizeArticle(article.id, options).then((res) => {
+          setAnswer(res);
         });
       } else if (draft && draft.title && draft.content && draft.title.length + draft.content.length > 30) {
         answerDraftQuestion(draft).then((res) => {
-          setAnswer(res?.answer);
+          setAnswer(res);
         });
       } else {
         setAnswer(void 0);
       }
     },
+    [
+      isAIEnabled,
+      question,
+      article,
+      draft,
+      answerExistingQuestion,
+      summarizeArticle,
+      answerDraftQuestion
+    ]
+  );
+  useDebounce(
+    () => {
+      fetchAnswer();
+    },
     debounceMs,
     [answerExistingQuestion, answerDraftQuestion, isAIEnabled, question, draft]
   );
-  if (!isAIEnabled || !answer) {
+  const isEnabled = () => {
+    if (!isAIEnabled) {
+      return false;
+    }
+    if (question) {
+      return Boolean(isExistingQuestionsEnabled);
+    }
+    if (article) {
+      return Boolean(isArticleSummaryEnabled);
+    }
+    if (draft) {
+      return Boolean(isNewQuestionsEnabled);
+    }
+    return false;
+  };
+  const canEdit = question?.canEdit || article?.canEdit || false;
+  if (!isEnabled() || answer === null) {
     return null;
   }
   return /* @__PURE__ */ React.createElement(Card, { className: styles.card, style }, /* @__PURE__ */ React.createElement(
     CardHeader,
     {
       avatar: /* @__PURE__ */ React.createElement(FlareIcon, null),
-      title: /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, article ? t("aiAnswerCard.summary") : t("aiAnswerCard.answer"))
+      title: /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, article ? t("aiAnswerCard.summary", { name: botName }) : t("aiAnswerCard.answer", { name: botName })),
+      action: canEdit && /* @__PURE__ */ React.createElement(Tooltip, { title: t("aiAnswerCard.regenerate") }, /* @__PURE__ */ React.createElement(IconButton, { onClick: () => fetchAnswer({ regenerate: true }) }, /* @__PURE__ */ React.createElement(RefreshIcon, null))),
+      subheader: answer && /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: answer?.created ?? /* @__PURE__ */ new Date() })
+    }
+  ), /* @__PURE__ */ React.createElement(CardContent, null, answer === void 0 && /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200, animation: "wave" }), answer && /* @__PURE__ */ React.createElement(
+    MarkdownRenderer,
+    {
+      content: answer.answer,
+      className: styles.markdown
     }
-  ), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: answer, className: styles.markdown })));
+  )));
 };
 
 export { AIAnswerCard };

package/dist/components/AIAnswerCard/AIAnswerCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIAnswerCard.esm.js","sources":["../../../src/components/AIAnswerCard/AIAnswerCard.tsx"],"sourcesContent":["import { Article, Post } from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  createStyles,\n  makeStyles,\n  Theme,\n  Typography,\n} from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useAI, useTranslation } from '../../hooks';\nimport FlareIcon from '@material-ui/icons/Flare';\nimport useDebounce from 'react-use/lib/useDebounce';\n\nexport type QetaAIAnswerCardClassKey = 'card';\n\nconst useStyles = makeStyles(\n  (theme: Theme) =>\n    createStyles({\n      card: {\n        marginTop: theme.spacing(3),\n        backgroundColor: theme.palette.background.default,\n        border: `3px solid ${theme.palette.status.ok}`,\n      },\n      markdown: {},\n    }),\n  { name: 'QetaAIAnswerCard' },\n);\n\nexport type AIAnswerCardProps = {\n  question?: Post;\n  draft?: {\n    title: string;\n    content: string;\n  };\n  article?: Article;\n  debounceMs?: number;\n  style?: React.CSSProperties;\n};\n\nexport const AIAnswerCard = (props: AIAnswerCardProps) => {\n  const { question, draft, article, style, debounceMs = 3000 } = props;\n  const [answer, setAnswer] = React.useState<string | undefined>(undefined);\n  const styles = useStyles();\n  const { t } = useTranslation();\n\n  const {\n    isAIEnabled,\n    answerExistingQuestion,\n    answerDraftQuestion,\n    summarizeArticle,\n  } = useAI();\n\n  useDebounce(\n    () => {\n      if (!isAIEnabled) {\n        return;\n      }\n\n      if (question) {\n        answerExistingQuestion(question.id).then(res => {\n          setAnswer(res?.answer);\n        });\n      } else if (article) {\n        summarizeArticle(article.id).then(res => {\n          setAnswer(res?.answer);\n        });\n      } else if (\n        draft &&\n        draft.title &&\n        draft.content &&\n        draft.title.length + draft.content.length > 30\n      ) {\n        answerDraftQuestion(draft).then(res => {\n          setAnswer(res?.answer);\n        });\n      } else {\n        setAnswer(undefined);\n      }\n    },\n    debounceMs,\n    [answerExistingQuestion, answerDraftQuestion, isAIEnabled, question, draft],\n  );\n\n  if (!isAIEnabled || !answer) {\n    return null;\n  }\n\n  return (\n    <Card className={styles.card} style={style}>\n      <CardHeader\n        avatar={<FlareIcon />}\n        title={\n          <Typography variant=\"h5\">\n            {article ? t('aiAnswerCard.summary') : t('aiAnswerCard.answer')}\n          </Typography>\n        }\n      />\n      <CardContent>\n        <MarkdownRenderer content={answer} className={styles.markdown} />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAC,UACC,YAAa,CAAA;AAAA,IACX,IAAM,EAAA;AAAA,MACJ,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC1B,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,MAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,EAAE,CAAA,CAAA;AAAA,KAC9C;AAAA,IACA,UAAU,EAAC;AAAA,GACZ,CAAA;AAAA,EACH,EAAE,MAAM,kBAAmB,EAAA;AAC7B,CAAA,CAAA;AAaa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,QAAU,EAAA,KAAA,EAAO,SAAS,KAAO,EAAA,UAAA,GAAa,KAAS,GAAA,KAAA,CAAA;AAC/D,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,KAAA,CAAM,SAA6B,KAAS,CAAA,CAAA,CAAA;AACxE,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,sBAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,MACE,KAAM,EAAA,CAAA;AAEV,EAAA,WAAA;AAAA,IACE,MAAM;AACJ,MAAA,IAAI,CAAC,WAAa,EAAA;AAChB,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,sBAAA,CAAuB,QAAS,CAAA,EAAE,CAAE,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AAC9C,UAAA,SAAA,CAAU,KAAK,MAAM,CAAA,CAAA;AAAA,SACtB,CAAA,CAAA;AAAA,iBACQ,OAAS,EAAA;AAClB,QAAA,gBAAA,CAAiB,OAAQ,CAAA,EAAE,CAAE,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACvC,UAAA,SAAA,CAAU,KAAK,MAAM,CAAA,CAAA;AAAA,SACtB,CAAA,CAAA;AAAA,OAED,MAAA,IAAA,KAAA,IACA,KAAM,CAAA,KAAA,IACN,KAAM,CAAA,OAAA,IACN,KAAM,CAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAM,OAAQ,CAAA,MAAA,GAAS,EAC5C,EAAA;AACA,QAAoB,mBAAA,CAAA,KAAK,CAAE,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACrC,UAAA,SAAA,CAAU,KAAK,MAAM,CAAA,CAAA;AAAA,SACtB,CAAA,CAAA;AAAA,OACI,MAAA;AACL,QAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,OACrB;AAAA,KACF;AAAA,IACA,UAAA;AAAA,IACA,CAAC,sBAAA,EAAwB,mBAAqB,EAAA,WAAA,EAAa,UAAU,KAAK,CAAA;AAAA,GAC5E,CAAA;AAEA,EAAI,IAAA,CAAC,WAAe,IAAA,CAAC,MAAQ,EAAA;AAC3B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,MAAM,KAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,MAAA,sCAAS,SAAU,EAAA,IAAA,CAAA;AAAA,MACnB,KAAA,kBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EACjB,OAAU,GAAA,CAAA,CAAE,sBAAsB,CAAA,GAAI,CAAE,CAAA,qBAAqB,CAChE,CAAA;AAAA,KAAA;AAAA,GAEJ,kBACC,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,OAAS,EAAA,MAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CACjE,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AIAnswerCard.esm.js","sources":["../../../src/components/AIAnswerCard/AIAnswerCard.tsx"],"sourcesContent":["import {\n  AIQuery,\n  AIResponse,\n  Article,\n  Post,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React, { useCallback } from 'react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  createStyles,\n  IconButton,\n  makeStyles,\n  Theme,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useAI, useTranslation } from '../../hooks';\nimport FlareIcon from '@material-ui/icons/Flare';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { Skeleton } from '@material-ui/lab';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport type QetaAIAnswerCardClassKey = 'card';\n\nconst useStyles = makeStyles(\n  (theme: Theme) =>\n    createStyles({\n      card: {\n        marginTop: theme.spacing(3),\n        backgroundColor: theme.palette.background.default,\n        border: `3px solid ${theme.palette.status.ok}`,\n      },\n      markdown: {},\n    }),\n  { name: 'QetaAIAnswerCard' },\n);\n\nexport type AIAnswerCardProps = {\n  question?: Post;\n  draft?: {\n    title: string;\n    content: string;\n  };\n  article?: Article;\n  debounceMs?: number;\n  style?: React.CSSProperties;\n};\n\nexport const AIAnswerCard = (props: AIAnswerCardProps) => {\n  const { question, draft, article, style, debounceMs = 3000 } = props;\n  const [answer, setAnswer] = React.useState<AIResponse | null | undefined>(\n    undefined,\n  );\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const config = useApi(configApiRef);\n  const botName = config.getOptionalString('qeta.aiBotName') ?? 'AI';\n\n  const {\n    isAIEnabled,\n    isNewQuestionsEnabled,\n    isExistingQuestionsEnabled,\n    isArticleSummaryEnabled,\n    answerExistingQuestion,\n    answerDraftQuestion,\n    summarizeArticle,\n  } = useAI();\n\n  const fetchAnswer = useCallback(\n    (options?: AIQuery) => {\n      if (!isAIEnabled) {\n        return;\n      }\n\n      if (question) {\n        answerExistingQuestion(question.id, options).then(res => {\n          setAnswer(res);\n        });\n      } else if (article) {\n        summarizeArticle(article.id, options).then(res => {\n          setAnswer(res);\n        });\n      } else if (\n        draft &&\n        draft.title &&\n        draft.content &&\n        draft.title.length + draft.content.length > 30\n      ) {\n        answerDraftQuestion(draft).then(res => {\n          setAnswer(res);\n        });\n      } else {\n        setAnswer(undefined);\n      }\n    },\n    [\n      isAIEnabled,\n      question,\n      article,\n      draft,\n      answerExistingQuestion,\n      summarizeArticle,\n      answerDraftQuestion,\n    ],\n  );\n\n  useDebounce(\n    () => {\n      fetchAnswer();\n    },\n    debounceMs,\n    [answerExistingQuestion, answerDraftQuestion, isAIEnabled, question, draft],\n  );\n\n  const isEnabled = (): boolean => {\n    if (!isAIEnabled) {\n      return false;\n    }\n    if (question) {\n      return Boolean(isExistingQuestionsEnabled);\n    }\n    if (article) {\n      return Boolean(isArticleSummaryEnabled);\n    }\n    if (draft) {\n      return Boolean(isNewQuestionsEnabled);\n    }\n    return false;\n  };\n  const canEdit = question?.canEdit || article?.canEdit || false;\n\n  if (!isEnabled() || answer === null) {\n    return null;\n  }\n\n  return (\n    <Card className={styles.card} style={style}>\n      <CardHeader\n        avatar={<FlareIcon />}\n        title={\n          <Typography variant=\"h5\">\n            {article\n              ? t('aiAnswerCard.summary', { name: botName })\n              : t('aiAnswerCard.answer', { name: botName })}\n          </Typography>\n        }\n        action={\n          canEdit && (\n            <Tooltip title={t('aiAnswerCard.regenerate')}>\n              <IconButton onClick={() => fetchAnswer({ regenerate: true })}>\n                <RefreshIcon />\n              </IconButton>\n            </Tooltip>\n          )\n        }\n        subheader={\n          answer && (\n            <RelativeTimeWithTooltip value={answer?.created ?? new Date()} />\n          )\n        }\n      />\n      <CardContent>\n        {answer === undefined && (\n          <Skeleton variant=\"rect\" height={200} animation=\"wave\" />\n        )}\n        {answer && (\n          <MarkdownRenderer\n            content={answer.answer}\n            className={styles.markdown}\n          />\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ArticleContent/ArticleContent.esm.js

@@ -18,16 +18,15 @@ const useStyles = makeStyles(
   (theme) => {
     return {
       content: {
-        fontSize: "1.1rem",
-        lineHeight: "1.5rem",
-        paddingTop: "1rem",
-        paddingBottom: "1rem",
-        marginBottom: "1rem",
+        fontSize: "110%",
+        paddingTop: theme.spacing(2),
+        paddingBottom: theme.spacing(2),
+        marginBottom: theme.spacing(2),
         borderBottom: `1px solid ${theme.palette.background.paper}`
       },
       headerImage: {
-        marginBottom: "1rem",
-        marginTop: "1rem",
+        marginBottom: theme.spacing(2),
+        marginTop: theme.spacing(2),
         height: "250px",
         objectFit: "cover",
         width: "100%",
@@ -36,8 +35,8 @@ const useStyles = makeStyles(
       },
       commentSection: {
         borderBottom: `1px solid ${theme.palette.background.paper}`,
-        paddingBottom: "1rem",
-        marginBottom: "1rem",
+        paddingBottom: theme.spacing(2),
+        marginBottom: theme.spacing(2),
         marginLeft: 0
       }
     };

package/dist/components/ArticleContent/ArticleContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleContent.esm.js","sources":["../../../src/components/ArticleContent/ArticleContent.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Avatar, Grid, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport React from 'react';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\n\nexport type QetaArticleContentClassKey =\n  | 'content'\n  | 'headerImage'\n  | 'commentSection';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      content: {\n        fontSize: '1.1rem',\n        lineHeight: '1.5rem',\n        paddingTop: '1rem',\n        paddingBottom: '1rem',\n        marginBottom: '1rem',\n        borderBottom: `1px solid ${theme.palette.background.paper}`,\n      },\n      headerImage: {\n        marginBottom: '1rem',\n        marginTop: '1rem',\n        height: '250px',\n        objectFit: 'cover',\n        width: '100%',\n        border: `1px solid ${theme.palette.background.paper}`,\n        boxShadow: theme.shadows[1],\n      },\n      commentSection: {\n        borderBottom: `1px solid ${theme.palette.background.paper}`,\n        paddingBottom: '1rem',\n        marginBottom: '1rem',\n        marginLeft: 0,\n      },\n    };\n  },\n  { name: 'QetaArticle' },\n);\n\nexport const ArticleContent = (props: {\n  post: PostResponse;\n  views: number;\n}) => {\n  const { post, views } = props;\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const { name, initials, user } = useEntityAuthor(post);\n  const [postEntity, setPostEntity] = React.useState(post);\n  const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n    setPostEntity(q);\n  };\n\n  if (post.type !== 'article') {\n    return (\n      <WarningPanel title=\"Not found\" message=\"Could not find the article\" />\n    );\n  }\n\n  return (\n    <>\n      <Typography variant=\"h2\">{postEntity.title}</Typography>\n      <Grid container alignItems=\"center\">\n        <Grid item>\n          <Avatar\n            src={user?.spec?.profile?.picture}\n            className=\"qetaAvatar avatar\"\n            alt={name}\n            variant=\"rounded\"\n          >\n            {initials}\n          </Avatar>\n        </Grid>\n        <Grid item>\n          <Typography variant=\"subtitle1\">{name}</Typography>\n          <Typography variant=\"caption\">\n            {t('common.views', { count: views })} {' · '}\n            {t('authorBox.postedAtTime')}{' '}\n            <RelativeTimeWithTooltip value={postEntity.created} />\n          </Typography>\n        </Grid>\n      </Grid>\n      <Grid container>\n        <Grid item xs={12}>\n          <ArticleButtons post={postEntity} />\n        </Grid>\n      </Grid>\n      {postEntity.headerImage && (\n        <img\n          src={post.headerImage}\n          alt={post.title}\n          className={styles.headerImage}\n        />\n      )}\n      <MarkdownRenderer\n        content={postEntity.content}\n        className={styles.content}\n      />\n      <Typography variant=\"h6\">{t('common.comments')}</Typography>\n      <CommentSection\n        className={styles.commentSection}\n        post={postEntity}\n        onCommentDelete={onCommentAction}\n        onCommentPost={onCommentAction}\n      />\n      <Grid container>\n        <Grid item xs={12}>\n          <TagsAndEntities entity={postEntity} />\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ArticleContent.esm.js","sources":["../../../src/components/ArticleContent/ArticleContent.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Avatar, Grid, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport React from 'react';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\n\nexport type QetaArticleContentClassKey =\n  | 'content'\n  | 'headerImage'\n  | 'commentSection';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      content: {\n        fontSize: '110%',\n        paddingTop: theme.spacing(2),\n        paddingBottom: theme.spacing(2),\n        marginBottom: theme.spacing(2),\n        borderBottom: `1px solid ${theme.palette.background.paper}`,\n      },\n      headerImage: {\n        marginBottom: theme.spacing(2),\n        marginTop: theme.spacing(2),\n        height: '250px',\n        objectFit: 'cover',\n        width: '100%',\n        border: `1px solid ${theme.palette.background.paper}`,\n        boxShadow: theme.shadows[1],\n      },\n      commentSection: {\n        borderBottom: `1px solid ${theme.palette.background.paper}`,\n        paddingBottom: theme.spacing(2),\n        marginBottom: theme.spacing(2),\n        marginLeft: 0,\n      },\n    };\n  },\n  { name: 'QetaArticle' },\n);\n\nexport const ArticleContent = (props: {\n  post: PostResponse;\n  views: number;\n}) => {\n  const { post, views } = props;\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const { name, initials, user } = useEntityAuthor(post);\n  const [postEntity, setPostEntity] = React.useState(post);\n  const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n    setPostEntity(q);\n  };\n\n  if (post.type !== 'article') {\n    return (\n      <WarningPanel title=\"Not found\" message=\"Could not find the article\" />\n    );\n  }\n\n  return (\n    <>\n      <Typography variant=\"h2\">{postEntity.title}</Typography>\n      <Grid container alignItems=\"center\">\n        <Grid item>\n          <Avatar\n            src={user?.spec?.profile?.picture}\n            className=\"qetaAvatar avatar\"\n            alt={name}\n            variant=\"rounded\"\n          >\n            {initials}\n          </Avatar>\n        </Grid>\n        <Grid item>\n          <Typography variant=\"subtitle1\">{name}</Typography>\n          <Typography variant=\"caption\">\n            {t('common.views', { count: views })} {' · '}\n            {t('authorBox.postedAtTime')}{' '}\n            <RelativeTimeWithTooltip value={postEntity.created} />\n          </Typography>\n        </Grid>\n      </Grid>\n      <Grid container>\n        <Grid item xs={12}>\n          <ArticleButtons post={postEntity} />\n        </Grid>\n      </Grid>\n      {postEntity.headerImage && (\n        <img\n          src={post.headerImage}\n          alt={post.title}\n          className={styles.headerImage}\n        />\n      )}\n      <MarkdownRenderer\n        content={postEntity.content}\n        className={styles.content}\n      />\n      <Typography variant=\"h6\">{t('common.comments')}</Typography>\n      <CommentSection\n        className={styles.commentSection}\n        post={postEntity}\n        onCommentDelete={onCommentAction}\n        onCommentPost={onCommentAction}\n      />\n      <Grid container>\n        <Grid item xs={12}>\n          <TagsAndEntities entity={postEntity} />\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CommentSection/CommentList.esm.js

@@ -12,10 +12,16 @@ import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const useStyles = makeStyles(
-  (_theme) => {
+  (theme) => {
     return {
-      inline: {
-        display: "inline-block"
+      commentBox: {
+        paddingBottom: theme.spacing(2)
+      },
+      markdown: {
+        display: "inline",
+        "& *:last-child": {
+          display: "inline"
+        }
       }
     };
   },
@@ -36,8 +42,17 @@ const CommentList = (props) => {
     }
     qetaApi.deletePostComment(question.id, id).then((q) => onCommentDelete(q));
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.comments?.map((c) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { key: c.id, className: "qetaCommentBox" }, /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: c.content, className: styles.inline }), " \u2013 ", /* @__PURE__ */ React.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: "qetaCommentTime" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: c.created })), (c.own || c.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, " / ", /* @__PURE__ */ React.createElement(
+  if (!entity.comments || entity.comments.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Box, { marginBottom: 2 }, entity.comments?.map((c) => {
+    return /* @__PURE__ */ React.createElement("div", { key: c.id }, /* @__PURE__ */ React.createElement(Box, { className: `${styles.commentBox} qetaCommentBox` }, /* @__PURE__ */ React.createElement(
+      MarkdownRenderer,
+      {
+        content: c.content,
+        className: styles.markdown
+      }
+    ), /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: "qetaCommentMetadata" }, " \u2013 ", /* @__PURE__ */ React.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: c.created }), (c.own || c.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, " / ", /* @__PURE__ */ React.createElement(
       Link,
       {
         underline: "none",
@@ -46,7 +61,7 @@ const CommentList = (props) => {
         onClick: () => deleteComment(c.id)
       },
       t("commentList.deleteLink")
-    ))), /* @__PURE__ */ React.createElement(Divider, null));
+    )))), /* @__PURE__ */ React.createElement(Divider, null));
   }));
 };
 

package/dist/components/CommentSection/CommentList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Divider, makeStyles, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\n\nexport const useStyles = makeStyles(\n  _theme => {\n    return {\n      inline: {\n        display: 'inline-block',\n      },\n    };\n  },\n  { name: 'QetaCommentList' },\n);\n\nexport const CommentList = (props: {\n  onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n  question: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { question, answer, onCommentDelete } = props;\n  const entity = answer ?? question;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n        onCommentDelete(question, a);\n        return;\n      });\n    }\n    qetaApi.deletePostComment(question.id, id).then(q => onCommentDelete(q));\n  };\n\n  return (\n    <>\n      {entity.comments?.map(c => {\n        return (\n          <>\n            <Box key={c.id} className=\"qetaCommentBox\">\n              <MarkdownRenderer content={c.content} className={styles.inline} />\n              {' – '}\n              <AuthorLink entity={c} />{' '}\n              <Typography variant=\"caption\" className=\"qetaCommentTime\">\n                <RelativeTimeWithTooltip value={c.created} />\n              </Typography>\n              {(c.own || c.canDelete) && (\n                <>\n                  {' / '}\n                  <Link\n                    underline=\"none\"\n                    to=\"#\"\n                    className=\"qetaCommentDeleteBtn\"\n                    onClick={() => deleteComment(c.id)}\n                  >\n                    {t('commentList.deleteLink')}\n                  </Link>\n                </>\n              )}\n            </Box>\n            <Divider />\n          </>\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAcO,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAU,MAAA,KAAA;AACR,IAAO,OAAA;AAAA,MACL,MAAQ,EAAA;AAAA,QACN,OAAS,EAAA,cAAA;AAAA,OACX;AAAA,KACF,CAAA;AAAA,GACF;AAAA,EACA,EAAE,MAAM,iBAAkB,EAAA;AAC5B,EAAA;AAEa,MAAA,WAAA,GAAc,CAAC,KAItB,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,SAAS,MAAU,IAAA,QAAA,CAAA;AACzB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAe,KAAA;AACpC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAQ,OAAA,CAAA,mBAAA,CAAoB,SAAS,EAAI,EAAA,MAAA,CAAO,IAAI,EAAE,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AAChE,QAAA,eAAA,CAAgB,UAAU,CAAC,CAAA,CAAA;AAC3B,QAAA,OAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AACA,IAAQ,OAAA,CAAA,iBAAA,CAAkB,SAAS,EAAI,EAAA,EAAE,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACzE,CAAA;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,CAAO,QAAU,EAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AACzB,IAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,CAAE,CAAA,EAAA,EAAI,WAAU,gBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAiB,OAAS,EAAA,CAAA,CAAE,SAAS,SAAW,EAAA,MAAA,CAAO,QAAQ,CAC/D,EAAA,UAAA,sCACA,UAAW,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,CAAA,EAAG,qBACzB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,SAAU,EAAA,SAAA,EAAU,qCACrC,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,CAAE,CAAA,OAAA,EAAS,CAC7C,CACE,EAAA,CAAA,CAAA,CAAE,OAAO,CAAE,CAAA,SAAA,+DAER,KACD,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,MAAA;AAAA,QACV,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,sBAAA;AAAA,QACV,OAAS,EAAA,MAAM,aAAc,CAAA,CAAA,CAAE,EAAE,CAAA;AAAA,OAAA;AAAA,MAEhC,EAAE,wBAAwB,CAAA;AAAA,KAE/B,CAEJ,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Divider, makeStyles, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      commentBox: {\n        paddingBottom: theme.spacing(2),\n      },\n      markdown: {\n        display: 'inline',\n        '& *:last-child': {\n          display: 'inline',\n        },\n      },\n    };\n  },\n  { name: 'QetaCommentList' },\n);\n\nexport const CommentList = (props: {\n  onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n  question: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { question, answer, onCommentDelete } = props;\n  const entity = answer ?? question;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n        onCommentDelete(question, a);\n        return;\n      });\n    }\n    qetaApi.deletePostComment(question.id, id).then(q => onCommentDelete(q));\n  };\n\n  if (!entity.comments || entity.comments.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box marginBottom={2}>\n      {entity.comments?.map(c => {\n        return (\n          <div key={c.id}>\n            <Box className={`${styles.commentBox} qetaCommentBox`}>\n              <MarkdownRenderer\n                content={c.content}\n                className={styles.markdown}\n              />\n              <Typography variant=\"caption\" className=\"qetaCommentMetadata\">\n                {' – '}\n                <AuthorLink entity={c} />{' '}\n                <RelativeTimeWithTooltip value={c.created} />\n                {(c.own || c.canDelete) && (\n                  <>\n                    {' / '}\n                    <Link\n                      underline=\"none\"\n                      to=\"#\"\n                      className=\"qetaCommentDeleteBtn\"\n                      onClick={() => deleteComment(c.id)}\n                    >\n                      {t('commentList.deleteLink')}\n                    </Link>\n                  </>\n                )}\n              </Typography>\n            </Box>\n            <Divider />\n          </div>\n        );\n      })}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CommentSection/CommentSection.esm.js

@@ -1,6 +1,5 @@
 import React, { useState, useEffect } from 'react';
 import { Box, Grid, Button } from '@material-ui/core';
-import { Link } from '@backstage/core-components';
 import { qetaCreateCommentPermission } from '@drodil/backstage-plugin-qeta-common';
 import { useForm, Controller } from 'react-hook-form';
 import { useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
@@ -13,6 +12,7 @@ import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
+import AddCommentIcon from '@material-ui/icons/AddComment';
 
 const CommentSection = (props) => {
   const { answer, post, onCommentPost, onCommentDelete } = props;
@@ -62,16 +62,17 @@ const CommentSection = (props) => {
       permission: qetaCreateCommentPermission,
       errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
     },
-    !formVisible && /* @__PURE__ */ React.createElement(
-      Link,
+    !formVisible && /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "flex-end" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+      Button,
       {
-        underline: "none",
-        to: "#",
+        size: "small",
+        variant: "outlined",
         className: "qetaAddCommentBtn",
+        startIcon: /* @__PURE__ */ React.createElement(AddCommentIcon, null),
         onClick: () => setFormVisible(true)
       },
       t("commentSection.addComment")
-    ),
+    ))),
     formVisible && /* @__PURE__ */ React.createElement(
       "form",
       {
@@ -93,9 +94,10 @@ const CommentSection = (props) => {
             MarkdownEditor,
             {
               config: configApi,
+              autoFocus: true,
               value,
               onChange,
-              height: 60,
+              height: 100,
               disablePreview: true,
               disableAttachments: true,
               disableToolbar: true

package/dist/components/CommentSection/CommentSection.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Box, Button, Grid } from '@material-ui/core';\nimport { Link } from '@backstage/core-components';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { confirmNavigationIfEdited } from '../../utils/utils';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { useTranslation } from '../../hooks';\n\nexport const CommentSection = (props: {\n  onCommentPost: (question: PostResponse, answer?: AnswerResponse) => void;\n  onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n  className?: string;\n}) => {\n  const { answer, post, onCommentPost, onCommentDelete } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const configApi = useApi(configApiRef);\n  const [posting, setPosting] = React.useState(false);\n  const [formVisible, setFormVisible] = useState(false);\n  const [edited, setEdited] = React.useState(false);\n  const { t } = useTranslation();\n  const { handleSubmit, control, reset } = useForm<{ content: string }>({});\n\n  const postComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi.commentAnswer(post.id, answer.id, data.content).then(a => {\n        setFormVisible(false);\n        analytics.captureEvent('comment', 'answer');\n        reset();\n        setPosting(false);\n        setEdited(false);\n        onCommentPost(post, a);\n      });\n      return;\n    }\n\n    qetaApi.commentPost(post.id, data.content).then(q => {\n      setFormVisible(false);\n      analytics.captureEvent('comment', post.type);\n      reset();\n      setPosting(false);\n      setEdited(false);\n      onCommentPost(q);\n    });\n  };\n\n  useEffect(() => {\n    return confirmNavigationIfEdited(edited);\n  }, [edited]);\n\n  return (\n    <Box marginLeft={9} className={`${props.className} qetaCommentSection`}>\n      <CommentList\n        question={post}\n        answer={answer}\n        onCommentDelete={onCommentDelete}\n      />\n      <RequirePermission\n        permission={qetaCreateCommentPermission}\n        errorPage={<></>}\n      >\n        {!formVisible && (\n          <Link\n            underline=\"none\"\n            to=\"#\"\n            className=\"qetaAddCommentBtn\"\n            onClick={() => setFormVisible(true)}\n          >\n            {t('commentSection.addComment')}\n          </Link>\n        )}\n        {formVisible && (\n          <form\n            onSubmit={handleSubmit(postComment)}\n            onChange={() => {\n              setEdited(true);\n            }}\n            className=\"qetaCommentForm\"\n          >\n            <Grid container>\n              <Grid item xs={11}>\n                <Controller\n                  control={control}\n                  defaultValue=\"\"\n                  rules={{\n                    required: true,\n                  }}\n                  render={({ field: { onChange, value } }) => (\n                    <MarkdownEditor\n                      config={configApi}\n                      value={value}\n                      onChange={onChange}\n                      height={60}\n                      disablePreview\n                      disableAttachments\n                      disableToolbar\n                    />\n                  )}\n                  name=\"content\"\n                />\n              </Grid>\n              <Grid item xs={1}>\n                <Button\n                  variant=\"contained\"\n                  size=\"small\"\n                  className=\"qetaCommentBtn\"\n                  type=\"submit\"\n                  color=\"primary\"\n                  disabled={posting}\n                >\n                  {t('commentSection.post')}\n                </Button>\n              </Grid>\n            </Grid>\n          </form>\n        )}\n      </RequirePermission>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useEffect, useState } from 'react';\nimport { Box, Button, Grid } from '@material-ui/core';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { confirmNavigationIfEdited } from '../../utils/utils';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { useTranslation } from '../../hooks';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\n\nexport const CommentSection = (props: {\n  onCommentPost: (question: PostResponse, answer?: AnswerResponse) => void;\n  onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n  className?: string;\n}) => {\n  const { answer, post, onCommentPost, onCommentDelete } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const configApi = useApi(configApiRef);\n  const [posting, setPosting] = React.useState(false);\n  const [formVisible, setFormVisible] = useState(false);\n  const [edited, setEdited] = React.useState(false);\n  const { t } = useTranslation();\n  const { handleSubmit, control, reset } = useForm<{ content: string }>({});\n\n  const postComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi.commentAnswer(post.id, answer.id, data.content).then(a => {\n        setFormVisible(false);\n        analytics.captureEvent('comment', 'answer');\n        reset();\n        setPosting(false);\n        setEdited(false);\n        onCommentPost(post, a);\n      });\n      return;\n    }\n\n    qetaApi.commentPost(post.id, data.content).then(q => {\n      setFormVisible(false);\n      analytics.captureEvent('comment', post.type);\n      reset();\n      setPosting(false);\n      setEdited(false);\n      onCommentPost(q);\n    });\n  };\n\n  useEffect(() => {\n    return confirmNavigationIfEdited(edited);\n  }, [edited]);\n\n  return (\n    <Box marginLeft={9} className={`${props.className} qetaCommentSection`}>\n      <CommentList\n        question={post}\n        answer={answer}\n        onCommentDelete={onCommentDelete}\n      />\n      <RequirePermission\n        permission={qetaCreateCommentPermission}\n        errorPage={<></>}\n      >\n        {!formVisible && (\n          <Grid container justifyContent=\"flex-end\">\n            <Grid item>\n              <Button\n                size=\"small\"\n                variant=\"outlined\"\n                className=\"qetaAddCommentBtn\"\n                startIcon={<AddCommentIcon />}\n                onClick={() => setFormVisible(true)}\n              >\n                {t('commentSection.addComment')}\n              </Button>\n            </Grid>\n          </Grid>\n        )}\n        {formVisible && (\n          <form\n            onSubmit={handleSubmit(postComment)}\n            onChange={() => {\n              setEdited(true);\n            }}\n            className=\"qetaCommentForm\"\n          >\n            <Grid container>\n              <Grid item xs={11}>\n                <Controller\n                  control={control}\n                  defaultValue=\"\"\n                  rules={{\n                    required: true,\n                  }}\n                  render={({ field: { onChange, value } }) => (\n                    <MarkdownEditor\n                      config={configApi}\n                      autoFocus\n                      value={value}\n                      onChange={onChange}\n                      height={100}\n                      disablePreview\n                      disableAttachments\n                      disableToolbar\n                    />\n                  )}\n                  name=\"content\"\n                />\n              </Grid>\n              <Grid item xs={1}>\n                <Button\n                  variant=\"contained\"\n                  size=\"small\"\n                  className=\"qetaCommentBtn\"\n                  type=\"submit\"\n                  color=\"primary\"\n                  disabled={posting}\n                >\n                  {t('commentSection.post')}\n                </Button>\n              </Grid>\n            </Grid>\n          </form>\n        )}\n      </RequirePermission>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/MarkdownEditor/MarkdownEditor.esm.js

@@ -106,7 +106,9 @@ const MarkdownEditor = (props) => {
     disablePreview,
     postId,
     answerId,
-    collectionId
+    collectionId,
+    autoFocus,
+    required = true
   } = props;
   const [selectedTab, setSelectedTab] = React.useState(
     "write"
@@ -164,8 +166,9 @@ const MarkdownEditor = (props) => {
       minPreviewHeight: height - 10,
       childProps: {
         textArea: {
-          required: true,
-          placeholder
+          required,
+          placeholder,
+          autoFocus
         }
       },
       suggestionTriggerCharacters: ["@"],

package/dist/components/MarkdownEditor/MarkdownEditor.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport React from 'react';\nimport ReactMde from 'react-mde';\n\nimport { Config } from '@backstage/config';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils/utils';\nimport { makeStyles } from '@material-ui/core';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef, UserEntity } from '@backstage/catalog-model';\n\nexport type QetaMarkdownEditorClassKey =\n  | 'markdownEditor'\n  | 'markdownEditorError'\n  | 'markdownPreview'\n  | 'suggestionsDropdown';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      markdownEditor: {\n        backgroundColor: 'initial',\n        color: theme.palette.text.primary,\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          borderColor: theme.palette.action.active,\n        },\n        '&:focus-within': {\n          borderColor: theme.palette.primary.main,\n        },\n        '& .mde-header': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          borderBottom: `1px solid ${theme.palette.action.selected}`,\n          '& .mde-tabs button, .mde-header-item > button': {\n            color: `${theme.palette.text.primary} !important`,\n          },\n        },\n        '& .mde-preview-content': {\n          padding: '10px',\n        },\n        '& .mde-text, .mde-preview': {\n          fontSize: theme.typography.body1.fontSize,\n          fontFamily: theme.typography.body1.fontFamily,\n          lineHeight: theme.typography.body1.lineHeight,\n        },\n        '& .mde-text': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          outline: 'none',\n        },\n        '& .image-tip': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'initial',\n        },\n      },\n      markdownEditorError: {\n        border: `1px solid ${theme.palette.error.main} !important`,\n      },\n      markdownPreview: {\n        '& *': {\n          wordBreak: 'break-word',\n        },\n        '&.inline': {\n          display: 'inline-block',\n        },\n        '& > :first-child': {\n          marginTop: '0px !important',\n        },\n        '& > :last-child': {\n          marginBottom: '0px !important',\n        },\n      },\n      suggestionsDropdown: {\n        position: 'absolute',\n        minWidth: '180px',\n        margin: '20px 0 0',\n        listStyle: 'none',\n        padding: '0',\n        cursor: 'pointer',\n        background: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.shape.borderRadius,\n        '& li': {\n          width: '100%',\n          padding: '0.5rem',\n          '&:hover': {\n            backgroundColor: theme.palette.action.hover,\n          },\n        },\n      },\n      hide: {\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaMarkdownEditor' },\n);\n\nexport const MarkdownEditor = (props: {\n  config?: Config;\n  value: string;\n  onChange: (value: string) => void;\n  height: number;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload?: (imageId: number) => void;\n  disableToolbar?: boolean;\n  disableAttachments?: boolean;\n  disablePreview?: boolean;\n  postId?: number;\n  answerId?: number;\n  collectionId?: number;\n}) => {\n  const {\n    config,\n    value,\n    onChange,\n    height,\n    error,\n    placeholder,\n    disableAttachments,\n    disableToolbar,\n    disablePreview,\n    postId,\n    answerId,\n    collectionId,\n  } = props;\n  const [selectedTab, setSelectedTab] = React.useState<'write' | 'preview'>(\n    'write',\n  );\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  const loadSuggestions = async (text: string) => {\n    if (!text) {\n      return [{ preview: 'No suggestions', value: '' }];\n    }\n    const users = await catalogApi.queryEntities({\n      filter: { kind: 'User' },\n      limit: 5,\n      fullTextFilter: {\n        term: text,\n        fields: [\n          'metadata.name',\n          'metadata.title',\n          'spec.profile.displayName',\n          'spec.profile.email',\n        ],\n      },\n    });\n\n    if (users.items.length === 0) {\n      return [{ preview: 'No suggestions', value: '' }];\n    }\n\n    return users.items.map(entity => {\n      const user = entity as UserEntity;\n      const preview =\n        user.metadata.title ??\n        user.spec?.profile?.displayName ??\n        user.metadata.name;\n      return {\n        preview,\n        value: `@${stringifyEntityRef(user)}`,\n      };\n    });\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') ||\n    disableAttachments ||\n    false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: `${\n          disableToolbar ? styles.hide : ''\n        } qetaMarkdownEditorToolbar`,\n        suggestionsDropdown: styles.suggestionsDropdown,\n      }}\n      disablePreview={disablePreview}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required: true,\n          placeholder,\n        },\n      }}\n      suggestionTriggerCharacters={['@']}\n      loadSuggestions={loadSuggestions}\n      suggestionsAutoplace\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownPreview}`}\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload: props.onImageUpload,\n                postId,\n                answerId,\n                collectionId,\n              }),\n            }\n      }\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport React from 'react';\nimport ReactMde from 'react-mde';\n\nimport { Config } from '@backstage/config';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils/utils';\nimport { makeStyles } from '@material-ui/core';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef, UserEntity } from '@backstage/catalog-model';\n\nexport type QetaMarkdownEditorClassKey =\n  | 'markdownEditor'\n  | 'markdownEditorError'\n  | 'markdownPreview'\n  | 'suggestionsDropdown';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      markdownEditor: {\n        backgroundColor: 'initial',\n        color: theme.palette.text.primary,\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          borderColor: theme.palette.action.active,\n        },\n        '&:focus-within': {\n          borderColor: theme.palette.primary.main,\n        },\n        '& .mde-header': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          borderBottom: `1px solid ${theme.palette.action.selected}`,\n          '& .mde-tabs button, .mde-header-item > button': {\n            color: `${theme.palette.text.primary} !important`,\n          },\n        },\n        '& .mde-preview-content': {\n          padding: '10px',\n        },\n        '& .mde-text, .mde-preview': {\n          fontSize: theme.typography.body1.fontSize,\n          fontFamily: theme.typography.body1.fontFamily,\n          lineHeight: theme.typography.body1.lineHeight,\n        },\n        '& .mde-text': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          outline: 'none',\n        },\n        '& .image-tip': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'initial',\n        },\n      },\n      markdownEditorError: {\n        border: `1px solid ${theme.palette.error.main} !important`,\n      },\n      markdownPreview: {\n        '& *': {\n          wordBreak: 'break-word',\n        },\n        '&.inline': {\n          display: 'inline-block',\n        },\n        '& > :first-child': {\n          marginTop: '0px !important',\n        },\n        '& > :last-child': {\n          marginBottom: '0px !important',\n        },\n      },\n      suggestionsDropdown: {\n        position: 'absolute',\n        minWidth: '180px',\n        margin: '20px 0 0',\n        listStyle: 'none',\n        padding: '0',\n        cursor: 'pointer',\n        background: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.shape.borderRadius,\n        '& li': {\n          width: '100%',\n          padding: '0.5rem',\n          '&:hover': {\n            backgroundColor: theme.palette.action.hover,\n          },\n        },\n      },\n      hide: {\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaMarkdownEditor' },\n);\n\nexport type MarkdownEditorProps = {\n  config?: Config;\n  value: string;\n  onChange: (value: string) => void;\n  height: number;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload?: (imageId: number) => void;\n  disableToolbar?: boolean;\n  disableAttachments?: boolean;\n  disablePreview?: boolean;\n  postId?: number;\n  answerId?: number;\n  collectionId?: number;\n  autoFocus?: boolean;\n  required?: boolean;\n};\n\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n  const {\n    config,\n    value,\n    onChange,\n    height,\n    error,\n    placeholder,\n    disableAttachments,\n    disableToolbar,\n    disablePreview,\n    postId,\n    answerId,\n    collectionId,\n    autoFocus,\n    required = true,\n  } = props;\n  const [selectedTab, setSelectedTab] = React.useState<'write' | 'preview'>(\n    'write',\n  );\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  const loadSuggestions = async (text: string) => {\n    if (!text) {\n      return [{ preview: 'No suggestions', value: '' }];\n    }\n    const users = await catalogApi.queryEntities({\n      filter: { kind: 'User' },\n      limit: 5,\n      fullTextFilter: {\n        term: text,\n        fields: [\n          'metadata.name',\n          'metadata.title',\n          'spec.profile.displayName',\n          'spec.profile.email',\n        ],\n      },\n    });\n\n    if (users.items.length === 0) {\n      return [{ preview: 'No suggestions', value: '' }];\n    }\n\n    return users.items.map(entity => {\n      const user = entity as UserEntity;\n      const preview =\n        user.metadata.title ??\n        user.spec?.profile?.displayName ??\n        user.metadata.name;\n      return {\n        preview,\n        value: `@${stringifyEntityRef(user)}`,\n      };\n    });\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') ||\n    disableAttachments ||\n    false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: `${\n          disableToolbar ? styles.hide : ''\n        } qetaMarkdownEditorToolbar`,\n        suggestionsDropdown: styles.suggestionsDropdown,\n      }}\n      disablePreview={disablePreview}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required,\n          placeholder,\n          autoFocus,\n        },\n      }}\n      suggestionTriggerCharacters={['@']}\n      loadSuggestions={loadSuggestions}\n      suggestionsAutoplace\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownPreview}`}\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload: props.onImageUpload,\n                postId,\n                answerId,\n                collectionId,\n              }),\n            }\n      }\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useAI.esm.js

@@ -2,65 +2,71 @@ import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../api.esm.js';
 import React, { useEffect, useCallback } from 'react';
 
-let aiEnabled = void 0;
-let aiForQuestionEnabled = void 0;
-let aiForDraftEnabled = void 0;
-let aiForSummarizeEnabled = void 0;
+let cache = void 0;
 const useAI = () => {
   const qetaApi = useApi(qetaApiRef);
   const [isAIEnabled, setIsAIEnabled] = React.useState(
-    aiEnabled
+    cache?.enabled
   );
+  const [isExistingQuestionsEnabled, setIsExistingQuestionsEnabled] = React.useState(cache?.existingQuestions);
+  const [isNewQuestionsEnabled, setIsNewQuestionsEnabled] = React.useState(cache?.newQuestions);
+  const [isArticleSummaryEnabled, setIsArticleSummaryEnabled] = React.useState(cache?.articleSummaries);
   useEffect(() => {
-    if (aiEnabled !== void 0) {
+    if (cache?.enabled !== void 0) {
       return;
     }
     qetaApi.isAIEnabled().then((resp) => {
-      setIsAIEnabled(resp);
-      aiEnabled = resp;
+      setIsAIEnabled(resp.enabled);
+      setIsExistingQuestionsEnabled(resp.existingQuestions);
+      setIsNewQuestionsEnabled(resp.newQuestions);
+      setIsArticleSummaryEnabled(resp.articleSummaries);
+      cache = resp;
     });
   }, [qetaApi]);
   const answerExistingQuestion = useCallback(
-    async (questionId) => {
-      if (aiForQuestionEnabled === false) {
+    async (questionId, options) => {
+      if (isExistingQuestionsEnabled === false) {
         return null;
       }
-      const ret = await qetaApi.getAIAnswerForQuestion(questionId);
+      const ret = await qetaApi.getAIAnswerForQuestion(questionId, options);
       if (ret === null) {
-        aiForQuestionEnabled = false;
+        setIsExistingQuestionsEnabled(false);
       }
       return ret;
     },
-    [qetaApi]
+    [isExistingQuestionsEnabled, qetaApi]
   );
   const answerDraftQuestion = useCallback(
     async (draft) => {
-      if (aiForDraftEnabled === false) {
+      if (isNewQuestionsEnabled === false) {
         return null;
       }
       const ret = await qetaApi.getAIAnswerForDraft(draft.title, draft.content);
       if (ret === null) {
-        aiForDraftEnabled = false;
+        setIsNewQuestionsEnabled(false);
       }
       return ret;
     },
-    [qetaApi]
+    [isNewQuestionsEnabled, qetaApi]
   );
   const summarizeArticle = useCallback(
-    async (articleId) => {
-      if (aiForSummarizeEnabled === false) {
+    async (articleId, options) => {
+      if (isArticleSummaryEnabled === false) {
         return null;
       }
-      const ret = await qetaApi.getAISummaryForArticle(articleId);
+      const ret = await qetaApi.getAISummaryForArticle(articleId, options);
       if (ret === null) {
-        aiForSummarizeEnabled = false;
+        setIsArticleSummaryEnabled(false);
       }
       return ret;
     },
-    [qetaApi]
+    [isArticleSummaryEnabled, qetaApi]
   );
   return {
     isAIEnabled,
+    isArticleSummaryEnabled,
+    isExistingQuestionsEnabled,
+    isNewQuestionsEnabled,
     answerExistingQuestion,
     answerDraftQuestion,
     summarizeArticle

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

@@ -1 +1 @@
-{"version":3,"file":"useAI.esm.js","sources":["../../src/hooks/useAI.ts"],"sourcesContent":["import { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport React, { useCallback, useEffect } from 'react';\n\nlet aiEnabled: boolean | undefined = undefined;\nlet aiForQuestionEnabled: boolean | undefined = undefined;\nlet aiForDraftEnabled: boolean | undefined = undefined;\nlet aiForSummarizeEnabled: boolean | undefined = undefined;\n\nexport const useAI = () => {\n  const qetaApi = useApi(qetaApiRef);\n  const [isAIEnabled, setIsAIEnabled] = React.useState<boolean | undefined>(\n    aiEnabled,\n  );\n\n  useEffect(() => {\n    if (aiEnabled !== undefined) {\n      return;\n    }\n    qetaApi.isAIEnabled().then(resp => {\n      setIsAIEnabled(resp);\n      aiEnabled = resp;\n    });\n  }, [qetaApi]);\n\n  const answerExistingQuestion = useCallback(\n    async (questionId: number) => {\n      if (aiForQuestionEnabled === false) {\n        return null;\n      }\n      const ret = await qetaApi.getAIAnswerForQuestion(questionId);\n      if (ret === null) {\n        aiForQuestionEnabled = false;\n      }\n      return ret;\n    },\n    [qetaApi],\n  );\n\n  const answerDraftQuestion = useCallback(\n    async (draft: { title: string; content: string }) => {\n      if (aiForDraftEnabled === false) {\n        return null;\n      }\n      const ret = await qetaApi.getAIAnswerForDraft(draft.title, draft.content);\n      if (ret === null) {\n        aiForDraftEnabled = false;\n      }\n      return ret;\n    },\n    [qetaApi],\n  );\n\n  const summarizeArticle = useCallback(\n    async (articleId: number) => {\n      if (aiForSummarizeEnabled === false) {\n        return null;\n      }\n      const ret = await qetaApi.getAISummaryForArticle(articleId);\n      if (ret === null) {\n        aiForSummarizeEnabled = false;\n      }\n      return ret;\n    },\n    [qetaApi],\n  );\n\n  return {\n    isAIEnabled,\n    answerExistingQuestion,\n    answerDraftQuestion,\n    summarizeArticle,\n  };\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,SAAiC,GAAA,KAAA,CAAA,CAAA;AACrC,IAAI,oBAA4C,GAAA,KAAA,CAAA,CAAA;AAChD,IAAI,iBAAyC,GAAA,KAAA,CAAA,CAAA;AAC7C,IAAI,qBAA6C,GAAA,KAAA,CAAA,CAAA;AAE1C,MAAM,QAAQ,MAAM;AACzB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAC1C,SAAA;AAAA,GACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAc,KAAW,CAAA,EAAA;AAC3B,MAAA,OAAA;AAAA,KACF;AACA,IAAQ,OAAA,CAAA,WAAA,EAAc,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA;AACjC,MAAA,cAAA,CAAe,IAAI,CAAA,CAAA;AACnB,MAAY,SAAA,GAAA,IAAA,CAAA;AAAA,KACb,CAAA,CAAA;AAAA,GACH,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,sBAAyB,GAAA,WAAA;AAAA,IAC7B,OAAO,UAAuB,KAAA;AAC5B,MAAA,IAAI,yBAAyB,KAAO,EAAA;AAClC,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,MAAM,GAAM,GAAA,MAAM,OAAQ,CAAA,sBAAA,CAAuB,UAAU,CAAA,CAAA;AAC3D,MAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,QAAuB,oBAAA,GAAA,KAAA,CAAA;AAAA,OACzB;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,mBAAsB,GAAA,WAAA;AAAA,IAC1B,OAAO,KAA8C,KAAA;AACnD,MAAA,IAAI,sBAAsB,KAAO,EAAA;AAC/B,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,MAAM,MAAM,MAAM,OAAA,CAAQ,oBAAoB,KAAM,CAAA,KAAA,EAAO,MAAM,OAAO,CAAA,CAAA;AACxE,MAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,QAAoB,iBAAA,GAAA,KAAA,CAAA;AAAA,OACtB;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,OAAO,SAAsB,KAAA;AAC3B,MAAA,IAAI,0BAA0B,KAAO,EAAA;AACnC,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,MAAM,GAAM,GAAA,MAAM,OAAQ,CAAA,sBAAA,CAAuB,SAAS,CAAA,CAAA;AAC1D,MAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,QAAwB,qBAAA,GAAA,KAAA,CAAA;AAAA,OAC1B;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,sBAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useAI.esm.js","sources":["../../src/hooks/useAI.ts"],"sourcesContent":["import { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport React, { useCallback, useEffect } from 'react';\nimport {\n  AIQuery,\n  AIStatusResponse,\n} from '@drodil/backstage-plugin-qeta-common';\n\nlet cache: AIStatusResponse | undefined = undefined;\n\nexport const useAI = () => {\n  const qetaApi = useApi(qetaApiRef);\n  const [isAIEnabled, setIsAIEnabled] = React.useState<boolean | undefined>(\n    cache?.enabled,\n  );\n  const [isExistingQuestionsEnabled, setIsExistingQuestionsEnabled] =\n    React.useState<boolean | undefined>(cache?.existingQuestions);\n  const [isNewQuestionsEnabled, setIsNewQuestionsEnabled] = React.useState<\n    boolean | undefined\n  >(cache?.newQuestions);\n  const [isArticleSummaryEnabled, setIsArticleSummaryEnabled] = React.useState<\n    boolean | undefined\n  >(cache?.articleSummaries);\n\n  useEffect(() => {\n    if (cache?.enabled !== undefined) {\n      return;\n    }\n    qetaApi.isAIEnabled().then(resp => {\n      setIsAIEnabled(resp.enabled);\n      setIsExistingQuestionsEnabled(resp.existingQuestions);\n      setIsNewQuestionsEnabled(resp.newQuestions);\n      setIsArticleSummaryEnabled(resp.articleSummaries);\n      cache = resp;\n    });\n  }, [qetaApi]);\n\n  const answerExistingQuestion = useCallback(\n    async (questionId: number, options?: AIQuery) => {\n      if (isExistingQuestionsEnabled === false) {\n        return null;\n      }\n      const ret = await qetaApi.getAIAnswerForQuestion(questionId, options);\n      if (ret === null) {\n        setIsExistingQuestionsEnabled(false);\n      }\n      return ret;\n    },\n    [isExistingQuestionsEnabled, qetaApi],\n  );\n\n  const answerDraftQuestion = useCallback(\n    async (draft: { title: string; content: string }) => {\n      if (isNewQuestionsEnabled === false) {\n        return null;\n      }\n      const ret = await qetaApi.getAIAnswerForDraft(draft.title, draft.content);\n      if (ret === null) {\n        setIsNewQuestionsEnabled(false);\n      }\n      return ret;\n    },\n    [isNewQuestionsEnabled, qetaApi],\n  );\n\n  const summarizeArticle = useCallback(\n    async (articleId: number, options?: AIQuery) => {\n      if (isArticleSummaryEnabled === false) {\n        return null;\n      }\n      const ret = await qetaApi.getAISummaryForArticle(articleId, options);\n      if (ret === null) {\n        setIsArticleSummaryEnabled(false);\n      }\n      return ret;\n    },\n    [isArticleSummaryEnabled, qetaApi],\n  );\n\n  return {\n    isAIEnabled,\n    isArticleSummaryEnabled,\n    isExistingQuestionsEnabled,\n    isNewQuestionsEnabled,\n    answerExistingQuestion,\n    answerDraftQuestion,\n    summarizeArticle,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IdentityApi } from '@backstage/core-plugin-api';
 import * as _drodil_backstage_plugin_qeta_common from '@drodil/backstage-plugin-qeta-common';
-import { QetaApi, PostType, PostResponse, Template, PostsResponse, AnswersResponse, AnswerResponse, Collection, PostsQuery, CollectionResponse, Post, Answer, Comment, Stat, StatisticsResponse, UserStat, GlobalStat, TemplatesResponse, Article } from '@drodil/backstage-plugin-qeta-common';
+import { QetaApi, PostType, PostResponse, Template, PostsResponse, AnswersResponse, AnswerResponse, Collection, PostsQuery, CollectionResponse, Post, Answer, Comment, Stat, StatisticsResponse, UserStat, GlobalStat, TemplatesResponse, Article, AIQuery } from '@drodil/backstage-plugin-qeta-common';
 import React from 'react';
 import { Entity } from '@backstage/catalog-model';
 import { LinkProps } from '@backstage/core-components';
@@ -478,7 +478,7 @@ declare const useTranslation: () => {
         readonly "commentList.deleteLink": "delete";
         readonly "commentSection.input.placeholder": "Your comment";
         readonly "commentSection.post": "Post";
-        readonly "commentSection.addComment": "Add comment";
+        readonly "commentSection.addComment": "Add a comment";
         readonly "editTagModal.title": "Edit tag {{tag}}";
         readonly "editTagModal.errorPosting": "Failed to edit";
         readonly "editTagModal.description": "Tag description";
@@ -645,8 +645,9 @@ declare const useTranslation: () => {
         readonly "entitiesPage.entities_zero": "No entities";
         readonly "entitiesPage.entities_one": "Showing {{count}} entity";
         readonly "entitiesPage.entities_other": "Showing {{count}} entities";
-        readonly "aiAnswerCard.answer": "Answer from AI";
-        readonly "aiAnswerCard.summary": "Summary by AI";
+        readonly "aiAnswerCard.answer": "Answer from {{name}}";
+        readonly "aiAnswerCard.summary": "Summary by {{name}}";
+        readonly "aiAnswerCard.regenerate": "Regenerate this answer";
         readonly "usersPage.title": "Users";
         readonly "usersPage.search.label": "Search user";
         readonly "usersPage.search.placeholder": "Search...";
@@ -721,12 +722,15 @@ declare const useIsModerator: () => {
 
 declare const useAI: () => {
     isAIEnabled: boolean | undefined;
-    answerExistingQuestion: (questionId: number) => Promise<_drodil_backstage_plugin_qeta_common.AIResponse | null>;
+    isArticleSummaryEnabled: boolean | undefined;
+    isExistingQuestionsEnabled: boolean | undefined;
+    isNewQuestionsEnabled: boolean | undefined;
+    answerExistingQuestion: (questionId: number, options?: AIQuery) => Promise<_drodil_backstage_plugin_qeta_common.AIResponse | null>;
     answerDraftQuestion: (draft: {
         title: string;
         content: string;
     }) => Promise<_drodil_backstage_plugin_qeta_common.AIResponse | null>;
-    summarizeArticle: (articleId: number) => Promise<_drodil_backstage_plugin_qeta_common.AIResponse | null>;
+    summarizeArticle: (articleId: number, options?: AIQuery) => Promise<_drodil_backstage_plugin_qeta_common.AIResponse | null>;
 };
 
 type QetaVoteButtonsClassKey = 'qetaCorrectAnswerSelected' | 'qetaCorrectAnswer' | 'voteButtonContainer';

package/dist/translation.esm.js

@@ -154,7 +154,7 @@ const qetaTranslationRef = createTranslationRef({
       input: {
         placeholder: "Your comment"
       },
-      addComment: "Add comment",
+      addComment: "Add a comment",
       post: "Post"
     },
     editTagModal: {
@@ -472,8 +472,9 @@ const qetaTranslationRef = createTranslationRef({
       entities_other: "Showing {{count}} entities"
     },
     aiAnswerCard: {
-      answer: "Answer from AI",
-      summary: "Summary by AI"
+      regenerate: "Regenerate this answer",
+      answer: "Answer from {{name}}",
+      summary: "Summary by {{name}}"
     },
     usersPage: {
       title: "Users",

package/dist/translation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["import {\n  createTranslationRef,\n  createTranslationResource,\n} from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const qetaTranslationRef = createTranslationRef({\n  id: 'qeta',\n  messages: {\n    pluginName: 'Q&A',\n    answerList: {\n      errorLoading: 'Could not load answers',\n      noAnswers: 'No answers',\n      limitSelect: 'Answers per page',\n    },\n    common: {\n      post: 'post',\n      question: 'question',\n      article: 'article',\n      score: '{{score}} score',\n      comments: 'Comments',\n      anonymousAuthor: 'Anonymous',\n      answers_zero: 'No answers',\n      answers_one: '{{count}} answer',\n      answers_other: '{{count}} answers',\n      views_zero: 'Viewed {{count}} times',\n      views_one: 'Viewed {{count}} time',\n      views_other: 'Viewed {{count}} times',\n      viewsShort_zero: '0 views',\n      viewsShort_one: '{{count}} view',\n      viewsShort_other: '{{count}} views',\n      votes_zero: '0 votes',\n      votes_one: '{{count}} vote',\n      votes_other: '{{count}} votes',\n      posts_zero: 'No {{itemType}}s',\n      posts_one: '{{count}} {{itemType}}',\n      posts_other: '{{count}} {{itemType}}s',\n      collections_zero: 'No collections',\n      collections_one: '{{count}} collection',\n      collections_other: '{{count}} collections',\n      followers_zero: 'No followers',\n      followers_one: '{{count}} follower',\n      followers_other: '{{count}} followers',\n    },\n    answer: {\n      questionTitle: 'Q: {{question}}',\n      answeredTime: 'answered',\n    },\n    answerContainer: {\n      title: {\n        answersBy: 'Answers by',\n        answersAbout: 'Answers about',\n        answersTagged: `Answers tagged with {{tags}}`,\n      },\n      search: {\n        label: 'Search for answers',\n        placeholder: 'Search...',\n      },\n    },\n    anonymousCheckbox: {\n      tooltip:\n        \"By enabling this, other users won't be able to see you as an author\",\n      answerAnonymously: 'Answer anonymously',\n      postAnonymously: 'Post anonymously',\n    },\n    fileInput: {\n      label: 'Header image',\n      helperText: 'URL of the header image to be used',\n      uploadHeaderImage: 'Upload image',\n      preview: 'Preview image',\n    },\n    collectionForm: {\n      errorPosting: 'Could not create collection',\n      titleInput: {\n        label: 'Title',\n        helperText: 'Name of the colleciton',\n      },\n      descriptionInput: {\n        placeholder: 'Collection description, what does it contain?',\n      },\n      submit: {\n        existingCollection: 'Save',\n        newCollection: 'Create',\n      },\n    },\n    postForm: {\n      errorPosting: 'Could not post {{type}}',\n      uploadHeaderImage: 'Upload header image',\n      titleInput: {\n        label: 'Title',\n        helperText:\n          'Write good title for your {{type}} that people can understand',\n      },\n      contentInput: {\n        placeholder: 'Your {{type}}',\n      },\n      submit: {\n        existingPost: 'Save',\n        newPost: 'Post',\n      },\n    },\n    answerForm: {\n      errorPosting: 'Could not post answer',\n      contentInput: {\n        placeholder: 'Your answer',\n      },\n      submit: {\n        existingAnswer: 'Save',\n        newAnswer: 'Post',\n      },\n    },\n    entitiesInput: {\n      label: 'Entities',\n      placeholder: 'Type or select entities',\n      helperText: 'Add up to {{max}} entities this question relates to',\n    },\n    tagsInput: {\n      label: 'Tags',\n      placeholder: 'Type or select tags',\n      helperText: 'Add up to {{max}} tags to categorize your question',\n    },\n    askPage: {\n      title: {\n        existingQuestion: 'Edit question',\n        entityQuestion: 'Ask a question about {{entity}}',\n        newQuestion: 'Ask a question',\n      },\n    },\n    writePage: {\n      title: {\n        existingArticle: 'Edit article',\n        entityArticle: 'Write an article about {{entity}}',\n        newArticle: 'New article',\n      },\n    },\n    collectionCreatePage: {\n      title: {\n        existingCollection: 'Edit collection',\n        newCollection: 'New collection',\n      },\n    },\n    askQuestionButton: {\n      title: 'Ask a question',\n    },\n    addToCollectionButton: {\n      title: 'Collections',\n      manage: 'Add or remove this post from collections',\n      close: 'Close',\n    },\n    writeArticleButton: {\n      title: 'Write an article',\n    },\n    createCollectionButton: {\n      title: 'Create collection',\n    },\n    commentList: {\n      deleteLink: 'delete',\n    },\n    commentSection: {\n      input: {\n        placeholder: 'Your comment',\n      },\n      addComment: 'Add comment',\n      post: 'Post',\n    },\n    editTagModal: {\n      title: 'Edit tag {{tag}}',\n      description: 'Tag description',\n      errorPosting: 'Failed to edit',\n      saveButton: 'Save',\n      cancelButton: 'Cancel',\n    },\n    deleteModal: {\n      title: {\n        question: 'Are you sure you want to delete this post?',\n        answer: 'Are you sure you want to delete this answer?',\n        collection: 'Are you sure you want to delete this collection?',\n      },\n      errorDeleting: 'Failed to delete',\n      deleteButton: 'Delete',\n      cancelButton: 'Cancel',\n    },\n    favoritePage: {\n      title: 'Favorited posts',\n    },\n    leftMenu: {\n      home: 'Home',\n      questions: 'Questions',\n      articles: 'Articles',\n      profile: 'Profile',\n      tags: 'Tags',\n      entities: 'Entities',\n      favoriteQuestions: 'Favorites',\n      statistics: 'Statistics',\n      collections: 'Collections',\n      content: 'Content',\n      community: 'Community',\n      users: 'Users',\n      manage: 'Manage',\n      moderate: 'Moderate',\n    },\n    moderatorPage: {\n      title: 'Moderate',\n      tools: 'Tools',\n      templates: 'Templates',\n      templatesInfo:\n        'Templates can be used to prefill question content for the user',\n    },\n    homePage: {\n      title: 'Home',\n    },\n    impactCard: {\n      title: 'Your impact',\n      views: 'views',\n      contributions: 'Your contributions helped {{lastWeek}} people this week',\n    },\n    rightMenu: {\n      followedEntities: 'Followed entities',\n      followedTags: 'Followed tags',\n      followedCollections: 'Followed collections',\n    },\n    highlights: {\n      loadError: 'Failed to load questions',\n      own: {\n        title: 'Your latest questions',\n        noQuestionsLabel: 'No questions',\n      },\n      hotQuestions: {\n        title: 'Hot questions',\n        noQuestionsLabel: 'No questions',\n      },\n      hotArticles: {\n        title: 'Hot articles',\n        noArticlesLabel: 'No articles',\n      },\n      unanswered: {\n        title: 'Unanswered questions',\n        noQuestionsLabel: 'No unanswered questions',\n      },\n      incorrect: {\n        title: 'Questions without correct answer',\n        noQuestionsLabel: 'No questions without correct answers',\n      },\n    },\n    questionsPage: {\n      title: 'All questions',\n    },\n    articlesPage: {\n      title: 'All articles',\n    },\n    userLink: {\n      anonymous: 'Anonymous',\n    },\n    articlePage: {\n      notFound: 'Could not find the article',\n      errorLoading: 'Could not load article',\n      editButton: 'Edit this article',\n      deleteButton: 'Delete this article',\n    },\n    templateList: {\n      errorLoading: 'Could not load templates',\n      editButton: 'Edit',\n      deleteButton: 'Delete',\n      createButton: 'Create',\n      errorPosting: 'Could not post template',\n      noTemplates: 'No templates',\n      noTemplatesDescription: 'Create a new template to get started',\n      titleInput: {\n        label: 'Title',\n        helperText: 'Name of the template',\n      },\n      descriptionInput: {\n        label: 'Description',\n        helperText: 'Template description, what is it used for?',\n      },\n      questionTitleInput: {\n        label: 'Default question title',\n        helperText:\n          'Question title to be used when creating a question with this template',\n      },\n      questionContentInput: {\n        placeholder:\n          'Question content to be used when creating a question with this template',\n      },\n      submit: {\n        existingTemplate: 'Save',\n        newTemplate: 'Create',\n      },\n    },\n    templateSelectList: {\n      selectButton: 'Choose',\n      title: 'Create a question from template',\n      genericQuestion: 'Generic question',\n      genericQuestionDescription: 'Create a generic question',\n    },\n    pagination: {\n      defaultTooltip: 'Number of items',\n    },\n    collectionsPage: {\n      title: 'Collections',\n      search: {\n        label: 'Search for collection',\n        placeholder: 'Search...',\n      },\n    },\n    collectionPage: {\n      description: 'Description',\n      info: 'You can add questions and articles to the collection from question and article pages',\n    },\n    questionPage: {\n      errorLoading: 'Could not load question',\n      editButton: 'Edit',\n      notFound: 'Could not find the question',\n      sortAnswers: {\n        label: 'Sort answers',\n        default: 'Default',\n        createdDesc: 'Created (desc)',\n        createdAsc: 'Created (asc)',\n        scoreDesc: 'Score (desc)',\n        scoreAsc: 'Score (asc)',\n        commentsDesc: 'Comments (desc)',\n        commentsAsc: 'Comments (asc)',\n        authorDesc: 'Author (desc)',\n        authorAsc: 'Author (asc)',\n        updatedDesc: 'Updated (desc)',\n        updatedAsc: 'Updated (asc)',\n      },\n    },\n    authorBox: {\n      postedAtTime: 'Posted',\n      updatedAtTime: 'Updated',\n      updatedBy: 'by',\n    },\n    favorite: {\n      remove: 'Remove this post from favorites',\n      add: 'Mark this post as favorite',\n    },\n    link: {\n      post: 'Copy link to this post to clipboard',\n      answer: 'Copy link to this answer to clipboard',\n      aria: 'Copy link to clipboard',\n    },\n    voteButtons: {\n      answer: {\n        markCorrect: 'Mark this answer correct',\n        markIncorrect: 'Mark this answer incorrect',\n        marked: 'This answer has been marked as correct',\n        good: 'This answer is good',\n        bad: 'This answer is not good',\n        own: 'You cannot vote your own answer',\n      },\n      question: {\n        good: 'This post is good',\n        bad: 'This post is not good',\n        own: 'You cannot vote your own post',\n      },\n    },\n    datePicker: {\n      from: 'From date',\n      to: 'To date',\n      invalidRange:\n        \"Date range invalid, 'To date' should be greater than 'From date'\",\n      range: {\n        label: 'Date range',\n        default: 'Select',\n        last7days: 'Last 7 days',\n        last30days: 'Last 30 days',\n        custom: 'Custom',\n      },\n    },\n    filterPanel: {\n      filterButton: 'Filter',\n      noAnswers: {\n        label: 'No answers',\n      },\n      noCorrectAnswers: {\n        label: 'No correct answers',\n      },\n      noVotes: {\n        label: 'No votes',\n      },\n      orderBy: {\n        label: 'Order by',\n        created: 'Created',\n        views: 'Views',\n        score: 'Score',\n        answers: 'Answers',\n        updated: 'Updated',\n      },\n      order: {\n        label: 'Order',\n        asc: 'Ascending',\n        desc: 'Descending',\n      },\n      filters: {\n        label: 'Filters',\n        entity: {\n          label: 'Entity',\n          placeholder: 'Type or select entity',\n        },\n        tag: {\n          label: 'Tag',\n          placeholder: 'Type or select tag',\n        },\n      },\n    },\n    postsList: {\n      errorLoading: 'Could not load {{itemType}}s',\n      postsPerPage: '{{itemType}}s per page',\n    },\n    postsContainer: {\n      title: {\n        by: `{{itemType}}s by`,\n        about: '{{itemType}}s about',\n        tagged: `{{itemType}} tagged with {{tags}}`,\n        favorite: 'Your favorite {{itemType}}s',\n      },\n      search: {\n        label: 'Search for {{itemType}}',\n        placeholder: 'Search...',\n      },\n      noItems: 'No {{itemType}}s',\n      createButton: 'Go ahead and create one!',\n    },\n    questionsTable: {\n      errorLoading: 'Could not load questions',\n      latest: 'Latest',\n      mostViewed: 'Most viewed',\n      favorites: 'Favorites',\n      cells: {\n        title: 'Title',\n        author: 'Author',\n        asked: 'Asked',\n        updated: 'Last updated',\n      },\n    },\n    statistics: {\n      errorLoading: 'Could not load statistics',\n      notAvailable: 'Statistics are unavailable',\n      ranking: 'Ranking Q&A 🏆',\n      mostQuestions: {\n        title: 'Most questions',\n        description: 'People who have posted most questions',\n      },\n      mostAnswers: {\n        title: 'Most answers',\n        description: 'People who have posted most answers',\n      },\n      topVotedQuestions: {\n        title: 'Top voted questions',\n        description: 'People who have the highest rated questions',\n      },\n      topVotedAnswers: {\n        title: 'Top voted answers',\n        description: 'People who have the highest rated answers',\n      },\n      topVotedCorrectAnswers: {\n        title: 'Top voted correct answers',\n        description: 'People who have the highest rated correct answers',\n      },\n    },\n    tagPage: {\n      errorLoading: 'Could not load tags',\n      defaultTitle: 'Tags',\n      search: {\n        label: 'Search tag',\n        placeholder: 'Search...',\n      },\n      tags_zero: 'No tags',\n      tags_one: 'Showing {{count}} tag',\n      tags_other: 'Showing {{count}} tags',\n    },\n    entitiesPage: {\n      errorLoading: 'Could not load entities',\n      defaultTitle: 'Entities',\n      search: {\n        label: 'Search entity',\n        placeholder: 'Search...',\n      },\n      entities_zero: 'No entities',\n      entities_one: 'Showing {{count}} entity',\n      entities_other: 'Showing {{count}} entities',\n    },\n    aiAnswerCard: {\n      answer: 'Answer from AI',\n      summary: 'Summary by AI',\n    },\n    usersPage: {\n      title: 'Users',\n      errorLoading: 'Could not load users',\n      defaultTitle: 'users',\n      search: {\n        label: 'Search user',\n        placeholder: 'Search...',\n      },\n      users_zero: 'No users',\n      users_one: 'Showing {{count}} users',\n      users_other: 'Showing {{count}} users',\n    },\n    userPage: {\n      profileTab: 'Profile',\n      statistics: 'Statistics',\n      questions: 'Questions',\n      answers: 'Answers',\n      collections: 'Collections',\n      articles: 'Articles',\n    },\n    stats: {\n      noStats: 'No statistics available. Check back later!',\n      questions: 'Questions',\n      answers: 'Answers',\n      comments: 'Comments',\n      votes: 'Votes',\n      views: 'Views',\n      articles: 'Articles',\n      followers: 'Followers',\n      users: 'Users',\n      tags: 'Tags',\n    },\n    collectionButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following a collection, you will get notified when ever a new post is added to the collection',\n    },\n    tagButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      edit: 'Edit',\n      tooltip:\n        'By following a tag, you will get notified when ever a new post with that tag is posted',\n    },\n    entityButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following an entity, you will get notified when ever a new post for that entity is posted',\n    },\n    userButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following a user, you will get notified when ever a new post by that user is posted',\n    },\n  },\n});\n\nexport const qetaTranslations = createTranslationResource({\n  ref: qetaTranslationRef,\n  translations: {},\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["import {\n  createTranslationRef,\n  createTranslationResource,\n} from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const qetaTranslationRef = createTranslationRef({\n  id: 'qeta',\n  messages: {\n    pluginName: 'Q&A',\n    answerList: {\n      errorLoading: 'Could not load answers',\n      noAnswers: 'No answers',\n      limitSelect: 'Answers per page',\n    },\n    common: {\n      post: 'post',\n      question: 'question',\n      article: 'article',\n      score: '{{score}} score',\n      comments: 'Comments',\n      anonymousAuthor: 'Anonymous',\n      answers_zero: 'No answers',\n      answers_one: '{{count}} answer',\n      answers_other: '{{count}} answers',\n      views_zero: 'Viewed {{count}} times',\n      views_one: 'Viewed {{count}} time',\n      views_other: 'Viewed {{count}} times',\n      viewsShort_zero: '0 views',\n      viewsShort_one: '{{count}} view',\n      viewsShort_other: '{{count}} views',\n      votes_zero: '0 votes',\n      votes_one: '{{count}} vote',\n      votes_other: '{{count}} votes',\n      posts_zero: 'No {{itemType}}s',\n      posts_one: '{{count}} {{itemType}}',\n      posts_other: '{{count}} {{itemType}}s',\n      collections_zero: 'No collections',\n      collections_one: '{{count}} collection',\n      collections_other: '{{count}} collections',\n      followers_zero: 'No followers',\n      followers_one: '{{count}} follower',\n      followers_other: '{{count}} followers',\n    },\n    answer: {\n      questionTitle: 'Q: {{question}}',\n      answeredTime: 'answered',\n    },\n    answerContainer: {\n      title: {\n        answersBy: 'Answers by',\n        answersAbout: 'Answers about',\n        answersTagged: `Answers tagged with {{tags}}`,\n      },\n      search: {\n        label: 'Search for answers',\n        placeholder: 'Search...',\n      },\n    },\n    anonymousCheckbox: {\n      tooltip:\n        \"By enabling this, other users won't be able to see you as an author\",\n      answerAnonymously: 'Answer anonymously',\n      postAnonymously: 'Post anonymously',\n    },\n    fileInput: {\n      label: 'Header image',\n      helperText: 'URL of the header image to be used',\n      uploadHeaderImage: 'Upload image',\n      preview: 'Preview image',\n    },\n    collectionForm: {\n      errorPosting: 'Could not create collection',\n      titleInput: {\n        label: 'Title',\n        helperText: 'Name of the colleciton',\n      },\n      descriptionInput: {\n        placeholder: 'Collection description, what does it contain?',\n      },\n      submit: {\n        existingCollection: 'Save',\n        newCollection: 'Create',\n      },\n    },\n    postForm: {\n      errorPosting: 'Could not post {{type}}',\n      uploadHeaderImage: 'Upload header image',\n      titleInput: {\n        label: 'Title',\n        helperText:\n          'Write good title for your {{type}} that people can understand',\n      },\n      contentInput: {\n        placeholder: 'Your {{type}}',\n      },\n      submit: {\n        existingPost: 'Save',\n        newPost: 'Post',\n      },\n    },\n    answerForm: {\n      errorPosting: 'Could not post answer',\n      contentInput: {\n        placeholder: 'Your answer',\n      },\n      submit: {\n        existingAnswer: 'Save',\n        newAnswer: 'Post',\n      },\n    },\n    entitiesInput: {\n      label: 'Entities',\n      placeholder: 'Type or select entities',\n      helperText: 'Add up to {{max}} entities this question relates to',\n    },\n    tagsInput: {\n      label: 'Tags',\n      placeholder: 'Type or select tags',\n      helperText: 'Add up to {{max}} tags to categorize your question',\n    },\n    askPage: {\n      title: {\n        existingQuestion: 'Edit question',\n        entityQuestion: 'Ask a question about {{entity}}',\n        newQuestion: 'Ask a question',\n      },\n    },\n    writePage: {\n      title: {\n        existingArticle: 'Edit article',\n        entityArticle: 'Write an article about {{entity}}',\n        newArticle: 'New article',\n      },\n    },\n    collectionCreatePage: {\n      title: {\n        existingCollection: 'Edit collection',\n        newCollection: 'New collection',\n      },\n    },\n    askQuestionButton: {\n      title: 'Ask a question',\n    },\n    addToCollectionButton: {\n      title: 'Collections',\n      manage: 'Add or remove this post from collections',\n      close: 'Close',\n    },\n    writeArticleButton: {\n      title: 'Write an article',\n    },\n    createCollectionButton: {\n      title: 'Create collection',\n    },\n    commentList: {\n      deleteLink: 'delete',\n    },\n    commentSection: {\n      input: {\n        placeholder: 'Your comment',\n      },\n      addComment: 'Add a comment',\n      post: 'Post',\n    },\n    editTagModal: {\n      title: 'Edit tag {{tag}}',\n      description: 'Tag description',\n      errorPosting: 'Failed to edit',\n      saveButton: 'Save',\n      cancelButton: 'Cancel',\n    },\n    deleteModal: {\n      title: {\n        question: 'Are you sure you want to delete this post?',\n        answer: 'Are you sure you want to delete this answer?',\n        collection: 'Are you sure you want to delete this collection?',\n      },\n      errorDeleting: 'Failed to delete',\n      deleteButton: 'Delete',\n      cancelButton: 'Cancel',\n    },\n    favoritePage: {\n      title: 'Favorited posts',\n    },\n    leftMenu: {\n      home: 'Home',\n      questions: 'Questions',\n      articles: 'Articles',\n      profile: 'Profile',\n      tags: 'Tags',\n      entities: 'Entities',\n      favoriteQuestions: 'Favorites',\n      statistics: 'Statistics',\n      collections: 'Collections',\n      content: 'Content',\n      community: 'Community',\n      users: 'Users',\n      manage: 'Manage',\n      moderate: 'Moderate',\n    },\n    moderatorPage: {\n      title: 'Moderate',\n      tools: 'Tools',\n      templates: 'Templates',\n      templatesInfo:\n        'Templates can be used to prefill question content for the user',\n    },\n    homePage: {\n      title: 'Home',\n    },\n    impactCard: {\n      title: 'Your impact',\n      views: 'views',\n      contributions: 'Your contributions helped {{lastWeek}} people this week',\n    },\n    rightMenu: {\n      followedEntities: 'Followed entities',\n      followedTags: 'Followed tags',\n      followedCollections: 'Followed collections',\n    },\n    highlights: {\n      loadError: 'Failed to load questions',\n      own: {\n        title: 'Your latest questions',\n        noQuestionsLabel: 'No questions',\n      },\n      hotQuestions: {\n        title: 'Hot questions',\n        noQuestionsLabel: 'No questions',\n      },\n      hotArticles: {\n        title: 'Hot articles',\n        noArticlesLabel: 'No articles',\n      },\n      unanswered: {\n        title: 'Unanswered questions',\n        noQuestionsLabel: 'No unanswered questions',\n      },\n      incorrect: {\n        title: 'Questions without correct answer',\n        noQuestionsLabel: 'No questions without correct answers',\n      },\n    },\n    questionsPage: {\n      title: 'All questions',\n    },\n    articlesPage: {\n      title: 'All articles',\n    },\n    userLink: {\n      anonymous: 'Anonymous',\n    },\n    articlePage: {\n      notFound: 'Could not find the article',\n      errorLoading: 'Could not load article',\n      editButton: 'Edit this article',\n      deleteButton: 'Delete this article',\n    },\n    templateList: {\n      errorLoading: 'Could not load templates',\n      editButton: 'Edit',\n      deleteButton: 'Delete',\n      createButton: 'Create',\n      errorPosting: 'Could not post template',\n      noTemplates: 'No templates',\n      noTemplatesDescription: 'Create a new template to get started',\n      titleInput: {\n        label: 'Title',\n        helperText: 'Name of the template',\n      },\n      descriptionInput: {\n        label: 'Description',\n        helperText: 'Template description, what is it used for?',\n      },\n      questionTitleInput: {\n        label: 'Default question title',\n        helperText:\n          'Question title to be used when creating a question with this template',\n      },\n      questionContentInput: {\n        placeholder:\n          'Question content to be used when creating a question with this template',\n      },\n      submit: {\n        existingTemplate: 'Save',\n        newTemplate: 'Create',\n      },\n    },\n    templateSelectList: {\n      selectButton: 'Choose',\n      title: 'Create a question from template',\n      genericQuestion: 'Generic question',\n      genericQuestionDescription: 'Create a generic question',\n    },\n    pagination: {\n      defaultTooltip: 'Number of items',\n    },\n    collectionsPage: {\n      title: 'Collections',\n      search: {\n        label: 'Search for collection',\n        placeholder: 'Search...',\n      },\n    },\n    collectionPage: {\n      description: 'Description',\n      info: 'You can add questions and articles to the collection from question and article pages',\n    },\n    questionPage: {\n      errorLoading: 'Could not load question',\n      editButton: 'Edit',\n      notFound: 'Could not find the question',\n      sortAnswers: {\n        label: 'Sort answers',\n        default: 'Default',\n        createdDesc: 'Created (desc)',\n        createdAsc: 'Created (asc)',\n        scoreDesc: 'Score (desc)',\n        scoreAsc: 'Score (asc)',\n        commentsDesc: 'Comments (desc)',\n        commentsAsc: 'Comments (asc)',\n        authorDesc: 'Author (desc)',\n        authorAsc: 'Author (asc)',\n        updatedDesc: 'Updated (desc)',\n        updatedAsc: 'Updated (asc)',\n      },\n    },\n    authorBox: {\n      postedAtTime: 'Posted',\n      updatedAtTime: 'Updated',\n      updatedBy: 'by',\n    },\n    favorite: {\n      remove: 'Remove this post from favorites',\n      add: 'Mark this post as favorite',\n    },\n    link: {\n      post: 'Copy link to this post to clipboard',\n      answer: 'Copy link to this answer to clipboard',\n      aria: 'Copy link to clipboard',\n    },\n    voteButtons: {\n      answer: {\n        markCorrect: 'Mark this answer correct',\n        markIncorrect: 'Mark this answer incorrect',\n        marked: 'This answer has been marked as correct',\n        good: 'This answer is good',\n        bad: 'This answer is not good',\n        own: 'You cannot vote your own answer',\n      },\n      question: {\n        good: 'This post is good',\n        bad: 'This post is not good',\n        own: 'You cannot vote your own post',\n      },\n    },\n    datePicker: {\n      from: 'From date',\n      to: 'To date',\n      invalidRange:\n        \"Date range invalid, 'To date' should be greater than 'From date'\",\n      range: {\n        label: 'Date range',\n        default: 'Select',\n        last7days: 'Last 7 days',\n        last30days: 'Last 30 days',\n        custom: 'Custom',\n      },\n    },\n    filterPanel: {\n      filterButton: 'Filter',\n      noAnswers: {\n        label: 'No answers',\n      },\n      noCorrectAnswers: {\n        label: 'No correct answers',\n      },\n      noVotes: {\n        label: 'No votes',\n      },\n      orderBy: {\n        label: 'Order by',\n        created: 'Created',\n        views: 'Views',\n        score: 'Score',\n        answers: 'Answers',\n        updated: 'Updated',\n      },\n      order: {\n        label: 'Order',\n        asc: 'Ascending',\n        desc: 'Descending',\n      },\n      filters: {\n        label: 'Filters',\n        entity: {\n          label: 'Entity',\n          placeholder: 'Type or select entity',\n        },\n        tag: {\n          label: 'Tag',\n          placeholder: 'Type or select tag',\n        },\n      },\n    },\n    postsList: {\n      errorLoading: 'Could not load {{itemType}}s',\n      postsPerPage: '{{itemType}}s per page',\n    },\n    postsContainer: {\n      title: {\n        by: `{{itemType}}s by`,\n        about: '{{itemType}}s about',\n        tagged: `{{itemType}} tagged with {{tags}}`,\n        favorite: 'Your favorite {{itemType}}s',\n      },\n      search: {\n        label: 'Search for {{itemType}}',\n        placeholder: 'Search...',\n      },\n      noItems: 'No {{itemType}}s',\n      createButton: 'Go ahead and create one!',\n    },\n    questionsTable: {\n      errorLoading: 'Could not load questions',\n      latest: 'Latest',\n      mostViewed: 'Most viewed',\n      favorites: 'Favorites',\n      cells: {\n        title: 'Title',\n        author: 'Author',\n        asked: 'Asked',\n        updated: 'Last updated',\n      },\n    },\n    statistics: {\n      errorLoading: 'Could not load statistics',\n      notAvailable: 'Statistics are unavailable',\n      ranking: 'Ranking Q&A 🏆',\n      mostQuestions: {\n        title: 'Most questions',\n        description: 'People who have posted most questions',\n      },\n      mostAnswers: {\n        title: 'Most answers',\n        description: 'People who have posted most answers',\n      },\n      topVotedQuestions: {\n        title: 'Top voted questions',\n        description: 'People who have the highest rated questions',\n      },\n      topVotedAnswers: {\n        title: 'Top voted answers',\n        description: 'People who have the highest rated answers',\n      },\n      topVotedCorrectAnswers: {\n        title: 'Top voted correct answers',\n        description: 'People who have the highest rated correct answers',\n      },\n    },\n    tagPage: {\n      errorLoading: 'Could not load tags',\n      defaultTitle: 'Tags',\n      search: {\n        label: 'Search tag',\n        placeholder: 'Search...',\n      },\n      tags_zero: 'No tags',\n      tags_one: 'Showing {{count}} tag',\n      tags_other: 'Showing {{count}} tags',\n    },\n    entitiesPage: {\n      errorLoading: 'Could not load entities',\n      defaultTitle: 'Entities',\n      search: {\n        label: 'Search entity',\n        placeholder: 'Search...',\n      },\n      entities_zero: 'No entities',\n      entities_one: 'Showing {{count}} entity',\n      entities_other: 'Showing {{count}} entities',\n    },\n    aiAnswerCard: {\n      regenerate: 'Regenerate this answer',\n      answer: 'Answer from {{name}}',\n      summary: 'Summary by {{name}}',\n    },\n    usersPage: {\n      title: 'Users',\n      errorLoading: 'Could not load users',\n      defaultTitle: 'users',\n      search: {\n        label: 'Search user',\n        placeholder: 'Search...',\n      },\n      users_zero: 'No users',\n      users_one: 'Showing {{count}} users',\n      users_other: 'Showing {{count}} users',\n    },\n    userPage: {\n      profileTab: 'Profile',\n      statistics: 'Statistics',\n      questions: 'Questions',\n      answers: 'Answers',\n      collections: 'Collections',\n      articles: 'Articles',\n    },\n    stats: {\n      noStats: 'No statistics available. Check back later!',\n      questions: 'Questions',\n      answers: 'Answers',\n      comments: 'Comments',\n      votes: 'Votes',\n      views: 'Views',\n      articles: 'Articles',\n      followers: 'Followers',\n      users: 'Users',\n      tags: 'Tags',\n    },\n    collectionButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following a collection, you will get notified when ever a new post is added to the collection',\n    },\n    tagButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      edit: 'Edit',\n      tooltip:\n        'By following a tag, you will get notified when ever a new post with that tag is posted',\n    },\n    entityButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following an entity, you will get notified when ever a new post for that entity is posted',\n    },\n    userButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following a user, you will get notified when ever a new post by that user is posted',\n    },\n  },\n});\n\nexport const qetaTranslations = createTranslationResource({\n  ref: qetaTranslationRef,\n  translations: {},\n});\n"],"names":[],"mappings":"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"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.6.0",
+  "version": "3.7.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -56,7 +56,7 @@
     "@backstage/plugin-catalog-react": "^1.14.0",
     "@backstage/plugin-permission-react": "^0.4.27",
     "@backstage/plugin-signals-react": "^0.0.6",
-    "@drodil/backstage-plugin-qeta-common": "^3.6.0",
+    "@drodil/backstage-plugin-qeta-common": "^3.7.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",