chore: add missing command payloads to reactotron-core-contract

lib/reactotron-core-client/src/plugins/api-response.ts

@@ -1,3 +1,4 @@
+import type { ApiResponsePayload } from "reactotron-core-contract"
 import type { ReactotronCore, Plugin } from "../reactotron-core-client"
 
 /**
@@ -6,7 +7,11 @@ import type { ReactotronCore, Plugin } from "../reactotron-core-client"
 const apiResponse = () => (reactotron: ReactotronCore) => {
   return {
     features: {
-      apiResponse: (request: { status: number }, response: any, duration: number) => {
+      apiResponse: (
+        request: ApiResponsePayload["request"],
+        response: ApiResponsePayload["response"],
+        duration: number
+      ) => {
         const ok =
           response &&
           response.status &&

lib/reactotron-core-client/src/plugins/benchmark.ts

@@ -1,3 +1,4 @@
+import type { BenchmarkReportPayload } from "reactotron-core-contract"
 import type { ReactotronCore, Plugin } from "../reactotron-core-client"
 
 /**
@@ -7,7 +8,7 @@ const benchmark = () => (reactotron: ReactotronCore) => {
   const { startTimer } = reactotron
 
   const benchmark = (title: string) => {
-    const steps = [] as Array<{title: string, time: number, delta: number}>
+    const steps: BenchmarkReportPayload["steps"] = []
     const elapsed = startTimer()
     const step = (stepTitle: string) => {
       const previousTime = steps.length === 0 ? 0 : (steps[steps.length - 1] as any).time

lib/reactotron-core-client/src/plugins/image.ts

@@ -1,14 +1,6 @@
+import type { ImagePayload } from "reactotron-core-contract"
 import type { ReactotronCore, Plugin } from "../reactotron-core-client"
 
-export interface ImagePayload {
-  uri: string
-  preview: string
-  caption?: string
-  width?: number
-  height?: number
-  filename?: string
-}
-
 /**
  * Provides an image.
  */

lib/reactotron-core-client/src/plugins/repl.ts

@@ -1,3 +1,4 @@
+import type { ReplExecuteResponsePayload, ReplLsResponsePayload } from "reactotron-core-contract"
 import type { ReactotronCore, Plugin } from "../reactotron-core-client"
 
 // eslint-disable-next-line @typescript-eslint/ban-types
@@ -12,7 +13,7 @@ const repl = () => (reactotron: ReactotronCore) => {
 
       switch (type.substr(5)) {
         case "ls":
-          reactotron.send("repl.ls.response", Object.keys(myRepls))
+          reactotron.send("repl.ls.response", Object.keys(myRepls) as ReplLsResponsePayload)
           break
         // case "cd":
         //   const changeTo = myRepls.find(r => r.name === payload)
@@ -40,7 +41,7 @@ const repl = () => (reactotron: ReactotronCore) => {
             "repl.execute.response",
             function () {
               return eval(payload) // eslint-disable-line no-eval
-            }.call(myRepls)
+            }.call(myRepls) as ReplExecuteResponsePayload
           )
           break
       }

lib/reactotron-core-client/src/reactotron-core-client.ts

@@ -1,5 +1,5 @@
 import WebSocket from "ws"
-import type { Command, CommandTypeKey } from "reactotron-core-contract"
+import type { Command, CommandTypeKey, DisplayPayload } from "reactotron-core-contract"
 import validate from "./validate"
 import logger from "./plugins/logger"
 import image from "./plugins/image"
@@ -44,11 +44,7 @@ export interface Plugin<Client> extends LifeCycleMethods {
 
 export type PluginCreator<Client> = (client: Client) => Plugin<Client>
 
-interface DisplayConfig {
-  name: string
-  value?: object | string | number | boolean | null | undefined
-  preview?: string
-  image?: string | { uri: string }
+interface DisplayConfig extends DisplayPayload {
   important?: boolean
 }
 
@@ -291,7 +287,7 @@ export class ReactotronImpl
         this.send("client.intro", {
           environment,
           ...client,
-          name,
+          name: name!,
           clientId,
           reactotronCoreClientVersion: "REACTOTRON_CORE_CLIENT_VERSION",
         })
@@ -421,11 +417,11 @@ export class ReactotronImpl
    */
   display(config: DisplayConfig) {
     const { name, value, preview, image: img, important = false } = config
-    const payload = {
+    const payload: DisplayPayload = {
       name,
-      value: value || null,
-      preview: preview || null,
-      image: img || null,
+      value: value || undefined,
+      preview: preview || undefined,
+      image: img || undefined,
     }
     this.send("display", payload, important)
   }
@@ -531,7 +527,7 @@ export class ReactotronImpl
         this.customCommands = this.customCommands.filter((cc) => cc.id !== command.id)
 
         this.send("customCommand.unregister", {
-          id: command.id,
+          id: command.id!,
           command: command.command,
         })
       })
@@ -572,7 +568,7 @@ export class ReactotronImpl
     this.customCommands.push(customHandler)
 
     this.send("customCommand.register", {
-      id: customHandler.id,
+      id: customHandler.id!,
       command: customHandler.command,
       title: customHandler.title,
       description: customHandler.description,
@@ -583,7 +579,7 @@ export class ReactotronImpl
       this.customCommands = this.customCommands.filter((cc) => cc.id !== customHandler.id)
 
       this.send("customCommand.unregister", {
-        id: customHandler.id,
+        id: customHandler.id!,
         command: customHandler.command,
       })
     }