windmill-components 1.511.0 → 1.522.0

package/package/components/ResourcePicker.svelte

@@ -9,7 +9,7 @@ import { sendUserToast } from '../toast';
 import Select from './select/Select.svelte';
 import DbManagerDrawer from './DBManagerDrawer.svelte';
 import ExploreAssetButton, { assetCanBeExplored } from './ExploreAssetButton.svelte';
-let { initialValue = $bindable(undefined), value = $bindable(undefined), valueType = $bindable(undefined), resourceType = undefined, disabled = false, disablePortal = false, showSchemaExplorer = false, selectFirst = false, expressOAuthSetup = false, defaultValues = undefined, placeholder = undefined, onClear = undefined } = $props();
+let { initialValue = $bindable(undefined), value = $bindable(undefined), valueType = $bindable(undefined), resourceType = undefined, disabled = false, disablePortal = false, showSchemaExplorer = false, selectFirst = false, expressOAuthSetup = false, defaultValues = undefined, placeholder = undefined, onClear = undefined, excludedValues = undefined } = $props();
 if (initialValue && value == undefined) {
     console.log('initialValue', initialValue);
     value = initialValue;
@@ -62,6 +62,7 @@ async function loadResources(resourceType) {
         const nc = resources
             .flat()
             .filter((x) => x.resource_type != 'state' && x.resource_type != 'cache')
+            .filter((x) => !excludedValues || !excludedValues.includes(x.path))
             .map((x) => ({
             value: x.path,
             label: x.path,
@@ -95,6 +96,12 @@ $effect(() => {
     });
     untrack(() => loadResources(resourceType));
 });
+$effect(() => {
+    excludedValues;
+    if ($workspaceStore && resourceType && !disabled) {
+        untrack(() => loadResources(resourceType));
+    }
+});
 let appConnect = $state();
 let resourceEditor = $state();
 let dbManagerDrawer = $state();

package/package/components/ResourcePicker.svelte.d.ts

@@ -11,6 +11,7 @@ interface Props {
     defaultValues?: Record<string, any> | undefined;
     placeholder?: string | undefined;
     onClear?: () => void;
+    excludedValues?: string[];
 }
 declare const ResourcePicker: import("svelte").Component<Props, {
     askNewResource: () => Promise<void>;

package/package/components/ResultStreamDisplay.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">"use strict";
+let { result_stream } = $props();
+</script>
+
+<pre class="text-xs">{result_stream}</pre>

package/package/components/ResultStreamDisplay.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const ResultStreamDisplay: import("svelte").Component<{
+    result_stream: any;
+}, {}, "">;
+type ResultStreamDisplay = ReturnType<typeof ResultStreamDisplay>;
+export default ResultStreamDisplay;

package/package/components/RunForm.svelte

@@ -12,6 +12,7 @@ import JsonInputs from './JsonInputs.svelte';
 import { triggerableByAI } from '../actions/triggerableByAI.svelte';
 import InputSelectedBadge from './schema/InputSelectedBadge.svelte';
 import { untrack } from 'svelte';
+import {} from '../gen';
 let reloadArgs = $state(0);
 let jsonEditor = $state(undefined);
 let schemaHeight = $state(0);
@@ -190,7 +191,14 @@ $effect(() => {
 									type: 'hash',
 									hash: runnable.hash
 								}
-							: undefined}
+							: runnable.schema?.['x-windmill-dyn-select-code'] &&
+								  runnable.schema?.['x-windmill-dyn-select-lang']
+								? {
+										type: 'inline',
+										code: runnable.schema['x-windmill-dyn-select-code'] as string,
+										lang: runnable.schema['x-windmill-dyn-select-lang'] as ScriptLang
+									}
+								: undefined}
 						prettifyHeader
 						{noVariablePicker}
 						{autofocus}

package/package/components/SchemaForm.svelte

@@ -203,7 +203,7 @@ const actions_render = $derived(actions);
 								title={formerProperty?.title}
 								placeholder={formerProperty?.placeholder}
 								orderEditable={dndConfig != undefined}
-								otherArgs={args}
+								otherArgs={{ ...args, [argName]: undefined }}
 								{helperScript}
 								{lightHeader}
 								hideNested={typeof diff[argName].diff === 'object'}
@@ -276,7 +276,7 @@ const actions_render = $derived(actions);
 									title={schema.properties[argName].title}
 									placeholder={schema.properties[argName].placeholder}
 									orderEditable={dndConfig != undefined}
-									otherArgs={args}
+									otherArgs={{ ...args, [argName]: undefined }}
 									{helperScript}
 									{lightHeader}
 									diffStatus={diff[argName] ?? undefined}

package/package/components/SchemaForm.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Schema } from '../common';
-import { type Script } from '../gen';
+import { type DynamicSelect } from '../utils';
 import { type Options as DndOptions } from '@windmill-labs/svelte-dnd-action';
 import type { SchemaDiff } from './schema/schemaUtils.svelte';
 import type { ComponentCustomCSS } from './apps/types';
@@ -30,15 +30,7 @@ interface Props {
         id: string;
         value: string;
     }[] | undefined;
-    helperScript?: {
-        type: 'inline';
-        path?: string;
-        lang: Script['language'];
-        code: string;
-    } | {
-        type: 'hash';
-        hash: string;
-    } | undefined;
+    helperScript?: DynamicSelect.HelperScript;
     lightHeader?: boolean;
     diff?: Record<string, SchemaDiff>;
     nestedParent?: {

package/package/components/ScriptBuilder.svelte

@@ -5,7 +5,7 @@ import { inferArgs } from '../infer';
 import { initialCode } from '../script_helpers';
 import AIFormSettings from './copilot/AIFormSettings.svelte';
 import { defaultScripts, enterpriseLicense, usedTriggerKinds, userStore, workerTags, workspaceStore } from '../stores';
-import { cleanValueProperties, emptySchema, emptyString, encodeState, generateRandomString, orderedJsonStringify, replaceFalseWithUndefined } from '../utils';
+import { cleanValueProperties, emptySchema, emptyString, encodeState, generateRandomString, orderedJsonStringify, readFieldsRecursively, replaceFalseWithUndefined } from '../utils';
 import Path from './Path.svelte';
 import ScriptEditor from './ScriptEditor.svelte';
 import { Alert, Badge, Button, Drawer, SecondsInput, Tab, TabContent, Tabs } from './common';
@@ -41,7 +41,7 @@ import { deployTriggers, filterDraftTriggers, handleSelectTriggerFromKind } from
 import DraftTriggersConfirmationModal from './common/confirmationModal/DraftTriggersConfirmationModal.svelte';
 import { Triggers } from './triggers/triggers.svelte';
 import WorkerTagSelect from './WorkerTagSelect.svelte';
-let { script, fullyLoaded = true, initialPath = $bindable(''), template = $bindable('script'), initialArgs = {}, lockedLanguage = false, showMeta = false, neverShowMeta = false, diffDrawer = undefined, savedScript = $bindable(undefined), searchParams = new URLSearchParams(), disableHistoryChange = false, replaceStateFn = (url) => window.history.replaceState(null, '', url), customUi = {}, savedPrimarySchedule = undefined, functionExports = undefined, children, onDeploy, onDeployError, onSaveInitial, onSeeDetails, onSaveDraftError, onSaveDraft, disableAi } = $props();
+let { script = $bindable(), fullyLoaded = true, initialPath = $bindable(''), template = $bindable('script'), initialArgs = {}, lockedLanguage = false, showMeta = false, neverShowMeta = false, diffDrawer = undefined, savedScript = $bindable(undefined), searchParams = new URLSearchParams(), disableHistoryChange = false, replaceStateFn = (url) => window.history.replaceState(null, '', url), customUi = {}, savedPrimarySchedule = undefined, functionExports = undefined, children, onDeploy, onDeployError, onSaveInitial, onSeeDetails, onSaveDraftError, onSaveDraft, disableAi } = $props();
 export function getInitialAndModifiedValues() {
     return {
         savedValue: savedScript,
@@ -186,12 +186,16 @@ const scriptKindOptions = [
 let pathError = $state('');
 let loadingSave = $state(false);
 let loadingDraft = $state(false);
+let timeout2 = undefined;
 function encodeScriptState(script) {
-    replaceStateFn('#' +
-        encodeState({
-            ...script,
-            draft_triggers: structuredClone(triggersState.getDraftTriggersSnapshot())
-        }));
+    untrack(() => timeout2 && clearTimeout(timeout2));
+    timeout2 = setTimeout(() => {
+        replaceStateFn('#' +
+            encodeState({
+                ...script,
+                draft_triggers: structuredClone(triggersState.getDraftTriggersSnapshot())
+            }));
+    }, 500);
 }
 let timeout = undefined;
 function saveSessionDraft() {
@@ -715,7 +719,8 @@ $effect(() => {
     });
 });
 $effect(() => {
-    !disableHistoryChange && untrack(() => encodeScriptState(script));
+    readFieldsRecursively(script);
+    !disableHistoryChange && encodeScriptState(script);
 });
 loadWorkerTags();
 async function loadWorkerTags() {

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

@@ -7,6 +7,6 @@ declare const ScriptBuilder: import("svelte").Component<ScriptBuilderProps, {
     setPrimarySchedule: (schedule: ScheduleTrigger | undefined | false) => void;
     setDraftTriggers: (triggers: Trigger[] | undefined) => void;
     setCode: (code: string) => void;
-}, "template" | "initialPath" | "savedScript">;
+}, "script" | "template" | "initialPath" | "savedScript">;
 type ScriptBuilder = ReturnType<typeof ScriptBuilder>;
 export default ScriptBuilder;

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

@@ -74,6 +74,6 @@ declare const ScriptEditor: $$__sveltets_2_IsomorphicComponent<Props, {
     setCollaborationMode: () => Promise<void>;
     disableCollaboration: () => void;
     updateArgs: (newArgs: Record<string, any>) => Promise<void>;
-}, "args" | "code" | "assets" | "schema" | "editor" | "selectedTab" | "diffEditor" | "hasPreprocessor" | "captureTable">;
+}, "args" | "code" | "assets" | "schema" | "selectedTab" | "editor" | "diffEditor" | "hasPreprocessor" | "captureTable">;
 type ScriptEditor = InstanceType<typeof ScriptEditor>;
 export default ScriptEditor;

package/package/components/ScriptWrapper.svelte

@@ -5,5 +5,5 @@ let script = $state(oldScript);
 </script>
 
 <AiChatLayout noPadding {disableAi}>
-	<ScriptBuilder {script} {disableAi} {...props} />
+	<ScriptBuilder bind:script {disableAi} {...props} />
 </AiChatLayout>

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

@@ -16,7 +16,7 @@ declare const ShareModal: $$__sveltets_2_IsomorphicComponent<Record<string, neve
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
-    openDrawer: (newPath: string, kind_l: "resource" | "script" | "flow" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "mqtt_trigger" | "gcp_trigger" | "sqs_trigger") => Promise<void>;
+    openDrawer: (newPath: string, kind_l: "resource" | "script" | "flow" | "app" | "variable" | "schedule" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "mqtt_trigger" | "gcp_trigger" | "sqs_trigger") => Promise<void>;
 }, "">;
 type ShareModal = InstanceType<typeof ShareModal>;
 export default ShareModal;

package/package/components/SimpleAgTable.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">import { sendUserToast } from '../toast';
+import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 import { createGrid } from 'ag-grid-community';
 import DarkModeObserver from './DarkModeObserver.svelte';
 import { untrack } from 'svelte';

package/package/components/SimpleAgTable.svelte.d.ts

@@ -1,3 +1,5 @@
+import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 type Props = {
     data: Record<string, any>[];
     class?: string;

package/package/components/SqlRepl.svelte

@@ -33,6 +33,12 @@ function splitSqlStatements(code) {
     }
     return statements;
 }
+function pruneComments(code) {
+    return code
+        .replace(/--.*?(\r?\n|$)/g, '')
+        .replace(/\/\*[\s\S]*?\*\//g, '')
+        .trim();
+}
 </script>
 
 <script lang="ts">import { CornerDownLeft, Loader2 } from 'lucide-svelte';
@@ -44,7 +50,9 @@ import { untrack } from 'svelte';
 import { getLanguageByResourceType } from './apps/components/display/dbtable/utils';
 import StepHistory, {} from './flows/propPicker/StepHistory.svelte';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
-let { resourcePath, resourceType, onData, placeholderTableName } = $props();
+import { getDbType, wrapDucklakeQuery } from './dbOps';
+let { input, onData, placeholderTableName } = $props();
+let dbType = $derived(getDbType(input));
 const DEFAULT_SQL = 'SELECT * FROM _';
 let code = $state(DEFAULT_SQL);
 $effect(() => {
@@ -60,7 +68,11 @@ async function run({ doPostgresRowToJsonFix } = {}) {
         return;
     isRunning = true;
     try {
-        const statements = splitSqlStatements(code);
+        const statements = splitSqlStatements(pruneComments(code));
+        if (statements.length === 0) {
+            sendUserToast('Nothing to run', true);
+            return;
+        }
         // Transform all to JSON in case of select. This fixes the issue of
         // custom postgres enum type failing to convert to a rust type in the backend.
         // We don't always put the fix by default for row ordering concerns
@@ -75,14 +87,16 @@ async function run({ doPostgresRowToJsonFix } = {}) {
             })
                 .join(';');
         }
+        const dbArg = input?.type === 'database' ? { database: '$res:' + input.resourcePath } : {};
+        if (input?.type === 'ducklake') {
+            transformedCode = wrapDucklakeQuery(transformedCode, input.ducklake);
+        }
         let { job, result } = (await runScriptAndPollResult({
             workspace: $workspaceStore,
             requestBody: {
-                language: getLanguageByResourceType(resourceType),
+                language: getLanguageByResourceType(dbType),
                 content: transformedCode,
-                args: {
-                    database: '$res:' + resourcePath
-                }
+                args: dbArg
             }
         }, { withJobData: true }));
         if (statements.length > 1) {
@@ -113,7 +127,7 @@ async function run({ doPostgresRowToJsonFix } = {}) {
     }
     catch (e) {
         console.error(e);
-        if (resourceType === 'postgresql' && !doPostgresRowToJsonFix) {
+        if (dbType === 'postgresql' && !doPostgresRowToJsonFix) {
             console.error('Error running query, trying with row_to_json fix');
             isRunning = false;
             return await run({ doPostgresRowToJsonFix: true });

package/package/components/SqlRepl.svelte.d.ts

@@ -1,6 +1,6 @@
+import { type DbInput } from './dbOps';
 type Props = {
-    resourceType: string;
-    resourcePath: string;
+    input: DbInput;
     onData: (data: Record<string, any>[]) => void;
     placeholderTableName?: string;
 };

package/package/components/StringTypeNarrowing.svelte.d.ts

@@ -15,6 +15,6 @@ interface Props {
     overrideAllowKindChange?: boolean;
     originalType?: string | undefined;
 }
-declare const StringTypeNarrowing: import("svelte").Component<Props, {}, "password" | "disableCreate" | "pattern" | "format" | "contentEncoding" | "customErrorMessage" | "dateFormat" | "enum_" | "enumLabels" | "minRows" | "disableVariablePicker">;
+declare const StringTypeNarrowing: import("svelte").Component<Props, {}, "password" | "disableCreate" | "pattern" | "format" | "enum_" | "enumLabels" | "contentEncoding" | "customErrorMessage" | "dateFormat" | "minRows" | "disableVariablePicker">;
 type StringTypeNarrowing = ReturnType<typeof StringTypeNarrowing>;
 export default StringTypeNarrowing;

package/package/components/WorkerTagSelect.svelte

@@ -1,13 +1,26 @@
 <script lang="ts">import { workerTags, workspaceStore } from '../stores';
 import { WorkerService } from '../gen';
-import { createEventDispatcher } from 'svelte';
+import { createEventDispatcher, onDestroy, onMount } from 'svelte';
 import Select from './select/Select.svelte';
 import { safeSelectItems } from './select/utils.svelte';
 import { Button } from './common';
 import { RotateCw } from 'lucide-svelte';
 import { sendUserToast } from '../toast';
+import Popover from './Popover.svelte';
 let { tag = $bindable(), noLabel = false, nullTag = undefined, disabled = false, placeholder, inputClass } = $props();
 let loading = $state(false);
+let visible = $state(false);
+let timeout = undefined;
+let tagsToWorkerExists = $state(undefined);
+onMount(() => {
+    visible = true;
+});
+onDestroy(() => {
+    visible = false;
+    if (timeout) {
+        clearTimeout(timeout);
+    }
+});
 loadWorkerGroups();
 const dispatch = createEventDispatcher();
 async function loadWorkerGroups(force = false) {
@@ -28,9 +41,64 @@ let items = $derived([
     ...(tag && tag != '' && !($workerTags ?? []).includes(tag) ? [tag] : []),
     ...($workerTags ?? [])
 ]);
+let lastCheck = undefined;
+async function loadTagsToWorkerExists(tags) {
+    if (lastCheck && Date.now() - lastCheck < 5000) {
+        return;
+    }
+    if (timeout) {
+        clearTimeout(timeout);
+    }
+    if (open) {
+        tagsToWorkerExists = await WorkerService.existsWorkersWithTags({ tags: tags.join(',') });
+        lastCheck = Date.now();
+        if (visible) {
+            timeout = setTimeout(() => {
+                loadTagsToWorkerExists(tags);
+            }, 5000);
+        }
+    }
+}
+// let finalItems = $derived(
+// 	items.map((item) => {
+// 		if (tagsToWorkerExists) {
+// 			return {
+// 				value: item,
+// 				__select_group: tagsToWorkerExists[item]
+// 					? `${placeholder ?? 'Worker'}s available`
+// 					: `No ${placeholder ?? 'Worker'}s`
+// 			}
+// 		}
+// 		return item
+// 	})
+// )
+$effect(() => {
+    if ($workerTags && open) {
+        loadTagsToWorkerExists($workerTags);
+    }
+});
 let open = $state(false);
 </script>
 
+{#snippet startSnippet({ item })}
+	{#if tagsToWorkerExists}
+		{#if tagsToWorkerExists[item.value]}
+			<Popover>
+				{#snippet text()}
+					At least one worker with this tag exists and is running.
+				{/snippet}
+				<div class="rounded-full inline-block bg-green-500 text-white text-xs w-2 h-2 mr-1"></div>
+			</Popover>
+		{:else}
+			<Popover>
+				{#snippet text()}
+					No workers with this tag exist or is running.
+				{/snippet}
+				<div class="rounded-full inline-block bg-red-500 text-white text-xs w-2 h-2 mr-1"></div>
+			</Popover>
+		{/if}
+	{/if}
+{/snippet}
 <div class="flex gap-1 items-center relative">
 	{#if !noLabel}
 		<div class="text-tertiary text-2xs">{placeholder ?? 'tag'}</div>
@@ -44,6 +112,7 @@ let open = $state(false);
 		placeholder={nullTag ? nullTag : (placeholder ?? 'lang default')}
 		items={safeSelectItems(items)}
 		bind:value={() => tag, (value) => ((tag = value), dispatch('change', value))}
+		{startSnippet}
 	/>
 	{#if open}
 		<div class="absolute top-0 -right-12">

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

@@ -9,6 +9,7 @@ import ResolveStyle from '../helpers/ResolveStyle.svelte';
 import { components } from '../../editor/component';
 import ResolveConfig from '../helpers/ResolveConfig.svelte';
 import { userStore } from '../../../../stores';
+let result_stream = $state(undefined);
 let { id, componentInput, initializing = $bindable(undefined), customCss = undefined, render, configuration } = $props();
 const requireHtmlApproval = getContext(IS_APP_PUBLIC_CONTEXT_KEY);
 const { app, worldStore, componentControl, workspace, appPath } = getContext('AppViewerContext');
@@ -24,6 +25,7 @@ const outputs = initOutput($worldStore, id, {
     loading: false
 });
 let css = $state(initCss($app.css?.displaycomponent, customCss));
+let loading = $state(false);
 </script>
 
 {#each Object.keys(components['displaycomponent'].initialData.configuration) as key (key)}
@@ -45,7 +47,15 @@ let css = $state(initCss($app.css?.displaycomponent, customCss));
 	/>
 {/each}
 
-<RunnableWrapper {outputs} {render} {componentInput} {id} bind:initializing bind:result>
+<RunnableWrapper
+	{outputs}
+	{render}
+	{componentInput}
+	{id}
+	bind:initializing
+	bind:result
+	bind:loading
+>
 	<div class="flex flex-col w-full h-full component-wrapper">
 		<div
 			class={twMerge(
@@ -70,8 +80,10 @@ let css = $state(initCss($app.css?.displaycomponent, customCss));
 			)}
 		>
 			<DisplayResult
+				{loading}
 				workspaceId={workspace}
 				{result}
+				{result_stream}
 				{requireHtmlApproval}
 				disableExpand={resolvedConfig?.hideDetails}
 				appPath={$userStore ? undefined : $appPath}

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

@@ -2,7 +2,7 @@
 const bubble = createBubbler();
 import Tooltip from '../../../Tooltip.svelte';
 import { Clipboard } from 'lucide-svelte';
-import { getContext } from 'svelte';
+import { getContext, untrack } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 import { copyToClipboard, isCodeInjection } from '../../../../utils';
 import Button from '../../../common/button/Button.svelte';
@@ -34,7 +34,7 @@ $componentControl[id] = {
     }
 };
 const outputs = initOutput($worldStore, id, {
-    result,
+    result: untrack(() => result),
     loading: initializing
 });
 function getComponent() {

package/package/components/apps/components/display/dbtable/AppDbExplorer.svelte

@@ -18,6 +18,7 @@ import { CancelablePromise } from '../../../../../gen';
 import RefreshButton from '../../helpers/RefreshButton.svelte';
 import RunnableWrapper from '../../helpers/RunnableWrapper.svelte';
 import InsertRowDrawerButton from '../InsertRowDrawerButton.svelte';
+import { assert } from '../../../../../utils';
 let { id, configuration, customCss = undefined, render, initializing = $bindable(undefined), actions = [] } = $props();
 $effect.pre(() => {
     if (initializing === undefined) {
@@ -224,7 +225,13 @@ async function listColumnsIfAvailable() {
     gridItem.data.configuration.columnDefs.loading = true;
     gridItem.data = gridItem.data;
     $app = $app;
-    let tableMetadata = await loadTableMetaData(resolvedConfig.type.configuration[selected].resource, $workspaceStore, resolvedConfig.type.configuration[selected].table, selected);
+    let resource = resolvedConfig.type.configuration[selected].resource;
+    assert('resource starts with $res:', resource?.startsWith('$res:'), resource);
+    let tableMetadata = await loadTableMetaData({
+        type: 'database',
+        resourcePath: resource.substring(5),
+        resourceType: selected
+    }, $workspaceStore, resolvedConfig.type.configuration[selected].table);
     if (!tableMetadata)
         return;
     let old = columnDefs?.value ?? [];

package/package/components/apps/components/display/dbtable/InsertRow.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">import { ColumnIdentity } from './utils';
-import init, { parse_sql, parse_mysql, parse_bigquery, parse_snowflake, parse_mssql } from 'windmill-sql-datatype-parser-wasm';
+import init, { parse_sql, parse_mysql, parse_bigquery, parse_snowflake, parse_mssql, parse_duckdb } from 'windmill-sql-datatype-parser-wasm';
 import wasmUrl from 'windmill-sql-datatype-parser-wasm/windmill_sql_datatype_parser_wasm_bg.wasm?url';
 init(wasmUrl);
-import { argSigToJsonSchemaType } from '../../../../../inferArgSig';
+import { argSigToJsonSchemaType } from 'windmill-utils-internal';
 import SchemaForm from '../../../../SchemaForm.svelte';
 import { untrack } from 'svelte';
 let schema = $state(undefined);
@@ -24,8 +24,9 @@ function parseSQLArgs(field, dbType) {
         case 'ms_sql_server':
             rawType = parse_mssql(field);
             break;
-        default:
-            throw new Error('Language not supported');
+        case 'duckdb':
+            rawType = parse_duckdb(field);
+            break;
     }
     return rawType;
 }

package/package/components/apps/components/display/dbtable/queries/count.js

@@ -77,6 +77,15 @@ export function makeCountQuery(dbType, table, whereClause = undefined, columnDef
             query += `SELECT COUNT(*) as count FROM \`${table}\``;
             break;
         }
+        case 'duckdb':
+            if (filteredColumns.length > 0) {
+                quicksearchCondition += ` ($quicksearch = '' OR CONCAT(' ', ${filteredColumns.join(', ')}) LIKE CONCAT('%', $quicksearch, '%'))`;
+            }
+            else {
+                quicksearchCondition += ` ($quicksearch = '' OR 1 = 1)`;
+            }
+            query += `SELECT COUNT(*) as count FROM ${table}`;
+            break;
         default:
             throw new Error('Unsupported database type:' + dbType);
     }
@@ -91,7 +100,8 @@ export function makeCountQuery(dbType, table, whereClause = undefined, columnDef
         (dbType === 'mysql' ||
             dbType === 'postgresql' ||
             dbType === 'snowflake' ||
-            dbType === 'bigquery')) {
+            dbType === 'bigquery' ||
+            dbType === 'duckdb')) {
         query = query.replace(`${andCondition}`, wherePrefix);
     }
     return query;

package/package/components/apps/components/display/dbtable/queries/createTable.d.ts

@@ -20,6 +20,6 @@ type CreateTableValuesColumn = {
     not_null?: boolean;
     datatype_length?: number;
 };
-export declare function makeCreateTableQuery(values: CreateTableValues, resourceType: DbType, schema?: string): string;
+export declare function makeCreateTableQuery(values: CreateTableValues, dbType: DbType, schema?: string): string;
 export declare function datatypeDefaultLength(datatype: string): number;
 export {};

package/package/components/apps/components/display/dbtable/queries/createTable.js

@@ -1,9 +1,9 @@
 import { dbSupportsSchemas } from '../utils';
-export function makeCreateTableQuery(values, resourceType, schema) {
+export function makeCreateTableQuery(values, dbType, schema) {
     const pkCount = values.columns.reduce((p, c) => p + (c.primaryKey ? 1 : 0), 0);
     function transformColumn(c) {
         const datatype = c.datatype_length ? `${c.datatype}(${c.datatype_length})` : c.datatype;
-        const defValue = c.defaultValue && formatDefaultValue(c.defaultValue, datatype, resourceType);
+        const defValue = c.defaultValue && formatDefaultValue(c.defaultValue, datatype, dbType);
         let str = `  ${c.name} ${datatype}`;
         if (c.not_null)
             str += ' NOT NULL';
@@ -26,7 +26,7 @@ export function makeCreateTableQuery(values, resourceType, schema) {
             l += ` ON UPDATE ${fk.onUpdate}`;
         return l;
     }
-    const useSchema = dbSupportsSchemas(resourceType);
+    const useSchema = dbSupportsSchemas(dbType);
     const lines = values.columns.map(transformColumn);
     lines.push(...values.foreignKeys.map(transformFk));
     if (pkCount > 1) {

package/package/components/apps/components/display/dbtable/queries/delete.js

@@ -37,6 +37,13 @@ export function makeDeleteQuery(table, columns, dbType) {
             query += `\nDELETE FROM ${table} \nWHERE ${conditions}`;
             return query;
         }
+        case 'duckdb': {
+            const conditions = columns
+                .map((c) => `($${c.field} IS NULL AND ${c.field} IS NULL OR ${c.field} = $${c.field})`)
+                .join('\n    AND ');
+            query += `\nDELETE FROM ${table} \nWHERE ${conditions}`;
+            return query;
+        }
         default:
             throw new Error('Unsupported database type');
     }

package/package/components/apps/components/display/dbtable/queries/insert.js

@@ -12,6 +12,8 @@ function formatInsertValues(columns, dbType, startIndex = 1) {
             return columns.map(() => `?`).join(', ');
         case 'bigquery':
             return columns.map((c) => `@${c.field}`).join(', ');
+        case 'duckdb':
+            return columns.map((c) => `$${c.field}`).join(', ');
         default:
             throw new Error('Unsupported database type');
     }

package/package/components/apps/components/display/dbtable/queries/select.js

@@ -155,6 +155,20 @@ CASE WHEN :order_by = '${column.field}' AND :is_desc IS true THEN \`${column.fie
             query += ` LIMIT @limit OFFSET @offset`;
             break;
         }
+        case 'duckdb': {
+            const orderBy = `
+      ${columnDefs
+                .map((column) => `
+      (CASE WHEN $order_by = '${column.field}' AND $is_desc IS false THEN "${column.field}"::text END),
+      (CASE WHEN $order_by = '${column.field}' AND $is_desc IS true THEN "${column.field}"::text END) DESC`)
+                .join(',\n')}`;
+            quicksearchCondition = `($quicksearch = '' OR CONCAT(${filteredColumns.join(', ')}) ILIKE '%' || $quicksearch || '%')`;
+            query += `SELECT ${filteredColumns.join(', ')} FROM ${table}\n`;
+            query += ` WHERE ${whereClause ? `${whereClause} AND` : ''} ${quicksearchCondition}\n`;
+            query += ` ORDER BY ${orderBy}\n`;
+            query += ` LIMIT $limit::INT OFFSET $offset::INT`;
+            break;
+        }
         default:
             throw new Error('Unsupported database type');
     }

package/package/components/apps/components/display/dbtable/queries/update.js

@@ -41,6 +41,13 @@ export function makeUpdateQuery(table, column, columns, dbType) {
             query += `\nUPDATE ${table} SET ${column.field} = @value_to_update \nWHERE ${conditions}`;
             return query;
         }
+        case 'duckdb': {
+            const conditions = columns
+                .map((c) => `($${c.field} IS NULL AND ${c.field} IS NULL OR ${c.field} = $${c.field})`)
+                .join('\n    AND ');
+            query += `\nUPDATE ${table} SET ${column.field} = $value_to_update \nWHERE ${conditions}`;
+            return query;
+        }
         default:
             throw new Error('Unsupported database type');
     }