windmill-components 1.103.2 → 1.109.1

package/package/components/UserSettings.svelte

@@ -5,6 +5,7 @@ import { faClipboard, faPlus } from '@fortawesome/free-solid-svg-icons';
 import TableCustom from './TableCustom.svelte';
 import { Button } from './common';
 import Icon from 'svelte-awesome';
+export let scopes = undefined;
 let newPassword;
 let passwordError;
 let version;
@@ -12,13 +13,14 @@ let tokens;
 let newToken;
 let newTokenLabel;
 let newTokenExpiration;
-let displayCreateToken = false;
+let displayCreateToken = scopes != undefined;
 let login_type = 'none';
 import Drawer from './common/drawer/Drawer.svelte';
 import DrawerContent from './common/drawer/DrawerContent.svelte';
 import { page } from '$app/stores';
 import { goto } from '$app/navigation';
 import { sendUserToast } from '../toast';
+import Tooltip from './Tooltip.svelte';
 let drawer;
 export function openDrawer() {
     loadVersion();
@@ -64,7 +66,7 @@ async function createToken() {
         date.setDate(date.getDate() + newTokenExpiration);
     }
     newToken = await UserService.createToken({
-        requestBody: { label: newTokenLabel, expiration: date?.toISOString() }
+        requestBody: { label: newTokenLabel, expiration: date?.toISOString(), scopes }
     });
     listTokens();
     displayCreateToken = false;
@@ -87,29 +89,30 @@ async function deleteToken(tokenPrefix) {
 					Windmill {version}
 				</div>
 
-				<h2 class="border-b mt-4">User info</h2>
-				<div class="">
-					{#if passwordError}
-						<div class="text-red-600 text-2xs grow">{passwordError}</div>
-					{/if}
-					<div class="flex flex-col gap-2 w-full">
-						<div class="mt-4">
-							<label class="block w-60 mb-2 text-gray-500">
-								<div class="text-gray-700">email</div>
-								<input
-									type="text"
-									disabled
-									value={$usersWorkspaceStore?.email}
-									class="input mt-1"
-								/>
-							</label>
-							{#if login_type == 'password'}
-								<label class="block w-120">
-									<div class="text-gray-700">password</div>
+				{#if scopes == undefined}
+					<h2 class="border-b mt-4">User info</h2>
+					<div class="">
+						{#if passwordError}
+							<div class="text-red-600 text-2xs grow">{passwordError}</div>
+						{/if}
+						<div class="flex flex-col gap-2 w-full">
+							<div class="mt-4">
+								<label class="block w-60 mb-2 text-gray-500">
+									<div class="text-gray-700">email</div>
 									<input
-										type="password"
-										bind:value={newPassword}
-										class="
+										type="text"
+										disabled
+										value={$usersWorkspaceStore?.email}
+										class="input mt-1"
+									/>
+								</label>
+								{#if login_type == 'password'}
+									<label class="block w-120">
+										<div class="text-gray-700">password</div>
+										<input
+											type="password"
+											bind:value={newPassword}
+											class="
 							w-full
 							block
 							py-1
@@ -121,17 +124,18 @@ async function deleteToken(tokenPrefix) {
 							focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
 							text-sm
 							"
-									/>
-									<Button size="sm" btnClasses="mt-4 w-min" on:click={setPassword}
-										>Set password</Button
-									>
-								</label>
-							{:else if login_type == 'github'}
-								<span>Authentified through Github OAuth2. Cannot set a password.</span>
-							{/if}
+										/>
+										<Button size="sm" btnClasses="mt-4 w-min" on:click={setPassword}
+											>Set password</Button
+										>
+									</label>
+								{:else if login_type == 'github'}
+									<span>Authentified through Github OAuth2. Cannot set a password.</span>
+								{/if}
+							</div>
 						</div>
 					</div>
-				</div>
+				{/if}
 
 				<div class="grid grid-cols-2 pt-8 pb-1">
 					<h2 class="py-0 my-0 border-b">Tokens</h2>
@@ -177,7 +181,22 @@ async function deleteToken(tokenPrefix) {
 							? ''
 							: 'hidden'} py-3 px-3 border rounded-md mb-6 bg-gray-50 min-w-min"
 					>
-						<h3 class="pb-3 font-semibold">Add new token</h3>
+						<h3 class="pb-3 font-semibold">Add a new token</h3>
+						{#if scopes != undefined}
+							{#each scopes as scope}
+								<div class="flex flex-col mb-4">
+									<label for="label"
+										>Scope <Tooltip
+											>This token can only be used within its scope. For flows and scripts, it
+											allows you to share them without fear of being impersonated. Once a script is
+											triggered, the script itself uses a new ephemeral token to be able to act on
+											behalf of the token owner.</Tooltip
+										></label
+									>
+									<input disabled type="text" value={scope} />
+								</div>
+							{/each}
+						{/if}
 						<div class="flex flex-row flex-wrap gap-x-2 w-full justify-between">
 							<div class="flex flex-col">
 								<label for="label"
@@ -187,7 +206,7 @@ async function deleteToken(tokenPrefix) {
 							</div>
 							<div class="flex flex-col">
 								<label for="expires"
-									>Expires In<span class="text-xs text-gray-500">(optional)</span>
+									>Expires In &nbsp;<span class="text-xs text-gray-500">(optional)</span>
 								</label>
 								<select bind:value={newTokenExpiration}>
 									<option value={undefined}>No expiration</option>
@@ -208,15 +227,17 @@ async function deleteToken(tokenPrefix) {
 							<th>prefix</th>
 							<th>label</th>
 							<th>expiration</th>
+							<th>scopes</th>
 							<th />
 						</tr>
 						<tbody slot="body">
 							{#if tokens && tokens.length > 0}
-								{#each tokens as { token_prefix, expiration, label }}
+								{#each tokens as { token_prefix, expiration, label, scopes }}
 									<tr>
 										<td class="grow">{token_prefix}****</td>
 										<td class="grow">{label ?? ''}</td>
 										<td class="grow">{displayDate(expiration ?? '')}</td>
+										<td class="grow">{scopes?.join(', ') ?? ''}</td>
 										<td class="grow"
 											><button
 												class="text-red-500 text-xs underline"

package/package/components/UserSettings.svelte.d.ts

@@ -1,6 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        scopes?: string[] | undefined;
         openDrawer?: (() => void) | undefined;
         toggleDrawer?: (() => void) | undefined;
         closeDrawer?: (() => void) | undefined;

package/package/components/VariableEditor.svelte

@@ -139,7 +139,7 @@ let editor = undefined;
 				</div>
 				<div class="mt-4">
 					<Toggle
-						on:change={() => loadVariable(initialPath)}
+						on:change={() => edit && loadVariable(initialPath)}
 						bind:checked={variable.is_secret}
 						options={{ right: 'Secret' }}
 					/>

package/package/components/apps/components/buttons/AppSchemaForm.svelte

@@ -12,7 +12,7 @@ export let initializing = undefined;
 export let render;
 export let configuration;
 export let customCss = undefined;
-const { worldStore, connectingInput, app, selectedComponent } = getContext('AppViewerContext');
+const { worldStore, connectingInput, app, selectedComponent, componentControl } = getContext('AppViewerContext');
 const outputs = initOutput($worldStore, id, {
     result: undefined,
     loading: false,
@@ -30,6 +30,11 @@ function handleArgsChange() {
     }
     outputs.values.set(newArgs, true);
 }
+$componentControl[id] = {
+    setValue(nvalue) {
+        args = nvalue;
+    }
+};
 $: args && handleArgsChange();
 $: outputs.valid.set(valid);
 $: css = concatCustomCss($app.css?.schemaformcomponent, customCss);

package/package/components/apps/components/display/AppDisplayComponent.svelte

@@ -11,8 +11,13 @@ export let initializing = undefined;
 export let customCss = undefined;
 export let render;
 const requireHtmlApproval = getContext(IS_APP_PUBLIC_CONTEXT_KEY);
-const { app, worldStore } = getContext('AppViewerContext');
+const { app, worldStore, componentControl } = getContext('AppViewerContext');
 let result = undefined;
+$componentControl[id] = {
+    setValue(value) {
+        result = value;
+    }
+};
 const outputs = initOutput($worldStore, id, {
     result: undefined,
     loading: false

package/package/components/apps/components/display/AppDownload.svelte

@@ -8,6 +8,7 @@ import InitializeComponent from '../helpers/InitializeComponent.svelte';
 import { AlignWrapper } from '../helpers';
 import { Button } from '../../../common';
 import { loadIcon } from '../icon';
+import ComponentErrorHandler from '../helpers/ComponentErrorHandler.svelte';
 export let id;
 export let configuration;
 export let customCss = undefined;
@@ -15,7 +16,7 @@ export let render;
 export let horizontalAlignment = undefined;
 export let verticalAlignment = undefined;
 export let noWFull = false;
-let resolvedConfig = initConfig(components['downloadcomponent'].initialData.configuration, configuration);
+const resolvedConfig = initConfig(components['downloadcomponent'].initialData.configuration, configuration);
 const { app, worldStore } = getContext('AppViewerContext');
 //used so that we can count number of outputs setup for first refresh
 initOutput($worldStore, id, {});
@@ -49,30 +50,37 @@ $: css = concatCustomCss($app.css?.downloadcomponent, customCss);
 
 {#if render}
 	<AlignWrapper {noWFull} {horizontalAlignment} {verticalAlignment}>
-		<Button
-			on:pointerdown={(e) => e.stopPropagation()}
-			btnClasses={twMerge(css?.button?.class, resolvedConfig.fillContainer ? 'w-full h-full' : '')}
-			wrapperClasses={resolvedConfig.fillContainer ? 'w-full h-full' : ''}
-			style={css?.button?.style}
-			disabled={resolvedConfig.source == undefined}
-			size={resolvedConfig.size}
-			color={resolvedConfig.color}
-			download={resolvedConfig.filename}
-			href={transformBareBase64IfNecessary(resolvedConfig.source)}
-			target="_self"
-			nonCaptureEvent
+		<ComponentErrorHandler
+			hasError={resolvedConfig?.source != undefined && typeof resolvedConfig.source !== 'string'}
 		>
-			<span class="truncate inline-flex gap-2 items-center">
-				{#if resolvedConfig.beforeIcon && beforeIconComponent}
-					<svelte:component this={beforeIconComponent} size={14} />
-				{/if}
-				{#if resolvedConfig.label && resolvedConfig.label?.length > 0}
-					<div>{resolvedConfig.label}</div>
-				{/if}
-				{#if resolvedConfig.afterIcon && afterIconComponent}
-					<svelte:component this={afterIconComponent} size={14} />
-				{/if}
-			</span>
-		</Button>
+			<Button
+				on:pointerdown={(e) => e.stopPropagation()}
+				btnClasses={twMerge(
+					css?.button?.class,
+					resolvedConfig.fillContainer ? 'w-full h-full' : ''
+				)}
+				wrapperClasses={resolvedConfig.fillContainer ? 'w-full h-full' : ''}
+				style={css?.button?.style}
+				disabled={resolvedConfig.source == undefined}
+				size={resolvedConfig.size}
+				color={resolvedConfig.color}
+				download={resolvedConfig.filename}
+				href={transformBareBase64IfNecessary(resolvedConfig.source)}
+				target="_self"
+				nonCaptureEvent
+			>
+				<span class="truncate inline-flex gap-2 items-center">
+					{#if resolvedConfig.beforeIcon && beforeIconComponent}
+						<svelte:component this={beforeIconComponent} size={14} />
+					{/if}
+					{#if resolvedConfig.label && resolvedConfig.label?.length > 0}
+						<div>{resolvedConfig.label}</div>
+					{/if}
+					{#if resolvedConfig.afterIcon && afterIconComponent}
+						<svelte:component this={afterIconComponent} size={14} />
+					{/if}
+				</span>
+			</Button>
+		</ComponentErrorHandler>
 	</AlignWrapper>
 {/if}

package/package/components/apps/components/display/AppFlowStatusComponent.svelte

@@ -6,7 +6,7 @@ import { concatCustomCss } from '../../utils';
 import FlowStatusViewer from '../../../FlowStatusViewer.svelte';
 export let id;
 export let componentInput;
-export let initializing = undefined;
+export let initializing = false;
 export let customCss = undefined;
 export let render;
 const { app, worldStore } = getContext('AppViewerContext');
@@ -14,6 +14,7 @@ const outputs = initOutput($worldStore, id, {
     result: undefined,
     loading: false
 });
+initializing = false;
 $: css = concatCustomCss($app.css?.flowstatuscomponent, customCss);
 let jobId;
 </script>
@@ -26,7 +27,6 @@ let jobId;
 	{render}
 	{componentInput}
 	{id}
-	bind:initializing
 >
 	<div class="flex flex-col w-full h-full">
 		<div

package/package/components/apps/components/display/AppLogsComponent.svelte

@@ -7,7 +7,7 @@ import LogViewer from '../../../LogViewer.svelte';
 import TestJobLoader from '../../../TestJobLoader.svelte';
 export let id;
 export let componentInput;
-export let initializing = undefined;
+export let initializing = false;
 export let customCss = undefined;
 export let render;
 const { app, worldStore } = getContext('AppViewerContext');
@@ -15,6 +15,7 @@ const outputs = initOutput($worldStore, id, {
     result: undefined,
     loading: false
 });
+initializing = false;
 $: css = concatCustomCss($app.css?.logcomponent, customCss);
 let testJobLoader = undefined;
 let testIsLoading = false;
@@ -31,7 +32,6 @@ let testJob = undefined;
 	{render}
 	{componentInput}
 	{id}
-	bind:initializing
 >
 	<div class="flex flex-col w-full h-full">
 		<div

package/package/components/apps/components/display/AppText.svelte

@@ -2,7 +2,6 @@
 import Tooltip from '../../../Tooltip.svelte';
 import { Clipboard } from 'lucide-svelte';
 import { getContext } from 'svelte';
-import { get } from 'svelte/store';
 import { twMerge } from 'tailwind-merge';
 import { copyToClipboard } from '../../../../utils';
 import Button from '../../../common/button/Button.svelte';
@@ -23,12 +22,17 @@ export let render;
 export let editorMode = false;
 let resolvedConfig = initConfig(components['textcomponent'].initialData.configuration, configuration);
 const { app, worldStore, mode, componentControl } = getContext('AppViewerContext');
-const editorcontext = getContext('AppEditorContext');
 let result = undefined;
 if (componentInput?.type == 'template' && !isCodeInjection(componentInput.eval)) {
     result = componentInput.eval;
     initializing = false;
 }
+$componentControl[id] = {
+    ...$componentControl[id],
+    setValue(value) {
+        result = value;
+    }
+};
 const outputs = initOutput($worldStore, id, {
     result,
     loading: initializing
@@ -94,13 +98,12 @@ function getHorizontalAlignement() {
 $: resolvedConfig.style && (component = getComponent());
 $: resolvedConfig.style && (classes = getClasses());
 $: initialValue = componentInput?.type == 'template' ? componentInput.eval : '';
-$: editableValue = initialValue ? JSON.parse(JSON.stringify(initialValue)) : '';
+$: editableValue = initialValue ?? '';
 let rows = 1;
 function onInput(e) {
     const target = e.target;
-    if (target.value) {
+    if (target.value != undefined) {
         $componentControl[id]?.setCode?.(target.value);
-        editableValue;
         autosize();
     }
 }
@@ -136,7 +139,7 @@ function autosize() {
 		}}
 		on:keydown|stopPropagation
 	>
-		{#if editorMode && componentInput?.type == 'template'}
+		{#if $mode == 'dnd' && editorMode && componentInput?.type == 'template'}
 			<AlignWrapper {horizontalAlignment} {verticalAlignment}>
 				<textarea
 					class={twMerge(
@@ -175,14 +178,6 @@ function autosize() {
 						componentInput?.type == 'template'
 							? 'cursor-text'
 							: ''}"
-						on:click={() => {
-							if ($mode === 'dnd' && componentInput?.type == 'template') {
-								let ontextfocus = editorcontext?.ontextfocus
-								if (ontextfocus) {
-									get(ontextfocus)?.()
-								}
-							}
-						}}
 					>
 						<svelte:element
 							this={component}

package/package/components/apps/components/display/table/AppAggridTable.svelte

@@ -75,45 +75,54 @@ function onCellValueChanged(event) {
 
 <RunnableWrapper {outputs} {render} {componentInput} {id} bind:initializing bind:result>
 	{#if Array.isArray(result) && result.every(isObject)}
-		<div
-			class="border border-gray-300 shadow-sm divide-y divide-gray-300 flex flex-col h-full"
-			bind:clientHeight
-			bind:clientWidth
-		>
+		{#if Array.isArray(resolvedConfig.columnDefs) && resolvedConfig.columnDefs.every(isObject)}
 			<div
-				on:pointerdown|stopPropagation={() => {
-					$selectedComponent = [id]
-				}}
-				style:height="{clientHeight}px"
-				style:width="{clientWidth}px"
-				class="ag-theme-alpine"
+				class="border border-gray-300 shadow-sm divide-y divide-gray-300 flex flex-col h-full"
+				bind:clientHeight
+				bind:clientWidth
 			>
-				{#key resolvedConfig?.pagination}
-					<AgGridSvelte
-						bind:rowData={result}
-						columnDefs={resolvedConfig?.columnDefs}
-						pagination={resolvedConfig?.pagination}
-						paginationAutoPageSize={resolvedConfig?.pagination}
-						defaultColDef={{ flex: 1, editable: resolvedConfig?.allEditable, onCellValueChanged }}
-						onPaginationChanged={(event) => {
-							outputs?.page.set(event.api.paginationGetCurrentPage())
-						}}
-						rowSelection="single"
-						suppressRowDeselection={true}
-						onSelectionChanged={(e) => {
-							const row = e.api.getSelectedNodes()?.[0]?.rowIndex
-							if (row != undefined) {
-								toggleRow(row)
-							}
-						}}
-						onGridReady={(e) => {
-							outputs?.ready.set(true)
-							$componentControl[id] = { agGrid: { api: e.api, columnApi: e.columnApi } }
-						}}
-					/>
-				{/key}
+				<div
+					on:pointerdown|stopPropagation={() => {
+						$selectedComponent = [id]
+					}}
+					style:height="{clientHeight}px"
+					style:width="{clientWidth}px"
+					class="ag-theme-alpine"
+				>
+					{#key resolvedConfig?.pagination}
+						<AgGridSvelte
+							bind:rowData={result}
+							columnDefs={resolvedConfig?.columnDefs}
+							pagination={resolvedConfig?.pagination}
+							paginationAutoPageSize={resolvedConfig?.pagination}
+							defaultColDef={{ flex: 1, editable: resolvedConfig?.allEditable, onCellValueChanged }}
+							onPaginationChanged={(event) => {
+								outputs?.page.set(event.api.paginationGetCurrentPage())
+							}}
+							rowSelection="single"
+							suppressRowDeselection={true}
+							onSelectionChanged={(e) => {
+								const row = e.api.getSelectedNodes()?.[0]?.rowIndex
+								if (row != undefined) {
+									toggleRow(row)
+								}
+							}}
+							onGridReady={(e) => {
+								outputs?.ready.set(true)
+								$componentControl[id] = { agGrid: { api: e.api, columnApi: e.columnApi } }
+							}}
+						/>
+					{/key}
+				</div>
 			</div>
-		</div>
+		{:else if result != undefined}
+			<Alert title="Parsing issues" type="error" size="xs">
+				The columnDefs should be an array of objects, received:
+				<pre class="overflow-auto">
+				{JSON.stringify(resolvedConfig.columnDefs)}
+			</pre>
+			</Alert>
+		{/if}
 	{:else if result != undefined}
 		<Alert title="Parsing issues" type="error" size="xs">
 			The result should be an array of objects, received:

package/package/components/apps/components/display/table/AppTable.svelte

@@ -46,7 +46,9 @@ let table = createSvelteTable(options);
 let resolvedConfig = initConfig(components['tablecomponent'].initialData.configuration, configuration);
 let selectedRowIndex = -1;
 function toggleRow(row, rowIndex, force = false) {
-    if (selectedRowIndex !== rowIndex || force) {
+    if (selectedRowIndex !== rowIndex ||
+        JSON.stringify(row.original) !== JSON.stringify(result?.[rowIndex]) ||
+        force) {
         selectedRowIndex = rowIndex;
         outputs?.selectedRow.set(row.original, force);
         outputs?.selectedRowIndex.set(rowIndex, force);
@@ -122,7 +124,8 @@ function rerender() {
     };
     table = createSvelteTable(options);
     if (result) {
-        toggleRow({ original: result[0] }, 0, true);
+        //console.log('rerendering table', result[0])
+        toggleRow({ original: filteredResult[0] }, 0, true);
     }
     if (outputs.page.peak()) {
         $table.setPageIndex(outputs?.page.peak());

package/package/components/apps/components/helpers/ComponentErrorHandler.svelte

@@ -0,0 +1,26 @@
+<script>import Popover from '../../../Popover.svelte';
+import Alert from '../../../common/alert/Alert.svelte';
+import { classNames } from '../../../../utils';
+import { Bug } from 'lucide-svelte';
+export let hasError = false;
+</script>
+
+{#if hasError}
+	<div class={classNames('bg-red-100 w-full h-full flex items-center justify-center text-red-500')}>
+		<Popover notClickable placement="bottom" popupClass="!bg-white border w-96">
+			<Bug size={14} />
+			<span slot="text">
+				<div class="bg-white">
+					<Alert type="error" title="Error during execution">
+						<div class="flex flex-col gap-2">
+							One of the configuration of the component is invalid. Please check the configuration
+							and try again.
+						</div>
+					</Alert>
+				</div>
+			</span>
+		</Popover>
+	</div>
+{:else}
+	<slot />
+{/if}

package/package/components/apps/components/helpers/ComponentErrorHandler.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        hasError?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ComponentErrorHandlerProps = typeof __propDef.props;
+export type ComponentErrorHandlerEvents = typeof __propDef.events;
+export type ComponentErrorHandlerSlots = typeof __propDef.slots;
+export default class ComponentErrorHandler extends SvelteComponentTyped<ComponentErrorHandlerProps, ComponentErrorHandlerEvents, ComponentErrorHandlerSlots> {
+}
+export {};

package/package/components/apps/components/helpers/InputValue.svelte

@@ -52,27 +52,25 @@ function debounce2(cb) {
     timeout = setTimeout(cb, 50);
 }
 $: lastInput && $worldStore && debounce(handleConnection);
+const debounceTemplate = async () => {
+    let nvalue = await getValue(lastInput);
+    if (!deepEqual(nvalue, value)) {
+        value = nvalue;
+    }
+};
 $: lastInput &&
     lastInput.type == 'template' &&
+    isCodeInjection(lastInput.eval) &&
     $stateId &&
     $state &&
-    debounce(async () => {
-        let nvalue = await getValue(lastInput);
-        if (!deepEqual(nvalue, value)) {
-            value = nvalue;
-        }
-        dispatch('done');
-    });
-$: lastInput &&
-    lastInput.type == 'eval' &&
-    $stateId &&
-    $state &&
-    debounce2(async () => {
-        let nvalue = await evalExpr(lastInput);
-        if (!deepEqual(nvalue, value)) {
-            value = nvalue;
-        }
-    });
+    debounce(debounceTemplate);
+const debounceEval = async () => {
+    let nvalue = await evalExpr(lastInput);
+    if (!deepEqual(nvalue, value)) {
+        value = nvalue;
+    }
+};
+$: lastInput && lastInput.type == 'eval' && $stateId && $state && debounce2(debounceEval);
 async function handleConnection() {
     if (lastInput?.type === 'connected') {
         $worldStore?.connect(lastInput, onValueChange, `${id}-${key}`);

package/package/components/apps/components/helpers/NonRunnableComponent.svelte

@@ -12,7 +12,7 @@ function setOutput(v) {
     // console.log('setnr', id)
     outputs?.result?.set(v, true);
 }
-$: result && outputs && setOutput(result);
+$: result != undefined && outputs && setOutput(result);
 </script>
 
 <InitializeComponent {id} />

package/package/components/apps/components/helpers/eval.d.ts

@@ -6,6 +6,7 @@ export declare function eval_like(text: string, context: {} | undefined, noRetur
         api: any;
         columnApi: any;
     };
+    setValue?: (value: any) => void;
 }>, worldStore: World | undefined, runnableComponents: Record<string, {
     cb?: () => void;
 }>): Promise<any>;

package/package/components/apps/components/helpers/eval.js

@@ -15,7 +15,7 @@ export function computeGlobalContext(world, extraContext = {}) {
 }
 function create_context_function_template(eval_string, context, noReturn) {
     return `
-return async function (context, state, goto, setTab, recompute, getAgGrid) {
+return async function (context, state, goto, setTab, recompute, getAgGrid, setValue) {
 "use strict";
 ${Object.keys(context).length > 0
         ? `let ${Object.keys(context).map((key) => ` ${key} = context['${key}']`)};`
@@ -92,5 +92,7 @@ export async function eval_like(text, context = {}, noReturn, state, editor, con
         runnableComponents[id]?.cb?.();
     }, (id) => {
         return controlComponents[id]?.agGrid;
+    }, (id, value) => {
+        controlComponents[id]?.setValue?.(value);
     });
 }