windmill-components 1.408.2 → 1.430.3

package/package/components/PasswordArgInput.svelte

@@ -6,38 +6,53 @@ export let value = undefined;
 export let disabled;
 let path = '';
 let password = value && !value.startsWith('$var:') ? value : '';
+let isGenerating = false;
 async function generateValue() {
-    let npath = 'u/' +
-        ($userStore?.username ?? $userStore?.email)?.split('@')[0] +
-        '/secret_arg/' +
-        generateRandomString(12);
-    let nvalue = '$var:' + npath;
-    await VariableService.createVariable({
-        workspace: $workspaceStore,
-        requestBody: {
-            value: password,
-            is_secret: true,
-            path: npath,
-            description: '',
-            expires_at: new Date(Date.now() + 1000 * 60 * 60 * 24 * 7).toISOString()
-        }
-    });
-    path = npath;
-    value = nvalue;
+    if (isGenerating)
+        return;
+    isGenerating = true;
+    try {
+        let npath = 'u/' +
+            ($userStore?.username ?? $userStore?.email)?.split('@')[0] +
+            '/secret_arg/' +
+            generateRandomString(12);
+        let nvalue = '$var:' + npath;
+        await VariableService.createVariable({
+            workspace: $workspaceStore,
+            requestBody: {
+                value: password,
+                is_secret: true,
+                path: npath,
+                description: 'Ephemeral secret variable',
+                expires_at: new Date(Date.now() + 1000 * 60 * 60 * 24 * 7).toISOString()
+            }
+        });
+        path = npath;
+        value = nvalue;
+        debouncedUpdate();
+    }
+    finally {
+        isGenerating = false;
+    }
 }
 async function updateValue() {
-    await VariableService.updateVariable({
-        workspace: $workspaceStore,
-        path: path,
-        requestBody: {
-            value: password
-        }
-    });
+    try {
+        await VariableService.updateVariable({
+            workspace: $workspaceStore,
+            path: path,
+            requestBody: {
+                value: password
+            }
+        });
+    }
+    catch (e) {
+        generateValue();
+    }
 }
 let timeout = undefined;
 function debouncedUpdate() {
     timeout && clearTimeout(timeout);
-    setTimeout(updateValue, 500);
+    timeout = setTimeout(updateValue, 500);
 }
 $: password && debouncedUpdate();
 $: $workspaceStore &&

package/package/components/Path.svelte

@@ -3,7 +3,7 @@ const lastMetaUsed = writable(undefined);
 </script>
 
 <script>import { pathToMeta } from '../common';
-import { AppService, FlowService, FolderService, ResourceService, ScheduleService, ScriptService, HttpTriggerService, VariableService } from '../gen';
+import { AppService, FlowService, FolderService, ResourceService, ScheduleService, ScriptService, HttpTriggerService, VariableService, WebsocketTriggerService, KafkaTriggerService } from '../gen';
 import { superadmin, userStore, workspaceStore } from '../stores';
 import { createEventDispatcher, getContext } from 'svelte';
 import { writable } from 'svelte/store';
@@ -13,8 +13,6 @@ import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
 import FolderEditor from './FolderEditor.svelte';
 import { random_adj } from './random_positive_adjetive';
-import Required from './Required.svelte';
-import Tooltip from './Tooltip.svelte';
 import { Eye, Folder, Plus, SearchCode, User } from 'lucide-svelte';
 let meta = undefined;
 export let fullNamePlaceholder = undefined;
@@ -126,7 +124,7 @@ async function loadFolders() {
         x != 'app_custom')
         .map((x) => ({
         name: x,
-        write: ($userStore?.folders?.includes(x) == true ?? false) ||
+        write: $userStore?.folders?.includes(x) == true ||
             ($userStore?.is_admin ?? false) ||
             ($userStore?.is_super_admin ?? false)
     })));
@@ -185,6 +183,18 @@ async function pathExists(path, kind) {
             path: path
         });
     }
+    else if (kind == 'websocket_trigger') {
+        return await WebsocketTriggerService.existsWebsocketTrigger({
+            workspace: $workspaceStore,
+            path: path
+        });
+    }
+    else if (kind == 'kafka_trigger') {
+        return await KafkaTriggerService.existsKafkaTrigger({
+            workspace: $workspaceStore,
+            path: path
+        });
+    }
     else {
         return false;
     }
@@ -199,11 +209,11 @@ function validateName(meta) {
         return false;
     }
     else if (meta.owner == '' && meta.ownerKind == 'folder') {
-        error = 'Folder need to be chosen';
+        error = 'Folder needs to be chosen';
         return false;
     }
     else if (meta.owner == '' && meta.ownerKind == 'group') {
-        error = 'Group need to be chosen';
+        error = 'Group needs to be chosen';
         return false;
     }
     else {
@@ -283,54 +293,54 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 <div>
 	<div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 pb-0 mb-1">
 		{#if meta != undefined}
-			<div class="flex gap-x-4 shrink">
-				<!-- svelte-ignore a11y-label-has-associated-control -->
-				{#if !hideUser}
-					<div class="block">
-						<span class="text-secondary text-sm whitespace-nowrap">&nbsp;</span>
-
-						<ToggleButtonGroup
-							class="mt-0.5"
-							bind:selected={meta.ownerKind}
-							on:selected={(e) => {
-								setDirty()
-								const kind = e.detail
-								if (meta) {
-									if (kind === 'folder') {
-										meta.owner = folders?.[0]?.name ?? ''
-									} else if (kind === 'group') {
-										meta.owner = 'all'
-									} else {
-										meta.owner = $userStore?.username?.split('@')[0] ?? ''
-									}
+			<!-- svelte-ignore a11y-label-has-associated-control -->
+			{#if !hideUser}
+				<div class="block">
+					<ToggleButtonGroup
+						class="mt-0.5"
+						bind:selected={meta.ownerKind}
+						on:selected={(e) => {
+							setDirty()
+							const kind = e.detail
+							if (meta) {
+								if (kind === 'folder') {
+									meta.owner = folders?.[0]?.name ?? ''
+								} else if (kind === 'group') {
+									meta.owner = 'all'
+								} else {
+									meta.owner = $userStore?.username?.split('@')[0] ?? ''
 								}
-							}}
-						>
-							<ToggleButton
-								icon={User}
-								{disabled}
-								light
-								size="xs"
-								value="user"
-								position="left"
-								label="User"
-							/>
-							<!-- <ToggleButton light size="xs" value="group" position="center">Group</ToggleButton> -->
-							<ToggleButton
-								icon={Folder}
-								{disabled}
-								light
-								size="xs"
-								value="folder"
-								position="right"
-								label="Folder"
-							/>
-						</ToggleButtonGroup>
-					</div>
-				{/if}
+							}
+						}}
+					>
+						<ToggleButton
+							icon={User}
+							{disabled}
+							light
+							size="xs"
+							value="user"
+							position="left"
+							label="User"
+						/>
+						<!-- <ToggleButton light size="xs" value="group" position="center">Group</ToggleButton> -->
+						<ToggleButton
+							icon={Folder}
+							{disabled}
+							light
+							size="xs"
+							value="folder"
+							position="right"
+							label="Folder"
+						/>
+					</ToggleButtonGroup>
+				</div>
+			{/if}
+			{#if !hideUser}
+				<div class="text-xl">/</div>
+			{/if}
+			<div>
 				{#if meta.ownerKind === 'user'}
 					<label class="block shrink min-w-0">
-						<span class="text-secondary text-sm">User</span>
 						<input
 							class="!w-36"
 							type="text"
@@ -342,16 +352,6 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 					</label>
 				{:else if meta.ownerKind === 'folder'}
 					<label class="block grow w-48">
-						<span class="text-secondary text-sm">
-							Folder
-							<Tooltip
-								documentationLink="https://www.windmill.dev/docs/core_concepts/groups_and_folders"
-							>
-								Read and write permissions are given to groups and users at the folder level and
-								shared by all items inside the folder.
-							</Tooltip>
-						</span>
-
 						<div class="flex flex-row items-center gap-1 w-full">
 							<select class="grow w-full" {disabled} bind:value={meta.owner}>
 								{#if folders?.length == 0}
@@ -387,14 +387,8 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 					</label>
 				{/if}
 			</div>
+			<span class="text-xl">/</span>
 			<label class="block grow w-full max-w-md">
-				<div class="text-secondary text-sm flex items-center gap-1 w-full justify-between">
-					<div>
-						Name
-						<Required required={true} />
-					</div>
-					<div class="text-2xs text-tertiary"> '/' for subfolders </div>
-				</div>
 				<!-- svelte-ignore a11y-autofocus -->
 				<input
 					{disabled}
@@ -434,10 +428,10 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 			/>
 			<!-- <span class="font-mono text-sm break-all">{path}</span> -->
 		</div>
-		<div class="text-red-600 dark:text-red-400 text-2xs">{error}</div>
+		<div class="text-red-600 dark:text-red-400 text-2xs mt-1.5">{error}</div>
 	</div>
 
-	{#if kind != 'app' && kind != 'schedule' && kind != 'http_trigger' && initialPath != '' && initialPath != undefined && initialPath != path}
+	{#if kind != 'app' && kind != 'schedule' && kind != 'http_trigger' && kind != 'websocket_trigger' && initialPath != '' && initialPath != undefined && initialPath != path}
 		<Alert type="warning" class="mt-4" title="Moving may break other items relying on it">
 			You are renaming an item that may be depended upon by other items. This may break apps, flows
 			or resources. Find if it used elsewhere using the content search. Note that linked variables

package/package/components/Path.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         checkInitialPathExistence?: boolean | undefined;
         autofocus?: boolean | undefined;
         dirty?: boolean | undefined;
-        kind: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app" | "http_trigger";
+        kind: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger";
         hideUser?: boolean | undefined;
         focus?: (() => void) | undefined;
         setName?: ((x: string) => void) | undefined;

package/package/components/Popover.svelte

@@ -1,5 +1,6 @@
 <script>import { createPopperActions } from 'svelte-popperjs';
 import Portal from './Portal.svelte';
+import { twMerge } from 'tailwind-merge';
 import { ExternalLink } from 'lucide-svelte';
 export let placement = 'bottom-end';
 export let notClickable = false;
@@ -9,6 +10,7 @@ export let disappearTimeout = 100;
 export let appearTimeout = 300;
 export let documentationLink = undefined;
 export let style = undefined;
+export let forceOpen = false;
 const [popperRef, popperContent] = createPopperActions({ placement });
 const popperOptions = {
     placement,
@@ -40,6 +42,7 @@ function close() {
     inTimeout = undefined;
     timeout = setTimeout(() => (showTooltip = false), disappearTimeout);
 }
+$: forceOpen ? open() : close();
 </script>
 
 {#if notClickable}
@@ -66,7 +69,10 @@ function close() {
 			use:popperContent={popperOptions}
 			on:mouseenter={open}
 			on:mouseleave={close}
-			class="z-[5001] py-2 px-3 rounded-md text-sm font-normal !text-gray-300 bg-gray-800 whitespace-normal text-left {popupClass}"
+			class={twMerge(
+				'z-[5001] py-2 px-3 rounded-md text-sm font-normal !text-gray-300 bg-gray-800 whitespace-normal text-left',
+				popupClass
+			)}
 		>
 			<div class="max-w-sm break-words">
 				<slot name="text" />

package/package/components/Popover.svelte.d.ts

@@ -11,6 +11,7 @@ declare const __propDef: {
         appearTimeout?: number | undefined;
         documentationLink?: string | undefined;
         style?: string | undefined;
+        forceOpen?: boolean | undefined;
     };
     events: {
         click: MouseEvent;

package/package/components/PrimarySchedule.svelte

@@ -0,0 +1,83 @@
+<script>import { Badge, Button } from './common';
+import { sendUserToast } from '../toast';
+import { base } from '../base';
+import Toggle from './Toggle.svelte';
+import { ListOrdered, PenBox } from 'lucide-svelte';
+import JobArgs from './JobArgs.svelte';
+import Tooltip from './Tooltip.svelte';
+import ScheduleEditor from './ScheduleEditor.svelte';
+import {} from '../gen';
+export let schedule;
+export let can_write;
+export let path;
+export let isFlow;
+export let scheduleEditor;
+export let setScheduleEnabled;
+$: schedule = typeof schedule === 'boolean' ? undefined : schedule;
+</script>
+
+<div class="flex flex-col gap-2 grow w-full">
+	<div class="grid grid-cols-3 w-full">
+		<div class="flex justify-start">
+			<Badge color="indigo" small>
+				Primary&nbsp;
+				<Tooltip light>
+					Share the same path as the script or flow it is attached to and its path get renamed
+					whenever the source path is renamed
+				</Tooltip>
+			</Badge>
+		</div>
+		<div class="flex justify-center">
+			<div class="flex flex-row gap-2 items-center">
+				<input
+					size="9"
+					class="!text-xs !h-6 !text-primary"
+					type="text"
+					id="cron-schedule"
+					name="cron-schedule"
+					placeholder="*/30 * * * *"
+					value={schedule?.schedule ?? ''}
+					disabled={true}
+				/>
+				<Toggle
+					checked={schedule?.enabled ?? false}
+					on:change={(e) => {
+						if (can_write) {
+							setScheduleEnabled(path, e.detail)
+						} else {
+							sendUserToast('not enough permission', true)
+						}
+					}}
+					options={{
+						right: 'On'
+					}}
+					size="xs"
+					textClass="text-primary font-normal text-xs"
+				/>
+			</div>
+		</div>
+		<div class="flex justify-end">
+			<div class="flex flex-row gap-2 items-center">
+				<Button size={'xs'} variant="border" color="light" href={`${base}/runs/${path}`}>
+					<span>Runs</span>
+					<ListOrdered size={14} />
+				</Button>
+				<Button
+					size="xs"
+					color="dark"
+					on:click={() => scheduleEditor?.openEdit(path ?? '', isFlow)}
+				>
+					<PenBox size={14} />
+				</Button>
+			</div>
+		</div>
+	</div>
+
+	{#if Object.keys(schedule?.args ?? {}).length > 0}
+		<div class="">
+			<JobArgs args={schedule?.args ?? {}} />
+		</div>
+	{:else}
+		<div class="text-xs text-tertiary"> No arguments </div>
+	{/if}
+</div>

package/package/components/PrimarySchedule.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import ScheduleEditor from './ScheduleEditor.svelte';
+declare const __propDef: {
+    props: {
+        schedule: any;
+        can_write: boolean;
+        path: string;
+        isFlow: boolean;
+        scheduleEditor: ScheduleEditor;
+        setScheduleEnabled: (path: string, enabled: boolean) => void;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PrimaryScheduleProps = typeof __propDef.props;
+export type PrimaryScheduleEvents = typeof __propDef.events;
+export type PrimaryScheduleSlots = typeof __propDef.slots;
+export default class PrimarySchedule extends SvelteComponent<PrimaryScheduleProps, PrimaryScheduleEvents, PrimaryScheduleSlots> {
+}
+export {};