react-craft-ai-operations-history

 

OperationHistory is a React component aiming at displaying the context operations of a craft ai agent.

Demo

Usage

A very basic usage looks like that

``js
agentConfiguration={myAgentConfiguration}
initialOperations={myAgentOperations}
/>
`

Where myAgentConfiguration and myAgentOperationsare data structures that can be retrieved from the craft ai API.

The component can be used with _load as you scroll_ strategy using the following props

`js
agentConfiguration={myAgentConfiguration}
from={myAgent.firstTimestamp}
to={myAgent.lastTimestamp}
onRequestOperations={(requestedFrom, requestedTo, requestInitialState) => {
/ ... /
return {
operations, // The retrieved operations
from, // The first timestamp that was requested
to, // The last timestamp that was requested
initialState // If requestInitialState is true, the full state of the agent at from
};
}}
/>
`

Props reference

$3

The configuration of the agent.

$3

A function taking three parameters:

- requestedFrom the desired operations timestamp lower bound,
- requestedTo the desired operations timestamp upper bound,
- requestInitialState a boolean telling if the full state at from is needed.

This function can return a promise and returns an object having the following properties:

- operations the retrieved operations as an array,
- from the first timestamp that was requested (can be different from requestedFrom, because of page alignment for example),
- to the last timestamp that was requested (can be different from requestedTo, because of page alignment for example),
- initialState, if requestInitialState is true, the full state of the agent at from.

$3

The height, in pixels, of the rows.

$3

The height, in pixels, of the full table.

$3

The width, in pixels, of the full table, if undefined` the table will take the full available width.

$3

Array of already loaded operations.

$3

The agent's operations timestamp upper bound.

$3

The agent's operations timestamp lower bound.

$3

The timestamp that should be highlighted.