windmill-components 1.408.2 → 1.430.2

package/package/components/ScriptBuilder.svelte

@@ -2,7 +2,7 @@
 import { inferArgs } from '../infer';
 import { initialCode } from '../script_helpers';
 import { defaultScripts, enterpriseLicense, userStore, workspaceStore } from '../stores';
-import { cleanValueProperties, emptySchema, emptyString, encodeState, formatCron, orderedJsonStringify } from '../utils';
+import { cleanValueProperties, emptySchema, emptyString, encodeState, formatCron, orderedJsonStringify, replaceFalseWithUndefined } from '../utils';
 import Path from './Path.svelte';
 import ScriptEditor from './ScriptEditor.svelte';
 import { Alert, Badge, Button, Drawer, SecondsInput, Tab, TabContent, Tabs } from './common';
@@ -24,13 +24,14 @@ import Section from './Section.svelte';
 import Label from './Label.svelte';
 import WorkerTagPicker from './WorkerTagPicker.svelte';
 import MetadataGen from './copilot/MetadataGen.svelte';
-import ScriptSchedules from './ScriptSchedules.svelte';
 import { writable } from 'svelte/store';
-import { loadScriptSchedule, defaultScriptLanguages, processLangs } from '../scripts';
+import { defaultScriptLanguages, processLangs } from '../scripts';
 import DefaultScripts from './DefaultScripts.svelte';
-import { createEventDispatcher } from 'svelte';
+import { createEventDispatcher, setContext } from 'svelte';
 import CustomPopover from './CustomPopover.svelte';
 import Summary from './Summary.svelte';
+import DeployOverrideConfirmationModal from './common/confirmationModal/DeployOverrideConfirmationModal.svelte';
+import TriggersEditor from './triggers/TriggersEditor.svelte';
 export let script;
 export let fullyLoaded = true;
 export let initialPath = '';
@@ -45,6 +46,11 @@ export let searchParams = new URLSearchParams();
 export let disableHistoryChange = false;
 export let replaceStateFn = (url) => window.history.replaceState(null, '', url);
 export let customUi = {};
+export let savedPrimarySchedule = undefined;
+let deployedValue = undefined; // Value to diff against
+let deployedBy = undefined; // Author
+let confirmCallback = () => { }; // What happens when user clicks `override` in warning
+let open = false; // Is confirmation modal open
 let metadataOpen = !neverShowMeta &&
     (showMeta ||
         (initialPath == '' &&
@@ -52,25 +58,39 @@ let metadataOpen = !neverShowMeta &&
             searchParams.get('collab') == undefined));
 let editor = undefined;
 let scriptEditor = undefined;
-let scheduleStore = writable({
-    summary: '',
-    cron: '0 */5 * * *',
-    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    args: {},
-    enabled: false
-});
-async function loadSchedule() {
-    const scheduleRes = await loadScriptSchedule(initialPath, $workspaceStore);
-    if (scheduleRes) {
-        scheduleStore.set(scheduleRes);
-    }
+const primaryScheduleStore = writable(savedPrimarySchedule);
+const triggersCount = writable(savedPrimarySchedule
+    ? { schedule_count: 1, primary_schedule: { schedule: savedPrimarySchedule.cron } }
+    : undefined);
+const simplifiedPoll = writable(false);
+const selectedTriggerStore = writable('webhooks');
+export function setPrimarySchedule(schedule) {
+    primaryScheduleStore.set(schedule);
+    loadTriggers();
 }
 const dispatch = createEventDispatcher();
-$: {
-    if (initialPath != '') {
-        loadSchedule();
+$: initialPath != '' && loadTriggers();
+async function loadTriggers() {
+    $triggersCount = await ScriptService.getTriggersCountOfScript({
+        workspace: $workspaceStore,
+        path: initialPath
+    });
+    if ($primaryScheduleStore && $triggersCount.primary_schedule == undefined) {
+        $triggersCount = {
+            ...($triggersCount ?? {}),
+            schedule_count: ($triggersCount.schedule_count ?? 0) + 1,
+            primary_schedule: {
+                schedule: $primaryScheduleStore.cron
+            }
+        };
     }
 }
+setContext('TriggerContext', {
+    selectedTrigger: selectedTriggerStore,
+    primarySchedule: primaryScheduleStore,
+    triggersCount,
+    simplifiedPoll
+});
 const enterpriseLangs = ['bigquery', 'snowflake', 'mssql'];
 export function setCode(code) {
     editor?.setCode(code);
@@ -117,7 +137,8 @@ $: {
         }
     });
 }
-$: !disableHistoryChange && replaceStateFn('#' + encodeState(script));
+$: !disableHistoryChange &&
+    replaceStateFn('#' + encodeState({ ...script, primarySchedule: $primaryScheduleStore }));
 if (script.content == '') {
     initContent(script.language, script.kind, template);
 }
@@ -130,7 +151,10 @@ function initContent(language, kind, template) {
     }
 }
 async function createSchedule(path) {
-    const { cron, timezone, args, enabled, summary } = $scheduleStore;
+    if (!$primaryScheduleStore) {
+        return;
+    }
+    const { cron, timezone, args, enabled, summary } = $primaryScheduleStore;
     try {
         await ScheduleService.createSchedule({
             workspace: $workspaceStore,
@@ -150,7 +174,72 @@ async function createSchedule(path) {
         sendUserToast(`The primary schedule could not be created: ${err}`, true);
     }
 }
-async function editScript(stay, deploymentMsg) {
+async function handleEditScript(stay, deployMsg) {
+    // Fetch latest version and fetch entire script after if needed
+    let actual_parent_hash = undefined;
+    try {
+        if (initialPath && initialPath != '') {
+            actual_parent_hash = (await ScriptService.getScriptLatestVersion({
+                workspace: $workspaceStore,
+                path: initialPath
+            }))?.script_hash;
+        }
+    }
+    catch (error) {
+        //
+    }
+    // Usually when we create new script, we put current hash as a parent_hash
+    // But if we specify parent_hash that is already used, than we get error
+    // In order to fix it we make sure that client's understanding of parent_hash
+    // is aligns with understanding of backend.
+    if (actual_parent_hash == undefined || script.parent_hash == actual_parent_hash) {
+        // Handle directly
+        await editScript(stay, script.parent_hash, deployMsg);
+    }
+    else {
+        // Fetch entire script, since we need it to show Diff
+        await syncWithDeployed();
+        if (deployedValue &&
+            script &&
+            orderedJsonStringify({ ...deployedValue, hash: undefined }) ===
+                orderedJsonStringify(replaceFalseWithUndefined({ ...script, hash: undefined, parent_hash: undefined }))) {
+            await editScript(stay, actual_parent_hash, deployMsg);
+        }
+        else {
+            // Handle through confirmation modal
+            confirmCallback = async () => {
+                open = false;
+                if (actual_parent_hash) {
+                    await editScript(stay, actual_parent_hash, deployMsg);
+                }
+                else {
+                    sendUserToast('Could not fetch latest version of the script', true);
+                }
+            };
+            // Open confirmation modal
+            open = true;
+        }
+    }
+}
+async function syncWithDeployed() {
+    const latestScript = await ScriptService.getScriptByPath({
+        workspace: $workspaceStore,
+        path: initialPath,
+        withStarredInfo: true
+    });
+    deployedValue = replaceFalseWithUndefined({
+        ...latestScript,
+        workspace_id: undefined,
+        created_at: undefined,
+        created_by: undefined,
+        extra_perms: undefined,
+        lock: undefined,
+        lock_error_logs: undefined,
+        parent_hashes: undefined
+    });
+    deployedBy = latestScript.created_by;
+}
+async function editScript(stay, parentHash, deploymentMsg) {
     loadingSave = true;
     try {
         try {
@@ -175,7 +264,7 @@ async function editScript(stay, deploymentMsg) {
                 summary: script.summary,
                 description: script.description ?? '',
                 content: script.content,
-                parent_hash: script.parent_hash,
+                parent_hash: parentHash,
                 schema: script.schema,
                 is_template: script.is_template,
                 language: script.language,
@@ -198,41 +287,50 @@ async function editScript(stay, deploymentMsg) {
                 deployment_message: deploymentMsg || undefined
             }
         });
-        const { enabled, timezone, args, cron, summary } = $scheduleStore;
-        const scheduleExists = await ScheduleService.existsSchedule({
-            workspace: $workspaceStore ?? '',
-            path: script.path
-        });
-        if (scheduleExists) {
-            const schedule = await ScheduleService.getSchedule({
+        const scheduleExists = initialPath != '' &&
+            (await ScheduleService.existsSchedule({
                 workspace: $workspaceStore ?? '',
                 path: script.path
-            });
-            if (JSON.stringify(schedule.args) != JSON.stringify(args) ||
-                schedule.schedule != cron ||
-                schedule.timezone != timezone ||
-                schedule.summary != summary) {
-                await ScheduleService.updateSchedule({
+            }));
+        if ($primaryScheduleStore) {
+            const { enabled, timezone, args, cron, summary } = $primaryScheduleStore;
+            if (scheduleExists) {
+                const schedule = await ScheduleService.getSchedule({
                     workspace: $workspaceStore ?? '',
-                    path: script.path,
-                    requestBody: {
-                        schedule: formatCron(cron),
-                        timezone,
-                        args,
-                        summary
-                    }
+                    path: script.path
                 });
+                if (JSON.stringify(schedule.args) != JSON.stringify(args) ||
+                    schedule.schedule != cron ||
+                    schedule.timezone != timezone ||
+                    schedule.summary != summary) {
+                    await ScheduleService.updateSchedule({
+                        workspace: $workspaceStore ?? '',
+                        path: script.path,
+                        requestBody: {
+                            schedule: formatCron(cron),
+                            timezone,
+                            args,
+                            summary
+                        }
+                    });
+                }
+                if (enabled != schedule.enabled) {
+                    await ScheduleService.setScheduleEnabled({
+                        workspace: $workspaceStore ?? '',
+                        path: script.path,
+                        requestBody: { enabled }
+                    });
+                }
             }
-            if (enabled != schedule.enabled) {
-                await ScheduleService.setScheduleEnabled({
-                    workspace: $workspaceStore ?? '',
-                    path: script.path,
-                    requestBody: { enabled }
-                });
+            else if (enabled) {
+                await createSchedule(script.path);
             }
         }
-        else if (enabled) {
-            await createSchedule(script.path);
+        else if (scheduleExists && !$triggersCount?.primary_schedule) {
+            await ScheduleService.deleteSchedule({
+                workspace: $workspaceStore ?? '',
+                path: script.path
+            });
         }
         savedScript = structuredClone(script);
         if (!disableHistoryChange) {
@@ -331,7 +429,7 @@ async function saveDraft(forceSave = false) {
             requestBody: {
                 path: initialPath == '' || savedScript?.draft_only ? script.path : initialPath,
                 typ: 'script',
-                value: script
+                value: { ...script, primary_schedule: $primaryScheduleStore }
             }
         });
         savedScript = {
@@ -361,7 +459,7 @@ function computeDropdownItems(initialPath) {
             {
                 label: 'Deploy & Stay here',
                 onClick: () => {
-                    editScript(true);
+                    handleEditScript(true);
                 }
             },
             {
@@ -413,6 +511,14 @@ function langToLanguage(lang) {
 <svelte:window on:keydown={onKeyDown} />
 <slot />
 
+<DeployOverrideConfirmationModal
+	bind:deployedBy
+	bind:confirmCallback
+	bind:open
+	{diffDrawer}
+	bind:deployedValue
+	currentValue={script}
+/>
 {#if !$userStore?.operator}
 	<Drawer
 		placement="right"
@@ -433,7 +539,14 @@ function langToLanguage(lang) {
 						cannot be inferred from the type directly.
 					</Tooltip>
 				</Tab>
-				<Tab value="schedule" active={$scheduleStore.enabled}>Schedule</Tab>
+				<Tab value="triggers">
+					Triggers
+					<Tooltip
+						documentationLink="https://www.windmill.dev/docs/getting_started/trigger_scripts"
+					>
+						Configure how this script will be triggered.
+					</Tooltip>
+				</Tab>
 				<svelte:fragment slot="content">
 					<div
 						class={selectedTab === 'ui' ? 'p-0' : 'p-4'}
@@ -479,6 +592,14 @@ function langToLanguage(lang) {
 											/>
 										</Label>
 										<Label label="Path">
+											<svelte:fragment slot="header">
+												<Tooltip
+													documentationLink="https://www.windmill.dev/docs/core_concepts/roles_and_permissions#path"
+												>
+													The unique identifier of the script in the workspace that defines
+													permissions
+												</Tooltip>
+											</svelte:fragment>
 											<Path
 												bind:this={path}
 												bind:error={pathError}
@@ -498,7 +619,7 @@ function langToLanguage(lang) {
 												promptConfigName="description"
 												elementType="textarea"
 												elementProps={{
-													placeholder: 'Description displayed'
+													placeholder: 'What this script does and how to use it'
 												}}
 											/>
 										</Label>
@@ -578,7 +699,9 @@ function langToLanguage(lang) {
 
 								<Section label="Script kind">
 									<svelte:fragment slot="header">
-										<Tooltip>
+										<Tooltip
+											documentationLink="https://www.windmill.dev/docs/script_editor/script_kinds"
+										>
 											Tag this script's purpose within flows such that it is available as the
 											corresponding action.
 										</Tooltip>
@@ -609,6 +732,13 @@ function langToLanguage(lang) {
 						<TabContent value="runtime">
 							<div class="flex flex-col gap-8">
 								<Section label="Concurrency limits" eeOnly>
+									<svelte:fragment slot="header">
+										<Tooltip
+											documentationLink="https://www.windmill.dev/docs/core_concepts/concurrency_limits"
+										>
+											Allowed concurrency within a given timeframe
+										</Tooltip>
+									</svelte:fragment>
 									<div class="flex flex-col gap-4">
 										<Label label="Max number of executions within the time window">
 											<div class="flex flex-row gap-2 max-w-sm">
@@ -637,7 +767,9 @@ function langToLanguage(lang) {
 										</Label>
 										<Label label="Custom concurrency key (optional)">
 											<svelte:fragment slot="header">
-												<Tooltip>
+												<Tooltip
+													documentationLink="https://www.windmill.dev/docs/core_concepts/concurrency_limits#custom-concurrency-key"
+												>
 													Concurrency keys are global, you can have them be workspace specific using
 													the variable `$workspace`. You can also use an argument's value using
 													`$args[name_of_arg]`</Tooltip
@@ -653,7 +785,7 @@ function langToLanguage(lang) {
 										</Label>
 									</div>
 								</Section>
-								<Section label="Worker Group Tag (Queue)">
+								<Section label="Worker group tag (queue)">
 									<svelte:fragment slot="header">
 										<Tooltip
 											documentationLink="https://www.windmill.dev/docs/core_concepts/worker_groups"
@@ -665,6 +797,13 @@ function langToLanguage(lang) {
 									<WorkerTagPicker bind:tag={script.tag} />
 								</Section>
 								<Section label="Cache">
+									<svelte:fragment slot="header">
+										<Tooltip
+											documentationLink="https://www.windmill.dev/docs/core_concepts/caching"
+										>
+											Cache the results for each possible inputs
+										</Tooltip>
+									</svelte:fragment>
 									<div class="flex gap-2 shrink flex-col">
 										<Toggle
 											size="sm"
@@ -691,6 +830,13 @@ function langToLanguage(lang) {
 									</div>
 								</Section>
 								<Section label="Timeout">
+									<svelte:fragment slot="header">
+										<Tooltip
+											documentationLink="https://www.windmill.dev/docs/script_editor/settings#timeout"
+										>
+											Add a custom timeout for this script
+										</Tooltip>
+									</svelte:fragment>
 									<div class="flex gap-2 shrink flex-col">
 										<Toggle
 											size="sm"
@@ -714,7 +860,14 @@ function langToLanguage(lang) {
 										{/if}
 									</div>
 								</Section>
-								<Section label="Perpetual Script">
+								<Section label="Perpetual script">
+									<svelte:fragment slot="header">
+										<Tooltip
+											documentationLink="https://www.windmill.dev/docs/script_editor/perpetual_scripts"
+										>
+											Restart the script upon ending unless cancelled
+										</Tooltip>
+									</svelte:fragment>
 									<div class="flex gap-2 shrink flex-col">
 										<Toggle
 											size="sm"
@@ -732,7 +885,7 @@ function langToLanguage(lang) {
 										/>
 									</div>
 								</Section>
-								<Section label="Dedicated Workers" eeOnly>
+								<Section label="Dedicated workers" eeOnly>
 									<Toggle
 										disabled={!$enterpriseLicense ||
 											isCloudHosted() ||
@@ -762,7 +915,9 @@ function langToLanguage(lang) {
 									{/if}
 									<svelte:fragment slot="header">
 										<Tooltip
-											>In this mode, the script is meant to be run on dedicated workers that run the
+											documentationLink="https://www.windmill.dev/docs/core_concepts/dedicated_workers"
+										>
+											In this mode, the script is meant to be run on dedicated workers that run the
 											script at native speed. Can reach >1500rps per dedicated worker. Only
 											available on enterprise edition and for Python3, Deno and Bun. For other
 											languages, the efficiency is already on par with deidcated workers since they
@@ -772,7 +927,9 @@ function langToLanguage(lang) {
 								</Section>
 								<Section label="Delete after use">
 									<svelte:fragment slot="header">
-										<Tooltip>
+										<Tooltip
+											documentationLink="https://www.windmill.dev/docs/script_editor/settings#delete-after-use"
+										>
 											WARNING: This settings ONLY applies to synchronous webhooks or when the script
 											is used within a flow. If used individually, this script must be triggered
 											using a synchronous endpoint to have the desired effect.
@@ -844,7 +1001,9 @@ function langToLanguage(lang) {
 										</Toggle>
 										<svelte:fragment slot="header">
 											<!-- TODO: Add EE-only badge when we have it -->
-											<Tooltip>
+											<Tooltip
+												documentationLink="https://www.windmill.dev/docs/core_concepts/jobs#high-priority-jobs"
+											>
 												Jobs from script labeled as high priority take precedence over the other
 												jobs when in the jobs queue.
 												{#if !$enterpriseLicense}This is a feature only available on enterprise
@@ -855,7 +1014,9 @@ function langToLanguage(lang) {
 								{/if}
 								<Section label="Runs visibility">
 									<svelte:fragment slot="header">
-										<Tooltip>
+										<Tooltip
+											documentationLink="https://www.windmill.dev/docs/core_concepts/monitor_past_and_future_runs#invisible-runs"
+										>
 											When this option is enabled, manual executions of this script are invisible to
 											users other than the user running it, including the owner(s). This setting can
 											be overridden when this script is run manually from the advanced menu.
@@ -939,8 +1100,16 @@ function langToLanguage(lang) {
 						<TabContent value="ui" class="h-full">
 							<ScriptSchema bind:schema={script.schema} />
 						</TabContent>
-						<TabContent value="schedule">
-							<ScriptSchedules {initialPath} schema={script.schema} schedule={scheduleStore} />
+						<TabContent value="triggers">
+							<TriggersEditor
+								{initialPath}
+								schema={script.schema}
+								noEditor={true}
+								isFlow={false}
+								currentPath={script.path}
+								newItem={initialPath == ''}
+							/>
+							<!-- <ScriptSchedules {initialPath} schema={script.schema} schedule={scheduleStore} /> -->
 						</TabContent>
 					</div>
 				</svelte:fragment>
@@ -969,7 +1138,7 @@ function langToLanguage(lang) {
 				</div>
 
 				<div class="gap-4 flex">
-					{#if $scheduleStore.enabled}
+					{#if $primaryScheduleStore != undefined ? $primaryScheduleStore && $primaryScheduleStore?.enabled : $triggersCount?.primary_schedule}
 						<Button
 							btnClasses="hidden lg:inline-flex"
 							startIcon={{ icon: Calendar }}
@@ -978,10 +1147,15 @@ function langToLanguage(lang) {
 							size="xs"
 							on:click={async () => {
 								metadataOpen = true
-								selectedTab = 'schedule'
+								selectedTab = 'triggers'
+								$selectedTriggerStore = 'schedules'
 							}}
 						>
-							{$scheduleStore.cron ?? ''}
+							{$primaryScheduleStore != undefined
+								? $primaryScheduleStore
+									? $primaryScheduleStore?.cron
+									: ''
+								: $triggersCount?.primary_schedule?.schedule}
 						</Button>
 					{/if}
 					{#if customUi?.topBar?.path != false}
@@ -1024,14 +1198,16 @@ function langToLanguage(lang) {
 							color="light"
 							variant="border"
 							size="xs"
-							on:click={() => {
+							on:click={async () => {
 								if (!savedScript) {
 									return
 								}
+								await syncWithDeployed()
+
 								diffDrawer?.openDrawer()
 								diffDrawer?.setDiff({
 									mode: 'normal',
-									deployed: savedScript,
+									deployed: deployedValue ?? savedScript,
 									draft: savedScript['draft'],
 									current: script
 								})
@@ -1076,7 +1252,7 @@ function langToLanguage(lang) {
 							size="xs"
 							disabled={!fullyLoaded}
 							startIcon={{ icon: Save }}
-							on:click={() => editScript(false)}
+							on:click={() => handleEditScript(false)}
 							dropdownItems={computeDropdownItems(initialPath)}
 						>
 							Deploy
@@ -1090,13 +1266,13 @@ function langToLanguage(lang) {
 									bind:this={msgInput}
 									on:keydown={(e) => {
 										if (e.key === 'Enter') {
-											editScript(false, deploymentMsg)
+											handleEditScript(false, deploymentMsg)
 										}
 									}}
 								/>
 								<Button
 									size="xs"
-									on:click={() => editScript(false, deploymentMsg)}
+									on:click={() => handleEditScript(false, deploymentMsg)}
 									endIcon={{ icon: CornerDownLeft }}
 									loading={loadingSave}
 								>

package/package/components/ScriptBuilder.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponent } from "svelte";
 import { type NewScript, type NewScriptWithDraft } from '../gen';
 import type DiffDrawer from './DiffDrawer.svelte';
 import type { ScriptBuilderWhitelabelCustomUi } from './custom_ui';
+import type { ScheduleTrigger } from './triggers';
 declare const __propDef: {
     props: {
         script: NewScript;
@@ -18,6 +19,8 @@ declare const __propDef: {
         disableHistoryChange?: boolean | undefined;
         replaceStateFn?: ((url: string) => void) | undefined;
         customUi?: ScriptBuilderWhitelabelCustomUi | undefined;
+        savedPrimarySchedule?: ScheduleTrigger | undefined;
+        setPrimarySchedule?: ((schedule: ScheduleTrigger | undefined | false) => void) | undefined;
         setCode?: ((code: string) => void) | undefined;
     };
     events: {
@@ -39,6 +42,7 @@ export type ScriptBuilderProps = typeof __propDef.props;
 export type ScriptBuilderEvents = typeof __propDef.events;
 export type ScriptBuilderSlots = typeof __propDef.slots;
 export default class ScriptBuilder extends SvelteComponent<ScriptBuilderProps, ScriptBuilderEvents, ScriptBuilderSlots> {
+    get setPrimarySchedule(): (schedule: false | ScheduleTrigger | undefined) => void;
     get setCode(): (code: string) => void;
 }
 export {};

package/package/components/ScriptEditor.svelte

@@ -119,6 +119,7 @@ onMount(() => {
 });
 setLicense();
 export async function setCollaborationMode() {
+    await setLicense();
     if (!$enterpriseLicense) {
         sendUserToast(`Multiplayer is an enterprise feature`, true, [
             {
@@ -136,7 +137,7 @@ export async function setCollaborationMode() {
     }
     let yContentInit = ydoc.getText('content');
     const wsProtocol = BROWSER && window.location.protocol == 'https:' ? 'wss' : 'ws';
-    wsProvider = new WebsocketProvider(`${wsProtocol}://${window.location.host}/ws_mp/`, $workspaceStore + '/' + path ?? 'no-room-name', ydoc, { connect: false });
+    wsProvider = new WebsocketProvider(`${wsProtocol}://${window.location.host}/ws_mp/`, $workspaceStore + '/' + (path ?? 'no-room-name'), ydoc, { connect: false });
     wsProvider.on('sync', (isSynced) => {
         if (isSynced && yContentInit?.toJSON() == '') {
             showCollabPopup = true;
@@ -239,7 +240,9 @@ $: selectedTab && inferSchema(code);
 			{args}
 			{noHistory}
 			{saveToWorkspace}
-		/>
+		>
+			<slot name="editor-bar-right" slot="right" />
+		</EditorBar>
 		{#if !noSyncFromGithub && customUi?.editorBar?.useVsCode != false}
 			<div class="py-1">
 				<Button
@@ -379,10 +382,15 @@ $: selectedTab && inferSchema(code);
 							{diffEditor}
 							{args}
 						>
-						{#if scriptProgress}
-							<!-- Put to the slot in logpanel -->
-							<JobProgressBar job={testJob} bind:scriptProgress bind:reset={jobProgressReset} compact={true} />
-						{/if}
+							{#if scriptProgress}
+								<!-- Put to the slot in logpanel -->
+								<JobProgressBar
+									job={testJob}
+									bind:scriptProgress
+									bind:reset={jobProgressReset}
+									compact={true}
+								/>
+							{/if}
 						</LogPanel>
 					</Pane>
 				</Splitpanes>

package/package/components/ScriptEditor.svelte.d.ts

@@ -36,7 +36,11 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        'editor-bar-right': {
+            slot: string;
+        };
+    };
 };
 export type ScriptEditorProps = typeof __propDef.props;
 export type ScriptEditorEvents = typeof __propDef.events;