windmill-components 1.89.1 → 1.103.0

package/dist/components/flows/pickers/PickHubScript.svelte

@@ -1,88 +0,0 @@
-<script>import { hubScripts } from '../../../stores';
-import { createEventDispatcher, onMount } from 'svelte';
-import { Badge, Skeleton } from '../../common';
-import SearchItems from '../../SearchItems.svelte';
-import { capitalize, classNames, loadHubScripts } from '../../../utils';
-import NoItemFound from '../../home/NoItemFound.svelte';
-import { APP_TO_ICON_COMPONENT } from '../../icons';
-import ListFilters from '../../home/ListFilters.svelte';
-export let kind = 'script';
-export let filter = '';
-const dispatch = createEventDispatcher();
-let filteredItems = [];
-let appFilter = undefined;
-$: items = ($hubScripts ?? []).filter((i) => i.kind === kind);
-$: prefilteredItems = appFilter ? (items ?? []).filter((i) => i.app == appFilter) : items ?? [];
-$: apps = Array.from(new Set(filteredItems?.map((x) => x.app) ?? [])).sort();
-onMount(() => {
-    if (!$hubScripts) {
-        loadHubScripts();
-    }
-});
-const maxItems = 40;
-</script>
-
-<SearchItems {filter} items={prefilteredItems} bind:filteredItems f={(x) => x.summary} />
-<div class="w-full flex mt-1 items-center gap-2">
-	<slot />
-	<input type="text" placeholder="Search Hub Scripts" bind:value={filter} class="text-2xl grow" />
-</div>
-<ListFilters filters={apps} bind:selectedFilter={appFilter} resourceType />
-
-{#if $hubScripts}
-	{#if filteredItems.length == 0}
-		<NoItemFound />
-	{:else}
-		<ul class="divide-y divide-gray-200 border rounded-md">
-			{#each filteredItems.slice(0, maxItems) as item (item.path)}
-				<li class="flex flex-row w-full">
-					<button
-						class="p-4 gap-4 flex flex-row grow hover:bg-gray-50 bg-white transition-all items-center rounded-md"
-						on:click={() => dispatch('pick', item)}
-					>
-						<div class="flex items-center gap-4">
-							<div
-								class={classNames(
-									'rounded-md p-1 flex justify-center items-center border',
-									'bg-gray-50 border-gray-200'
-								)}
-							>
-								<svelte:component
-									this={APP_TO_ICON_COMPONENT[item['app']]}
-									height={18}
-									width={18}
-								/>
-							</div>
-
-							<div class="w-full text-left font-normal ">
-								<div class="text-gray-900 flex-wrap text-md font-semibold mb-1">
-									{#if item.marked}
-										{@html item.marked ?? ''}
-									{:else}
-										{item.summary ?? ''}
-									{/if}
-								</div>
-								<div class="text-gray-600 text-xs ">
-									{item.path}
-								</div>
-							</div>
-						</div>
-						{#if kind !== 'script'}
-							<Badge color="gray" baseClass="border">{capitalize(kind)}</Badge>
-						{/if}
-					</button>
-				</li>
-			{/each}
-		</ul>
-	{/if}
-	{#if filteredItems.length > maxItems}
-		<div class="text-gray-500 text-sm py-4">
-			There are more items ({filteredItems.length}) than being displayed. Refine your search.
-		</div>
-	{/if}
-{:else}
-	<div class="my-2" />
-	{#each Array(10).fill(0) as _}
-		<Skeleton layout={[0.5, [4]]} />
-	{/each}
-{/if}

package/dist/components/flows/pickers/PickHubScript.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        kind?: "script" | "failure" | "trigger" | "approval" | undefined;
-        filter?: string | undefined;
-    };
-    events: {
-        pick: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PickHubScriptProps = typeof __propDef.props;
-export type PickHubScriptEvents = typeof __propDef.events;
-export type PickHubScriptSlots = typeof __propDef.slots;
-export default class PickHubScript extends SvelteComponentTyped<PickHubScriptProps, PickHubScriptEvents, PickHubScriptSlots> {
-}
-export {};

package/dist/components/flows/pickers/PickScript.svelte

@@ -1,38 +0,0 @@
-<script>import ItemPicker from '../../ItemPicker.svelte';
-import { ScriptService } from '../../../gen';
-import { workspaceStore } from '../../../stores';
-import { createEventDispatcher } from 'svelte';
-import Button from '../../common/button/Button.svelte';
-import { Code } from 'lucide-svelte';
-export let kind;
-let itemPicker;
-const dispatch = createEventDispatcher();
-async function loadItems() {
-    return await ScriptService.listScripts({ workspace: $workspaceStore, kind });
-}
-</script>
-
-<ItemPicker
-	bind:this={itemPicker}
-	pickCallback={(path, summary) => {
-		dispatch('pick', { path, summary, kind })
-	}}
-	itemName={'Script'}
-	extraField="summary"
-	{loadItems}
-/>
-
-<Button
-	on:click={() => itemPicker.openDrawer()}
-	btnClasses="w-24 truncate"
-	size="sm"
-	spacingSize="md"
-	variant="border"
-	color="light"
->
-	<div class="flex justify-center flex-col items-center gap-2">
-		<Code size={18} />
-
-		<span class="text-xs">Script</span>
-	</div>
-</Button>

package/dist/components/flows/pickers/PickScript.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        kind: string;
-    };
-    events: {
-        pick: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PickScriptProps = typeof __propDef.props;
-export type PickScriptEvents = typeof __propDef.events;
-export type PickScriptSlots = typeof __propDef.slots;
-export default class PickScript extends SvelteComponentTyped<PickScriptProps, PickScriptEvents, PickScriptSlots> {
-}
-export {};

package/dist/components/flows/pickers/WorkspaceScriptPicker.svelte

@@ -1,116 +0,0 @@
-<script>import { workspaceStore } from '../../../stores';
-import { createEventDispatcher } from 'svelte';
-import { ScriptService } from '../../../gen';
-import SearchItems from '../../SearchItems.svelte';
-import { Badge, Skeleton } from '../../common';
-import { fade } from 'svelte/transition';
-import { flip } from 'svelte/animate';
-import { emptyString, truncateHash } from '../../../utils';
-import Toggle from '../../Toggle.svelte';
-import NoItemFound from '../../home/NoItemFound.svelte';
-export let kind = 'script';
-export let isTemplate = undefined;
-export let displayLock = false;
-let items = undefined;
-let filteredItems = undefined;
-export let filter = '';
-$: $workspaceStore && kind && loadItems();
-async function loadItems() {
-    items = await ScriptService.listScripts({ workspace: $workspaceStore, kind, isTemplate });
-}
-let ownerFilter = undefined;
-$: if ($workspaceStore) {
-    ownerFilter = undefined;
-}
-$: prefilteredItems = ownerFilter ? items?.filter((x) => x.path.startsWith(ownerFilter)) : items;
-$: owners = Array.from(new Set(filteredItems?.map((x) => x.path.split('/').slice(0, 2).join('/')) ?? [])).sort();
-const dispatch = createEventDispatcher();
-let lockHash = false;
-</script>
-
-<SearchItems
-	{filter}
-	items={prefilteredItems}
-	bind:filteredItems
-	f={(x) => (emptyString(x.summary) ? x.path : x.summary + ' (' + x.path + ')')}
-/>
-<div class="flex flex-col min-h-0">
-	<div class="w-full flex mt-1 items-center gap-2 mb-3">
-		<slot />
-
-		<input
-			type="text"
-			placeholder="Search Workspace Scripts"
-			bind:value={filter}
-			class="text-2xl grow"
-		/>
-	</div>
-
-	{#if filteredItems}
-		{#if owners.length > 0}
-			<div class="gap-2 w-full flex flex-wrap my-2">
-				{#each owners as owner (owner)}
-					<div in:fade={{ duration: 50 }} animate:flip={{ duration: 100 }}>
-						<Badge
-							class="cursor-pointer hover:bg-gray-200"
-							on:click={() => {
-								ownerFilter = ownerFilter == owner ? undefined : owner
-							}}
-							color={owner === ownerFilter ? 'blue' : 'gray'}
-							baseClass={owner === ownerFilter ? 'border border-blue-500' : 'border'}
-						>
-							{owner}
-							{#if owner === ownerFilter}&cross;{/if}
-						</Badge>
-					</div>
-				{/each}
-			</div>
-		{/if}
-		{#if displayLock}
-			<div class="flex flex-row-reverse mb-1">
-				<Toggle
-					bind:checked={lockHash}
-					options={{ left: 'Latest version', right: 'Lock current hash permanently' }}
-				/>
-			</div>
-		{/if}
-		{#if filter.length > 0 && filteredItems.length == 0}
-			<NoItemFound />
-		{/if}
-		<ul class="divide-y divide-gray-200 overflow-auto">
-			{#each filteredItems as { path, hash, summary, description, marked }}
-				<li class="flex flex-row w-full">
-					<button
-						class="py-4 px-1 gap-1 flex flex-row grow hover:bg-blue-50 bg-white transition-all text-black"
-						on:click={() => {
-							dispatch('pick', { path, hash: lockHash ? hash : undefined })
-						}}
-					>
-						<div class="flex flex-col">
-							<div class="text-sm font-semibold flex flex-col">
-								<span class="mr-2 text-left">
-									{#if marked}
-										{@html marked}
-									{:else}
-										{!summary || summary.length == 0 ? path : summary}
-									{/if}</span
-								>
-								<span class="font-normal text-xs text-left italic overflow-hidden"
-									>{path ?? ''}</span
-								>
-							</div>
-							<div class="text-xs font-light italic text-left">{description ?? ''}</div>
-						</div>
-						{#if lockHash}<Badge large baseClass="ml-4">{truncateHash(hash ?? '')}</Badge>{/if}
-					</button>
-				</li>
-			{/each}
-		</ul>
-	{:else}
-		<div class="mt-6" />
-
-		{#each new Array(6) as _}
-			<Skeleton layout={[[4], 0.7]} />
-		{/each}
-	{/if}
-</div>

package/dist/components/flows/pickers/WorkspaceScriptPicker.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        kind?: "script" | "failure" | "trigger" | "approval" | undefined;
-        isTemplate?: boolean | undefined;
-        displayLock?: boolean | undefined;
-        filter?: string | undefined;
-    };
-    events: {
-        pick: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type WorkspaceScriptPickerProps = typeof __propDef.props;
-export type WorkspaceScriptPickerEvents = typeof __propDef.events;
-export type WorkspaceScriptPickerSlots = typeof __propDef.slots;
-export default class WorkspaceScriptPicker extends SvelteComponentTyped<WorkspaceScriptPickerProps, WorkspaceScriptPickerEvents, WorkspaceScriptPickerSlots> {
-}
-export {};

package/dist/components/flows/pickers/model.d.ts

@@ -1,7 +0,0 @@
-export interface HubItem {
-    app: string;
-    summary: string;
-    path: string;
-    version?: string;
-    ask_id: number;
-}

package/dist/components/flows/pickers/model.js

@@ -1 +0,0 @@
-export {};

package/dist/components/flows/previousResults.d.ts

@@ -1,15 +0,0 @@
-import type { Flow, FlowModule } from '../../gen';
-import type { FlowState } from './flowState';
-export type PickableProperties = {
-    flow_input: Object;
-    priorIds: Record<string, any>;
-    previousId: string | undefined;
-    hasResume: boolean;
-};
-type StepPropPicker = {
-    pickableProperties: PickableProperties;
-    extraLib: string;
-};
-export declare function getStepPropPicker(flowState: FlowState, parentModule: FlowModule | undefined, previousModule: FlowModule | undefined, id: string, flow: Flow, args: any, include_node: boolean): StepPropPicker;
-export declare function buildExtraLib(flowInput: Record<string, any>, results: Record<string, any>, resume: boolean): string;
-export {};

package/dist/components/flows/previousResults.js

@@ -1,146 +0,0 @@
-import { schemaToObject } from '../../utils';
-function getSubModules(flowModule) {
-    if (flowModule.value.type === 'forloopflow') {
-        return [flowModule.value.modules];
-    }
-    else if (flowModule.value.type === 'branchall') {
-        return flowModule.value.branches.map((branch) => branch.modules);
-    }
-    else if (flowModule.value.type == 'branchone') {
-        return [
-            ...flowModule.value.branches.map((branch) => branch.modules),
-            flowModule.value.default
-        ];
-    }
-    return [];
-}
-function getAllSubmodules(flowModule) {
-    return getSubModules(flowModule).map((modules) => {
-        return modules.map((module) => {
-            return [module, ...getAllSubmodules(module).flat()];
-        }).flat();
-    });
-}
-function dfs(id, flow, getParents = true) {
-    if (id === undefined) {
-        return [];
-    }
-    function rec(id, moduleBranches) {
-        for (let modules of moduleBranches) {
-            for (const [i, module] of modules.entries()) {
-                if (module.id === id) {
-                    return getParents ? [module] : modules.slice(0, i + 1).reverse();
-                }
-                else {
-                    const submodules = getSubModules(module);
-                    if (submodules) {
-                        let found = rec(id, submodules);
-                        if (found) {
-                            return getParents ? [...found, module] : [...found, ...modules.slice(0, i).reverse()];
-                        }
-                    }
-                }
-            }
-        }
-        return undefined;
-    }
-    return rec(id, [flow.value.modules]) ?? [];
-}
-function getFlowInput(parentModules, flowState, args, schema) {
-    const parentModule = parentModules.shift();
-    const parentState = parentModule ? flowState[parentModule.id] : undefined;
-    if (parentState && parentModule) {
-        if (parentState.previewArgs) {
-            return parentState.previewArgs;
-        }
-        else {
-            const parentFlowInput = getFlowInput(parentModules, flowState, args, schema);
-            if (parentModule.value.type === 'forloopflow') {
-                return {
-                    iter: {
-                        value: "Iteration's value",
-                        index: "Iteration's index"
-                    },
-                    ...parentFlowInput,
-                };
-            }
-            else {
-                return parentFlowInput;
-            }
-        }
-    }
-    else {
-        return schemaToObject(schema, args);
-    }
-}
-export function getStepPropPicker(flowState, parentModule, previousModule, id, flow, args, include_node) {
-    const flowInput = getFlowInput(dfs(parentModule?.id, flow), flowState, args, flow.schema);
-    const previousIds = dfs(id, flow, false).map((x) => {
-        let submodules = getAllSubmodules(x).flat().map((x) => x.id);
-        if (submodules.includes(id)) {
-            return [x.id];
-        }
-        else {
-            return [x.id, ...submodules];
-        }
-    }).flat();
-    if (!include_node) {
-        previousIds.shift();
-    }
-    let priorIds = Object.fromEntries(previousIds.map((id) => [id, flowState[id]?.previewResult ?? {}]).reverse());
-    const pickableProperties = {
-        flow_input: flowInput,
-        priorIds: priorIds,
-        previousId: previousIds[0],
-        hasResume: previousModule?.suspend != undefined,
-    };
-    if (pickableProperties.hasResume) {
-        pickableProperties["approvers"] = "The list of approvers";
-    }
-    return {
-        extraLib: buildExtraLib(flowInput, priorIds, previousModule?.suspend != undefined),
-        pickableProperties
-    };
-}
-export function buildExtraLib(flowInput, results, resume) {
-    return `
-/**
-* get variable (including secret) at path
-* @param {string} path - path of the variable (e.g: f/examples/secret)
-*/
-declare function variable(path: string): string;
-
-/**
-* get resource at path
-* @param {string} path - path of the resource (e.g: g/all/my_resource)
-*/
-declare function resource(path: string): any;
-
-/**
-* flow input as an object
-*/
-declare const flow_input = ${JSON.stringify(flowInput)};
-
-/**
-* static params of this same step
-*/
-declare const params: any;
-
-/**
- * result by id
- */
-declare const results = ${JSON.stringify(results)};
-
-${resume ? `
-/**
- * resume payload
- */
-declare const resume: any
-
-/**
- * The list of approvers separated by ,
- */
-declare const approvers: string
-` : ''}
-`;
-}

package/dist/components/flows/propPicker/PropPickerWrapper.svelte

@@ -1,72 +0,0 @@
-<script context="module">export {};
-</script>
-
-<script>import PropPicker from '../../propertyPicker/PropPicker.svelte';
-import PropPickerResult from '../../propertyPicker/PropPickerResult.svelte';
-import { clickOutside } from '../../../utils';
-import { createEventDispatcher, setContext } from 'svelte';
-import { Pane, Splitpanes } from 'svelte-splitpanes';
-import { writable } from 'svelte/store';
-export let pickableProperties;
-export let result = undefined;
-export let error = false;
-export let displayContext = true;
-export let notSelectable = false;
-const propPickerConfig = writable(undefined);
-const dispatch = createEventDispatcher();
-setContext('PropPickerWrapper', {
-    propPickerConfig,
-    focusProp: (propName, insertionMode, onSelect) => {
-        propPickerConfig.set({
-            propName,
-            insertionMode,
-            onSelect
-        });
-    },
-    clearFocus: () => {
-        propPickerConfig.set(undefined);
-    }
-});
-</script>
-
-<div
-	class="h-full w-full"
-	use:clickOutside
-	on:click_outside={() => propPickerConfig.set(undefined)}
->
-	<Splitpanes>
-		<Pane minSize={20} size={60} class="relative p-4 !transition-none">
-			<slot />
-		</Pane>
-		<Pane
-			minSize={20}
-			size={40}
-			class="pt-2 relative !transition-none {$propPickerConfig ? 'border-2 border-blue-500' : ''}"
-		>
-			{#if result}
-				<PropPickerResult
-					{result}
-					on:select={({ detail }) => {
-						dispatch('select', detail)
-						if ($propPickerConfig?.onSelect(detail)) {
-							propPickerConfig.set(undefined)
-						}
-					}}
-				/>
-			{:else if pickableProperties}
-				<PropPicker
-					{displayContext}
-					{error}
-					{pickableProperties}
-					{notSelectable}
-					on:select={({ detail }) => {
-						dispatch('select', detail)
-						if ($propPickerConfig?.onSelect(detail)) {
-							propPickerConfig.set(undefined)
-						}
-					}}
-				/>
-			{/if}
-		</Pane>
-	</Splitpanes>
-</div>

package/dist/components/flows/propPicker/PropPickerWrapper.svelte.d.ts

@@ -1,38 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-type InsertionMode = 'append' | 'connect' | 'insert';
-type SelectCallback = (path: string) => boolean;
-type PropPickerConfig = {
-    insertionMode: InsertionMode;
-    propName: string;
-    onSelect: SelectCallback;
-};
-export type PropPickerWrapperContext = {
-    propPickerConfig: Writable<PropPickerConfig | undefined>;
-    focusProp: (propName: string, insertionMode: InsertionMode, onSelect: SelectCallback) => void;
-    clearFocus: () => void;
-};
-import { type Writable } from 'svelte/store';
-import type { PickableProperties } from '../previousResults';
-declare const __propDef: {
-    props: {
-        pickableProperties: PickableProperties | undefined;
-        result?: any;
-        error?: boolean | undefined;
-        displayContext?: boolean | undefined;
-        notSelectable?: boolean | undefined;
-    };
-    events: {
-        select: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PropPickerWrapperProps = typeof __propDef.props;
-export type PropPickerWrapperEvents = typeof __propDef.events;
-export type PropPickerWrapperSlots = typeof __propDef.slots;
-export default class PropPickerWrapper extends SvelteComponentTyped<PropPickerWrapperProps, PropPickerWrapperEvents, PropPickerWrapperSlots> {
-}
-export {};

package/dist/components/flows/scheduleUtils.d.ts

@@ -1,7 +0,0 @@
-export type Schedule = {
-    args: Record<string, any>;
-    cron: string;
-    timezone: string;
-    enabled: boolean;
-};
-export declare function loadFlowSchedule(path: string, workspace?: string): Promise<Schedule>;

package/dist/components/flows/scheduleUtils.js

@@ -1,21 +0,0 @@
-import { ScheduleService } from '../../gen';
-// Load the schedule of a flow given its path and the workspace
-export async function loadFlowSchedule(path, workspace = '') {
-    const existsSchedule = await ScheduleService.existsSchedule({
-        workspace,
-        path
-    });
-    if (!existsSchedule) {
-        throw new Error(`Flow at path: ${path} doesn't exist`);
-    }
-    const schedule = await ScheduleService.getSchedule({
-        workspace,
-        path
-    });
-    return {
-        enabled: schedule.enabled,
-        cron: schedule.schedule,
-        timezone: schedule.timezone,
-        args: schedule.args ?? {}
-    };
-}

package/dist/components/flows/types.d.ts

@@ -1,20 +0,0 @@
-import type { Flow, FlowModule } from '../../gen';
-import type { History } from '../../history';
-import type { Writable } from 'svelte/store';
-import type ScriptEditorDrawer from './content/ScriptEditorDrawer.svelte';
-import type { FlowState } from './flowState';
-import type { Schedule } from './scheduleUtils';
-export type FlowEditorContext = {
-    selectedId: Writable<string>;
-    moving: Writable<{
-        module: FlowModule;
-        modules: FlowModule[];
-    } | undefined>;
-    schedule: Writable<Schedule>;
-    previewArgs: Writable<Record<string, any>>;
-    scriptEditorDrawer: Writable<ScriptEditorDrawer | undefined>;
-    history: History<Flow>;
-    flowStore: Writable<Flow>;
-    flowStateStore: Writable<FlowState>;
-    testStepStore: Writable<Record<string, any>>;
-};

package/dist/components/flows/types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/flows/utils.d.ts

@@ -1,18 +0,0 @@
-import type { Schema } from '../../common';
-import { type Flow, type FlowModule, type InputTransform, type Job } from '../../gen';
-import type { FlowModuleState } from './flowState';
-export declare function cleanInputs(flow: Flow | any): Flow;
-export declare function cleanExpr(expr: string): string;
-export declare function getTypeAsString(arg: any): string;
-export declare function loadSchemaFromModule(module: FlowModule): Promise<{
-    input_transforms: Record<string, InputTransform>;
-    schema: Schema;
-}>;
-export declare function isCodeInjection(expr: string | undefined): boolean;
-export declare function getDefaultExpr(key: string | undefined, previousModuleId: string | undefined, previousExpr?: string): string;
-export declare function jobsToResults(jobs: Job[]): any;
-export declare function runFlowPreview(args: Record<string, any>, flow: Flow): Promise<string>;
-export declare function codeToStaticTemplate(code?: string): string | undefined;
-export declare const NEVER_TESTED_THIS_FAR = "never tested this far";
-export declare function emptyFlowModuleState(): FlowModuleState;
-export declare function findNextAvailablePath(path: string): Promise<string>;