@workbench-kit/react 0.0.1-prototype.0 → 0.0.2-prototype.0.1.2

package/src/workbench/status.ts

@@ -0,0 +1,129 @@
+export type WorkbenchStatus =
+  | 'idle'
+  | 'running'
+  | 'completed'
+  | 'failed'
+  | 'waiting'
+  | 'cancelled'
+  | 'disabled'
+  | 'unavailable';
+
+export type WorkbenchStatusVariant =
+  | 'accent'
+  | 'danger'
+  | 'muted'
+  | 'neutral'
+  | 'success'
+  | 'warning';
+
+export interface WorkbenchStatusDescriptor {
+  busy: boolean;
+  disabled: boolean;
+  label: string;
+  status: WorkbenchStatus;
+  unavailable: boolean;
+  variant: WorkbenchStatusVariant;
+}
+
+const workbenchStatusDescriptors: Record<WorkbenchStatus, WorkbenchStatusDescriptor> = {
+  cancelled: {
+    busy: false,
+    disabled: false,
+    label: 'Cancelled',
+    status: 'cancelled',
+    unavailable: false,
+    variant: 'muted',
+  },
+  completed: {
+    busy: false,
+    disabled: false,
+    label: 'Completed',
+    status: 'completed',
+    unavailable: false,
+    variant: 'success',
+  },
+  disabled: {
+    busy: false,
+    disabled: true,
+    label: 'Disabled',
+    status: 'disabled',
+    unavailable: false,
+    variant: 'muted',
+  },
+  failed: {
+    busy: false,
+    disabled: false,
+    label: 'Failed',
+    status: 'failed',
+    unavailable: false,
+    variant: 'danger',
+  },
+  idle: {
+    busy: false,
+    disabled: false,
+    label: 'Idle',
+    status: 'idle',
+    unavailable: false,
+    variant: 'neutral',
+  },
+  running: {
+    busy: true,
+    disabled: false,
+    label: 'Running',
+    status: 'running',
+    unavailable: false,
+    variant: 'accent',
+  },
+  unavailable: {
+    busy: false,
+    disabled: true,
+    label: 'Unavailable',
+    status: 'unavailable',
+    unavailable: true,
+    variant: 'muted',
+  },
+  waiting: {
+    busy: false,
+    disabled: false,
+    label: 'Waiting',
+    status: 'waiting',
+    unavailable: false,
+    variant: 'warning',
+  },
+};
+
+export function getWorkbenchStatusDescriptor(status: WorkbenchStatus): WorkbenchStatusDescriptor {
+  return workbenchStatusDescriptors[status];
+}
+
+export function getWorkbenchStatusLabel(status: WorkbenchStatus) {
+  return getWorkbenchStatusDescriptor(status).label;
+}
+
+export function getWorkbenchStatusVariant(status: WorkbenchStatus) {
+  return getWorkbenchStatusDescriptor(status).variant;
+}
+
+export function isWorkbenchStatusBusy(status: WorkbenchStatus) {
+  return getWorkbenchStatusDescriptor(status).busy;
+}
+
+export function isWorkbenchStatusDisabled(status: WorkbenchStatus) {
+  return getWorkbenchStatusDescriptor(status).disabled;
+}
+
+export function isWorkbenchStatusUnavailable(status: WorkbenchStatus) {
+  return getWorkbenchStatusDescriptor(status).unavailable;
+}
+
+export function isWorkbenchStatus(status: string): status is WorkbenchStatus {
+  return Object.prototype.hasOwnProperty.call(workbenchStatusDescriptors, status);
+}
+
+export function workbenchStatusFromLifecycleStatus(status: string): WorkbenchStatus {
+  if (isWorkbenchStatus(status)) return status;
+  if (status === 'error') return 'failed';
+  if (status === 'pending') return 'waiting';
+  if (status === 'done' || status === 'success') return 'completed';
+  return 'idle';
+}

package/src/workbench/theme.ts

@@ -0,0 +1,44 @@
+import { useSyncExternalStore } from 'react';
+import type { WorkbenchTheme } from './standalone';
+
+export type ResolvedWorkbenchTheme = 'dark' | 'light';
+
+const LIGHT_QUERY = '(prefers-color-scheme: light)';
+
+function getSystemTheme(): ResolvedWorkbenchTheme {
+  if (typeof window === 'undefined') return 'dark';
+  return window.matchMedia(LIGHT_QUERY).matches ? 'light' : 'dark';
+}
+
+function subscribeToSystemTheme(onChange: () => void): () => void {
+  if (typeof window === 'undefined') return () => undefined;
+  const mediaQuery = window.matchMedia(LIGHT_QUERY);
+  mediaQuery.addEventListener('change', onChange);
+  return () => mediaQuery.removeEventListener('change', onChange);
+}
+
+function getServerSystemTheme(): ResolvedWorkbenchTheme {
+  return 'dark';
+}
+
+/**
+ * Resolves a theme preference (including 'system') to an actual 'light' | 'dark' theme.
+ * For custom theme strings, returns them unchanged (cast to ResolvedWorkbenchTheme).
+ */
+export function useResolvedWorkbenchTheme(
+  theme: WorkbenchTheme | 'system',
+): ResolvedWorkbenchTheme {
+  const systemTheme = useSyncExternalStore<ResolvedWorkbenchTheme>(
+    subscribeToSystemTheme,
+    getSystemTheme,
+    getServerSystemTheme,
+  );
+
+  if (theme === 'system') return systemTheme;
+  return theme as unknown as ResolvedWorkbenchTheme;
+}
+
+export function resolveWorkbenchTheme(theme: WorkbenchTheme | 'system'): ResolvedWorkbenchTheme {
+  if (theme === 'system') return getSystemTheme();
+  return theme as unknown as ResolvedWorkbenchTheme;
+}