windmill-components 1.448.1 → 1.472.1

package/package/components/MemoryFootprintViewer.svelte

@@ -1,85 +0,0 @@
-<script>import { MetricsService } from '../gen';
-import { displayTime } from '../utils';
-import { enterpriseLicense, workspaceStore } from '../stores';
-import { CategoryScale, Chart as ChartJS, Legend, LinearScale, LineElement, PointElement, Title, Tooltip } from 'chart.js';
-import { Line } from 'svelte-chartjs';
-import { Alert } from './common';
-ChartJS.register(Title, Tooltip, Legend, LineElement, LinearScale, PointElement, CategoryScale);
-export let jobId;
-export let jobUpdateLastFetch;
-let jobMetricsLastFetch = undefined;
-let jobMemoryStats = undefined;
-let data = [];
-let labels = [];
-async function loadMetricsData() {
-    try {
-        let jobStatsPromise = MetricsService.getJobMetrics({
-            workspace: $workspaceStore,
-            id: jobId,
-            requestBody: {
-                from_timestamp: jobMetricsLastFetch?.toISOString(),
-                timeseries_max_datapoints: 0
-            }
-        });
-        jobMetricsLastFetch = new Date();
-        let jobStats = await jobStatsPromise;
-        let memoryTimeseries = jobStats.timeseries_metrics?.filter((ts) => ts.metric_id === 'memory_kb') ?? [];
-        if (memoryTimeseries.length > 0) {
-            jobMemoryStats = (jobMemoryStats ?? []).concat(memoryTimeseries[0].values);
-        }
-    }
-    catch {
-        console.error('Unable to load metrics data for job', jobId);
-        return;
-    }
-    for (let dp of jobMemoryStats ?? []) {
-        let ts = new Date(dp.timestamp).valueOf();
-        if (data.length === 0 || ts > data[data.length - 1].x) {
-            data.push({
-                x: ts,
-                y: dp.value
-            });
-            labels.push(displayTime(dp.timestamp));
-        }
-    }
-    data = [...data];
-}
-$: jobUpdateLastFetch && loadMetricsData();
-</script>
-
-<div class="relative max-h-100">
-	{#if !$enterpriseLicense}
-		<Alert type="error" title="Enterprise Edition only feature">
-			Job metrics are only available on Windmill Enterprise Edition.
-		</Alert>
-	{:else if (jobMemoryStats?.length ?? 0) === 0}
-		<Alert type="info" title="No metric available"
-			>No data points available for this job. Metrics are recorded only for jobs running for more
-			than 500ms.</Alert
-		>
-	{/if}
-
-	<Line
-		class="w-full max-h-80"
-		data={{
-			labels: labels,
-			datasets: [
-				{
-					label: 'Job memory footprint (kB)',
-					data: data,
-					fill: false,
-					borderColor: 'rgb(59, 130, 246, 0.8)',
-					backgroundColor: 'rgb(59, 130, 246, 0.8)',
-					tension: 0.1
-				}
-			]
-		}}
-		options={{
-			animation: {
-				duration: 0
-			},
-			maintainAspectRatio: false,
-			responsive: true
-		}}
-	/>
-</div>

package/package/components/MemoryFootprintViewer.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        jobId: string;
-        jobUpdateLastFetch: Date | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MemoryFootprintViewerProps = typeof __propDef.props;
-export type MemoryFootprintViewerEvents = typeof __propDef.events;
-export type MemoryFootprintViewerSlots = typeof __propDef.slots;
-export default class MemoryFootprintViewer extends SvelteComponent<MemoryFootprintViewerProps, MemoryFootprintViewerEvents, MemoryFootprintViewerSlots> {
-}
-export {};

package/package/components/ModulePreview.svelte

@@ -1,171 +0,0 @@
-<script>import { ScriptService, JobService } from '../gen';
-import { workspaceStore } from '../stores';
-import { getScriptByPath } from '../scripts';
-import { CornerDownLeft, Loader2 } from 'lucide-svelte';
-import { getContext } from 'svelte';
-import { Pane, Splitpanes } from 'svelte-splitpanes';
-import Button from './common/button/Button.svelte';
-import DisplayResult from './DisplayResult.svelte';
-import LogViewer from './LogViewer.svelte';
-import TestJobLoader from './TestJobLoader.svelte';
-import ModulePreviewForm from './ModulePreviewForm.svelte';
-import JobProgressBar from './jobs/JobProgressBar.svelte';
-import { evalValue } from './flows/utils';
-import ScriptFix from './copilot/ScriptFix.svelte';
-export let mod;
-export let schema;
-export let pickableProperties;
-export let lang;
-export let editor;
-export let diffEditor;
-export let noEditor = false;
-const { flowStore, flowStateStore, testStepStore, pathStore } = getContext('FlowEditorContext');
-// Test
-let scriptProgress = undefined;
-let testJobLoader;
-let testIsLoading = false;
-let testJob = undefined;
-let jobProgressReset;
-let stepArgs = Object.fromEntries(Object.keys(schema.properties ?? {}).map((k) => [
-    k,
-    evalValue(k, mod, $testStepStore, pickableProperties, false)
-]));
-$: $testStepStore[mod.id] = stepArgs;
-export function runTestWithStepArgs() {
-    runTest(stepArgs);
-}
-export async function runTest(args) {
-    // Not defined if JobProgressBar not loaded
-    if (jobProgressReset)
-        jobProgressReset();
-    const val = mod.value;
-    // let jobId: string | undefined = undefined
-    if (val.type == 'rawscript') {
-        await testJobLoader?.runPreview(val.path ?? ($pathStore ?? '') + '/' + mod.id, val.content, val.language, mod.id === 'preprocessor' ? { _ENTRYPOINT_OVERRIDE: 'preprocessor', ...args } : args, $flowStore?.tag ?? val.tag);
-    }
-    else if (val.type == 'script') {
-        const script = val.hash
-            ? await ScriptService.getScriptByHash({ workspace: $workspaceStore, hash: val.hash })
-            : await getScriptByPath(val.path);
-        await testJobLoader?.runPreview(val.path, script.content, script.language, args, $flowStore?.tag ?? (val.tag_override ? val.tag_override : script.tag));
-    }
-    else if (val.type == 'flow') {
-        await testJobLoader?.abstractRun(() => JobService.runFlowByPath({
-            workspace: $workspaceStore,
-            path: val.path,
-            requestBody: args,
-            skipPreprocessor: true
-        }));
-    }
-    else {
-        throw Error('Not supported module type');
-    }
-}
-function jobDone() {
-    if (testJob && !testJob.canceled && testJob.type == 'CompletedJob' && `result` in testJob) {
-        if ($flowStateStore[mod.id]) {
-            $flowStateStore[mod.id].previewResult = testJob.result;
-            $flowStateStore = $flowStateStore;
-        }
-    }
-}
-let forceJson = false;
-</script>
-
-<TestJobLoader
-	toastError={noEditor}
-	on:done={() => jobDone()}
-	bind:scriptProgress
-	bind:this={testJobLoader}
-	bind:isLoading={testIsLoading}
-	bind:job={testJob}
-/>
-<Splitpanes>
-	<Pane size={50} minSize={20} class="p-4">
-		{#if $flowStore.value.same_worker}
-			<div class="mb-1 bg-yellow-100 text-yellow-700 p-1 text-xs"
-				>The `./shared` folder is not passed across individual "Test this step"</div
-			>
-		{/if}
-
-		<div class="w-full justify-center flex">
-			{#if testIsLoading}
-				<Button size="sm" on:click={testJobLoader?.cancelJob} btnClasses="w-full" color="red">
-					<Loader2 size={16} class="animate-spin mr-1" />
-					Cancel
-				</Button>
-			{:else}
-				<Button
-					color="dark"
-					btnClasses="truncate"
-					size="sm"
-					on:click={() => runTest(stepArgs)}
-					shortCut={{
-						Icon: CornerDownLeft
-					}}
-				>
-					Run
-				</Button>
-			{/if}
-		</div>
-
-		<ModulePreviewForm {pickableProperties} {mod} {schema} bind:args={stepArgs} />
-	</Pane>
-	<Pane size={50} minSize={20}>
-		<Splitpanes horizontal>
-			<Pane size={50} minSize={10}>
-				<LogViewer
-					small
-					jobId={testJob?.id}
-					duration={testJob?.['duration_ms']}
-					mem={testJob?.['mem_peak']}
-					content={testJob?.logs}
-					isLoading={testIsLoading && testJob?.['running'] == false}
-					tag={testJob?.tag}
-				/>
-			</Pane>
-			<Pane size={50} minSize={10} class="text-sm text-tertiary">
-				{#if scriptProgress}
-					<JobProgressBar
-						job={testJob}
-						bind:scriptProgress
-						bind:reset={jobProgressReset}
-						compact={true}
-					/>
-				{/if}
-				{#if testJob != undefined && 'result' in testJob && testJob.result != undefined}
-					<div class="break-words relative h-full p-2">
-						<DisplayResult
-							bind:forceJson
-							workspaceId={testJob?.workspace_id}
-							jobId={testJob?.id}
-							result={testJob.result}
-						>
-							<svelte:fragment slot="copilot-fix">
-								{#if lang && editor && diffEditor && stepArgs && typeof testJob?.result == 'object' && `error` in testJob?.result && testJob?.result.error}
-									<ScriptFix
-										error={JSON.stringify(testJob.result.error)}
-										{lang}
-										{editor}
-										{diffEditor}
-										args={stepArgs}
-									/>
-								{/if}
-							</svelte:fragment>
-						</DisplayResult>
-					</div>
-				{:else}
-					<div class="p-2">
-						{#if testIsLoading}
-							{#if !scriptProgress}
-								<Loader2 class="animate-spin" />
-							{/if}
-						{:else}
-							Test to see the result here
-						{/if}
-					</div>
-				{/if}
-			</Pane>
-		</Splitpanes>
-	</Pane>
-</Splitpanes>

package/package/components/ModulePreview.svelte.d.ts

@@ -1,33 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Schema } from '../common';
-import { type FlowModule, type Script } from '../gen';
-import type { PickableProperties } from './flows/previousResults';
-import type DiffEditor from './DiffEditor.svelte';
-import type Editor from './Editor.svelte';
-declare const __propDef: {
-    props: {
-        mod: FlowModule;
-        schema: Schema | {
-            properties?: Record<string, any>;
-        };
-        pickableProperties: PickableProperties | undefined;
-        lang: Script['language'];
-        editor: Editor | undefined;
-        diffEditor: DiffEditor | undefined;
-        noEditor?: boolean | undefined;
-        runTestWithStepArgs?: (() => void) | undefined;
-        runTest?: ((args: any) => Promise<void>) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ModulePreviewProps = typeof __propDef.props;
-export type ModulePreviewEvents = typeof __propDef.events;
-export type ModulePreviewSlots = typeof __propDef.slots;
-export default class ModulePreview extends SvelteComponent<ModulePreviewProps, ModulePreviewEvents, ModulePreviewSlots> {
-    get runTestWithStepArgs(): () => void;
-    get runTest(): (args: any) => Promise<void>;
-}
-export {};

package/package/components/ModulePreviewForm.svelte

@@ -1,99 +0,0 @@
-<script>import { allTrue } from '../utils';
-import { RefreshCw } from 'lucide-svelte';
-import ArgInput from './ArgInput.svelte';
-import { Button } from './common';
-import { getContext } from 'svelte';
-import { evalValue } from './flows/utils';
-import { getResourceTypes } from './resourceTypesStore';
-export let schema;
-export let args = {};
-export let mod;
-export let pickableProperties;
-export let isValid = true;
-export let autofocus = false;
-const { testStepStore } = getContext('FlowEditorContext');
-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 keys = [];
-$: {
-    let lkeys = Object.keys(schema?.properties ?? {});
-    if (schema?.properties && JSON.stringify(lkeys) != JSON.stringify(keys)) {
-        keys = lkeys;
-        removeExtraKey();
-    }
-}
-function plugIt(argName) {
-    args[argName] = structuredClone(evalValue(argName, mod, testStepStore, pickableProperties, true));
-    try {
-        editor?.[argName]?.setCode(JSON.stringify(args[argName], null, 4));
-    }
-    catch {
-        //ignore
-    }
-}
-let editor = {};
-let resourceTypes = undefined;
-async function loadResourceTypes() {
-    resourceTypes = await getResourceTypes();
-}
-loadResourceTypes();
-</script>
-
-<div class="w-full pt-2">
-	{#if keys.length > 0}
-		{#each keys as argName, i (argName)}
-			{#if Object.keys(schema.properties ?? {}).includes(argName)}
-				<div class="flex gap-2">
-					{#if typeof args == 'object' && schema?.properties?.[argName]}
-						<ArgInput
-							{resourceTypes}
-							minW={false}
-							autofocus={i == 0 && autofocus}
-							label={argName}
-							description={schema.properties[argName].description}
-							bind:value={args[argName]}
-							type={schema.properties[argName].type}
-							oneOf={schema.properties[argName].oneOf}
-							required={schema?.required?.includes(argName)}
-							pattern={schema.properties[argName].pattern}
-							bind:editor={editor[argName]}
-							bind:valid={inputCheck[argName]}
-							defaultValue={schema.properties[argName].default}
-							enum_={schema.properties[argName].enum}
-							format={schema.properties[argName].format}
-							contentEncoding={schema.properties[argName].contentEncoding}
-							properties={schema.properties[argName].properties}
-							nestedRequired={schema.properties[argName].required}
-							itemsType={schema.properties[argName].items}
-							extra={schema.properties[argName]}
-							nullable={schema.properties[argName].nullable}
-							title={schema.properties[argName].title}
-							placeholder={schema.properties[argName].placeholder}
-						/>
-					{/if}
-					<div class="pt-6 mt-0.5">
-						<Button
-							on:click={() => plugIt(argName)}
-							size="sm"
-							variant="border"
-							color="light"
-							title="Re-evaluate input step"><RefreshCw size={14} /></Button
-						>
-					</div>
-				</div>
-			{/if}
-		{/each}
-	{/if}
-</div>

package/package/components/ModulePreviewForm.svelte.d.ts

@@ -1,27 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Schema } from '../common';
-import type { FlowModule } from '../gen';
-import type { PickableProperties } from './flows/previousResults';
-declare const __propDef: {
-    props: {
-        schema: Schema | {
-            properties?: Record<string, any>;
-            required?: string[];
-        };
-        args?: Record<string, any> | undefined;
-        mod: FlowModule;
-        pickableProperties: PickableProperties | undefined;
-        isValid?: boolean | undefined;
-        autofocus?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ModulePreviewFormProps = typeof __propDef.props;
-export type ModulePreviewFormEvents = typeof __propDef.events;
-export type ModulePreviewFormSlots = typeof __propDef.slots;
-export default class ModulePreviewForm extends SvelteComponent<ModulePreviewFormProps, ModulePreviewFormEvents, ModulePreviewFormSlots> {
-}
-export {};

package/package/components/ModuleStatus.svelte

@@ -1,40 +0,0 @@
-<script>import { Badge } from './common';
-import { forLater } from '../forLater';
-import { displayDate } from '../utils';
-import { Hourglass } from 'lucide-svelte';
-export let type;
-export let scheduled_for;
-export let skipped = false;
-</script>
-
-{#if type == 'WaitingForEvents'}
-	<span class="italic text-waiting">
-		<Hourglass />
-		Waiting to be resumed by resume events such as approvals
-	</span>
-{:else if type == 'WaitingForPriorSteps'}
-	<span class="italic text-tertiary">
-		<Hourglass />
-		Waiting for prior steps to complete
-	</span>
-{:else if type == 'WaitingForExecutor'}
-	<span class="italic text-tertiary">
-		<Hourglass />
-		{#if scheduled_for && forLater(scheduled_for.toString())}
-			Job is scheduled to be executed at {displayDate(scheduled_for, true)}
-		{:else}
-			Job is waiting for an executor
-		{/if}
-	</span>
-{:else if skipped}
-	<Badge color="blue">Skipped</Badge>
-{:else if type == 'Success'}
-	<Badge color="green">Success</Badge>
-{:else if type == 'Failure'}
-	<Badge color="red">Failure</Badge>
-{/if}
-
-<style>
-	.text-waiting {
-		color: #c76bf2;
-	}</style>

package/package/components/ModuleStatus.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { FlowStatusModule } from '../gen';
-declare const __propDef: {
-    props: {
-        type: FlowStatusModule['type'];
-        scheduled_for: Date | undefined;
-        skipped?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ModuleStatusProps = typeof __propDef.props;
-export type ModuleStatusEvents = typeof __propDef.events;
-export type ModuleStatusSlots = typeof __propDef.slots;
-export default class ModuleStatus extends SvelteComponent<ModuleStatusProps, ModuleStatusEvents, ModuleStatusSlots> {
-}
-export {};

package/package/components/MoveDrawer.svelte

@@ -1,114 +0,0 @@
-<script>import { createEventDispatcher } from 'svelte';
-import { userStore, workspaceStore } from '../stores';
-import { Alert, Button, Drawer } from './common';
-import DrawerContent from './common/drawer/DrawerContent.svelte';
-import Path from './Path.svelte';
-import { AppService, FlowService, RawAppService, ScriptService } from '../gen';
-import { isOwner } from '../utils';
-const dispatch = createEventDispatcher();
-let kind;
-let initialPath = '';
-let path = undefined;
-let summary = undefined;
-let drawer;
-let own = false;
-export async function openDrawer(initialPath_l, summary_l, kind_l) {
-    kind = kind_l;
-    path = undefined;
-    initialPath = initialPath_l;
-    summary = summary_l;
-    loadOwner();
-    drawer.openDrawer();
-}
-function loadOwner() {
-    own = isOwner(initialPath, $userStore, $workspaceStore);
-}
-async function updatePath() {
-    if (kind == 'flow') {
-        const flow = await FlowService.getFlowByPath({
-            workspace: $workspaceStore,
-            path: initialPath
-        });
-        await FlowService.updateFlow({
-            workspace: $workspaceStore,
-            path: initialPath,
-            requestBody: {
-                path: path ?? '',
-                summary: summary ?? '',
-                description: flow.description,
-                value: flow.value,
-                schema: flow.schema,
-                tag: flow.tag,
-                dedicated_worker: flow.dedicated_worker,
-                ws_error_handler_muted: flow.ws_error_handler_muted,
-                visible_to_runner_only: flow.visible_to_runner_only,
-                on_behalf_of_email: flow.on_behalf_of_email
-            }
-        });
-    }
-    else if (kind == 'script') {
-        const script = await ScriptService.getScriptByPath({
-            workspace: $workspaceStore,
-            path: initialPath
-        });
-        script.summary = summary ?? '';
-        await ScriptService.createScript({
-            workspace: $workspaceStore,
-            requestBody: {
-                ...script,
-                description: script.description ?? '',
-                lock: script.lock,
-                parent_hash: script.hash,
-                path: path ?? ''
-            }
-        });
-    }
-    else if (kind == 'app') {
-        await AppService.updateApp({
-            workspace: $workspaceStore,
-            path: initialPath,
-            requestBody: {
-                path: path != initialPath ? path : undefined,
-                summary
-            }
-        });
-    }
-    else if (kind == 'raw_app') {
-        await RawAppService.updateRawApp({
-            workspace: $workspaceStore,
-            path: initialPath,
-            requestBody: {
-                path: path != initialPath ? path : undefined,
-                summary
-            }
-        });
-    }
-    dispatch('update', path);
-    drawer.closeDrawer();
-}
-</script>
-
-<Drawer bind:this={drawer}>
-	<DrawerContent title="Move/Rename {initialPath}" on:close={drawer.closeDrawer}>
-		{#if !own}
-			<Alert type="warning" title="Not owner">
-				Since you do not own this item, you cannot move this item (you can however fork it)
-			</Alert>
-		{/if}
-		<h2 class="border-b pb-1 mt-2 mb-4">Summary</h2>
-		<input
-			type="text"
-			bind:value={summary}
-			placeholder="Short summary to be displayed when listed"
-			disabled={!own}
-		/>
-
-		<h2 class="border-b pb-1 mt-10 mb-4">Path</h2>
-		<div class="flex flex-col mb-2 gap-6">
-			<Path disabled={!own} {kind} {initialPath} bind:path />
-		</div>
-		<svelte:fragment slot="actions">
-			<Button disabled={!own} on:click={updatePath}>Move/Rename</Button>
-		</svelte:fragment>
-	</DrawerContent>
-</Drawer>

package/package/components/MoveDrawer.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        openDrawer?: ((initialPath_l: string, summary_l: string | undefined, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>) | undefined;
-    };
-    events: {
-        update: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MoveDrawerProps = typeof __propDef.props;
-export type MoveDrawerEvents = typeof __propDef.events;
-export type MoveDrawerSlots = typeof __propDef.slots;
-export default class MoveDrawer extends SvelteComponent<MoveDrawerProps, MoveDrawerEvents, MoveDrawerSlots> {
-    get openDrawer(): (initialPath_l: string, summary_l: string | undefined, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>;
-}
-export {};

package/package/components/NoMainFuncBadge.svelte

@@ -1,8 +0,0 @@
-<script>import Popover from './Popover.svelte';
-import { Badge } from './common';
-</script>
-
-<Popover notClickable>
-	<svelte:fragment slot="text">The script has no main function exported</svelte:fragment>
-	<Badge small color="yellow" baseClass="border border-indigo-200">No main</Badge>
-</Popover>

package/package/components/NoMainFuncBadge.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type NoMainFuncBadgeProps = typeof __propDef.props;
-export type NoMainFuncBadgeEvents = typeof __propDef.events;
-export type NoMainFuncBadgeSlots = typeof __propDef.slots;
-export default class NoMainFuncBadge extends SvelteComponent<NoMainFuncBadgeProps, NoMainFuncBadgeEvents, NoMainFuncBadgeSlots> {
-}
-export {};