Files
windmill/frontend/src/lib/components/apps/utils.ts
2023-01-03 15:56:02 +01:00

213 lines
4.0 KiB
TypeScript

import type { Schema } from '$lib/common'
import { FlowService, ScriptService } from '$lib/gen'
import { inferArgs } from '$lib/infer'
import {
BarChart4,
Binary,
CircleDot,
FormInput,
Inspect,
List,
Monitor,
PieChart,
Play,
Table2,
Image,
TextCursorInput,
Type,
Lock,
Calendar,
ToggleLeft
} from 'lucide-svelte'
import type { AppInput, AppInputs, InputType, ResultAppInput, StaticAppInput, StaticInput } from './inputType'
import type { AppComponent } from './types'
export async function loadSchema(
workspace: string,
path: string,
runType: 'script' | 'flow' | 'hubscript'
): Promise<Schema> {
if (runType === 'script') {
const script = await ScriptService.getScriptByPath({
workspace,
path
})
return script.schema
} else if (runType === 'flow') {
const flow = await FlowService.getFlowByPath({
workspace,
path
})
return flow.schema
} else {
const script = await ScriptService.getHubScriptByPath({
path
})
await inferArgs(script.language, script.content, script.schema)
return script.schema
}
}
export function schemaToInputsSpec(schema: Schema): Record<string, StaticAppInput> {
if (schema?.properties == undefined) {
return {}
}
return Object.keys(schema.properties).reduce((accu, key) => {
const property = schema.properties[key]
accu[key] = {
type: 'static',
value: property.default,
visible: property.format ? false : true,
fieldType: property.type,
format: property.format
}
return accu
}, {})
}
export const displayData: Record<AppComponent['type'], { name: string; icon: any }> = {
displaycomponent: {
name: 'Result',
icon: Monitor
},
textcomponent: {
name: 'Text',
icon: Type
},
buttoncomponent: {
name: 'Button',
icon: Inspect
},
formcomponent: {
name: 'Form',
icon: FormInput
},
piechartcomponent: {
name: 'Pie Chart',
icon: PieChart
},
barchartcomponent: {
name: 'Bar Chart',
icon: BarChart4
},
tablecomponent: {
name: 'Table',
icon: Table2
},
checkboxcomponent: {
name: 'Toggle',
icon: ToggleLeft
},
textinputcomponent: {
name: 'Text input',
icon: TextCursorInput
},
imagecomponent: {
name: 'Image',
icon: Image
},
inputcomponent: {
name: 'Input',
icon: FormInput
},
radiocomponent: {
name: 'Radio button',
icon: CircleDot
},
runformcomponent: {
name: 'Run form',
icon: Play
},
selectcomponent: {
name: 'Select',
icon: List
},
numberinputcomponent: {
name: 'Number',
icon: Binary
},
passwordinputcomponent: {
name: 'Password',
icon: Lock
},
dateinputcomponent: {
name: 'Date input',
icon: Calendar
}
}
export function accessPropertyByPath<T>(object: T, path: string): T | undefined {
// convert indexes to properties
path = path.replace(/\[(\w+)\]/g, '.$1')
// strip a leading dot
path = path.replace(/^\./, '')
let a = path.split('.')
for (let i = 0, depth = a.length; i < depth; ++i) {
let key = a[i]
if (object[key]) {
object = object[key]
} else {
// Value not found
return
}
}
return object
}
export function fieldTypeToTsType(inputType: InputType): string {
switch (inputType) {
case 'number':
return 'number'
case 'boolean':
return 'boolean'
case 'object':
return 'object'
case 'array':
return 'array'
case 'any':
return 'any'
default:
return 'string'
}
}
export function isScriptByNameDefined(appInput: AppInput | undefined): boolean {
if (!appInput) {
return false
}
if (appInput.type === 'runnable' && appInput.runnable?.type == 'runnableByName') {
return appInput.runnable?.name != undefined
}
return false
}
export function isScriptByPathDefined(appInput: AppInput | undefined): boolean {
if (!appInput) {
return false
}
if (appInput.type === 'runnable' && appInput.runnable?.type == 'runnableByPath') {
return Boolean(appInput.runnable?.path)
}
return false
}
export function clearResultAppInput(appInput: ResultAppInput): ResultAppInput {
appInput.runnable = undefined
if (Object.keys(appInput.fields ?? {}).length > 0) {
appInput.fields = {}
}
return appInput
}