windmill-components 1.89.1 → 1.103.1

package/dist/components/GroupInfo.svelte

@@ -1,22 +0,0 @@
-<script>import { GroupService } from '../gen';
-import { workspaceStore } from '../stores';
-import Popover from './Popover.svelte';
-export let name;
-$: $workspaceStore && loadMembers();
-let members = [];
-async function loadMembers() {
-    members = (await GroupService.getGroup({ workspace: $workspaceStore, name })).members;
-}
-</script>
-
-{#if members}
-	<Popover
-		><div class="inline-flex gap-1 items-end"
-			><span class="text-gray-500 text-xs mb-0.5">({members.length})</span>
-			<div class="max-w-xs truncate"
-				><span class="text-gray-600 text-xs ">{members?.join(', ')}</span></div
-			></div
-		>
-		<span slot="text">{members?.join(', ')}</span></Popover
-	>
-{/if}

package/dist/components/GroupInfo.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type GroupInfoProps = typeof __propDef.props;
-export type GroupInfoEvents = typeof __propDef.events;
-export type GroupInfoSlots = typeof __propDef.slots;
-export default class GroupInfo extends SvelteComponentTyped<GroupInfoProps, GroupInfoEvents, GroupInfoSlots> {
-}
-export {};

package/dist/components/HighlightCode.svelte

@@ -1,31 +0,0 @@
-<script>import Highlight from 'svelte-highlight';
-import python from 'svelte-highlight/languages/python';
-import typescript from 'svelte-highlight/languages/typescript';
-import go from 'svelte-highlight/languages/go';
-import shell from 'svelte-highlight/languages/shell';
-export let code = '';
-export let language;
-function getLang(lang) {
-    switch (lang) {
-        case 'python3':
-            return python;
-        case 'deno':
-            return typescript;
-        case 'go':
-            return go;
-        case 'bash':
-            return shell;
-        default:
-            return typescript;
-    }
-}
-$: lang = getLang(language);
-</script>
-
-{#if code?.length < 5000}
-	<Highlight class="nowrap {$$props.class}" language={lang} {code} />
-{:else}
-	<pre class="overflow-auto max-h-screen {$$props.class}"
-		><code class="language-{language}">{code}</code></pre
-	>
-{/if}

package/dist/components/HighlightCode.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        code?: string | undefined;
-        language: 'python3' | 'deno' | 'go' | 'bash' | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type HighlightCodeProps = typeof __propDef.props;
-export type HighlightCodeEvents = typeof __propDef.events;
-export type HighlightCodeSlots = typeof __propDef.slots;
-export default class HighlightCode extends SvelteComponentTyped<HighlightCodeProps, HighlightCodeEvents, HighlightCodeSlots> {
-}
-export {};

package/dist/components/IconedPath.svelte

@@ -1,24 +0,0 @@
-<script>import { truncateHash } from '../utils';
-import { Building } from 'lucide-svelte';
-import { Badge } from './common';
-import IconedResourceType from './IconedResourceType.svelte';
-export let path;
-export let hash = undefined;
-</script>
-
-<div class="flex space-x-2 items-center w-full shrink min-w-0 {$$props.class}">
-	{#if path.startsWith('hub/')}
-		<div>
-			<IconedResourceType width="20px" height="20px" name={path.split('/')[2]} silent={true} />
-		</div>
-		<span class="text-sm truncate">{path}</span>
-	{:else}
-		<div class="center-center">
-			<Building size={16} />
-		</div>
-		<span class="text-sm truncate">{path}</span>
-		{#if hash}
-			<Badge>{truncateHash(hash)}</Badge>
-		{/if}
-	{/if}
-</div>

package/dist/components/IconedPath.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        path: string;
-        hash?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconedPathProps = typeof __propDef.props;
-export type IconedPathEvents = typeof __propDef.events;
-export type IconedPathSlots = typeof __propDef.slots;
-export default class IconedPath extends SvelteComponentTyped<IconedPathProps, IconedPathEvents, IconedPathSlots> {
-}
-export {};

package/dist/components/IconedResourceType.svelte

@@ -1,25 +0,0 @@
-<script>import { APP_TO_ICON_COMPONENT } from './icons';
-export let name;
-export let silent = false;
-export let after = false;
-export let height = '24px';
-export let width = '24px';
-export let center = false;
-$: iconComponent = APP_TO_ICON_COMPONENT[name] || APP_TO_ICON_COMPONENT[name.split('_')[0]];
-</script>
-
-<div class="truncate flex flex-row gap-2 {center ? 'justify-center items-center' : ''}  -pl-2">
-	{#if !silent && !after}
-		{name}
-	{/if}
-	{#if iconComponent}
-		<span class="text-gray-700 grayscale">
-			<svelte:component this={iconComponent} {height} {width} />
-		</span>
-	{:else}
-		<span style="width: {width}; height: {height}" class="bg-gray-100 rounded-full" />
-	{/if}
-	{#if !silent && after}
-		{name}
-	{/if}
-</div>

package/dist/components/IconedResourceType.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name: string;
-        silent?: boolean | undefined;
-        after?: boolean | undefined;
-        height?: string | undefined;
-        width?: string | undefined;
-        center?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconedResourceTypeProps = typeof __propDef.props;
-export type IconedResourceTypeEvents = typeof __propDef.events;
-export type IconedResourceTypeSlots = typeof __propDef.slots;
-export default class IconedResourceType extends SvelteComponentTyped<IconedResourceTypeProps, IconedResourceTypeEvents, IconedResourceTypeSlots> {
-}
-export {};

package/dist/components/InlineCodeCopy.svelte

@@ -1,12 +0,0 @@
-<script>import { copyToClipboard } from '../utils';
-import { faClipboard } from '@fortawesome/free-solid-svg-icons';
-import { Icon } from 'svelte-awesome';
-export let content;
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<pre class="bg-gray-700 text-gray-100 p-2 font-mono text-sm whitespace-pre-wrap"
-	>{content} <span on:click={() => copyToClipboard(content)} class="cursor-pointer ml-2"
-		><Icon data={faClipboard} /></span
-	></pre
->

package/dist/components/InlineCodeCopy.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        content: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InlineCodeCopyProps = typeof __propDef.props;
-export type InlineCodeCopyEvents = typeof __propDef.events;
-export type InlineCodeCopySlots = typeof __propDef.slots;
-export default class InlineCodeCopy extends SvelteComponentTyped<InlineCodeCopyProps, InlineCodeCopyEvents, InlineCodeCopySlots> {
-}
-export {};

package/dist/components/InputTransformForm.svelte

@@ -1,276 +0,0 @@
-<script>import { getContext } from 'svelte';
-import ArgInput from './ArgInput.svelte';
-import FieldHeader from './FieldHeader.svelte';
-import DynamicInputHelpBox from './flows/content/DynamicInputHelpBox.svelte';
-import { codeToStaticTemplate, getDefaultExpr, isCodeInjection } from './flows/utils';
-import SimpleEditor from './SimpleEditor.svelte';
-import { Button, ToggleButton, ToggleButtonGroup } from './common';
-import { faCode } from '@fortawesome/free-solid-svg-icons';
-import TemplateEditor from './TemplateEditor.svelte';
-import { setInputCat as computeInputCat } from '../utils';
-export let schema;
-export let arg;
-export let argName;
-export let extraLib = 'missing extraLib';
-export let inputCheck = true;
-export let previousModuleId;
-export let pickForField = undefined;
-export let variableEditor = undefined;
-export let itemPicker = undefined;
-export let noDynamicToggle = false;
-let monaco = undefined;
-let monacoTemplate = undefined;
-let argInput = undefined;
-$: inputCat = computeInputCat(schema.properties[argName].type, schema.properties[argName].format, schema.properties[argName].items?.type, schema.properties[argName].enum, schema.properties[argName].contentEncoding);
-let propertyType = getPropertyType(arg);
-function getPropertyType(arg) {
-    let type = arg?.type ?? 'static';
-    if (type == 'javascript' &&
-        isStaticTemplate(inputCat) &&
-        (arg?.expr?.length === 0 || arg?.expr?.[0] === '`')) {
-        const newValue = codeToStaticTemplate(arg.expr);
-        if (newValue) {
-            type = 'static';
-            arg.value = newValue;
-        }
-    }
-    return type;
-}
-function setPropertyType(rawValue) {
-    if (!arg) {
-        return;
-    }
-    if (isCodeInjection(rawValue)) {
-        arg.expr = getDefaultExpr(argName, previousModuleId, `\`${rawValue.toString().replaceAll('`', '\\`')}\``);
-        arg.type = 'javascript';
-        propertyType = 'static';
-    }
-    else {
-        if (arg.type === 'javascript' && propertyType === 'static') {
-            arg.type = 'static';
-        }
-        if (arg.type) {
-            propertyType = arg.type;
-        }
-    }
-}
-function isStaticTemplate(inputCat) {
-    return inputCat === 'string' || inputCat === 'sql' || inputCat == 'yaml';
-}
-function connectProperty(rawValue) {
-    arg.expr = getDefaultExpr(undefined, previousModuleId, rawValue);
-    arg.type = 'javascript';
-    propertyType = 'javascript';
-    monaco?.setCode(arg.expr);
-}
-function onFocus() {
-    if (isStaticTemplate(inputCat)) {
-        focusProp(argName, 'append', (path) => {
-            const toAppend = `\$\{${path}}`;
-            arg.value = `${arg.value ?? ''}${toAppend}`;
-            monacoTemplate?.setCode(arg.value);
-            setPropertyType(arg.value);
-            argInput?.focus();
-            return false;
-        });
-    }
-    else {
-        focusProp(argName, 'insert', (path) => {
-            arg.expr = path;
-            arg.type = 'javascript';
-            propertyType = 'javascript';
-            monaco?.setCode(arg.expr);
-            return true;
-        });
-    }
-}
-const { focusProp, propPickerConfig } = getContext('PropPickerWrapper');
-$: isStaticTemplate(inputCat) && propertyType == 'static' && setPropertyType(arg?.value);
-function setDefaultCode() {
-    if (!arg?.value) {
-        monacoTemplate?.setCode(schema.properties[argName].default);
-    }
-}
-$: schema.properties[argName].default && setDefaultCode();
-</script>
-
-{#if arg != undefined}
-	<div class="flex flex-row justify-between gap-1 pb-1">
-		<div class="flex items-center flex-wrap grow">
-			<FieldHeader
-				label={argName}
-				format={schema.properties[argName].format}
-				contentEncoding={schema.properties[argName].contentEncoding}
-				required={schema.required.includes(argName)}
-				type={schema.properties[argName].type}
-			/>
-
-			{#if isStaticTemplate(inputCat)}
-				<span
-					class="bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded ml-2 {propertyType ==
-						'static' && arg.type === 'javascript'
-						? 'visible'
-						: 'invisible'}"
-				>
-					{'${...}'}
-				</span>
-			{/if}
-		</div>
-		{#if !noDynamicToggle}
-			<div class="flex flex-row gap-x-4 gap-y-1 flex-wrap z-10">
-				<div>
-					<ToggleButtonGroup
-						bind:selected={propertyType}
-						on:selected={(e) => {
-							const staticTemplate = isStaticTemplate(inputCat)
-							if (e.detail === 'javascript') {
-								if (arg.expr == undefined) {
-									arg.expr = getDefaultExpr(
-										argName,
-										previousModuleId,
-										staticTemplate
-											? `\`${arg?.value?.toString().replaceAll('`', '\\`') ?? ''}\``
-											: arg.value
-											? JSON.stringify(arg?.value, null, 4)
-											: ''
-									)
-								}
-								if (arg) {
-									arg.value = undefined
-									arg.type = 'javascript'
-								}
-								propertyType = 'javascript'
-							} else {
-								if (staticTemplate) {
-									if (arg) {
-										arg.value = codeToStaticTemplate(arg.expr)
-										arg.expr = undefined
-									}
-									setPropertyType(arg?.value)
-								} else {
-									if (arg) {
-										arg.type = 'static'
-										arg.value = undefined
-										arg.expr = undefined
-									}
-								}
-								propertyType = 'static'
-							}
-						}}
-					>
-						{#if isStaticTemplate(inputCat)}
-							<ToggleButton
-								title={`Write text or surround javascript with \`\$\{\` and \`\}\`. Use \`result\` to connect to another node\'s output.`}
-								light
-								position="left"
-								value="static"
-								size="xs2"
-							>
-								{'${} '}&nbsp;
-							</ToggleButton>
-						{:else}
-							<ToggleButton light position="left" value="static" size="xs2">Static</ToggleButton>
-						{/if}
-
-						<ToggleButton
-							light
-							title="Write javascript expressions directly, using 'flow_input' or 'result'. You can use multiline javascript."
-							position="right"
-							value="javascript"
-							startIcon={{ icon: faCode }}
-							size="xs2"
-						/>
-					</ToggleButtonGroup>
-				</div>
-				<div>
-					<Button
-						title="Connect to another node's output"
-						variant="border"
-						color="dark"
-						size="xs2"
-						on:click={() => {
-							focusProp(argName, 'connect', (path) => {
-								connectProperty(path)
-								return true
-							})
-						}}>Link &rightarrow;</Button
-					>
-				</div>
-			</div>
-		{/if}
-	</div>
-
-	<div class="max-w-xs" />
-	<div
-		class="relative mb-6 {$propPickerConfig?.propName == argName
-			? 'outline outline-offset-0 outline-2 outline-blue-500 rounded-md'
-			: ''}"
-	>
-		{#if $propPickerConfig?.propName == argName && $propPickerConfig?.insertionMode == 'connect'}
-			<span
-				class={'text-white  z-50 px-1 text-2xs py-0.5 font-bold rounded-t-sm w-fit absolute top-0 right-0 bg-blue-500'}
-			>
-				Connect input &rightarrow;
-			</span>
-		{/if}
-		{#if isStaticTemplate(inputCat) && propertyType == 'static' && !noDynamicToggle}
-			<div class="mt-2 min-h-[28px] rounded border border-1 border-gray-500">
-				{#if arg}
-					<TemplateEditor
-						bind:this={monacoTemplate}
-						{extraLib}
-						on:focus={onFocus}
-						bind:code={arg.value}
-						fontSize={14}
-					/>
-				{/if}
-			</div>
-		{:else if propertyType === undefined || propertyType == 'static'}
-			<ArgInput
-				noMargin
-				compact
-				bind:this={argInput}
-				on:focus={onFocus}
-				label={argName}
-				bind:editor={monaco}
-				bind:description={schema.properties[argName].description}
-				bind:value={arg.value}
-				type={schema.properties[argName].type}
-				required={schema.required.includes(argName)}
-				bind:pattern={schema.properties[argName].pattern}
-				bind:valid={inputCheck}
-				defaultValue={schema.properties[argName].default}
-				bind:enum_={schema.properties[argName].enum}
-				bind:format={schema.properties[argName].format}
-				contentEncoding={schema.properties[argName].contentEncoding}
-				bind:itemsType={schema.properties[argName].items}
-				properties={schema.properties[argName].properties}
-				displayHeader={false}
-				{variableEditor}
-				{itemPicker}
-				bind:pickForField
-			/>
-		{:else if arg.expr != undefined}
-			<div class="border rounded mt-2 border-gray-300">
-				<SimpleEditor
-					bind:this={monaco}
-					bind:code={arg.expr}
-					{extraLib}
-					lang="javascript"
-					shouldBindKey={false}
-					on:focus={() => {
-						focusProp(argName, 'insert', (path) => {
-							monaco?.insertAtCursor(path)
-							return false
-						})
-					}}
-					autoHeight
-				/>
-			</div>
-			<DynamicInputHelpBox />
-			<div class="mb-2" />
-		{:else}
-			Not recognized input type {argName}
-		{/if}
-	</div>
-{/if}

package/dist/components/InputTransformForm.svelte.d.ts

@@ -1,29 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../common';
-import type VariableEditor from './VariableEditor.svelte';
-import type ItemPicker from './ItemPicker.svelte';
-import type { InputTransform } from '../gen';
-declare const __propDef: {
-    props: {
-        schema: Schema;
-        arg: InputTransform | any;
-        argName: string;
-        extraLib?: string | undefined;
-        inputCheck?: boolean | undefined;
-        previousModuleId: string | undefined;
-        pickForField?: string | undefined;
-        variableEditor?: VariableEditor | undefined;
-        itemPicker?: ItemPicker | undefined;
-        noDynamicToggle?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputTransformFormProps = typeof __propDef.props;
-export type InputTransformFormEvents = typeof __propDef.events;
-export type InputTransformFormSlots = typeof __propDef.slots;
-export default class InputTransformForm extends SvelteComponentTyped<InputTransformFormProps, InputTransformFormEvents, InputTransformFormSlots> {
-}
-export {};

package/dist/components/InputTransformSchemaForm.svelte

@@ -1,103 +0,0 @@
-<script>import { VariableService } from '../gen';
-import { workspaceStore } from '../stores';
-import { allTrue } from '../utils';
-import { faPlus } from '@fortawesome/free-solid-svg-icons';
-import { Button } from './common';
-import InputTransformForm from './InputTransformForm.svelte';
-import ItemPicker from './ItemPicker.svelte';
-import VariableEditor from './VariableEditor.svelte';
-export let schema;
-export let args = {};
-export let isValid = true;
-export let extraLib = 'missing extraLib';
-export let previousModuleId = undefined;
-export let filter = undefined;
-export let noDynamicToggle = false;
-let clazz = '';
-export { clazz as class };
-let inputCheck = {};
-$: isValid = allTrue(inputCheck) ?? false;
-$: if (args == undefined || typeof args !== 'object') {
-    args = {};
-}
-function removeExtraKey() {
-    const nargs = {};
-    Object.keys(args ?? {}).forEach((key) => {
-        if (keys.includes(key)) {
-            nargs[key] = args[key];
-        }
-    });
-    args = nargs;
-}
-let pickForField;
-let itemPicker = undefined;
-let variableEditor = undefined;
-let keys = [];
-$: {
-    let lkeys = Object.keys(schema?.properties ?? {});
-    if (schema?.properties && JSON.stringify(lkeys) != JSON.stringify(keys)) {
-        keys = lkeys;
-        removeExtraKey();
-    }
-}
-</script>
-
-<div class="w-full {clazz}">
-	{#if keys.length > 0}
-		{#each keys as argName (argName)}
-			{#if (!filter || filter.includes(argName)) && Object.keys(schema.properties ?? {}).includes(argName)}
-				<div class="z-10">
-					<InputTransformForm
-						{previousModuleId}
-						bind:arg={args[argName]}
-						bind:schema
-						bind:argName
-						bind:inputCheck={inputCheck[argName]}
-						bind:extraLib
-						{variableEditor}
-						{itemPicker}
-						bind:pickForField
-						{noDynamicToggle}
-					/>
-				</div>
-			{/if}
-		{/each}
-	{:else}
-		<div class="text-gray-500 text-sm">No inputs</div>
-	{/if}
-</div>
-
-<ItemPicker
-	bind:this={itemPicker}
-	pickCallback={(path, _) => {
-		if (pickForField) {
-			args[pickForField].value = '$var:' + path
-		}
-	}}
-	itemName="Variable"
-	extraField="path"
-	loadItems={async () =>
-		(await VariableService.listVariable({ workspace: $workspaceStore ?? '' })).map((x) => ({
-			name: x.path,
-			...x
-		}))}
->
-	<div
-		slot="submission"
-		class="flex flex-row-reverse w-full bg-white border-t border-gray-200 rounded-bl-lg rounded-br-lg"
-	>
-		<Button
-			variant="border"
-			color="blue"
-			size="sm"
-			startIcon={{ icon: faPlus }}
-			on:click={() => {
-				variableEditor?.initNew?.()
-			}}
-		>
-			New variable
-		</Button>
-	</div>
-</ItemPicker>
-
-<VariableEditor bind:this={variableEditor} />

package/dist/components/InputTransformSchemaForm.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../common';
-declare const __propDef: {
-    props: {
-        schema: Schema;
-        args?: Record<string, any> | undefined;
-        isValid?: boolean | undefined;
-        extraLib?: string | undefined;
-        previousModuleId?: string | undefined;
-        filter?: string[] | undefined;
-        noDynamicToggle?: boolean | undefined;
-        class?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputTransformSchemaFormProps = typeof __propDef.props;
-export type InputTransformSchemaFormEvents = typeof __propDef.events;
-export type InputTransformSchemaFormSlots = typeof __propDef.slots;
-export default class InputTransformSchemaForm extends SvelteComponentTyped<InputTransformSchemaFormProps, InputTransformSchemaFormEvents, InputTransformSchemaFormSlots> {
-}
-export {};

package/dist/components/InputTransformsViewer.svelte

@@ -1,20 +0,0 @@
-<script>import { Highlight } from 'svelte-highlight';
-import ObjectViewer from './propertyPicker/ObjectViewer.svelte';
-import typescript from 'svelte-highlight/languages/typescript';
-import { cleanExpr } from './flows/utils';
-export let inputTransforms;
-</script>
-
-<ul class="mb-1">
-	{#each Object.entries(inputTransforms) as [key, val]}
-		<li>
-			<span class="font-black text-gray-700">{key}</span>: {#if val.type == 'static'}<ObjectViewer
-					json={val.value}
-				/>{:else}
-				<span class="text-xs">
-					<Highlight language={typescript} code={cleanExpr(val.expr)} />
-				</span>
-			{/if}
-		</li>
-	{/each}
-</ul>