windmill-components 1.430.5 → 1.433.0

package/package/components/AppConnectInner.svelte

@@ -2,7 +2,7 @@
 import IconedResourceType from './IconedResourceType.svelte';
 import { OauthService, ResourceService, VariableService } from '../gen';
 import { emptyString, truncateRev, urlize } from '../utils';
-import { createEventDispatcher } from 'svelte';
+import { createEventDispatcher, onDestroy } from 'svelte';
 import Path from './Path.svelte';
 import { Button, Skeleton } from './common';
 import ApiConnectForm from './ApiConnectForm.svelte';
@@ -139,8 +139,32 @@ function popupListener(event) {
         return;
     }
     window.removeEventListener('message', popupListener);
+    processPopupData(data);
+}
+function handleStorageEvent(event) {
+    if (event.key === 'oauth-callback') {
+        try {
+            processPopupData(JSON.parse(event.newValue));
+            console.log('OAuth from storage', event.newValue);
+            // Clean up
+            localStorage.removeItem('oauth-callback');
+            window.removeEventListener('storage', handleStorageEvent);
+        }
+        catch (e) {
+            console.error('Error processing oauth-callback', e);
+        }
+    }
+    else {
+        console.log('Storage event', event.key);
+    }
+}
+onDestroy(() => {
+    window.removeEventListener('message', popupListener);
+    window.removeEventListener('storage', handleStorageEvent);
+});
+function processPopupData(data) {
     if (data.type === 'error') {
-        sendUserToast(event.data.error, true);
+        sendUserToast(data.error, true);
         step = 2;
     }
     else if (data.type === 'success') {
@@ -192,6 +216,7 @@ export async function next() {
         // 	window.location.href = url.toString()
         // } else {
         window.addEventListener('message', popupListener);
+        window.addEventListener('storage', handleStorageEvent);
         window.open(url.toString(), '_blank', 'popup=true');
         step += 1;
         // 	dispatch('close')

package/package/components/ConfirmButton.svelte

@@ -0,0 +1,31 @@
+<script>import { Button } from './common';
+import { Check, X } from 'lucide-svelte';
+import { createEventDispatcher } from 'svelte';
+export let confirmation = 'Are you sure?';
+let firstClick = false;
+const dispatch = createEventDispatcher();
+</script>
+
+	<div class="p-2 flex flex-row w-full gap-2">
+{#if !firstClick}
+	<Button
+		on:click={() => {
+			firstClick = true
+		}}><slot /></Button
+	>
+{:else}
+		{confirmation}
+		<Button
+			color="red"
+			on:click={() => {
+				firstClick = false
+				dispatch('click')
+			}}><Check /></Button
+		>
+		<Button
+			on:click={() => {
+				firstClick = false
+			}}><X /></Button
+		>
+{/if}
+	</div>

package/package/components/ConfirmButton.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        confirmation?: string | undefined;
+    };
+    events: {
+        click: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ConfirmButtonProps = typeof __propDef.props;
+export type ConfirmButtonEvents = typeof __propDef.events;
+export type ConfirmButtonSlots = typeof __propDef.slots;
+export default class ConfirmButton extends SvelteComponent<ConfirmButtonProps, ConfirmButtonEvents, ConfirmButtonSlots> {
+}
+export {};

package/package/components/DiffEditor.svelte

@@ -42,12 +42,8 @@ async function loadDiffEditor() {
     if (defaultOriginal !== undefined &&
         defaultModified !== undefined &&
         defaultLang !== undefined) {
-        console.log('SETUP');
         setupModel(defaultLang, defaultOriginal, defaultModified, defaultModifiedLang);
     }
-    else {
-        console.log('NO SETUP', defaultOriginal, defaultModified, defaultLang);
-    }
 }
 export function setupModel(lang, original, modified, modifiedLang) {
     diffEditor?.setModel({
@@ -62,7 +58,6 @@ export function setupModel(lang, original, modified, modifiedLang) {
     }
 }
 export function setOriginal(code) {
-    console.log('setOriginal', code);
     diffEditor?.getModel()?.original?.setValue(code);
     defaultOriginal = code;
 }
@@ -77,7 +72,6 @@ export function getModified() {
     return diffEditor?.getModel()?.modified.getValue() ?? '';
 }
 export function show() {
-    console.log('show');
     open = true;
 }
 export function hide() {

package/package/components/FlowStatusViewerInner.svelte

@@ -114,6 +114,7 @@ async function refresh(clearLoop, rootJob) {
                     return x;
                 });
             }
+            console.log(rootJob);
             if (subflowParentsGlobalModuleStates.length > 0) {
                 subflowParentsGlobalModuleStates?.[subflowParentsGlobalModuleStates?.length - 1]?.update((x) => {
                     for (let mod of innerModules ?? []) {
@@ -146,10 +147,10 @@ async function refresh(clearLoop, rootJob) {
     }
     for (let [k, rec] of Object.entries(recursiveRefresh)) {
         if (rootJob != undefined && rootJob != k) {
-            return;
+            continue;
         }
         await tick();
-        await rec(clearLoop, false);
+        await rec(clearLoop, undefined);
     }
 }
 function updateRecursiveRefresh(jobId) {
@@ -564,9 +565,12 @@ function innerJobLoaded(jobLoaded, j, clicked, force) {
                 duration_ms: jobLoaded.duration_ms
             });
         }
-        if (jobLoaded.job_kind == 'script' || jobLoaded.job_kind == 'flowscript' || jobLoaded.job_kind == 'preview') {
+        if (jobLoaded.job_kind == 'script' ||
+            jobLoaded.job_kind == 'flowscript' ||
+            jobLoaded.job_kind == 'preview') {
             let id = undefined;
-            if ((innerModule?.type == 'forloopflow' || innerModule?.type == 'whileloopflow') && innerModule.modules.length == 1) {
+            if ((innerModule?.type == 'forloopflow' || innerModule?.type == 'whileloopflow') &&
+                innerModule.modules.length == 1) {
                 id = innerModule?.modules?.[0]?.id;
             }
             if (id) {

package/package/components/InstanceSettings.svelte

@@ -1,6 +1,6 @@
 <script>import { settings, settingsKeys } from './instanceSettings';
 import { Button, Skeleton, Tab, TabContent, Tabs } from './common';
-import { SettingService, SettingsService } from '../gen';
+import { IndexSearchService, SettingService, SettingsService } from '../gen';
 import Toggle from './Toggle.svelte';
 import SecondsInput from './common/seconds/SecondsInput.svelte';
 import Tooltip from './Tooltip.svelte';
@@ -28,6 +28,7 @@ import Popover from './Popover.svelte';
 import { base } from '../base';
 import { createEventDispatcher } from 'svelte';
 import { setLicense } from '../enterpriseUtils';
+import ConfirmButton from './ConfirmButton.svelte';
 export let tab = 'Core';
 export let hideTabs = false;
 export let hideSave = false;
@@ -1066,6 +1067,24 @@ function setupSnowflakeUrls() {
 																bind:value={values[setting.key].refresh_log_index_period}
 															/>
 														</div>
+														<h3>Reset Index</h3>
+															This buttons will clear the whole index, and the service will start reindexing from scratch. Full text search might be down during this time.
+															<div>
+																<ConfirmButton
+																	on:click={async () => {
+																		let r = await IndexSearchService.clearIndex({idxName: "JobIndex"})
+																		console.log("asasd")
+																		sendUserToast(r)
+																	}}>Clear <b>Jobs</b> Index</ConfirmButton
+																>
+																<ConfirmButton
+																	on:click={async () => {
+																		let r = await IndexSearchService.clearIndex({idxName: "ServiceLogIndex"})
+																		console.log("asasd")
+																		sendUserToast(r)
+																	}}>Clear <b>Service Logs</b> Index</ConfirmButton
+																>
+															</div>
 													{/if}
 												</div>
 											{:else if setting.fieldType == 'smtp_connect'}

package/package/components/Login.svelte

@@ -13,7 +13,7 @@ import { Button, Skeleton } from './common';
 import { sendUserToast } from '../toast';
 import { isCloudHosted } from '../cloud';
 import { refreshSuperadmin } from '../refreshUser';
-import { createEventDispatcher, onMount } from 'svelte';
+import { createEventDispatcher, onDestroy, onMount } from 'svelte';
 export let rd = undefined;
 export let email = undefined;
 export let password = undefined;
@@ -134,7 +134,7 @@ async function redirectUser() {
 }
 async function loadLogins() {
     const allLogins = await OauthService.listOauthLogins();
-    logins = allLogins.oauth.map(login => ({
+    logins = allLogins.oauth.map((login) => ({
         type: login.type,
         displayName: login.display_name || login.type
     }));
@@ -163,14 +163,38 @@ function popupListener(event) {
     if (event.origin !== window.location.origin) {
         return;
     }
+    processPopupData(data);
+    window.removeEventListener('message', popupListener);
+}
+function processPopupData(data) {
     if (data.type === 'error') {
-        sendUserToast(event.data.error, true);
+        sendUserToast(data.error, true);
     }
     else if (data.type === 'success') {
-        window.removeEventListener('message', popupListener);
         dispatch('login');
     }
 }
+function handleStorageEvent(event) {
+    if (event.key === 'oauth-success') {
+        try {
+            processPopupData(JSON.parse(event.newValue));
+            console.log('oauth-success from storage');
+            // Clean up
+            localStorage.removeItem('oauth-success');
+            window.removeEventListener('storage', handleStorageEvent);
+        }
+        catch (e) {
+            console.error('Could not process oauth-success from storage', e);
+        }
+    }
+    else {
+        console.log('Storage event', event.key);
+    }
+}
+onDestroy(() => {
+    window.removeEventListener('message', popupListener);
+    window.removeEventListener('storage', handleStorageEvent);
+});
 function storeRedirect(provider) {
     if (rd) {
         try {
@@ -184,6 +208,7 @@ function storeRedirect(provider) {
     if (popup) {
         localStorage.setItem('closeUponLogin', 'true');
         window.addEventListener('message', popupListener);
+        window.addEventListener('storage', handleStorageEvent);
         window.open(url, '_blank', 'popup');
     }
     else {
@@ -202,14 +227,14 @@ $: error && sendUserToast(error, true);
 			{/each}
 		{:else}
 			{#each providers as { type, icon }}
-				{#if logins?.some(login => login.type === type)}
+				{#if logins?.some((login) => login.type === type)}
 					<Button
 						color="light"
 						variant="border"
 						startIcon={{ icon, classes: 'h-4' }}
 						on:click={() => storeRedirect(type)}
 					>
-						{logins.find(login => login.type === type)?.displayName}
+						{logins.find((login) => login.type === type)?.displayName}
 					</Button>
 				{/if}
 			{/each}