windmill-components 1.623.1 → 1.642.0

package/package/components/SavedInputs.svelte

@@ -1,416 +0,0 @@
-<script lang="ts">import { Button } from './common';
-import { InputService, JobService } from '../gen/index.js';
-import { userStore, workspaceStore } from '../stores.js';
-import { base } from '../base';
-import { classNames, displayDateOnly, sendUserToast } from '../utils.js';
-import { createEventDispatcher, untrack } from 'svelte';
-import { Pane, Splitpanes } from 'svelte-splitpanes';
-import ObjectViewer from './propertyPicker/ObjectViewer.svelte';
-import { ArrowLeftIcon, Edit, ExternalLink, X } from 'lucide-svelte';
-import Toggle from './Toggle.svelte';
-import Tooltip from './Tooltip.svelte';
-import TimeAgo from './TimeAgo.svelte';
-import JobsLoader from './runs/JobsLoader.svelte';
-import Skeleton from './common/skeleton/Skeleton.svelte';
-import SaveInputsButton from './SaveInputsButton.svelte';
-let { scriptHash = null, scriptPath = null, flowPath = null, canSaveInputs = true, isValid, args } = $props();
-let previousInputs = $state(undefined);
-let savedInputs = $state(undefined);
-let selectedInput = $state();
-let jobs = $state([]);
-let loading = $state(false);
-const dispatch = createEventDispatcher();
-let runnableId = $derived(scriptHash || scriptPath || flowPath || undefined);
-let runnableType = $derived(scriptHash ? 'ScriptHash' : scriptPath ? 'ScriptPath' : flowPath ? 'FlowPath' : undefined);
-let hasAlreadyFailed = false;
-async function loadInputHistory() {
-    try {
-        previousInputs = await InputService.getInputHistory({
-            workspace: $workspaceStore,
-            runnableId,
-            runnableType,
-            perPage: 10
-        });
-    }
-    catch (e) {
-        console.error(e);
-        if (hasAlreadyFailed)
-            return;
-        hasAlreadyFailed = true;
-        sendUserToast(`Failed to load input history: ${e}`, true);
-    }
-}
-async function loadSavedInputs() {
-    savedInputs = await InputService.listInputs({
-        workspace: $workspaceStore,
-        runnableId,
-        runnableType,
-        perPage: 10
-    });
-}
-async function updateInput(input) {
-    input.isSaving = true;
-    try {
-        await InputService.updateInput({
-            workspace: $workspaceStore,
-            requestBody: {
-                id: input.id,
-                name: input.name,
-                is_public: input.is_public
-            }
-        });
-    }
-    catch (err) {
-        console.error(err);
-        sendUserToast(`Failed to update Input: ${err}`, true);
-    }
-    input.isSaving = false;
-}
-async function deleteInput(input) {
-    try {
-        await InputService.deleteInput({
-            workspace: $workspaceStore,
-            input: input.id
-        });
-        savedInputs = (savedInputs ?? []).filter((i) => i.id !== input.id);
-        if (selectedInput === input) {
-            selectedInput = null;
-        }
-    }
-    catch (err) {
-        console.error(err);
-        sendUserToast(`Failed to delete Input: ${err}`, true);
-    }
-}
-$effect(() => {
-    if ($workspaceStore && (scriptHash || scriptPath || flowPath)) {
-        untrack(() => {
-            loadInputHistory();
-            loadSavedInputs();
-        });
-    }
-});
-let previewArgs = $state(undefined);
-function selectArgs(selected_args) {
-    previewArgs = selected_args;
-}
-async function loadLargeArgs(id, input, allowLarge) {
-    if (!id)
-        return;
-    return await InputService.getArgsFromHistoryOrSavedInput({
-        jobOrInputId: id,
-        workspace: $workspaceStore,
-        input,
-        allowLarge
-    });
-}
-</script>
-
-{#if runnableId}
-	<JobsLoader
-		bind:jobs
-		path={runnableId}
-		showSkipped={false}
-		jobKindsCat="all"
-		user={null}
-		label={null}
-		folder={null}
-		concurrencyKey={null}
-		tag={null}
-		success="running"
-		argFilter={undefined}
-		bind:loading
-		syncQueuedRunsCount={false}
-		refreshRate={10000}
-		computeMinAndMax={undefined}
-		perPage={5}
-	/>
-{/if}
-
-<div class="min-w-[300px] h-full">
-	<Splitpanes horizontal={true}>
-		<Pane>
-			<div class="w-full flex flex-col gap-4 p-2">
-				<div class="w-full flex justify-between items-center gap-4 flex-wrap">
-					<span class="text-sm font-semibold flex-shrink-0"
-						>Saved Inputs<Tooltip
-							>Shared inputs are available to anyone with access to the script</Tooltip
-						></span
-					>
-					{#if canSaveInputs}
-						<SaveInputsButton
-							{args}
-							disabled={!isValid}
-							{runnableId}
-							{runnableType}
-							on:update={() => {
-								loadSavedInputs()
-							}}
-						/>
-					{/if}
-				</div>
-
-				<div class="w-full flex flex-col gap-1 h-full overflow-y-auto p">
-					{#if savedInputs === undefined}
-						<Skeleton layout={[[8]]} />
-					{:else if savedInputs?.length > 0}
-						{#each savedInputs as i}
-							<button
-								class={classNames(
-									`w-full flex items-center text-sm group justify-between gap-4 py-1.5 px-4 text-left border rounded-sm hover:bg-surface-hover transition-all`,
-									selectedInput === i ? 'border-blue-500 bg-blue-50 dark:bg-blue-900' : ''
-								)}
-								onclick={async () => {
-									if (!i.isEditing) {
-										if (selectedInput === i) {
-											selectedInput = null
-										} else {
-											selectedInput = i
-										}
-									}
-									selectArgs(await loadLargeArgs(i.id, true, false))
-								}}
-							>
-								<div class="w-full h-full items-center justify-between flex gap-1 min-w-0">
-									{#if i.isEditing}
-										<form
-											onsubmit={() => {
-												updateInput(i)
-												i.isEditing = false
-												i.isSaving = false
-											}}
-											class="w-full"
-										>
-											<input type="text" bind:value={i.name} class="text-secondary" />
-										</form>
-									{:else}
-										<small
-											class="whitespace-nowrap overflow-hidden text-ellipsis flex-shrink text-left"
-										>
-											{i.name}
-										</small>
-									{/if}
-									{#if i.created_by == $userStore?.username || $userStore?.is_admin || $userStore?.is_super_admin}
-										<div class="items-center flex gap-2">
-											{#if !i.isEditing}
-												<div class="group-hover:block hidden -my-2">
-													<Toggle
-														size="xs"
-														options={{ right: 'shared' }}
-														bind:checked={i.is_public}
-														on:change={() => {
-															updateInput(i)
-														}}
-													/>
-												</div>
-											{/if}
-
-											<Button
-												loading={i.isSaving}
-												size="xs"
-												variant="default"
-												spacingSize="xs2"
-												btnClasses={'group-hover:block hidden -my-2'}
-												on:click={(e) => {
-													e.stopPropagation()
-													i.isEditing = !i.isEditing
-													if (!i.isEditing) {
-														updateInput(i)
-														i.isSaving = false
-													}
-												}}
-											>
-												<Edit class="w-4 h-4" />
-											</Button>
-											<Button
-												size="xs"
-												spacingSize="xs2"
-												variant="default"
-												btnClasses={i.isEditing ? 'block' : 'group-hover:block hidden -my-2'}
-												on:click={() => deleteInput(i)}
-											>
-												<X class="w-4 h-4" />
-											</Button>
-										</div>
-									{:else}
-										<span class="text-xs text-primary">By {i.created_by}</span>
-									{/if}
-								</div>
-							</button>
-						{/each}
-					{:else}
-						<div class="text-center text-primary">No saved Inputs</div>
-					{/if}
-				</div>
-			</div>
-		</Pane>
-
-		<Pane>
-			<div class="w-full flex flex-col gap-4 p-2">
-				<span class="text-sm font-semibold">Previous runs</span>
-
-				<div class="w-full flex flex-col gap-1 p-0 h-full overflow-y-auto">
-					{#if loading && (jobs == undefined || jobs?.length == 0)}
-						<div class="text-left text-primary text-xs">Loading current runs...</div>
-					{:else if jobs?.length > 0}
-						{#each jobs as i (i.id)}
-							<button
-								class={classNames(
-									`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-sm hover:bg-surface-hover transition-a`,
-									'border-orange-400'
-								)}
-								onclick={async () => {
-									if (!$workspaceStore) {
-										return
-									}
-
-									const args = await JobService.getJobArgs({
-										workspace: $workspaceStore,
-										id: i.id
-									})
-
-									selectedInput = {
-										id: i.id,
-										name: 'Running job: ' + i.id,
-										created_at: i.created_at ?? '',
-										created_by: i.created_by ?? '',
-										is_public: true
-									}
-
-									selectArgs(args)
-								}}
-							>
-								<div
-									class="w-full h-full items-center text-xs font-normal grid grid-cols-8 gap-4 min-w-0"
-								>
-									<div class="">
-										<div class="rounded-full w-2 h-2 bg-orange-400 animate-pulse"></div>
-									</div>
-									<div class="col-span-2 truncate">
-										{i.created_by}
-									</div>
-									<div
-										class="whitespace-nowrap col-span-3 !text-primary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
-									>
-										<TimeAgo noDate date={i.started_at ?? ''} />
-									</div>
-									<div class="col-span-2">
-										<a
-											target="_blank"
-											href="{base}/run/{i.id}?workspace={$workspaceStore}"
-											class="text-right float-right text-secondary"
-											title="See run detail in a new tab"
-										>
-											<ExternalLink size={16} />
-										</a>
-									</div>
-								</div>
-							</button>
-						{/each}
-						{#if jobs?.length == 5}
-							<div class="text-left text-primary text-xs"
-								>... there may be more runs not displayed here as the limit is 5</div
-							>
-						{/if}
-					{:else}
-						<div class="text-left text-primary text-xs">No job currently running</div>
-					{/if}
-				</div>
-
-				<div class="w-full flex flex-col gap-1 p-0 h-full overflow-y-auto">
-					{#if previousInputs === undefined}
-						<Skeleton layout={[[8]]} />
-					{:else if previousInputs?.length > 0}
-						{#each previousInputs as i (i.id)}
-							<button
-								class={classNames(
-									`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-sm hover:bg-surface-hover transition-a`,
-									selectedInput === i ? 'border-blue-500 bg-blue-50 dark:bg-blue-900' : ''
-								)}
-								onclick={async () => {
-									if (selectedInput === i) {
-										selectedInput = null
-									} else {
-										selectedInput = i
-									}
-									selectArgs(await loadLargeArgs(i.id, false, false))
-								}}
-							>
-								<div
-									class="w-full h-full items-center text-xs font-normal grid grid-cols-8 gap-4 min-w-0"
-								>
-									<div class="">
-										<div class="rounded-full w-2 h-2 {i.success ? 'bg-green-400' : 'bg-red-400'}"
-										></div>
-									</div>
-									<div class="col-span-2 truncate" title={i.created_by}>
-										{i.created_by}
-									</div>
-									<div
-										class="whitespace-nowrap col-span-2 !text-primary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
-									>
-										{displayDateOnly(new Date(i.created_at))}
-									</div>
-									<div
-										class="whitespace-nowrap col-span-2 !text-primary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
-									>
-										<TimeAgo noDate date={i.created_at ?? ''} />
-									</div>
-									<div class="col-span-1">
-										<a
-											target="_blank"
-											href="{base}/run/{i.id}?workspace={$workspaceStore}"
-											class="text-right float-right text-secondary"
-											title="See run detail in a new tab"
-										>
-											<ExternalLink size={16} />
-										</a>
-									</div>
-								</div>
-							</button>
-						{/each}
-					{:else}
-						<div class="text-center text-primary">No previous Runs</div>
-					{/if}
-				</div>
-			</div>
-		</Pane>
-
-		<Pane>
-			<div class="h-full overflow-hidden min-h-0 flex flex-col justify-between">
-				<div class="w-full flex flex-col min-h-0 gap-2 px-2 py-2 grow">
-					<div class="w-full flex flex-col">
-						<Button
-							color="blue"
-							btnClasses="w-full"
-							size="sm"
-							spacingSize="xl"
-							on:click={async () => {
-								dispatch('selected_args', await loadLargeArgs(selectedInput?.id, undefined, false))
-							}}
-							disabled={!selectedInput}
-						>
-							<ArrowLeftIcon class="w-4 h-4 mr-2" />
-							Use input
-						</Button>
-					</div>
-					<div class="w-full min-h-0 grow overflow-auto">
-						{#if typeof previewArgs == 'string' && previewArgs == 'WINDMILL_TOO_BIG'}
-							<div class="text-secondary mt-2">
-								Payload too big to preview but can still be loaded</div
-							>
-						{:else if Object.keys(previewArgs || {}).length > 0}
-							<div class=" overflow-auto h-full p-2">
-								<ObjectViewer json={previewArgs} />
-							</div>
-						{:else}
-							<div class="text-center text-primary">
-								Select an Input to preview scripts arguments
-							</div>
-						{/if}
-					</div>
-				</div>
-			</div></Pane
-		>
-	</Splitpanes>
-</div>

package/package/components/copilot/chat/context.d.ts

@@ -1,62 +0,0 @@
-import { Code, Database, TriangleAlert, Diff } from 'lucide-svelte';
-import type { ScriptLang } from '../../../gen/types.gen';
-import { type DBSchema } from '../../../stores';
-import { type Change } from 'diff';
-export declare const ContextIconMap: {
-    code: typeof Code;
-    error: typeof TriangleAlert;
-    db: typeof Database;
-    diff: typeof Diff;
-    code_piece: typeof Code;
-};
-export interface CodeElement {
-    type: 'code';
-    content: string;
-    title: string;
-    lang: ScriptLang | 'bunnative';
-}
-interface ErrorElement {
-    type: 'error';
-    content: string;
-    title: 'error';
-}
-interface DBElement {
-    type: 'db';
-    schema?: DBSchema;
-    title: string;
-}
-interface DiffElement {
-    type: 'diff';
-    content: string;
-    title: string;
-    diff: Change[];
-    lang: ScriptLang | 'bunnative';
-}
-export interface CodePieceElement {
-    type: 'code_piece';
-    content: string;
-    startLine: number;
-    endLine: number;
-    title: string;
-    lang: ScriptLang | 'bunnative';
-}
-export interface FlowModuleElement {
-    type: 'flow_module';
-    id: string;
-    title: string;
-    value: {
-        language?: ScriptLang | 'bunnative';
-        path?: string;
-        content?: string;
-        type: string;
-    };
-}
-export interface FlowModuleCodePieceElement extends Omit<CodePieceElement, 'type'> {
-    type: 'flow_module_code_piece';
-    id: string;
-    value: FlowModuleElement['value'];
-}
-export type ContextElement = (CodeElement | ErrorElement | DBElement | DiffElement | CodePieceElement | FlowModuleElement | FlowModuleCodePieceElement) & {
-    deletable?: boolean;
-};
-export {};

package/package/components/flows/propPicker/FlowPropPicker.svelte

@@ -1,72 +0,0 @@
-<script lang="ts">import ObjectViewer from '../../propertyPicker/ObjectViewer.svelte';
-import AnimatedButton from '../../common/button/AnimatedButton.svelte';
-import Popover from '../../meltComponents/Popover.svelte';
-import Tooltip from '../../meltComponents/Tooltip.svelte';
-import { Plug } from 'lucide-svelte';
-import { twMerge } from 'tailwind-merge';
-import { getContext } from 'svelte';
-import { tick } from 'svelte';
-export let json = {};
-export let prefix = '';
-let isConnecting = false;
-const { flowPropPickerConfig } = getContext('PropPickerContext');
-async function updateConnecting() {
-    await tick();
-    isConnecting = $flowPropPickerConfig?.insertionMode === 'connect';
-}
-$: $flowPropPickerConfig, updateConnecting();
-</script>
-
-<button
-	on:click|preventDefault|stopPropagation={(e) => {
-		e.preventDefault()
-		e.stopPropagation()
-	}}
-	on:keydown|preventDefault|stopPropagation
-	data-prop-picker
-	title=""
->
-	<AnimatedButton
-		animate={isConnecting}
-		wrapperClasses="h-[20px] w-[20px] center-center"
-		baseRadius="9999px"
-		marginWidth="1px"
-	>
-		<Popover
-			floatingConfig={{ strategy: 'fixed', placement: 'bottom-start' }}
-			closeOnOtherPopoverOpen={true}
-		>
-			<svelte:fragment slot="trigger" let:isOpen>
-				<Tooltip disablePopup={isOpen}>
-					<svelte:fragment slot="text">node outputs</svelte:fragment>
-					<button
-						class={twMerge(
-							'rounded-full center-center h-[18px] w-[18px]',
-							isConnecting
-								? 'bg-surface text-blue-500'
-								: 'outline-[1px] outline dark:outline-gray-500 outline-gray-300 duration-0 bg-blue-500 hover:bg-blue-700 text-white'
-						)}
-					>
-						<Plug size={12} strokeWidth={2} />
-					</button>
-				</Tooltip>
-			</svelte:fragment>
-			<svelte:fragment slot="content">
-				<div class="p-4 max-h-[50vh] overflow-y-auto" data-prop-picker>
-					<ObjectViewer
-						{json}
-						topBrackets={false}
-						pureViewer={false}
-						{prefix}
-						on:select={({ detail }) => {
-							if ($flowPropPickerConfig?.onSelect(detail)) {
-								$flowPropPickerConfig?.clearFocus()
-							}
-						}}
-						allowCopy={!$flowPropPickerConfig}
-					/>
-				</div>
-			</svelte:fragment>
-		</Popover>
-	</AnimatedButton>
-</button>