windmill-components 1.558.4 → 1.596.0

package/package/components/raw_apps/lintStore.js

@@ -0,0 +1,62 @@
+import { writable, get } from 'svelte/store';
+function createRawAppLintStore() {
+    const { subscribe, set, update } = writable({
+        enabled: false,
+        errors: {},
+        warnings: {}
+    });
+    return {
+        subscribe,
+        /** Enable lint collection mode */
+        enable() {
+            update((s) => ({ ...s, enabled: true }));
+        },
+        /** Disable lint collection mode and clear all diagnostics */
+        disable() {
+            set({ enabled: false, errors: {}, warnings: {} });
+        },
+        /** Check if lint collection is enabled */
+        isEnabled() {
+            return get({ subscribe }).enabled;
+        },
+        /** Set diagnostics for a specific runnable key */
+        setDiagnostics(runnableKey, diagnostics) {
+            update((s) => {
+                const errors = [];
+                const warnings = [];
+                for (const diag of diagnostics) {
+                    if (diag.severity === 'error') {
+                        errors.push(diag);
+                    }
+                    else {
+                        warnings.push(diag);
+                    }
+                }
+                return {
+                    ...s,
+                    errors: { ...s.errors, [runnableKey]: errors },
+                    warnings: { ...s.warnings, [runnableKey]: warnings }
+                };
+            });
+        },
+        /** Clear diagnostics for a specific runnable key */
+        clearDiagnostics(runnableKey) {
+            update((s) => {
+                const newErrors = { ...s.errors };
+                const newWarnings = { ...s.warnings };
+                delete newErrors[runnableKey];
+                delete newWarnings[runnableKey];
+                return { ...s, errors: newErrors, warnings: newWarnings };
+            });
+        },
+        /** Clear all diagnostics */
+        clearAll() {
+            update((s) => ({ ...s, errors: {}, warnings: {} }));
+        },
+        /** Get current snapshot of diagnostics */
+        getSnapshot() {
+            return get({ subscribe });
+        }
+    };
+}
+export const rawAppLintStore = createRawAppLintStore();

package/package/components/raw_apps/rawAppPolicy.d.ts

@@ -0,0 +1,10 @@
+import type { Policy, ScriptLang } from '../../gen';
+import { type InlineScript, type RunnableWithFields } from '../apps/inputType';
+export declare function updateRawAppPolicy(runnables: Record<string, Runnable>, currentPolicy: Policy | undefined): Promise<Policy>;
+type RunnableWithInlineScript = RunnableWithFields & {
+    inlineScript?: InlineScript & {
+        language: ScriptLang;
+    };
+};
+export type Runnable = RunnableWithInlineScript | undefined;
+export {};

package/package/components/raw_apps/rawAppPolicy.js

@@ -0,0 +1,42 @@
+import { collectStaticFields, hash } from '../apps/editor/commonAppUtils';
+import { isRunnableByName, isRunnableByPath } from '../apps/inputType';
+export async function updateRawAppPolicy(runnables, currentPolicy) {
+    const triggerables_v2 = Object.fromEntries((await Promise.all(Object.entries(runnables).map(async ([id, runnable]) => {
+        return await processRunnable(id, runnable, runnable?.fields ?? {});
+    }))));
+    return {
+        ...currentPolicy,
+        triggerables_v2
+    };
+}
+async function processRunnable(id, runnable, fields) {
+    const staticInputs = collectStaticFields(fields);
+    const allowUserResources = Object.entries(fields)
+        .map(([k, v]) => {
+        return v['allowUserResources'] ? k : undefined;
+    })
+        .filter(Boolean);
+    if (isRunnableByName(runnable)) {
+        let hex = await hash(runnable.inlineScript?.content);
+        console.log('hex', hex, id);
+        return [
+            `${id}:rawscript/${hex}`,
+            {
+                static_inputs: staticInputs,
+                one_of_inputs: {},
+                allow_user_resources: allowUserResources
+            }
+        ];
+    }
+    else if (isRunnableByPath(runnable)) {
+        let prefix = runnable.runType !== 'hubscript' ? runnable.runType : 'script';
+        return [
+            `${id}:${prefix}/${runnable.path}`,
+            {
+                static_inputs: staticInputs,
+                one_of_inputs: {},
+                allow_user_resources: allowUserResources
+            }
+        ];
+    }
+}

package/package/components/raw_apps/utils.d.ts

@@ -1,6 +1,15 @@
-import type { HiddenRunnable } from '../apps/types';
+import type { ScriptLang } from '../../gen/types.gen';
+import { type RunnableWithFields } from '../apps/inputType';
+import type { InlineScript } from '../apps/sharedTypes';
+type RunnableWithInlineScript = RunnableWithFields & {
+    inlineScript?: InlineScript & {
+        language: ScriptLang;
+    };
+};
+export type Runnable = RunnableWithInlineScript | undefined;
 export type RawApp = {
     files: string[];
 };
 export declare function htmlContent(workspace: string, secret: string | undefined, ctx: any): string;
-export declare function genWmillTs(runnables: Record<string, HiddenRunnable>): string;
+export declare function genWmillTs(runnables: Record<string, Runnable>): string;
+export {};

package/package/components/raw_apps/utils.js

@@ -1,5 +1,5 @@
 import { schemaToTsType } from '../../schema';
-import { capitalize } from '../../utils';
+import { isRunnableByName, isRunnableByPath } from '../apps/inputType';
 export function htmlContent(workspace, secret, ctx) {
     return `
         <!DOCTYPE html>
@@ -29,16 +29,16 @@ function removeStaticFields(schema, fields) {
     };
 }
 function hiddenRunnableToTsType(runnable) {
-    if (runnable.type == 'runnableByName') {
-        if (runnable.inlineScript?.schema) {
-            return schemaToTsType(removeStaticFields(runnable.inlineScript?.schema, runnable.fields));
+    if (isRunnableByName(runnable)) {
+        if (runnable?.inlineScript?.schema) {
+            return schemaToTsType(removeStaticFields(runnable?.inlineScript?.schema, runnable?.fields ?? {}));
         }
         else {
             return '{}';
         }
     }
-    else if (runnable.type == 'runnableByPath') {
-        return schemaToTsType(removeStaticFields(runnable.schema, runnable.fields));
+    else if (isRunnableByPath(runnable)) {
+        return schemaToTsType(removeStaticFields(runnable?.schema, runnable?.fields ?? {}));
     }
     else {
         return '{}';
@@ -47,53 +47,40 @@ function hiddenRunnableToTsType(runnable) {
 export function genWmillTs(runnables) {
     return `// THIS FILE IS READ-ONLY
 // AND GENERATED AUTOMATICALLY FROM YOUR RUNNABLES
-	
+
+export declare const backend: {
 ${Object.entries(runnables)
-        .map(([k, v]) => `export type RunBg${capitalize(k)} = ${hiddenRunnableToTsType(v)}\n`)
+        .map(([k, v]) => `  ${k}: (args: ${hiddenRunnableToTsType(v)}) => Promise<any>;`)
         .join('\n')}
+};
 
-export const runBg = {
-${Object.keys(runnables)
-        .map((k) => `  ${k}: null as unknown as (data: RunBg${capitalize(k)}) => Promise<any>`)
-        .join(',\n')}
-}
-	
-export const runBgAsync = {
-${Object.keys(runnables)
-        .map((k) => `  ${k}: null as unknown as (data: RunBg${capitalize(k)}) => Promise<string>`)
-        .join(',\n')}
-}
-	
+export declare const backendAsync: {
+${Object.entries(runnables)
+        .map(([k, v]) => `  ${k}: (args: ${hiddenRunnableToTsType(v)}) => Promise<string>;`)
+        .join('\n')}
+};
 
 export type Job = {
-	type: 'QueuedJob' | 'CompletedJob'
-	id: string
-	created_at: number
-	started_at: number | undefined
-	duration_ms: number
-	success: boolean
-	args: any
-	result: any
-}
+  type: "QueuedJob" | "CompletedJob";
+  id: string;
+  created_at: number;
+  started_at: number | undefined;
+  duration_ms: number;
+  success: boolean;
+  args: any;
+  result: any;
+};
 
 /**
-* Execute a job and wait for it to complete and return the completed job
-* @param id
-*/
-// @ts-ignore
-export function waitJob(id: string): Promise<Job> {
-	// implementation passed when bundling/deploying
-	return null as unknown as Promise<Job>
-}
+ * Execute a job and wait for it to complete and return the completed job
+ * @param id
+ */
+export declare function waitJob(id: string): Promise<Job>;
 
 /**
-* Get a job by id and return immediately with the current state of the job
-* @param id
-*/
-// @ts-ignore
-export function getJob(id: string): Promise<Job> {
-	// implementation passed when bundling/deploying
-	return null as unknown as Promise<Job>
-}
+ * Get a job by id and return immediately with the current state of the job
+ * @param id
+ */
+export declare function getJob(id: string): Promise<Job>;
 `;
 }

package/package/components/runs/BatchReRunOptionsPane.svelte

@@ -13,6 +13,8 @@ import { batchReRunDefaultPropertyExpr, buildExtraLibForBatchReruns, mergeSchema
 import Toggle from '../Toggle.svelte';
 import { TriangleAlert } from 'lucide-svelte';
 import { readFieldsRecursively } from '../../utils';
+import Button from '../common/button/Button.svelte';
+import ResizeTransitionWrapper from '../common/ResizeTransitionWrapper.svelte';
 let { selectedIds, options = $bindable() } = $props();
 let selected = $state();
 $effect(() => {
@@ -112,7 +114,7 @@ const jobGroupsPromise = $derived.by(() => {
 
 <div class="flex-1 flex flex-col">
 	<p class="ml-4 mt-4 text-xs font-semibold truncate">Batch re-run options</p>
-	<div class="border m-4 flex-1">
+	<div class="border overflow-auto rounded-md m-4 flex-1">
 		<Splitpanes>
 			<Pane size={32} class="bg-surface-secondary relative">
 				<PanelSection
@@ -123,16 +125,17 @@ const jobGroupsPromise = $derived.by(() => {
 					<div class="w-full flex flex-col gap-1">
 						{#await jobGroupsPromise then jobGroup}
 							{#each jobGroup as group}
-								<button
-									class="border rounded-sm w-full text-left font-normal py-1.5 px-2 text-2xs flex justify-between {selected?.kind ===
-										group.kind && selected.script_path === group.script_path
-										? 'border-blue-500 bg-blue-100 dark:bg-frost-900/50'
-										: 'hover:bg-blue-50 dark:hover:bg-frost-900/50'}"
-									onclick={() => (selected = group)}
+								<Button
+									variant="default"
+									unifiedSize="sm"
+									selected={selected?.kind === group.kind &&
+										selected.script_path === group.script_path}
+									onClick={() => (selected = group)}
+									btnClasses="flex"
 								>
-									<span class="truncate"> {group.script_path}</span>
-									<span class="text-gray-400">({jobGroupTotalCount(group)})</span>
-								</button>
+									<span class="truncate flex-1 text-left"> {group.script_path}</span>
+									<span class="text-hint">({jobGroupTotalCount(group)})</span>
+								</Button>
 							{/each}
 						{/await}
 					</div>
@@ -180,48 +183,50 @@ const jobGroupsPromise = $derived.by(() => {
 						<div class="w-full h-full">
 							{#key [selected, displayedSchema]}
 								{#each Object.keys(displayedSchema.properties) as propertyName}
-									<InputTransformForm
-										class="items-start mb-4"
-										arg={options[selected.kind][selected.script_path]?.input_transforms?.[
-											propertyName
-										] ?? {
-											type: 'javascript',
-											expr: batchReRunDefaultPropertyExpr(propertyName, selected.schemas)
-										}}
-										on:change={(e) => {
-											if (!selected) return
-											const newArg = e.detail.arg as InputTransform
-											;((options[selected.kind][selected.script_path] ??= {}).input_transforms ??=
-												{})[propertyName] = newArg
-										}}
-										argName={propertyName}
-										schema={displayedSchema}
-										{extraLib}
-										previousModuleId={undefined}
-										pickableProperties={{
-											hasResume: false,
-											previousId: undefined,
-											priorIds: {},
-											flow_input: {}
-										}}
-										hideHelpButton
-										{...propertyAlwaysExists(propertyName, selected)
-											? {}
-											: {
-													headerTooltip:
-														'This property does not exist on all versions of the script. You can handle different cases in the code below',
-													HeaderTooltipIcon: TriangleAlert,
-													headerTooltipIconClass: 'text-orange-500'
-												}}
-										{...propertyAlwaysHasSameType(propertyName, selected)
-											? {}
-											: {
-													headerTooltip:
-														'This property does not always have the same type depending on the version of the script. You can handle different cases in the code below',
-													HeaderTooltipIcon: TriangleAlert,
-													headerTooltipIconClass: 'text-orange-500'
-												}}
-									/>
+									<ResizeTransitionWrapper vertical innerClass="w-full">
+										<InputTransformForm
+											class="items-start mb-6"
+											arg={options[selected.kind][selected.script_path]?.input_transforms?.[
+												propertyName
+											] ?? {
+												type: 'javascript',
+												expr: batchReRunDefaultPropertyExpr(propertyName, selected.schemas)
+											}}
+											on:change={(e) => {
+												if (!selected) return
+												const newArg = e.detail.arg as InputTransform
+												;((options[selected.kind][selected.script_path] ??= {}).input_transforms ??=
+													{})[propertyName] = newArg
+											}}
+											argName={propertyName}
+											schema={displayedSchema}
+											{extraLib}
+											previousModuleId={undefined}
+											pickableProperties={{
+												hasResume: false,
+												previousId: undefined,
+												priorIds: {},
+												flow_input: {}
+											}}
+											hideHelpButton
+											{...propertyAlwaysExists(propertyName, selected)
+												? {}
+												: {
+														headerTooltip:
+															'This property does not exist on all versions of the script. You can handle different cases in the code below',
+														HeaderTooltipIcon: TriangleAlert,
+														headerTooltipIconClass: 'text-orange-500'
+													}}
+											{...propertyAlwaysHasSameType(propertyName, selected)
+												? {}
+												: {
+														headerTooltip:
+															'This property does not always have the same type depending on the version of the script. You can handle different cases in the code below',
+														HeaderTooltipIcon: TriangleAlert,
+														headerTooltipIconClass: 'text-orange-500'
+													}}
+										/>
+									</ResizeTransitionWrapper>
 								{/each}
 							{/key}
 						</div>

package/package/components/runs/JobRunsPreview.svelte

@@ -15,7 +15,7 @@ import WorkflowTimeline from '../WorkflowTimeline.svelte';
 import Popover from '../Popover.svelte';
 import { isFlowPreview, isScriptPreview, truncateRev } from '../../utils';
 import { createEventDispatcher, setContext, untrack } from 'svelte';
-import { ListFilter, LoaderCircle } from 'lucide-svelte';
+import { Calendar, ListFilter, LoaderCircle } from 'lucide-svelte';
 import FlowAssetsHandler, { initFlowGraphAssetsCtx } from '../flows/FlowAssetsHandler.svelte';
 import JobAssetsViewer from '../assets/JobAssetsViewer.svelte';
 let { id, blankLink = false, workspace } = $props();
@@ -150,11 +150,10 @@ let jobIsLoading = $state(false);
 			</div>
 			<a
 				href="{base}/run/{job?.id}?workspace={job?.workspace_id}"
-				class="flex flex-row gap-1 items-center"
+				class="text-xs font-semibold"
 				target={blankLink ? '_blank' : undefined}
 			>
-				<span class="font-semibold text-sm leading-6">ID:</span>
-				<span class="text-sm">{job?.id ?? ''}</span>
+				ID: {job?.id ?? ''}
 			</a>
 
 			<div class="w-full">
@@ -166,9 +165,16 @@ let jobIsLoading = $state(false);
 			</div>
 
 			{#if job && 'scheduled_for' in job && !job.running && job.scheduled_for && forLater(job.scheduled_for)}
-				<div class="text-sm font-semibold text-tertiary mb-1">
-					<div>Job is scheduled for</div>
-					<div>{new Date(job?.['scheduled_for']).toLocaleString()}</div>
+				<div
+					class="flex flex-row gap-4 items-center mb-1 w-full bg-surface-tertiary rounded-md p-4 border"
+				>
+					<Calendar size={16} class="text-accent" />
+					<div class="flex flex-col gap-1">
+						<span class="text-2xs font-normal text-secondary">Job is scheduled for</span>
+						<span class="text-xs font-semibold text-emphasis"
+							>{new Date(job?.['scheduled_for']).toLocaleString()}</span
+						>
+					</div>
 				</div>
 			{/if}
 
@@ -183,16 +189,20 @@ let jobIsLoading = $state(false);
 				{#if job?.type === 'CompletedJob'}
 					{#if job?.job_kind == 'flow' || isFlowPreview(job?.job_kind)}
 						<div class="w-full mt-8 mb-20">
-							<FlowStatusViewer jobId={job.id} workspaceId={job.workspace_id} wideResults
+							<FlowStatusViewer
+								jobId={job.id}
+								workspaceId={job.workspace_id}
+								wideResults
+								initialJob={job}
 							></FlowStatusViewer>
 						</div>
 					{:else}
 						<Tabs bind:selected={viewTab}>
-							<Tab size="xs" value="result">Results</Tab>
-							<Tab size="xs" value="logs">Logs</Tab>
-							<Tab size="xs" value="assets">Assets</Tab>
+							<Tab value="result" label="Results" />
+							<Tab value="logs" label="Logs" />
+							<Tab value="assets" label="Assets" />
 							{#if isScriptPreview(job?.job_kind)}
-								<Tab size="xs" value="code">Code</Tab>
+								<Tab value="code" label="Code" />
 							{/if}
 						</Tabs>
 
@@ -262,10 +272,10 @@ let jobIsLoading = $state(false);
 					{#if job?.job_kind == 'flow' || isFlowPreview(job?.job_kind)}
 						<div class="flex flex-col gap-2 w-full">
 							<FlowProgressBar {job} class="py-4" />
-							<FlowStatusViewer jobId={job.id} workspaceId={job.workspace_id} />
+							<FlowStatusViewer jobId={job.id} workspaceId={job.workspace_id} initialJob={job} />
 						</div>
 					{:else}
-						<div class="text-sm font-semibold text-tertiary mb-1"> Job is still running </div>
+						<div class="text-sm font-semibold text-primary mb-1"> Job is still running </div>
 						<LogViewer
 							jobId={job?.id}
 							duration={job?.['duration_ms']}