@stoked-ui/github 0.0.0-a.0

package/GithubEvents/EventTypes/IssueCommentEvent.js

@@ -0,0 +1,210 @@
+var _Typography, _Typography2;
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Link from '@mui/material/Link';
+import Chip from '@mui/material/Chip';
+import Avatar from '@mui/material/Avatar';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function IssueCommentEvent({
+  event
+}) {
+  var _event$payload, _event$payload2, _issue$user, _issue$user2, _comment$user, _comment$user2, _event$payload3;
+  if (!(event != null && event.date)) {
+    return null;
+  }
+  const issue = (_event$payload = event.payload) == null ? void 0 : _event$payload.issue;
+  const comment = (_event$payload2 = event.payload) == null ? void 0 : _event$payload2.comment;
+  if (!issue || !comment) {
+    return null;
+  }
+
+  // Extract repository information
+  const repoFullName = event.repo;
+  const [repoOwner, repoName] = repoFullName.split('/');
+
+  // Extract issue information
+  const issueTitle = issue.title;
+  const issueUrl = issue.html_url;
+  const issueState = issue.state || 'unknown';
+  const issueNumber = issue.number;
+  const issueAuthor = (_issue$user = issue.user) == null ? void 0 : _issue$user.login;
+  const issueAuthorAvatar = (_issue$user2 = issue.user) == null ? void 0 : _issue$user2.avatar_url;
+
+  // Extract comment information
+  const commentUrl = comment.html_url;
+  const commentBody = comment.body;
+  const commentUser = ((_comment$user = comment.user) == null ? void 0 : _comment$user.login) || event.user;
+  const commentUserAvatar = ((_comment$user2 = comment.user) == null ? void 0 : _comment$user2.avatar_url) || event.avatarUrl;
+  const commentCreatedAt = comment.created_at || event.date;
+
+  // Get other comments if available
+  const otherComments = ((_event$payload3 = event.payload) == null ? void 0 : _event$payload3.comments) || [];
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      p: '16px'
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "caption",
+        color: "text.secondary",
+        children: event.date
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: `${repoOwner}/${repoName}`,
+        size: "small",
+        color: "primary",
+        variant: "outlined"
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: `#${issueNumber}`,
+        size: "small",
+        color: "default"
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: issueState,
+        size: "small",
+        color: issueState === 'open' ? 'success' : 'error'
+      })]
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h6",
+      component: "h3",
+      sx: {
+        mb: 1
+      },
+      children: /*#__PURE__*/_jsx(Link, {
+        href: issueUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          textDecoration: 'none'
+        },
+        children: issueTitle
+      })
+    }), issueAuthor && /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: 2
+      },
+      children: [_Typography || (_Typography = /*#__PURE__*/_jsx(Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        children: "Issue by:"
+      })), /*#__PURE__*/_jsx(Avatar, {
+        src: issueAuthorAvatar,
+        alt: issueAuthor,
+        sx: {
+          width: 20,
+          height: 20
+        }
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "body2",
+        children: issueAuthor
+      })]
+    }), /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsx(Avatar, {
+        src: commentUserAvatar,
+        alt: commentUser,
+        sx: {
+          width: 24,
+          height: 24
+        }
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "body2",
+        children: commentUser
+      }), /*#__PURE__*/_jsxs(Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        children: ["commented on ", new Date(commentCreatedAt).toLocaleString()]
+      })]
+    }), /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        p: '16px',
+        backgroundColor: 'action.hover',
+        borderRadius: 1,
+        position: 'relative',
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "body2",
+        sx: {
+          whiteSpace: 'pre-wrap',
+          maxHeight: 200,
+          overflow: 'auto'
+        },
+        children: commentBody
+      }), /*#__PURE__*/_jsx(Box, {
+        sx: {
+          position: 'absolute',
+          top: 8,
+          right: 8
+        },
+        children: /*#__PURE__*/_jsx(Link, {
+          href: commentUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          sx: {
+            textDecoration: 'none',
+            fontSize: '0.75rem'
+          },
+          children: "View on GitHub"
+        })
+      })]
+    }), otherComments.length > 0 && /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        mt: 2
+      },
+      children: [_Typography2 || (_Typography2 = /*#__PURE__*/_jsx(Typography, {
+        variant: "subtitle2",
+        gutterBottom: true,
+        children: "Other comments on this issue:"
+      })), otherComments.slice(0, 3).map(otherComment => {
+        var _otherComment$user, _otherComment$user2, _otherComment$user3, _otherComment$body, _otherComment$body2;
+        return /*#__PURE__*/_jsxs(Box, {
+          sx: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 1,
+            mb: 1
+          },
+          children: [/*#__PURE__*/_jsx(Avatar, {
+            src: (_otherComment$user = otherComment.user) == null ? void 0 : _otherComment$user.avatar_url,
+            alt: (_otherComment$user2 = otherComment.user) == null ? void 0 : _otherComment$user2.login,
+            sx: {
+              width: 20,
+              height: 20
+            }
+          }), /*#__PURE__*/_jsx(Typography, {
+            variant: "body2",
+            children: (_otherComment$user3 = otherComment.user) == null ? void 0 : _otherComment$user3.login
+          }), /*#__PURE__*/_jsxs(Typography, {
+            variant: "body2",
+            color: "text.secondary",
+            sx: {
+              flexGrow: 1,
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap'
+            },
+            children: [(_otherComment$body = otherComment.body) == null ? void 0 : _otherComment$body.substring(0, 50), ((_otherComment$body2 = otherComment.body) == null ? void 0 : _otherComment$body2.length) > 50 ? '...' : '']
+          })]
+        }, otherComment.id);
+      }), otherComments.length > 3 && /*#__PURE__*/_jsxs(Typography, {
+        variant: "caption",
+        color: "text.secondary",
+        children: ["+", otherComments.length - 3, " more comments"]
+      })]
+    })]
+  });
+}

package/GithubEvents/EventTypes/IssuesEvent.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { EventDetails } from '../../types/github';
+interface IssuesEventProps {
+    event: EventDetails;
+}
+export default function IssuesEvent({ event }: IssuesEventProps): React.JSX.Element | null;
+export {};

package/GithubEvents/EventTypes/IssuesEvent.js

@@ -0,0 +1,97 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Link from '@mui/material/Link';
+import Chip from '@mui/material/Chip';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function IssuesEvent({
+  event
+}) {
+  var _event$payload, _event$payload2, _issue$user;
+  if (!(event != null && event.date)) {
+    return null;
+  }
+  const issue = (_event$payload = event.payload) == null ? void 0 : _event$payload.issue;
+  if (!issue) {
+    return null;
+  }
+  const issueTitle = issue.title || event.description;
+  const issueUrl = issue.html_url || event.url;
+  const issueState = issue.state || 'unknown';
+  const issueAction = ((_event$payload2 = event.payload) == null ? void 0 : _event$payload2.action) || 'unknown';
+  const issueNumber = issue.number || event.number;
+  const issueUser = ((_issue$user = issue.user) == null ? void 0 : _issue$user.login) || event.user;
+  const issueComments = issue.comments || event.comments;
+  const issueLabels = issue.labels || [];
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      p: '16px'
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "caption",
+        color: "text.secondary",
+        children: event.date
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: `#${issueNumber}`,
+        size: "small",
+        color: "default"
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: issueState,
+        size: "small",
+        color: issueState === 'open' ? 'success' : 'error'
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: `${issueComments} comment${issueComments !== 1 ? 's' : ''}`,
+        size: "small",
+        color: "default"
+      })]
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h6",
+      component: "h3",
+      sx: {
+        mb: 1
+      },
+      children: /*#__PURE__*/_jsx(Link, {
+        href: issueUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          textDecoration: 'none'
+        },
+        children: issueTitle
+      })
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: issueLabels.length > 0 ? 2 : 0
+      },
+      children: /*#__PURE__*/_jsxs(Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        children: [issueAction, " by ", issueUser]
+      })
+    }), issueLabels.length > 0 && /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 1
+      },
+      children: issueLabels.map(label => /*#__PURE__*/_jsx(Chip, {
+        label: label.name,
+        size: "small",
+        sx: {
+          backgroundColor: `#${label.color}`,
+          color: label.color === 'ffffff' ? 'text.primary' : '#fff'
+        }
+      }, label.name))
+    })]
+  });
+}

package/GithubEvents/EventTypes/ProjectsV2ColumnEvent.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { EventDetails } from '../../types/github';
+interface ProjectsV2ColumnEventProps {
+    event: EventDetails;
+}
+export default function ProjectsV2ColumnEvent({ event }: ProjectsV2ColumnEventProps): React.JSX.Element | null;
+export {};

package/GithubEvents/EventTypes/ProjectsV2ColumnEvent.js

@@ -0,0 +1,69 @@
+var _Chip;
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Chip from '@mui/material/Chip';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ProjectsV2ColumnEvent({
+  event
+}) {
+  var _event$payload, _event$payload2;
+  if (!(event != null && event.date)) {
+    return null;
+  }
+  const column = (_event$payload = event.payload) == null ? void 0 : _event$payload.projects_v2_column;
+  const action = (_event$payload2 = event.payload) == null ? void 0 : _event$payload2.action;
+  if (!column) {
+    return null;
+  }
+  const columnName = column.name || 'Untitled Column';
+  const projectNumber = column.project_number;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      p: '16px'
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "caption",
+        color: "text.secondary",
+        children: event.date
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: `Project #${projectNumber}`,
+        size: "small",
+        color: "default"
+      }), _Chip || (_Chip = /*#__PURE__*/_jsx(Chip, {
+        label: "column",
+        size: "small",
+        color: "info"
+      })), /*#__PURE__*/_jsx(Chip, {
+        label: action,
+        size: "small",
+        color: action === 'created' ? 'success' : action === 'deleted' ? 'error' : 'primary'
+      })]
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h6",
+      component: "h3",
+      sx: {
+        mb: 1
+      },
+      children: columnName
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1
+      },
+      children: /*#__PURE__*/_jsxs(Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        children: ["Column ", action, " in project #", projectNumber]
+      })
+    })]
+  });
+}

package/GithubEvents/EventTypes/ProjectsV2Event.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { EventDetails } from '../../types/github';
+interface ProjectsV2EventProps {
+    event: EventDetails;
+}
+export default function ProjectsV2Event({ event }: ProjectsV2EventProps): React.JSX.Element | null;
+export {};

package/GithubEvents/EventTypes/ProjectsV2Event.js

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Link from '@mui/material/Link';
+import Chip from '@mui/material/Chip';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ProjectsV2Event({
+  event
+}) {
+  var _event$payload, _event$payload2;
+  if (!(event != null && event.date)) {
+    return null;
+  }
+  const project = (_event$payload = event.payload) == null ? void 0 : _event$payload.projects_v2;
+  const action = (_event$payload2 = event.payload) == null ? void 0 : _event$payload2.action;
+  if (!project) {
+    return null;
+  }
+  const projectTitle = project.title || 'Untitled Project';
+  const projectUrl = project.html_url || `https://github.com/${event.repo}/projects`;
+  const projectNumber = project.number;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      p: '16px'
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "caption",
+        color: "text.secondary",
+        children: event.date
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: `#${projectNumber}`,
+        size: "small",
+        color: "default"
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: action,
+        size: "small",
+        color: action === 'created' ? 'success' : action === 'deleted' ? 'error' : 'primary'
+      })]
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h6",
+      component: "h3",
+      sx: {
+        mb: 1
+      },
+      children: /*#__PURE__*/_jsx(Link, {
+        href: projectUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          textDecoration: 'none'
+        },
+        children: projectTitle
+      })
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1
+      },
+      children: /*#__PURE__*/_jsxs(Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        children: ["Project ", action, " in ", event.repo]
+      })
+    })]
+  });
+}

package/GithubEvents/EventTypes/ProjectsV2FieldEvent.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { EventDetails } from '../../types/github';
+interface ProjectsV2FieldEventProps {
+    event: EventDetails;
+}
+export default function ProjectsV2FieldEvent({ event }: ProjectsV2FieldEventProps): React.JSX.Element | null;
+export {};

package/GithubEvents/EventTypes/ProjectsV2FieldEvent.js

@@ -0,0 +1,77 @@
+var _Chip;
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Chip from '@mui/material/Chip';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ProjectsV2FieldEvent({
+  event
+}) {
+  var _event$payload, _event$payload2;
+  if (!(event != null && event.date)) {
+    return null;
+  }
+  const field = (_event$payload = event.payload) == null ? void 0 : _event$payload.projects_v2_field;
+  const action = (_event$payload2 = event.payload) == null ? void 0 : _event$payload2.action;
+  if (!field) {
+    return null;
+  }
+  const fieldName = field.name || 'Untitled Field';
+  const projectNumber = field.project_number;
+  const fieldType = field.data_type || 'Unknown Type';
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      p: '16px'
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "caption",
+        color: "text.secondary",
+        children: event.date
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: `Project #${projectNumber}`,
+        size: "small",
+        color: "default"
+      }), _Chip || (_Chip = /*#__PURE__*/_jsx(Chip, {
+        label: "field",
+        size: "small",
+        color: "info"
+      })), /*#__PURE__*/_jsx(Chip, {
+        label: action,
+        size: "small",
+        color: action === 'created' ? 'success' : action === 'deleted' ? 'error' : 'primary'
+      })]
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h6",
+      component: "h3",
+      sx: {
+        mb: 1
+      },
+      children: fieldName
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1
+      },
+      children: /*#__PURE__*/_jsxs(Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        children: ["Field type: ", fieldType]
+      })
+    }), /*#__PURE__*/_jsxs(Typography, {
+      variant: "body2",
+      color: "text.secondary",
+      sx: {
+        mt: 1
+      },
+      children: ["Field ", action, " in project #", projectNumber]
+    })]
+  });
+}

package/GithubEvents/EventTypes/ProjectsV2ItemEvent.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { EventDetails } from '../../types/github';
+interface ProjectsV2ItemEventProps {
+    event: EventDetails;
+}
+export default function ProjectsV2ItemEvent({ event }: ProjectsV2ItemEventProps): React.JSX.Element | null;
+export {};

package/GithubEvents/EventTypes/ProjectsV2ItemEvent.js

@@ -0,0 +1,79 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Link from '@mui/material/Link';
+import Chip from '@mui/material/Chip';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ProjectsV2ItemEvent({
+  event
+}) {
+  var _event$payload, _event$payload2, _item$content_type;
+  if (!(event != null && event.date)) {
+    return null;
+  }
+  const item = (_event$payload = event.payload) == null ? void 0 : _event$payload.projects_v2_item;
+  const action = (_event$payload2 = event.payload) == null ? void 0 : _event$payload2.action;
+  if (!item) {
+    return null;
+  }
+  const itemTitle = item.title || 'Untitled Item';
+  const itemUrl = item.html_url;
+  const itemType = ((_item$content_type = item.content_type) == null ? void 0 : _item$content_type.toLowerCase()) || 'item';
+  const projectNumber = item.project_number;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      p: '16px'
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "caption",
+        color: "text.secondary",
+        children: event.date
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: `Project #${projectNumber}`,
+        size: "small",
+        color: "default"
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: itemType,
+        size: "small",
+        color: "info"
+      }), /*#__PURE__*/_jsx(Chip, {
+        label: action,
+        size: "small",
+        color: action === 'created' ? 'success' : action === 'deleted' ? 'error' : 'primary'
+      })]
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h6",
+      component: "h3",
+      sx: {
+        mb: 1
+      },
+      children: itemUrl ? /*#__PURE__*/_jsx(Link, {
+        href: itemUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          textDecoration: 'none'
+        },
+        children: itemTitle
+      }) : itemTitle
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1
+      },
+      children: /*#__PURE__*/_jsxs(Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        children: [itemType, " ", action, " in project #", projectNumber]
+      })
+    })]
+  });
+}

package/GithubEvents/EventTypes/PullRequest/CommitsList.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface Commit {
+    id: string;
+    message: string;
+    author: {
+        name: string;
+        avatar: string;
+    };
+    date: string;
+    hash: string;
+}
+interface CommitsListProps {
+    commits: Commit[];
+    onCheckout?: (hash: string) => void;
+}
+export default function CommitsList({ commits, onCheckout }: CommitsListProps): React.JSX.Element;
+export {};