windmill-components 1.46.2 → 1.52.0

package/components/SimpleEditor.svelte

@@ -15,6 +15,7 @@ monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
 <script>import { browser, dev } from '$app/env';
 import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
 import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
+import yamlWorker from 'monaco-yaml/yaml.worker?worker';
 import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
 import { buildWorkerDefinition } from 'monaco-editor-workers';
 import { createEventDispatcher, onDestroy, onMount } from 'svelte';
@@ -29,8 +30,8 @@ export let cmdEnterAction = undefined;
 export let formatAction = undefined;
 export let automaticLayout = true;
 export let extraLib = '';
-export let extraLibPath = '';
 export let shouldBindKey = true;
+export let autoHeight = false;
 const dispatch = createEventDispatcher();
 const uri = `file:///${hash}.${langToExt(lang)}`;
 if (browser) {
@@ -44,6 +45,9 @@ if (browser) {
                 if (label === 'json') {
                     return new jsonWorker();
                 }
+                else if (label === 'yaml') {
+                    return new yamlWorker();
+                }
                 else if (label === 'typescript' || label === 'javascript') {
                     return new tsWorker();
                 }
@@ -78,18 +82,37 @@ function format() {
         }
     }
 }
+let width = 0;
 async function loadMonaco() {
     model = monaco.editor.createModel(code, lang, monaco.Uri.parse(uri));
     model.updateOptions(updateOptions);
-    editor = monaco.editor.create(divEl, editorConfig(model, code, lang, automaticLayout));
+    editor = monaco.editor.create(divEl, editorConfig(model, code, lang, automaticLayout, true));
     let timeoutModel = undefined;
     editor.onDidChangeModelContent((event) => {
         timeoutModel && clearTimeout(timeoutModel);
         timeoutModel = setTimeout(() => {
             code = getCode();
-        }, 500);
-        dispatch('change');
+            dispatch('change');
+        }, 200);
     });
+    if (autoHeight) {
+        let ignoreEvent = false;
+        const updateHeight = () => {
+            const contentHeight = Math.min(1000, editor.getContentHeight());
+            if (divEl) {
+                divEl.style.height = `${contentHeight}px`;
+            }
+            try {
+                ignoreEvent = true;
+                editor.layout({ width, height: contentHeight });
+            }
+            finally {
+                ignoreEvent = false;
+            }
+        };
+        editor.onDidContentSizeChange(updateHeight);
+        updateHeight();
+    }
     editor.onDidFocusEditorText(() => {
         editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, function () {
             code = getCode();
@@ -105,14 +128,17 @@ async function loadMonaco() {
         code = getCode();
         dispatch('blur');
     });
-    if (lang == 'javascript' && extraLib != '' && extraLibPath != '') {
+    if (lang == 'javascript' && extraLib != '') {
         monaco.languages.typescript.javascriptDefaults.setExtraLibs([
             {
                 content: extraLib,
-                filePath: extraLibPath
+                filePath: 'windmill.d.ts'
             }
         ]);
     }
+    else {
+        monaco.languages.typescript.javascriptDefaults.setExtraLibs([]);
+    }
 }
 onMount(() => {
     if (browser) {
@@ -128,7 +154,7 @@ onDestroy(() => {
 });
 </script>
 
-<div bind:this={divEl} class={$$props.class} />
+<div bind:this={divEl} class={$$props.class} bind:clientWidth={width} />
 
 <style>
 	.editor {

package/components/SimpleEditor.svelte.d.ts

@@ -9,8 +9,8 @@ declare const __propDef: {
         formatAction?: (() => void) | undefined;
         automaticLayout?: boolean | undefined;
         extraLib?: string | undefined;
-        extraLibPath?: string | undefined;
         shouldBindKey?: boolean | undefined;
+        autoHeight?: boolean | undefined;
         getCode?: (() => string) | undefined;
         insertAtCursor?: ((code: string) => void) | undefined;
         setCode?: ((ncode: string) => void) | undefined;
@@ -24,9 +24,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type SimpleEditorProps = typeof __propDef.props;
-export declare type SimpleEditorEvents = typeof __propDef.events;
-export declare type SimpleEditorSlots = typeof __propDef.slots;
+export type SimpleEditorProps = typeof __propDef.props;
+export type SimpleEditorEvents = typeof __propDef.events;
+export type SimpleEditorSlots = typeof __propDef.slots;
 export default class SimpleEditor extends SvelteComponentTyped<SimpleEditorProps, SimpleEditorEvents, SimpleEditorSlots> {
     get getCode(): () => string;
     get insertAtCursor(): (code: string) => void;

package/components/Star.svelte

@@ -0,0 +1,42 @@
+<script>import { FavoriteService } from '../gen';
+import { starStore } from '../stores';
+import { sendUserToast } from '../utils';
+import { faStar } from '@fortawesome/free-solid-svg-icons';
+import { createEventDispatcher } from 'svelte';
+import Icon from 'svelte-awesome';
+import { Star } from 'svelte-lucide';
+export let path;
+export let kind;
+export let starred = false;
+export let workspace_id;
+async function onClick() {
+    if (starred) {
+        await FavoriteService.unstar({
+            workspace: workspace_id,
+            requestBody: { path, favorite_kind: kind }
+        });
+        sendUserToast('Unstarred');
+        $starStore = $starStore + 1;
+    }
+    else {
+        await FavoriteService.star({
+            workspace: workspace_id,
+            requestBody: { path, favorite_kind: kind }
+        });
+        sendUserToast('Marked as favorite, it will appear first');
+        $starStore = $starStore + 1;
+    }
+    dispatch('starred', !starred);
+}
+const dispatch = createEventDispatcher();
+</script>
+
+<button on:click|preventDefault={onClick} class="mx-1">
+	{#if starred}
+		<div>
+			<Icon data={faStar} class="hover:text-gray-300" scale={1.1} />
+		</div>
+	{:else}
+		<Star size="18px" class="hover:bg-gray-200" />
+	{/if}
+</button>

package/components/Star.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        path: string;
+        kind: 'flow' | 'app' | 'script';
+        starred?: boolean | undefined;
+        workspace_id: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type StarProps = typeof __propDef.props;
+export type StarEvents = typeof __propDef.events;
+export type StarSlots = typeof __propDef.slots;
+export default class Star extends SvelteComponentTyped<StarProps, StarEvents, StarSlots> {
+}
+export {};

package/components/StringTypeNarrowing.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type StringTypeNarrowingProps = typeof __propDef.props;
-export declare type StringTypeNarrowingEvents = typeof __propDef.events;
-export declare type StringTypeNarrowingSlots = typeof __propDef.slots;
+export type StringTypeNarrowingProps = typeof __propDef.props;
+export type StringTypeNarrowingEvents = typeof __propDef.events;
+export type StringTypeNarrowingSlots = typeof __propDef.slots;
 export default class StringTypeNarrowing extends SvelteComponentTyped<StringTypeNarrowingProps, StringTypeNarrowingEvents, StringTypeNarrowingSlots> {
 }
 export {};

package/components/SuperadminSettings.svelte

@@ -1,40 +1,41 @@
-<script>import Fuse from 'fuse.js';
-import { UserService, SettingsService, GlobalUserInfo } from '../gen';
+<script>import { UserService, SettingsService, GlobalUserInfo } from '../gen';
 import TableCustom from './TableCustom.svelte';
 import PageHeader from './PageHeader.svelte';
 import InviteGlobalUser from './InviteGlobalUser.svelte';
 import { Alert, Badge, Drawer, DrawerContent } from './common';
 import ConfirmationModal from './common/confirmationModal/ConfirmationModal.svelte';
+import { sendUserToast } from '../utils';
+import SearchItems from './SearchItems.svelte';
 let drawer;
+let filter = '';
 export function openDrawer() {
     loadVersion();
     listUsers();
-    drawer?.openDrawer();
+    drawer?.openDrawer?.();
 }
 export function toggleDrawer() {
-    drawer?.toggleDrawer();
+    drawer?.toggleDrawer?.();
 }
 let version;
 let users = [];
-let filteredUsers;
-let userFilter = '';
+let filteredUsers = [];
 let deleteConfirmedCallback = undefined;
 $: openConfirmation = Boolean(deleteConfirmedCallback);
-const fuseOptions = {
-    includeScore: false,
-    keys: ['email', 'name', 'company']
-};
-const fuse = new Fuse(users, fuseOptions);
-$: filteredUsers = fuse?.search(userFilter).map((value) => value.item);
 async function loadVersion() {
     version = await SettingsService.backendVersion();
 }
 async function listUsers() {
     users = await UserService.listUsersAsSuperAdmin({ perPage: 100000 });
-    fuse?.setCollection(users);
 }
 </script>
 
+<SearchItems
+	{filter}
+	items={users}
+	bind:filteredItems={filteredUsers}
+	f={(x) => x.email + ' ' + x.name + ' ' + x.company}
+/>
+
 <Drawer bind:this={drawer} on:open={listUsers} size="900px">
 	<DrawerContent overflow_y={false} title="Superadmin Settings" on:close={drawer.closeDrawer}>
 		<ConfirmationModal
@@ -75,7 +76,7 @@ async function listUsers() {
 				<InviteGlobalUser on:new={listUsers} />
 				<div class="pb-1" />
 
-				<input placeholder="Search users" bind:value={userFilter} class="input mt-1" />
+				<input placeholder="Search users" bind:value={filter} class="input mt-1" />
 			</div>
 			<div class="mt-2 overflow-auto">
 				<TableCustom>
@@ -89,7 +90,7 @@ async function listUsers() {
 					</tr>
 					<tbody slot="body" class="overflow-y-auto h-full max-h-full">
 						{#if filteredUsers && users}
-							{#each userFilter === '' ? users : filteredUsers as { email, super_admin, login_type, name, company }}
+							{#each filteredUsers as { email, super_admin, login_type, name, company } (email)}
 								<tr class="border">
 									<td>{email}</td>
 									<td>{super_admin ? 'yes' : ''}</td>
@@ -107,6 +108,7 @@ async function listUsers() {
 															is_super_admin: !super_admin
 														}
 													})
+													sendUserToast('User updated')
 													listUsers()
 												}}>{super_admin ? 'demote' : 'promote'}</button
 											>
@@ -116,6 +118,7 @@ async function listUsers() {
 												on:click={async () => {
 													deleteConfirmedCallback = async () => {
 														await UserService.globalUserDelete({ email })
+														sendUserToast(`User ${email} removed`)
 														listUsers()
 													}
 													openConfirmation = true

package/components/SuperadminSettings.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type SuperadminSettingsProps = typeof __propDef.props;
-export declare type SuperadminSettingsEvents = typeof __propDef.events;
-export declare type SuperadminSettingsSlots = typeof __propDef.slots;
+export type SuperadminSettingsProps = typeof __propDef.props;
+export type SuperadminSettingsEvents = typeof __propDef.events;
+export type SuperadminSettingsSlots = typeof __propDef.slots;
 export default class SuperadminSettings extends SvelteComponentTyped<SuperadminSettingsProps, SuperadminSettingsEvents, SuperadminSettingsSlots> {
     get openDrawer(): () => void;
     get toggleDrawer(): () => void;

package/components/TableCustom.svelte

@@ -19,7 +19,7 @@ const dispatch = createEventDispatcher();
 		</table>
 	</div>
 	{#if paginated}
-		<div class="flex flex-row-reverse text-gray-500 mb-6">
+		<div class="sticky flex flex-row-reverse text-gray-500 mb-6">
 			<button
 				class="ml-2 drop-shadow-md {showNext ? 'visible' : 'invisible'}"
 				on:click={() => dispatch('next')}

package/components/TableCustom.svelte.d.ts

@@ -17,9 +17,9 @@ declare const __propDef: {
         body: {};
     };
 };
-export declare type TableCustomProps = typeof __propDef.props;
-export declare type TableCustomEvents = typeof __propDef.events;
-export declare type TableCustomSlots = typeof __propDef.slots;
+export type TableCustomProps = typeof __propDef.props;
+export type TableCustomEvents = typeof __propDef.events;
+export type TableCustomSlots = typeof __propDef.slots;
 export default class TableCustom extends SvelteComponentTyped<TableCustomProps, TableCustomEvents, TableCustomSlots> {
 }
 export {};

package/components/TableSimple.svelte.d.ts

@@ -16,9 +16,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type TableSimpleProps = typeof __propDef.props;
-export declare type TableSimpleEvents = typeof __propDef.events;
-export declare type TableSimpleSlots = typeof __propDef.slots;
+export type TableSimpleProps = typeof __propDef.props;
+export type TableSimpleEvents = typeof __propDef.events;
+export type TableSimpleSlots = typeof __propDef.slots;
 export default class TableSimple extends SvelteComponentTyped<TableSimpleProps, TableSimpleEvents, TableSimpleSlots> {
 }
 export {};

package/components/TestJobLoader.svelte

@@ -2,18 +2,19 @@
 import { workspaceStore } from '../stores';
 import { onDestroy } from 'svelte';
 import { createEventDispatcher } from 'svelte';
-const dispatch = createEventDispatcher();
+import { setIntervalAsync, clearIntervalAsync } from 'set-interval-async';
 export let isLoading = false;
 export let job = undefined;
 export let workspaceOverride = undefined;
 export let notfound = false;
+const dispatch = createEventDispatcher();
 $: workspace = workspaceOverride ?? $workspaceStore;
-let intervalId;
+let intervalId = undefined;
 let syncIteration = 0;
 let ITERATIONS_BEFORE_SLOW_REFRESH = 100;
-export async function runPreview(path, code, lang, args) {
+export async function abstractRun(fn) {
     try {
-        intervalId && clearInterval(intervalId);
+        intervalId && clearIntervalAsync(intervalId);
         if (isLoading && job) {
             JobService.cancelQueuedJob({
                 workspace: workspace,
@@ -22,15 +23,7 @@ export async function runPreview(path, code, lang, args) {
             });
         }
         isLoading = true;
-        const testId = await JobService.runScriptPreview({
-            workspace: workspace,
-            requestBody: {
-                path,
-                content: code,
-                args,
-                language: lang
-            }
-        });
+        const testId = await fn();
         await watchJob(testId);
     }
     catch (err) {
@@ -38,6 +31,31 @@ export async function runPreview(path, code, lang, args) {
         throw err;
     }
 }
+export async function runScriptByPath(path, args) {
+    abstractRun(() => JobService.runScriptByPath({
+        workspace: $workspaceStore,
+        path: path ?? '',
+        requestBody: args
+    }));
+}
+export async function runFlowByPath(path, args) {
+    abstractRun(() => JobService.runFlowByPath({
+        workspace: $workspaceStore,
+        path: path ?? '',
+        requestBody: args
+    }));
+}
+export async function runPreview(path, code, lang, args) {
+    abstractRun(() => JobService.runScriptPreview({
+        workspace: $workspaceStore,
+        requestBody: {
+            path,
+            content: code,
+            args,
+            language: lang
+        }
+    }));
+}
 export async function cancelJob() {
     await JobService.cancelQueuedJob({
         workspace: $workspaceStore ?? '',
@@ -47,15 +65,14 @@ export async function cancelJob() {
     console.log('cancelled');
 }
 export async function watchJob(testId) {
-    console.log('watch jobs');
-    intervalId && clearInterval(intervalId);
+    intervalId && clearIntervalAsync(intervalId);
     job = undefined;
     syncIteration = 0;
     const isCompleted = await loadTestJob(testId);
     if (!isCompleted) {
         isLoading = true;
-        intervalId = setInterval(() => {
-            syncer(testId);
+        intervalId = setIntervalAsync(async () => {
+            await syncer(testId);
         }, 500);
     }
 }
@@ -82,7 +99,7 @@ async function loadTestJob(id) {
         if (job?.type === 'CompletedJob') {
             //only CompletedJob has success property
             isCompleted = true;
-            intervalId && clearInterval(intervalId);
+            intervalId && clearIntervalAsync(intervalId);
             if (isLoading) {
                 dispatch('done', job);
                 isLoading = false;
@@ -91,7 +108,7 @@ async function loadTestJob(id) {
         notfound = false;
     }
     catch (err) {
-        intervalId && clearInterval(intervalId);
+        intervalId && clearIntervalAsync(intervalId);
         if (err.status === 404) {
             notfound = true;
         }
@@ -99,15 +116,15 @@ async function loadTestJob(id) {
     }
     return isCompleted;
 }
-function syncer(id) {
+async function syncer(id) {
     if (syncIteration == ITERATIONS_BEFORE_SLOW_REFRESH) {
-        intervalId && clearInterval(intervalId);
-        intervalId = setInterval(() => syncer(id), 2000);
+        intervalId && clearIntervalAsync(intervalId);
+        intervalId = setIntervalAsync(async () => await syncer(id), 2000);
     }
     syncIteration++;
-    loadTestJob(id);
+    await loadTestJob(id);
 }
 onDestroy(() => {
-    intervalId && clearInterval(intervalId);
+    intervalId && clearIntervalAsync(intervalId);
 });
 </script>

package/components/TestJobLoader.svelte.d.ts

@@ -6,6 +6,9 @@ declare const __propDef: {
         job?: Job | undefined;
         workspaceOverride?: string | undefined;
         notfound?: boolean | undefined;
+        abstractRun?: ((fn: () => Promise<string>) => Promise<void>) | undefined;
+        runScriptByPath?: ((path: string | undefined, args: Record<string, any>) => Promise<void>) | undefined;
+        runFlowByPath?: ((path: string | undefined, args: Record<string, any>) => Promise<void>) | undefined;
         runPreview?: ((path: string | undefined, code: string, lang: 'deno' | 'go' | 'python3' | 'bash', args: Record<string, any>) => Promise<void>) | undefined;
         cancelJob?: (() => Promise<void>) | undefined;
         watchJob?: ((testId: string) => Promise<void>) | undefined;
@@ -17,10 +20,13 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type TestJobLoaderProps = typeof __propDef.props;
-export declare type TestJobLoaderEvents = typeof __propDef.events;
-export declare type TestJobLoaderSlots = typeof __propDef.slots;
+export type TestJobLoaderProps = typeof __propDef.props;
+export type TestJobLoaderEvents = typeof __propDef.events;
+export type TestJobLoaderSlots = typeof __propDef.slots;
 export default class TestJobLoader extends SvelteComponentTyped<TestJobLoaderProps, TestJobLoaderEvents, TestJobLoaderSlots> {
+    get abstractRun(): (fn: () => Promise<string>) => Promise<void>;
+    get runScriptByPath(): (path: string | undefined, args: Record<string, any>) => Promise<void>;
+    get runFlowByPath(): (path: string | undefined, args: Record<string, any>) => Promise<void>;
     get runPreview(): (path: string | undefined, code: string, lang: "deno" | "python3" | "go" | "bash", args: Record<string, any>) => Promise<void>;
     get cancelJob(): () => Promise<void>;
     get watchJob(): (testId: string) => Promise<void>;

package/components/Toggle.svelte.d.ts

@@ -16,9 +16,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ToggleProps = typeof __propDef.props;
-export declare type ToggleEvents = typeof __propDef.events;
-export declare type ToggleSlots = typeof __propDef.slots;
+export type ToggleProps = typeof __propDef.props;
+export type ToggleEvents = typeof __propDef.events;
+export type ToggleSlots = typeof __propDef.slots;
 export default class Toggle extends SvelteComponentTyped<ToggleProps, ToggleEvents, ToggleSlots> {
 }
 export {};

package/components/Tooltip.svelte.d.ts

@@ -8,9 +8,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type TooltipProps = typeof __propDef.props;
-export declare type TooltipEvents = typeof __propDef.events;
-export declare type TooltipSlots = typeof __propDef.slots;
+export type TooltipProps = typeof __propDef.props;
+export type TooltipEvents = typeof __propDef.events;
+export type TooltipSlots = typeof __propDef.slots;
 export default class Tooltip extends SvelteComponentTyped<TooltipProps, TooltipEvents, TooltipSlots> {
 }
 export {};

package/components/UserSettings.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type UserSettingsProps = typeof __propDef.props;
-export declare type UserSettingsEvents = typeof __propDef.events;
-export declare type UserSettingsSlots = typeof __propDef.slots;
+export type UserSettingsProps = typeof __propDef.props;
+export type UserSettingsEvents = typeof __propDef.events;
+export type UserSettingsSlots = typeof __propDef.slots;
 export default class UserSettings extends SvelteComponentTyped<UserSettingsProps, UserSettingsEvents, UserSettingsSlots> {
     get openDrawer(): () => void;
     get toggleDrawer(): () => void;