windmill-components 1.493.8 → 1.493.10

package/package/components/FlowBuilder.svelte

@@ -17,7 +17,6 @@ import FlowImportExportMenu from './flows/header/FlowImportExportMenu.svelte';
 import FlowPreviewButtons from './flows/header/FlowPreviewButtons.svelte';
 import { cleanInputs, emptyFlowModuleState } from './flows/utils';
 import { Calendar, Pen, Save, DiffIcon, HistoryIcon, FileJson } from 'lucide-svelte';
-import { createEventDispatcher } from 'svelte';
 import Awareness from './Awareness.svelte';
 import { getAllModules } from './flows/flowExplorer';
 import { stepCopilot, glueCopilot } from './copilot/flow';
@@ -56,6 +55,7 @@ export let version = undefined;
 export let setSavedraftCb = undefined;
 export let draftTriggersFromUrl = undefined;
 export let selectedTriggerIndexFromUrl = undefined;
+export let onevent = {};
 let initialPathStore = writable(initialPath);
 $: initialPathStore.set(initialPath);
 // used for new flows for captures
@@ -111,7 +111,6 @@ async function compareVersions() {
         onLatest = true;
     }
 }
-const dispatch = createEventDispatcher();
 const primaryScheduleStore = writable(savedPrimarySchedule); // kept for legacy reasons
 const triggersCount = writable(undefined);
 const simplifiedPoll = writable(false);
@@ -227,20 +226,20 @@ export async function saveDraft(forceSave = false) {
         };
         let savedAtNewPath = false;
         if (newFlow) {
-            dispatch('saveInitial', $pathStore);
+            onevent.saveInitial?.($pathStore);
         }
         else if (savedFlow?.draft_only && $pathStore !== initialPath) {
             savedAtNewPath = true;
             initialPath = $pathStore;
             // this is so we can use the flow builder outside of sveltekit
-            dispatch('saveDraftOnlyAtNewPath', { path: $pathStore, selectedId: getSelectedId() });
+            onevent.saveDraftOnlyAtNewPath?.({ path: $pathStore, selectedId: getSelectedId() });
         }
-        dispatch('saveDraft', { path: $pathStore, savedAtNewPath, newFlow });
+        onevent.saveDraft?.({ path: $pathStore, savedAtNewPath, newFlow });
         sendUserToast('Saved as draft');
     }
     catch (error) {
         sendUserToast(`Error while saving the flow as a draft: ${error.body || error.message}`, true);
-        dispatch('saveDraftError', error);
+        onevent.saveDraftError?.(error);
     }
     loadingDraft = false;
 }
@@ -380,10 +379,10 @@ async function saveFlow(deploymentMsg, triggersToDeploy) {
         };
         setDraftTriggers([]);
         loadingSave = false;
-        dispatch('deploy', $pathStore);
+        onevent.deploy?.($pathStore);
     }
     catch (err) {
-        dispatch('deployError', err);
+        onevent.deployError?.(err);
         sendUserToast(`The flow could not be saved: ${err.body}`, true);
         loadingSave = false;
     }
@@ -540,7 +539,7 @@ if (customUi.topBar?.extraDeployOptions != false) {
     if (savedFlow?.draft_only === false || savedFlow?.draft_only === undefined) {
         dropdownItems.push({
             label: 'Exit & see details',
-            onClick: () => dispatch('details', $pathStore)
+            onClick: () => onevent.seeDetails?.($pathStore)
         });
     }
     if (!newFlow) {
@@ -1034,7 +1033,11 @@ let flowPreviewButtons;
 	{#if !$userStore?.operator}
 		<FlowCopilotDrawer {getHubCompletions} {genFlow} bind:flowCopilotMode />
 		{#if $pathStore}
-			<FlowHistory bind:this={flowHistory} path={$pathStore} on:historyRestore />
+			<FlowHistory
+				bind:this={flowHistory}
+				path={$pathStore}
+				on:historyRestore={() => onevent.historyRestore?.()}
+			/>
 		{/if}
 		<FlowYamlEditor bind:drawer={yamlEditorDrawer} />
 		<FlowImportExportMenu bind:drawer={jsonViewerDrawer} />

package/package/components/FlowBuilder.svelte.d.ts

@@ -43,6 +43,23 @@ declare const FlowBuilder: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_Pro
     setSavedraftCb?: ((cb: () => void) => void) | undefined;
     draftTriggersFromUrl?: Trigger[] | undefined;
     selectedTriggerIndexFromUrl?: number | undefined;
+    onevent?: {
+        deploy?: (path: string) => void;
+        deployError?: (error: Error) => void;
+        saveInitial?: (path: string) => void;
+        saveDraft?: ({ path, savedAtNewPath, newFlow }: {
+            path: string;
+            savedAtNewPath: boolean;
+            newFlow: boolean;
+        }) => void;
+        saveDraftError?: (error: Error) => void;
+        saveDraftOnlyAtNewPath?: ({ path, selectedId }: {
+            path: string;
+            selectedId: string;
+        }) => void;
+        seeDetails?: (path: string) => void;
+        historyRestore?: () => void;
+    };
     getInitialAndModifiedValues?: () => SavedAndModifiedValue;
     setPrimarySchedule?: (schedule: ScheduleTrigger | undefined | false) => void;
     setDraftTriggers?: (triggers: Trigger[] | undefined) => void;
@@ -57,15 +74,6 @@ declare const FlowBuilder: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_Pro
 }, {
     default: {};
 }>, {
-    historyRestore: CustomEvent<any>;
-    saveInitial: CustomEvent<any>;
-    saveDraftOnlyAtNewPath: CustomEvent<any>;
-    saveDraft: CustomEvent<any>;
-    saveDraftError: CustomEvent<any>;
-    deploy: CustomEvent<any>;
-    deployError: CustomEvent<any>;
-    details: CustomEvent<any>;
-} & {
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};

package/package/components/ScriptBuilder.svelte

@@ -27,7 +27,7 @@ import MetadataGen from './copilot/MetadataGen.svelte';
 import { writable } from 'svelte/store';
 import { defaultScriptLanguages, processLangs } from '../scripts';
 import DefaultScripts from './DefaultScripts.svelte';
-import { createEventDispatcher, onMount, setContext } from 'svelte';
+import { onMount, setContext } from 'svelte';
 import Summary from './Summary.svelte';
 import DeployOverrideConfirmationModal from './common/confirmationModal/DeployOverrideConfirmationModal.svelte';
 import TriggersEditor from './triggers/TriggersEditor.svelte';
@@ -53,6 +53,7 @@ export let replaceStateFn = (url) => window.history.replaceState(null, '', url);
 export let customUi = {};
 export let savedPrimarySchedule = undefined;
 export let functionExports = undefined;
+export let onevent = {};
 export function getInitialAndModifiedValues() {
     return {
         savedValue: savedScript,
@@ -109,7 +110,6 @@ export function setDraftTriggers(triggers) {
     ]);
     loadTriggers();
 }
-const dispatch = createEventDispatcher();
 $: initialPath != '' && loadTriggers();
 onMount(() => {
     if (functionExports) {
@@ -414,11 +414,11 @@ async function editScript(stay, parentHash, deploymentMsg, triggersToDeploy) {
             sendUserToast('Deployed');
         }
         else {
-            dispatch('deploy', newHash);
+            onevent.deploy?.(newHash);
         }
     }
     catch (error) {
-        dispatch('deployError', error);
+        onevent.deployError?.(error);
         sendUserToast(`Error while saving the script: ${error.body || error.message}`, true);
     }
     loadingSave = false;
@@ -542,14 +542,14 @@ async function saveDraft(forceSave = false) {
         if (initialPath == '' || (savedScript?.draft_only && script.path !== initialPath)) {
             savedAtNewPath = true;
             initialPath = script.path;
-            dispatch('saveInitial', script.path);
+            onevent.saveInitial?.(script.path);
         }
-        dispatch('saveDraft', { path: script.path, savedAtNewPath, script });
+        onevent.saveDraft?.({ path: script.path, savedAtNewPath, script });
         sendUserToast('Saved as draft');
     }
     catch (error) {
         sendUserToast(`Error while saving the script as a draft: ${error.body || error.message}`, true);
-        dispatch('saveDraftError', error);
+        onevent.saveDraftError?.(error);
     }
     loadingDraft = false;
 }
@@ -597,7 +597,7 @@ function computeDropdownItems(initialPath, savedScript, diffDrawer) {
                     {
                         label: 'Exit & See details',
                         onClick: () => {
-                            dispatch('seeDetails', initialPath);
+                            onevent.seeDetails?.(initialPath);
                         }
                     }
                 ]

package/package/components/ScriptBuilder.svelte.d.ts

@@ -42,6 +42,18 @@ declare const ScriptBuilder: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_P
     customUi?: ScriptBuilderWhitelabelCustomUi;
     savedPrimarySchedule?: ScheduleTrigger | undefined;
     functionExports?: ((exports: ScriptBuilderFunctionExports) => void) | undefined;
+    onevent?: {
+        deploy?: (newHash: string) => void;
+        deployError?: (error: Error) => void;
+        saveInitial?: (path: string) => void;
+        saveDraft?: ({ path, savedAtNewPath, script }: {
+            path: string;
+            savedAtNewPath: boolean;
+            script: NewScript;
+        }) => void;
+        saveDraftError?: (error: Error) => void;
+        seeDetails?: (path: string) => void;
+    };
     getInitialAndModifiedValues?: () => SavedAndModifiedValue;
     setPrimarySchedule?: (schedule: ScheduleTrigger | undefined | false) => void;
     setDraftTriggers?: (triggers: Trigger[] | undefined) => void;
@@ -50,12 +62,6 @@ declare const ScriptBuilder: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_P
     default: {};
 }>, {
     focus: FocusEvent;
-    deploy: CustomEvent<any>;
-    deployError: CustomEvent<any>;
-    saveInitial: CustomEvent<any>;
-    saveDraft: CustomEvent<any>;
-    saveDraftError: CustomEvent<any>;
-    seeDetails: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {

package/package/components/apps/editor/AppEditor.svelte

@@ -44,6 +44,7 @@ export let newApp = false;
 export let newPath = undefined;
 export let replaceStateFn = (path) => window.history.replaceState(null, '', path);
 export let gotoFn = (path, opt) => window.history.pushState(null, '', path);
+export let onevent = {};
 migrateApp(app);
 const appStore = writable(app);
 const selectedComponent = writable(undefined);
@@ -622,8 +623,7 @@ $: $panzoomActive =
 $: forceDeactivatePanzoom = isModifierKeyPressed && handMode;
 </script>
 
-<svelte:head>
-</svelte:head>
+<svelte:head></svelte:head>
 
 <DarkModeObserver on:change={onThemeChange} />
 
@@ -643,7 +643,7 @@ $: forceDeactivatePanzoom = isModifierKeyPressed && handMode;
 		<AppEditorHeader
 			{newPath}
 			{newApp}
-			on:restore
+			on:restore={(e) => onevent.restore?.(e.detail)}
 			{policy}
 			{fromHub}
 			bind:this={appEditorHeader}
@@ -653,7 +653,7 @@ $: forceDeactivatePanzoom = isModifierKeyPressed && handMode;
 			leftPanelHidden={leftPanelSize === 0}
 			rightPanelHidden={rightPanelSize === 0}
 			bottomPanelHidden={runnablePanelSize === 0}
-			on:savedNewAppPath
+			on:savedNewAppPath={(e) => onevent.savedNewAppPath?.(e.detail)}
 			on:showLeftPanel={() => showLeftPanel()}
 			on:showRightPanel={() => showRightPanel()}
 			on:hideLeftPanel={() => hideLeftPanel()}

package/package/components/apps/editor/AppEditor.svelte.d.ts

@@ -36,10 +36,12 @@ declare const AppEditor: $$__sveltets_2_IsomorphicComponent<{
     newPath?: string | undefined;
     replaceStateFn?: (path: string) => void;
     gotoFn?: (path: string, opt?: Record<string, any> | undefined) => void;
+    onevent?: {
+        savedNewAppPath?: (path: string) => void;
+        restore?: (app: App) => void;
+    };
     triggerTutorial?: () => void;
 }, {
-    restore: CustomEvent<any>;
-    savedNewAppPath: CustomEvent<any>;
     pointerdown: PointerEvent;
 } & {
     [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.493.8",
+	"version": "1.493.10",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -374,6 +374,10 @@
 		"./tailwindUtils": {
 			"types": "./package/components/apps/editor/componentsPanel/tailwindUtils.d.ts",
 			"default": "./package/components/apps/editor/componentsPanel/tailwindUtils.js"
+		},
+		"./components/custom_ui": {
+			"types": "./package/components/custom_ui.d.ts",
+			"default": "./package/components/custom_ui.js"
 		}
 	},
 	"files": [
@@ -513,6 +517,9 @@
 			],
 			"tailwindUtils": [
 				"./package/components/apps/editor/componentsPanel/tailwindUtils.d.ts"
+			],
+			"components/custom_ui": [
+				"./package/components/custom_ui.d.ts"
 			]
 		}
 	},