@oneuptime/common 7.0.2994 → 7.0.3018

package/Types/Copilot/CopilotActionType.ts

@@ -1,10 +1,212 @@
 enum CopilotActionType {
   IMPROVE_COMMENTS = "Improve Comments",
-  IMRPOVE_README = "Improve Readme",
+  ADD_COMMENTS = "Add Comments",
+
+  IMPROVE_README = "Improve Readme",
+  ADD_README = "Add Readme",
+
   FIX_GRAMMAR_AND_SPELLING = "Fix Grammar and Spelling",
   IMPROVE_VARIABLE_NAMES = "Improve Variable Names",
   REFACTOR_CODE = "Refactor Code",
+
   WRITE_UNIT_TESTS = "Write Unit Tests",
+  IMPROVE_UNIT_TESTS = "Improve Unit Tests",
+
+  IMPROVE_LOGS = "Improve Logs",
+  ADD_LOGS = "Add Logs",
+
+  IMPROVE_SPANS = "Improve Spans",
+  ADD_SPANS = "Add Spans",
+
+  IMPROVE_METRICS = "Improve Metrics",
+  ADD_METRICS = "Add Metrics",
+
+  FIX_EXCEPTIONS = "Fix Exceptions",
+  FIX_PERFORMANCE_ISSUES = "Fix Performance Issues",
+  FIX_BUGS = "Fix Bugs",
+
+  // SETUP_ACTIONS
+  SETUP_OPEN_TELEMETRY = "Setup OpenTelemetry",
+
+  // Setup Unit Test Framework
+  SETUP_UNIT_TEST_FRAMEWORK = "Setup Unit Test Framework",
+}
+
+export interface CopilotActionTypeData {
+  type: CopilotActionType;
+  description: string;
+  defaultPriority: number;
+  dependsOn: Array<CopilotActionType>;
+}
+
+export class CopilotActionTypeUtil {
+  public static getAllCopilotActionTypes(): Array<CopilotActionTypeData> {
+    return [
+      // Fix broken code.
+      {
+        type: CopilotActionType.FIX_EXCEPTIONS,
+        description: "Fix exceptions in your codebase",
+        defaultPriority: 1,
+        dependsOn: [CopilotActionType.SETUP_OPEN_TELEMETRY],
+      },
+      {
+        type: CopilotActionType.FIX_PERFORMANCE_ISSUES,
+        description: "Fix performance issues in your codebase",
+        defaultPriority: 1,
+        dependsOn: [CopilotActionType.SETUP_OPEN_TELEMETRY],
+      },
+      {
+        type: CopilotActionType.FIX_BUGS,
+        description: "Fix simple bugs and small issues in your codebase",
+        defaultPriority: 1,
+        dependsOn: [],
+      },
+
+      // Improve debugging.
+
+      // add logs, metircs and spans.
+
+      {
+        type: CopilotActionType.ADD_LOGS,
+        description: "Add OpenTelemetry logs in your codebase",
+        defaultPriority: 2,
+        dependsOn: [CopilotActionType.SETUP_OPEN_TELEMETRY],
+      },
+      {
+        type: CopilotActionType.ADD_SPANS,
+        description: "Add OpenTelemetry spans in your codebase",
+        defaultPriority: 2,
+        dependsOn: [CopilotActionType.SETUP_OPEN_TELEMETRY],
+      },
+      {
+        type: CopilotActionType.ADD_METRICS,
+        description: "Add OpenTelemetry metrics in your codebase",
+        defaultPriority: 2,
+        dependsOn: [CopilotActionType.SETUP_OPEN_TELEMETRY],
+      },
+      {
+        type: CopilotActionType.IMPROVE_LOGS,
+        description:
+          "Improve OpenTelemetry logs in your codebase where required to make debugging easier.",
+        defaultPriority: 2,
+        dependsOn: [CopilotActionType.SETUP_OPEN_TELEMETRY],
+      },
+      {
+        type: CopilotActionType.IMPROVE_SPANS,
+        description:
+          "Improve OpenTelemetry spans in your codebase where required to make debugging easier.",
+        defaultPriority: 2,
+        dependsOn: [CopilotActionType.SETUP_OPEN_TELEMETRY],
+      },
+      {
+        type: CopilotActionType.IMPROVE_METRICS,
+        description:
+          "Improve OpenTelemetry metrics in your codebase where required to make debugging easier.",
+        defaultPriority: 2,
+        dependsOn: [CopilotActionType.SETUP_OPEN_TELEMETRY],
+      },
+
+      // Improve code and test quality.
+      {
+        type: CopilotActionType.REFACTOR_CODE,
+        description: "Refactor code and make it into smaller units",
+        defaultPriority: 3,
+        dependsOn: [],
+      },
+      {
+        type: CopilotActionType.WRITE_UNIT_TESTS,
+        description: "Add unit tests",
+        defaultPriority: 3,
+        dependsOn: [CopilotActionType.SETUP_UNIT_TEST_FRAMEWORK],
+      },
+      {
+        type: CopilotActionType.IMPROVE_UNIT_TESTS,
+        description: "Improve unit tests",
+        defaultPriority: 3,
+        dependsOn: [CopilotActionType.SETUP_UNIT_TEST_FRAMEWORK],
+      },
+
+      // add comments.
+      {
+        type: CopilotActionType.IMPROVE_COMMENTS,
+        description: "Improve comments in your codebase",
+        defaultPriority: 4,
+        dependsOn: [],
+      },
+      {
+        type: CopilotActionType.ADD_COMMENTS,
+        description: "Add comments in your codebase",
+        defaultPriority: 4,
+        dependsOn: [],
+      },
+
+      // Add or improve README file.
+      {
+        type: CopilotActionType.ADD_README,
+        description: "Add a README file",
+        defaultPriority: 4,
+        dependsOn: [],
+      },
+      {
+        type: CopilotActionType.IMPROVE_README,
+        description: "Improve the README file",
+        defaultPriority: 4,
+        dependsOn: [],
+      },
+
+      // Fix grammar and spelling mistakes
+      {
+        type: CopilotActionType.FIX_GRAMMAR_AND_SPELLING,
+        description: "Fix grammar and spelling mistakes",
+        defaultPriority: 5,
+        dependsOn: [],
+      },
+      {
+        type: CopilotActionType.IMPROVE_VARIABLE_NAMES,
+        description: "Improve variable names and make it understandable",
+        defaultPriority: 5,
+        dependsOn: [],
+      },
+    ];
+  }
+
+  public static getSetupActionTypes(): Array<CopilotActionTypeData> {
+    return [
+      {
+        type: CopilotActionType.SETUP_OPEN_TELEMETRY,
+        description: "Setup OpenTelemetry in your codebase",
+        defaultPriority: 1,
+        dependsOn: [],
+      },
+      {
+        type: CopilotActionType.SETUP_UNIT_TEST_FRAMEWORK,
+        description: "Setup Unit Test Framework in your codebase",
+        defaultPriority: 1,
+        dependsOn: [],
+      },
+    ];
+  }
+
+  public static getCopilotActionType(
+    type: CopilotActionType,
+  ): CopilotActionTypeData {
+    return this.getAllCopilotActionTypes().find(
+      (copilotActionTypeData: CopilotActionTypeData) => {
+        return copilotActionTypeData.type === type;
+      },
+    ) as CopilotActionTypeData;
+  }
+
+  // get actions by priority.
+  public static getActionsByPriority(
+    priority: number,
+  ): Array<CopilotActionTypeData> {
+    return this.getAllCopilotActionTypes().filter(
+      (copilotActionTypeData: CopilotActionTypeData) => {
+        return copilotActionTypeData.defaultPriority === priority;
+      },
+    );
+  }
 }
 
 export default CopilotActionType;

package/Types/Database/PartialEntity.ts

@@ -1,3 +1,16 @@
-import { QueryDeepPartialEntity } from "typeorm/query-builder/QueryPartialEntity";
+/**
+ * Make all properties in T optional. Deep version.
+ */
+
+type QueryDeepPartialEntity<T> = {
+  [P in keyof T]?:
+    | (T[P] extends Array<infer U>
+        ? Array<QueryDeepPartialEntity<U>>
+        : T[P] extends ReadonlyArray<infer U>
+          ? ReadonlyArray<QueryDeepPartialEntity<U>>
+          : QueryDeepPartialEntity<T[P]>)
+    | (() => string)
+    | null;
+};
 
 export default QueryDeepPartialEntity;

package/Types/Date.ts

@@ -9,10 +9,18 @@ import Timezone from "./Timezone";
 export const Moment: typeof moment = moment;
 
 export default class OneUptimeDate {
-  public getNanoSecondsFromSeconds(seconds: number): number {
+  public static convertMinutesToMilliseconds(minutes: number): number {
+    return minutes * 60 * 1000;
+  }
+
+  public static getNanoSecondsFromSeconds(seconds: number): number {
     return seconds * 1000 * 1000 * 1000;
   }
 
+  public static now(): Date {
+    return this.getCurrentDate();
+  }
+
   public static getDateFromYYYYMMDD(
     year: string,
     month: string,

package/Types/Icon/IconProp.ts

@@ -1,5 +1,6 @@
 enum IconProp {
   Equals = "Equals",
+  Archive = "Archive",
   File = "File",
   Automation = "Automation",
   Workflow = "Workflow",
@@ -15,6 +16,8 @@ enum IconProp {
   CursorArrowRays = "CursorArrowRays",
   ArrowUpDown = "ArrowUpDown",
   Cube = "Cube",
+  Unarchive = "Unarchive",
+  CPUChip = "CPUChip",
   Swatch = "Swatch",
   Squares = "Squares",
   RectangleStack = "RectangleStack",

package/Types/Permission.ts

@@ -53,6 +53,12 @@ enum Permission {
   EditTelemetryServiceLog = "EditTelemetryServiceLog",
   ReadTelemetryServiceLog = "ReadTelemetryServiceLog",
 
+  // Exceptions
+  CreateTelemetryException = "CreateTelemetryException",
+  DeleteTelemetryException = "DeleteTelemetryException",
+  EditTelemetryException = "EditTelemetryException",
+  ReadTelemetryException = "ReadTelemetryException",
+
   // Spans
   CreateTelemetryServiceTraces = "CreateTelemetryServiceTraces",
   DeleteTelemetryServiceTraces = "DeleteTelemetryServiceTraces",
@@ -493,6 +499,9 @@ enum Permission {
   ReadCopilotCodeRepository = "ReadCopilotCodeRepository",
 
   ReadCopilotAction = "ReadCopilotAction",
+  CreateCopilotAction = "CreateCopilotAction",
+  DeleteCopilotAction = "DeleteCopilotAction",
+  EditCopilotAction = "EditCopilotAction",
 
   ReadCopilotPullRequest = "ReadCopilotPullRequest",
 
@@ -2445,6 +2454,39 @@ export class PermissionHelper {
         isAccessControlPermission: false,
       },
 
+      {
+        permission: Permission.CreateTelemetryException,
+        title: "Create Telemetry Service Exception",
+        description:
+          "This permission can create Telemetry Service Exception this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+      },
+      {
+        permission: Permission.DeleteTelemetryException,
+        title: "Delete Telemetry Service Exception",
+        description:
+          "This permission can delete Telemetry Service Exception of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+      },
+      {
+        permission: Permission.EditTelemetryException,
+        title: "Edit Telemetry Service Exception",
+        description:
+          "This permission can edit Telemetry Service Exception of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+      },
+      {
+        permission: Permission.ReadTelemetryException,
+        title: "Read Telemetry Service Exception",
+        description:
+          "This permission can read Telemetry Service Exception of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+      },
+
       {
         permission: Permission.CreateCopilotCodeRepository,
         title: "Create Code Repository",
@@ -2517,6 +2559,29 @@ export class PermissionHelper {
         isAssignableToTenant: true,
         isAccessControlPermission: false,
       },
+      {
+        permission: Permission.EditCopilotAction,
+        title: "Edit Copilot Event",
+        description: "This permission can edit Copilot Event of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+      },
+      {
+        permission: Permission.DeleteCopilotAction,
+        title: "Delete Copilot Event",
+        description:
+          "This permission can delete Copilot Event of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+      },
+      {
+        permission: Permission.CreateCopilotAction,
+        title: "Create Copilot Event",
+        description:
+          "This permission can create Copilot Event of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+      },
 
       {
         permission: Permission.CreateProbeOwnerTeam,

package/Types/Workflow/Components/Email.ts

@@ -33,14 +33,14 @@ const components: Array<ComponentMetadata> = [
       {
         type: ComponentInputType.Text,
         name: "Subject",
-        description: "Email to send to",
+        description: "Subject of the email",
         required: false,
         id: "subject",
       },
       {
         type: ComponentInputType.HTML,
         name: "Email Body",
-        description: "Email to send to",
+        description: "Body of the email",
         required: false,
         id: "email-body",
       },
@@ -55,14 +55,14 @@ const components: Array<ComponentMetadata> = [
         type: ComponentInputType.Text,
         name: "SMTP Username",
         description: "SMTP Username to send emails from",
-        required: true,
+        required: false,
         id: "smtp-username",
       },
       {
         type: ComponentInputType.Password,
         name: "SMTP Password",
         description: "SMTP Password to send emails from",
-        required: true,
+        required: false,
         id: "smtp-password",
       },
       {

package/UI/Components/ActionCard/ActionCard.tsx

@@ -0,0 +1,66 @@
+import { ButtonStyleType } from "../Button/Button";
+import Card from "../Card/Card";
+import ConfirmModal from "../Modal/ConfirmModal";
+import IconProp from "Common/Types/Icon/IconProp";
+import React, { ReactElement, useState } from "react";
+
+export interface ConfirmAction {
+  actionName: string;
+  actionIcon: IconProp;
+  onConfirmAction: () => void;
+  actionButtonStyle?: ButtonStyleType;
+  isLoading?: boolean;
+}
+
+export interface ComponentProps {
+  title: string;
+  description: string;
+  actions: Array<ConfirmAction>;
+}
+
+const ActionCard: (props: ComponentProps) => ReactElement = (
+  props: ComponentProps,
+): ReactElement => {
+  const [currentAction, setCurrentAction] = useState<ConfirmAction | undefined>(
+    undefined,
+  );
+
+  return (
+    <>
+      <Card
+        title={props.title}
+        description={props.description}
+        buttons={props.actions.map((action: ConfirmAction) => {
+          return {
+            title: action.actionName,
+            buttonStyle: action.actionButtonStyle || ButtonStyleType.NORMAL,
+            onClick: () => {
+              setCurrentAction(action);
+            },
+            icon: action.actionIcon,
+            isLoading: action.isLoading,
+          };
+        })}
+      />
+
+      {currentAction ? (
+        <ConfirmModal
+          description={`Are you sure you want to ${currentAction.actionName}?`}
+          title={`Confirm ${currentAction.actionName}`}
+          onSubmit={() => {
+            currentAction.onConfirmAction();
+            setCurrentAction(undefined);
+          }}
+          submitButtonText={`Confirm`}
+          onClose={() => {
+            setCurrentAction(undefined);
+          }}
+        />
+      ) : (
+        <></>
+      )}
+    </>
+  );
+};
+
+export default ActionCard;

package/UI/Components/Alerts/Alert.tsx

@@ -16,13 +16,13 @@ export enum AlertSize {
 }
 
 export interface ComponentProps {
-  strongTitle?: undefined | string;
-  title?: undefined | string;
-  onClose?: undefined | (() => void);
-  type?: undefined | AlertType;
-  onClick?: (() => void) | undefined;
+  strongTitle?: string;
+  title?: string;
+  onClose?: () => void;
+  type?: AlertType;
+  onClick?: () => void;
   doNotShowIcon?: boolean | undefined;
-  dataTestId?: string;
+  dataTestId?: string | undefined;
   textClassName?: string | undefined;
   className?: string | undefined;
   color?: Color | undefined;
@@ -33,93 +33,102 @@ export interface ComponentProps {
 const Alert: FunctionComponent<ComponentProps> = (
   props: ComponentProps,
 ): ReactElement => {
-  let type: AlertType = AlertType.INFO;
+  const type: AlertType = props.type || AlertType.INFO;
 
-  if (props.type) {
-    type = props.type;
-  }
+  const typeClassNames: {
+    [key in AlertType]: {
+      text: string;
+      bg: string;
+      hover: string;
+    };
+  } = {
+    [AlertType.DANGER]: {
+      text: "text-red-200",
+      bg: "bg-red-700",
+      hover: "hover:bg-red-600",
+    },
+    [AlertType.INFO]: {
+      text: "text-gray-200",
+      bg: "bg-gray-700",
+      hover: "hover:bg-gray-600",
+    },
+    [AlertType.WARNING]: {
+      text: "text-yellow-200",
+      bg: "bg-gray-700",
+      hover: "hover:bg-yellow-600",
+    },
+    [AlertType.SUCCESS]: {
+      text: "text-green-200",
+      bg: "bg-gray-700",
+      hover: "hover:bg-green-600",
+    },
+  };
 
-  let className: string = "text-gray";
-  let bgClassName: string = "bg-gray";
-
-  if (AlertType.DANGER === type) {
-    className = "text-red";
-    bgClassName = "bg-red";
-  } else if (AlertType.INFO === type) {
-    className = "text-gray";
-    bgClassName = "bg-gray";
-  } else if (AlertType.WARNING === type) {
-    className = "text-yellow";
-    bgClassName = "bg-gray";
-  } else if (AlertType.SUCCESS === type) {
-    className = "text-green";
-    bgClassName = "bg-gray";
-  }
+  const {
+    text: textClassName,
+    bg: bgClassName,
+    hover: hoverClassName,
+  } = typeClassNames[type];
 
   return (
     <div
       id={props.id}
-      className={`rounded-md ${bgClassName}-700 p-4`}
+      className={`alert rounded-md ${bgClassName} p-4 ${props.className}`}
       data-testid={props.dataTestId}
-      onClick={() => {
-        props.onClick && props.onClick();
-      }}
+      onClick={props.onClick}
       role="alert"
-      style={
-        props.color
-          ? {
-              backgroundColor: props.color?.toString(),
-            }
-          : {}
-      }
+      style={props.color ? { backgroundColor: props.color.toString() } : {}}
     >
-      <div className="flex ">
+      <div className="alert-content flex">
         {!props.doNotShowIcon && (
-          <div className="flex-shrink-0">
-            {AlertType.DANGER === type && (
-              <Icon icon={IconProp.Alert} className="h-5 w-5 text-red-200" />
+          <div className="alert-icon flex-shrink-0">
+            {type === AlertType.DANGER && (
+              <Icon
+                icon={IconProp.Alert}
+                className={`h-5 w-5 ${textClassName}`}
+              />
             )}
-            {AlertType.WARNING === type && (
-              <Icon icon={IconProp.Alert} className="h-5 w-5 text-yellow-200" />
+            {type === AlertType.WARNING && (
+              <Icon
+                icon={IconProp.Alert}
+                className={`h-5 w-5 ${textClassName}`}
+              />
             )}
-            {AlertType.SUCCESS === type && (
+            {type === AlertType.SUCCESS && (
               <Icon
                 icon={IconProp.CheckCircle}
-                className="h-5 w-5 text-green-400"
+                className={`h-5 w-5 ${textClassName}`}
               />
             )}
-            {AlertType.INFO === type && (
-              <Icon icon={IconProp.Info} className="h-5 w-5 text-gray-200" />
+            {type === AlertType.INFO && (
+              <Icon
+                icon={IconProp.Info}
+                className={`h-5 w-5 ${textClassName}`}
+              />
             )}
           </div>
         )}
         <div
-          className={`ml-3 mr-3 flex-1 md:flex md:justify-between ${props.className}`}
+          className={`alert-text ml-3 mr-3 flex-1 md:flex md:justify-between ${props.textClassName}`}
         >
           <div
-            className={
-              props.textClassName ||
-              `text-sm flex justify-between ${className}-200`
-            }
+            className={`alert-message text-sm flex justify-between ${textClassName}`}
           >
             <div>
               <span className="font-medium">
                 {props.strongTitle}{" "}
-                {props.title && props.strongTitle ? "-" : ""}{" "}
+                {props.title && props.strongTitle ? "- " : ""}
               </span>
               {props.title}
             </div>
             {props.textOnRight && <div>{props.textOnRight}</div>}
           </div>
-
           {props.onClose && (
-            <p className="mt-3 text-sm md:mt-0 md:ml-6">
+            <p className="alert-close mt-3 text-sm md:mt-0 md:ml-6">
               <button
-                onClick={() => {
-                  props.onClose && props.onClose();
-                }}
-                role={"alert-close-button"}
-                className={`whitespace-nowrap font-medium ${className}-200 hover:${className}-50`}
+                onClick={props.onClose}
+                role="alert-close-button"
+                className={`whitespace-nowrap font-medium ${textClassName} hover:${hoverClassName}`}
               >
                 Close
                 <span aria-hidden="true"> &rarr;</span>

package/UI/Components/Card/Card.tsx

@@ -83,6 +83,7 @@ const Card: FunctionComponent<ComponentProps> = (
                         icon={button.icon}
                         shortcutKey={button.shortcutKey}
                         dataTestId="card-button"
+                        isLoading={button.isLoading}
                       />
                     </div>
                   );

package/UI/Components/Detail/Detail.tsx

@@ -283,7 +283,8 @@ const Detail: DetailFunction = <T extends GenericObject>(
       (field.fieldType === FieldType.HTML ||
         field.fieldType === FieldType.CSS ||
         field.fieldType === FieldType.JSON ||
-        field.fieldType === FieldType.JavaScript)
+        field.fieldType === FieldType.JavaScript ||
+        field.fieldType === FieldType.Code)
     ) {
       let codeType: CodeType = CodeType.HTML;
 
@@ -315,6 +316,10 @@ const Detail: DetailFunction = <T extends GenericObject>(
         codeType = CodeType.JavaScript;
       }
 
+      if (field.fieldType === FieldType.Code) {
+        codeType = CodeType.Text;
+      }
+
       data = (
         <CodeEditor
           type={codeType}

package/UI/Components/GanttChart/Row/Row.tsx

@@ -50,8 +50,10 @@ const Row: FunctionComponent<ComponentProps> = (
       <div
         className={`flex w-full border-b-2 border-gray-200  border-l-2 border-l-gray-400 border-r-2 border-r-gray-400`}
       >
-        <div className="flex w-1/4 border-r-2 border-gray-300">
-          <div className={`pl-${paddingCount} pt-2 pb-2 pr-2 flex`}>
+        <div className="flex w-1/4 border-r-2 border-gray-300 overflow-hidden">
+          <div
+            className={`pl-${paddingCount} pt-2 pb-2 pr-2 flex overflow-hidden`}
+          >
             <div className="w-5 h-5 ml-3 mt-1">
               {hasChildRows && (
                 <Icon