chore: deprecate the vdp-sdk/metric in toolkit (#1559)

Because

- deprecate the vdp-sdk/metric in toolkit

This commit

- deprecate the vdp-sdk/metric in toolkit

packages/toolkit/src/components/PipelineRunStateLabel.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import { cn } from "@instill-ai/design-system";
+import type { Nullable, PipelineTriggerStatus } from "instill-sdk";
 
-import type { Nullable, PipelineTriggerStatus } from "../lib";
+import { cn } from "@instill-ai/design-system";
 
 export type PipelineRunStateLabelProps = {
   state?: Nullable<PipelineTriggerStatus>;

packages/toolkit/src/components/cells/GeneralStateCell.tsx

@@ -1,13 +1,16 @@
 "use client";
 
-import type { ModelState, PipelineReleaseState } from "instill-sdk";
+import type {
+  ModelState,
+  Nullable,
+  PipelineReleaseState,
+  PipelineTriggerStatus,
+} from "instill-sdk";
 import { ReactElement } from "react";
 import cn from "clsx";
 
 import { Tag } from "@instill-ai/design-system";
 
-import { Nullable, PipelineTriggerStatus } from "../../lib";
-
 export type GeneralStateCellProps = {
   state: ModelState | PipelineReleaseState | PipelineTriggerStatus;
   width: Nullable<string>;

packages/toolkit/src/lib/dashboard/generateChartData.ts

@@ -1,10 +1,11 @@
-import { PipelinesChart } from "../vdp-sdk";
+import type { PipelineTriggerChartRecord } from "instill-sdk";
+
 import { formatDateTime } from "./formatDateTime";
 import { getDateRange } from "./getDateRange";
 import { sortByDate } from "./sortByDate";
 
 export function generateChartData(
-  apiResponse: PipelinesChart[],
+  apiResponse: PipelineTriggerChartRecord[],
   range: string,
 ): { xAxis: string[]; yAxis: number[][] } {
   const pipelineData = apiResponse;

packages/toolkit/src/lib/dashboard/getPipelineTriggersSummary.ts

@@ -1,9 +1,25 @@
-import { PipelineTriggersStatusSummary, TriggeredPipeline } from "../vdp-sdk";
+import type {
+  PipelineTriggerStatus,
+  PipelineTriggerTableRecord,
+} from "instill-sdk";
+
 import { calculatePercentageDelta } from "./calculatePercentageDelta";
 
+export type PipelineTriggersStatusSummaryItem = {
+  statusType: PipelineTriggerStatus;
+  amount: number;
+  type: "pipeline" | "model";
+  delta: number;
+};
+
+export type PipelineTriggersStatusSummary = {
+  completed: PipelineTriggersStatusSummaryItem;
+  errored: PipelineTriggersStatusSummaryItem;
+};
+
 export function getPipelineTriggersSummary(
-  pipelines: TriggeredPipeline[],
-  pipelinesPrevious: TriggeredPipeline[],
+  pipelines: PipelineTriggerTableRecord[],
+  pipelinesPrevious: PipelineTriggerTableRecord[],
 ): PipelineTriggersStatusSummary {
   let pipelineCompleteAmount = 0;
   let pipelineCompleteAmountPrevious = 0;

packages/toolkit/src/lib/dashboard/getTriggersSummary.ts

@@ -1,8 +1,7 @@
-import {
-  PipelineTriggerRecord,
-  PipelineTriggersStatusSummary,
-} from "../vdp-sdk";
+import type { PipelineTriggerRecord } from "instill-sdk";
+
 import { calculatePercentageDelta } from "./calculatePercentageDelta";
+import { PipelineTriggersStatusSummary } from "./getPipelineTriggersSummary";
 
 export function getTriggersSummary(
   triggers: PipelineTriggerRecord[],

packages/toolkit/src/lib/dashboard/orderCountsByTriggerTime.ts

@@ -1,4 +1,7 @@
-import { Count } from "../vdp-sdk";
+export type Count = {
+  triggerTime: string | Date;
+  count: number;
+};
 
 export function orderCountsByTriggerTime(counts: Count[]): Count[] {
   const formattedCounts: Count[] = counts.map((count) => {

packages/toolkit/src/lib/dashboard/parseTriggerStatusLabel.ts

@@ -1,4 +1,4 @@
-import { PipelineTriggerStatus } from "../vdp-sdk";
+import type { PipelineTriggerStatus } from "instill-sdk";
 
 export function parseTriggerStatusLabel(status: PipelineTriggerStatus) {
   const convertedStatus = status

packages/toolkit/src/lib/dashboard/sortByTriggerTime.ts

@@ -1,4 +1,4 @@
-import { PipelineTriggerRecord } from "../vdp-sdk";
+import type { PipelineTriggerRecord } from "instill-sdk";
 
 export function sortByTriggerTime(
   data: PipelineTriggerRecord[],

packages/toolkit/src/lib/react-query-service/metric/useCreditConsumptionChartRecords.ts

@@ -1,6 +1,8 @@
+"use client";
+
+import type { Nullable } from "instill-sdk";
 import { useQuery } from "@tanstack/react-query";
 
-import { Nullable } from "../../type";
 import { getInstillAPIClient } from "../../vdp-sdk";
 
 export function useCreditConsumptionChartRecords({

packages/toolkit/src/lib/react-query-service/metric/usePipelineTriggerComputationTimeCharts.ts

@@ -1,7 +1,9 @@
+"use client";
+
+import type { Nullable } from "instill-sdk";
 import { useQuery } from "@tanstack/react-query";
 
 import { env } from "../../../server";
-import { Nullable } from "../../type";
 import { getInstillAPIClient } from "../../vdp-sdk";
 
 export function usePipelineTriggerComputationTimeCharts({

packages/toolkit/src/lib/react-query-service/metric/usePipelineTriggerMetric.ts

@@ -1,7 +1,9 @@
+"use client";
+
+import type { Nullable } from "instill-sdk";
 import { useQuery } from "@tanstack/react-query";
 
 import { env } from "../../../server";
-import { Nullable } from "../../type";
 import { getInstillAPIClient } from "../../vdp-sdk";
 
 export function usePipelineTriggerMetric({

packages/toolkit/src/lib/react-query-service/metric/usePipelineTriggers.ts

@@ -1,7 +1,9 @@
+"use client";
+
+import type { Nullable } from "instill-sdk";
 import { useQuery } from "@tanstack/react-query";
 
 import { env } from "../../../server";
-import { Nullable } from "../../type";
 import { getInstillAPIClient } from "../../vdp-sdk";
 
 export function usePipelineTriggers({

packages/toolkit/src/lib/vdp-sdk/index.ts

@@ -4,7 +4,6 @@ import { env } from "../../server";
 import { Nullable } from "../type";
 
 export * from "./helper";
-export * from "./metric";
 export * from "./model";
 export * from "./operation";
 export * from "./organization";