Tool

`OBR.tool`

Manage custom tools, tool modes and tool actions.

Reference

Methods

`create`

async create(tool)

Create a new tool.

Parameters

NAME	TYPE	DESCRIPTION
tool	Tool	The new tool to create

`remove`

async remove(id)

Remove an existing tool.

Parameters

NAME	TYPE	DESCRIPTION
id	string	The ID of the tool to remove

`createAction`

async createAction(action)

Create a new tool action.

Parameters

NAME	TYPE	DESCRIPTION
action	ToolAction	The new tool action to create

`removeAction`

async removeAction(id)

Remove an existing tool action.

Parameters

NAME	TYPE	DESCRIPTION
id	string	The ID of the tool action to remove

`createMode`

async createMode(mode)

Create a new tool mode.

Parameters

NAME	TYPE	DESCRIPTION
mode	ToolMode	The new tool mode to create

`removeMode`

async removeMode(id)

Remove an existing tool mode.

Parameters

NAME	TYPE	DESCRIPTION
id	string	The ID of the tool mode to remove

`activateMode`

async activateMode(toolId, modeId)

Activate a specific mode for a given tool.

Parameters

NAME	TYPE	DESCRIPTION
toolId	string	The ID of the tool
modeId	string	The ID of the tool mode to activate

`getMetadata`

async getMetadata(id)

Get the metadata for the given tool.

Parameters

NAME	TYPE	DESCRIPTION
id	string	The ID of the tool

Returns a Metadata object.

`setMetadata`

async setMetadata(toolId, update)

Update the metadata for a given tool.

Example

Update the stroke color of a custom drawing tool

async function handleChange(value: string) {
  await OBR.tool.setMetadata("com.example.drawing", {
    strokeColor: value,
  });
}

This does not override any metadata properties that already exist. For example if the metadata looks like this:

{
  strokeWidth: 1,
  strokeColor: "red"
}

And handleChange("blue") is called in the example above then the resulting metadata will look like this:

{
  strokeWidth: 1,
  strokeColor: "blue"
}

Parameters

NAME	TYPE	DESCRIPTION
toolId	string	The ID of the tool
update	Partial<Metadata>	The metadata data update to use. The metadata is spread into the existing metadata.

Type Definitions

Tool

A tool in the toolbar.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
id	string	The ID of this tool
icons	ToolIcon[]	The icons for this tool
disabled	ToolFilter	An optional filter for checking if the tool should be disabled
onClick	(context: ToolContext, elementId: string) => void \| undefined \| boolean	An optional callback for when the tool icon is clicked. By default the clicked tool will be activated. If defined return true to perform the default click action.
shortcut	string	An optional key shortcut for this tool
defaultMode	string	An optional ID of the mode to be activated by default
defaultMetadata	Metadata	An optional Metadata object to use as default

ToolAction

A tool action defines an item in the tool menu bar.

Unlike a tool mode an action is a clickable item but won't be activated when clicked.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
id	string	The ID of this action
icons	ToolIcon[]	The icons for this action
disabled	ToolFilter	An optional filter for checking if the action should be disabled
onClick	(context: ToolContext, elementId: string) => void	An optional callback for when the action icon is clicked
shortcut	string	An optional key shortcut for this action

ToolMode

A tool mode will be activated when clicked.

Once a mode is active it will receive pointer events such as onToolMove and onToolDragMove.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
id	string	The ID of this mode
icons	ToolIcon[]	The icons for this mode
disabled	ToolFilter	An optional filter for checking if the mode should be disabled
onClick	(context: ToolContext, elementId: string) => void \| undefined \| boolean	An optional callback for when the mode icon is clicked. By default the clicked mode will be activated. If defined return true to perform the default click action.
shortcut	string	An optional key shortcut for this mode
cursors	ToolCursor[]	An optional array of cursors
onToolClick	(context: ToolContext, event: ToolEvent) => void \| undefined \| boolean	An optional callback for when a single click is made by the tool. By default the clicked item will be selected if it is unlocked. If defined return true to perform the default click action.
onToolDoubleClick	(context: ToolContext, event: ToolEvent) => void \| undefined \| boolean	An optional callback for when a double click is made by the tool. By default the clicked item will be selected event if it is locked. If defined return true to perform the default double click action.
onToolDown	(context: ToolContext, event: ToolEvent) => void	An optional callback for when the pointer enters the down state
onToolMove	(context: ToolContext, event: ToolEvent) => void	An optional callback for when the pointer moves
onToolUp	(context: ToolContext, event: ToolEvent) => void	An optional callback for when the pointer enters the up state
onToolDragStart	(context: ToolContext, event: ToolEvent) => void	An optional callback for when a drag starts on the viewport
onToolDragMove	(context: ToolContext, event: ToolEvent) => void	An optional callback for when dragging on the viewport
onToolDragEnd	(context: ToolContext, event: ToolEvent) => void	An optional callback for when a drag ends on the viewport
onToolDragCancel	(context: ToolContext, event: ToolEvent) => void	An optional callback for when a drag event is canceled by either switching modes or pressing the Escape key
onKeyDown	(context: ToolContext, event: KeyEvent) => void	An optional callback for when a key is pressed
onKeyUp	(context: ToolContext, event: KeyEvent) => void	An optional callback for when a key is released
preventDrag	ToolModeFilter	An optional filter for checking if the drag event should be prevented. If the filter returns true the default drag operation will be used which mimics the Move tool.

ToolContext

Holds the state of the tool.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
activeTool	string	The ID of the current active tool
activeMode	string	An optional ID of the current active tool mode
metadata	Metadata	The metadata of the current active tool

ToolEvent

A pointer event for a tool mode.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
pointerPosition	Vector2	The pointer position relative to the viewport
target	Item	An optional target for the pointer event
transformer	boolean	If we have a target are we selecting a transformer control point
altKey	boolean	Is the Alt key pressed down
shiftKey	boolean	Is the Shift key pressed down
ctrlKey	boolean	Is the Ctrl key pressed down
metaKey	boolean	Is the Meta key pressed down

KeyEvent

A key event for a tool mode.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
code	string	A string representation of the physical key pressed
key	string	A string representation of the key
altKey	boolean	Is the Alt key pressed down
shiftKey	boolean	Is the Shift key pressed down
ctrlKey	boolean	Is the Ctrl key pressed down
metaKey	boolean	Is the Meta key pressed down
repeat	boolean	Is the key being held down such that it is automatically repeating

ToolIcon

An icon for a tool.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
icon	string	The url of the icon as either a relative or absolute path
label	string	The label to use for the tooltip of the icon
filter	ToolFilter	An optional filter to control when this icon will be shown

ToolFilter

A filter to control if various tools, actions or modes will be shown.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
activeTools	string[]	An optional array of tool IDs that can be active
activeModes	string[]	An optional array of tool mode IDs that can be active
permissions	Permission[]	An optional permissions filter
roles	("GM" \| "PLAYER")[]	An optional array of roles needed for the player, defaults to no role needed
metadata	KeyFilter[]	An optional array of filters to run on the current tool metadata

ToolModeFilter

A filter to use for a tool mode.

Extends ToolFilter.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
target	KeyFilter[]	An optional array of filters to run on the current target of a tool mode
dragging	boolean	An optional boolean to check the dragging state of the current tool mode

ToolCursor

A cursor to use for a tool mode.

TYPE
object

Properties

NAME	TYPE	DESCRIPTION
cursor	string	A css cursor string e.g. "pointer"
filter	ToolModeFilter	An optional filter to run on the current tool mode

Tool

OBR.tool​

Reference

Methods​

create​

remove​

createAction​

removeAction​

createMode​

removeMode​

activateMode​

getMetadata​

setMetadata​

Type Definitions​

Tool​

ToolAction​

ToolMode​

ToolContext​

ToolEvent​

KeyEvent​

ToolIcon​

ToolFilter​

ToolModeFilter​

ToolCursor​

`OBR.tool`

Methods

`create`

`remove`

`createAction`

`removeAction`

`createMode`

`removeMode`

`activateMode`

`getMetadata`

`setMetadata`

Type Definitions

Tool

ToolAction

ToolMode

ToolContext

ToolEvent

KeyEvent

ToolIcon

ToolFilter

ToolModeFilter

ToolCursor