clintplay-react-native 0.1.0 → 0.2.1

package/README.md

@@ -2,7 +2,7 @@
 
 Session capture SDK for React Native / Expo apps — companion to [`clintplay-sdk`](../sdk) (web). Captures lifecycle, screen dimensions, navigation, JS errors, network requests (Fetch & XHR/Axios), console output, touches (screen-relative & target-relative), and native visual wireframe replay on iOS and Android.
 
-> **Status:** `0.1.0` — Production-ready JS runtime and Native TurboModule. Supports native view hierarchy traversal on iOS (`ios/ClintplayRN.mm`) and Android (`android/.../ClintplayRNModule.kt`), visual wireframe session replay, network interception for `fetch` and `XMLHttpRequest`/Axios, automatic navigation tracking, and intelligent auto-masking for sensitive fields.
+> **Status:** `0.2.1` — Production-ready JS runtime and Native TurboModule. Supports native view hierarchy traversal on iOS (`ios/ClintplayRN.mm`) and Android (`android/.../ClintplayRNModule.kt`), visual wireframe session replay, network interception for `fetch` and `XMLHttpRequest`/Axios, automatic navigation tracking, and intelligent auto-masking for sensitive fields.
 
 ## Install
 
@@ -81,7 +81,7 @@ export default function RootLayout() {
 | `enabled` | `boolean` | `true` | Master killswitch. Set to `false` to disable all telemetry. |
 | `sampleRate` | `number` | `1.0` | Probabilistic sampling rate between `0.0` and `1.0`. |
 | `captureWireframe` | `boolean` | `false` | Enable native view-hierarchy visual wireframe capture for session replay. |
-| `wireframeIntervalMs` | `number` | `1000` | Wireframe snapshot interval in milliseconds. |
+| `wireframeIntervalMs` | `number` | `1000` | Wireframe snapshot interval in milliseconds. A snapshot identical to the previous one is not re-sent (an unchanged screen is re-sent every 30 s), and a snapshot is also taken ~400 ms after every touch end and navigation, so screens visited for less than the interval still reach the replay. |
 | `captureNetwork` | `boolean` | `true` | Intercept `globalThis.fetch` and `XMLHttpRequest` (including Axios) requests. |
 | `captureConsole` | `boolean` | `false` | Intercept `console.warn` and `console.error` logs. |
 | `captureConsoleLog` | `boolean` | `false` | Intercept `console.log` logs when `captureConsole: true`. |
@@ -104,7 +104,7 @@ export default function RootLayout() {
 | `network` | `fetch` & `XMLHttpRequest` / Axios | **On** | HTTP method, URL (sanitized), status code, duration, and errors. Protected against double-counting. |
 | `navigation` | Navigation Trackers & `trackScreen` | **On (Tracker)** | Screen path changes (`to`, `from`). Automatic via `<ClintplayNavigationTracker />` or React Navigation listener. |
 | `touch` | `<ClintplayCaptureProvider>` | **Provider** | Tap / touch gestures with both screen-relative coordinates (`screenX`, `screenY`) and target-relative coordinates (`x`, `y`). |
-| `wireframe` | Native TurboModule | **Opt-in** | Visual UI hierarchy snapshots (view rects, styles, text, masking) across iOS and Android. |
+| `wireframe` | Native TurboModule | **Opt-in** | Visual UI hierarchy snapshots (view rects, background colors, text with font size, color and alignment — plus weight on iOS, and bold on Android —, masking) across iOS and Android. Sent on change, after interactions, and every 30 s while unchanged. |
 | `log` | Console Interceptor | **Opt-in** | Console output (`warn`, `error`, and optional `log`). |
 | `identify` | `Clintplay.identify()` | **Manual** | Associating sessions with authenticated users and custom traits. |
 

package/android/src/main/java/digital/clint/clintplay/ClintplayRNModule.kt

@@ -2,13 +2,19 @@ package digital.clint.clintplay
 
 import android.app.Activity
 import android.content.Context
+import android.graphics.Typeface
 import android.graphics.drawable.ColorDrawable
 import android.graphics.drawable.Drawable
 import android.os.Build
 import android.os.Handler
 import android.os.Looper
 import android.text.InputType
+import android.text.Spanned
 import android.text.method.PasswordTransformationMethod
+import android.text.style.AbsoluteSizeSpan
+import android.text.style.ForegroundColorSpan
+import android.text.style.StyleSpan
+import android.view.Gravity
 import android.view.View
 import android.view.ViewGroup
 import android.view.WindowManager
@@ -112,6 +118,45 @@ class ClintplayRNModule(reactContext: ReactApplicationContext) :
     return false
   }
 
+  // React Native sets size and colour as spans on the text, so the spans at the first
+  // character win over the TextView's own defaults. Weight is only sent when bold is
+  // actually detected: RN carries it in its own CustomStyleSpan, which this does not read,
+  // and a guessed 400 would look measured. Best effort: the text alone already makes the
+  // replay readable.
+  private fun putTextStyle(node: JSONObject, view: TextView, density: Float) {
+    try {
+      val text = view.text
+      val safeDensity = if (density > 0f) density else 1f
+      var sizePx = view.textSize
+      var color = view.currentTextColor
+      var bold = view.typeface?.isBold == true
+      if (text is Spanned && text.isNotEmpty()) {
+        text.getSpans(0, 1, AbsoluteSizeSpan::class.java).lastOrNull()?.let { span ->
+          sizePx = if (span.dip) span.size * safeDensity else span.size.toFloat()
+        }
+        text.getSpans(0, 1, ForegroundColorSpan::class.java).lastOrNull()?.let { span ->
+          color = span.foregroundColor
+        }
+        if (text.getSpans(0, 1, StyleSpan::class.java).any { (it.style and Typeface.BOLD) != 0 }) {
+          bold = true
+        }
+      }
+      node.put("fontSize", round(sizePx / safeDensity * 10.0) / 10.0)
+      if (bold) node.put("fontWeight", 700)
+      node.put("color", formatColor(color))
+      val horizontal = Gravity.getAbsoluteGravity(view.gravity, view.layoutDirection) and
+        Gravity.HORIZONTAL_GRAVITY_MASK
+      node.put(
+        "textAlign",
+        when (horizontal) {
+          Gravity.CENTER_HORIZONTAL -> "center"
+          Gravity.RIGHT -> "right"
+          else -> "left"
+        },
+      )
+    } catch (_: Throwable) {}
+  }
+
   private fun serializeView(
     view: View?,
     nodeCounter: AtomicInteger,
@@ -206,6 +251,9 @@ class ClintplayRNModule(reactContext: ReactApplicationContext) :
     var extractedText: String? = null
     if (view is TextView) {
       extractedText = view.text?.toString()
+      if (!isMasked && !extractedText.isNullOrEmpty()) {
+        putTextStyle(nodeObj, view, density)
+      }
     }
 
     if (extractedText != null) {
@@ -328,7 +376,7 @@ class ClintplayRNModule(reactContext: ReactApplicationContext) :
 
   companion object {
     const val NAME = "ClintplayRN"
-    private const val VERSION = "0.1.0"
+    private const val VERSION = "0.2.1"
     private const val FALLBACK_JSON = "{\"version\":1,\"nodes\":[]}"
 
     private val NO_METHOD_SENTINEL = Any()

package/dist/index.d.mts

@@ -2,6 +2,25 @@ import React from 'react';
 import { ViewProps, View, TextInputProps, TextInput, ImageProps, Image, StyleProp, ViewStyle } from 'react-native';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+interface SessionState {
+    sessionId: string;
+    startedAt: number;
+    lastActivity: number;
+    userId: string | null;
+}
+declare class SessionManager {
+    private state;
+    private readonly now;
+    constructor(now?: () => number);
+    private create;
+    current(): SessionState;
+    touch(): void;
+    setUser(userId: string | null): boolean;
+    isStale(): boolean;
+    rotateIfStale(): boolean;
+    reset(): void;
+}
+
 type EventType = 'meta' | 'screen' | 'lifecycle' | 'navigation' | 'touch' | 'error' | 'log' | 'identify' | 'network' | 'wireframe';
 interface DeviceInfo {
     platform: 'ios' | 'android' | 'web';
@@ -59,8 +78,10 @@ interface LogEvent {
 interface IdentifyEvent {
     type: 'identify';
     ts: number;
-    userId: string | null;
-    traits?: Record<string, unknown>;
+    data: {
+        userId: string | null;
+        traits?: Record<string, unknown>;
+    };
 }
 interface NetworkEvent {
     type: 'network';
@@ -112,7 +133,8 @@ interface ReplayBatch {
     sdkVersion?: string;
 }
 interface ClintplayReactNativeConfig {
-    apiUrl: string;
+    apiUrl?: string;
+    endpoint?: string;
     apiKey?: string;
     projectId?: string;
     anonId?: string;
@@ -139,6 +161,111 @@ interface AsyncStorageLike {
     multiRemove(keys: readonly string[]): Promise<void>;
 }
 
+interface TransportConfig {
+    apiUrl: string;
+    apiKey?: string;
+    projectId?: string;
+    maxRetries?: number;
+    timeoutMs?: number;
+    backoffMs?: (attempt: number) => number;
+}
+interface TransportResult {
+    ok: boolean;
+    status?: number;
+    retryable?: boolean;
+}
+declare class Transport {
+    private readonly cfg;
+    constructor(cfg: TransportConfig);
+    sendDetailed(batch: ReplayBatch): Promise<TransportResult>;
+    send(batch: ReplayBatch): Promise<boolean>;
+    private headers;
+}
+
+interface Recorder {
+    start(): void;
+    stop(): void;
+    takeWireframeSnapshot(): void;
+    /** Captura depois que a interação assenta (toque, navegação). Chamadas próximas viram uma. */
+    scheduleWireframeSnapshot(): void;
+    /** A próxima captura é enviada mesmo igual à anterior (sessão nova precisa da tela). */
+    resetWireframeBaseline(): void;
+}
+
+interface NetworkInterceptorDeps {
+    onEvent: (event: ReplayEvent) => void;
+    now: () => number;
+    sanitizeUrl?: (url: string) => string;
+    apiUrl?: string;
+}
+declare class NetworkInterceptor {
+    private readonly deps;
+    private originalFetch;
+    private wrappedFetch;
+    private originalXHROpen;
+    private wrappedXHROpen;
+    private originalXHRSend;
+    private wrappedXHRSend;
+    private started;
+    private isCallingFetchSync;
+    private readonly sanitize;
+    private readonly ingestOrigin;
+    private readonly ingestPath;
+    constructor(deps: NetworkInterceptorDeps);
+    private isSelfIngestUrl;
+    start(): void;
+    stop(): void;
+    private extractUrl;
+    private extractMethod;
+}
+
+interface ConsoleInterceptorDeps {
+    onEvent: (event: ReplayEvent) => void;
+    now: () => number;
+    maxMessageLength?: number;
+    captureConsoleLog?: boolean;
+}
+declare class ConsoleInterceptor {
+    private readonly deps;
+    private readonly originals;
+    private readonly wrapped;
+    private started;
+    private isEmitting;
+    private readonly maxLength;
+    constructor(deps: ConsoleInterceptorDeps);
+    start(): void;
+    private wrapMethod;
+    stop(): void;
+    private formatMessage;
+}
+
+type SendBatchResult = boolean | {
+    ok: boolean;
+    status?: number;
+    retryable?: boolean;
+};
+interface OfflineQueueDeps {
+    storage: AsyncStorageLike;
+    send: (batch: ReplayBatch) => Promise<SendBatchResult>;
+    maxBytes?: number;
+    keyPrefix?: string;
+    debug?: (msg: string) => void;
+}
+declare class OfflineQueue {
+    private readonly deps;
+    private currentBytes;
+    private seq;
+    private readonly prefix;
+    private readonly maxBytes;
+    private hydrationPromise;
+    constructor(deps: OfflineQueueDeps);
+    hydrate(force?: boolean): Promise<void>;
+    persist(batch: ReplayBatch): Promise<void>;
+    drain(): Promise<number>;
+    clear(): Promise<void>;
+    private evictUntilFits;
+}
+
 declare const CLINTPLAY_MASK_ID = "clintplay-mask";
 interface ClintplayMaskViewProps extends ViewProps {
     children?: React.ReactNode;
@@ -252,9 +379,20 @@ declare function _resetLastTrackedRoute(): void;
 declare function useClintplayNavigationTracking(routeNameOrPath?: string, options?: UseClintplayNavigationOptions): UseClintplayNavigationResult;
 
 declare const SDK_VERSION: string;
+interface InternalConfig {
+    apiUrl: string;
+    apiKey?: string;
+    projectId: string;
+    anonId?: string;
+    flushIntervalMs: number;
+    flushSize: number;
+    maxBufferSize: number;
+    debug: boolean;
+    captureWireframe: boolean;
+}
 declare function formatEventForBatch(event: ReplayEvent | BackendEvent, defaultSessionId: string): BackendEvent;
-declare function init(rawConfig: ClintplayReactNativeConfig): void;
-declare function identify(userId: string | null, traits?: Record<string, unknown>): void;
+declare function init(rawConfig: ClintplayReactNativeConfig): typeof Clintplay;
+declare function identify(userId: string | number | null, traits?: Record<string, unknown>): void;
 declare function reset(options?: {
     clearOfflineQueue?: boolean;
 }): void;
@@ -266,6 +404,19 @@ declare function current(): {
     sessionId: string;
     userId: string | null;
 } | null;
+declare function _getState(): {
+    buffer: readonly ReplayEvent[];
+    config: InternalConfig;
+    session: SessionManager;
+    transport: Transport;
+    recorder: Recorder;
+    networkInterceptor: NetworkInterceptor | null;
+    consoleInterceptor: ConsoleInterceptor | null;
+    offlineQueue: OfflineQueue | null;
+    flushTimer: ReturnType<typeof setInterval> | null;
+    excluded: ReadonlySet<EventType>;
+    active: boolean;
+} | null;
 declare const Clintplay: {
     init: typeof init;
     identify: typeof identify;
@@ -275,6 +426,7 @@ declare const Clintplay: {
     flush: typeof flush;
     stop: typeof stop;
     current: typeof current;
+    _getState: typeof _getState;
 };
 
-export { type BackendEvent, CLINTPLAY_MASK_ID, Clintplay, ClintplayCaptureProvider, type ClintplayCaptureProviderProps, ClintplayMaskImage, type ClintplayMaskImageProps, ClintplayMaskTextInput, type ClintplayMaskTextInputProps, ClintplayMaskView, type ClintplayMaskViewProps, ClintplayNavigationTracker, type ClintplayNavigationTrackerProps, type ClintplayReactNativeConfig, type DeviceInfo, type NavigationRouteLike, type NavigationStateLike, type NavigationStateListenerCallback, type NavigationStateListenerOptions, type ReplayBatch, type ReplayEvent, SDK_VERSION, type UseClintplayNavigationOptions, type UseClintplayNavigationResult, type WireframeEvent, type WireframeNode, _resetLastTrackedRoute, createClintplayNavigationStateListener, formatEventForBatch, getActiveRouteName, sanitizeRoute, useClintplayNavigationTracking };
+export { type BackendEvent, CLINTPLAY_MASK_ID, Clintplay, ClintplayCaptureProvider, type ClintplayCaptureProviderProps, ClintplayMaskImage, type ClintplayMaskImageProps, ClintplayMaskTextInput, type ClintplayMaskTextInputProps, ClintplayMaskView, type ClintplayMaskViewProps, ClintplayNavigationTracker, type ClintplayNavigationTrackerProps, type ClintplayReactNativeConfig, type DeviceInfo, type NavigationRouteLike, type NavigationStateLike, type NavigationStateListenerCallback, type NavigationStateListenerOptions, type ReplayBatch, type ReplayEvent, SDK_VERSION, type UseClintplayNavigationOptions, type UseClintplayNavigationResult, type WireframeEvent, type WireframeNode, _resetLastTrackedRoute, createClintplayNavigationStateListener, formatEventForBatch, getActiveRouteName, init, sanitizeRoute, useClintplayNavigationTracking };

package/dist/index.d.ts

@@ -2,6 +2,25 @@ import React from 'react';
 import { ViewProps, View, TextInputProps, TextInput, ImageProps, Image, StyleProp, ViewStyle } from 'react-native';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+interface SessionState {
+    sessionId: string;
+    startedAt: number;
+    lastActivity: number;
+    userId: string | null;
+}
+declare class SessionManager {
+    private state;
+    private readonly now;
+    constructor(now?: () => number);
+    private create;
+    current(): SessionState;
+    touch(): void;
+    setUser(userId: string | null): boolean;
+    isStale(): boolean;
+    rotateIfStale(): boolean;
+    reset(): void;
+}
+
 type EventType = 'meta' | 'screen' | 'lifecycle' | 'navigation' | 'touch' | 'error' | 'log' | 'identify' | 'network' | 'wireframe';
 interface DeviceInfo {
     platform: 'ios' | 'android' | 'web';
@@ -59,8 +78,10 @@ interface LogEvent {
 interface IdentifyEvent {
     type: 'identify';
     ts: number;
-    userId: string | null;
-    traits?: Record<string, unknown>;
+    data: {
+        userId: string | null;
+        traits?: Record<string, unknown>;
+    };
 }
 interface NetworkEvent {
     type: 'network';
@@ -112,7 +133,8 @@ interface ReplayBatch {
     sdkVersion?: string;
 }
 interface ClintplayReactNativeConfig {
-    apiUrl: string;
+    apiUrl?: string;
+    endpoint?: string;
     apiKey?: string;
     projectId?: string;
     anonId?: string;
@@ -139,6 +161,111 @@ interface AsyncStorageLike {
     multiRemove(keys: readonly string[]): Promise<void>;
 }
 
+interface TransportConfig {
+    apiUrl: string;
+    apiKey?: string;
+    projectId?: string;
+    maxRetries?: number;
+    timeoutMs?: number;
+    backoffMs?: (attempt: number) => number;
+}
+interface TransportResult {
+    ok: boolean;
+    status?: number;
+    retryable?: boolean;
+}
+declare class Transport {
+    private readonly cfg;
+    constructor(cfg: TransportConfig);
+    sendDetailed(batch: ReplayBatch): Promise<TransportResult>;
+    send(batch: ReplayBatch): Promise<boolean>;
+    private headers;
+}
+
+interface Recorder {
+    start(): void;
+    stop(): void;
+    takeWireframeSnapshot(): void;
+    /** Captura depois que a interação assenta (toque, navegação). Chamadas próximas viram uma. */
+    scheduleWireframeSnapshot(): void;
+    /** A próxima captura é enviada mesmo igual à anterior (sessão nova precisa da tela). */
+    resetWireframeBaseline(): void;
+}
+
+interface NetworkInterceptorDeps {
+    onEvent: (event: ReplayEvent) => void;
+    now: () => number;
+    sanitizeUrl?: (url: string) => string;
+    apiUrl?: string;
+}
+declare class NetworkInterceptor {
+    private readonly deps;
+    private originalFetch;
+    private wrappedFetch;
+    private originalXHROpen;
+    private wrappedXHROpen;
+    private originalXHRSend;
+    private wrappedXHRSend;
+    private started;
+    private isCallingFetchSync;
+    private readonly sanitize;
+    private readonly ingestOrigin;
+    private readonly ingestPath;
+    constructor(deps: NetworkInterceptorDeps);
+    private isSelfIngestUrl;
+    start(): void;
+    stop(): void;
+    private extractUrl;
+    private extractMethod;
+}
+
+interface ConsoleInterceptorDeps {
+    onEvent: (event: ReplayEvent) => void;
+    now: () => number;
+    maxMessageLength?: number;
+    captureConsoleLog?: boolean;
+}
+declare class ConsoleInterceptor {
+    private readonly deps;
+    private readonly originals;
+    private readonly wrapped;
+    private started;
+    private isEmitting;
+    private readonly maxLength;
+    constructor(deps: ConsoleInterceptorDeps);
+    start(): void;
+    private wrapMethod;
+    stop(): void;
+    private formatMessage;
+}
+
+type SendBatchResult = boolean | {
+    ok: boolean;
+    status?: number;
+    retryable?: boolean;
+};
+interface OfflineQueueDeps {
+    storage: AsyncStorageLike;
+    send: (batch: ReplayBatch) => Promise<SendBatchResult>;
+    maxBytes?: number;
+    keyPrefix?: string;
+    debug?: (msg: string) => void;
+}
+declare class OfflineQueue {
+    private readonly deps;
+    private currentBytes;
+    private seq;
+    private readonly prefix;
+    private readonly maxBytes;
+    private hydrationPromise;
+    constructor(deps: OfflineQueueDeps);
+    hydrate(force?: boolean): Promise<void>;
+    persist(batch: ReplayBatch): Promise<void>;
+    drain(): Promise<number>;
+    clear(): Promise<void>;
+    private evictUntilFits;
+}
+
 declare const CLINTPLAY_MASK_ID = "clintplay-mask";
 interface ClintplayMaskViewProps extends ViewProps {
     children?: React.ReactNode;
@@ -252,9 +379,20 @@ declare function _resetLastTrackedRoute(): void;
 declare function useClintplayNavigationTracking(routeNameOrPath?: string, options?: UseClintplayNavigationOptions): UseClintplayNavigationResult;
 
 declare const SDK_VERSION: string;
+interface InternalConfig {
+    apiUrl: string;
+    apiKey?: string;
+    projectId: string;
+    anonId?: string;
+    flushIntervalMs: number;
+    flushSize: number;
+    maxBufferSize: number;
+    debug: boolean;
+    captureWireframe: boolean;
+}
 declare function formatEventForBatch(event: ReplayEvent | BackendEvent, defaultSessionId: string): BackendEvent;
-declare function init(rawConfig: ClintplayReactNativeConfig): void;
-declare function identify(userId: string | null, traits?: Record<string, unknown>): void;
+declare function init(rawConfig: ClintplayReactNativeConfig): typeof Clintplay;
+declare function identify(userId: string | number | null, traits?: Record<string, unknown>): void;
 declare function reset(options?: {
     clearOfflineQueue?: boolean;
 }): void;
@@ -266,6 +404,19 @@ declare function current(): {
     sessionId: string;
     userId: string | null;
 } | null;
+declare function _getState(): {
+    buffer: readonly ReplayEvent[];
+    config: InternalConfig;
+    session: SessionManager;
+    transport: Transport;
+    recorder: Recorder;
+    networkInterceptor: NetworkInterceptor | null;
+    consoleInterceptor: ConsoleInterceptor | null;
+    offlineQueue: OfflineQueue | null;
+    flushTimer: ReturnType<typeof setInterval> | null;
+    excluded: ReadonlySet<EventType>;
+    active: boolean;
+} | null;
 declare const Clintplay: {
     init: typeof init;
     identify: typeof identify;
@@ -275,6 +426,7 @@ declare const Clintplay: {
     flush: typeof flush;
     stop: typeof stop;
     current: typeof current;
+    _getState: typeof _getState;
 };
 
-export { type BackendEvent, CLINTPLAY_MASK_ID, Clintplay, ClintplayCaptureProvider, type ClintplayCaptureProviderProps, ClintplayMaskImage, type ClintplayMaskImageProps, ClintplayMaskTextInput, type ClintplayMaskTextInputProps, ClintplayMaskView, type ClintplayMaskViewProps, ClintplayNavigationTracker, type ClintplayNavigationTrackerProps, type ClintplayReactNativeConfig, type DeviceInfo, type NavigationRouteLike, type NavigationStateLike, type NavigationStateListenerCallback, type NavigationStateListenerOptions, type ReplayBatch, type ReplayEvent, SDK_VERSION, type UseClintplayNavigationOptions, type UseClintplayNavigationResult, type WireframeEvent, type WireframeNode, _resetLastTrackedRoute, createClintplayNavigationStateListener, formatEventForBatch, getActiveRouteName, sanitizeRoute, useClintplayNavigationTracking };
+export { type BackendEvent, CLINTPLAY_MASK_ID, Clintplay, ClintplayCaptureProvider, type ClintplayCaptureProviderProps, ClintplayMaskImage, type ClintplayMaskImageProps, ClintplayMaskTextInput, type ClintplayMaskTextInputProps, ClintplayMaskView, type ClintplayMaskViewProps, ClintplayNavigationTracker, type ClintplayNavigationTrackerProps, type ClintplayReactNativeConfig, type DeviceInfo, type NavigationRouteLike, type NavigationStateLike, type NavigationStateListenerCallback, type NavigationStateListenerOptions, type ReplayBatch, type ReplayEvent, SDK_VERSION, type UseClintplayNavigationOptions, type UseClintplayNavigationResult, type WireframeEvent, type WireframeNode, _resetLastTrackedRoute, createClintplayNavigationStateListener, formatEventForBatch, getActiveRouteName, init, sanitizeRoute, useClintplayNavigationTracking };