windmill-components 1.36.2 → 1.46.1

package/utils.js

@@ -32,15 +32,15 @@ export function displayDaysAgo(dateString) {
         return `${nbSecondsAgo}s ago`;
     }
     else if (isToday(date)) {
-        return `today at ${date.toLocaleTimeString()}`;
+        return `today at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;
     }
     else {
         let dAgo = daysAgo(date);
         if (dAgo == 0) {
-            return `yday at ${date.toLocaleTimeString()}`;
+            return `yday at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;
         }
         else if (dAgo > 7) {
-            return `${dAgo + 1} days ago at ${date.toLocaleTimeString()}`;
+            return `${dAgo + 1} days ago at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;
         }
         else {
             return displayDate(dateString);
@@ -53,7 +53,7 @@ export function displayDate(dateString) {
         return '';
     }
     else {
-        return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()} at ${date.toLocaleTimeString()}`;
+        return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()} at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;
     }
 }
 export function msToSec(ms) {
@@ -113,12 +113,6 @@ export function emptySchema() {
         type: 'object'
     };
 }
-export function emptyModule() {
-    return {
-        value: { type: 'script', path: '' },
-        input_transforms: {}
-    };
-}
 export function simpleSchema() {
     return {
         $schema: 'https://json-schema.org/draft/2020-12/schema',
@@ -164,8 +158,11 @@ export function canWrite(path, extra_perms, user) {
     }
     return false;
 }
+export function emptyString(str) {
+    return str === undefined || str === null || str === '';
+}
 export function defaultIfEmptyString(str, dflt) {
-    return str == undefined || str == '' ? dflt : str;
+    return emptyString(str) ? dflt : str;
 }
 export function removeKeysWithEmptyValues(obj) {
     Object.keys(obj).forEach((key) => (obj[key] === undefined ? delete obj[key] : {}));
@@ -188,6 +185,18 @@ export function encodeState(state) {
 export function decodeState(query) {
     return JSON.parse(decodeURIComponent(atob(query)));
 }
+export function decodeArgs(queryArgs) {
+    if (queryArgs) {
+        const parsed = decodeState(queryArgs);
+        Object.entries(parsed).forEach(([k, v]) => {
+            if (v == '<function call>') {
+                parsed[k] = undefined;
+            }
+        });
+        return parsed;
+    }
+    return {};
+}
 export async function setQuery(url, key, value) {
     url.searchParams.set(key, value);
     await goto(`?${url.searchParams.toString()}`);
@@ -195,7 +204,12 @@ export async function setQuery(url, key, value) {
 export function setQueryWithoutLoad(url, key, value) {
     const nurl = new URL(url.toString());
     nurl.searchParams.set(key, value);
-    history.replaceState(null, '', nurl.toString());
+    try {
+        history.replaceState(history.state, '', nurl.toString());
+    }
+    catch (e) {
+        console.error(e);
+    }
 }
 export function groupBy(scripts, toGroup, dflts = []) {
     let r = {};
@@ -227,7 +241,7 @@ export function groupBy(scripts, toGroup, dflts = []) {
 }
 export function truncate(s, n, suffix = '...') {
     if (!s) {
-        return suffix;
+        return '';
     }
     if (s.length <= n) {
         return s;
@@ -257,45 +271,8 @@ export function mapUserToUserExt(user) {
         pgroups: user.groups.map((x) => `g/${x}`)
     };
 }
-export function buildExtraLib(flowInput, previousResultType) {
-    return `
-/**
-* get variable (including secret) at path
-* @param {string} path - path of the variable (e.g: g/all/pretty_secret)
-*/
-export function variable(path: string): string;
-
-/**
-* get resource at path
-* @param {string} path - path of the resource (e.g: g/all/my_resource)
-*/
-export function resource(path: string): any;
-
-/**
-* get result of step n.
-* If n is negative, for instance -1, it is the step just before this one.
-* Step 0 is flow input.
-* @param {number} n - step number.
-*/
-export function step(n: number): any;
-
-/**
-* flow input as an object
-*/
-export const flow_input: ${flowInput};
-
-/**
-* previous result as an object
-*/
-export const previous_result: ${previousResultType || 'any'};
-
-/**
-* static params of this same step
-*/
-export const params: any;`;
-}
 export function schemaToTsType(schema) {
-    if (!schema) {
+    if (!schema || !schema.properties) {
         return 'any';
     }
     const propKeys = Object.keys(schema.properties);
@@ -328,7 +305,7 @@ export function schemaToTsType(schema) {
 }
 export function schemaToObject(schema, args) {
     const object = {};
-    if (!schema) {
+    if (!schema || !schema.properties) {
         return object;
     }
     const propKeys = Object.keys(schema.properties);
@@ -337,30 +314,6 @@ export function schemaToObject(schema, args) {
     });
     return object;
 }
-export function valueToTsType(value) {
-    const typeOfValue = typeof value;
-    if (['string', 'number', 'boolean'].includes(typeOfValue)) {
-        return typeOfValue;
-    }
-    else if (Array.isArray(value)) {
-        const type = objectToTsType(value[0]);
-        return `Array<${type}>`;
-    }
-    else if (typeof value === 'object') {
-        return objectToTsType(value);
-    }
-    else {
-        return 'any';
-    }
-}
-export function objectToTsType(object) {
-    if (!object) {
-        return 'any';
-    }
-    const propKeys = Object.keys(object);
-    const types = propKeys.map((key) => `${key}: ${valueToTsType(object[key])}`).join(';');
-    return `{ ${types} }`;
-}
 export function setInputCat(type, format, itemsType, enum_, contentEncoding) {
     if (type === 'number' || type === 'integer') {
         return 'number';
@@ -406,10 +359,11 @@ export function scriptPathToHref(path) {
 }
 export async function getScriptByPath(path) {
     if (path.startsWith('hub/')) {
-        const content = await ScriptService.getHubScriptContentByPath({ path });
+        const { content, language, schema } = await ScriptService.getHubScriptByPath({ path });
         return {
             content,
-            language: 'deno'
+            language,
+            schema
         };
     }
     else {
@@ -419,7 +373,8 @@ export async function getScriptByPath(path) {
         });
         return {
             content: script.content,
-            language: script.language
+            language: script.language,
+            schema: script.schema
         };
     }
 }
@@ -429,7 +384,7 @@ export async function loadHubScripts() {
         const processed = scripts
             .map((x) => ({
             path: `hub/${x.id}/${x.app}/${x.summary.toLowerCase().replaceAll(/\s+/g, '_')}`,
-            summary: `${x.summary} (${x.app}) ${x.views} uses`,
+            summary: `${x.summary} (${x.app})`,
             approved: x.approved,
             kind: x.kind,
             app: x.app,
@@ -476,12 +431,15 @@ export function flowToHubUrl(flow) {
     url.searchParams.append('flow', encodeState(openFlow));
     return url;
 }
-export function scriptToHubUrl(content, summary, description, kind) {
+export function scriptToHubUrl(content, summary, description, kind, language, schema, lock) {
     const url = new URL('https://hub.windmill.dev/scripts/add');
     url.searchParams.append('content', content);
     url.searchParams.append('summary', summary);
     url.searchParams.append('description', description);
     url.searchParams.append('kind', kind);
+    url.searchParams.append('language', language);
+    url.searchParams.append('schema', JSON.stringify(schema, null, 2));
+    lock && url.searchParams.append('lockfile', lock);
     return url;
 }
 export function classNames(...classes) {
@@ -494,6 +452,9 @@ export function scriptLangToEditorLang(lang) {
     else if (lang == 'python3') {
         return 'python';
     }
+    else if (lang == 'bash') {
+        return 'shell';
+    }
     else {
         return lang;
     }

package/components/AutosizedTextarea.svelte

@@ -1,34 +0,0 @@
-<script>export let value;
-export let placeholder = '';
-export let minRows = 1;
-export let maxRows = 20;
-$: minHeight = `${1 + minRows * 1.2}em`;
-$: maxHeight = maxRows ? `${1 + maxRows * 1.2}em` : `auto`;
-</script>
-
-<div class="container">
-	<pre aria-hidden="true" style="min-height: {minHeight}; max-height: {maxHeight}">
-		{value + '\n'}
-	</pre>
-	<textarea class="col-span-10 resize" bind:value {placeholder} />
-</div>
-
-<style>
-	.container {
-		position: relative;
-	}
-
-	pre,
-	textarea {
-		font-family: inherit;
-		padding: 0.5em;
-		box-sizing: border-box;
-		line-height: 1.2;
-		overflow: hidden;
-	}
-	textarea {
-		position: absolute;
-		width: 100%;
-		height: 100%;
-		top: 0;
-	}</style>

package/components/AutosizedTextarea.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        value: string;
-        placeholder?: string | undefined;
-        minRows?: number | undefined;
-        maxRows?: number | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type AutosizedTextareaProps = typeof __propDef.props;
-export declare type AutosizedTextareaEvents = typeof __propDef.events;
-export declare type AutosizedTextareaSlots = typeof __propDef.slots;
-export default class AutosizedTextarea extends SvelteComponentTyped<AutosizedTextareaProps, AutosizedTextareaEvents, AutosizedTextareaSlots> {
-}
-export {};

package/components/ProgressBar.svelte

@@ -1,31 +0,0 @@
-<script>import ProgressBarPart from './ProgressBarPart.svelte';
-export let i = -1;
-export let steps = 0;
-$: series = Array.from(Array(steps).keys()).map((x) => Math.floor(((100 / steps) * x) / 100));
-function toggle() {
-    toggled[i] = true;
-}
-$: toggled = series.map(() => false);
-$: text = i < series.length ? `Step ${i + 1}` : 'Done';
-$: toggled[i] === false && toggle();
-</script>
-
-<div>
-	<div class="flex justify-between mb-1">
-		<span class="text-base font-medium text-blue-700 dark:text-white">{text}</span>
-		<span class="text-sm font-medium text-blue-700 dark:text-white">
-			{series.slice(0, i).reduce((x, y) => y + x, 0)}%
-		</span>
-	</div>
-	<div class="w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700 relative">
-		{#each series as serie, index}
-			<ProgressBarPart
-				isFirst={index === 0}
-				isLast={index === series.length - 1}
-				sumUpTo={series.slice(0, index).reduce((x, y) => y + x, 0)}
-				length={serie}
-				shouldToggle={toggled[index]}
-			/>
-		{/each}
-	</div>
-</div>

package/components/ProgressBarPart.svelte

@@ -1,20 +0,0 @@
-<script>import { tweened } from 'svelte/motion';
-import { cubicOut } from 'svelte/easing';
-const progress = tweened(0, {
-    duration: 400,
-    easing: cubicOut
-});
-export let isFirst;
-export let isLast;
-export let sumUpTo;
-export let length;
-export let shouldToggle;
-$: shouldToggle && progress.set(length);
-</script>
-
-<div
-	class={`bg-blue-200 h-2.5 absolute ${isFirst ? 'rounded-l-full' : ''} ${
-		isLast ? 'rounded-r-full' : ''
-	}`}
-	style={`${isFirst ? 'left:0%;' : `left:${sumUpTo}%;`} width: ${$progress}%`}
-/>

package/components/ProgressBarPart.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        isFirst: boolean;
-        isLast: boolean;
-        sumUpTo: number;
-        length: number;
-        shouldToggle: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type ProgressBarPartProps = typeof __propDef.props;
-export declare type ProgressBarPartEvents = typeof __propDef.events;
-export declare type ProgressBarPartSlots = typeof __propDef.slots;
-export default class ProgressBarPart extends SvelteComponentTyped<ProgressBarPartProps, ProgressBarPartEvents, ProgressBarPartSlots> {
-}
-export {};

package/components/Switch.svelte

@@ -1,61 +0,0 @@
-<script>
-	export let checked = false
-	export let label = ''
-	export let horizontal = true // Determines if the switch and label are on a row or col
-	export let textFormat = 'text-base' // Tailwind CSS classes to format the text
-</script>
-
-<div class="flex {horizontal ? 'flex-row justify-between' : 'flex-col'}  {$$props.class}">
-	<div class="my-auto {textFormat} mr-2">{label}</div>
-	<label class="switch my-auto">
-		<input type="checkbox" bind:checked />
-		<span class="slider" />
-	</label>
-</div>
-
-<style>
-	.switch {
-		position: relative;
-		display: inline-block;
-		width: 30px;
-		height: 17px;
-	}
-
-	.switch input {
-		opacity: 0;
-		width: 0;
-		height: 0;
-	}
-
-	.slider {
-		position: absolute;
-		cursor: pointer;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: #ccc;
-		transition: 0.4s;
-		border-radius: 17px;
-	}
-
-	.slider:before {
-		position: absolute;
-		content: '';
-		height: 13px;
-		width: 13px;
-		left: 2px;
-		bottom: 2px;
-		background-color: white;
-		transition: 0.4s;
-		border-radius: 50%;
-	}
-
-	input:checked + .slider {
-		background-color: #2196f3;
-		box-shadow: 0 0 1px #2196f3;
-	}
-
-	input:checked + .slider:before {
-		transform: translateX(13px);
-	}</style>

package/components/Switch.svelte.d.ts

@@ -1,31 +0,0 @@
-/** @typedef {typeof __propDef.props}  SwitchProps */
-/** @typedef {typeof __propDef.events}  SwitchEvents */
-/** @typedef {typeof __propDef.slots}  SwitchSlots */
-export default class Switch extends SvelteComponentTyped<{
-    [x: string]: any;
-    label?: string | undefined;
-    checked?: boolean | undefined;
-    horizontal?: boolean | undefined;
-    textFormat?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SwitchProps = typeof __propDef.props;
-export type SwitchEvents = typeof __propDef.events;
-export type SwitchSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        label?: string | undefined;
-        checked?: boolean | undefined;
-        horizontal?: boolean | undefined;
-        textFormat?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/components/Tabs.svelte

@@ -1,21 +0,0 @@
-<script>import { createEventDispatcher } from 'svelte';
-export let tabs;
-export let dflt = 0;
-export let tab = tabs[dflt][0];
-const dispatch = createEventDispatcher();
-$: dispatch('update', tab);
-</script>
-
-<div class="flex flex-col sm:flex-row text-base">
-	{#each tabs as [t, label]}
-		<button
-			class=" py-1 px-6 block hover:text-blue-500 focus:outline-noneborder-gray-200  
-				{t === tab ? 'text-gray-700 font-semibold underline' : 'text-gray-500'}"
-			on:click={() => {
-				tab = t
-			}}
-		>
-			{label}
-		</button>
-	{/each}
-</div>

package/components/Tabs.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        tabs: [string, string][];
-        dflt?: number | undefined;
-        tab?: string | undefined;
-    };
-    events: {
-        update: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type TabsProps = typeof __propDef.props;
-export declare type TabsEvents = typeof __propDef.events;
-export declare type TabsSlots = typeof __propDef.slots;
-export default class Tabs extends SvelteComponentTyped<TabsProps, TabsEvents, TabsSlots> {
-}
-export {};

package/components/flows/content/CopyFirstStepSchema.svelte

@@ -1,13 +0,0 @@
-<script>import { Button } from 'flowbite-svelte';
-import { isEmptyFlowModule } from '../flowStateUtils';
-import { copyFirstStepSchema, flowStore } from '../flowStore';
-</script>
-
-<Button
-	color="light"
-	size="xs"
-	disabled={$flowStore.value.modules.length === 0 || isEmptyFlowModule($flowStore.value.modules[0])}
-	on:click={copyFirstStepSchema}
->
-	Copy from first step schema
-</Button>

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

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type CopyFirstStepSchemaProps = typeof __propDef.props;
-export declare type CopyFirstStepSchemaEvents = typeof __propDef.events;
-export declare type CopyFirstStepSchemaSlots = typeof __propDef.slots;
-export default class CopyFirstStepSchema extends SvelteComponentTyped<CopyFirstStepSchemaProps, CopyFirstStepSchemaEvents, CopyFirstStepSchemaSlots> {
-}
-export {};

package/components/flows/content/FlowLoopWrapper.svelte

@@ -1,9 +0,0 @@
-<script>import { getContext } from 'svelte';
-import { flowStore } from '../flowStore';
-import { selectedIdToIndexes } from '../utils';
-import FlowLoop from './FlowLoop.svelte';
-const { selectedId } = getContext('FlowEditorContext');
-$: index = selectedIdToIndexes($selectedId)[0];
-</script>
-
-<FlowLoop bind:mod={$flowStore.value.modules[index]} {index} />

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

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type FlowLoopWrapperProps = typeof __propDef.props;
-export declare type FlowLoopWrapperEvents = typeof __propDef.events;
-export declare type FlowLoopWrapperSlots = typeof __propDef.slots;
-export default class FlowLoopWrapper extends SvelteComponentTyped<FlowLoopWrapperProps, FlowLoopWrapperEvents, FlowLoopWrapperSlots> {
-}
-export {};