windmill-components 1.408.1 → 1.430.2

package/package/components/Dev.svelte

@@ -23,10 +23,10 @@ import { loadSchemaFromModule } from './flows/flowInfers';
 import { CornerDownLeft, Play } from 'lucide-svelte';
 import Toggle from './Toggle.svelte';
 import { setLicense } from '../enterpriseUtils';
-import { workspacedOpenai } from './copilot/lib';
 import { pickScript } from './flows/flowStateUtils';
 import { approximateFindPythonRelativePath, isTypescriptRelativePath, parseTypescriptDeps } from '../relative_imports';
 import Tooltip from './Tooltip.svelte';
+import { initAllAiWorkspace } from './copilot/lib';
 $: token = $page.url.searchParams.get('wm_token') ?? undefined;
 $: workspace = $page.url.searchParams.get('workspace') ?? undefined;
 $: themeDarkRaw = $page.url.searchParams.get('activeColorTheme');
@@ -65,13 +65,14 @@ async function genFlow(idx, flowModules, stepOnly = false) {
 setContext('FlowCopilotContext', flowCopilotContext);
 async function setCopilotInfo() {
     if (workspace) {
-        workspacedOpenai.init(workspace, token);
+        initAllAiWorkspace(workspace);
         try {
             copilotInfo.set(await WorkspaceService.getCopilotInfo({ workspace }));
         }
         catch (err) {
             copilotInfo.set({
-                exists_openai_resource_path: false,
+                ai_provider: '',
+                exists_ai_resource: false,
                 code_completion_enabled: false
             });
             console.error('Could not get copilot info');
@@ -375,22 +376,23 @@ async function replaceFlow(lastEdit) {
     }
 }
 const flowStateStore = writable({});
-const scheduleStore = writable({
-    args: {},
-    cron: '',
-    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    enabled: false,
-    summary: undefined
-});
 const previewArgsStore = writable({});
 const scriptEditorDrawer = writable(undefined);
 const moving = writable(undefined);
 const history = initHistory($flowStore);
 const testStepStore = writable({});
 const selectedIdStore = writable('settings-metadata');
+const selectedTriggerStore = writable('webhooks');
+const primaryScheduleStore = writable(undefined);
+const triggersCount = writable(undefined);
+setContext('TriggerContext', {
+    primarySchedule: primaryScheduleStore,
+    selectedTrigger: selectedTriggerStore,
+    triggersCount: triggersCount,
+    simplifiedPoll: writable(false)
+});
 setContext('FlowEditorContext', {
     selectedId: selectedIdStore,
-    schedule: scheduleStore,
     previewArgs: previewArgsStore,
     scriptEditorDrawer,
     moving,
@@ -405,6 +407,10 @@ setContext('FlowEditorContext', {
     customUi: {},
     insertButtonOpen: writable(false)
 });
+setContext('PropPickerContext', {
+    flowPropPickerConfig: writable(undefined),
+    pickablePropertiesFiltered: writable(undefined)
+});
 $: updateFlow($flowStore);
 let lastSent = undefined;
 function updateFlow(flow) {

package/package/components/DiffDrawer.svelte

@@ -3,7 +3,7 @@ import { Loader2 } from 'lucide-svelte';
 import { scriptLangToEditorLang } from '../scripts';
 import Tabs from './common/tabs/Tabs.svelte';
 import Tab from './common/tabs/Tab.svelte';
-import { cleanValueProperties, orderedJsonStringify, orderedYamlStringify } from '../utils';
+import { cleanValueProperties, orderedJsonStringify, orderedYamlStringify, replaceFalseWithUndefined } from '../utils';
 let contentType = undefined;
 let diffType = undefined;
 let diffViewer;
@@ -20,7 +20,7 @@ export function closeDrawer() {
     diffViewer.closeDrawer();
 }
 function prepareDiff(data) {
-    const metadata = structuredClone(cleanValueProperties(data));
+    const metadata = structuredClone(cleanValueProperties(replaceFalseWithUndefined(data)));
     const content = metadata['content'];
     if (metadata['content'] !== undefined) {
         metadata['content'] = 'check content diff';

package/package/components/DisplayResult.svelte

@@ -21,6 +21,7 @@ import DownloadCsv from './table/DownloadCsv.svelte';
 import { convertJsonToCsv } from './table/tableUtils';
 import Tooltip from './Tooltip.svelte';
 import HighlightTheme from './HighlightTheme.svelte';
+import PdfViewer from './display/PdfViewer.svelte';
 export let result;
 export let requireHtmlApproval = false;
 export let filename = undefined;
@@ -142,6 +143,9 @@ function inferResultKind(result) {
                 else if (keys.length == 1 && keys[0] === 'map') {
                     return 'map';
                 }
+                else if (keys.length == 1 && keys[0] === 'pdf') {
+                    return 'pdf';
+                }
                 else if (keys.length == 1 && keys[0] === 'file') {
                     return 'file';
                 }
@@ -318,7 +322,7 @@ let seeS3PreviewFileFromList = '';
 	>{:else}<div
 		class="inline-highlight relative grow {['plain', 'markdown'].includes(resultKind ?? '')
 			? ''
-			: 'min-h-[200px]'}"
+			: 'min-h-[160px]'}"
 		>{#if result != undefined && length != undefined && largeObject != undefined}<div
 				class="flex justify-between items-center w-full"
 				><div class="text-tertiary text-sm">
@@ -448,6 +452,13 @@ let seeS3PreviewFileFromList = '';
 							src="data:image/gif;base64,{contentOrRootString(result.gif)}"
 						/>
 					</div>
+				{:else if !forceJson && resultKind === 'pdf'}
+					<div class="h-96 mt-2 border">
+						<PdfViewer
+							allowFullscreen
+							source="data:application/pdf;base64,{contentOrRootString(result.pdf)}"
+						/>
+					</div>
 				{:else if !forceJson && resultKind === 'plain'}<div class="h-full text-2xs"
 						><pre>{typeof result === 'string' ? result : result?.['result']}</pre>{#if !noControls}
 							<div class="flex">
@@ -479,6 +490,11 @@ let seeS3PreviewFileFromList = '';
 						<pre class="text-xs pt-2 whitespace-pre-wrap text-primary"
 							>{result.error.stack ?? ''}</pre
 						>
+						{#if result.error?.extra}
+							<pre class="text-xs pt-2 whitespace-pre-wrap text-primary"
+								>{JSON.stringify(result.error.extra, null, 4)}</pre
+							>
+						{/if}
 						<slot />
 					</div>
 					{#if language === 'bun'}
@@ -582,6 +598,14 @@ let seeS3PreviewFileFromList = '';
 											(result.storage ? `&storage=${result.storage}` : '')}
 									/>
 								</div>
+							{:else if result?.s3?.endsWith('.pdf')}
+								<div class="h-96 mt-2 border">
+									<PdfViewer
+										allowFullscreen
+										source={`/api/w/${workspaceId}/job_helpers/load_image_preview?file_key=${result.s3}` +
+											(result.storage ? `&storage=${result.storage}` : '')}
+									/>
+								</div>
 							{/if}
 						{/if}
 					</div>
@@ -650,6 +674,14 @@ let seeS3PreviewFileFromList = '';
 											>open image preview <ArrowDownFromLine />
 										</button>
 									{/if}
+								{:else if s3object?.s3?.endsWith('.pdf')}
+									<div class="h-96 mt-2 border">
+										<PdfViewer
+											allowFullscreen
+											source={`/api/w/${workspaceId}/job_helpers/load_image_preview?file_key=${s3object.s3}` +
+												(s3object.storage ? `&storage=${s3object.storage}` : '')}
+										/>
+									</div>
 								{/if}
 							{/each}
 						</div>

package/package/components/EditableSchemaForm.svelte

@@ -320,6 +320,7 @@ let editor = undefined;
 													{isAppInput}
 													on:change={() => {
 														schema = schema
+														// console.log('schema', schema)
 														dispatch('change', schema)
 													}}
 												>

package/package/components/Editor.svelte

@@ -289,7 +289,38 @@ export async function format() {
         code = getCode();
         if (lang != 'shell') {
             if ($formatOnSave != false) {
-                await editor?.getAction('editor.action.formatDocument')?.run();
+                if (scriptLang == 'deno' && languageClients.length > 0) {
+                    languageClients.forEach(async (x) => {
+                        let edits = await x.sendRequest(new RequestType('textDocument/formatting'), {
+                            textDocument: { uri },
+                            options: {
+                                tabSize: 2,
+                                insertSpaces: true
+                            }
+                        });
+                        console.debug(edits);
+                        if (Array.isArray(edits)) {
+                            edits = edits.map((edit) => edit.range.start != undefined &&
+                                edit.range.end != undefined &&
+                                edit.newText != undefined
+                                ? {
+                                    range: {
+                                        startLineNumber: edit.range.start.line + 1,
+                                        startColumn: edit.range.start.character + 1,
+                                        endLineNumber: edit.range.end.line + 1,
+                                        endColumn: edit.range.end.character + 1
+                                    },
+                                    text: edit.newText
+                                }
+                                : {});
+                            //@ts-ignore
+                            editor?.executeEdits('fmt', edits);
+                        }
+                    });
+                }
+                else {
+                    await editor?.getAction('editor.action.formatDocument')?.run();
+                }
             }
             code = getCode();
         }
@@ -488,7 +519,8 @@ function addCopilotSuggestions() {
                     token.onCancellationRequested(() => {
                         abortController?.abort();
                     });
-                    const insertText = await editorCodeCompletion(textUntilPosition, textAfterPosition, lang, abortController);
+                    const aiProvider = $copilotInfo.ai_provider;
+                    const insertText = await editorCodeCompletion(textUntilPosition, textAfterPosition, lang, abortController, aiProvider);
                     if (insertText) {
                         items = [
                             {
@@ -506,7 +538,7 @@ function addCopilotSuggestions() {
         }
     });
 }
-$: $copilotInfo.exists_openai_resource_path &&
+$: $copilotInfo.exists_ai_resource &&
     $copilotInfo.code_completion_enabled &&
     $codeCompletionSessionEnabled &&
     initialized &&

package/package/components/EditorBar.svelte

@@ -636,6 +636,7 @@ $res = json_decode(curl_exec($ch));`)
 	</div>
 
 	<div class="flex flex-row items-center gap-2">
+		<slot name="right" />
 		{#if scriptPath && !noHistory}
 			<Button
 				btnClasses="!font-medium text-tertiary"

package/package/components/EditorBar.svelte.d.ts

@@ -38,7 +38,9 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        right: {};
+    };
 };
 export type EditorBarProps = typeof __propDef.props;
 export type EditorBarEvents = typeof __propDef.events;