windmill-components 1.444.2 → 1.447.5

package/package/components/ScriptEditor.svelte

@@ -94,6 +94,7 @@ function runTest() {
         jobProgressReset();
     //@ts-ignore
     testJobLoader.runPreview(path, code, lang, selectedTab === 'preprocessor' ? { _ENTRYPOINT_OVERRIDE: 'preprocessor', ...args } : args, tag);
+    setFocusToLogs();
 }
 async function loadPastTests() {
     pastPreviews = await JobService.listCompletedJobs({
@@ -196,6 +197,13 @@ $: showTabs = hasPreprocessor;
 $: !hasPreprocessor && (selectedTab = 'main');
 $: selectedTab && inferSchema(code);
 let argsRender = 0;
+export async function updateArgs(newArgs) {
+    if (Object.keys(newArgs).length > 0) {
+        args = { ...newArgs };
+        argsRender++;
+    }
+}
+let setFocusToLogs = () => { };
 </script>
 
 <TestJobLoader
@@ -372,7 +380,7 @@ let argsRender = 0;
 				</div>
 				<Splitpanes horizontal class="!max-h-[calc(100%-43px)]">
 					<Pane size={33}>
-						<div class="px-2">
+						<div class="px-4">
 							<div class="break-words relative font-sans">
 								{#key argsRender}
 									<SchemaForm
@@ -394,6 +402,7 @@ let argsRender = 0;
 					</Pane>
 					<Pane size={67} class="relative">
 						<LogPanel
+							bind:setFocusToLogs
 							{lang}
 							previewJob={testJob}
 							{pastPreviews}
@@ -416,12 +425,10 @@ let argsRender = 0;
 								<div class="h-full p-2">
 									<CaptureTable
 										bind:this={captureTable}
-										captureType="all"
 										{hasPreprocessor}
 										canHavePreprocessor={lang === 'bun' || lang === 'deno' || lang === 'python3'}
 										isFlow={false}
 										path={path ?? ''}
-										hideCapturesWhenEmpty={false}
 										canEdit={true}
 										on:applyArgs
 										on:updateSchema

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

@@ -32,6 +32,7 @@ declare const __propDef: {
         inferSchema?: ((code: string, nlang?: SupportedLanguage, resetArgs?: boolean) => Promise<void>) | undefined;
         setCollaborationMode?: (() => Promise<void>) | undefined;
         disableCollaboration?: (() => void) | undefined;
+        updateArgs?: ((newArgs: Record<string, any>) => Promise<void>) | undefined;
     };
     events: {
         createScriptFromInlineScript: CustomEvent<any>;
@@ -42,8 +43,9 @@ declare const __propDef: {
             args: Record<string, any> | undefined;
         }>;
         updateSchema: CustomEvent<{
-            schema: any;
+            payloadData: any;
             redirect: boolean;
+            args?: boolean | undefined;
         }>;
         addPreprocessor: CustomEvent<null>;
         format: CustomEvent<any>;
@@ -61,8 +63,9 @@ export type ScriptEditorProps = typeof __propDef.props;
 export type ScriptEditorEvents = typeof __propDef.events;
 export type ScriptEditorSlots = typeof __propDef.slots;
 export default class ScriptEditor extends SvelteComponent<ScriptEditorProps, ScriptEditorEvents, ScriptEditorSlots> {
-    get inferSchema(): (code: string, nlang?: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun" | "php" | "rust" | "ansible" | "csharp" | undefined, resetArgs?: boolean) => Promise<void>;
+    get inferSchema(): (code: string, nlang?: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "oracledb" | "graphql" | "nativets" | "bun" | "php" | "rust" | "ansible" | "csharp" | undefined, resetArgs?: boolean) => Promise<void>;
     get setCollaborationMode(): () => Promise<void>;
     get disableCollaboration(): () => void;
+    get updateArgs(): (newArgs: Record<string, any>) => Promise<void>;
 }
 export {};

package/package/components/ScriptSchema.svelte

@@ -3,7 +3,6 @@ export let schema;
 export function setSchema(newSchema) {
     schema = newSchema;
 }
-const yOffset = 80;
 </script>
 
-<EditableSchemaForm bind:schema uiOnly offset={yOffset} />
+<EditableSchemaForm bind:schema uiOnly editTab="inputEditor" />

package/package/components/Section.svelte

@@ -11,7 +11,7 @@ export let collapsed = true;
 export let headless = false;
 </script>
 
-<div class="w-full">
+<div class="w-full flex flex-col">
 	{#if !headless}
 		<div class="flex flex-row justify-between items-center mb-2">
 			<h2
@@ -52,7 +52,9 @@ export let headless = false;
 			{/if}
 		</div>
 	{/if}
-	<div class={collapsable && collapsed ? `hidden ${$$props.class}` : `${$$props.class}`}>
-		<slot />
-	</div>
+	{#if !collapsable || !collapsed}
+		<div class={twMerge('grow min-h-0', $$props.class)}>
+			<slot />
+		</div>
+	{/if}
 </div>

package/package/components/ShareModal.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        openDrawer?: ((newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger") => Promise<void>) | undefined;
+        openDrawer?: ((newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger") => Promise<void>) | undefined;
     };
     events: {
         change: CustomEvent<any>;
@@ -14,6 +14,6 @@ export type ShareModalProps = typeof __propDef.props;
 export type ShareModalEvents = typeof __propDef.events;
 export type ShareModalSlots = typeof __propDef.slots;
 export default class ShareModal extends SvelteComponent<ShareModalProps, ShareModalEvents, ShareModalSlots> {
-    get openDrawer(): (newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger") => Promise<void>;
+    get openDrawer(): (newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger") => Promise<void>;
 }
 export {};

package/package/components/SimpleEditor.svelte

@@ -26,15 +26,23 @@
 		schemas: [],
 		enableSchemaRequest: true
 	})
+	languages.json.jsonDefaults.setModeConfiguration({
+		documentRangeFormattingEdits: false,
+		documentFormattingEdits: true,
+		hovers: true,
+		completionItems: true,
+		documentSymbols: true,
+		tokens: true,
+		colors: true,
+		foldingRanges: true,
+		selectionRanges: true,
+		diagnostics: true
+	})
 </script>
 
 <script>import { BROWSER } from 'esm-env';
 import { createHash, editorConfig, langToExt, updateOptions } from '../editorUtils';
 import { editor as meditor, KeyCode, KeyMod, Uri as mUri, languages } from 'monaco-editor';
-import '@codingame/monaco-vscode-standalone-languages';
-import '@codingame/monaco-vscode-standalone-json-language-features';
-import '@codingame/monaco-vscode-standalone-css-language-features';
-import '@codingame/monaco-vscode-standalone-typescript-language-features';
 import { allClasses } from './apps/editor/componentsPanel/cssUtils';
 import { createEventDispatcher, onDestroy, onMount } from 'svelte';
 import libStdContent from '../es6.d.ts.txt?raw';
@@ -57,6 +65,7 @@ export let cmdEnterAction = undefined;
 export let formatAction = undefined;
 export let automaticLayout = true;
 export let extraLib = '';
+export let placeholder = '';
 export let shouldBindKey = true;
 export let autoHeight = false;
 export let fixedOverflowWidgets = true;
@@ -82,6 +91,12 @@ export function setCode(ncode) {
         editor.setValue(ncode);
     }
 }
+let placeholderVisible = false;
+function updatePlaceholderVisibility(value) {
+    if (!value)
+        return;
+    placeholderVisible = value.trim() === '';
+}
 export function format() {
     if (editor) {
         code = getCode();
@@ -254,6 +269,12 @@ async function loadMonaco() {
         $tailwindClassesLoaded = true;
         addTailwindClassCompletions();
     }
+    if (placeholder) {
+        editor.onDidChangeModelContent(() => {
+            const value = editor.getValue();
+            updatePlaceholderVisibility(value);
+        });
+    }
 }
 function addCSSClassCompletions() {
     languages.registerCompletionItemProvider('css', {
@@ -355,10 +376,10 @@ export function setCursorToEnd() {
         editor.focus();
     }
 }
+updatePlaceholderVisibility(code);
 </script>
 
 <EditorTheme />
-
 {#if editor && suggestion && code.length === 0}
 	<div
 		class="absolute top-[0.05rem] left-[2.05rem] z-10 text-sm text-[#0007] italic font-mono dark:text-[#ffffff56] text-ellipsis overflow-hidden whitespace-nowrap"
@@ -369,9 +390,20 @@ export function setCursorToEnd() {
 {/if}
 <div
 	bind:this={divEl}
-	class="{$$props.class ?? ''} editor simple-editor {!allowVim ? 'nonmain-editor' : ''}"
+	class="relative {$$props.class ?? ''} editor simple-editor {!allowVim ? 'nonmain-editor' : ''}"
 	bind:clientWidth={width}
-/>
+>
+	{#if placeholder}
+		<div
+			id="placeholder"
+			class="absolute left-[24px] text-gray-500 text-sm pointer-events-none font-mono z-10 {placeholderVisible
+				? ''
+				: 'hidden'}"
+		>
+			{@html placeholder}
+		</div>
+	{/if}
+</div>
 {#if allowVim && $vimMode}
 	<div class="fixed bottom-0 z-30" bind:this={statusDiv} />
 {/if}

package/package/components/SimpleEditor.svelte.d.ts

@@ -4,10 +4,6 @@ import '@codingame/monaco-vscode-standalone-json-language-features';
 import '@codingame/monaco-vscode-standalone-css-language-features';
 import '@codingame/monaco-vscode-standalone-typescript-language-features';
 import { editor as meditor, type IDisposable } from 'monaco-editor';
-import '@codingame/monaco-vscode-standalone-languages';
-import '@codingame/monaco-vscode-standalone-json-language-features';
-import '@codingame/monaco-vscode-standalone-css-language-features';
-import '@codingame/monaco-vscode-standalone-typescript-language-features';
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -18,6 +14,7 @@ declare const __propDef: {
         formatAction?: (() => void) | undefined;
         automaticLayout?: boolean | undefined;
         extraLib?: string | undefined;
+        placeholder?: string | undefined;
         shouldBindKey?: boolean | undefined;
         autoHeight?: boolean | undefined;
         fixedOverflowWidgets?: boolean | undefined;

package/package/components/StringTypeNarrowing.svelte

@@ -91,9 +91,11 @@ function onEnumKeyChange(oldKey, newKey) {
 }
 </script>
 
-<div class="flex flex-col gap-2">
+<div class="flex flex-col gap-2 w-full">
 	{#if allowKindChange}
 		<ToggleButtonGroup
+			tabListClass="flex-wrap"
+			class="h-auto"
 			bind:selected={kind}
 			on:selected={(e) => {
 				if (e.detail != 'enum') {

package/package/components/TestConnection.svelte

@@ -39,6 +39,11 @@ const scripts = {
         lang: 'mssql',
         argName: 'database'
     },
+    oracledb: {
+        code: `SELECT 1`,
+        lang: 'oracledb',
+        argName: 'database'
+    },
     s3: {
         code: `
 import * as wmill from "windmill-client"

package/package/components/TestJobLoader.svelte.d.ts

@@ -52,7 +52,7 @@ export default class TestJobLoader extends SvelteComponent<TestJobLoaderProps, T
     get runScriptByPath(): (path: string | undefined, args: Record<string, any>) => Promise<string>;
     get runFlowByPath(): (path: string | undefined, args: Record<string, any>) => Promise<string>;
     get getLogs(): () => Promise<void>;
-    get runPreview(): (path: string | undefined, code: string, lang: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun" | "php" | "rust" | "ansible" | "csharp" | undefined, args: Record<string, any>, tag: string | undefined, lock?: string | undefined) => Promise<string>;
+    get runPreview(): (path: string | undefined, code: string, lang: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "oracledb" | "graphql" | "nativets" | "bun" | "php" | "rust" | "ansible" | "csharp" | undefined, args: Record<string, any>, tag: string | undefined, lock?: string | undefined) => Promise<string>;
     get cancelJob(): () => Promise<void>;
     get clearCurrentJob(): () => Promise<void>;
     get watchJob(): (testId: string) => Promise<void>;

package/package/components/WorkerGroup.svelte

@@ -96,7 +96,8 @@ const nativeTags = [
     'graphql',
     'snowflake',
     'mssql',
-    'bigquery'
+    'bigquery',
+    'oracledb'
 ];
 const aws_env_vars_preset = [
     'AWS_REGION',

package/package/components/apps/components/inputs/AppS3FileInput.svelte

@@ -112,6 +112,7 @@ function computeForceViewerPolicies() {
 		customResourceType="s3"
 		customClass={css?.container?.class}
 		customStyle={css?.container?.style}
+		disabled={resolvedConfigS3?.disabled}
 		{fileUploads}
 		{workspace}
 		on:addition={(evt) => {