feat: implement PERT calculator and data retrieval hook

Author: ucfx

lib/components/Pert/Pert.tsx

@@ -1,4 +1,16 @@
-import type { ReactNode } from "react";
-export default (): ReactNode => {
-  return <div>Pert Chart</div>;
-};
+import { useEffect } from "react";
+import type { PertProps } from "../../types/global.type";
+import { usePertContext } from "../../context/pertContext.tsx";
+
+export default function Pert({ tasks }: PertProps) {
+  const { pertData: pertData, calculatePertResults } = usePertContext();
+
+  useEffect(() => {
+    calculatePertResults(tasks);
+  }, [tasks]);
+
+  useEffect(() => {
+    console.log("data", pertData);
+  }, [pertData]);
+  return <>PertChart</>;
+}

lib/context/pertContext.tsx

@@ -0,0 +1,48 @@
+import { createContext, ReactNode, useContext, useState } from "react";
+import { PertDataType, TaskType } from "../types/global.type.ts";
+import PertCalculator from "../utlis/Pert.ts";
+
+const EMPTY_RESULT: PertDataType = {
+  tasks: [],
+  levels: {},
+  links: [],
+  criticalPaths: [],
+};
+
+type PertContextType = {
+  pertData: PertDataType;
+  calculatePertResults: (data: TaskType[]) => void;
+};
+
+const PertContext = createContext<PertContextType | null>(null);
+
+export const PertProvider = ({ children }: { children: ReactNode }) => {
+  const [pertData, setPertResults] = useState<PertDataType>(EMPTY_RESULT as PertDataType);
+
+  const calculatePertResults = (data: TaskType[]) => {
+    const results: PertDataType = new PertCalculator(data).solve();
+    setPertResults(results);
+  };
+
+  return (
+    <PertContext.Provider value={{ pertData, calculatePertResults }}>
+      {children}
+    </PertContext.Provider>
+  );
+};
+
+export const usePertData = () => {
+  const context = useContext(PertContext);
+  if (!context) {
+    throw new Error("usePertData must be used within a PertProvider");
+  }
+  return context.pertData;
+};
+
+export const usePertContext = () => {
+  const context = useContext(PertContext);
+  if (!context) {
+    throw new Error("usePertContext must be used within a PertProvider");
+  }
+  return context;
+};

lib/helpers/generateKey.ts

@@ -0,0 +1 @@
+export const generateKey = () => Math.random().toString(36).substring(7);

lib/main.ts

@@ -1 +1,3 @@
-export { default } from "./components/Pert/Pert";
+export { default as Pert } from "./components/Pert/Pert";
+export * from "./types/global.type";
+export { PertProvider, usePertData } from "./context/pertContext";

lib/types/global.type.ts

@@ -0,0 +1,46 @@
+export type TaskType = {
+  key: string;
+  text: string;
+  duration: number;
+  dependsOn?: string[];
+};
+
+export type TaskResultType = TaskType & {
+  earlyStart: number;
+  earlyFinish: number;
+  lateStart: number;
+  lateFinish: number;
+  level: number;
+  critical: boolean;
+  freeFloat: number;
+  totalFloat: number;
+  index: number;
+};
+
+export type LevelType = {
+  [key: string]: string[];
+};
+
+export type LinkType = {
+  from: string;
+  to: string;
+  critical: boolean;
+};
+
+type PathItemType = {
+  text: string;
+  key: string;
+};
+
+export type CriticalPathType = PathItemType[];
+
+export type PertProps = {
+  tasks: TaskType[];
+};
+
+export type PertDataType = {
+  tasks: TaskResultType[];
+  levels: LevelType;
+  links: LinkType[];
+  criticalPaths: CriticalPathType[];
+};