windmill-components 1.84.6 → 1.86.0

package/components/common/fileInput/FileInput.svelte

@@ -11,6 +11,7 @@ export let multiple = false;
 export let convertTo = undefined;
 export let hideIcon = false;
 export let iconSize = 36;
+export let returnFileNames = false;
 const dispatch = createEventDispatcher();
 let input;
 let files = undefined;
@@ -69,7 +70,10 @@ async function dispatchChange() {
     files = files;
     if (convertTo && files) {
         const promises = files.map(convertFile);
-        const converted = await Promise.all(promises);
+        let converted = await Promise.all(promises);
+        if (returnFileNames) {
+            converted = converted.map((c, i) => ({ name: files[i].name, data: c }));
+        }
         dispatch('change', converted);
     }
     else {

package/components/common/fileInput/FileInput.svelte.d.ts

@@ -10,6 +10,7 @@ declare const __propDef: {
         convertTo?: ReadFileAs | undefined;
         hideIcon?: boolean | undefined;
         iconSize?: number | undefined;
+        returnFileNames?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

package/components/common/index.d.ts

@@ -2,8 +2,6 @@ export { default as ActionRow } from './actionRow/ActionRow.svelte';
 export { default as Alert } from './alert/Alert.svelte';
 export { default as Badge } from './badge/Badge.svelte';
 export { default as Button } from './button/Button.svelte';
-export { default as ButtonPopup } from './button/ButtonPopup.svelte';
-export { default as ButtonPopupItem } from './button/ButtonPopupItem.svelte';
 export { default as UndoRedo } from './button/UndoRedo.svelte';
 export { default as ClearableInput } from './clearableInput/ClearableInput.svelte';
 export { default as Drawer } from './drawer/Drawer.svelte';

package/components/common/index.js

@@ -2,8 +2,6 @@ export { default as ActionRow } from './actionRow/ActionRow.svelte';
 export { default as Alert } from './alert/Alert.svelte';
 export { default as Badge } from './badge/Badge.svelte';
 export { default as Button } from './button/Button.svelte';
-export { default as ButtonPopup } from './button/ButtonPopup.svelte';
-export { default as ButtonPopupItem } from './button/ButtonPopupItem.svelte';
 export { default as UndoRedo } from './button/UndoRedo.svelte';
 export { default as ClearableInput } from './clearableInput/ClearableInput.svelte';
 export { default as Drawer } from './drawer/Drawer.svelte';

package/components/common/menu/Menu.svelte.d.ts

@@ -6,7 +6,7 @@ declare const __propDef: {
         wrapperClasses?: string | undefined;
         popupClasses?: string | undefined;
         transitionDuration?: number | undefined;
-        placement?: "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top-center" | "bottom-center" | undefined;
+        placement?: "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/common/popup/Popup.svelte

@@ -1,6 +1,6 @@
 <svelte:options accessors />
 
-<script>import { onDestroy } from 'svelte';
+<script>import { createEventDispatcher, onDestroy } from 'svelte';
 import { slide } from 'svelte/transition';
 import { createPopperActions } from 'svelte-popperjs';
 import { clickOutside } from '../../../utils';
@@ -13,6 +13,7 @@ export let openOn = ['focus'];
 export let closeOn = ['blur'];
 export let innerClasses = '';
 export let outerClasses = '';
+export let wrapperClasses = '';
 export let transition = slide;
 export { openFocusIn as open, closed as close };
 const states = ['closed', 'open-focus-in', 'open-focus-out'];
@@ -24,6 +25,7 @@ const stateMachine = createStateMachine(states, {
     }
 });
 const [popperRef, popperContent, getInstance] = createPopperActions();
+const dispatch = createEventDispatcher();
 let popup;
 let focusableElements;
 function getFocusableElements() {
@@ -46,16 +48,20 @@ function closed() {
     if ($stateMachine.currentState === 'open-focus-out') {
         setTimeout(() => {
             stateMachine.setState('closed');
+            dispatch('close');
         }, 0);
     }
     else {
         stateMachine.setState('closed');
+        dispatch('close');
     }
 }
 function conditionalClosed() {
-    if (isFocusContained())
-        return;
-    closed();
+    setTimeout(() => {
+        if (isFocusContained())
+            return;
+        closed();
+    }, 0);
 }
 function openFocusOut() {
     stateMachine.setState('open-focus-out');
@@ -64,12 +70,14 @@ function openFocusIn() {
     stateMachine.setState('open-focus-in');
 }
 function keyDown(event) {
-    const modifiers = ['Shift', 'Control', 'Command', 'Alt'];
+    const modifiers = ['Shift', 'Control', 'Command', 'Alt', 'Meta'];
     // Prevent closing the popup when the only key pressed is a modifier key
     if (modifiers.includes(event.key) || $stateMachine.currentState === 'closed')
         return;
     if (event.key === 'Escape') {
-        return document.activeElement?.blur();
+        ;
+        document.activeElement?.blur();
+        return conditionalClosed();
     }
     const prev = ['Up', 'Left'];
     const next = ['Down', 'Right'];
@@ -134,7 +142,7 @@ onDestroy(removeAllListeners);
 <svelte:window on:keydown={keyDown} />
 
 <div
-	class="z-50"
+	class="z-50 {wrapperClasses}"
 	bind:this={popup}
 	use:popperContent={options}
 	use:clickOutside
@@ -143,7 +151,7 @@ onDestroy(removeAllListeners);
 	aria-expanded={$stateMachine.currentState !== 'closed'}
 >
 	{#if $stateMachine.currentState !== 'closed'}
-		<div transition:transition|local={{ duration: 200 }} class={outerClasses}>
+		<div transition:transition|local={{ duration: 100 }} class={outerClasses}>
 			<div class={innerClasses}>
 				<slot open={openFocusIn} close={closed} />
 			</div>

package/components/common/popup/Popup.svelte.d.ts

@@ -9,11 +9,14 @@ declare const __propDef: {
         /** Events on the reference element */ closeOn?: (keyof HTMLElementEventMap)[] | undefined;
         innerClasses?: string | undefined;
         outerClasses?: string | undefined;
+        wrapperClasses?: string | undefined;
         transition?: ((node: Element, params?: Record<string, any>) => TransitionConfig) | undefined;
         open?: (() => void) | undefined;
         close?: (() => void) | undefined;
     };
     events: {
+        close: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
@@ -45,6 +48,9 @@ export default class Popup extends SvelteComponentTyped<PopupProps, PopupEvents,
     get outerClasses(): string | undefined;
     /**accessor*/
     set outerClasses(_: string | undefined);
+    get wrapperClasses(): string | undefined;
+    /**accessor*/
+    set wrapperClasses(_: string | undefined);
     get transition(): ((node: Element, params?: Record<string, any> | undefined) => TransitionConfig) | undefined;
     /**accessor*/
     set transition(_: ((node: Element, params?: Record<string, any> | undefined) => TransitionConfig) | undefined);

package/components/common/table/AppRow.svelte

@@ -3,7 +3,6 @@ import SharedBadge from '../../SharedBadge.svelte';
 import { AppService } from '../../../gen';
 import { userStore, workspaceStore } from '../../../stores';
 import { faCodeFork, faEdit, faEye, faFileExport, faPen, faShare, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
-import { MoreVertical } from 'lucide-svelte';
 import { createEventDispatcher } from 'svelte';
 import Button from '../button/Button.svelte';
 import Row from './Row.svelte';

package/components/common/table/FlowRow.svelte

@@ -6,7 +6,6 @@ import { FlowService } from '../../../gen';
 import { userStore, workspaceStore } from '../../../stores';
 import { sendUserToast } from '../../../utils';
 import { faArchive, faCalendarAlt, faCodeFork, faEdit, faEye, faFileExport, faList, faPlay, faShare, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
-import { MoreVertical } from 'lucide-svelte';
 import { createEventDispatcher } from 'svelte';
 import Badge from '../badge/Badge.svelte';
 import Button from '../button/Button.svelte';

package/components/common/table/ScriptRow.svelte

@@ -6,7 +6,6 @@ import { ScriptService } from '../../../gen';
 import { userStore, workspaceStore } from '../../../stores';
 import { capitalize, sendUserToast } from '../../../utils';
 import { faArchive, faCalendarAlt, faCodeFork, faEdit, faEye, faFileExport, faList, faPlay, faShare, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
-import { MoreVertical } from 'lucide-svelte';
 import { createEventDispatcher } from 'svelte';
 import Badge from '../badge/Badge.svelte';
 import Button from '../button/Button.svelte';
@@ -72,7 +71,7 @@ const dlt = 'delete';
 							size="xs"
 							variant="border"
 							startIcon={{ icon: faEdit }}
-							href="/scripts/edit/{hash}?step=2"
+							href="/scripts/edit/{hash}"
 						>
 							Edit
 						</Button>
@@ -130,7 +129,7 @@ const dlt = 'delete';
 				{
 					displayName: 'Edit code',
 					icon: faEdit,
-					href: `/scripts/edit/${hash}?step=2`,
+					href: `/scripts/edit/${hash}`,
 					disabled: !canWrite || archived
 				},
 				{

package/components/common/tabs/Tab.svelte

@@ -14,11 +14,10 @@ const fontSizeClasses = {
     lg: 'text-lg',
     xl: 'text-xl'
 };
-const { selected, update } = getContext('Tabs');
+const { selected, update, hashNavigation } = getContext('Tabs');
 </script>
 
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<div
+<button
 	class={twMerge(
 		'border-b-2 py-1 px-4 cursor-pointer transition-all z-10 ease-linear font-medium',
 		$selected?.startsWith(value)
@@ -29,8 +28,14 @@ const { selected, update } = getContext('Tabs');
 		$selected?.startsWith(value) ? selectedClass : ''
 	)}
 	style={`${style} ${$selected?.startsWith(value) ? selectedStyle : ''}`}
-	on:click={() => update(value)}
+	on:click={() => {
+		if (hashNavigation) {
+			window.location.hash = value
+		} else {
+			update(value)
+		}
+	}}
 	on:pointerdown|stopPropagation
 >
 	<slot />
-</div>
+</button>

package/components/common/tabs/Tabs.svelte

@@ -11,6 +11,8 @@ let c = '';
 export { c as class };
 export let wrapperClass = '';
 export let style = '';
+export let hashNavigation = false;
+export let dflt = undefined;
 $: selected && updateSelected();
 const selectedStore = writable(selected);
 $: $selectedStore && dispatch('selected', $selectedStore);
@@ -19,13 +21,30 @@ setContext('Tabs', {
     update: (value) => {
         selectedStore.set(value);
         selected = value;
-    }
+    },
+    hashNavigation
 });
 function updateSelected() {
     selectedStore.set(selected);
 }
+function hashChange() {
+    if (hashNavigation) {
+        const hash = window.location.hash;
+        if (hash) {
+            const id = hash.replace('#', '');
+            selectedStore.set(id);
+            selected = id;
+        }
+        else if (dflt) {
+            selectedStore.set(dflt);
+            selected = dflt;
+        }
+    }
+}
 </script>
 
+<svelte:window on:hashchange={hashChange} />
+
 <div class="overflow-x-auto {wrapperClass}">
 	<div
 		class={twMerge('border-b border-gray-200 flex flex-row whitespace-nowrap  scrollbar-hidden', c)}

package/components/common/tabs/Tabs.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 export type TabsContext = {
     selected: Writable<string>;
     update: (value: string) => void;
+    hashNavigation: boolean;
 };
 import { type Writable } from 'svelte/store';
 declare const __propDef: {
@@ -10,6 +11,8 @@ declare const __propDef: {
         class?: string | undefined;
         wrapperClass?: string | undefined;
         style?: string | undefined;
+        hashNavigation?: boolean | undefined;
+        dflt?: string | undefined;
     };
     events: {
         selected: CustomEvent<any>;

package/components/flows/CreateActionsApp.svelte

@@ -1,11 +1,11 @@
 <script>import { goto } from '$app/navigation';
-import { faBarsStaggered, faPlus } from '@fortawesome/free-solid-svg-icons';
-import { Button, ButtonPopup, ButtonPopupItem } from '../common';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { Button } from '../common';
 import Drawer from '../common/drawer/Drawer.svelte';
 import DrawerContent from '../common/drawer/DrawerContent.svelte';
 import SimpleEditor from '../SimpleEditor.svelte';
-import { importStore } from '../apps/store';
 import { LayoutDashboard } from 'lucide-svelte';
+import { importStore } from '../apps/store';
 let drawer = undefined;
 let pendingJson;
 async function importJson() {
@@ -17,17 +17,22 @@ async function importJson() {
 
 <!-- Buttons -->
 <div class="flex flex-row gap-2">
-	<ButtonPopup
+	<Button
 		size="sm"
 		spacingSize="xl"
 		startIcon={{ icon: faPlus }}
 		href="/apps/add?nodraft=true"
+		dropdownItems={[
+			{
+				label: 'Import from raw JSON',
+				onClick: () => drawer?.toggleDrawer?.()
+			}
+		]}
 	>
-		<svelte:fragment slot="main">App <LayoutDashboard class="ml-1.5" size={18} /></svelte:fragment>
-		<ButtonPopupItem on:click={() => drawer?.toggleDrawer?.()}>
-			Import from raw JSON
-		</ButtonPopupItem>
-	</ButtonPopup>
+		<div class="flex flex-row">
+			App <LayoutDashboard class="ml-1.5" size={18} />
+		</div>
+	</Button>
 </div>
 
 <!-- Raw JSON -->

package/components/flows/CreateActionsFlow.svelte

@@ -1,11 +1,10 @@
 <script>import { goto } from '$app/navigation';
 import { faBarsStaggered, faPlus } from '@fortawesome/free-solid-svg-icons';
-import { Button, ButtonPopup, ButtonPopupItem } from '../common';
+import { Button } from '../common';
 import Drawer from '../common/drawer/Drawer.svelte';
 import DrawerContent from '../common/drawer/DrawerContent.svelte';
 import SimpleEditor from '../SimpleEditor.svelte';
 import { importFlowStore } from './flowStore';
-import { Icon } from 'svelte-awesome';
 let drawer = undefined;
 let pendingJson;
 async function importJson() {
@@ -17,19 +16,21 @@ async function importJson() {
 
 <!-- Buttons -->
 <div class="flex flex-row gap-2">
-	<ButtonPopup
+	<Button
 		size="sm"
 		spacingSize="xl"
 		startIcon={{ icon: faPlus }}
+		endIcon={{ icon: faBarsStaggered }}
 		href="/flows/add?nodraft=true"
+		dropdownItems={[
+			{
+				label: 'Import from raw JSON',
+				onClick: () => drawer?.toggleDrawer?.()
+			}
+		]}
 	>
-		<svelte:fragment slot="main"
-			>Flow <Icon data={faBarsStaggered} scale={0.8} class="ml-1.5" />
-		</svelte:fragment>
-		<ButtonPopupItem on:click={() => drawer?.toggleDrawer?.()}>
-			Import from raw JSON
-		</ButtonPopupItem>
-	</ButtonPopup>
+		Flow
+	</Button>
 </div>
 
 <!-- Raw JSON -->

package/components/flows/FlowEditor.svelte

@@ -27,9 +27,9 @@ let size = 50;
 		</Pane>
 		<Pane class="drop-shadow-2xl" size={100 - size} minSize={40}>
 			{#if loading}
-				<div class="w-full h-full ">
+				<div class="w-full h-full">
 					<div class="block m-auto mt-40 w-10">
-						<WindmillIcon class="animate-[spin_6s_linear_infinite]" height="40px" width="40px" />
+						<WindmillIcon height="40px" width="40px" spin="fast" />
 					</div>
 				</div>
 			{:else}

package/components/flows/content/CapturePayload.svelte

@@ -76,11 +76,9 @@ async function getCaptureInput() {
 		</div>
 		<div class="items-center flex flex-row gap-x-2 text-xs text-gray-600">
 			Listening for new requests
-			<WindmillIcon
-				class="animate-[pulse_5s_linear_infinite] animate-[spin_5s_linear_infinite]"
-			/></div
+			<WindmillIcon class="animate-[pulse_5s_linear_infinite]" spin="fast" /></div
 		>
-		<div class="box p-2 my-2  mb-4">
+		<div class="box p-2 my-2 mb-4">
 			<ObjectViewer topBrackets={true} json={captureInput} />
 		</div>
 		<svelte:fragment slot="actions">

package/components/flows/content/DynamicInputHelpBox.svelte

@@ -5,6 +5,7 @@ $: opened = false;
 </script>
 
 <div class="text-xs flex flex-row-reverse">
+	<!-- svelte-ignore a11y-click-events-have-key-events -->
 	<span
 		class="underline mr-4"
 		on:click={() => {

package/components/flows/content/FlowBranchesAllWrapper.svelte

@@ -1,4 +1,4 @@
-<script>import { Alert, Badge, Button, Tab } from '../../common';
+<script>import { Alert, Tab } from '../../common';
 import TabContent from '../../common/tabs/TabContent.svelte';
 import Tabs from '../../common/tabs/Tabs.svelte';
 import Toggle from '../../Toggle.svelte';
@@ -26,7 +26,7 @@ let selected = 'early-stop';
 					<h3 class="mb-4">{value.branches.length} branch{value.branches.length > 1 ? 'es' : ''}</h3
 					>
 					<div class="flex flex-col gap-y-4 py-2 w-full max-w-xl">
-						{#each value.branches as branch, i}
+						{#each value.branches as branch}
 							<div class="flex flex-row gap-x-4 w-full items-center">
 								<div class="grow">
 									<input type="text" bind:value={branch.summary} placeholder="Summary" />

package/components/flows/content/FlowBranchesOneWrapper.svelte

@@ -1,4 +1,4 @@
-<script>import { Alert, Badge, Button, Tab } from '../../common';
+<script>import { Alert, Badge, Tab } from '../../common';
 import TabContent from '../../common/tabs/TabContent.svelte';
 import Tabs from '../../common/tabs/Tabs.svelte';
 import FlowCard from '../common/FlowCard.svelte';
@@ -34,7 +34,7 @@ let selected = 'early-stop';
 								chosen</p
 							>
 						</div>
-						{#each value.branches as branch, i}
+						{#each value.branches as branch}
 							<div class="flex flex-col gap-x-2 p-2 items-center border border-gray-400">
 								<input
 									class="w-full"

package/components/flows/content/FlowInputsFlow.svelte

@@ -7,7 +7,7 @@ import { emptyString } from '../../../utils';
 import { createEventDispatcher } from 'svelte';
 import { flip } from 'svelte/animate';
 import { fade } from 'svelte/transition';
-export let failureModule;
+// export let failureModule: boolean
 const dispatch = createEventDispatcher();
 let items = undefined;
 let filteredItems = undefined;

package/components/flows/content/FlowInputsFlow.svelte.d.ts

@@ -1,8 +1,6 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {
-        failureModule: boolean;
-    };
+    props: Record<string, never>;
     events: {
         pick: CustomEvent<any>;
     } & {

package/components/flows/content/FlowModuleComponent.svelte

@@ -154,33 +154,32 @@ let forceReload = 0;
 				<Splitpanes horizontal>
 					<Pane size={isScript ? 30 : 50} minSize={20}>
 						{#if value.type === 'rawscript'}
-							<div class="h-full">
-								<Editor
-									bind:websocketAlive
-									bind:this={editor}
-									class="h-full px-2"
-									bind:code={value.content}
-									deno={value.language === RawScript.language.DENO}
-									lang={scriptLangToEditorLang(value.language)}
-									automaticLayout={true}
-									cmdEnterAction={async () => {
-										selected = 'test'
-										if (value.type === 'rawscript') {
-											value.content = editor.getCode()
-										}
-										await reload(flowModule)
-										modulePreview?.runTestWithStepArgs()
-									}}
-									on:change={async (event) => {
-										if (flowModule.value.type === 'rawscript') {
-											flowModule.value.content = event.detail
-										}
-										await reload(flowModule)
-									}}
-									formatAction={() => reload(flowModule)}
-									fixedOverflowWidgets
-								/>
-							</div>
+							<Editor
+								path={value['path']}
+								bind:websocketAlive
+								bind:this={editor}
+								class="h-full relative"
+								bind:code={value.content}
+								deno={value.language === RawScript.language.DENO}
+								lang={scriptLangToEditorLang(value.language)}
+								automaticLayout={true}
+								cmdEnterAction={async () => {
+									selected = 'test'
+									if (value.type === 'rawscript') {
+										value.content = editor.getCode()
+									}
+									await reload(flowModule)
+									modulePreview?.runTestWithStepArgs()
+								}}
+								on:change={async (event) => {
+									if (flowModule.value.type === 'rawscript') {
+										flowModule.value.content = event.detail
+									}
+									await reload(flowModule)
+								}}
+								formatAction={() => reload(flowModule)}
+								fixedOverflowWidgets={true}
+							/>
 						{:else if value.type === 'script'}
 							{#key forceReload}
 								<FlowModuleScript path={value.path} hash={value.hash} />
@@ -239,7 +238,7 @@ let forceReload = 0;
 										<FlowModuleSleep previousModuleId={previousModule?.id} bind:flowModule />
 									</div>
 								{:else if selected === 'advanced-same_worker'}
-									<div class="p-4  h-full overflow-auto">
+									<div class="p-4 h-full overflow-auto">
 										<Alert type="info" title="Share a directory between steps">
 											If shared directory is set, will share a folder that will be mounted on
 											`./shared` for each of them to pass data between each other.

package/components/flows/content/FlowModuleWrapper.svelte

@@ -35,7 +35,6 @@ export let previousModule = undefined;
 
 		{#if flowModule.value.flow}
 			<FlowInputsFlow
-				failureModule={$selectedId === 'failure'}
 				on:pick={async ({ detail }) => {
 					const { path, summary } = detail
 					const [module, state] = await pickFlow(path, summary, flowModule.id)

package/components/flows/content/FlowRetries.svelte

@@ -1,5 +1,4 @@
-<script>import { Alert } from '../../common';
-import Toggle from '../../Toggle.svelte';
+<script>import Toggle from '../../Toggle.svelte';
 import Tooltip from '../../Tooltip.svelte';
 export let flowModule;
 function setConstantRetries() {

package/components/flows/content/FlowSchedules.svelte

@@ -6,11 +6,13 @@ import { getContext } from 'svelte';
 const { schedule, flowStore } = getContext('FlowEditorContext');
 </script>
 
-<CronInput bind:schedule={$schedule.cron} />
+<CronInput bind:schedule={$schedule.cron} bind:timezone={$schedule.timezone} />
+<div class="mt-10" />
 <SchemaForm schema={$flowStore.schema} bind:args={$schedule.args} />
 {#if emptyString($schedule.cron)}
 	<p class="text-xs text-gray-600 mt-10">Define a schedule frequency first</p>
 {/if}
+<div class="mt-10" />
 <Toggle
 	disabled={emptyString($schedule.cron)}
 	bind:checked={$schedule.enabled}

package/components/flows/content/ScriptEditorDrawer.svelte

@@ -3,7 +3,7 @@ import ScriptEditor from '../../ScriptEditor.svelte';
 import { ScriptService } from '../../../gen';
 import { inferArgs } from '../../../infer';
 import { workspaceStore } from '../../../stores';
-import { emptySchema, getScriptByPath, sendUserToast } from '../../../utils';
+import { emptySchema, sendUserToast } from '../../../utils';
 import { faSave } from '@fortawesome/free-solid-svg-icons';
 import { Loader2 } from 'lucide-svelte';
 import { createEventDispatcher } from 'svelte';

package/components/flows/flowStateUtils.d.ts

@@ -2,10 +2,7 @@ import type { Schema } from '../../common';
 import { Script, type Flow, type FlowModule, type PathFlow, type PathScript, type RawScript } from '../../gen';
 import { type Writable } from 'svelte/store';
 import type { FlowModuleState, FlowState } from './flowState';
-import { Mutex } from 'async-mutex';
 export declare function loadFlowModuleState(flowModule: FlowModule): Promise<FlowModuleState>;
-export declare const idMutex: Mutex;
-export declare function getNextId(currentKeys: string[]): string;
 export declare function nextId(flowState: FlowState): string;
 export declare function pickScript(path: string, summary: string, id: string, hash?: string): Promise<[FlowModule & {
     value: PathScript;