windmill-components 1.352.9 → 1.362.1

package/package/stores.js

@@ -18,7 +18,7 @@ export const enterpriseLicense = writable(undefined);
 export const workerTags = writable(undefined);
 export const usageStore = writable(0);
 export const workspaceUsageStore = writable(0);
-export const runFormStore = writable();
+export const initialArgsStore = writable(undefined);
 export const oauthStore = writable(undefined);
 export const userStore = writable(undefined);
 export const workspaceStore = writable(persistedWorkspace ? String(persistedWorkspace) : undefined);

package/package/utils.d.ts

@@ -2,14 +2,17 @@ import type { UserExt } from './stores';
 import { sendUserToast } from './toast';
 import type { Script } from './gen';
 import type { EnumType } from './common';
+import type { Schema } from './common';
 export { sendUserToast };
 export declare function validateUsername(username: string): string;
 export declare function parseQueryParams(url: string | undefined): Record<string, string>;
 export declare function displayDateOnly(dateString: string | Date | undefined): string;
+export declare function subtractDaysFromDateString(dateString: string | undefined, days: number): string | undefined;
 export declare function displayDate(dateString: string | Date | undefined, displaySecond?: boolean, displayDate?: boolean): string;
 export declare function displayTime(dateString: string | Date | undefined): string;
 export declare function displaySize(sizeInBytes: number | undefined): string | undefined;
 export declare function msToSec(ms: number | undefined, maximumFractionDigits?: number): string;
+export declare function msToReadableTime(ms: number | undefined): string;
 export declare function getToday(): Date;
 export declare function truncateHash(hash: string): string;
 export declare function sleep(ms: number): Promise<void>;
@@ -30,23 +33,8 @@ export interface DropdownItem {
     icon?: any | undefined;
 }
 export declare const DELETE: "delete";
-export declare function emptySchema(): {
-    $schema: string | undefined;
-    properties: {};
-    required: never[];
-    type: string;
-};
-export declare function simpleSchema(): {
-    $schema: string;
-    type: string;
-    properties: {
-        name: {
-            description: string;
-            type: string;
-        };
-    };
-    required: never[];
-};
+export declare function emptySchema(): Schema;
+export declare function simpleSchema(): Schema;
 export declare function removeItemAll<T>(arr: T[], value: T): T[];
 export declare function emptyString(str: string | undefined | null): boolean;
 export declare function defaultIfEmptyString(str: string | undefined, dflt: string): string;
@@ -59,11 +47,6 @@ export declare function pathIsEmpty(path: string): boolean;
 export declare function encodeState(state: any): string;
 export declare function decodeState(query: string): any;
 export declare function itemsExists<T>(arr: T[] | undefined, item: T): boolean;
-export declare function decodeArgs(queryArgs: string | undefined): any;
-export declare function setQueryWithoutLoad(url: URL, args: {
-    key: string;
-    value: string | null | undefined;
-}[], bounceTime?: number): void;
 export declare function groupBy<K, V>(items: V[], toGroup: (t: V) => K, toSort: (t: V) => string, dflts?: K[]): [K, V[]][];
 export declare function removeMarkdown(text: string): string;
 export declare function truncate(s: string, n: number, suffix?: string): string;
@@ -90,8 +73,9 @@ export declare function canWrite(path: string, extra_perms: Record<string, boole
 export declare function isOwner(path: string, user: UserExt | undefined, workspace: string | undefined): boolean;
 export declare function isObviousOwner(path: string, user?: UserExt): boolean;
 export declare function extractCustomProperties(styleStr: string): string;
+export declare function computeSharableHash(args: any): string;
 export declare function toCamel(s: string): string;
-export declare function cleanExpr(expr: string): string;
+export declare function cleanExpr(expr: string | undefined): string;
 export declare function isCodeInjection(expr: string | undefined): boolean;
 export declare function tryEvery({ tryCode, timeoutCode, interval, timeout }: {
     tryCode: () => Promise<any>;

package/package/utils.js

@@ -45,6 +45,14 @@ export function displayDateOnly(dateString) {
         });
     }
 }
+export function subtractDaysFromDateString(dateString, days) {
+    if (dateString == undefined) {
+        return undefined;
+    }
+    let date = new Date(dateString);
+    date.setDate(date.getDate() - days);
+    return date.toISOString();
+}
 export function displayDate(dateString, displaySecond = false, displayDate = true) {
     const date = new Date(dateString ?? '');
     if (date.toString() === 'Invalid Date') {
@@ -92,6 +100,26 @@ export function msToSec(ms, maximumFractionDigits) {
         minimumFractionDigits: maximumFractionDigits
     });
 }
+export function msToReadableTime(ms) {
+    if (ms === undefined)
+        return '?';
+    const seconds = Math.floor(ms / 1000);
+    const minutes = Math.floor(seconds / 60);
+    const hours = Math.floor(minutes / 60);
+    const days = Math.floor(hours / 24);
+    if (days > 0) {
+        return `${days}d ${hours % 24}h ${minutes % 60}m ${seconds % 60}s`;
+    }
+    else if (hours > 0) {
+        return `${hours}h ${minutes % 60}m ${seconds % 60}s`;
+    }
+    else if (minutes > 0) {
+        return `${minutes}m ${seconds % 60}s`;
+    }
+    else {
+        return `${seconds}s`;
+    }
+}
 export function getToday() {
     var today = new Date();
     return today;
@@ -216,39 +244,6 @@ export function itemsExists(arr, item) {
     }
     return false;
 }
-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 {};
-}
-let debounced = undefined;
-export function setQueryWithoutLoad(url, args, bounceTime) {
-    debounced && clearTimeout(debounced);
-    debounced = setTimeout(() => {
-        const nurl = new URL(url.toString());
-        for (const { key, value } of args) {
-            if (value) {
-                nurl.searchParams.set(key, value);
-            }
-            else {
-                nurl.searchParams.delete(key);
-            }
-        }
-        try {
-            history.replaceState(history.state, '', nurl.toString());
-        }
-        catch (e) {
-            console.error(e);
-        }
-    }, bounceTime ?? 200);
-}
 export function groupBy(items, toGroup, toSort, dflts = []) {
     let r = new Map();
     for (const dflt of dflts) {
@@ -564,12 +559,38 @@ export function extractCustomProperties(styleStr) {
     let customStyleStr = customProperties.join(';');
     return customStyleStr;
 }
+export function computeSharableHash(args) {
+    let nargs = {};
+    for (let k in args) {
+        let v = args[k];
+        if (v !== undefined) {
+            // if
+            let size = roughSizeOfObject(v) > 1000000;
+            if (size) {
+                console.error(`Value at key ${k} too big (${size}) to be shared`);
+                return '';
+            }
+            nargs[k] = JSON.stringify(v);
+        }
+    }
+    try {
+        let r = new URLSearchParams(nargs).toString();
+        return r.length > 1000000 ? '' : r;
+    }
+    catch (e) {
+        console.error('Error computing sharable hash', e);
+        return '';
+    }
+}
 export function toCamel(s) {
     return s.replace(/([-_][a-z])/gi, ($1) => {
         return $1.toUpperCase().replace('-', '').replace('_', '');
     });
 }
 export function cleanExpr(expr) {
+    if (!expr) {
+        return '';
+    }
     return expr
         .split('\n')
         .filter((x) => x != '' && !x.startsWith(`import `))

package/package/windmill_fetch.d.ts.txt

@@ -6017,10 +6017,10 @@ export type ListScriptsData = {
 	firstParentHash?: string;
 	/**
 	 * (default false)
-	 * hide the scripts without an exported main function
+	 * include scripts without an exported main function
 	 *
 	 */
-	hideWithoutMain?: boolean;
+	includeWithoutMain?: boolean;
 	/**
 	 * (default regardless)
 	 * if true show only the templates
@@ -10651,10 +10651,10 @@ export type $OpenApiTs = {
 				firstParentHash?: string;
 				/**
 				 * (default false)
-				 * hide the scripts without an exported main function
+				 * include scripts without an exported main function
 				 *
 				 */
-				hideWithoutMain?: boolean;
+				includeWithoutMain?: boolean;
 				/**
 				 * (default regardless)
 				 * if true show only the templates
@@ -15268,8 +15268,8 @@ export declare class ScriptService {
 	 * are
 	 * ed.
 	 *
-	 * @param data.hideWithoutMain (default false)
-	 * hide the scripts without an exported main function
+	 * @param data.includeWithoutMain (default false)
+	 * include scripts without an exported main function
 	 *
 	 * @param data.isTemplate (default regardless)
 	 * if true show only the templates

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.352.9",
+	"version": "1.362.1",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -123,7 +123,7 @@
 		"quill": "^1.3.7",
 		"svelte-carousel": "^1.0.25",
 		"svelte-chartjs": "^3.1.5",
-		"svelte-exmarkdown": "^3.0.3",
+		"svelte-exmarkdown": "^3.0.5",
 		"svelte-infinite-loading": "^1.3.8",
 		"svelte-portal": "^2.2.1",
 		"svelte-tiny-virtual-list": "^2.0.5",
@@ -132,7 +132,7 @@
 		"vscode-languageclient": "~9.0.1",
 		"vscode-uri": "~3.0.8",
 		"vscode-ws-jsonrpc": "~3.1.0",
-		"windmill-parser-wasm": "^1.347.1",
+		"windmill-parser-wasm": "^1.355.4",
 		"windmill-sql-datatype-parser-wasm": "^1.318.0",
 		"y-monaco": "^0.1.4",
 		"y-websocket": "^1.5.0",
@@ -204,11 +204,6 @@
 			"svelte": "./package/components/common/tabs/Tab.svelte",
 			"default": "./package/components/common/tabs/Tab.svelte"
 		},
-		"./components/common/tabs/AppTheme.svelte": {
-			"types": "./package/components/AppTheme.svelte.d.ts",
-			"svelte": "./package/components/AppTheme.svelte",
-			"default": "./package/components/AppTheme.svelte"
-		},
 		"./components/common/alert/Alert.svelte": {
 			"types": "./package/components/common/alert/Alert.svelte.d.ts",
 			"svelte": "./package/components/common/alert/Alert.svelte",
@@ -399,9 +394,6 @@
 			"components/SchemaEditor.svelte": [
 				"./package/components/SchemaEditor.svelte.d.ts"
 			],
-			"components/AppTheme.svelte": [
-				"./package/components/AppTheme.svelte.d.ts"
-			],
 			"components/EditableSchemaWrapper.svelte": [
 				"./package/components/schema/EditableSchemaWrapper.svelte.d.ts"
 			],

package/package/components/ContentSearch.svelte

@@ -1,355 +0,0 @@
-<script>import { AppService, FlowService, ResourceService, ScriptService } from '../gen';
-import { enterpriseLicense, workspaceStore } from '../stores';
-import { clickOutside } from '../utils';
-import { Boxes, Code2, Edit, LayoutDashboard, Loader2, X } from 'lucide-svelte';
-import Portal from 'svelte-portal';
-import { twMerge } from 'tailwind-merge';
-import SearchItems from './SearchItems.svelte';
-import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
-import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
-import FlowIcon from './home/FlowIcon.svelte';
-import { Alert, Button } from './common';
-import YAML from 'yaml';
-let search = '';
-export async function open(nsearch) {
-    isOpen = true;
-    await Promise.all([loadScripts(), loadResources(), loadApps(), loadFlows()]);
-    if (nsearch) {
-        search = nsearch;
-    }
-}
-export async function loadScripts() {
-    scripts = await ScriptService.listSearchScript({ workspace: $workspaceStore ?? '' });
-}
-export async function loadResources() {
-    resources = await ResourceService.listSearchResource({ workspace: $workspaceStore ?? '' });
-}
-export async function loadApps() {
-    apps = await AppService.listSearchApp({ workspace: $workspaceStore ?? '' });
-}
-export async function loadFlows() {
-    flows = await FlowService.listSearchFlow({ workspace: $workspaceStore ?? '' });
-}
-let searchKind = 'all';
-let isOpen = false;
-let inputElement;
-// Reactive statement to focus the input when the modal opens
-$: if (isOpen && inputElement) {
-    // Use a timeout to ensure focus after any animations or rendering
-    setTimeout(() => inputElement.focus(), 0);
-}
-let scripts = undefined;
-let filteredScriptItems = [];
-let resources = undefined;
-let filteredResourceItems = [];
-let flows = undefined;
-let filteredFlowItems = [];
-let apps = undefined;
-let filteredAppItems = [];
-function getCounts(n) {
-    return ` (${n})`;
-}
-$: counts =
-    search == '' ||
-        !scripts ||
-        !resources ||
-        !flows ||
-        !apps ||
-        !filteredAppItems ||
-        !filteredFlowItems ||
-        !filteredResourceItems ||
-        !filteredScriptItems
-        ? {
-            all: '',
-            apps: '',
-            flows: '',
-            resources: '',
-            scripts: ''
-        }
-        : {
-            all: getCounts(filteredAppItems.length +
-                filteredFlowItems.length +
-                filteredResourceItems.length +
-                filteredScriptItems.length),
-            apps: getCounts(filteredAppItems.length),
-            resources: getCounts(filteredResourceItems.length),
-            flows: getCounts(filteredFlowItems.length),
-            scripts: getCounts(filteredScriptItems.length)
-        };
-</script>
-
-<SearchItems
-	filter={search}
-	items={scripts}
-	f={(s) => {
-		return s.content
-	}}
-	bind:filteredItems={filteredScriptItems}
-/>
-
-<SearchItems
-	filter={search}
-	items={resources}
-	f={(s) => {
-		return YAML.stringify(s.value)
-	}}
-	bind:filteredItems={filteredResourceItems}
-/>
-
-<SearchItems
-	filter={search}
-	items={flows}
-	f={(s) => {
-		return YAML.stringify(s.value, null, 4)
-	}}
-	bind:filteredItems={filteredFlowItems}
-/>
-
-<SearchItems
-	filter={search}
-	items={apps}
-	f={(s) => {
-		return YAML.stringify(s.value, null, 4)
-	}}
-	bind:filteredItems={filteredAppItems}
-/>
-
-{#if isOpen}
-	<Portal>
-		<div
-			class={twMerge(
-				`fixed top-0 bottom-0 left-0 right-0 transition-all duration-50`,
-				' bg-black bg-opacity-60',
-				'z-[1100]'
-			)}
-		>
-			<div
-				class={'max-w-4xl lg:mx-auto mx-10 mt-8 bg-surface rounded-lg relative'}
-				use:clickOutside={false}
-				on:click_outside={() => {
-					isOpen = false
-				}}
-			>
-				<div class="px-4 py-2 border-b flex justify-between items-center">
-					<div>Search by content</div>
-					<div class="w-8">
-						<button
-							on:click|stopPropagation={() => {
-								isOpen = false
-							}}
-							class="hover:bg-surface-hover bg-surface-secondary rounded-full w-8 h-8 flex items-center justify-center transition-all"
-						>
-							<X class="text-tertiary" />
-						</button>
-					</div>
-				</div>
-				<div class="px-2 py-2 overflow-auto">
-					<div class="flex gap-2 flex-wrap">
-						<div class="flex justify-start">
-							<ToggleButtonGroup bind:selected={searchKind} class="h-10">
-								<ToggleButton small light value="all" label={'All' + counts.all} />
-								<ToggleButton
-									small
-									light
-									value="scripts"
-									icon={Code2}
-									label={'Scripts' + counts.scripts}
-								/>
-								<ToggleButton
-									small
-									light
-									value="resources"
-									icon={Boxes}
-									label={'Resources' + counts.resources}
-								/>
-								<ToggleButton
-									small
-									light
-									value="flows"
-									label={'Flows' + counts.flows}
-									icon={FlowIcon}
-									selectedColor="#14b8a6"
-								/>
-								<ToggleButton
-									small
-									light
-									value="apps"
-									label={'Apps' + counts.apps}
-									icon={LayoutDashboard}
-									selectedColor="#fb923c"
-								/>
-							</ToggleButtonGroup>
-						</div>
-						<div class="relative text-tertiary grow min-w-[100px]">
-							<!-- svelte-ignore a11y-autofocus -->
-							<input
-								bind:this={inputElement}
-								placeholder="Search in the content of resources, scripts, flows and apps"
-								bind:value={search}
-								class="bg-surface !h-10 !px-4 !pr-10 !rounded-lg text-sm focus:outline-none"
-							/>
-							<button type="submit" class="absolute right-0 top-0 mt-3 mr-4">
-								<svg
-									class="h-4 w-4 fill-current"
-									xmlns="http://www.w3.org/2000/svg"
-									xmlns:xlink="http://www.w3.org/1999/xlink"
-									version="1.1"
-									id="Capa_1"
-									x="0px"
-									y="0px"
-									viewBox="0 0 56.966 56.966"
-									style="enable-background:new 0 0 56.966 56.966;"
-									xml:space="preserve"
-									width="512px"
-									height="512px"
-								>
-									<path
-										d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23  s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92  c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17  s-17-7.626-17-17S14.61,6,23.984,6z"
-									/>
-								</svg>
-							</button>
-						</div>
-					</div>
-					<div class="mt-1">
-						<div class="text-xs text-secondary"
-							>Searching among <div class="inline-flex"
-								>{#if scripts}{scripts?.length}{:else}
-									<Loader2 size={10} class="animate-spin " />
-								{/if}</div
-							>
-							scripts,
-							<div class="inline-flex"
-								>{#if resources}{resources?.length}{:else}
-									<Loader2 size={10} class="animate-spin " />
-								{/if}</div
-							>
-							resources,
-							<div class="inline-flex"
-								>{#if flows}{flows?.length}{:else}
-									<Loader2 size={10} class="animate-spin " />
-								{/if}</div
-							>
-							flows,
-							<div class="inline-flex"
-								>{#if apps}{apps?.length}{:else}
-									<Loader2 size={10} class="animate-spin " />
-								{/if}</div
-							>
-							apps</div
-						>
-					</div>
-
-					<div class="mt-1 overflow-auto max-h-[80vh]">
-						{#if !$enterpriseLicense}
-							<div class="py-1" />
-
-							<Alert title="Content Search is an EE feature" type="warning">
-								Without EE, content search will only search among 10 scripts, 3 flows, 3 apps and 3
-								resources.
-							</Alert>
-							<div class="py-1" />
-						{/if}
-
-						{#if search.length > 0}
-							<div class="flex flex-col gap-4">
-								{#if (searchKind == 'all' || searchKind == 'scripts') && filteredScriptItems?.length > 0}
-									{#each filteredScriptItems ?? [] as item}
-										<div>
-											<div class="text-sm font-semibold"
-												><a href="/scripts/get/{item.path}">Script: {item.path}</a></div
-											>
-											<div class="flex gap-2 justify-between">
-												<pre class="text-xs border p-2 overflow-auto max-h-40 w-full max-w-2xl"
-													><code>{@html item.marked}</code></pre
-												>
-												<div>
-													<div class="flex gap-2">
-														<Button
-															on:click|once={() => {
-																window
-																	.open(`/scripts/edit/${item.path}?no_draft=true`, '_blank')
-																	?.focus()
-															}}
-															color="light"
-															size="sm"
-															startIcon={{ icon: Edit }}
-														>
-															Edit
-														</Button>
-													</div>
-												</div>
-											</div>
-										</div>
-									{/each}
-								{/if}
-								{#if (searchKind == 'all' || searchKind == 'resources') && filteredResourceItems?.length > 0}
-									{#each filteredResourceItems ?? [] as item}
-										<div>
-											<div class="text-sm font-semibold">Resource: {item.path}</div>
-											<div class="flex gap-2 justify-between">
-												<pre class="text-xs border p-2 overflow-auto max-h-40 w-full max-w-2xl"
-													><code>{@html item.marked}</code></pre
-												>
-											</div>
-										</div>
-									{/each}
-								{/if}
-								{#if (searchKind == 'all' || searchKind == 'flows') && filteredFlowItems?.length > 0}
-									{#each filteredFlowItems ?? [] as item}
-										<div>
-											<div class="text-sm font-semibold"
-												><a href="/flows/get/{item.path}">Flow: {item.path}</a></div
-											>
-											<div class="flex gap-2 justify-between">
-												<pre class="text-xs border p-2 overflow-auto max-h-40 w-full max-w-2xl"
-													><code>{@html item.marked}</code></pre
-												>
-												<div>
-													<div class="flex gap-2">
-														<Button
-															on:click|once={() => {
-																window
-																	.open(`/flows/edit/${item.path}?no_draft=true`, '_blank')
-																	?.focus()
-															}}
-															color="light"
-															size="sm"
-															startIcon={{ icon: Edit }}>Edit</Button
-														>
-													</div>
-												</div>
-											</div>
-										</div>
-									{/each}
-								{/if}
-								{#if (searchKind == 'all' || searchKind == 'apps') && filteredAppItems?.length > 0}
-									{#each filteredAppItems ?? [] as item}
-										<div>
-											<div class="text-sm font-semibold"
-												><a href="/apps/get/{item.path}">App: {item.path}</a></div
-											>
-											<div class="flex gap-2 justify-between">
-												<pre class="text-xs border p-2 overflow-auto max-h-40 w-full max-w-2xl"
-													><code>{@html item.marked}</code></pre
-												>
-											</div>
-										</div>
-									{/each}
-								{/if}
-							</div>
-						{:else}
-							<div class="flex justify-center items-center h-48">
-								<div class="text-tertiary text-center">
-									<div class="text-2xl font-bold">Empty Search Filter</div>
-									<div class="text-sm"
-										>Start writing, search everywhere a path is referenced for instance</div
-									>
-								</div>
-							</div>
-						{/if}
-					</div>
-				</div></div
-			></div
-		></Portal
-	>
-{/if}