@stoked-ui/github 0.0.0-a.0 → 0.1.0-alpha.11.2

package/node/GithubBranch/GithubBranch.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GithubBranch;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _CircularProgress2 = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _PullRequestView = _interopRequireDefault(require("../GithubEvents/EventTypes/PullRequest/PullRequestView"));
+var _getBranchCompareDetails = _interopRequireDefault(require("../apiHandlers/getBranchCompareDetails"));
+var _GithubContributorsList = _interopRequireDefault(require("../components/GithubContributorsList"));
+var _fetchGithubViewData = _interopRequireDefault(require("../components/fetchGithubViewData"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _CircularProgress;
+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 getStatusColor(status) {
+  switch (status) {
+    case 'ahead':
+    case 'identical':
+      return 'success';
+    case 'behind':
+      return 'warning';
+    case 'diverged':
+      return 'info';
+    default:
+      return 'default';
+  }
+}
+async function loadBranchData({
+  apiUrl,
+  owner,
+  repo,
+  base,
+  head
+}) {
+  if (apiUrl) {
+    return (0, _fetchGithubViewData.default)(apiUrl, {
+      owner,
+      repo,
+      base,
+      head
+    });
+  }
+  return (0, _getBranchCompareDetails.default)({
+    owner,
+    repo,
+    base,
+    head
+  });
+}
+function GithubBranch({
+  owner,
+  repo,
+  base,
+  head,
+  apiUrl,
+  private: privateMode = false,
+  data
+}) {
+  const [branchData, setBranchData] = React.useState(data || null);
+  const [loading, setLoading] = React.useState(!data && !privateMode);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    if (privateMode) {
+      setBranchData(data || null);
+      setLoading(false);
+      setError(data ? null : 'Private mode requires pre-generated snapshot data.');
+      return undefined;
+    }
+    if (data) {
+      setBranchData(data);
+      setLoading(false);
+      setError(null);
+      return undefined;
+    }
+    let active = true;
+    setLoading(true);
+    setError(null);
+    setBranchData(null);
+    loadBranchData({
+      apiUrl,
+      owner,
+      repo,
+      base,
+      head
+    }).then(nextData => {
+      if (!active) {
+        return;
+      }
+      setBranchData(nextData);
+    }).catch(nextError => {
+      if (!active) {
+        return;
+      }
+      setError(nextError instanceof Error ? nextError.message : 'Failed to load branch data.');
+    }).finally(() => {
+      if (active) {
+        setLoading(false);
+      }
+    });
+    return () => {
+      active = false;
+    };
+  }, [apiUrl, base, data, head, owner, privateMode, repo]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    sx: {
+      p: 2
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      sx: {
+        mb: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        sx: {
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: 1,
+          mb: 1.5
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          label: `${owner}/${repo}`,
+          size: "small",
+          color: "primary",
+          variant: "outlined"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          label: head,
+          size: "small"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          label: `base: ${base}`,
+          size: "small",
+          variant: "outlined"
+        }), branchData ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          label: branchData.status,
+          size: "small",
+          color: getStatusColor(branchData.status)
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        variant: "h6",
+        component: "h2",
+        sx: {
+          mb: 1
+        },
+        children: branchData != null && branchData.url ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+          href: branchData.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          underline: "hover",
+          children: branchData.headRef
+        }) : head
+      }), branchData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        variant: "body2",
+        color: "text.secondary",
+        children: ["Comparing against ", branchData.baseRef, ". ", branchData.aheadBy, " ahead, ", branchData.behindBy, ' ', "behind, ", branchData.totalCommits, " commit", branchData.totalCommits === 1 ? '' : 's', " in the comparison."]
+      }) : null]
+    }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'center',
+        py: 4
+      },
+      children: _CircularProgress || (_CircularProgress = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress2.default, {}))
+    }) : null, error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      color: "error",
+      sx: {
+        mb: 2
+      },
+      children: error
+    }) : null, branchData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GithubContributorsList.default, {
+        contributors: branchData.contributors,
+        title: "Contributors"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PullRequestView.default, {
+        title: "",
+        number: 0,
+        commits: branchData.commits,
+        files: branchData.files
+      })]
+    }) : null]
+  });
+}

package/node/GithubBranch/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _GithubBranch = _interopRequireDefault(require("./GithubBranch"));
+var _default = exports.default = _GithubBranch.default;

package/node/GithubCalendar/GithubCalendar.js

@@ -13,11 +13,45 @@ var _styles = require("@mui/material/styles");
 var _common = require("@stoked-ui/common");
 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); }
-const defaultActivityData = {
-  total: {},
-  contributions: [],
-  countLabel: 'Loading...'
-};
+function formatActivityDate(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+}
+function createFallbackActivityData() {
+  const year = new Date().getFullYear();
+  const start = new Date(year, 0, 1);
+  const end = new Date(year, 11, 31);
+  const contributions = [];
+  for (const date = new Date(start); date <= end; date.setDate(date.getDate() + 1)) {
+    contributions.push({
+      date: formatActivityDate(date),
+      count: 0,
+      level: 0
+    });
+  }
+  return {
+    total: {
+      [String(year)]: 0
+    },
+    contributions,
+    countLabel: 'Contribution data unavailable',
+    totalWeeks: Math.ceil(contributions.length / 7)
+  };
+}
+function buildCountLabel(total) {
+  const totalKeys = Object.keys(total).sort();
+  const all = Object.values(total).reduce((acc, curr) => acc + curr, 0);
+  if (totalKeys.length === 0) {
+    return `${all} contributions`;
+  }
+  return `${all} contributions from ${totalKeys[0]} to ${totalKeys[totalKeys.length - 1]}`;
+}
+function buildApiUrl(apiUrl, githubUser) {
+  const separator = apiUrl.includes('?') ? '&' : '?';
+  return `${apiUrl}${separator}username=${encodeURIComponent(githubUser)}`;
+}
 function sleep(duration) {
   return new Promise(resolve => {
     setTimeout(() => {
@@ -26,6 +60,8 @@ function sleep(duration) {
   });
 }
 function GithubCalendar({
+  apiUrl,
+  githubUser,
   windowMode = false,
   containerMode = false,
   blockSize: inputBlockSize = 12,
@@ -33,7 +69,7 @@ function GithubCalendar({
   startImage = undefined
 }) {
   const [activityTheme, setActivityTheme] = React.useState('light');
-  const [activityData, setActivityData] = React.useState(defaultActivityData);
+  const [activityData, setActivityData] = React.useState(() => createFallbackActivityData());
   const [activityLoading, setActivityLoading] = React.useState(true);
   const [activityHover, setActivityHover] = React.useState(false);
   const [activityLabels, setActivityLabels] = React.useState(false);
@@ -87,7 +123,10 @@ function GithubCalendar({
   const fetchActivityData = async () => {
     setActivityLoading(true);
     try {
-      const response = await fetch('https://github-contributions-api.jogruber.de/v4/brian-stoker?yr=last');
+      if (!githubUser) {
+        throw new Error('githubUser is required');
+      }
+      const response = await fetch(apiUrl ? buildApiUrl(apiUrl, githubUser) : `https://github-contributions-api.jogruber.de/v4/${encodeURIComponent(githubUser)}?yr=last`);
       if (!response.ok) {
         throw new Error(`API error: ${response.status}`);
       }
@@ -101,40 +140,43 @@ function GithubCalendar({
         }
         return 0;
       }
-      const earliestDate = data.contributions.filter(item => item.count > 0) // Filter items with count > 0
-      .reduce((earliest, current) => {
-        return !earliest || new Date(current.date) < new Date(earliest.date) ? current : earliest;
-      }, null);
-      const today = new Date();
-      const year = today.getFullYear();
-      const month = String(today.getMonth() + 1).padStart(2, '0'); // Month is 0-indexed
-      const day = String(today.getDate()).padStart(2, '0');
-      const formattedDate = `${year}-${month}-${day}`;
-      const contribs = data.contributions.filter(contrib => contrib.date < formattedDate && (!earliestDate || contrib.date >= earliestDate.date));
-      data.contributions = contribs.sort(compare);
+      const contributions = Array.isArray(data.contributions) ? data.contributions : [];
+      const contribs = [...contributions].sort(compare);
+      if (contribs.length === 0) {
+        throw new Error('Contribution API returned no usable activity data');
+      }
       const allJansSet = contribs.map(contrib => {
         return contrib.date.slice(2, 7);
       }).filter(yymm => yymm.slice(-2) === '01');
       const allJans = new Set(allJansSet);
       console.log('allJans', [...allJans]);
-      const all = Object.values(data.total).reduce((acc, curr) => acc + curr, 0);
-      const totalKeys = Object.keys(data.total);
-      data.countLabel = `${all} contributions from ${totalKeys[0]} to ${totalKeys[totalKeys.length - 1]}`;
-      data.totalWeeks = data.contributions.length / 7;
+      const total = data.total && Object.keys(data.total).length > 0 ? data.total : contribs.reduce((acc, contribution) => {
+        const year = contribution.date.slice(0, 4);
+        acc[year] = (acc[year] || 0) + contribution.count;
+        return acc;
+      }, {});
+      const countLabel = data.countLabel || buildCountLabel(total);
+      const totalWeeks = Math.ceil(contribs.length / 7);
+      const nextActivityData = {
+        total,
+        contributions: contribs,
+        countLabel,
+        totalWeeks
+      };
       if (inputBlockSize) {
-        data.blockSize = inputBlockSize;
+        nextActivityData.blockSize = inputBlockSize;
       } else if (windowMode) {
-        data.blockSize = Math.max(10, Math.floor(windowWidth / data.totalWeeks));
+        nextActivityData.blockSize = Math.max(10, Math.floor(windowWidth / totalWeeks));
       } else {
         if (elemSize.width) {
-          data.blockSize = Math.max(10, Math.floor(elemSize.width / data.totalWeeks));
+          nextActivityData.blockSize = Math.max(10, Math.floor(elemSize.width / totalWeeks));
         }
       }
-      setActivityData(data);
+      setActivityData(nextActivityData);
     } catch (err) {
       console.error(`Error fetching activity data: ${err instanceof Error ? err.message : String(err)}`);
       // Use fallback data if API fails
-      setActivityData(defaultActivityData);
+      setActivityData(createFallbackActivityData());
     } finally {
       setActivityLoading(false);
     }
@@ -188,7 +230,7 @@ function GithubCalendar({
         }
       }
     };
-  }, []);
+  }, [apiUrl, fx, githubUser]);
   const handleResize = () => {
     var _elementRef$current2;
     // Clear all animations first

package/node/GithubCommit/GithubCommit.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GithubCommit;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _CircularProgress2 = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _PullRequestView = _interopRequireDefault(require("../GithubEvents/EventTypes/PullRequest/PullRequestView"));
+var _getCommitDetails = _interopRequireDefault(require("../apiHandlers/getCommitDetails"));
+var _GithubContributorsList = _interopRequireDefault(require("../components/GithubContributorsList"));
+var _fetchGithubViewData = _interopRequireDefault(require("../components/fetchGithubViewData"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _CircularProgress;
+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 formatCommitDate(value) {
+  if (!value) {
+    return '';
+  }
+  return new Date(value).toLocaleString();
+}
+async function loadCommitData({
+  apiUrl,
+  owner,
+  repo,
+  commitRef
+}) {
+  if (apiUrl) {
+    return (0, _fetchGithubViewData.default)(apiUrl, {
+      owner,
+      repo,
+      ref: commitRef
+    });
+  }
+  return (0, _getCommitDetails.default)({
+    owner,
+    repo,
+    ref: commitRef
+  });
+}
+function GithubCommit({
+  owner,
+  repo,
+  commitRef,
+  apiUrl,
+  private: privateMode = false,
+  data
+}) {
+  const [commitData, setCommitData] = React.useState(data || null);
+  const [loading, setLoading] = React.useState(!data && !privateMode);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    if (privateMode) {
+      setCommitData(data || null);
+      setLoading(false);
+      setError(data ? null : 'Private mode requires pre-generated snapshot data.');
+      return undefined;
+    }
+    if (data) {
+      setCommitData(data);
+      setLoading(false);
+      setError(null);
+      return undefined;
+    }
+    let active = true;
+    setLoading(true);
+    setError(null);
+    setCommitData(null);
+    loadCommitData({
+      apiUrl,
+      owner,
+      repo,
+      commitRef
+    }).then(nextData => {
+      if (!active) {
+        return;
+      }
+      setCommitData(nextData);
+    }).catch(nextError => {
+      if (!active) {
+        return;
+      }
+      setError(nextError instanceof Error ? nextError.message : 'Failed to load commit data.');
+    }).finally(() => {
+      if (active) {
+        setLoading(false);
+      }
+    });
+    return () => {
+      active = false;
+    };
+  }, [apiUrl, commitRef, data, owner, privateMode, repo]);
+  const commitBody = commitData && commitData.message !== commitData.summary ? commitData.message.replace(commitData.summary, '').trim() : '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    sx: {
+      p: 2
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      sx: {
+        mb: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        sx: {
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: 1,
+          mb: 1.5
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          label: `${owner}/${repo}`,
+          size: "small",
+          color: "primary",
+          variant: "outlined"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          label: (commitData == null ? void 0 : commitData.shortRef) || commitRef,
+          size: "small"
+        }), commitData ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          label: `${commitData.stats.changedFiles} file${commitData.stats.changedFiles === 1 ? '' : 's'} changed`,
+          size: "small",
+          variant: "outlined"
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        variant: "h6",
+        component: "h2",
+        sx: {
+          mb: 1
+        },
+        children: commitData != null && commitData.url ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+          href: commitData.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          underline: "hover",
+          children: commitData.summary
+        }) : commitRef
+      }), commitBody ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        variant: "body2",
+        color: "text.secondary",
+        sx: {
+          whiteSpace: 'pre-line',
+          mb: 1
+        },
+        children: commitBody
+      }) : null, commitData != null && commitData.committedAt ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        variant: "body2",
+        color: "text.secondary",
+        children: ["Committed ", formatCommitDate(commitData.committedAt)]
+      }) : null]
+    }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'center',
+        py: 4
+      },
+      children: _CircularProgress || (_CircularProgress = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress2.default, {}))
+    }) : null, error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      color: "error",
+      sx: {
+        mb: 2
+      },
+      children: error
+    }) : null, commitData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GithubContributorsList.default, {
+        contributors: [commitData.contributor],
+        title: "Contributor"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PullRequestView.default, {
+        title: "",
+        number: 0,
+        commits: commitData.commits,
+        files: commitData.files
+      })]
+    }) : null]
+  });
+}

package/node/GithubCommit/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _GithubCommit = _interopRequireDefault(require("./GithubCommit"));
+var _default = exports.default = _GithubCommit.default;

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

@@ -15,7 +15,7 @@ var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _CallMade = _interopRequireDefault(require("@mui/icons-material/CallMade"));
 var _PullRequestView = _interopRequireDefault(require("./PullRequestView"));
-var _apiHandlers = require("packages/sui-github/src/apiHandlers");
+var _apiHandlers = require("../../../apiHandlers");
 var _jsxRuntime = require("react/jsx-runtime");
 var _CheckoutIcon, _Typography2, _Typography3, _CircularProgress; // import Stack from '@mui/material/Stack';
 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); }