@chtc/web-components 0.0.0-3 → 0.0.0-31

package/dist/TopStyledBlock/TopStyledBlock.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface TopStyledBlockProps {
+    children: ReactNode;
+    width?: string;
+    offset?: string;
+    height?: string;
+}
+declare const TopStyledBlock: React.FC<TopStyledBlockProps>;
+export default TopStyledBlock;
+//# sourceMappingURL=TopStyledBlock.d.ts.map

package/dist/TopStyledBlock/TopStyledBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopStyledBlock.d.ts","sourceRoot":"","sources":["../../src/TopStyledBlock/TopStyledBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgBjD,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/TopStyledBlock/TopStyledBlock.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+const TopStyledBlock = ({ children, width, offset, height }) => {
+    width = width ? width : "5rem";
+    height = height ? height : "1rem";
+    offset = offset ? offset : "-2rem";
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", children: [_jsx(Box, { height: 0, children: _jsx(Box, { bgcolor: "primary.main", width: width, height: height, mt: offset, borderRadius: 2 }) }), _jsx(Box, { children: children })] }));
+};
+export default TopStyledBlock;
+//# sourceMappingURL=TopStyledBlock.js.map

package/dist/TopStyledBlock/TopStyledBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopStyledBlock.js","sourceRoot":"","sources":["../../src/TopStyledBlock/TopStyledBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAC;AASlC,MAAM,cAAc,GAAkC,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAC,EAAE,EAAE;IAE3F,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAC9B,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IACjC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAElC,OAAO,CACL,MAAC,GAAG,IAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,aAC5C,KAAC,GAAG,IAAC,MAAM,EAAE,CAAC,YACb,KAAC,GAAG,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAQ,GAC1F,EACN,KAAC,GAAG,cACF,QAAQ,GACJ,IACD,CACP,CAAA;AACF,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/TopStyledBlock/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TopStyledBlock';
+//# sourceMappingURL=index.d.ts.map

package/dist/TopStyledBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopStyledBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/TopStyledBlock/index.js

@@ -0,0 +1,2 @@
+export { default } from './TopStyledBlock';
+//# sourceMappingURL=index.js.map

package/dist/TopStyledBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TopStyledBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { default as ArticleCard } from "./ArticleCard";
+export { default as HorizontalArticleCard } from "./HorizontalArticleCard";
+export { default as TopStyledBlock } from "./TopStyledBlock";
+export { default as Article } from "./Article";
+export { default as PieChart } from "./PieChart";
+export { default as Table } from "./Table";
+export { default as ColorBar } from "./ColorBar";
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,9 @@
+export { default as ArticleCard } from "./ArticleCard";
+export { default as HorizontalArticleCard } from "./HorizontalArticleCard";
+export { default as TopStyledBlock } from "./TopStyledBlock";
+export { default as Article } from "./Article";
+export { default as PieChart } from "./PieChart";
+export { default as Table } from "./Table";
+export { default as ColorBar } from "./ColorBar";
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,SAAS,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,114 @@
+import { SxProps } from "@mui/material";
+import { ReactElement } from "react";
+/**
+ * Article Types
+ */
+export interface ArticleCardProps {
+    href: string;
+    article: BackendArticle;
+}
+export type website = "htcondor" | "path" | "osg" | "chtc" | "pelican";
+export type tag = "chtc_featured_article";
+export type article_type = "news" | "user";
+export interface Image {
+    path: string;
+    alt: string;
+}
+export interface Article {
+    content: string;
+    title: string;
+    author: string;
+    date: Date;
+    publish_on: website[];
+    type: article_type;
+    tag: tag;
+    image: Image;
+    excerpt: string;
+    banner_src: string;
+    banner_alt: string;
+}
+export interface BackendArticle extends Article {
+    slug: string[];
+    path: string;
+}
+/**
+ * Pie Chart Types
+ */
+export interface PieChartData {
+    showLegend?: boolean;
+    bgColor?: string;
+    textColor?: string;
+    sortData?: boolean;
+    axisLabel: string;
+    data: {
+        label: string;
+        value: number;
+    }[];
+}
+/**
+ * Table Types
+ */
+export interface TableProps {
+    /**
+     * The headers of the table.
+     */
+    headers: string[];
+    /**
+     * The data of the table.
+     *
+     * Each element in the array is a row, and each row contains cells of strings
+     * or numbers.
+     */
+    data: (string | number)[][];
+    /**
+     * The footer data that appears at the bottom of the table.
+     *
+     * This data is not sorted or paginated, and can include normal React elements.
+     */
+    footerData?: (string | number | ReactElement)[];
+    /**
+     * A function that takes in a cell, the column header, the column index, and
+     * the row index and returns the inner component of the cell to render.
+     *
+     * If the footer is not a React element, it will also be passed to this
+     * function.
+     */
+    cellRenderer?: (cell: string | number, columnHeader: string, column: number, row: number) => React.ReactNode;
+    containerSx?: SxProps;
+    tableSx?: SxProps;
+    headSx?: SxProps;
+    headRowSx?: SxProps;
+    headCellSx?: SxProps;
+    footerSx?: SxProps;
+    footerRowSx?: SxProps;
+    footerCellSx?: SxProps;
+    bodySx?: SxProps;
+    bodyRowSx?: SxProps;
+    bodyCellSx?: SxProps;
+    /**
+     * Whether or not the table is sortable. False by default.
+     */
+    sortable?: boolean;
+    /**
+     * Sort direction of the table. Ascending by default.
+     */
+    defaultSortDirection?: "asc" | "desc";
+    /**
+     * The default column to sort by. The first column by default.
+     */
+    defaultSortColumn?: string;
+    /**
+     * Whether or not the table is paginated. False by default.
+     */
+    pagination?: boolean;
+    /**
+     * The number of rows per page. 10 by default.
+     */
+    pageSize?: number;
+    /**
+     * The options for the number of rows per page. No options (empty array) by
+     * default.
+     */
+    rowsPerPageOptions?: number[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/utils/filterArticles.d.ts

@@ -0,0 +1,4 @@
+import { article_type, BackendArticle, website } from "../types";
+export declare function filterArticles(articles: BackendArticle[], publish_on: website, type: article_type): BackendArticle[];
+export default filterArticles;
+//# sourceMappingURL=filterArticles.d.ts.map

package/dist/utils/filterArticles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterArticles.d.ts","sourceRoot":"","sources":["../../src/utils/filterArticles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AAE/D,wBAAgB,cAAc,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,GAAG,cAAc,EAAE,CAEpH;AAED,eAAe,cAAc,CAAA"}

package/dist/utils/filterArticles.js

@@ -0,0 +1,5 @@
+export function filterArticles(articles, publish_on, type) {
+    return articles.filter((x) => (x === null || x === void 0 ? void 0 : x.publish_on) && x.publish_on.includes(publish_on) && x.type == type);
+}
+export default filterArticles;
+//# sourceMappingURL=filterArticles.js.map

package/dist/utils/filterArticles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterArticles.js","sourceRoot":"","sources":["../../src/utils/filterArticles.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,cAAc,CAAC,QAA0B,EAAE,UAAmB,EAAE,IAAkB;IACjG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,UAAU,KAAI,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,CAAA;AACpH,CAAC;AAED,eAAe,cAAc,CAAA"}

package/dist/utils/getArticle.d.ts

@@ -0,0 +1,4 @@
+import { BackendArticle } from "../types";
+export declare function getArticle(organization: string, repo: string, path: string, branch: string): Promise<BackendArticle>;
+export default getArticle;
+//# sourceMappingURL=getArticle.d.ts.map

package/dist/utils/getArticle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArticle.d.ts","sourceRoot":"","sources":["../../src/utils/getArticle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAsB,MAAM,UAAU,CAAC;AAI7D,wBAAsB,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,CAmB1H;AAYD,eAAe,UAAU,CAAA"}

package/dist/utils/getArticle.js

@@ -0,0 +1,43 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import matter from "gray-matter";
+import { getRawFile } from "./getArticles";
+export function getArticle(organization, repo, path, branch) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const text = yield getRawFile(organization, repo, path, branch);
+        const frontMatter = matter(text);
+        return {
+            path: path,
+            slug: getSlug(path),
+            date: getDate(path),
+            content: frontMatter.content,
+            title: (_a = frontMatter.data) === null || _a === void 0 ? void 0 : _a.title,
+            author: (_b = frontMatter.data) === null || _b === void 0 ? void 0 : _b.author,
+            publish_on: (_c = frontMatter.data) === null || _c === void 0 ? void 0 : _c.publish_on,
+            type: (_d = frontMatter.data) === null || _d === void 0 ? void 0 : _d.type,
+            tag: (_e = frontMatter.data) === null || _e === void 0 ? void 0 : _e.tag,
+            image: (_f = frontMatter.data) === null || _f === void 0 ? void 0 : _f.image,
+            excerpt: (_g = frontMatter.data) === null || _g === void 0 ? void 0 : _g.excerpt,
+            banner_src: (_h = frontMatter.data) === null || _h === void 0 ? void 0 : _h.banner_src,
+            banner_alt: (_j = frontMatter.data) === null || _j === void 0 ? void 0 : _j.banner_alt
+        };
+    });
+}
+function getSlug(path) {
+    const splitSlug = path.slice(0, -3).split("-");
+    return [splitSlug[0], splitSlug[1], splitSlug[2], splitSlug.slice(3).join("-")];
+}
+function getDate(path) {
+    const splitSlug = path.slice(0, -3).split("-");
+    return new Date(Date.parse(splitSlug.slice(0, 3).join("-")));
+}
+export default getArticle;
+//# sourceMappingURL=getArticle.js.map

package/dist/utils/getArticle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArticle.js","sourceRoot":"","sources":["../../src/utils/getArticle.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,MAAM,UAAgB,UAAU,CAAC,YAAoB,EAAE,IAAY,EAAE,IAAY,EAAE,MAAc;;;QAChG,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;QAC/D,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;QAEhC,OAAO;YACN,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC;YACnB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC;YACnB,OAAO,EAAE,WAAW,CAAC,OAAO;YAC5B,KAAK,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,KAAe;YACxC,MAAM,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,MAAgB;YAC1C,UAAU,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,UAAuB;YACrD,IAAI,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,IAAuB;YAC/C,GAAG,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,GAAU;YACjC,KAAK,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,KAAc;YACvC,OAAO,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,OAAiB;YAC5C,UAAU,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,UAAoB;YAClD,UAAU,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,UAAoB;SAClD,CAAA;IACF,CAAC;CAAA;AAED,SAAS,OAAO,CAAC,IAAY;IAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC9C,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;AAChF,CAAC;AAED,SAAS,OAAO,CAAC,IAAY;IAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC9C,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;AAC7D,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/utils/getArticles.d.ts

@@ -0,0 +1,36 @@
+import { BackendArticle } from "../types";
+export declare function getArticles(organization: string, repo: string, branch: string): Promise<BackendArticle[]>;
+export declare function getTree(organization: string, repo: string, branch: string): Promise<GitTree>;
+export declare function getPaths(tree: GitTree): string[];
+export declare function getRawFile(organization: string, repo: string, path: string, branch: string): Promise<string>;
+export interface GitHubReleaseData {
+    tag_name: string;
+    target_commitish: string;
+    body: string;
+}
+export interface ReleasePageProps {
+    releaseData: GitHubReleaseData;
+}
+export interface GithubMilestoneData {
+    title: string;
+    state: "open" | "closed";
+    created_at: string;
+    updated_at: string;
+    closed_at: string;
+    due_on: string;
+}
+interface GitTreeItem {
+    path: string;
+    mode: string;
+    type: string;
+    sha: string;
+    size: number;
+    url: string;
+}
+interface GitTree {
+    sha: string;
+    url: string;
+    tree: GitTreeItem[];
+}
+export default getArticles;
+//# sourceMappingURL=getArticles.d.ts.map

package/dist/utils/getArticles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArticles.d.ts","sourceRoot":"","sources":["../../src/utils/getArticles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAQxC,wBAAsB,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CAU/G;AAED,wBAAsB,OAAO,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAKlG;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAI,MAAM,EAAE,CAEjD;AAED,wBAAsB,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAOlH;AAED,MAAM,WAAW,iBAAiB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAgB;IAChC,WAAW,EAAE,iBAAiB,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CACf;AAED,UAAU,WAAW;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,OAAO;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,EAAE,CAAC;CACpB;AAED,eAAe,WAAW,CAAA"}

package/dist/utils/getArticles.js

@@ -0,0 +1,44 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import getArticle from "./getArticle";
+function isArticle(path) {
+    const regex = /\d\d\d\d-\d\d?-\d\d?-.*?\.md/g;
+    return path.search(regex) != -1;
+}
+export function getArticles(organization, repo, branch) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const tree = yield getTree(organization, repo, branch);
+        const paths = getPaths(tree);
+        // Filter out the non-article paths and pull down and parse the remote files
+        return Promise.all(paths
+            .filter((path) => isArticle(path))
+            .map((path) => __awaiter(this, void 0, void 0, function* () { return yield getArticle(organization, repo, path, branch); })));
+    });
+}
+export function getTree(organization, repo, branch) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const url = `https://api.github.com/repos/${organization}/${repo}/git/trees/${branch}?recursive=1`;
+        const res = yield fetch(url);
+        const json = yield res.json();
+        return json;
+    });
+}
+export function getPaths(tree) {
+    return tree.tree.map((item) => item['path']);
+}
+export function getRawFile(organization, repo, path, branch) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const url = new URL(`https://raw.githubusercontent.com/${organization}/${repo}/${branch}/${path}`);
+        const res = yield fetch(url, { headers: { "Accept": "application/vnd.github.raw" } });
+        return yield res.text();
+    });
+}
+export default getArticles;
+//# sourceMappingURL=getArticles.js.map

package/dist/utils/getArticles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArticles.js","sourceRoot":"","sources":["../../src/utils/getArticles.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,SAAS,SAAS,CAAC,IAAY;IAC9B,MAAM,KAAK,GAAG,+BAA+B,CAAA;IAC7C,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;AAChC,CAAC;AAED,MAAM,UAAgB,WAAW,CAAC,YAAoB,EAAE,IAAY,EAAE,MAAc;;QACnF,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;QACtD,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QAE5B,4EAA4E;QAC5E,OAAO,OAAO,CAAC,GAAG,CAChB,KAAK;aACF,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;aACjC,GAAG,CAAC,CAAO,IAAI,EAAE,EAAE,gDAAC,OAAA,MAAM,UAAU,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA,GAAA,CAAC,CAC3E,CAAA;IACF,CAAC;CAAA;AAED,MAAM,UAAgB,OAAO,CAAC,YAAoB,EAAE,IAAY,EAAE,MAAc;;QAC/E,MAAM,GAAG,GAAG,gCAAgC,YAAY,IAAI,IAAI,cAAc,MAAM,cAAc,CAAA;QAClG,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;QAC5B,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAA;QAC7B,OAAO,IAAe,CAAA;IACvB,CAAC;CAAA;AAED,MAAM,UAAU,QAAQ,CAAC,IAAa;IACrC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC7C,CAAC;AAED,MAAM,UAAgB,UAAU,CAAC,YAAoB,EAAE,IAAY,EAAE,IAAY,EAAE,MAAc;;QAEhG,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,qCAAqC,YAAY,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC,CAAA;QAElG,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE,EAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,4BAA4B,EAAC,EAAC,CAAC,CAAA;QAEjF,OAAO,MAAM,GAAG,CAAC,IAAI,EAAE,CAAA;IACxB,CAAC;CAAA;AAoCD,eAAe,WAAW,CAAA"}

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { default as getArticles } from './getArticles';
+export { default as filterArticles } from './filterArticles';
+export { default as getArticle } from './getArticle';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,4 @@
+export { default as getArticles } from './getArticles';
+export { default as filterArticles } from './filterArticles';
+export { default as getArticle } from './getArticle';
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -1,36 +1,38 @@
 {
   "name": "@chtc/web-components",
-  "version": "0.0.0-3",
+  "version": "0.0.0-31",
   "description": "PATh Web Components",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "test": "jest --coverage --json --outputFile=.github/tests/test-summary.json",
-    "build": "tsc",
+    "build": "tsc --build src",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "publish": "npm publish --access public",
-    "publish:increment": "npm version prerelease --no-git-tag-version && npm publish --access public"
+    "publish:current": "npm publish --omit=dev --access public",
+    "publish:increment": "npm version prerelease --no-git-tag-version && npm publish --omit=dev --access public"
   },
   "files": [
-    "src"
+    "dist"
   ],
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
     "@babel/preset-typescript": "^7.23.3",
-    "@chromatic-com/storybook": "^1.6.1",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/addon-onboarding": "^8.1.11",
-    "@storybook/blocks": "^8.1.11",
-    "@storybook/nextjs": "^8.1.11",
-    "@storybook/react": "^8.1.11",
-    "@storybook/test": "^8.1.11",
+    "@chromatic-com/storybook": "^3.2.3",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/nextjs": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/test": "^8.4.7",
     "@types/jest": "^29.5.8",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "storybook": "^8.1.11",
+    "storybook": "^8.4.7",
     "ts-jest": "^29.1.1",
     "typescript": "^5.2.2"
   },
@@ -38,6 +40,13 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@mui/icons-material": "^5.16.0",
-    "@mui/material": "^5.16.0"
+    "@mui/material": "^5.14.19",
+    "gray-matter": "^4.0.3",
+    "chart.js": "^4.4.7",
+    "colorjs.io": "^0.5.2",
+    "react-chartjs-2": "^5.3.0",
+    "react-markdown": "^9.0.1",
+    "react-wrap-balancer": "^1.1.1",
+    "rehype-raw": "^7.0.0"
   }
 }

package/src/index.ts

@@ -1 +0,0 @@
-export * from './layout'

package/src/layout/Header/BurgerMenu.tsx

@@ -1,101 +0,0 @@
-'use client';
-import React, {useState} from "react";
-import {Box,Typography, IconButton, Drawer, Divider, List, ListSubheader} from "@mui/material";
-import MenuIcon from '@mui/icons-material/Menu';
-import {
-    Home, GitHub, Description, Groups, Email, Help, Group, Info, Grade, Newspaper, Close, Terminal, CalendarMonth, FileDownload
-} from "@mui/icons-material";
-import { HeaderDropdown, HeaderLink, HeaderMainLink } from "./HeaderDropdown";
-import { HeaderLinkItem, HeaderMenuProps } from "./index";
-
-export const BurgerMenu = ({menuItems} : {menuItems: (Omit<HeaderMenuProps, "setAnchor" | "anchorEl"> | HeaderLinkItem)[]}) => {
-    const [openDrawer, setOpenDrawer] = useState(false);
-
-    const handleDrawer = () => {
-        setOpenDrawer(!openDrawer);
-    };
-
-  return (
-    <Box ml={"auto"}>
-        <IconButton
-            aria-label="menu"
-            onClick={handleDrawer}
-        >
-            <MenuIcon/>
-        </IconButton>
-        <Drawer anchor={"right"} open={openDrawer} onClose={handleDrawer} 
-            sx={{
-                "& .MuiDrawer-paper": {
-                    boxSizing: "border-box",
-                    width: "100%",
-                    "@media (min-width: 576px)": {
-                        width: "30rem",
-                    }
-                },
-                boxShadow: "0px 0px 10px rgba(0, 0, 0, 0.25)",
-                backdropFilter: "blur(2px)",
-                WebkitBackdropFilter: "blur(2px)",
-                backgroundColor: "rgba(255, 255, 255, 0.5)",
-            }}
-        >
-            <List
-                sx={{margin: "1rem" }}
-                component="nav"
-                aria-labelledby="nested-list-subheader"
-                subheader={
-                    <ListSubheader component="div" id="nested-list-subheader">
-                        <Box style={{display: "flex", flexDirection:"row", justifyContent:"start" }}>
-                            <img src={PelicanLogo} alt={"Pelican Logo"} height={48}/>
-                            <Typography variant={"h5"} pl={1} my={"auto"}>Pelican Platform</Typography>
-                            <IconButton
-                                sx={{ml: "auto"}}
-                                edge="start"
-                                color="inherit"
-                                aria-label="menu"
-                                onClick={handleDrawer}
-                            >
-                                <Close sx={{fontSize:"2rem"}}/>
-                            </IconButton>
-                        </Box>
-                    </ListSubheader>
-                }
-            >
-                <Divider sx={{my:2}}/>
-                {menuItems.map((item) => {
-                  if ('menuItems' in item) {
-                    // This is a dropdown item
-                    return (
-                        <HeaderDropdown key={item.value} value={item.value} icon={item.icon}>
-                          {item.menuItems.map((subItem) => (
-                              <HeaderLink
-                                  key={item.value}
-                                  value={subItem.value}
-                                  href={subItem.href}
-                                  icon={subItem.icon}
-                                  target={subItem?.target}
-                                  onClick={handleDrawer}
-                              />
-                          ))}
-                        </HeaderDropdown>
-                    );
-                  } else {
-                    // This is a main link item
-                    return (
-                        <HeaderMainLink
-                            key={item.value}
-                            value={item.value}
-                            href={item.href}
-                            icon={item.icon}
-                            target={item.target}
-                            onClick={handleDrawer}
-                        />
-                    );
-                  }
-                })}
-            </List>
-        </Drawer>
-    </Box>
-  );
-}
-
-export default BurgerMenu;

package/src/layout/Header/DesktopMenu.tsx

@@ -1,50 +0,0 @@
-'use client'
-
-import {useState, ReactNode, useRef, ComponentType} from "react";
-import {Box, Button, Grid, IconButton, Menu, MenuItem, Tooltip, IconProps} from "@mui/material"
-
-import {HeaderItem} from "./HeaderItem";
-
-import type {HeaderLinkItem, MenuProps} from "./index.d";
-
-export const DesktopMenu = ({menuItems} : {menuItems: MenuProps[]}) => {
-
-	const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
-
-	return (
-			<>
-				<Box display={"flex"} mb={.5}>
-					{menuItems.filter(x => "type" in x ? x?.type != "icon" : true).map((item) => (
-							<HeaderItem
-									key={item.value}
-									{...item}
-									anchorEl={anchorEl}
-									setAnchor={(element) => {
-										setAnchorEl((anchorEl) => {
-											if(element == null) {
-												return element
-											}
-											if(anchorEl?.id == element.id) {
-												return null
-											}
-											return element
-										})
-									}}
-							/>
-					))}
-				</Box>
-				<Box marginLeft={"auto"}>
-					<Grid container spacing={1}>
-						{menuItems.filter(x => "type" in x ? x?.type == "icon" : false).map((item) => (
-								<Grid key={item.value} item>
-									<HeaderIconLink
-											{...item as HeaderLinkItem}
-									/>
-								</Grid>
-						))}
-					</Grid>
-				</Box>
-			</>
-	)
-}
-