windmill/frontend/src/lib/components/apps/editor/inlineScriptsPanel/utils.ts

import type { Schema } from "$lib/common";
import type { AppInputs, Runnable } from "../../inputType"
import type { GridItem } from "../../types"
import { fieldTypeToTsType, schemaToInputsSpec } from "../../utils";
import type { AppComponent } from "../Component.svelte";

export interface AppScriptsList {
	inline: { name: string; id: string }[],
	imported: { name: string; id: string }[]
}

// When the schema is loaded, we need to update the inputs spec
// in order to render the inputs the component panel
export function computeFields(schema: Schema, defaultUserInput: boolean, fields: AppInputs) {
	let schemaCopy: Schema = JSON.parse(JSON.stringify(schema))

	const result = {}
	const newInputs = schemaToInputsSpec(schemaCopy, defaultUserInput)
	if (!fields) {
		return newInputs
	}
	Object.keys(newInputs).forEach((key) => {
		const newInput = newInputs[key]
		const oldInput = fields[key]

		// If the input is not present in the old inputs, add it
		if (oldInput === undefined) {
			result[key] = newInput
		} else {
			if (
				fieldTypeToTsType(newInput.fieldType) !== fieldTypeToTsType(oldInput.fieldType) ||
				newInput.format !== oldInput.format ||
				newInput.subFieldType !== oldInput.subFieldType
			) {
				result[key] = newInput
			} else {
				result[key] = oldInput
			}
		}
	})

	return result
}

export function getAppScripts(grid: GridItem[]) {
	return grid.reduce((acc, gridComponent) => {
		const component: AppComponent = gridComponent.data
		const componentInput = component.componentInput

		if (component.type === 'tablecomponent') {
			component.actionButtons.forEach((actionButton) => {
				if (actionButton.componentInput?.type !== 'runnable') { return }
				processRunnable(
					actionButton.componentInput.runnable,
					actionButton.id,
					acc
				)
			})
		}
		if (componentInput?.type === 'runnable') {
			processRunnable(
				componentInput.runnable,
				gridComponent.id,
				acc
			)
		}

		return acc
	}, { inline: [], imported: [] } as AppScriptsList)
}

function processRunnable(runnable: Runnable, id: string, list: AppScriptsList) {
	if (runnable?.type === undefined) { return }
	const type: keyof AppScriptsList = runnable.type === 'runnableByPath' ? 'imported' : 'inline'
	list[type].push({
		name: runnable[runnable.type === 'runnableByPath' ? 'path' : 'name'],
		id
	})
}