209 lines
6.0 KiB
TypeScript
209 lines
6.0 KiB
TypeScript
import {
|
|
AnyStateMachine,
|
|
ContextFrom,
|
|
EventFrom,
|
|
Actor,
|
|
StateFrom,
|
|
} from 'xstate'
|
|
import { isDesktop } from './isDesktop'
|
|
import {
|
|
Command,
|
|
CommandArgument,
|
|
CommandArgumentConfig,
|
|
CommandConfig,
|
|
StateMachineCommandSetConfig,
|
|
StateMachineCommandSetSchema,
|
|
} from './commandTypes'
|
|
import { DEV } from 'env'
|
|
import { IS_NIGHTLY_OR_DEBUG } from 'routes/Settings'
|
|
|
|
interface CreateMachineCommandProps<
|
|
T extends AnyStateMachine,
|
|
S extends StateMachineCommandSetSchema<T>
|
|
> {
|
|
type: EventFrom<T>['type']
|
|
groupId: T['id']
|
|
state: StateFrom<T>
|
|
send: Function
|
|
actor: Actor<T>
|
|
commandBarConfig?: StateMachineCommandSetConfig<T, S>
|
|
onCancel?: () => void
|
|
}
|
|
|
|
// Creates a command with subcommands, ready for use in the CommandBar component,
|
|
// from a more terse Command Bar Meta definition.
|
|
export function createMachineCommand<
|
|
T extends AnyStateMachine,
|
|
S extends StateMachineCommandSetSchema<T>
|
|
>({
|
|
groupId,
|
|
type,
|
|
state,
|
|
send,
|
|
actor,
|
|
commandBarConfig,
|
|
onCancel,
|
|
}: CreateMachineCommandProps<T, S>):
|
|
| Command<T, typeof type, S[typeof type]>
|
|
| Command<T, typeof type, S[typeof type]>[]
|
|
| null {
|
|
const commandConfig = commandBarConfig && commandBarConfig[type]
|
|
|
|
// There may be no command config for this event type,
|
|
// or the command may be inactive or hidden,
|
|
// or there may be multiple commands to create.
|
|
if (!commandConfig) {
|
|
return null
|
|
} else if (commandConfig instanceof Array) {
|
|
return commandConfig
|
|
.map((config) => {
|
|
const recursiveCommandBarConfig: Partial<
|
|
StateMachineCommandSetConfig<T, S>
|
|
> = {
|
|
[type]: config,
|
|
}
|
|
return createMachineCommand({
|
|
groupId,
|
|
type,
|
|
state,
|
|
send,
|
|
actor,
|
|
commandBarConfig: recursiveCommandBarConfig,
|
|
onCancel,
|
|
})
|
|
})
|
|
.filter((c) => c !== null) as Command<T, typeof type, S[typeof type]>[]
|
|
}
|
|
|
|
// Hide commands based on platform or development status by returning `null`
|
|
// so the consumer can filter them out
|
|
if ('hide' in commandConfig) {
|
|
const { hide } = commandConfig
|
|
if (hide === 'both') return null
|
|
else if (hide === 'desktop' && isDesktop()) return null
|
|
else if (hide === 'web' && !isDesktop()) return null
|
|
} else if ('status' in commandConfig) {
|
|
const { status } = commandConfig
|
|
if (status === 'inactive') return null
|
|
if (status === 'development' && !(DEV || IS_NIGHTLY_OR_DEBUG)) return null
|
|
}
|
|
|
|
const icon = ('icon' in commandConfig && commandConfig.icon) || undefined
|
|
|
|
const command: Command<T, typeof type, S[typeof type]> = {
|
|
name: type,
|
|
groupId,
|
|
icon,
|
|
description: commandConfig.description,
|
|
needsReview: commandConfig.needsReview || false,
|
|
machineActor: actor,
|
|
onSubmit: (data?: S[typeof type]) => {
|
|
if (data !== undefined && data !== null) {
|
|
send({ type, data })
|
|
} else {
|
|
send({ type })
|
|
}
|
|
},
|
|
}
|
|
|
|
if (commandConfig.args) {
|
|
const newArgs = buildCommandArguments(state, commandConfig.args, actor)
|
|
|
|
command.args = newArgs
|
|
}
|
|
|
|
if (onCancel) {
|
|
command.onCancel = onCancel
|
|
}
|
|
|
|
if ('displayName' in commandConfig) {
|
|
command.displayName = commandConfig.displayName
|
|
}
|
|
if ('reviewMessage' in commandConfig) {
|
|
command.reviewMessage = commandConfig.reviewMessage
|
|
}
|
|
|
|
return command
|
|
}
|
|
|
|
// Takes the args from a CommandConfig and creates
|
|
// a finalized CommandArgument object for each one,
|
|
// bundled together into the args for a Command.
|
|
function buildCommandArguments<
|
|
T extends AnyStateMachine,
|
|
S extends StateMachineCommandSetSchema<T>,
|
|
CommandName extends EventFrom<T>['type'] = EventFrom<T>['type']
|
|
>(
|
|
state: StateFrom<T>,
|
|
args: CommandConfig<T, CommandName, S>['args'],
|
|
machineActor: Actor<T>
|
|
): NonNullable<Command<T, CommandName, S>['args']> {
|
|
const newArgs = {} as NonNullable<Command<T, CommandName, S>['args']>
|
|
|
|
for (const arg in args) {
|
|
const argConfig = args[arg] as CommandArgumentConfig<S[typeof arg], T>
|
|
const newArg = buildCommandArgument(argConfig, state.context, machineActor)
|
|
newArgs[arg] = newArg
|
|
}
|
|
|
|
return newArgs
|
|
}
|
|
|
|
export function buildCommandArgument<
|
|
T extends AnyStateMachine,
|
|
O extends StateMachineCommandSetSchema<T> = StateMachineCommandSetSchema<T>
|
|
>(
|
|
arg: CommandArgumentConfig<O, T>,
|
|
context: ContextFrom<T>,
|
|
machineActor: Actor<T>
|
|
): CommandArgument<O, T> & { inputType: typeof arg.inputType } {
|
|
// GOTCHA: modelingCommandConfig is not a 1:1 mapping to this baseCommandArgument
|
|
// You need to manually add key/value pairs here.
|
|
const baseCommandArgument = {
|
|
description: arg.description,
|
|
required: arg.required,
|
|
skip: arg.skip,
|
|
machineActor,
|
|
valueSummary: arg.valueSummary,
|
|
warningMessage: arg.warningMessage ?? '',
|
|
} satisfies Omit<CommandArgument<O, T>, 'inputType'>
|
|
|
|
if (arg.inputType === 'options') {
|
|
return {
|
|
inputType: arg.inputType,
|
|
...baseCommandArgument,
|
|
defaultValue: arg.defaultValueFromContext
|
|
? arg.defaultValueFromContext(context)
|
|
: arg.defaultValue,
|
|
options: arg.optionsFromContext
|
|
? arg.optionsFromContext(context)
|
|
: arg.options,
|
|
} satisfies CommandArgument<O, T> & { inputType: 'options' }
|
|
} else if (arg.inputType === 'selection') {
|
|
return {
|
|
inputType: arg.inputType,
|
|
...baseCommandArgument,
|
|
multiple: arg.multiple,
|
|
selectionTypes: arg.selectionTypes,
|
|
validation: arg.validation,
|
|
} satisfies CommandArgument<O, T> & { inputType: 'selection' }
|
|
} else if (arg.inputType === 'kcl') {
|
|
return {
|
|
inputType: arg.inputType,
|
|
createVariableByDefault: arg.createVariableByDefault,
|
|
variableName: arg.variableName,
|
|
defaultValue: arg.defaultValue,
|
|
validation: arg.validation,
|
|
...baseCommandArgument,
|
|
} satisfies CommandArgument<O, T> & { inputType: 'kcl' }
|
|
} else {
|
|
return {
|
|
inputType: arg.inputType,
|
|
defaultValue: arg.defaultValueFromContext
|
|
? arg.defaultValueFromContext(context)
|
|
: arg.defaultValue,
|
|
...baseCommandArgument,
|
|
}
|
|
}
|
|
}
|