@pgcorp/ui-kit 0.8.1 → 0.10.0

package/src/workers/diffProtocol.ts

@@ -0,0 +1,155 @@
+import {
+  validateDiffComputationOptions,
+  validateDiffResult,
+  validateDiffSource,
+  type SDiffComputationOptions,
+  type SDiffResult,
+  type SDiffSource,
+} from '../components/shared/data-display/diff'
+import { validateExactString, validateNonEmptyString } from '../internal/runtimeContract'
+
+export const S_DIFF_WORKER_PROTOCOL_VERSION = 1 as const
+
+export interface SDiffWorkerComputeRequest {
+  readonly version: typeof S_DIFF_WORKER_PROTOCOL_VERSION
+  readonly type: 'compute'
+  readonly requestId: string
+  readonly before: SDiffSource
+  readonly after: SDiffSource
+  readonly options: Required<SDiffComputationOptions>
+}
+
+export interface SDiffWorkerCancelRequest {
+  readonly version: typeof S_DIFF_WORKER_PROTOCOL_VERSION
+  readonly type: 'cancel'
+  readonly requestId: string
+}
+
+export type SDiffWorkerRequest = SDiffWorkerComputeRequest | SDiffWorkerCancelRequest
+
+export interface SDiffWorkerResultResponse {
+  readonly version: typeof S_DIFF_WORKER_PROTOCOL_VERSION
+  readonly type: 'result'
+  readonly requestId: string
+  readonly result: SDiffResult
+}
+
+export interface SDiffWorkerCancelledResponse {
+  readonly version: typeof S_DIFF_WORKER_PROTOCOL_VERSION
+  readonly type: 'cancelled'
+  readonly requestId: string
+}
+
+export interface SDiffWorkerErrorResponse {
+  readonly version: typeof S_DIFF_WORKER_PROTOCOL_VERSION
+  readonly type: 'error'
+  readonly requestId: string
+  readonly error: {
+    readonly name: string
+    readonly message: string
+  }
+}
+
+export type SDiffWorkerResponse =
+  | SDiffWorkerResultResponse
+  | SDiffWorkerCancelledResponse
+  | SDiffWorkerErrorResponse
+
+const REQUEST_TYPES = ['compute', 'cancel'] as const
+const RESPONSE_TYPES = ['result', 'cancelled', 'error'] as const
+const COMPUTE_KEYS = new Set(['version', 'type', 'requestId', 'before', 'after', 'options'])
+const CANCEL_KEYS = new Set(['version', 'type', 'requestId'])
+const RESULT_KEYS = new Set(['version', 'type', 'requestId', 'result'])
+const CANCELLED_KEYS = new Set(['version', 'type', 'requestId'])
+const ERROR_KEYS = new Set(['version', 'type', 'requestId', 'error'])
+const ERROR_RECORD_KEYS = new Set(['name', 'message'])
+
+function assertPlainExactRecord(
+  owner: string,
+  coordinate: string,
+  value: unknown,
+  allowed: ReadonlySet<string>,
+): Record<string, unknown> {
+  if (
+    typeof value !== 'object'
+    || value === null
+    || Array.isArray(value)
+    || Object.getPrototypeOf(value) !== Object.prototype
+  ) {
+    throw new TypeError(`${owner}: ${coordinate} must be a plain object.`)
+  }
+  const record = value as Record<string, unknown>
+  const unexpected = Object.keys(record).filter((key) => !allowed.has(key))
+  if (unexpected.length > 0) {
+    throw new TypeError(`${owner}.${coordinate}: unknown fields ${unexpected.map((key) => JSON.stringify(key)).join(', ')}.`)
+  }
+  return record
+}
+
+function validateVersion(owner: string, value: unknown): typeof S_DIFF_WORKER_PROTOCOL_VERSION {
+  if (value === S_DIFF_WORKER_PROTOCOL_VERSION) return value
+  throw new RangeError(`${owner}: unsupported diff worker protocol version ${String(value)}.`)
+}
+
+function validateRequestId(owner: string, value: unknown): string {
+  const requestId = validateNonEmptyString(owner, 'requestId', value)
+  if (requestId === requestId.trim()) return requestId
+  throw new TypeError(`${owner}: requestId must not contain surrounding whitespace.`)
+}
+
+export function validateDiffWorkerRequest(value: unknown): SDiffWorkerRequest {
+  const envelope = assertPlainExactRecord('SDiffWorkerRequest', 'message', value, new Set([
+    ...COMPUTE_KEYS,
+    ...CANCEL_KEYS,
+  ]))
+  const type = validateExactString('SDiffWorkerRequest', 'type', envelope.type, REQUEST_TYPES)
+  const record = assertPlainExactRecord(
+    'SDiffWorkerRequest',
+    'message',
+    value,
+    type === 'compute' ? COMPUTE_KEYS : CANCEL_KEYS,
+  )
+  const version = validateVersion('SDiffWorkerRequest', record.version)
+  const requestId = validateRequestId('SDiffWorkerRequest', record.requestId)
+  if (type === 'cancel') return Object.freeze({ version, type, requestId })
+  return Object.freeze({
+    version,
+    type,
+    requestId,
+    before: validateDiffSource('SDiffWorkerRequest', 'before', record.before),
+    after: validateDiffSource('SDiffWorkerRequest', 'after', record.after),
+    options: validateDiffComputationOptions('SDiffWorkerRequest', record.options),
+  })
+}
+
+export function validateDiffWorkerResponse(value: unknown): SDiffWorkerResponse {
+  const envelope = assertPlainExactRecord('SDiffWorkerResponse', 'message', value, new Set([
+    ...RESULT_KEYS,
+    ...CANCELLED_KEYS,
+    ...ERROR_KEYS,
+  ]))
+  const type = validateExactString('SDiffWorkerResponse', 'type', envelope.type, RESPONSE_TYPES)
+  const allowed = type === 'result' ? RESULT_KEYS : type === 'error' ? ERROR_KEYS : CANCELLED_KEYS
+  const record = assertPlainExactRecord('SDiffWorkerResponse', 'message', value, allowed)
+  const version = validateVersion('SDiffWorkerResponse', record.version)
+  const requestId = validateRequestId('SDiffWorkerResponse', record.requestId)
+  if (type === 'cancelled') return Object.freeze({ version, type, requestId })
+  if (type === 'result') {
+    return Object.freeze({
+      version,
+      type,
+      requestId,
+      result: validateDiffResult('SDiffWorkerResponse', record.result),
+    })
+  }
+  const error = assertPlainExactRecord('SDiffWorkerResponse', 'error', record.error, ERROR_RECORD_KEYS)
+  return Object.freeze({
+    version,
+    type,
+    requestId,
+    error: Object.freeze({
+      name: validateNonEmptyString('SDiffWorkerResponse', 'error.name', error.name),
+      message: validateNonEmptyString('SDiffWorkerResponse', 'error.message', error.message),
+    }),
+  })
+}

package/src/components/shared/data-display/SToastContainer.css

@@ -1,53 +0,0 @@
-@reference "../../../styles/reference.css";
-
-.s-toast-container {
-  @apply fixed top-0 right-0 flex max-h-full min-w-0 w-full max-w-md flex-col overflow-y-auto overscroll-contain p-4;
-  z-index: var(--s-layer-root-toast);
-  @apply pointer-events-none;
-}
-
-.s-toast-transition-wrapper {
-  @apply flex flex-col items-end gap-2;
-}
-
-/*
-  Transition classes for TransitionGroup.
-  This animates toasts sliding in and out from the right.
-*/
-
-/* 1. Enter transitions */
-.notification-transition-enter-active {
-  transition: all var(--s-motion-standard) ease-out;
-}
-
-.notification-transition-enter-from {
-  opacity: 0;
-  transform: translate3d(16px, 12px, 0) scale(0.98);
-}
-
-.notification-transition-enter-to {
-  opacity: 1;
-  transform: translate3d(0, 0, 0) scale(1);
-}
-
-/* 2. Leave transitions */
-.notification-transition-leave-active {
-  transition: all var(--s-motion-fast) ease-in;
-  /* To keep layout from jumping, we make the leaving element absolute */
-  position: absolute;
-}
-
-.notification-transition-leave-from {
-  opacity: 1;
-  transform: translate3d(0, 0, 0) scale(1);
-}
-
-.notification-transition-leave-to {
-  opacity: 0;
-  transform: translate3d(12px, 8px, 0) scale(0.98);
-}
-
-/* 3. Move transition */
-.notification-transition-move {
-  transition: transform var(--s-motion-standard) ease;
-}