windmill-components 1.447.7 → 1.448.1

package/package/components/ScriptBuilder.svelte

@@ -12,7 +12,7 @@ import DrawerContent from './common/drawer/DrawerContent.svelte';
 import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import ErrorHandlerToggleButton from './details/ErrorHandlerToggleButton.svelte';
-import { Bug, Calendar, CheckCircle, Code, CornerDownLeft, DiffIcon, Pen, Plus, Rocket, Save, Settings, X } from 'lucide-svelte';
+import { Bug, Calendar, CheckCircle, Code, CornerDownLeft, DiffIcon, Pen, Plus, Rocket, Save, Settings, Shuffle, X } from 'lucide-svelte';
 import { sendUserToast } from '../toast';
 import { isCloudHosted } from '../cloud';
 import Awareness from './Awareness.svelte';
@@ -136,6 +136,13 @@ const scriptKindOptions = [
         desc: 'Handle errors in flows after all retry attempts have been exhausted.',
         documentationLink: 'https://www.windmill.dev/docs/flows/flow_error_handler',
         Icon: Bug
+    },
+    {
+        value: 'preprocessor',
+        title: 'Preprocessor',
+        desc: 'Transform incoming requests before they are passed to the flow.',
+        documentationLink: 'https://www.windmill.dev/docs/core_concepts/preprocessors',
+        Icon: Shuffle
     }
 ];
 let pathError = '';
@@ -1175,6 +1182,7 @@ function addPreprocessor() {
 									on:exitTriggers={() => {
 										captureTable?.loadCaptures(true)
 									}}
+									{args}
 									{initialPath}
 									schema={script.schema}
 									noEditor={true}

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

@@ -26,7 +26,7 @@ declare const __propDef: {
         watchChanges?: boolean | undefined;
         customUi?: ScriptEditorWhitelabelCustomUi | undefined;
         args?: Record<string, any> | undefined;
-        selectedTab?: "main" | "preprocessor" | undefined;
+        selectedTab?: "preprocessor" | "main" | undefined;
         hasPreprocessor?: boolean | undefined;
         captureTable?: CaptureTable | undefined;
         inferSchema?: ((code: string, nlang?: SupportedLanguage, resetArgs?: boolean) => Promise<void>) | undefined;
@@ -39,7 +39,7 @@ declare const __propDef: {
         saveDraft: CustomEvent<any>;
         openTriggers: CustomEvent<any>;
         applyArgs: CustomEvent<{
-            kind: "main" | "preprocessor";
+            kind: "preprocessor" | "main";
             args: Record<string, any> | undefined;
         }>;
         updateSchema: CustomEvent<{

package/package/components/ScriptPicker.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         scriptPath?: string | undefined;
         allowFlow?: boolean | undefined;
         itemKind?: "script" | "flow" | "app" | undefined;
-        kinds?: ("script" | "failure" | "trigger" | "command" | "approval")[] | undefined;
+        kinds?: ("script" | "failure" | "trigger" | "command" | "approval" | "preprocessor")[] | undefined;
         disabled?: boolean | undefined;
         allowRefresh?: boolean | undefined;
         allowEdit?: boolean | undefined;

package/package/components/SimpleEditor.svelte

@@ -93,8 +93,10 @@ export function setCode(ncode) {
 }
 let placeholderVisible = false;
 function updatePlaceholderVisibility(value) {
-    if (!value)
+    if (!value) {
+        placeholderVisible = true;
         return;
+    }
     placeholderVisible = value.trim() === '';
 }
 export function format() {

package/package/components/TestConnection.svelte

@@ -40,7 +40,7 @@ const scripts = {
         argName: 'database'
     },
     oracledb: {
-        code: `SELECT 1`,
+        code: `SELECT 1 FROM DUAL`,
         lang: 'oracledb',
         argName: 'database'
     },

package/package/components/WorkerGroup.svelte

@@ -625,6 +625,9 @@ let createdTags = [];
 							type="text"
 							placeholder="ENV_VAR_NAME"
 							bind:value={envvar.key}
+							on:keypress={(e) => {
+								dirty = true
+							}}
 						/>
 						<ToggleButtonGroup
 							disabled={!$superadmin}
@@ -816,6 +819,23 @@ let createdTags = [];
 								sendUserToast('Minimum alive workers alert threshold must be at least 1', true)
 								return
 							}
+							// Remove duplicate env vars by keeping only the last occurrence of each key
+							const seenKeys = new Set()
+							customEnvVars = customEnvVars
+								.reverse()
+								.filter((envVar) => {
+									if (envVar.key == '') {
+										return false
+									}
+									if (seenKeys.has(envVar.key)) {
+										return false
+									}
+									seenKeys.add(envVar.key)
+									return true
+								})
+								.reverse()
+							nconfig.env_vars_static = new Map()
+							nconfig.env_vars_allowlist = []
 							customEnvVars.forEach((envvar) => {
 								if (
 									nconfig.env_vars_static !== undefined &&
@@ -829,6 +849,7 @@ let createdTags = [];
 									}
 								}
 							})
+
 							await ConfigService.updateConfig({ name: 'worker__' + name, requestBody: nconfig })
 							sendUserToast('Configuration set')
 							dispatch('reload')

package/package/components/WorkerTagPicker.svelte

@@ -1,6 +1,6 @@
 <script>import { Button } from './common';
 import { ExternalLink, RotateCw, Loader2 } from 'lucide-svelte';
-import { workerTags } from '../stores';
+import { workerTags, workspaceStore } from '../stores';
 import AssignableTags from './AssignableTags.svelte';
 import { WorkerService } from '../gen';
 import WorkerTagSelect from './WorkerTagSelect.svelte';
@@ -10,7 +10,7 @@ export let disabled = false;
 loadWorkerGroups();
 async function loadWorkerGroups() {
     if (!$workerTags) {
-        $workerTags = await WorkerService.getCustomTags();
+        $workerTags = await WorkerService.getCustomTags({ workspace: $workspaceStore });
     }
 }
 </script>

package/package/components/WorkerTagSelect.svelte

@@ -1,4 +1,4 @@
-<script>import { workerTags } from '../stores';
+<script>import { workerTags, workspaceStore } from '../stores';
 import { WorkerService } from '../gen';
 export let tag;
 export let noLabel = false;
@@ -7,7 +7,7 @@ export let disabled = false;
 loadWorkerGroups();
 async function loadWorkerGroups() {
     if (!$workerTags) {
-        $workerTags = await WorkerService.getCustomTags();
+        $workerTags = await WorkerService.getCustomTags({ workspace: $workspaceStore });
     }
 }
 </script>

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

@@ -31,6 +31,7 @@ export let actionsOrder = undefined;
 const context = getContext('AppViewerContext');
 const contextPanel = getContext('ContextPanel');
 const iterContext = getContext('ListWrapperContext');
+const editorContext = getContext('AppEditorContext');
 const listInputs = getContext('ListInputs');
 const { app, worldStore, selectedComponent, componentControl, darkMode, mode } = context;
 const rowHeights = {
@@ -170,7 +171,8 @@ const tableActionsFactory = cellRendererFactory((c, p) => {
     const row = p.data;
     const componentContext = new Map([
         ['AppViewerContext', context],
-        ['ContextPanel', contextPanel]
+        ['ContextPanel', contextPanel],
+        ['AppEditorContext', editorContext]
     ]);
     const sortedActions = computedOrder
         ? computedOrder