@skyhook-io/k8s-ui 1.0.0

package/src/components/resources/resource-utils-keda.ts

@@ -0,0 +1,203 @@
+// KEDA CRD utility functions
+
+import type { StatusBadge } from './resource-utils'
+import { healthColors, formatAge } from './resource-utils'
+
+// ============================================================================
+// SHARED HELPERS
+// ============================================================================
+
+function extractTriggerTypes(resource: any): string {
+  const triggers = resource.spec?.triggers || []
+  if (triggers.length === 0) return '-'
+  const types = [...new Set(triggers.map((t: any) => t.type).filter(Boolean))] as string[]
+  if (types.length > 3) return `${types.slice(0, 3).join(', ')} +${types.length - 3}`
+  return types.join(', ') || '-'
+}
+
+// ============================================================================
+// KEDA SCALEDOBJECT UTILITIES
+// ============================================================================
+
+export function getScaledObjectStatus(resource: any): StatusBadge {
+  const conditions = resource.status?.conditions || []
+
+  // Check for paused state (3 annotation variants)
+  const annotations = resource.metadata?.annotations || {}
+  const isPaused = annotations['autoscaling.keda.sh/paused'] === 'true' ||
+    annotations['autoscaling.keda.sh/paused-replicas'] !== undefined ||
+    conditions.some((c: any) => c.type === 'Paused' && c.status === 'True')
+
+  if (isPaused) {
+    return { text: 'Paused', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  // Check Fallback condition
+  const fallbackCond = conditions.find((c: any) => c.type === 'Fallback')
+  if (fallbackCond?.status === 'True') {
+    return { text: 'Fallback', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+
+  // Check Ready condition
+  const readyCond = conditions.find((c: any) => c.type === 'Ready')
+  if (readyCond?.status === 'False') {
+    return { text: readyCond.reason || 'NotReady', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+
+  // Check Active condition
+  const activeCond = conditions.find((c: any) => c.type === 'Active')
+  if (activeCond?.status === 'True') {
+    return { text: 'Active', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (activeCond?.status === 'False') {
+    return { text: 'Idle', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  if (readyCond?.status === 'True') {
+    return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  }
+
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getScaledObjectTarget(resource: any): string {
+  const ref = resource.spec?.scaleTargetRef
+  if (!ref) return '-'
+  return `${ref.kind || 'Deployment'}/${ref.name}`
+}
+
+export function getScaledObjectTargetKind(resource: any): string {
+  return resource.spec?.scaleTargetRef?.kind || 'Deployment'
+}
+
+export function getScaledObjectTargetName(resource: any): string {
+  return resource.spec?.scaleTargetRef?.name || '-'
+}
+
+export function getScaledObjectReplicas(resource: any): string {
+  const min = resource.spec?.minReplicaCount ?? 0
+  const max = resource.spec?.maxReplicaCount ?? '-'
+  const idle = resource.spec?.idleReplicaCount
+  const parts = [`${min}-${max}`]
+  if (idle !== undefined) parts.push(`idle: ${idle}`)
+  return parts.join(' ')
+}
+
+export function getScaledObjectTriggers(resource: any): Array<{ type: string; name?: string; metadata?: Record<string, string>; authenticationRef?: { name: string; kind?: string } }> {
+  return (resource.spec?.triggers || []).map((t: any) => ({
+    type: t.type,
+    name: t.name,
+    metadata: t.metadata,
+    ...(t.authenticationRef ? { authenticationRef: { name: t.authenticationRef.name, kind: t.authenticationRef.kind } } : {}),
+  }))
+}
+
+export function getScaledObjectTriggerTypes(resource: any): string {
+  return extractTriggerTypes(resource)
+}
+
+export function getScaledObjectTriggerCount(resource: any): number {
+  return (resource.spec?.triggers || []).length
+}
+
+export function getScaledObjectHpaName(resource: any): string {
+  return resource.status?.hpaName || '-'
+}
+
+export function getScaledObjectLastActiveTime(resource: any): string {
+  const lastActive = resource.status?.lastActiveTime
+  if (!lastActive) return '-'
+  return formatAge(lastActive)
+}
+
+export function getScaledObjectPollingInterval(resource: any): number {
+  return resource.spec?.pollingInterval ?? 30
+}
+
+export function getScaledObjectCooldownPeriod(resource: any): number {
+  return resource.spec?.cooldownPeriod ?? 300
+}
+
+// ============================================================================
+// KEDA SCALEDJOB UTILITIES
+// ============================================================================
+
+export function getScaledJobStatus(resource: any): StatusBadge {
+  const conditions = resource.status?.conditions || []
+
+  const readyCond = conditions.find((c: any) => c.type === 'Ready')
+  if (readyCond?.status === 'True') {
+    return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  }
+
+  const activeCond = conditions.find((c: any) => c.type === 'Active')
+  if (activeCond?.status === 'True') {
+    return { text: 'Active', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (activeCond?.status === 'False') {
+    return { text: 'Idle', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  if (readyCond?.status === 'False') {
+    return { text: readyCond.reason || 'NotReady', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getScaledJobTarget(resource: any): string {
+  return resource.spec?.jobTargetRef?.name || '-'
+}
+
+export function getScaledJobStrategy(resource: any): string {
+  return resource.spec?.scalingStrategy?.strategy || 'default'
+}
+
+export function getScaledJobTriggerCount(resource: any): number {
+  return (resource.spec?.triggers || []).length
+}
+
+export function getScaledJobTriggers(resource: any): Array<{ type: string; name?: string; metadata?: Record<string, string>; authenticationRef?: { name: string; kind?: string } }> {
+  return (resource.spec?.triggers || []).map((t: any) => ({
+    type: t.type,
+    name: t.name,
+    metadata: t.metadata,
+    ...(t.authenticationRef ? { authenticationRef: { name: t.authenticationRef.name, kind: t.authenticationRef.kind } } : {}),
+  }))
+}
+
+export function getScaledJobTriggerTypes(resource: any): string {
+  return extractTriggerTypes(resource)
+}
+
+// ============================================================================
+// KEDA TRIGGERAUTHENTICATION UTILITIES
+// ============================================================================
+
+export function getTriggerAuthSecretRefCount(resource: any): number {
+  return (resource.spec?.secretTargetRef || []).length
+}
+
+export function getTriggerAuthEnvCount(resource: any): number {
+  return (resource.spec?.env || []).length
+}
+
+export function getTriggerAuthHasVault(resource: any): boolean {
+  return !!resource.spec?.hashiCorpVault
+}
+
+export function getTriggerAuthSecretRefs(resource: any): Array<{ parameter: string; name: string; key: string }> {
+  return (resource.spec?.secretTargetRef || []).map((r: any) => ({
+    parameter: r.parameter || '',
+    name: r.name || '',
+    key: r.key || '',
+  }))
+}
+
+export function getTriggerAuthEnvVars(resource: any): Array<{ parameter: string; name: string; containerName?: string }> {
+  return (resource.spec?.env || []).map((e: any) => ({
+    parameter: e.parameter || '',
+    name: e.name || '',
+    containerName: e.containerName,
+  }))
+}

package/src/components/resources/resource-utils-knative.ts

@@ -0,0 +1,218 @@
+// KNative CRD utility functions
+
+import type { StatusBadge } from './resource-utils'
+import { healthColors } from './resource-utils'
+
+// ============================================================================
+// SHARED HELPERS
+// ============================================================================
+
+export function getKnativeConditionStatus(resource: any): StatusBadge {
+  const conditions = resource?.status?.conditions || []
+  const ready = conditions.find((c: any) => c.type === 'Ready')
+  if (!ready) return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+  if (ready.status === 'True') return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  if (ready.status === 'False') return { text: ready.reason || 'Not Ready', color: healthColors.unhealthy, level: 'unhealthy' }
+  if (ready.status === 'Unknown') return { text: ready.reason || 'Reconciling', color: healthColors.degraded, level: 'degraded' }
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+function formatTraffic(traffic: any[]): string {
+  if (!traffic || traffic.length === 0) return '-'
+  return traffic
+    .map((t: any) => {
+      const percent = t.percent != null ? `${t.percent}%` : ''
+      const target = t.revisionName || (t.latestRevision ? '(latest)' : '')
+      return [percent, target].filter(Boolean).join(' \u2192 ')
+    })
+    .join(', ')
+}
+
+function formatRef(ref: any): string {
+  if (!ref) return '-'
+  return `${ref.kind || ''}/${ref.name || ''}`
+}
+
+// ============================================================================
+// KNATIVE SERVICE (serving.knative.dev/v1)
+// ============================================================================
+
+export function getKnativeServiceUrl(resource: any): string {
+  return resource?.status?.url || '-'
+}
+
+export function getKnativeServiceLatestRevision(resource: any): string {
+  return resource?.status?.latestReadyRevisionName || '-'
+}
+
+export function getKnativeServiceTraffic(resource: any): string {
+  return formatTraffic(resource?.status?.traffic)
+}
+
+// ============================================================================
+// REVISION (serving.knative.dev/v1)
+// ============================================================================
+
+export function getRevisionStatus(resource: any): StatusBadge {
+  const conditions = resource?.status?.conditions || []
+  const ready = conditions.find((c: any) => c.type === 'Ready')
+  const active = conditions.find((c: any) => c.type === 'Active')
+
+  // Check for scaled-to-zero: Ready=True but Active=False with reason NoTraffic
+  if (ready?.status === 'True' && active?.status === 'False') {
+    const reason = active.reason || ''
+    if (reason === 'NoTraffic') {
+      return { text: 'Scaled to Zero', color: 'bg-blue-500/20 text-blue-400', level: 'healthy' }
+    }
+    return { text: reason || 'Inactive', color: 'bg-yellow-500/20 text-yellow-400', level: 'degraded' }
+  }
+
+  // Check for activating: Active condition is Unknown (scaling up)
+  if (ready?.status === 'True' && active?.status === 'Unknown') {
+    return { text: 'Activating', color: 'bg-blue-500/20 text-blue-400', level: 'healthy' }
+  }
+
+  return getKnativeConditionStatus(resource)
+}
+
+export function getRevisionImage(resource: any): string {
+  const containers = resource?.spec?.containers || resource?.spec?.template?.spec?.containers || []
+  return containers[0]?.image || '-'
+}
+
+export function getRevisionConcurrency(resource: any): string {
+  const cc = resource?.spec?.containerConcurrency
+  if (cc == null) return '-'
+  return cc === 0 ? 'Unlimited' : String(cc)
+}
+
+// ============================================================================
+// ROUTE (serving.knative.dev/v1)
+// ============================================================================
+
+export function getRouteUrl(resource: any): string {
+  return resource?.status?.url || '-'
+}
+
+export function getRouteTraffic(resource: any): string {
+  return formatTraffic(resource?.spec?.traffic)
+}
+
+// ============================================================================
+// CONFIGURATION (serving.knative.dev/v1)
+// ============================================================================
+
+export function getConfigurationLatestCreated(resource: any): string {
+  return resource?.status?.latestCreatedRevisionName || '-'
+}
+
+export function getConfigurationLatestReady(resource: any): string {
+  return resource?.status?.latestReadyRevisionName || '-'
+}
+
+// ============================================================================
+// BROKER (eventing.knative.dev/v1)
+// ============================================================================
+
+export function getBrokerAddress(resource: any): string {
+  return resource?.status?.address?.url || '-'
+}
+
+// ============================================================================
+// TRIGGER (eventing.knative.dev/v1)
+// ============================================================================
+
+export function getTriggerBroker(resource: any): string {
+  return resource?.spec?.broker || '-'
+}
+
+export function getTriggerSubscriber(resource: any): string {
+  const ref = resource?.spec?.subscriber?.ref
+  if (ref) return formatRef(ref)
+  return resource?.spec?.subscriber?.uri || '-'
+}
+
+export function getTriggerFilter(resource: any): string {
+  const attributes = resource?.spec?.filter?.attributes
+  if (!attributes || Object.keys(attributes).length === 0) return '-'
+  return Object.entries(attributes)
+    .map(([k, v]) => `${k}=${v}`)
+    .join(', ')
+}
+
+// ============================================================================
+// SOURCES (sources.knative.dev/v1)
+// ============================================================================
+
+export function getSourceSink(resource: any): string {
+  const ref = resource?.spec?.sink?.ref
+  if (ref) return formatRef(ref)
+  return resource?.spec?.sink?.uri || '-'
+}
+
+export function getPingSourceSchedule(resource: any): string {
+  return resource?.spec?.schedule || '-'
+}
+
+export function getPingSourceData(resource: any): string {
+  const data = resource?.spec?.data
+  if (!data) return '-'
+  if (data.length > 50) return data.substring(0, 50) + '...'
+  return data
+}
+
+// ============================================================================
+// CHANNEL (messaging.knative.dev/v1)
+// ============================================================================
+
+export function getChannelAddress(resource: any): string {
+  return resource?.status?.address?.url || '-'
+}
+
+// ============================================================================
+// SUBSCRIPTION (messaging.knative.dev/v1)
+// ============================================================================
+
+export function getSubscriptionChannel(resource: any): string {
+  const channel = resource?.spec?.channel
+  if (!channel) return '-'
+  return formatRef(channel)
+}
+
+export function getSubscriptionSubscriber(resource: any): string {
+  const ref = resource?.spec?.subscriber?.ref
+  if (ref) return formatRef(ref)
+  return resource?.spec?.subscriber?.uri || '-'
+}
+
+// ============================================================================
+// SEQUENCE (flows.knative.dev/v1)
+// ============================================================================
+
+export function getSequenceStepCount(resource: any): number {
+  return (resource?.spec?.steps || []).length
+}
+
+// ============================================================================
+// PARALLEL (flows.knative.dev/v1)
+// ============================================================================
+
+export function getParallelBranchCount(resource: any): number {
+  return (resource?.spec?.branches || []).length
+}
+
+// ============================================================================
+// DOMAINMAPPING (serving.knative.dev/v1beta1)
+// ============================================================================
+
+export function getDomainMappingUrl(resource: any): string {
+  return resource?.status?.url || '-'
+}
+
+// ============================================================================
+// SERVERLESSSERVICE (networking.internal.knative.dev/v1alpha1)
+// ============================================================================
+
+export function getServerlessServiceMode(resource: any): string {
+  return resource?.spec?.mode || '-'
+}

package/src/components/resources/resource-utils-kyverno.ts

@@ -0,0 +1,224 @@
+// Kyverno / Policy Report CRD utility functions
+
+import type { StatusBadge } from './resource-utils'
+import { healthColors, formatAge } from './resource-utils'
+
+// ============================================================================
+// SHARED HELPERS
+// ============================================================================
+
+interface PolicyReportSummary {
+  pass: number
+  fail: number
+  warn: number
+  error: number
+  skip: number
+}
+
+function extractSummary(resource: any): PolicyReportSummary {
+  const summary = resource.summary || {}
+  return {
+    pass: summary.pass ?? 0,
+    fail: summary.fail ?? 0,
+    warn: summary.warn ?? 0,
+    error: summary.error ?? 0,
+    skip: summary.skip ?? 0,
+  }
+}
+
+function extractResults(resource: any): any[] {
+  return resource.results || []
+}
+
+// ============================================================================
+// POLICYREPORT UTILITIES (wgpolicyk8s.io/v1alpha2)
+// ============================================================================
+
+export function getPolicyReportStatus(resource: any): StatusBadge {
+  const summary = extractSummary(resource)
+
+  if (summary.error > 0) {
+    return { text: `${summary.error} Error`, color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  if (summary.fail > 0) {
+    return { text: `${summary.fail} Fail`, color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  if (summary.warn > 0) {
+    return { text: `${summary.warn} Warn`, color: healthColors.degraded, level: 'degraded' }
+  }
+  if (summary.pass > 0) {
+    return { text: 'Pass', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (summary.skip > 0) {
+    return { text: 'Skip', color: healthColors.neutral, level: 'neutral' }
+  }
+  return { text: 'Empty', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getPolicyReportSummary(resource: any): PolicyReportSummary {
+  return extractSummary(resource)
+}
+
+export function getPolicyReportResults(resource: any): any[] {
+  return extractResults(resource)
+}
+
+export function getPolicyReportResultCount(resource: any): number {
+  return extractResults(resource).length
+}
+
+export function getPolicyReportScope(resource: any): string {
+  const scope = resource.scope
+  if (!scope) return '-'
+  const parts = [scope.kind, scope.namespace, scope.name].filter(Boolean)
+  return parts.join('/') || '-'
+}
+
+export function getPolicyReportSource(resource: any): string {
+  // Source may be on the report itself or on individual results
+  if (resource.source) return resource.source
+  const results = extractResults(resource)
+  if (results.length > 0 && results[0].source) return results[0].source
+  return '-'
+}
+
+// ============================================================================
+// CLUSTERPOLICYREPORT UTILITIES (wgpolicyk8s.io/v1alpha2)
+// ============================================================================
+
+// ClusterPolicyReport has the same structure as PolicyReport (cluster-scoped)
+export const getClusterPolicyReportStatus = getPolicyReportStatus
+export const getClusterPolicyReportSummary = getPolicyReportSummary
+export const getClusterPolicyReportResults = getPolicyReportResults
+export const getClusterPolicyReportResultCount = getPolicyReportResultCount
+
+// ============================================================================
+// KYVERNO POLICY UTILITIES (kyverno.io/v1)
+// ============================================================================
+
+export function getKyvernoPolicyStatus(resource: any): StatusBadge {
+  const conditions = resource.status?.conditions || []
+
+  const readyCond = conditions.find((c: any) => c.type === 'Ready')
+  if (readyCond?.status === 'True') {
+    return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (readyCond?.status === 'False') {
+    return { text: readyCond.reason || 'Not Ready', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+
+  // Fallback: if spec exists, likely active
+  if (resource.spec?.rules?.length > 0) {
+    return { text: 'Active', color: healthColors.healthy, level: 'healthy' }
+  }
+
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getKyvernoPolicyAction(resource: any): string {
+  // Check spec-level validationFailureAction (deprecated but still widely used)
+  const action = resource.spec?.validationFailureAction
+  if (action) return action
+  // Fallback: check first rule's validate.failureAction
+  const rules = resource.spec?.rules || []
+  for (const rule of rules) {
+    if (rule.validate?.failureAction) return rule.validate.failureAction
+  }
+  return 'Audit'
+}
+
+export function getKyvernoPolicyRuleCount(resource: any): number {
+  return (resource.spec?.rules || []).length
+}
+
+export function getKyvernoPolicyRuleTypes(resource: any): string {
+  const rules = resource.spec?.rules || []
+  const types = new Set<string>()
+  for (const rule of rules) {
+    if (rule.validate) types.add('validate')
+    if (rule.mutate) types.add('mutate')
+    if (rule.generate) types.add('generate')
+    if (rule.verifyImages) types.add('verifyImages')
+  }
+  if (types.size === 0) return '-'
+  return Array.from(types).join(', ')
+}
+
+export function getKyvernoPolicyRules(resource: any): Array<{
+  name: string
+  type: string
+  hasMatch: boolean
+  hasExclude: boolean
+}> {
+  const rules = resource.spec?.rules || []
+  return rules.map((rule: any) => {
+    let type = 'unknown'
+    if (rule.validate) type = 'validate'
+    else if (rule.mutate) type = 'mutate'
+    else if (rule.generate) type = 'generate'
+    else if (rule.verifyImages) type = 'verifyImages'
+
+    return {
+      name: rule.name || '-',
+      type,
+      hasMatch: !!rule.match,
+      hasExclude: !!rule.exclude,
+    }
+  })
+}
+
+export function getKyvernoPolicyBackground(resource: any): boolean {
+  return resource.spec?.background !== false
+}
+
+export function getKyvernoPolicyRuleCountByType(resource: any): {
+  validate: number
+  mutate: number
+  generate: number
+  verifyImages: number
+} {
+  // Use status rulecount if available, otherwise compute from rules
+  const statusCount = resource.status?.rulecount
+  if (statusCount) {
+    return {
+      validate: statusCount.validate ?? 0,
+      mutate: statusCount.mutate ?? 0,
+      generate: statusCount.generate ?? 0,
+      verifyImages: statusCount.verifyImages ?? 0,
+    }
+  }
+
+  const rules = resource.spec?.rules || []
+  const counts = { validate: 0, mutate: 0, generate: 0, verifyImages: 0 }
+  for (const rule of rules) {
+    if (rule.validate) counts.validate++
+    if (rule.mutate) counts.mutate++
+    if (rule.generate) counts.generate++
+    if (rule.verifyImages) counts.verifyImages++
+  }
+  return counts
+}
+
+export function getKyvernoPolicyAutogenRules(resource: any): string[] {
+  const autogen = resource.status?.autogen?.rules || []
+  return autogen.map((r: any) => r.name).filter(Boolean)
+}
+
+export function getKyvernoPolicyLastScheduleTime(resource: any): string {
+  const lastSchedule = resource.status?.lastScheduleTime
+  if (!lastSchedule) return '-'
+  return formatAge(lastSchedule)
+}
+
+// ============================================================================
+// KYVERNO CLUSTERPOLICY UTILITIES (kyverno.io/v1)
+// ============================================================================
+
+// ClusterPolicy has the same structure as Policy (cluster-scoped)
+export const getClusterPolicyStatus = getKyvernoPolicyStatus
+export const getClusterPolicyAction = getKyvernoPolicyAction
+export const getClusterPolicyRuleCount = getKyvernoPolicyRuleCount
+export const getClusterPolicyRuleTypes = getKyvernoPolicyRuleTypes
+export const getClusterPolicyRules = getKyvernoPolicyRules
+export const getClusterPolicyBackground = getKyvernoPolicyBackground
+export const getClusterPolicyRuleCountByType = getKyvernoPolicyRuleCountByType