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

package/GithubBranch/GithubBranch.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { GithubBranchData } from '../types/github';
+export interface GithubBranchProps {
+    owner: string;
+    repo: string;
+    base: string;
+    head: string;
+    apiUrl?: string;
+    private?: boolean;
+    data?: GithubBranchData;
+}
+export default function GithubBranch({ owner, repo, base, head, apiUrl, private: privateMode, data, }: GithubBranchProps): React.JSX.Element;

package/GithubBranch/GithubBranch.js

@@ -0,0 +1,177 @@
+var _CircularProgress;
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Chip from '@mui/material/Chip';
+import CircularProgress from '@mui/material/CircularProgress';
+import Link from '@mui/material/Link';
+import Typography from '@mui/material/Typography';
+import PullRequestView from '../GithubEvents/EventTypes/PullRequest/PullRequestView';
+import getBranchCompareDetails from '../apiHandlers/getBranchCompareDetails';
+import GithubContributorsList from '../components/GithubContributorsList';
+import fetchGithubViewData from '../components/fetchGithubViewData';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 fetchGithubViewData(apiUrl, {
+      owner,
+      repo,
+      base,
+      head
+    });
+  }
+  return getBranchCompareDetails({
+    owner,
+    repo,
+    base,
+    head
+  });
+}
+export default 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__*/_jsxs(Box, {
+    sx: {
+      p: 2
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: {
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsxs(Box, {
+        sx: {
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: 1,
+          mb: 1.5
+        },
+        children: [/*#__PURE__*/_jsx(Chip, {
+          label: `${owner}/${repo}`,
+          size: "small",
+          color: "primary",
+          variant: "outlined"
+        }), /*#__PURE__*/_jsx(Chip, {
+          label: head,
+          size: "small"
+        }), /*#__PURE__*/_jsx(Chip, {
+          label: `base: ${base}`,
+          size: "small",
+          variant: "outlined"
+        }), branchData ? /*#__PURE__*/_jsx(Chip, {
+          label: branchData.status,
+          size: "small",
+          color: getStatusColor(branchData.status)
+        }) : null]
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "h6",
+        component: "h2",
+        sx: {
+          mb: 1
+        },
+        children: branchData != null && branchData.url ? /*#__PURE__*/_jsx(Link, {
+          href: branchData.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          underline: "hover",
+          children: branchData.headRef
+        }) : head
+      }), branchData ? /*#__PURE__*/_jsxs(Typography, {
+        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__*/_jsx(Box, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'center',
+        py: 4
+      },
+      children: _CircularProgress || (_CircularProgress = /*#__PURE__*/_jsx(CircularProgress, {}))
+    }) : null, error ? /*#__PURE__*/_jsx(Typography, {
+      color: "error",
+      sx: {
+        mb: 2
+      },
+      children: error
+    }) : null, branchData ? /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsx(GithubContributorsList, {
+        contributors: branchData.contributors,
+        title: "Contributors"
+      }), /*#__PURE__*/_jsx(PullRequestView, {
+        title: "",
+        number: 0,
+        commits: branchData.commits,
+        files: branchData.files
+      })]
+    }) : null]
+  });
+}

package/GithubBranch/index.d.ts

@@ -0,0 +1,2 @@
+import GithubBranch from './GithubBranch';
+export default GithubBranch;

package/GithubBranch/index.js

@@ -0,0 +1,2 @@
+import GithubBranch from './GithubBranch';
+export default GithubBranch;

package/GithubBranch/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/GithubBranch/index.js",
+  "types": "./index.d.ts"
+}

package/GithubCalendar/GithubCalendar.d.ts

@@ -1,7 +1,11 @@
-export default function GithubCalendar({ windowMode, containerMode, blockSize: inputBlockSize, fx, startImage }: {
+interface GithubCalendarProps {
+    apiUrl?: string;
+    githubUser: string;
     windowMode?: boolean;
     containerMode?: boolean;
     blockSize?: number;
     fx?: 'punch' | 'highlight';
     startImage?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}
+export default function GithubCalendar({ apiUrl, githubUser, windowMode, containerMode, blockSize: inputBlockSize, fx, startImage }: GithubCalendarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/GithubCalendar/GithubCalendar.js

@@ -6,11 +6,45 @@ import { useTheme } from '@mui/material/styles';
 import { useResize } from '@stoked-ui/common';
 import { useResizeWindow } from '@stoked-ui/common';
 import { jsx as _jsx } from "react/jsx-runtime";
-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(() => {
@@ -19,6 +53,8 @@ function sleep(duration) {
   });
 }
 export default function GithubCalendar({
+  apiUrl,
+  githubUser,
   windowMode = false,
   containerMode = false,
   blockSize: inputBlockSize = 12,
@@ -26,7 +62,7 @@ export default 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);
@@ -80,7 +116,10 @@ export default 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}`);
       }
@@ -94,40 +133,43 @@ export default 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);
     }
@@ -181,7 +223,7 @@ export default function GithubCalendar({
         }
       }
     };
-  }, []);
+  }, [apiUrl, fx, githubUser]);
   const handleResize = () => {
     var _elementRef$current2;
     // Clear all animations first

package/GithubCommit/GithubCommit.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { GithubCommitData } from '../types/github';
+export interface GithubCommitProps {
+    owner: string;
+    repo: string;
+    commitRef: string;
+    apiUrl?: string;
+    private?: boolean;
+    data?: GithubCommitData;
+}
+export default function GithubCommit({ owner, repo, commitRef, apiUrl, private: privateMode, data, }: GithubCommitProps): React.JSX.Element;

package/GithubCommit/GithubCommit.js

@@ -0,0 +1,170 @@
+var _CircularProgress;
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Chip from '@mui/material/Chip';
+import CircularProgress from '@mui/material/CircularProgress';
+import Link from '@mui/material/Link';
+import Typography from '@mui/material/Typography';
+import PullRequestView from '../GithubEvents/EventTypes/PullRequest/PullRequestView';
+import getCommitDetails from '../apiHandlers/getCommitDetails';
+import GithubContributorsList from '../components/GithubContributorsList';
+import fetchGithubViewData from '../components/fetchGithubViewData';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function formatCommitDate(value) {
+  if (!value) {
+    return '';
+  }
+  return new Date(value).toLocaleString();
+}
+async function loadCommitData({
+  apiUrl,
+  owner,
+  repo,
+  commitRef
+}) {
+  if (apiUrl) {
+    return fetchGithubViewData(apiUrl, {
+      owner,
+      repo,
+      ref: commitRef
+    });
+  }
+  return getCommitDetails({
+    owner,
+    repo,
+    ref: commitRef
+  });
+}
+export default 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__*/_jsxs(Box, {
+    sx: {
+      p: 2
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: {
+        mb: 2
+      },
+      children: [/*#__PURE__*/_jsxs(Box, {
+        sx: {
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: 1,
+          mb: 1.5
+        },
+        children: [/*#__PURE__*/_jsx(Chip, {
+          label: `${owner}/${repo}`,
+          size: "small",
+          color: "primary",
+          variant: "outlined"
+        }), /*#__PURE__*/_jsx(Chip, {
+          label: (commitData == null ? void 0 : commitData.shortRef) || commitRef,
+          size: "small"
+        }), commitData ? /*#__PURE__*/_jsx(Chip, {
+          label: `${commitData.stats.changedFiles} file${commitData.stats.changedFiles === 1 ? '' : 's'} changed`,
+          size: "small",
+          variant: "outlined"
+        }) : null]
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "h6",
+        component: "h2",
+        sx: {
+          mb: 1
+        },
+        children: commitData != null && commitData.url ? /*#__PURE__*/_jsx(Link, {
+          href: commitData.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          underline: "hover",
+          children: commitData.summary
+        }) : commitRef
+      }), commitBody ? /*#__PURE__*/_jsx(Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        sx: {
+          whiteSpace: 'pre-line',
+          mb: 1
+        },
+        children: commitBody
+      }) : null, commitData != null && commitData.committedAt ? /*#__PURE__*/_jsxs(Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        children: ["Committed ", formatCommitDate(commitData.committedAt)]
+      }) : null]
+    }), loading ? /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'center',
+        py: 4
+      },
+      children: _CircularProgress || (_CircularProgress = /*#__PURE__*/_jsx(CircularProgress, {}))
+    }) : null, error ? /*#__PURE__*/_jsx(Typography, {
+      color: "error",
+      sx: {
+        mb: 2
+      },
+      children: error
+    }) : null, commitData ? /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsx(GithubContributorsList, {
+        contributors: [commitData.contributor],
+        title: "Contributor"
+      }), /*#__PURE__*/_jsx(PullRequestView, {
+        title: "",
+        number: 0,
+        commits: commitData.commits,
+        files: commitData.files
+      })]
+    }) : null]
+  });
+}

package/GithubCommit/index.d.ts

@@ -0,0 +1,2 @@
+import GithubCommit from './GithubCommit';
+export default GithubCommit;

package/GithubCommit/index.js

@@ -0,0 +1,2 @@
+import GithubCommit from './GithubCommit';
+export default GithubCommit;

package/GithubCommit/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/GithubCommit/index.js",
+  "types": "./index.d.ts"
+}

package/GithubEvents/GithubEvents.d.ts

@@ -1,29 +1,9 @@
 import * as React from 'react';
 import { RequestError } from '@octokit/request-error';
-import { GitHubEvent } from '../types/github';
-export type EventsQuery = {
-    page?: number;
-    per_page?: number;
-    repo?: string;
-    action?: string;
-    date?: string;
-    description?: string;
-};
-export declare function githubEventsQuery({ query, githubUser, githubToken }: {
-    query: EventsQuery;
-    githubUser: string;
-    githubToken?: string;
-}): Promise<{
-    events: GitHubEvent[];
-    total: number;
-    repositories: string[];
-    actionTypes: string[];
-    page: number;
-    per_page: number;
-    total_pages: number;
-    total_fetched_events: number;
-    max_pages_fetched: number;
-}>;
+import { githubEventsQuery } from '../apiHandlers/getGithubEvents';
+import type { EventsQuery } from '../apiHandlers/getGithubEvents';
+export { githubEventsQuery };
+export type { EventsQuery };
 export interface GetEventsParams {
     githubUser: string;
     githubToken?: string;