@stackoverflow/backstage-plugin-stack-overflow-teams 1.6.1 → 1.6.3

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

@@ -0,0 +1,226 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { Progress, ResponseErrorPanel, Link } from '@backstage/core-components';
+import { useStackOverflowData } from './hooks/useStackOverflowData.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { stackoverflowteamsApiRef } from '../../api/StackOverflowAPI.esm.js';
+import './hooks/useStackOverflowStyles.esm.js';
+import { Box, TextField, InputAdornment, Typography, Grid, Card, CardContent, Avatar, IconButton, Chip } from '@material-ui/core';
+import SearchIcon from '@material-ui/icons/Search';
+import LaunchIcon from '@material-ui/icons/Launch';
+import PersonIcon from '@material-ui/icons/Person';
+import BusinessIcon from '@material-ui/icons/Business';
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles((theme) => ({
+  searchBox: {
+    marginBottom: theme.spacing(3)
+  },
+  userCard: {
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    transition: theme.transitions.create(["box-shadow", "transform"], {
+      duration: theme.transitions.duration.short
+    }),
+    "&:hover": {
+      boxShadow: theme.shadows[4]
+    }
+  },
+  cardContent: {
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    "&:last-child": {
+      paddingBottom: theme.spacing(2)
+    }
+  },
+  cardHeader: {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: theme.spacing(2),
+    marginBottom: theme.spacing(2),
+    minHeight: theme.spacing(6)
+    // Ensures consistent header height
+  },
+  userInfo: {
+    flex: 1,
+    minWidth: 0,
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.spacing(0.5)
+  },
+  userName: {
+    lineHeight: 1.2,
+    minHeight: theme.spacing(3)
+    // Consistent name height
+  },
+  jobTitle: {
+    minHeight: theme.spacing(2.5)
+    // Consistent job title height
+  },
+  departmentContainer: {
+    minHeight: theme.spacing(2.5)
+    // Consistent department height
+  },
+  cardFooter: {
+    marginTop: "auto",
+    // Push footer to bottom
+    paddingTop: theme.spacing(1),
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    minHeight: theme.spacing(4)
+    // Consistent footer height
+  },
+  reputationChip: {
+    backgroundColor: theme.palette.primary.main,
+    color: theme.palette.primary.contrastText,
+    minWidth: theme.spacing(8)
+    // Consistent chip width
+  },
+  roleChip: {
+    minWidth: theme.spacing(7)
+    // Consistent role chip width
+  },
+  avatar: {
+    width: theme.spacing(5),
+    height: theme.spacing(5)
+  },
+  emptyState: {
+    textAlign: "center",
+    padding: theme.spacing(6, 2)
+  },
+  exploreMore: {
+    textAlign: "center",
+    marginTop: theme.spacing(3),
+    padding: theme.spacing(2)
+  }
+}));
+const UserCard = ({ user }) => {
+  const classes = useStyles();
+  const isModerator = user.role === "Moderator";
+  const isAdmin = user.role === "Admin";
+  return /* @__PURE__ */ jsx(Link, { to: user.webUrl, target: "_blank", rel: "Backstage_Plugin", style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx(Card, { className: classes.userCard, children: /* @__PURE__ */ jsxs(CardContent, { className: classes.cardContent, children: [
+    /* @__PURE__ */ jsxs(Box, { className: classes.cardHeader, children: [
+      /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          src: user.avatarUrl,
+          alt: user.name,
+          className: classes.avatar,
+          children: /* @__PURE__ */ jsx(PersonIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsxs(Box, { className: classes.userInfo, children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "h6",
+            noWrap: true,
+            className: classes.userName,
+            children: user.name
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { className: classes.jobTitle, children: user.jobTitle ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", noWrap: true, children: user.jobTitle }) : /* @__PURE__ */ jsx(Box, {}) }),
+        /* @__PURE__ */ jsx(Box, { className: classes.departmentContainer, children: user.department ? /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ jsx(BusinessIcon, { fontSize: "small", color: "disabled" }),
+          /* @__PURE__ */ jsx(Box, { ml: 0.5, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", noWrap: true, children: user.department }) })
+        ] }) : /* @__PURE__ */ jsx(Box, {}) })
+      ] }),
+      /* @__PURE__ */ jsx(IconButton, { size: "small", "aria-label": "open profile", children: /* @__PURE__ */ jsx(LaunchIcon, { fontSize: "small" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { className: classes.cardFooter, children: [
+      /* @__PURE__ */ jsx(
+        Chip,
+        {
+          size: "small",
+          label: `${user.reputation.toLocaleString()} rep`,
+          className: classes.reputationChip,
+          variant: "default"
+        }
+      ),
+      /* @__PURE__ */ jsx(Box, { children: (isModerator || isAdmin) && /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: isModerator ? "Moderator" : "Admin",
+          size: "small",
+          color: isModerator ? "primary" : "secondary",
+          variant: "outlined",
+          className: classes.roleChip
+        }
+      ) })
+    ] })
+  ] }) }) });
+};
+const StackOverflowUserList = ({
+  users,
+  searchTerm,
+  baseUrl
+}) => {
+  const classes = useStyles();
+  if (users.length === 0) {
+    return /* @__PURE__ */ jsxs(Box, { className: classes.emptyState, children: [
+      /* @__PURE__ */ jsx(PersonIcon, { fontSize: "large", color: "disabled" }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "h6", gutterBottom: true, children: [
+        'No users found matching "',
+        searchTerm,
+        '"'
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", paragraph: true, children: "Try adjusting your search terms" }),
+      /* @__PURE__ */ jsx(Link, { to: `${baseUrl}/users`, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "primary", children: "Browse all users \u2192" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, children: users.map((user) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, children: /* @__PURE__ */ jsx(UserCard, { user }) }, user.id)) }),
+    users.length > 0 && /* @__PURE__ */ jsx(Box, { className: classes.exploreMore, children: /* @__PURE__ */ jsx(Link, { to: `${baseUrl}/users`, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "primary", children: "Explore more users \u2192" }) }) })
+  ] });
+};
+const StackOverflowUsers = () => {
+  const classes = useStyles();
+  const { data, loading, error, fetchData } = useStackOverflowData("users");
+  const [searchTerm, setSearchTerm] = useState("");
+  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
+  const [baseUrl, setBaseUrl] = useState("");
+  useEffect(() => {
+    stackOverflowTeamsApi.getBaseUrl().then((url) => setBaseUrl(url));
+  }, [stackOverflowTeamsApi]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Progress, {});
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
+  }
+  const filteredUsers = (data?.users || []).sort((a, b) => b.reputation - a.reputation).filter(
+    (user) => `${user.name} ${user.jobTitle} ${user.department} ${user.role}`.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Box, { className: classes.searchBox, children: /* @__PURE__ */ jsx(
+      TextField,
+      {
+        fullWidth: true,
+        variant: "outlined",
+        placeholder: "Search users...",
+        value: searchTerm,
+        onChange: (e) => setSearchTerm(e.target.value),
+        InputProps: {
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, {}) })
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      StackOverflowUserList,
+      {
+        users: filteredUsers,
+        searchTerm,
+        baseUrl
+      }
+    )
+  ] });
+};
+
+export { StackOverflowUsers, StackOverflowUsers as default };
+//# sourceMappingURL=StackOverflowUsers.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackOverflowUsers.esm.js","sources":["../../../src/components/StackOverflow/StackOverflowUsers.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Link, Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useStackOverflowData } from './hooks/';\nimport {\n  Grid,\n  TextField,\n  Box,\n  Typography,\n  InputAdornment,\n  Card,\n  CardContent,\n  Avatar,\n  Chip,\n  IconButton,\n} from '@material-ui/core';\nimport { stackoverflowteamsApiRef, User } from '../../api';\nimport SearchIcon from '@material-ui/icons/Search';\nimport LaunchIcon from '@material-ui/icons/Launch';\nimport PersonIcon from '@material-ui/icons/Person';\nimport BusinessIcon from '@material-ui/icons/Business';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  searchBox: {\n    marginBottom: theme.spacing(3),\n  },\n  userCard: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    transition: theme.transitions.create(['box-shadow', 'transform'], {\n      duration: theme.transitions.duration.short,\n    }),\n    '&:hover': {\n      boxShadow: theme.shadows[4],\n    },\n  },\n  cardContent: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    '&:last-child': {\n      paddingBottom: theme.spacing(2),\n    },\n  },\n  cardHeader: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    minHeight: theme.spacing(6), // Ensures consistent header height\n  },\n  userInfo: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(0.5),\n  },\n  userName: {\n    lineHeight: 1.2,\n    minHeight: theme.spacing(3), // Consistent name height\n  },\n  jobTitle: {\n    minHeight: theme.spacing(2.5), // Consistent job title height\n  },\n  departmentContainer: {\n    minHeight: theme.spacing(2.5), // Consistent department height\n  },\n  cardFooter: {\n    marginTop: 'auto', // Push footer to bottom\n    paddingTop: theme.spacing(1),\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    minHeight: theme.spacing(4), // Consistent footer height\n  },\n  reputationChip: {\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    minWidth: theme.spacing(8), // Consistent chip width\n  },\n  roleChip: {\n    minWidth: theme.spacing(7), // Consistent role chip width\n  },\n  avatar: {\n    width: theme.spacing(5),\n    height: theme.spacing(5),\n  },\n  emptyState: {\n    textAlign: 'center',\n    padding: theme.spacing(6, 2),\n  },\n  exploreMore: {\n    textAlign: 'center',\n    marginTop: theme.spacing(3),\n    padding: theme.spacing(2),\n  },\n}));\n\nconst UserCard = ({ user }: { user: User }) => {\n  const classes = useStyles();\n  const isModerator = user.role === 'Moderator';\n  const isAdmin = user.role === 'Admin';\n\n  return (\n   <Link to={user.webUrl} target=\"_blank\" rel=\"Backstage_Plugin\" style={{ textDecoration: 'none' }}>\n      <Card className={classes.userCard}>\n        <CardContent className={classes.cardContent}>\n          <Box className={classes.cardHeader}>\n            <Avatar \n              src={user.avatarUrl} \n              alt={user.name}\n              className={classes.avatar}\n            >\n              <PersonIcon />\n            </Avatar>\n            <Box className={classes.userInfo}>\n              <Typography \n                variant=\"h6\" \n                noWrap \n                className={classes.userName}\n              >\n                {user.name}\n              </Typography>\n              <Box className={classes.jobTitle}>\n                {user.jobTitle ? (\n                  <Typography variant=\"body2\" color=\"textSecondary\" noWrap>\n                    {user.jobTitle}\n                  </Typography>\n                ) : (\n                  <Box />\n                )}\n              </Box>\n              <Box className={classes.departmentContainer}>\n                {user.department ? (\n                  <Box display=\"flex\" alignItems=\"center\">\n                    <BusinessIcon fontSize=\"small\" color=\"disabled\" />\n                    <Box ml={0.5}>\n                      <Typography variant=\"body2\" color=\"textSecondary\" noWrap>\n                        {user.department}\n                      </Typography>\n                    </Box>\n                  </Box>\n                ) : (\n                  <Box />\n                )}\n              </Box>\n            </Box>\n            <IconButton size=\"small\" aria-label=\"open profile\">\n              <LaunchIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n          \n          <Box className={classes.cardFooter}>\n            <Chip\n              size=\"small\"\n              label={`${user.reputation.toLocaleString()} rep`}\n              className={classes.reputationChip}\n              variant=\"default\"\n            />\n            <Box>\n              {(isModerator || isAdmin) && (\n                <Chip\n                  label={isModerator ? 'Moderator' : 'Admin'}\n                  size=\"small\"\n                  color={isModerator ? 'primary' : 'secondary'}\n                  variant=\"outlined\"\n                  className={classes.roleChip}\n                />\n              )}\n            </Box>\n          </Box>\n        </CardContent>\n      </Card>\n    </Link>\n  );\n}\n\nconst StackOverflowUserList = ({\n  users,\n  searchTerm,\n  baseUrl,\n}: {\n  users: User[];\n  searchTerm: string;\n  baseUrl: string;\n}) => {\n  const classes = useStyles();\n\n  if (users.length === 0) {\n    return (\n      <Box className={classes.emptyState}>\n        <PersonIcon fontSize=\"large\" color=\"disabled\" />\n        <Typography variant=\"h6\" gutterBottom>\n          No users found matching \"{searchTerm}\"\n        </Typography>\n        <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n          Try adjusting your search terms\n        </Typography>\n        <Link to={`${baseUrl}/users`}>\n          <Typography variant=\"body1\" color=\"primary\">\n            Browse all users →\n          </Typography>\n        </Link>\n      </Box>\n    );\n  }\n\n  return (\n    <>\n      <Grid container spacing={3}>\n        {users.map(user => (\n          <Grid item xs={12} sm={6} md={4} lg={3} key={user.id}>\n            <UserCard user={user} />\n          </Grid>\n        ))}\n      </Grid>\n      \n      {users.length > 0 && (\n        <Box className={classes.exploreMore}>\n          <Link to={`${baseUrl}/users`}>\n            <Typography variant=\"body1\" color=\"primary\">\n              Explore more users →\n            </Typography>\n          </Link>\n        </Box>\n      )}\n    </>\n  );\n};\n\nexport const StackOverflowUsers = () => {\n  const classes = useStyles();\n  const { data, loading, error, fetchData } = useStackOverflowData('users');\n  const [searchTerm, setSearchTerm] = useState('');\n  const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n  const [baseUrl, setBaseUrl] = useState<string>('');\n\n  useEffect(() => {\n    stackOverflowTeamsApi.getBaseUrl().then(url => setBaseUrl(url));\n  }, [stackOverflowTeamsApi]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const filteredUsers = (data?.users || [])\n    .sort((a, b) => b.reputation - a.reputation)\n    .filter(user =>\n      `${user.name} ${user.jobTitle} ${user.department} ${user.role}`\n        .toLowerCase()\n        .includes(searchTerm.toLowerCase()),\n    );\n\n  return (\n    <Box>\n      <Box className={classes.searchBox}>\n        <TextField\n          fullWidth\n          variant=\"outlined\"\n          placeholder=\"Search users...\"\n          value={searchTerm}\n          onChange={e => setSearchTerm(e.target.value)}\n          InputProps={{\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <SearchIcon />\n              </InputAdornment>\n            ),\n          }}\n        />\n      </Box>\n      <StackOverflowUserList\n        users={filteredUsers}\n        searchTerm={searchTerm}\n        baseUrl={baseUrl}\n      />\n    </Box>\n  );\n};\n\nexport default StackOverflowUsers;"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,312 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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__ */ jsx(
+    Button,
+    {
+      onMouseDown: (e) => {
+        e.preventDefault();
+      },
+      onClick,
+      disabled,
+      variant: isActive ? "contained" : "text",
+      title,
+      size: "small",
+      children
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    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"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Toolbar,
+          {
+            sx: {
+              backgroundColor: theme.palette.background.default,
+              borderBottom: `1px solid ${theme.palette.divider}`,
+              minHeight: 48,
+              flexWrap: "wrap",
+              py: 0.5,
+              px: 1,
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleBold().run(),
+                  isActive: editor.isActive("bold"),
+                  title: `Bold (${modifierKey.text}+B)`,
+                  children: /* @__PURE__ */ jsx(FormatBold, { fontSize: "medium" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleItalic().run(),
+                  isActive: editor.isActive("italic"),
+                  title: `Italic (${modifierKey.text}+I)`,
+                  children: /* @__PURE__ */ jsx(FormatItalic, { fontSize: "medium" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleUnderline().run(),
+                  isActive: editor.isActive("underline"),
+                  title: `Underline (${modifierKey.text}+U)`,
+                  children: /* @__PURE__ */ jsx(FormatUnderlined, { fontSize: "medium" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleCode().run(),
+                  isActive: editor.isActive("code"),
+                  title: `Inline Code (${modifierKey.text}+E)`,
+                  children: /* @__PURE__ */ jsx(Code, { fontSize: "medium" })
+                }
+              ),
+              /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 0.5, height: 24, alignSelf: "center" } }),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+                  isActive: editor.isActive("heading", { level: 1 }),
+                  title: `Heading 1 (${modifierKey.text}+Alt+1)`,
+                  children: /* @__PURE__ */ jsx(Typography, { component: "span", fontWeight: "bold", fontSize: "11px", children: "H1" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+                  isActive: editor.isActive("heading", { level: 2 }),
+                  title: `Heading 2 (${modifierKey.text}+Alt+2)`,
+                  children: /* @__PURE__ */ jsx(Typography, { component: "span", fontWeight: "bold", fontSize: "11px", children: "H2" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+                  isActive: editor.isActive("heading", { level: 3 }),
+                  title: `Heading 3 (${modifierKey.text}+Alt+3)`,
+                  children: /* @__PURE__ */ jsx(Typography, { component: "span", fontWeight: "bold", fontSize: "11px", children: "H3" })
+                }
+              ),
+              /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 0.5, height: 24, alignSelf: "center" } }),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleBulletList().run(),
+                  isActive: editor.isActive("bulletList"),
+                  title: "Bullet List",
+                  children: /* @__PURE__ */ jsx(FormatListBulleted, { fontSize: "medium" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleOrderedList().run(),
+                  isActive: editor.isActive("orderedList"),
+                  title: "Numbered List",
+                  children: /* @__PURE__ */ jsx(FormatListNumbered, { fontSize: "medium" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleBlockquote().run(),
+                  isActive: editor.isActive("blockquote"),
+                  title: "Quote",
+                  children: /* @__PURE__ */ jsx(FormatQuote, { fontSize: "medium" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().toggleCodeBlock().run(),
+                  isActive: editor.isActive("codeBlock"),
+                  title: "Code Block",
+                  children: /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "span", fontWeight: "bold", fontSize: "10px", children: "</>" })
+                }
+              ),
+              /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 0.5, height: 24, alignSelf: "center" } }),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  onClick: () => editor.chain().focus().clearNodes().unsetAllMarks().run(),
+                  title: "Clear Format",
+                  children: /* @__PURE__ */ jsx(FormatClear, { fontSize: "medium" })
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1 } })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          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"
+                }
+              }
+            },
+            children: /* @__PURE__ */ jsx(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 { 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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"}