windmill-components 1.85.0 → 1.87.0

package/dist/components/jobs/JobPreview.svelte

@@ -0,0 +1,106 @@
+<script context="module">export const openStore = writable('');
+</script>
+
+<script>import { onDestroy, tick } from 'svelte';
+import { fade } from 'svelte/transition';
+import { Job } from '../../gen';
+import TestJobLoader from '../TestJobLoader.svelte';
+import DisplayResult from '../DisplayResult.svelte';
+import JobArgs from '../JobArgs.svelte';
+import { writable } from 'svelte/store';
+import LogViewer from '../LogViewer.svelte';
+import { forLater } from '../../utils';
+const POPUP_HEIGHT = 240;
+export let job;
+let hovered = false;
+let timeout;
+let watchJob;
+let args = job?.args;
+let result;
+let loaded = false;
+let wrapper;
+let popupOnTop = true;
+$: open = $openStore === job?.id;
+$: completed = job?.type === Job.type.COMPLETED_JOB;
+$: running = job && `running` in job ? job.running : false;
+$: logs = job?.logs || logs;
+async function instantOpen() {
+    hovered = true;
+    if (!job) {
+        return;
+    }
+    popupOnTop = wrapper.getBoundingClientRect().top > POPUP_HEIGHT;
+    openStore.set(job.id);
+    if (!loaded) {
+        await tick();
+        watchJob && watchJob(job.id);
+    }
+}
+function staggeredOpen() {
+    hovered = true;
+    timeout = setTimeout(async () => {
+        timeout = undefined;
+        await instantOpen();
+    }, loaded ? 100 : 300);
+}
+function close() {
+    hovered = false;
+    if (timeout) {
+        clearTimeout(timeout);
+        timeout = undefined;
+    }
+    if (open) {
+        openStore.set('');
+    }
+}
+function onDone(event) {
+    job = event.detail;
+    result = job['result'];
+    loaded = true;
+}
+onDestroy(() => {
+    timeout && clearTimeout(timeout);
+});
+</script>
+
+<svelte:window on:keydown={({ key }) => ['Escape', 'Esc'].includes(key) && close()} />
+{#if hovered}
+	<TestJobLoader bind:job bind:watchJob on:done={onDone} />
+{/if}
+
+<div
+	on:mouseenter={staggeredOpen}
+	on:mouseleave={close}
+	on:focusin={instantOpen}
+	on:focusout={close}
+	bind:this={wrapper}
+	class="relative"
+>
+	<slot {open} />
+	{#if open}
+		<div
+			transition:fade|local={{ duration: 100 }}
+			class="absolute z-50 {popupOnTop ? 'bottom-[35px]' : 'top-[35px]'} -left-10 bg-white rounded
+			border border-gray-300 shadow-xl flex justify-start items-start w-[600px] h-80
+			overflow-hidden"
+		>
+			<div class="w-1/2 h-full overflow-auto px-2">
+				<JobArgs {args} tableClass="!pt-0 !min-w-0 !block" />
+			</div>
+			<div class="w-1/2 h-full overflow-auto p-2">
+				{#if job && 'scheduled_for' in job && !job.running && job.scheduled_for && forLater(job.scheduled_for)}
+					<div class="text-sm font-semibold text-gray-600 mb-1">
+						<div>Job is scheduled for</div>
+						<div>{new Date(job?.['scheduled_for']).toLocaleString()}</div>
+					</div>
+				{/if}
+				{#if completed}
+					<DisplayResult {result} disableExpand />
+				{:else if running}
+					<div class="text-sm font-semibold text-gray-600 mb-1"> Job is still running </div>
+					<LogViewer content={logs} isLoading />
+				{/if}
+			</div>
+		</div>
+	{/if}
+</div>

package/dist/components/jobs/JobPreview.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponentTyped } from "svelte";
+export declare const openStore: import("svelte/store").Writable<string>;
+import { Job } from '../../gen';
+declare const __propDef: {
+    props: {
+        job: Job | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            open: boolean;
+        };
+    };
+};
+export type JobPreviewProps = typeof __propDef.props;
+export type JobPreviewEvents = typeof __propDef.events;
+export type JobPreviewSlots = typeof __propDef.slots;
+export default class JobPreview extends SvelteComponentTyped<JobPreviewProps, JobPreviewEvents, JobPreviewSlots> {
+}
+export {};

package/dist/components/propertyPicker/PropPicker.svelte

@@ -0,0 +1,209 @@
+<script>import { ResourceService, VariableService } from '../../gen';
+import { workspaceStore } from '../../stores';
+import { getContext } from 'svelte';
+import { Badge, Button } from '../common';
+import { createEventDispatcher } from 'svelte';
+import ObjectViewer from './ObjectViewer.svelte';
+import { keepByKey } from './utils';
+export let pickableProperties;
+export let displayContext = true;
+export let notSelectable;
+export let error = false;
+$: previousId = pickableProperties?.previousId;
+let variables = {};
+let resources = {};
+let displayVariable = false;
+let displayResources = false;
+const dispatch = createEventDispatcher();
+const EMPTY_STRING = '';
+let search = '';
+const { propPickerConfig } = getContext('PropPickerWrapper');
+$: flowInputsFiltered =
+    search === EMPTY_STRING
+        ? pickableProperties.flow_input
+        : keepByKey(pickableProperties.flow_input, search);
+$: resultByIdFiltered =
+    search === EMPTY_STRING
+        ? pickableProperties.priorIds
+        : keepByKey(pickableProperties.priorIds, search);
+async function loadVariables() {
+    variables = Object.fromEntries((await VariableService.listVariable({
+        workspace: $workspaceStore ?? ''
+    })).map((variable) => [variable.path, variable.is_secret ? '***' : variable.value ?? '']));
+}
+async function loadResources() {
+    resources = Object.fromEntries((await ResourceService.listResource({
+        workspace: $workspaceStore ?? ''
+    })).map((resource) => [resource.path, resource.description ?? '']));
+}
+</script>
+
+<div class="flex flex-col h-full">
+	<div class="px-2">
+		{#if !notSelectable}
+			<div class="flex flex-row space-x-1">
+				{#if $propPickerConfig}
+					<Badge large color="blue">
+						{`Selected: ${$propPickerConfig?.propName}`}
+					</Badge>
+					<Badge large color="blue">
+						{`Mode: ${$propPickerConfig?.insertionMode}`}
+					</Badge>
+				{:else}
+					<Badge large color="blue">&leftarrow; Edit or link an input</Badge>
+				{/if}
+			</div>
+		{/if}
+		<input
+			type="text"
+			bind:value={search}
+			class="bg-gray-50 mt-2 border border-gray-300 text-gray-900 text-sm rounded-lg block mb-2 w-full"
+			placeholder="Search prop..."
+		/>
+	</div>
+	<div class="overflow-y-auto px-2 grow" class:bg-gray-100={!$propPickerConfig && !notSelectable}>
+		<div class="flex justify-between items-center space-x-1">
+			<span class="font-bold text-sm">Flow Input</span>
+			<div class="flex space-x-2 items-center" />
+		</div>
+		<div class="overflow-y-auto mb-2">
+			<ObjectViewer
+				allowCopy={false}
+				pureViewer={!$propPickerConfig}
+				json={flowInputsFiltered}
+				on:select={(e) => {
+					dispatch(
+						'select',
+						e.detail?.startsWith('[') ? `flow_input${e.detail}` : `flow_input.${e.detail}`
+					)
+				}}
+			/>
+		</div>
+		{#if error}
+			<span class="font-bold text-sm">Error</span>
+			<div class="overflow-y-auto mb-2">
+				<ObjectViewer
+					allowCopy={false}
+					pureViewer={!$propPickerConfig}
+					json={{
+						error: {
+							message: 'The error message',
+							name: 'The error name',
+							stack: 'The error stack'
+						}
+					}}
+					on:select
+				/>
+			</div>
+		{:else}
+			{#if previousId}
+				<span class="font-bold text-sm">Previous Result</span>
+				<div class="overflow-y-auto mb-2">
+					<ObjectViewer
+						allowCopy={false}
+						topLevelNode
+						pureViewer={!$propPickerConfig}
+						json={Object.fromEntries(
+							Object.entries(resultByIdFiltered).filter(([k, v]) => k == previousId)
+						)}
+						on:select={(e) => {
+							dispatch('select', `results.${e.detail}`)
+						}}
+					/>
+				</div>
+			{/if}
+			{#if pickableProperties.hasResume}
+				<span class="font-bold text-sm">Resume payloads</span>
+				<div class="overflow-y-auto mb-2">
+					<ObjectViewer
+						allowCopy={false}
+						topLevelNode
+						pureViewer={!$propPickerConfig}
+						json={{
+							resume: 'The resume payload',
+							resumes: 'All resume payloads from all approvers',
+							approvers: 'The list of approvers'
+						}}
+						on:select={(e) => {
+							dispatch('select', `${e.detail}`)
+						}}
+					/>
+				</div>
+			{/if}
+			{#if Object.keys(pickableProperties.priorIds).length > 0}
+				<span class="font-bold text-sm">All Results</span>
+				<div class="overflow-y-auto mb-2">
+					<ObjectViewer
+						allowCopy={false}
+						topLevelNode
+						pureViewer={!$propPickerConfig}
+						collapsed={true}
+						json={resultByIdFiltered}
+						on:select={(e) => {
+							dispatch('select', `results.${e.detail}`)
+						}}
+					/>
+				</div>
+			{/if}
+		{/if}
+
+		{#if displayContext}
+			<span class="font-bold text-sm">Variables </span>
+			<div class="overflow-y-auto mb-2">
+				{#if displayVariable}
+					<Button
+						color="light"
+						size="xs"
+						variant="border"
+						on:click={() => {
+							displayVariable = false
+						}}>-</Button
+					>
+					<ObjectViewer
+						allowCopy={false}
+						pureViewer={!$propPickerConfig}
+						rawKey={true}
+						json={variables}
+						on:select={(e) => dispatch('select', `variable('${e.detail}')`)}
+					/>
+				{:else}
+					<button
+						class="border border-blue-600 key font-normal rounded hover:bg-blue-100 px-1"
+						on:click={async () => {
+							await loadVariables()
+							displayVariable = true
+						}}>{'{...}'}</button
+					>
+				{/if}
+			</div>
+			<span class="font-bold text-sm">Resources</span>
+			<div class="overflow-y-auto mb-2">
+				{#if displayResources}
+					<Button
+						color="light"
+						variant="border"
+						size="xs"
+						on:click={() => {
+							displayResources = false
+						}}>-</Button
+					>
+					<ObjectViewer
+						allowCopy={false}
+						pureViewer={!$propPickerConfig}
+						rawKey={true}
+						json={resources}
+						on:select={(e) => dispatch('select', `resource('${e.detail}')`)}
+					/>
+				{:else}
+					<button
+						class="border border-blue-600 px-1 key font-normal rounded hover:bg-blue-100"
+						on:click={async () => {
+							await loadResources()
+							displayResources = true
+						}}>{'{...}'}</button
+					>
+				{/if}
+			</div>
+		{/if}
+	</div>
+</div>

package/dist/components/scripts/CreateActionsScript.svelte

@@ -0,0 +1,11 @@
+<script>import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { Code2 } from 'lucide-svelte';
+import Button from '../common/button/Button.svelte';
+</script>
+
+<!-- Buttons -->
+<div class="flex flex-row gap-2">
+	<Button size="sm" spacingSize="xl" startIcon={{ icon: faPlus }} href="/scripts/add">
+		Script <Code2 class="ml-1.5" size={18} />
+	</Button>
+</div>

package/dist/editorUtils.js

@@ -0,0 +1,152 @@
+import { languages } from 'monaco-editor/esm/vs/editor/editor.api';
+export function editorConfig(model, code, lang, automaticLayout, fixedOverflowWidgets) {
+    return {
+        model,
+        value: code,
+        language: lang,
+        automaticLayout,
+        readOnly: false,
+        fixedOverflowWidgets,
+        autoDetectHighContrast: true,
+        //lineNumbers: 'off',
+        lineDecorationsWidth: 15,
+        lineNumbersMinChars: 2,
+        scrollbar: { alwaysConsumeMouseWheel: false },
+        folding: false,
+        scrollBeyondLastLine: false,
+        minimap: {
+            enabled: false
+        },
+        lightbulb: {
+            enabled: true
+        },
+        suggest: {
+            showKeywords: true
+        },
+        bracketPairColorization: {
+            enabled: true
+        },
+        'bracketPairColorization.enabled': true,
+        matchBrackets: 'always'
+    };
+}
+export function createHash() {
+    return (Math.random() + 1).toString(36).substring(2);
+}
+export function langToExt(lang) {
+    switch (lang) {
+        case 'javascript':
+            return 'js';
+        case 'json':
+            return 'json';
+        case 'sql':
+            return 'sql';
+        case 'yaml':
+            return 'yaml';
+        case 'typescript':
+            return 'ts';
+        case 'python':
+            return 'py';
+        case 'go':
+            return 'go';
+        case 'bash':
+            return 'sh';
+        case 'deno':
+            return 'ts';
+        default:
+            return 'unknown';
+    }
+}
+export const updateOptions = { tabSize: 2, insertSpaces: true };
+export function convertKind(kind) {
+    switch (kind) {
+        case Kind.primitiveType:
+        case Kind.keyword:
+            return languages.CompletionItemKind.Keyword;
+        case Kind.variable:
+        case Kind.localVariable:
+            return languages.CompletionItemKind.Variable;
+        case Kind.memberVariable:
+        case Kind.memberGetAccessor:
+        case Kind.memberSetAccessor:
+            return languages.CompletionItemKind.Field;
+        case Kind.function:
+        case Kind.memberFunction:
+        case Kind.constructSignature:
+        case Kind.callSignature:
+        case Kind.indexSignature:
+            return languages.CompletionItemKind.Function;
+        case Kind.enum:
+            return languages.CompletionItemKind.Enum;
+        case Kind.module:
+            return languages.CompletionItemKind.Module;
+        case Kind.class:
+            return languages.CompletionItemKind.Class;
+        case Kind.interface:
+            return languages.CompletionItemKind.Interface;
+        case Kind.warning:
+            return languages.CompletionItemKind.File;
+    }
+    return languages.CompletionItemKind.Property;
+}
+class Kind {
+    static unknown = '';
+    static keyword = 'keyword';
+    static script = 'script';
+    static module = 'module';
+    static class = 'class';
+    static interface = 'interface';
+    static type = 'type';
+    static enum = 'enum';
+    static variable = 'var';
+    static localVariable = 'local var';
+    static function = 'function';
+    static localFunction = 'local function';
+    static memberFunction = 'method';
+    static memberGetAccessor = 'getter';
+    static memberSetAccessor = 'setter';
+    static memberVariable = 'property';
+    static constructorImplementation = 'constructor';
+    static callSignature = 'call';
+    static indexSignature = 'index';
+    static constructSignature = 'construct';
+    static parameter = 'parameter';
+    static typeParameter = 'type parameter';
+    static primitiveType = 'primitive type';
+    static label = 'label';
+    static alias = 'alias';
+    static const = 'const';
+    static let = 'let';
+    static warning = 'warning';
+}
+export function createDocumentationString(details) {
+    let documentationString = displayPartsToString(details.documentation);
+    if (details.tags) {
+        for (const tag of details.tags) {
+            documentationString += `\n\n${tagToString(tag)}`;
+        }
+    }
+    return documentationString;
+}
+function tagToString(tag) {
+    let tagLabel = `*@${tag.name}*`;
+    if (tag.name === 'param' && tag.text) {
+        const [paramName, ...rest] = tag.text;
+        tagLabel += `\`${paramName.text}\``;
+        if (rest.length > 0)
+            tagLabel += ` — ${rest.map((r) => r.text).join(' ')}`;
+    }
+    else if (Array.isArray(tag.text)) {
+        tagLabel += ` — ${tag.text.map((r) => r.text).join(' ')}`;
+    }
+    else if (tag.text) {
+        tagLabel += ` — ${tag.text}`;
+    }
+    return tagLabel;
+}
+export function displayPartsToString(displayParts) {
+    if (displayParts) {
+        return displayParts.map((displayPart) => displayPart.text).join('');
+    }
+    return '';
+}

package/dist/gen/core/OpenAPI.js

@@ -0,0 +1,11 @@
+export const OpenAPI = {
+    BASE: '/api',
+    VERSION: '1.87.0',
+    WITH_CREDENTIALS: false,
+    CREDENTIALS: 'include',
+    TOKEN: undefined,
+    USERNAME: undefined,
+    PASSWORD: undefined,
+    HEADERS: undefined,
+    ENCODE_PATH: undefined,
+};

package/dist/gen/index.d.ts

@@ -0,0 +1,91 @@
+export { ApiError } from './core/ApiError';
+export { CancelablePromise, CancelError } from './core/CancelablePromise';
+export { OpenAPI } from './core/OpenAPI';
+export type { OpenAPIConfig } from './core/OpenAPI';
+export { AppWithLastVersion } from './models/AppWithLastVersion';
+export { AuditLog } from './models/AuditLog';
+export type { BranchAll } from './models/BranchAll';
+export type { BranchOne } from './models/BranchOne';
+export { CompletedJob } from './models/CompletedJob';
+export type { ContextualVariable } from './models/ContextualVariable';
+export type { CreateInput } from './models/CreateInput';
+export type { CreateResource } from './models/CreateResource';
+export type { CreateVariable } from './models/CreateVariable';
+export type { CreateWorkspace } from './models/CreateWorkspace';
+export type { EditResource } from './models/EditResource';
+export type { EditResourceType } from './models/EditResourceType';
+export type { EditSchedule } from './models/EditSchedule';
+export type { EditVariable } from './models/EditVariable';
+export type { EditWorkspaceUser } from './models/EditWorkspaceUser';
+export type { Flow } from './models/Flow';
+export type { FlowMetadata } from './models/FlowMetadata';
+export type { FlowModule } from './models/FlowModule';
+export type { FlowModuleValue } from './models/FlowModuleValue';
+export type { FlowPreview } from './models/FlowPreview';
+export type { FlowStatus } from './models/FlowStatus';
+export { FlowStatusModule } from './models/FlowStatusModule';
+export type { FlowValue } from './models/FlowValue';
+export type { Folder } from './models/Folder';
+export type { ForloopFlow } from './models/ForloopFlow';
+export { GlobalUserInfo } from './models/GlobalUserInfo';
+export type { Group } from './models/Group';
+export type { Identity } from './models/Identity';
+export type { Input } from './models/Input';
+export type { InputTransform } from './models/InputTransform';
+export type { JavascriptTransform } from './models/JavascriptTransform';
+export { Job } from './models/Job';
+export { ListableApp } from './models/ListableApp';
+export type { ListableResource } from './models/ListableResource';
+export type { ListableVariable } from './models/ListableVariable';
+export type { Login } from './models/Login';
+export { MainArgSignature } from './models/MainArgSignature';
+export type { NewSchedule } from './models/NewSchedule';
+export type { NewToken } from './models/NewToken';
+export type { NewTokenImpersonate } from './models/NewTokenImpersonate';
+export type { NewUser } from './models/NewUser';
+export type { OpenFlow } from './models/OpenFlow';
+export type { OpenFlowWPath } from './models/OpenFlowWPath';
+export type { PathFlow } from './models/PathFlow';
+export type { PathScript } from './models/PathScript';
+export { Policy } from './models/Policy';
+export { Preview } from './models/Preview';
+export { QueuedJob } from './models/QueuedJob';
+export { RawScript } from './models/RawScript';
+export type { Resource } from './models/Resource';
+export type { ResourceType } from './models/ResourceType';
+export type { Retry } from './models/Retry';
+export { RunnableType } from './models/RunnableType';
+export type { Schedule } from './models/Schedule';
+export { Script } from './models/Script';
+export type { ScriptArgs } from './models/ScriptArgs';
+export type { SlackToken } from './models/SlackToken';
+export type { StaticTransform } from './models/StaticTransform';
+export type { TokenResponse } from './models/TokenResponse';
+export type { TruncatedToken } from './models/TruncatedToken';
+export type { UpdateInput } from './models/UpdateInput';
+export type { Usage } from './models/Usage';
+export type { User } from './models/User';
+export type { UserWorkspaceList } from './models/UserWorkspaceList';
+export type { WorkerPing } from './models/WorkerPing';
+export type { Workspace } from './models/Workspace';
+export type { WorkspaceInvite } from './models/WorkspaceInvite';
+export { AdminService } from './services/AdminService';
+export { AppService } from './services/AppService';
+export { AuditService } from './services/AuditService';
+export { CaptureService } from './services/CaptureService';
+export { FavoriteService } from './services/FavoriteService';
+export { FlowService } from './services/FlowService';
+export { FolderService } from './services/FolderService';
+export { GranularAclService } from './services/GranularAclService';
+export { GroupService } from './services/GroupService';
+export { InputService } from './services/InputService';
+export { JobService } from './services/JobService';
+export { OauthService } from './services/OauthService';
+export { ResourceService } from './services/ResourceService';
+export { ScheduleService } from './services/ScheduleService';
+export { ScriptService } from './services/ScriptService';
+export { SettingsService } from './services/SettingsService';
+export { UserService } from './services/UserService';
+export { VariableService } from './services/VariableService';
+export { WorkerService } from './services/WorkerService';
+export { WorkspaceService } from './services/WorkspaceService';

package/dist/gen/index.js

@@ -0,0 +1,40 @@
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export { ApiError } from './core/ApiError';
+export { CancelablePromise, CancelError } from './core/CancelablePromise';
+export { OpenAPI } from './core/OpenAPI';
+export { AppWithLastVersion } from './models/AppWithLastVersion';
+export { AuditLog } from './models/AuditLog';
+export { CompletedJob } from './models/CompletedJob';
+export { FlowStatusModule } from './models/FlowStatusModule';
+export { GlobalUserInfo } from './models/GlobalUserInfo';
+export { Job } from './models/Job';
+export { ListableApp } from './models/ListableApp';
+export { MainArgSignature } from './models/MainArgSignature';
+export { Policy } from './models/Policy';
+export { Preview } from './models/Preview';
+export { QueuedJob } from './models/QueuedJob';
+export { RawScript } from './models/RawScript';
+export { RunnableType } from './models/RunnableType';
+export { Script } from './models/Script';
+export { AdminService } from './services/AdminService';
+export { AppService } from './services/AppService';
+export { AuditService } from './services/AuditService';
+export { CaptureService } from './services/CaptureService';
+export { FavoriteService } from './services/FavoriteService';
+export { FlowService } from './services/FlowService';
+export { FolderService } from './services/FolderService';
+export { GranularAclService } from './services/GranularAclService';
+export { GroupService } from './services/GroupService';
+export { InputService } from './services/InputService';
+export { JobService } from './services/JobService';
+export { OauthService } from './services/OauthService';
+export { ResourceService } from './services/ResourceService';
+export { ScheduleService } from './services/ScheduleService';
+export { ScriptService } from './services/ScriptService';
+export { SettingsService } from './services/SettingsService';
+export { UserService } from './services/UserService';
+export { VariableService } from './services/VariableService';
+export { WorkerService } from './services/WorkerService';
+export { WorkspaceService } from './services/WorkspaceService';

package/dist/gen/models/CreateInput.d.ts

@@ -0,0 +1,4 @@
+export type CreateInput = {
+    name: string;
+    args: any;
+};

package/dist/gen/models/EditSchedule.d.ts

@@ -0,0 +1,6 @@
+import type { ScriptArgs } from './ScriptArgs';
+export type EditSchedule = {
+    schedule: string;
+    timezone: string;
+    args: ScriptArgs;
+};

package/dist/gen/models/Input.d.ts

@@ -0,0 +1,8 @@
+export type Input = {
+    id: string;
+    name: string;
+    args: any;
+    created_by: string;
+    created_at: string;
+    is_public: boolean;
+};

package/dist/gen/models/NewSchedule.d.ts

@@ -0,0 +1,10 @@
+import type { ScriptArgs } from './ScriptArgs';
+export type NewSchedule = {
+    path: string;
+    schedule: string;
+    timezone: string;
+    script_path: string;
+    is_flow: boolean;
+    args: ScriptArgs;
+    enabled?: boolean;
+};