@stackoverflow/backstage-plugin-stack-overflow-teams 1.5.0

package/dist/components/StackOverflow/TiptapEditor.esm.js

@@ -0,0 +1,308 @@
+import React from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { Placeholder } from '@tiptap/extensions';
+import Box from '@mui/material/Box';
+import Paper from '@mui/material/Paper';
+import Toolbar from '@mui/material/Toolbar';
+import Divider from '@mui/material/Divider';
+import Typography from '@mui/material/Typography';
+import { useTheme } from '@mui/material/styles';
+import { FormatBold, FormatItalic, FormatUnderlined, Code, FormatListBulleted, FormatListNumbered, FormatQuote, FormatClear } from '@mui/icons-material';
+import Button from '@mui/material/Button';
+
+const TiptapEditor = ({
+  content = "",
+  onUpdate,
+  placeholder = "Start typing...",
+  editable = true,
+  error = false,
+  onFocus,
+  modifierKey = { symbol: "Ctrl", text: "Ctrl" }
+}) => {
+  const theme = useTheme();
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Placeholder.configure({
+        placeholder,
+        emptyEditorClass: "is-editor-empty"
+      })
+    ],
+    shouldRerenderOnTransaction: true,
+    content,
+    editable,
+    onUpdate: ({ editor: tiptapEditor }) => {
+      if (onUpdate) {
+        onUpdate(tiptapEditor.getHTML());
+      }
+    },
+    onFocus: () => {
+      if (onFocus) {
+        onFocus();
+      }
+    }
+  });
+  if (!editor) {
+    return null;
+  }
+  const ToolbarButton = ({
+    onClick,
+    isActive,
+    disabled,
+    children,
+    title
+  }) => /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onMouseDown: (e) => {
+        e.preventDefault();
+      },
+      onClick,
+      disabled,
+      variant: isActive ? "contained" : "text",
+      title,
+      size: "small"
+    },
+    children
+  );
+  return /* @__PURE__ */ React.createElement(
+    Paper,
+    {
+      variant: "outlined",
+      sx: {
+        border: error ? `2px solid ${theme.palette.error.main}` : `1px solid ${theme.palette.divider}`,
+        borderRadius: 2,
+        overflow: "hidden",
+        "&:focus-within": {
+          borderColor: theme.palette.primary.main,
+          borderWidth: "2px"
+        },
+        transition: "border-color 0.2s ease-in-out"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      Toolbar,
+      {
+        sx: {
+          backgroundColor: theme.palette.background.default,
+          borderBottom: `1px solid ${theme.palette.divider}`,
+          minHeight: 48,
+          flexWrap: "wrap",
+          py: 0.5,
+          px: 1,
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleBold().run(),
+          isActive: editor.isActive("bold"),
+          title: `Bold (${modifierKey.text}+B)`
+        },
+        /* @__PURE__ */ React.createElement(FormatBold, { fontSize: "medium" })
+      ),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleItalic().run(),
+          isActive: editor.isActive("italic"),
+          title: `Italic (${modifierKey.text}+I)`
+        },
+        /* @__PURE__ */ React.createElement(FormatItalic, { fontSize: "medium" })
+      ),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleUnderline().run(),
+          isActive: editor.isActive("underline"),
+          title: `Underline (${modifierKey.text}+U)`
+        },
+        /* @__PURE__ */ React.createElement(FormatUnderlined, { fontSize: "medium" })
+      ),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleCode().run(),
+          isActive: editor.isActive("code"),
+          title: `Inline Code (${modifierKey.text}+E)`
+        },
+        /* @__PURE__ */ React.createElement(Code, { fontSize: "medium" })
+      ),
+      /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 0.5, height: 24, alignSelf: "center" } }),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+          isActive: editor.isActive("heading", { level: 1 }),
+          title: `Heading 1 (${modifierKey.text}+Alt+1)`
+        },
+        /* @__PURE__ */ React.createElement(Typography, { component: "span", fontWeight: "bold", fontSize: "11px" }, "H1")
+      ),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+          isActive: editor.isActive("heading", { level: 2 }),
+          title: `Heading 2 (${modifierKey.text}+Alt+2)`
+        },
+        /* @__PURE__ */ React.createElement(Typography, { component: "span", fontWeight: "bold", fontSize: "11px" }, "H2")
+      ),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+          isActive: editor.isActive("heading", { level: 3 }),
+          title: `Heading 3 (${modifierKey.text}+Alt+3)`
+        },
+        /* @__PURE__ */ React.createElement(Typography, { component: "span", fontWeight: "bold", fontSize: "11px" }, "H3")
+      ),
+      /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 0.5, height: 24, alignSelf: "center" } }),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleBulletList().run(),
+          isActive: editor.isActive("bulletList"),
+          title: "Bullet List"
+        },
+        /* @__PURE__ */ React.createElement(FormatListBulleted, { fontSize: "medium" })
+      ),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleOrderedList().run(),
+          isActive: editor.isActive("orderedList"),
+          title: "Numbered List"
+        },
+        /* @__PURE__ */ React.createElement(FormatListNumbered, { fontSize: "medium" })
+      ),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleBlockquote().run(),
+          isActive: editor.isActive("blockquote"),
+          title: "Quote"
+        },
+        /* @__PURE__ */ React.createElement(FormatQuote, { fontSize: "medium" })
+      ),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleCodeBlock().run(),
+          isActive: editor.isActive("codeBlock"),
+          title: "Code Block"
+        },
+        /* @__PURE__ */ React.createElement(Typography, { variant: "caption", component: "span", fontWeight: "bold", fontSize: "10px" }, "</>")
+      ),
+      /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 0.5, height: 24, alignSelf: "center" } }),
+      /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().clearNodes().unsetAllMarks().run(),
+          title: "Clear Format"
+        },
+        /* @__PURE__ */ React.createElement(FormatClear, { fontSize: "medium" })
+      ),
+      /* @__PURE__ */ React.createElement(Box, { sx: { flexGrow: 1 } })
+    ),
+    /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        onClick: () => editor.chain().focus().run(),
+        sx: {
+          p: 2,
+          minHeight: 200,
+          cursor: "text",
+          backgroundColor: theme.palette.background.paper,
+          "& .ProseMirror": {
+            outline: "none",
+            minHeight: 168,
+            fontFamily: theme.typography.body1.fontFamily,
+            fontSize: theme.typography.body1.fontSize,
+            lineHeight: theme.typography.body1.lineHeight,
+            color: theme.palette.text.primary,
+            "& p": {
+              margin: theme.spacing(0, 0, 1, 0),
+              "&:last-child": {
+                marginBottom: 0
+              }
+            },
+            "& h1, & h2, & h3, & h4, & h5, & h6": {
+              fontWeight: theme.typography.fontWeightBold,
+              marginTop: theme.spacing(2),
+              marginBottom: theme.spacing(1),
+              "&:first-of-type": {
+                marginTop: 0
+              }
+            },
+            "& h1": {
+              fontSize: theme.typography.h4.fontSize
+            },
+            "& h2": {
+              fontSize: theme.typography.h5.fontSize
+            },
+            "& h3": {
+              fontSize: theme.typography.h6.fontSize
+            },
+            "& ul, & ol": {
+              paddingLeft: theme.spacing(3),
+              margin: theme.spacing(1, 0)
+            },
+            "& li": {
+              marginBottom: theme.spacing(0.5)
+            },
+            "& blockquote": {
+              borderLeft: `4px solid ${theme.palette.primary.main}`,
+              paddingLeft: theme.spacing(2),
+              margin: theme.spacing(2, 0),
+              backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[700] : theme.palette.grey[50],
+              borderRadius: theme.spacing(0, 1, 1, 0)
+            },
+            "& code": {
+              backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[700] : theme.palette.grey[100],
+              padding: theme.spacing(0.5, 0.75),
+              borderRadius: theme.shape.borderRadius,
+              fontFamily: 'Monaco, "Roboto Mono", monospace',
+              fontSize: "0.875em",
+              color: theme.palette.mode === "dark" ? theme.palette.primary.light : theme.palette.primary.dark
+            },
+            "& pre": {
+              backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[700] : theme.palette.grey[100],
+              padding: theme.spacing(2),
+              overflow: "auto",
+              margin: theme.spacing(2, 0),
+              border: `1px solid ${theme.palette.divider}`,
+              "& code": {
+                backgroundColor: "transparent",
+                padding: 0,
+                color: theme.palette.text.primary
+              }
+            },
+            "& strong": {
+              fontWeight: theme.typography.fontWeightBold
+            },
+            "& em": {
+              fontStyle: "italic"
+            },
+            "& u": {
+              textDecoration: "underline"
+            },
+            "& p.is-editor-empty:first-of-type::before": {
+              content: "attr(data-placeholder)",
+              float: "left",
+              color: theme.palette.text.disabled,
+              pointerEvents: "none",
+              height: 0,
+              fontStyle: "italic"
+            }
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(EditorContent, { editor })
+    )
+  );
+};
+
+export { TiptapEditor };
+//# sourceMappingURL=TiptapEditor.esm.js.map

package/dist/components/StackOverflow/TiptapEditor.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapEditor.esm.js","sources":["../../../src/components/StackOverflow/TiptapEditor.tsx"],"sourcesContent":["import React from 'react';\nimport { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { Placeholder } from '@tiptap/extensions';\nimport Box from '@mui/material/Box';\nimport Paper from '@mui/material/Paper';\nimport Toolbar from '@mui/material/Toolbar';\nimport Divider from '@mui/material/Divider';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport {\n  FormatBold,\n  FormatItalic,\n  FormatUnderlined,\n  FormatListBulleted,\n  FormatListNumbered,\n  FormatQuote,\n  Code,\n  FormatClear,\n  // Undo,\n  // Redo\n} from '@mui/icons-material';\nimport Button  from '@mui/material/Button';\n\ninterface TiptapEditorProps {\n  content?: string;\n  onUpdate?: (content: string) => void;\n  placeholder?: string;\n  editable?: boolean;\n  error?: boolean;\n  onFocus?: () => void;\n  modifierKey?: {\n    symbol: string,\n    text: string\n  }\n}\n\nexport const TiptapEditor: React.FC<TiptapEditorProps> = ({\n  content = '',\n  onUpdate,\n  placeholder = 'Start typing...',\n  editable = true,\n  error = false,\n  onFocus,\n  modifierKey = { symbol: 'Ctrl', text: 'Ctrl' }\n}) => {\n  const theme = useTheme();\n  \n  const editor = useEditor({\n    extensions: [\n      StarterKit,\n      Placeholder.configure({\n        placeholder,\n        emptyEditorClass: 'is-editor-empty',\n      }),\n    ],\n    shouldRerenderOnTransaction: true,\n    content,\n    editable,\n    onUpdate: ({ editor: tiptapEditor }) => {\n      if (onUpdate) {\n        onUpdate(tiptapEditor.getHTML());\n      }\n    },\n    onFocus: () => {\n      if (onFocus) {\n        onFocus();\n      }\n    },\n  });\n\n  if (!editor) {\n    return null;\n  }\n\n  const ToolbarButton = ({ \n    onClick, \n    isActive, \n    disabled, \n    children, \n    title \n  }: {\n    onClick: () => void;\n    isActive?: boolean;\n    disabled?: boolean;\n    children: React.ReactNode;\n    title: string;\n  }) => (\n    <Button\n      onMouseDown={(e) => {\n        e.preventDefault()\n      }}\n      onClick={onClick}\n      disabled={disabled}\n      variant={isActive ? 'contained' : 'text'}\n      title={title}\n      size=\"small\"\n    >\n      {children}\n    </Button>\n  );\n\n  return (\n    <Paper \n      variant=\"outlined\"\n      sx={{\n        border: error ? `2px solid ${theme.palette.error.main}` : `1px solid ${theme.palette.divider}`,\n        borderRadius: 2,\n        overflow: 'hidden',\n        '&:focus-within': {\n          borderColor: theme.palette.primary.main,\n          borderWidth: '2px',\n        },\n        transition: 'border-color 0.2s ease-in-out',\n      }}\n    >\n      <Toolbar \n        sx={{ \n          backgroundColor: theme.palette.background.default,\n          borderBottom: `1px solid ${theme.palette.divider}`,\n          minHeight: 48,\n          flexWrap: 'wrap',\n          py: 0.5,\n          px: 1,\n          alignItems: 'center',\n        }}\n      >\n        {/* Text Formatting Group */}\n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleBold().run()}\n          isActive={editor.isActive('bold')}\n          title={`Bold (${modifierKey.text}+B)`}\n        >\n          <FormatBold fontSize=\"medium\" />\n        </ToolbarButton>\n        \n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleItalic().run()}\n          isActive={editor.isActive('italic')}\n          title={`Italic (${modifierKey.text}+I)`}\n        >\n          <FormatItalic fontSize=\"medium\" />\n        </ToolbarButton>\n        \n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleUnderline().run()}\n          isActive={editor.isActive('underline')}\n          title={`Underline (${modifierKey.text}+U)`}\n        >\n          <FormatUnderlined fontSize=\"medium\" />\n        </ToolbarButton>\n        \n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleCode().run()}\n          isActive={editor.isActive('code')}\n          title={`Inline Code (${modifierKey.text}+E)`}\n        >\n          <Code fontSize=\"medium\" />\n        </ToolbarButton>\n\n        <Divider orientation=\"vertical\" flexItem sx={{ mx: 0.5, height: 24, alignSelf: 'center' }} />\n\n        {/* Headings Group */}\n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}\n          isActive={editor.isActive('heading', { level: 1 })}\n          title={`Heading 1 (${modifierKey.text}+Alt+1)`}\n        >\n          <Typography component=\"span\" fontWeight=\"bold\" fontSize=\"11px\">\n            H1\n          </Typography>\n        </ToolbarButton>\n        \n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n          isActive={editor.isActive('heading', { level: 2 })}\n          title={`Heading 2 (${modifierKey.text}+Alt+2)`}\n        >\n          <Typography component=\"span\" fontWeight=\"bold\" fontSize=\"11px\">\n            H2\n          </Typography>\n        </ToolbarButton>\n        \n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}\n          isActive={editor.isActive('heading', { level: 3 })}\n          title={`Heading 3 (${modifierKey.text}+Alt+3)`}\n        >\n          <Typography component=\"span\" fontWeight=\"bold\" fontSize=\"11px\">\n            H3\n          </Typography>\n        </ToolbarButton>\n\n        <Divider orientation=\"vertical\" flexItem sx={{ mx: 0.5, height: 24, alignSelf: 'center' }} />\n\n        {/* Lists and Blocks Group */}\n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleBulletList().run()}\n          isActive={editor.isActive('bulletList')}\n          title=\"Bullet List\"\n        >\n          <FormatListBulleted fontSize=\"medium\" />\n        </ToolbarButton>\n        \n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleOrderedList().run()}\n          isActive={editor.isActive('orderedList')}\n          title=\"Numbered List\"\n        >\n          <FormatListNumbered fontSize=\"medium\" />\n        </ToolbarButton>\n        \n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleBlockquote().run()}\n          isActive={editor.isActive('blockquote')}\n          title=\"Quote\"\n        >\n          <FormatQuote fontSize=\"medium\" />\n        </ToolbarButton>\n        \n        <ToolbarButton\n          onClick={() => editor.chain().focus().toggleCodeBlock().run()}\n          isActive={editor.isActive('codeBlock')}\n          title=\"Code Block\"\n        >\n          <Typography variant=\"caption\" component=\"span\" fontWeight=\"bold\" fontSize=\"10px\">\n            {'</>'}\n          </Typography>\n        </ToolbarButton>\n\n        <Divider orientation=\"vertical\" flexItem sx={{ mx: 0.5, height: 24, alignSelf: 'center' }} />\n\n        {/* Utility Group */}\n          <ToolbarButton\n            onClick={() => editor.chain().focus().clearNodes().unsetAllMarks().run()}\n            title=\"Clear Format\"\n          >\n            <FormatClear fontSize=\"medium\" />\n          </ToolbarButton>\n\n          <Box sx={{ flexGrow: 1 }} />\n\n        {/* History Group */}\n        {/* <ToolbarButton\n          onClick={() => editor.chain().focus().undo().run()}\n          disabled={!editor.can().undo()}\n          title={`Undo (${modifierKey.text}+Z)`}\n        >\n          <Undo fontSize=\"medium\" />\n        </ToolbarButton>\n        \n        <ToolbarButton\n          onClick={() => editor.chain().focus().redo().run()}\n          disabled={!editor.can().redo()}\n          title={`Redo (${modifierKey.text}+Y)`}\n        >\n          <Redo fontSize=\"medium\" />\n        </ToolbarButton> */}\n      </Toolbar>\n      \n      <Box \n        onClick={() => editor.chain().focus().run()}\n        sx={{\n          p: 2,\n          minHeight: 200,\n          cursor: 'text',\n          backgroundColor: theme.palette.background.paper,\n          '& .ProseMirror': {\n            outline: 'none',\n            minHeight: 168,\n            fontFamily: theme.typography.body1.fontFamily,\n            fontSize: theme.typography.body1.fontSize,\n            lineHeight: theme.typography.body1.lineHeight,\n            color: theme.palette.text.primary,\n            '& p': {\n              margin: theme.spacing(0, 0, 1, 0),\n              '&:last-child': {\n                marginBottom: 0,\n              },\n            },\n            '& h1, & h2, & h3, & h4, & h5, & h6': {\n              fontWeight: theme.typography.fontWeightBold,\n              marginTop: theme.spacing(2),\n              marginBottom: theme.spacing(1),\n              '&:first-of-type': {\n                marginTop: 0,\n              },\n            },\n            '& h1': {\n              fontSize: theme.typography.h4.fontSize,\n            },\n            '& h2': {\n              fontSize: theme.typography.h5.fontSize,\n            },\n            '& h3': {\n              fontSize: theme.typography.h6.fontSize,\n            },\n            '& ul, & ol': {\n              paddingLeft: theme.spacing(3),\n              margin: theme.spacing(1, 0),\n            },\n            '& li': {\n              marginBottom: theme.spacing(0.5),\n            },\n            '& blockquote': {\n              borderLeft: `4px solid ${theme.palette.primary.main}`,\n              paddingLeft: theme.spacing(2),\n              margin: theme.spacing(2, 0),\n              backgroundColor: theme.palette.mode === 'dark' \n                ? theme.palette.grey[700] \n                : theme.palette.grey[50],\n              borderRadius: theme.spacing(0, 1, 1, 0),\n            },\n            '& code': {\n              backgroundColor: theme.palette.mode === 'dark' \n                ? theme.palette.grey[700] \n                : theme.palette.grey[100],\n              padding: theme.spacing(0.5, 0.75),\n              borderRadius: theme.shape.borderRadius,\n              fontFamily: 'Monaco, \"Roboto Mono\", monospace',\n              fontSize: '0.875em',\n              color: theme.palette.mode === 'dark'\n                ? theme.palette.primary.light\n                : theme.palette.primary.dark,\n            },\n            '& pre': {\n              backgroundColor: theme.palette.mode === 'dark' \n                ? theme.palette.grey[700] \n                : theme.palette.grey[100],\n              padding: theme.spacing(2),\n              overflow: 'auto',\n              margin: theme.spacing(2, 0),\n              border: `1px solid ${theme.palette.divider}`,\n              '& code': {\n                backgroundColor: 'transparent',\n                padding: 0,\n                color: theme.palette.text.primary,\n              },\n            },\n            '& strong': {\n              fontWeight: theme.typography.fontWeightBold,\n            },\n            '& em': {\n              fontStyle: 'italic',\n            },\n            '& u': {\n              textDecoration: 'underline',\n            },\n            '& p.is-editor-empty:first-of-type::before': {\n              content: 'attr(data-placeholder)',\n              float: 'left',\n              color: theme.palette.text.disabled,\n              pointerEvents: 'none',\n              height: 0,\n              fontStyle: 'italic',\n            },\n          },\n        }}\n      >\n        <EditorContent editor={editor} />\n      </Box>\n    </Paper>\n  );\n};"],"names":[],"mappings":"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"}

package/dist/components/StackOverflow/hooks/useStackOverflowData.esm.js

@@ -0,0 +1,128 @@
+import { useState, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../../api/StackOverflowAPI.esm.js';
+
+const useStackOverflowData = (type, options) => {
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      let response;
+      switch (type) {
+        case "questions":
+          response = await stackOverflowTeamsApi.getQuestions(options?.questionFilters);
+          setData({
+            questions: response.items,
+            totalPages: response.totalPages,
+            totalCount: response.totalCount,
+            currentPage: response.page
+          });
+          break;
+        case "tags":
+          response = await stackOverflowTeamsApi.getTags(options?.tagSearch);
+          setData({ tags: response.items });
+          break;
+        case "users":
+          response = await stackOverflowTeamsApi.getUsers();
+          setData({ users: response.items });
+          break;
+        default:
+          throw new Error(`Invalid data type: ${type}`);
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi, options?.questionFilters, options?.tagSearch]);
+  const fetchActiveQuestions = useCallback(async (page) => {
+    if (type !== "questions") return;
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.getActiveQuestions(page);
+      setData({
+        questions: response.items,
+        totalPages: response.totalPages,
+        totalCount: response.totalCount,
+        currentPage: response.page
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi]);
+  const fetchNewestQuestions = useCallback(async (page) => {
+    if (type !== "questions") return;
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.getNewestQuestions(page);
+      setData({
+        questions: response.items,
+        totalPages: response.totalPages,
+        totalCount: response.totalCount,
+        currentPage: response.page
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi]);
+  const fetchTopScoredQuestions = useCallback(async (page) => {
+    if (type !== "questions") return;
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.getTopScoredQuestions(page);
+      setData({
+        questions: response.items,
+        totalPages: response.totalPages,
+        totalCount: response.totalCount,
+        currentPage: response.page
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi]);
+  const fetchUnansweredQuestions = useCallback(async (page) => {
+    if (type !== "questions") return;
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.getUnansweredQuestions(page);
+      setData({
+        questions: response.items,
+        totalPages: response.totalPages,
+        totalCount: response.totalCount,
+        currentPage: response.page
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [type, stackOverflowTeamsApi]);
+  return {
+    data,
+    loading,
+    error,
+    fetchData,
+    // Convenience methods for questions
+    fetchActiveQuestions,
+    fetchNewestQuestions,
+    fetchTopScoredQuestions,
+    fetchUnansweredQuestions
+  };
+};
+
+export { useStackOverflowData };
+//# sourceMappingURL=useStackOverflowData.esm.js.map

package/dist/components/StackOverflow/hooks/useStackOverflowData.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackOverflowData.esm.js","sources":["../../../../src/components/StackOverflow/hooks/useStackOverflowData.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Question, stackoverflowteamsApiRef, Tag, User } from '../../../api/';\n\ntype PostType = 'questions' | 'tags' | 'users' \n\ninterface QuestionFilters {\n  sort?: 'activity' | 'creation' | 'score';\n  order?: 'asc' | 'desc';\n  isAnswered?: boolean;\n  page?: number;\n  pageSize?: number;\n}\n\ninterface StackOverflowData {\n  questions?: Question[];\n  tags?: Tag[];\n  users?: User[];\n  totalPages?: number;\n  totalCount?: number;\n  currentPage?: number;\n}\n\ninterface UseStackOverflowDataOptions {\n  questionFilters?: QuestionFilters;\n  tagSearch?: string;\n}\n\nexport const useStackOverflowData = (type: PostType, options?: UseStackOverflowDataOptions) => {\n  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n  const [data, setData] = useState<StackOverflowData | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchData = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    \n    try {\n      let response;\n      switch (type) {\n        case 'questions':\n          response = await stackOverflowTeamsApi.getQuestions(options?.questionFilters);\n          setData({ \n            questions: response.items,\n            totalPages: response.totalPages,\n            totalCount: response.totalCount,\n            currentPage: response.page\n          });\n          break;\n        case 'tags':\n          response = await stackOverflowTeamsApi.getTags(options?.tagSearch);\n          setData({ tags: response.items });\n          break;\n        case 'users':\n          response = await stackOverflowTeamsApi.getUsers();\n          setData({ users: response.items });\n          break;\n        default:\n          throw new Error(`Invalid data type: ${type}`);\n      }\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi, options?.questionFilters, options?.tagSearch]);\n\n  // Convenience methods for questions\n  const fetchActiveQuestions = useCallback(async (page?: number) => {\n    if (type !== 'questions') return;\n    setLoading(true);\n    setError(null);\n    \n    try {\n      const response = await stackOverflowTeamsApi.getActiveQuestions(page);\n      setData({ \n        questions: response.items,\n        totalPages: response.totalPages,\n        totalCount: response.totalCount,\n        currentPage: response.page\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi]);\n\n  const fetchNewestQuestions = useCallback(async (page?: number) => {\n    if (type !== 'questions') return;\n    setLoading(true);\n    setError(null);\n    \n    try {\n      const response = await stackOverflowTeamsApi.getNewestQuestions(page);\n      setData({ \n        questions: response.items,\n        totalPages: response.totalPages,\n        totalCount: response.totalCount,\n        currentPage: response.page\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi]);\n\n  const fetchTopScoredQuestions = useCallback(async (page?: number) => {\n    if (type !== 'questions') return;\n    setLoading(true);\n    setError(null);\n    \n    try {\n      const response = await stackOverflowTeamsApi.getTopScoredQuestions(page);\n      setData({ \n        questions: response.items,\n        totalPages: response.totalPages,\n        totalCount: response.totalCount,\n        currentPage: response.page\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi]);\n\n  const fetchUnansweredQuestions = useCallback(async (page?: number) => {\n    if (type !== 'questions') return;\n    setLoading(true);\n    setError(null);\n    \n    try {\n      const response = await stackOverflowTeamsApi.getUnansweredQuestions(page);\n      setData({ \n        questions: response.items,\n        totalPages: response.totalPages,\n        totalCount: response.totalCount,\n        currentPage: response.page\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n    } finally {\n      setLoading(false);\n    }\n  }, [type, stackOverflowTeamsApi]);\n\n  return { \n    data, \n    loading, \n    error, \n    fetchData,\n    // Convenience methods for questions\n    fetchActiveQuestions,\n    fetchNewestQuestions, \n    fetchTopScoredQuestions,\n    fetchUnansweredQuestions\n  };\n};"],"names":[],"mappings":"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"}

package/dist/components/StackOverflow/hooks/useStackOverflowSearch.esm.js

@@ -0,0 +1,53 @@
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../../api/StackOverflowAPI.esm.js';
+import { useState, useCallback } from 'react';
+
+const useStackOverflowSearch = () => {
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const [searchData, setSearchData] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const search = useCallback(async (query, page) => {
+    if (!query.trim()) {
+      setSearchData(null);
+      setError(null);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await stackOverflowTeamsApi.search(query, page);
+      setSearchData({
+        items: response.items,
+        totalCount: response.totalCount,
+        totalPages: response.totalPages,
+        page: response.page,
+        pageSize: response.pageSize
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+      setSearchData(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [stackOverflowTeamsApi]);
+  const clearSearch = useCallback(() => {
+    setSearchData(null);
+    setError(null);
+  }, []);
+  return {
+    searchData,
+    loading,
+    error,
+    search,
+    clearSearch,
+    // Convenience getters
+    hasResults: !!searchData?.items.length,
+    totalPages: searchData?.totalPages || 0,
+    currentPage: searchData?.page || 1,
+    totalCount: searchData?.totalCount
+  };
+};
+
+export { useStackOverflowSearch };
+//# sourceMappingURL=useStackOverflowSearch.esm.js.map

package/dist/components/StackOverflow/hooks/useStackOverflowSearch.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackOverflowSearch.esm.js","sources":["../../../../src/components/StackOverflow/hooks/useStackOverflowSearch.ts"],"sourcesContent":["import { useApi } from \"@backstage/core-plugin-api\";\nimport { stackoverflowteamsApiRef } from \"../../../api/StackOverflowAPI\";\nimport { useCallback, useState } from \"react\";\nimport { PaginatedResponse } from \"../../../types\";\n\ninterface SearchData {\n  items: any[];\n  totalCount: number;\n  totalPages: number;\n  page: number;\n  pageSize: number;\n}\n\nexport const useStackOverflowSearch = () => {\n  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n  const [searchData, setSearchData] = useState<SearchData | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const search = useCallback(async (query: string, page?: number) => {\n    if (!query.trim()) {\n      setSearchData(null);\n      setError(null);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const response: PaginatedResponse<any> = await stackOverflowTeamsApi.search(query, page);\n      setSearchData({\n        items: response.items,\n        totalCount: response.totalCount,\n        totalPages: response.totalPages,\n        page: response.page,\n        pageSize: response.pageSize,\n      });\n    } catch (e) {\n      setError(e instanceof Error ? e : new Error(String(e)));\n      setSearchData(null);\n    } finally {\n      setLoading(false);\n    }\n  }, [stackOverflowTeamsApi]);\n\n  const clearSearch = useCallback(() => {\n    setSearchData(null);\n    setError(null);\n  }, []);\n\n  return { \n    searchData, \n    loading, \n    error, \n    search, \n    clearSearch,\n    // Convenience getters\n    hasResults: !!searchData?.items.length,\n    totalPages: searchData?.totalPages || 0,\n    currentPage: searchData?.page || 1,\n    totalCount: searchData?.totalCount,\n  };\n};"],"names":[],"mappings":";;;;AAaO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,qBAAA,GAAwB,OAAO,wBAAwB,CAAA;AAC7D,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAA4B,IAAI,CAAA;AACpE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AAErD,EAAA,MAAM,MAAS,GAAA,WAAA,CAAY,OAAO,KAAA,EAAe,IAAkB,KAAA;AACjE,IAAI,IAAA,CAAC,KAAM,CAAA,IAAA,EAAQ,EAAA;AACjB,MAAA,aAAA,CAAc,IAAI,CAAA;AAClB,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA;AAAA;AAGF,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,QAAA,CAAS,IAAI,CAAA;AAEb,IAAI,IAAA;AACF,MAAA,MAAM,QAAmC,GAAA,MAAM,qBAAsB,CAAA,MAAA,CAAO,OAAO,IAAI,CAAA;AACvF,MAAc,aAAA,CAAA;AAAA,QACZ,OAAO,QAAS,CAAA,KAAA;AAAA,QAChB,YAAY,QAAS,CAAA,UAAA;AAAA,QACrB,YAAY,QAAS,CAAA,UAAA;AAAA,QACrB,MAAM,QAAS,CAAA,IAAA;AAAA,QACf,UAAU,QAAS,CAAA;AAAA,OACpB,CAAA;AAAA,aACM,CAAG,EAAA;AACV,MAAS,QAAA,CAAA,CAAA,YAAa,QAAQ,CAAI,GAAA,IAAI,MAAM,MAAO,CAAA,CAAC,CAAC,CAAC,CAAA;AACtD,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA,KAClB,SAAA;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,GACF,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAE1B,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,GACf,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA;AAAA,IAEA,UAAY,EAAA,CAAC,CAAC,UAAA,EAAY,KAAM,CAAA,MAAA;AAAA,IAChC,UAAA,EAAY,YAAY,UAAc,IAAA,CAAA;AAAA,IACtC,WAAA,EAAa,YAAY,IAAQ,IAAA,CAAA;AAAA,IACjC,YAAY,UAAY,EAAA;AAAA,GAC1B;AACF;;;;"}

package/dist/components/StackOverflow/hooks/useStackOverflowStyles.esm.js

@@ -0,0 +1,39 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStackOverflowStyles = makeStyles((theme) => ({
+  title: {
+    color: theme.palette.type === "dark" ? "#4CA8FF" : "#0077CC",
+    // Brighter blue in dark mode
+    fontWeight: "bold"
+  },
+  unanswered: {
+    backgroundColor: theme.palette.type === "dark" ? "#3B2D1F" : "#FFF4E5",
+    // Darker orange for dark mode
+    borderRadius: "4px",
+    padding: "4px 8px"
+  },
+  answered: {
+    backgroundColor: theme.palette.type === "dark" ? "#1E4620" : "#E3FCEF",
+    // Darker green for dark mode
+    borderRadius: "4px",
+    padding: "4px 8px"
+  },
+  button: {
+    backgroundColor: "#F48024",
+    // Stack Overflow orange
+    color: "#fff",
+    "&:hover": {
+      backgroundColor: theme.palette.type === "dark" ? "#C15C17" : "#D4691E"
+    }
+  },
+  tableRow: {
+    backgroundColor: theme.palette.background.paper,
+    "&:hover": {
+      backgroundColor: theme.palette.type === "dark" ? theme.palette.action.hover : "#F5F5F5"
+      // Light gray hover effect in light mode
+    }
+  }
+}));
+
+export { useStackOverflowStyles };
+//# sourceMappingURL=useStackOverflowStyles.esm.js.map

package/dist/components/StackOverflow/hooks/useStackOverflowStyles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackOverflowStyles.esm.js","sources":["../../../../src/components/StackOverflow/hooks/useStackOverflowStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles';\n\n/**\n * Reusable styles for Stack Overflow-themed components with dark mode support\n */\nexport const useStackOverflowStyles = makeStyles((theme: Theme) => ({\n  title: {\n    color: theme.palette.type === 'dark' ? '#4CA8FF' : '#0077CC', // Brighter blue in dark mode\n    fontWeight: 'bold',\n  },\n  unanswered: {\n    backgroundColor: theme.palette.type === 'dark' ? '#3B2D1F' : '#FFF4E5', // Darker orange for dark mode\n    borderRadius: '4px',\n    padding: '4px 8px',\n  },\n  answered: {\n    backgroundColor: theme.palette.type === 'dark' ? '#1E4620' : '#E3FCEF', // Darker green for dark mode\n    borderRadius: '4px',\n    padding: '4px 8px',\n  },\n  button: {\n    backgroundColor: '#F48024', // Stack Overflow orange\n    color: '#fff',\n    '&:hover': {\n      backgroundColor: theme.palette.type === 'dark' ? '#C15C17' : '#D4691E',\n    },\n  },\n  tableRow: {\n    backgroundColor: theme.palette.background.paper,\n    '&:hover': {\n      backgroundColor:\n        theme.palette.type === 'dark'\n          ? theme.palette.action.hover\n          : '#F5F5F5', // Light gray hover effect in light mode\n    },\n  },\n}));\n"],"names":[],"mappings":";;AAKa,MAAA,sBAAA,GAAyB,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAClE,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,SAAY,GAAA,SAAA;AAAA;AAAA,IACnD,UAAY,EAAA;AAAA,GACd;AAAA,EACA,UAAY,EAAA;AAAA,IACV,eAAiB,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,SAAY,GAAA,SAAA;AAAA;AAAA,IAC7D,YAAc,EAAA,KAAA;AAAA,IACd,OAAS,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,eAAiB,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,SAAY,GAAA,SAAA;AAAA;AAAA,IAC7D,YAAc,EAAA,KAAA;AAAA,IACd,OAAS,EAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,eAAiB,EAAA,SAAA;AAAA;AAAA,IACjB,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA;AAAA,MACT,eAAiB,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,SAAY,GAAA;AAAA;AAC/D,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,IAC1C,SAAW,EAAA;AAAA,MACT,eAAA,EACE,MAAM,OAAQ,CAAA,IAAA,KAAS,SACnB,KAAM,CAAA,OAAA,CAAQ,OAAO,KACrB,GAAA;AAAA;AAAA;AACR;AAEJ,CAAE,CAAA;;;;"}

package/dist/components/StackOverflowAuth/StackAuthCallback.esm.js

@@ -0,0 +1,47 @@
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../api/StackOverflowAPI.esm.js';
+import React, { useState, useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+import { StackAuthSuccess } from './StackAuthSuccess.esm.js';
+import { StackAuthLoading } from './StackAuthLoading.esm.js';
+import { StackAuthFailed } from './StackAuthFailed.esm.js';
+
+const StackOverflowCallback = () => {
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const location = useLocation();
+  const [status, setStatus] = useState("loading");
+  useEffect(() => {
+    const handleCallback = async () => {
+      const queryParams = new URLSearchParams(location.search);
+      const code = queryParams.get("code");
+      const state = queryParams.get("state");
+      const isLoggedIn = await stackOverflowTeamsApi.getAuthStatus();
+      if (isLoggedIn) {
+        setStatus("success");
+        return;
+      }
+      if (!code || !state) {
+        setStatus("error");
+        return;
+      }
+      try {
+        await stackOverflowTeamsApi.completeAuth(code, state);
+        setStatus("success");
+        window.history.replaceState({}, document.title, location.pathname);
+      } catch (error) {
+        setStatus("error");
+      }
+    };
+    handleCallback();
+  }, [location.pathname, location.search, stackOverflowTeamsApi]);
+  if (status === "loading") {
+    return /* @__PURE__ */ React.createElement(StackAuthLoading, null);
+  }
+  if (status === "success") {
+    return /* @__PURE__ */ React.createElement(StackAuthSuccess, null);
+  }
+  return /* @__PURE__ */ React.createElement(StackAuthFailed, null);
+};
+
+export { StackOverflowCallback };
+//# sourceMappingURL=StackAuthCallback.esm.js.map