windmill-components 1.291.4 → 1.305.0

package/package/components/ResourceEditor.svelte

@@ -5,15 +5,16 @@ import { Alert, Button, Drawer, Skeleton } from './common';
 import Path from './Path.svelte';
 import Required from './Required.svelte';
 import { userStore, workspaceStore } from '../stores';
-import autosize from 'svelte-autosize';
 import DrawerContent from './common/drawer/DrawerContent.svelte';
 import SchemaForm from './SchemaForm.svelte';
 import SimpleEditor from './SimpleEditor.svelte';
 import Toggle from './Toggle.svelte';
 import { sendUserToast } from '../toast';
 import TestConnection from './TestConnection.svelte';
-import { Save } from 'lucide-svelte';
+import { Pen, Save } from 'lucide-svelte';
 import Markdown from 'svelte-exmarkdown';
+import autosize from '../autosize';
+import GfmMarkdown from './GfmMarkdown.svelte';
 let path = '';
 let initialPath = '';
 let resourceToEdit;
@@ -27,6 +28,7 @@ let loadingSchema = false;
 let linkedVars = [];
 let drawer;
 let resourceTypeInfo = undefined;
+let renderDescription = true;
 let rawCode = undefined;
 const dispatch = createEventDispatcher();
 export async function initEdit(p) {
@@ -48,6 +50,7 @@ export async function initEdit(p) {
     linkedVars = Object.entries(args)
         .filter(([_, v]) => typeof v == 'string' && v == `$var:${initialPath}`)
         .map(([k, _]) => k);
+    renderDescription = false;
 }
 async function editResource() {
     if (resourceToEdit) {
@@ -141,11 +144,38 @@ function switchTab(asJson) {
 					/>
 				</div>
 				{#if !emptyString(resourceTypeInfo?.description)}
-					<h3 class="mt-4 mb-2">{resourceTypeInfo?.name} description</h3>
+					<h4 class="mt-4 mb-2">{resourceTypeInfo?.name} description</h4>
 					<div class="text-sm">
 						<Markdown md={urlize(resourceTypeInfo?.description ?? '', 'md')} />
 					</div>
 				{/if}
+				<h4 class="mt-4 inline-flex items-center gap-4"
+					>Resource description <Required required={false} />
+					{#if can_write}
+						<div class="flex gap-1 items-center">
+							<Toggle size="xs" bind:checked={renderDescription} />
+							<Pen size={14} />
+						</div>
+					{/if}</h4
+				>
+
+				{#if can_write && renderDescription}
+					<div>
+						<div class="flex flex-row-reverse text-2xs text-tertiary -mt-1">GH Markdown</div>
+						<textarea
+							disabled={!can_write}
+							use:autosize
+							bind:value={description}
+							placeholder={DESCRIPTION_PLACEHOLDER}
+						/>
+					</div>
+				{:else if description == undefined || description == ''}
+					<div class="text-sm text-tertiary">No description provided</div>
+				{:else}
+					<div class="mt-2" />
+
+					<GfmMarkdown md={description} />
+				{/if}
 				<div class="flex w-full justify-between max-w-lg items-center mt-4">
 					<Toggle
 						on:change={(e) => switchTab(e.detail)}
@@ -191,14 +221,6 @@ function switchTab(asJson) {
 						</div>
 					{/if}
 				</div>
-				<h3 class="mt-4">Description <Required required={false} /> </h3>
-				<textarea
-					type="text"
-					disabled={!can_write}
-					use:autosize
-					bind:value={description}
-					placeholder={DESCRIPTION_PLACEHOLDER}
-				/>
 			</div>
 		</div>
 		<svelte:fragment slot="actions">

package/package/components/RunChart.svelte

@@ -88,7 +88,6 @@ function maxJobTime(jobs) {
     return max;
 }
 function computeMinMaxTime(jobs, minTimeSet, maxTimeSet) {
-    console.log(minTimeSet, maxTimeSet);
     let minTimeSetDate = minTimeSet ? new Date(minTimeSet) : undefined;
     let maxTimeSetDate = maxTimeSet ? new Date(maxTimeSet) : undefined;
     if (minTimeSetDate && maxTimeSetDate) {

package/package/components/RunForm.svelte.d.ts

@@ -27,7 +27,7 @@ declare const __propDef: {
         isFlow: boolean;
         viewKeybinding?: boolean | undefined;
         scheduledForStr: string | undefined;
-        invisible_to_owner: false | undefined;
+        invisible_to_owner: boolean | undefined;
         overrideTag: string | undefined;
         args?: Record<string, any> | undefined;
         setArgs?: ((nargs: Record<string, any>) => Promise<void>) | undefined;

package/package/components/RunFormAdvancedPopup.svelte.d.ts

@@ -14,7 +14,7 @@ declare const __propDef: {
             extra_perms?: Record<string, boolean>;
         } | undefined;
         scheduledForStr: string | undefined;
-        invisible_to_owner: false | undefined;
+        invisible_to_owner: boolean | undefined;
         overrideTag: string | undefined;
     };
     events: {

package/package/components/SavedInputs.svelte

@@ -281,7 +281,7 @@ function selectArgs(selected_args) {
 									<div
 										class="whitespace-nowrap col-span-3 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
 									>
-										<TimeAgo date={i.created_at ?? ''} />
+										<TimeAgo date={i.started_at ?? ''} />
 									</div>
 									<div class="col-span-2">
 										<a

package/package/components/ScriptBuilder.svelte

@@ -182,7 +182,8 @@ async function editScript(stay) {
                 restart_unless_cancelled: script.restart_unless_cancelled,
                 delete_after_use: script.delete_after_use,
                 timeout: script.timeout,
-                concurrency_key: emptyString(script.concurrency_key) ? undefined : script.concurrency_key
+                concurrency_key: emptyString(script.concurrency_key) ? undefined : script.concurrency_key,
+                visible_to_runner_only: script.visible_to_runner_only
             }
         });
         const { enabled, timezone, args, cron, summary } = $scheduleStore;
@@ -301,7 +302,8 @@ async function saveDraft(forceSave = false) {
                     timeout: script.timeout,
                     concurrency_key: emptyString(script.concurrency_key)
                         ? undefined
-                        : script.concurrency_key
+                        : script.concurrency_key,
+                    visible_to_runner_only: script.visible_to_runner_only
                 }
             });
         }
@@ -586,18 +588,21 @@ let selectedTab = 'metadata';
 												bind:seconds={script.concurrency_time_window_s}
 											/>
 										</Label>
-										<Label label="Custom concurrency key">
+										<Label label="Custom concurrency key (optional)">
+											<svelte:fragment slot="header">
+												<Tooltip>
+													Concurrency keys are global, you can have them be workspace specific using
+													the variable `$workspace`. You can also use an argument's value using
+													`$args[name_of_arg]`</Tooltip
+												>
+											</svelte:fragment>
 											<input
+												disabled={!$enterpriseLicense}
 												type="text"
 												autofocus
 												bind:value={script.concurrency_key}
 												placeholder={`$workspace/script/${script.path}-$args[foo]`}
 											/>
-											<Tooltip
-												>Concurrency keys are global, you can have them be workspace specific using
-												the variable `$workspace`. You can also use an argument's value using
-												`$args[name_of_arg]`</Tooltip
-											>
 										</Label>
 									</div>
 								</Section>
@@ -801,6 +806,31 @@ let selectedTab = 'metadata';
 										</svelte:fragment>
 									</Section>
 								{/if}
+								<Section label="Runs visibility">
+									<svelte:fragment slot="header">
+										<Tooltip>
+											When this option is enabled, manual executions of this script are invisible to
+											users other than the user running it, including the owner(s). This setting can
+											be overridden when this script is run manually from the advanced menu.
+										</Tooltip>
+									</svelte:fragment>
+									<div class="flex gap-2 shrink flex-col">
+										<Toggle
+											size="sm"
+											checked={Boolean(script.visible_to_runner_only)}
+											on:change={() => {
+												if (script.visible_to_runner_only) {
+													script.visible_to_runner_only = undefined
+												} else {
+													script.visible_to_runner_only = true
+												}
+											}}
+											options={{
+												right: 'Make runs invisible to others'
+											}}
+										/>
+									</div>
+								</Section>
 								{#if !isCloudHosted()}
 									<Section label="Custom env variables">
 										<svelte:fragment slot="header">

package/package/components/SimpleEditor.svelte

@@ -8,11 +8,8 @@ import { createHash, editorConfig, langToExt, updateOptions } from '../editorUti
 import { editor as meditor, KeyCode, KeyMod, Uri as mUri, languages } from 'monaco-editor';
 import 'monaco-editor/esm/vs/basic-languages/sql/sql.contribution';
 import 'monaco-editor/esm/vs/basic-languages/yaml/yaml.contribution';
-import 'monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution';
 import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution';
-import 'monaco-editor/esm/vs/basic-languages/graphql/graphql.contribution';
 import 'monaco-editor/esm/vs/language/json/monaco.contribution';
-import 'monaco-editor/esm/vs/language/typescript/monaco.contribution';
 import 'monaco-editor/esm/vs/basic-languages/css/css.contribution';
 import 'monaco-editor/esm/vs/language/css/monaco.contribution';
 import { allClasses } from './apps/editor/componentsPanel/cssUtils';
@@ -276,6 +273,7 @@ function loadExtraLib() {
                 filePath: 'windmill.d.ts'
             });
         }
+        console.log(libs);
         languages.typescript.javascriptDefaults.setExtraLibs(libs);
     }
 }

package/package/components/SimpleEditor.svelte.d.ts

@@ -2,11 +2,8 @@ import { SvelteComponent } from "svelte";
 import { editor as meditor } from 'monaco-editor';
 import 'monaco-editor/esm/vs/basic-languages/sql/sql.contribution';
 import 'monaco-editor/esm/vs/basic-languages/yaml/yaml.contribution';
-import 'monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution';
 import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution';
-import 'monaco-editor/esm/vs/basic-languages/graphql/graphql.contribution';
 import 'monaco-editor/esm/vs/language/json/monaco.contribution';
-import 'monaco-editor/esm/vs/language/typescript/monaco.contribution';
 import 'monaco-editor/esm/vs/basic-languages/css/css.contribution';
 import 'monaco-editor/esm/vs/language/css/monaco.contribution';
 declare const __propDef: {

package/package/components/SupabaseConnect.svelte

@@ -5,7 +5,7 @@ import Path from './Path.svelte';
 import { sendUserToast } from '../toast';
 import { Highlight } from 'svelte-highlight';
 import { json } from 'svelte-highlight/languages';
-import autosize from 'svelte-autosize';
+import autosize from '../autosize';
 import { ResourceService, VariableService } from '../gen';
 import { oauthStore, workspaceStore } from '../stores';
 import Password from './Password.svelte';
@@ -146,7 +146,7 @@ async function save() {
 			<Password required bind:password />
 
 			<h3 class="mt-6 mb-2">Description</h3>
-			<textarea type="text" autocomplete="off" use:autosize bind:value={description} />
+			<textarea autocomplete="off" use:autosize bind:value={description} />
 
 			<div class="mt-12" />
 			<p class="my-1 text-sm text-secondary"

package/package/components/TableSimple.svelte

@@ -1,10 +1,12 @@
-<script>import Cell from './table/Cell.svelte';
+<script>import DropdownV2 from './DropdownV2.svelte';
+import Cell from './table/Cell.svelte';
 import DataTable from './table/DataTable.svelte';
 import Head from './table/Head.svelte';
 export let headers;
 export let data; // Object containing the data
 export let keys;
 export let size = 'md';
+export let getRowActions = undefined;
 </script>
 
 <div class="mt-2 w-full">
@@ -16,12 +18,16 @@ export let size = 'md';
 						<Cell first={i == 0} last={i == headers.length - 1} head class="max-w-96">{header}</Cell
 						>
 					{/each}
+					{#if getRowActions !== undefined}
+						<Cell head last />
+					{/if}
 				{/if}
 			</tr>
 		</Head>
 		<tbody class="divide-y">
 			{#if data && keys && data.length > 0}
 				{#each data as row}
+					{@const rowActions = getRowActions?.(row)}
 					<tr>
 						{#each keys as key, i}
 							<Cell
@@ -32,6 +38,11 @@ export let size = 'md';
 								{row[key] ?? ''}
 							</Cell>
 						{/each}
+						{#if rowActions && rowActions.length > 0}
+							<Cell last shouldStopPropagation>
+								<DropdownV2 items={rowActions} />
+							</Cell>
+						{/if}
 					</tr>
 				{/each}
 			{:else}

package/package/components/TableSimple.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         data: any[] | undefined;
         keys: string[];
         size?: "sm" | "md" | "lg" | undefined;
+        getRowActions?: ((row: any) => any[]) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/TestConnection.svelte

@@ -4,8 +4,10 @@ import Button from './common/button/Button.svelte';
 import { sendUserToast } from '../toast';
 import { workspaceStore } from '../stores';
 import { tryEvery } from '../utils';
+export let workspaceOverride = undefined;
 export let resourceType;
 export let args = {};
+export let buttonTextOverride = undefined;
 const scripts = {
     postgresql: {
         code: `SELECT 1`,
@@ -69,6 +71,29 @@ export async function main(s3: S3) {
                 return testResult;
             }
         }
+    },
+    s3_bucket: {
+        code: `
+
+const process = require('process');
+
+export async function main(bucket: any) {
+	const req = await fetch(process.env.BASE_URL + '/api/settings/test_object_storage_config', {
+		method: 'POST',
+		headers: {
+			'Content-Type': 'application/json',
+			Authorization: 'Bearer ' + process.env.WM_TOKEN,
+		},
+		body: JSON.stringify(bucket),
+	});
+	if (!req.ok) {
+		throw new Error(await req.text());
+	}
+	return await req.text();
+}
+`,
+        lang: 'bun',
+        argName: 'bucket'
     }
 };
 let loading = false;
@@ -78,7 +103,7 @@ async function testConnection() {
     loading = true;
     const resourceScript = scripts[resourceType];
     const job = await JobService.runScriptPreview({
-        workspace: $workspaceStore,
+        workspace: workspaceOverride ?? $workspaceStore,
         requestBody: {
             path: `testConnection: ${resourceType}`,
             language: resourceScript.lang,
@@ -91,7 +116,7 @@ async function testConnection() {
     tryEvery({
         tryCode: async () => {
             let testResult = await JobService.getCompletedJob({
-                workspace: $workspaceStore,
+                workspace: workspaceOverride ?? $workspaceStore,
                 id: job
             });
             if (resourceScript.additionalCheck) {
@@ -107,7 +132,7 @@ async function testConnection() {
             sendUserToast('Connection did not resolve after 5s or job did not start. Do you have native workers or a worker group listening to the proper tag available?', true);
             try {
                 await JobService.cancelQueuedJob({
-                    workspace: $workspaceStore,
+                    workspace: workspaceOverride ?? $workspaceStore,
                     id: job,
                     requestBody: {
                         reason: 'Connection did not resolve after 5s. Do you have native workers or a worker group listening to the proper tag available?'
@@ -138,6 +163,6 @@ async function testConnection() {
 		{:else}
 			<Database class="mr-2 !h-4 !w-4" />
 		{/if}
-		Test connection
+		{buttonTextOverride ?? 'Test connection'}
 	</Button>
 {/if}

package/package/components/TestConnection.svelte.d.ts

@@ -1,8 +1,10 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        workspaceOverride?: string | undefined;
         resourceType: string | undefined;
         args?: Record<string, any> | any;
+        buttonTextOverride?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/TestJobLoader.svelte

@@ -9,10 +9,12 @@ export let workspaceOverride = undefined;
 export let notfound = false;
 export let jobUpdateLastFetch = undefined;
 export let toastError = false;
+export let lazyLogs = false;
 const dispatch = createEventDispatcher();
 $: workspace = workspaceOverride ?? $workspaceStore;
 let syncIteration = 0;
 let errorIteration = 0;
+let logOffset = 0;
 let ITERATIONS_BEFORE_SLOW_REFRESH = 10;
 let ITERATIONS_BEFORE_SUPER_SLOW_REFRESH = 100;
 let lastStartedAt = Date.now();
@@ -64,6 +66,17 @@ export async function runFlowByPath(path, args) {
         requestBody: args
     }));
 }
+export async function getLogs() {
+    if (job) {
+        const getUpdate = await JobService.getJobUpdates({
+            workspace: workspace,
+            id: job.id,
+            running: `running` in job && job.running,
+            logOffset: job.logs?.length ?? 0
+        });
+        job.logs = (job.logs ?? '').concat(getUpdate.new_logs ?? '');
+    }
+}
 export async function runPreview(path, code, lang, args, tag, lock) {
     return abstractRun(() => JobService.runScriptPreview({
         workspace: $workspaceStore,
@@ -101,6 +114,7 @@ export async function clearCurrentJob() {
     }
 }
 export async function watchJob(testId) {
+    logOffset = 0;
     syncIteration = 0;
     errorIteration = 0;
     currentId = testId;
@@ -121,8 +135,11 @@ async function loadTestJob(id) {
                     workspace: workspace,
                     id,
                     running: job.running,
-                    logOffset: job.logs?.length ? job.logs?.length + 1 : 0
+                    logOffset: logOffset == 0 ? (job.logs?.length ? job.logs?.length + 1 : 0) : logOffset
                 });
+                if (previewJobUpdates.log_offset) {
+                    logOffset = previewJobUpdates.log_offset ?? 0;
+                }
                 if (previewJobUpdates.new_logs) {
                     job.logs = (job?.logs ?? '').concat(previewJobUpdates.new_logs);
                 }
@@ -137,7 +154,7 @@ async function loadTestJob(id) {
                 }
             }
             else {
-                job = await JobService.getJob({ workspace: workspace, id });
+                job = await JobService.getJob({ workspace: workspace, id, noLogs: lazyLogs });
             }
             jobUpdateLastFetch = new Date();
             if (job?.type === 'CompletedJob') {

package/package/components/TestJobLoader.svelte.d.ts

@@ -9,9 +9,11 @@ declare const __propDef: {
         notfound?: boolean | undefined;
         jobUpdateLastFetch?: Date | undefined;
         toastError?: boolean | undefined;
+        lazyLogs?: boolean | undefined;
         abstractRun?: ((fn: () => Promise<string>) => Promise<string>) | undefined;
         runScriptByPath?: ((path: string | undefined, args: Record<string, any>) => Promise<string>) | undefined;
         runFlowByPath?: ((path: string | undefined, args: Record<string, any>) => Promise<string>) | undefined;
+        getLogs?: (() => Promise<void>) | undefined;
         runPreview?: ((path: string | undefined, code: string, lang: SupportedLanguage, args: Record<string, any>, tag: string | undefined, lock?: string) => Promise<string>) | undefined;
         cancelJob?: (() => Promise<void>) | undefined;
         clearCurrentJob?: (() => Promise<void>) | undefined;
@@ -48,6 +50,7 @@ export default class TestJobLoader extends SvelteComponent<TestJobLoaderProps, T
     get abstractRun(): (fn: () => Promise<string>) => Promise<string>;
     get runScriptByPath(): (path: string | undefined, args: Record<string, any>) => Promise<string>;
     get runFlowByPath(): (path: string | undefined, args: Record<string, any>) => Promise<string>;
+    get getLogs(): () => Promise<void>;
     get runPreview(): (path: string | undefined, code: string, lang: import("../gen").Script.language, args: Record<string, any>, tag: string | undefined, lock?: string | undefined) => Promise<string>;
     get cancelJob(): () => Promise<void>;
     get clearCurrentJob(): () => Promise<void>;

package/package/components/UserSettings.svelte

@@ -13,16 +13,18 @@ import Version from './Version.svelte';
 import { Clipboard, Plus } from 'lucide-svelte';
 import DarkModeToggle from './sidebar/DarkModeToggle.svelte';
 import Toggle from './Toggle.svelte';
+import { createEventDispatcher } from 'svelte';
 export let scopes = undefined;
+export let newTokenLabel = undefined;
+export let newToken = undefined;
 let newPassword;
 let passwordError;
 let tokens;
-let newToken;
-let newTokenLabel;
 let newTokenExpiration;
 let displayCreateToken = scopes != undefined;
 let login_type = 'none';
 let drawer;
+const dispatch = createEventDispatcher();
 export function openDrawer() {
     loadLoginType();
     listTokens();
@@ -65,6 +67,7 @@ async function createToken() {
     newToken = await UserService.createToken({
         requestBody: { label: newTokenLabel, expiration: date?.toISOString(), scopes }
     });
+    dispatch('tokenCreated', newToken);
     listTokens();
     displayCreateToken = false;
 }

package/package/components/UserSettings.svelte.d.ts

@@ -2,10 +2,14 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         scopes?: string[] | undefined;
+        newTokenLabel?: string | undefined;
+        newToken?: string | undefined;
         openDrawer?: (() => void) | undefined;
         closeDrawer?: (() => void) | undefined;
     };
     events: {
+        tokenCreated: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/package/components/VariableEditor.svelte

@@ -7,7 +7,6 @@ import { Button } from './common';
 import Drawer from './common/drawer/Drawer.svelte';
 import DrawerContent from './common/drawer/DrawerContent.svelte';
 import Alert from './common/alert/Alert.svelte';
-import autosize from 'svelte-autosize';
 import Toggle from './Toggle.svelte';
 import SimpleEditor from './SimpleEditor.svelte';
 import { sendUserToast } from '../toast';
@@ -16,6 +15,7 @@ import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import Section from './Section.svelte';
 import { Save } from 'lucide-svelte';
+import autosize from '../autosize';
 const dispatch = createEventDispatcher();
 let path = '';
 let variable = {
@@ -138,6 +138,7 @@ let editor = undefined;
 					<Toggle
 						on:change={() => edit && loadVariable(initialPath)}
 						bind:checked={variable.is_secret}
+						disabled={edit && $userStore?.operator}
 						options={{ right: 'Secret' }}
 					/>
 					{#if variable.is_secret}
@@ -174,7 +175,6 @@ let editor = undefined;
 							<textarea
 								disabled={!can_write}
 								rows="4"
-								type="text"
 								use:autosize
 								bind:value={variable.value}
 								placeholder="Update variable value"
@@ -206,7 +206,6 @@ let editor = undefined;
 			<Section label="Description">
 				<textarea
 					rows="4"
-					type="text"
 					use:autosize
 					bind:value={variable.description}
 					placeholder="Used for X"

package/package/components/WorkspaceGroup.svelte

@@ -750,7 +750,16 @@ let createdTags = [];
 			</Button>
 		{/if}
 
-		<Button color="light" size="xs" on:click={() => (openClean = true)} btnClasses="text-red-400">
+		<Button
+			color="light"
+			size="xs"
+			on:click={() => {
+				loadNConfig()
+
+				openClean = true
+			}}
+			btnClasses="text-red-400"
+		>
 			clean cache
 		</Button>
 	{:else if config}

package/package/components/apps/components/display/AppCustomComponent.svelte

@@ -39,15 +39,18 @@ onMount(async () => {
         //@ts-ignore
         await import(
         /* @vite-ignore */
+        /* webpackIgnore: true */
         `https://unpkg.com/react@${reactVersion}/umd/react.production.min.js`);
         //@ts-ignore
         await import(
         /* @vite-ignore */
+        /* webpackIgnore: true */
         `https://unpkg.com/react-dom@${reactVersion}/umd/react-dom.production.min.js`);
     }
     //@ts-ignore
     await import(
     /* @vite-ignore */
+    /* webpackIgnore: true */
     `/api/w/${workspace ?? 'NO_W'}/resources_u/custom_component/${customComponent.name}`);
     loaded = true;
     try {