@stoked-ui/github 0.0.0-a.0

package/node/GithubEvents/EventTypes/ProjectsV2ItemEvent.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ProjectsV2ItemEvent;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    sx: {
+      p: '16px'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1,
+        mb: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        variant: "caption",
+        color: "text.secondary",
+        children: event.date
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+        label: `Project #${projectNumber}`,
+        size: "small",
+        color: "default"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+        label: itemType,
+        size: "small",
+        color: "info"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+        label: action,
+        size: "small",
+        color: action === 'created' ? 'success' : action === 'deleted' ? 'error' : 'primary'
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      variant: "h6",
+      component: "h3",
+      sx: {
+        mb: 1
+      },
+      children: itemUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+        href: itemUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          textDecoration: 'none'
+        },
+        children: itemTitle
+      }) : itemTitle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        variant: "body2",
+        color: "text.secondary",
+        children: [itemType, " ", action, " in project #", projectNumber]
+      })
+    })]
+  });
+}

package/node/GithubEvents/EventTypes/PullRequest/CommitsList.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CommitsList;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _styles = require("@mui/material/styles");
+var _ContentCopy = _interopRequireDefault(require("@mui/icons-material/ContentCopy"));
+var _CallMade = _interopRequireDefault(require("@mui/icons-material/CallMade"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _CopyIcon, _CheckoutIcon;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CommitItem = (0, _styles.styled)(_Box.default)(({
+  theme
+}) => ({
+  display: 'flex',
+  alignItems: 'flex-start',
+  padding: theme.spacing(2),
+  borderBottom: `1px solid ${theme.palette.divider}`,
+  '&:last-child': {
+    borderBottom: 'none'
+  },
+  '&:hover': {
+    backgroundColor: theme.palette.action.hover,
+    '.commit-actions': {
+      visibility: 'visible'
+    }
+  }
+}));
+const CommitActions = (0, _styles.styled)(_Box.default)({
+  visibility: 'hidden',
+  display: 'flex',
+  gap: '8px'
+});
+function CommitsList({
+  commits,
+  onCheckout
+}) {
+  const handleCopyHash = hash => {
+    navigator.clipboard.writeText(hash);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    children: commits.map(commit => /*#__PURE__*/(0, _jsxRuntime.jsx)(CommitItem, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        sx: {
+          display: 'flex',
+          width: '100%'
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+          src: commit.author.avatar,
+          alt: commit.author.name,
+          sx: {
+            width: 32,
+            height: 32,
+            mr: 2
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          sx: {
+            flex: 1
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            variant: "body1",
+            sx: {
+              mb: 0.5,
+              wordBreak: 'break-word'
+            },
+            children: commit.message
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+            sx: {
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'space-between'
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+              variant: "body2",
+              color: "text.secondary",
+              children: [commit.author.name, " committed ", commit.date]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(CommitActions, {
+              className: "commit-actions",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+                size: "small",
+                onClick: () => handleCopyHash(commit.hash),
+                title: "Copy commit SHA",
+                children: _CopyIcon || (_CopyIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentCopy.default, {
+                  fontSize: "small"
+                }))
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+                size: "small",
+                onClick: () => onCheckout == null ? void 0 : onCheckout(commit.hash),
+                title: "Checkout commit",
+                children: _CheckoutIcon || (_CheckoutIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallMade.default, {
+                  fontSize: "small"
+                }))
+              })]
+            })]
+          })]
+        })]
+      })
+    }, commit.id))
+  });
+}

package/node/GithubEvents/EventTypes/PullRequest/FileChanges.js

@@ -0,0 +1,188 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FileChanges;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _SimpleTreeView = require("@mui/x-tree-view/SimpleTreeView");
+var _TreeItem = require("@mui/x-tree-view/TreeItem");
+var _styles = require("@mui/material/styles");
+var _InsertDriveFile = _interopRequireDefault(require("@mui/icons-material/InsertDriveFile"));
+var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _Chip4 = _interopRequireDefault(require("@mui/material/Chip"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _Chip, _Chip2, _Chip3, _FileIcon; // import FolderIcon from '@mui/icons-material/Folder';
+// const StyledTreeItem = styled(TreeItem)((props) => ({
+//   '& .MuiTreeItem-content': {
+//     padding: props.theme.spacing(1),
+//     borderRadius: props.theme.shape.borderRadius,
+//     '&:hover': {
+//       backgroundColor: props.theme.palette.action.hover,
+//     },
+//     '& .MuiTreeItem-label': {
+//       display: 'flex',
+//       alignItems: 'center',
+//       gap: props.theme.spacing(1),
+//     },
+//   },
+// }));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DiffView = (0, _styles.styled)(_Box.default)(({
+  theme
+}) => ({
+  backgroundColor: theme.palette.background.paper,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: theme.shape.borderRadius,
+  fontFamily: 'ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace',
+  fontSize: '12px',
+  lineHeight: 1.5,
+  overflow: 'auto'
+}));
+const DiffLine = (0, _styles.styled)(_Box.default, {
+  shouldForwardProp: prop => prop !== 'type'
+})(({
+  theme,
+  type
+}) => (0, _extends2.default)({
+  padding: '0 16px',
+  whiteSpace: 'pre'
+}, type === 'addition' && {
+  backgroundColor: 'rgba(46, 160, 67, 0.15)',
+  borderLeft: '4px solid #2ea043'
+}, type === 'deletion' && {
+  backgroundColor: 'rgba(248, 81, 73, 0.15)',
+  borderLeft: '4px solid #f85149'
+}, type === 'context' && {
+  backgroundColor: 'transparent',
+  borderLeft: '4px solid transparent'
+}));
+// interface TreeNode {
+//   id: string;
+//   name: string;
+//   type: FileChange['type'];
+//   additions: number;
+//   deletions: number;
+//   diff: FileChange['diff'];
+//   children?: TreeNode[];
+// }
+
+function FileChanges({
+  files
+}) {
+  const [expanded, setExpanded] = React.useState([]);
+  const [selected, setSelected] = React.useState([]);
+  const handleToggle = (_event, nodeIds) => {
+    setExpanded(nodeIds);
+  };
+  const handleSelect = (_event, nodeIds) => {
+    setSelected(nodeIds);
+  };
+  const getFileIcon = type => {
+    switch (type) {
+      case 'added':
+        return _Chip || (_Chip = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip4.default, {
+          label: "A",
+          size: "small",
+          color: "success"
+        }));
+      case 'modified':
+        return _Chip2 || (_Chip2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip4.default, {
+          label: "M",
+          size: "small",
+          color: "warning"
+        }));
+      case 'deleted':
+        return _Chip3 || (_Chip3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip4.default, {
+          label: "D",
+          size: "small",
+          color: "error"
+        }));
+      default:
+        return _FileIcon || (_FileIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_InsertDriveFile.default, {}));
+    }
+  };
+
+  // Transform files into tree nodes
+  // const items: TreeNode[] = files.map((file, index) => ({
+  //   id: `file-${index}-${file.path.replace(/[^a-zA-Z0-9]/g, '-')}`,
+  //   name: file.path,
+  //   type: file.type,
+  //   additions: file.additions,
+  //   deletions: file.deletions,
+  //   diff: file.diff
+  // }));
+
+  // const renderLabel = (node: TreeNode) => (
+  //   <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+  //     {getFileIcon(node.type)}
+  //     <Typography variant="body2">{node.name}</Typography>
+  //     <Typography variant="caption" color="text.secondary">
+  //       +{node.additions} -{node.deletions}
+  //     </Typography>
+  //   </Box>
+  // );
+
+  // const renderContent = (node: TreeNode) => (
+  //   <Box sx={{ p: '16px' }}>
+  //     <DiffView>
+  //       {node.diff.map((line, index) => (
+  //         <DiffLine key={`${node.id}-line-${index}`} type={line.type}>
+  //           {line.content}
+  //         </DiffLine>
+  //       ))}
+  //     </DiffView>
+  //   </Box>
+  // );
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SimpleTreeView.SimpleTreeView, {
+      slots: {
+        collapseIcon: _ExpandMore.default,
+        expandIcon: _ChevronRight.default
+      },
+      expandedItems: expanded,
+      selectedItems: selected,
+      onExpandedItemsChange: handleToggle,
+      onSelectedItemsChange: handleSelect,
+      multiSelect: true,
+      children: files.map((file, index) => {
+        const itemId = `file-${index}-${file.path.replace(/[^a-zA-Z0-9]/g, '-')}`;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeItem.TreeItem, {
+          itemId: itemId,
+          label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+            sx: {
+              display: 'flex',
+              alignItems: 'center',
+              gap: 1
+            },
+            children: [getFileIcon(file.type), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              variant: "body2",
+              children: file.path
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+              variant: "caption",
+              color: "text.secondary",
+              children: ["+", file.additions, " -", file.deletions]
+            })]
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            sx: {
+              p: '16px'
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DiffView, {
+              children: file.diff.map((line, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DiffLine, {
+                type: line.type,
+                children: line.content
+              }, `${itemId}-line-${index}`))
+            })
+          })
+        }, itemId);
+      })
+    })
+  });
+}