@checkstack/anomaly-frontend 0.2.0

package/src/components/useAnomalyFields.ts

@@ -0,0 +1,70 @@
+import { useMemo } from "react";
+import { usePluginClient } from "@checkstack/frontend-api";
+import { HealthCheckApi } from "@checkstack/healthcheck-common";
+import { useStrategySchemas } from "@checkstack/healthcheck-frontend";
+
+import type { AnomalyDirection } from "@checkstack/anomaly-common";
+
+export type AnomalyFieldMeta = {
+  path: string;
+  type: string;
+  defaultEnabled: boolean;
+  defaultDirection?: AnomalyDirection;
+  defaultSensitivity?: number;
+  defaultConfirmationWindow?: number;
+  defaultDriftEnabled?: boolean;
+  defaultDriftThreshold?: number;
+};
+
+export function useAnomalyFields(configurationId: string | undefined) {
+  const healthCheckClient = usePluginClient(HealthCheckApi);
+  
+  const { data: hcConfig } = healthCheckClient.getConfiguration.useQuery(
+    { id: configurationId ?? "" },
+    { enabled: !!configurationId }
+  );
+  
+  const { schemas } = useStrategySchemas(hcConfig?.strategyId ?? "");
+
+  const availableFields = useMemo(() => {
+    if (!schemas?.resultSchema) return [];
+    
+    type JsonSchemaNode = {
+      type?: string;
+      properties?: Record<string, JsonSchemaNode>;
+      [key: string]: unknown;
+    };
+    
+    const schema = schemas.resultSchema as JsonSchemaNode;
+    
+    const extractFields = (obj: JsonSchemaNode | undefined, prefix = ""): AnomalyFieldMeta[] => {
+      const keys: AnomalyFieldMeta[] = [];
+      if (obj?.properties) {
+        for (const [key, value] of Object.entries(obj.properties)) {
+          const path = prefix ? `${prefix}.${key}` : key;
+          if (value.type === "object" || value.properties) {
+            keys.push(...extractFields(value, path));
+          } else {
+            // Default to true unless explicitly disabled in schema
+            const defaultEnabled = value["x-anomaly-enabled"] !== false;
+            keys.push({
+              path,
+              type: value.type || "string",
+              defaultEnabled,
+              defaultDirection: value["x-anomaly-direction"] as AnomalyDirection | undefined,
+              defaultSensitivity: typeof value["x-anomaly-sensitivity"] === "number" ? value["x-anomaly-sensitivity"] : undefined,
+              defaultConfirmationWindow: typeof value["x-anomaly-confirmation-window"] === "number" ? value["x-anomaly-confirmation-window"] : undefined,
+              defaultDriftEnabled: typeof value["x-anomaly-drift-enabled"] === "boolean" ? value["x-anomaly-drift-enabled"] : undefined,
+              defaultDriftThreshold: typeof value["x-anomaly-drift-threshold"] === "number" ? value["x-anomaly-drift-threshold"] : undefined,
+            });
+          }
+        }
+      }
+      return keys;
+    };
+    
+    return extractFields(schema).filter(k => k.path !== "error");
+  }, [schemas]);
+
+  return availableFields;
+}

package/src/index.tsx

@@ -0,0 +1 @@
+export { plugin as default } from "./plugin";

package/src/plugin.tsx

@@ -0,0 +1,78 @@
+import { definePluginMetadata } from "@checkstack/common";
+import { FrontendPlugin, createSlotExtension } from "@checkstack/frontend-api";
+import { 
+  AssignmentIDENodeSlot, 
+  AssignmentIDEPanelSlot, 
+  HealthCheckConfigIDENodeSlot,
+  HealthCheckConfigIDEPanelSlot,
+  type AssignmentIDEContext,
+  type HealthCheckConfigIDEContext
+} from "@checkstack/healthcheck-frontend";
+import { SystemStateBadgesSlot, SystemDetailsSlot } from "@checkstack/catalog-common";
+import { AnomalyConfigPanel } from "./components/AnomalyConfigPanel";
+import { AnomalyTemplatePanel } from "./components/AnomalyTemplatePanel";
+import { SystemAnomalyBadge } from "./components/SystemAnomalyBadge";
+import { SystemAnomalyWidget } from "./components/SystemAnomalyWidget";
+import { IDETreeNode } from "@checkstack/ui";
+import { Activity } from "lucide-react";
+
+const pluginMetadata = definePluginMetadata({
+  pluginId: "anomaly",
+});
+
+export const plugin: FrontendPlugin = {
+  metadata: pluginMetadata,
+  extensions: [
+    createSlotExtension(SystemStateBadgesSlot, {
+      id: "anomaly.system-badge",
+      component: SystemAnomalyBadge,
+    }),
+    createSlotExtension(SystemDetailsSlot, {
+      id: "anomaly.system-details.widget",
+      component: SystemAnomalyWidget,
+    }),
+    createSlotExtension(HealthCheckConfigIDENodeSlot, {
+      id: "anomaly.config-ide.node",
+      component: (context: HealthCheckConfigIDEContext) => (
+        <IDETreeNode
+          nodeId={`anomaly-template:${context.configurationId}`}
+          label="Anomaly Defaults"
+          icon={Activity}
+          selected={context.selectedNode === `anomaly-template:${context.configurationId}`}
+          onClick={() => context.onSelectNode(`anomaly-template:${context.configurationId}`)}
+        />
+      ),
+    }),
+    createSlotExtension(HealthCheckConfigIDEPanelSlot, {
+      id: "anomaly.config-ide.panel",
+      component: (context: HealthCheckConfigIDEContext) => {
+        if (!context.selectedNode?.startsWith("anomaly-template:")) {
+          return <></>;
+        }
+        return <AnomalyTemplatePanel context={context} />;
+      },
+    }),
+    createSlotExtension(AssignmentIDENodeSlot, {
+      id: "anomaly.assignment-ide.node",
+      component: (context: AssignmentIDEContext) => (
+        <IDETreeNode
+          nodeId={`anomaly:${context.configurationId}`}
+          label="Anomaly Exceptions"
+          icon={Activity}
+          selected={context.selectedNode === `anomaly:${context.configurationId}`}
+          onClick={() => context.onSelectNode(`anomaly:${context.configurationId}`)}
+          indent
+        />
+      ),
+    }),
+    createSlotExtension(AssignmentIDEPanelSlot, {
+      id: "anomaly.assignment-ide.panel",
+      component: (context: AssignmentIDEContext) => {
+        if (!context.selectedNode?.startsWith("anomaly:")) {
+          return <></>;
+        }
+        return <AnomalyConfigPanel context={context} />;
+      },
+    }),
+  ],
+};

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "@checkstack/tsconfig/frontend.json",
+  "compilerOptions": {
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "src"
+  ]
+}