windmill-components 1.21.0 → 1.28.1

package/stores.d.ts

@@ -18,8 +18,8 @@ export declare const hubScripts: import("svelte/store").Writable<{
     summary: string;
     approved: boolean;
     is_trigger: boolean;
+    app: string;
 }[] | undefined>;
 export declare function clearStores(): void;
 export declare const previewResults: import("svelte/store").Writable<Record<number, Object>>;
 export declare function clearPreviewResults(): void;
-export declare function addPreviewResult(res: Object, index: number): void;

package/stores.js

@@ -30,9 +30,3 @@ export const previewResults = writable({});
 export function clearPreviewResults() {
     previewResults.set({});
 }
-export function addPreviewResult(res, index) {
-    previewResults.update((rec) => {
-        rec[index] = res;
-        return rec;
-    });
-}

package/utils.d.ts

@@ -1,11 +1,12 @@
-import type { User } from './gen';
+import { type Flow, type User } from './gen';
 import type { Schema } from './common';
-import type { UserExt } from './stores';
+import { type UserExt } from './stores';
 export declare function isToday(someDate: Date): boolean;
 export declare function daysAgo(someDate: Date): number;
 export declare function secondsAgo(date: Date): number;
 export declare function displayDaysAgo(dateString: string): string;
 export declare function displayDate(dateString: string | undefined): string;
+export declare function msToSec(ms: number | undefined): string;
 export declare function getToday(): Date;
 export declare function sendUserToast(message: string, error?: boolean): void;
 export declare function truncateHash(hash: string): string;
@@ -43,6 +44,7 @@ export declare function simpleSchema(): {
 };
 export declare function removeItemAll<T>(arr: T[], value: T): T[];
 export declare function canWrite(path: string, extra_perms: Record<string, boolean>, user?: UserExt): boolean;
+export declare function defaultIfEmptyString(str: string | undefined, dflt: string): string;
 export declare function removeKeysWithEmptyValues(obj: any): any;
 export declare function allTrue(dict: {
     [id: string]: boolean;
@@ -50,18 +52,36 @@ export declare function allTrue(dict: {
 export declare function forLater(scheduledString: string): boolean;
 export declare function elapsedSinceSecs(date: string): number;
 export declare function pathIsEmpty(path: string): boolean;
+export declare function encodeState(state: any): string;
+export declare function decodeState(query: string): any;
 export declare function setQuery(url: URL, key: string, value: string): Promise<void>;
-export declare function setQueryWithoutLoad(url: URL, key: string, value: string): Promise<void>;
+export declare function setQueryWithoutLoad(url: URL, key: string, value: string): void;
 export declare function groupBy<T>(scripts: T[], toGroup: (t: T) => string, dflts?: string[]): [string, T[]][];
 export declare function truncate(s: string, n: number, suffix?: string): string;
 export declare function truncateRev(s: string, n: number, prefix?: string): string;
 export declare function isString(value: any): boolean;
 export declare function mapUserToUserExt(user: User): UserExt;
-export declare function buildExtraLib(previousResultType?: string): string;
+export declare function buildExtraLib(flowInput: string, previousResultType?: string): string;
 export declare function schemaToTsType(schema: Schema): string;
-export declare function schemaToObject(schema: Schema): Object;
+export declare function schemaToObject(schema: Schema, args: Record<string, any>): Object;
 export declare function valueToTsType(value: any): string;
 export declare function objectToTsType(object: Object): string;
-export declare type InputCat = "string" | "number" | "boolean" | "list" | "resource-object" | "enum" | "date" | "base64" | "resource-string" | "object";
+export declare type InputCat = "string" | "number" | "boolean" | "list" | "resource-object" | "enum" | "date" | "base64" | "resource-string" | "object" | "sql";
 export declare function setInputCat(type: string | undefined, format: string | undefined, itemsType: string | undefined, enum_: any, contentEncoding: string | undefined): InputCat;
 export declare function scriptPathToHref(path: string): string;
+export declare function getScriptByPath(path: string): Promise<{
+    content: string;
+    language: 'deno' | 'python3';
+}>;
+export declare function loadHubScripts(): Promise<void>;
+export declare function loadHubFlows(): Promise<{
+    id: number;
+    flow_id: number;
+    summary: string;
+    apps: string[];
+    approved: boolean;
+    votes: number;
+}[]>;
+export declare function formatCron(inp: string): string;
+export declare function flowToHubUrl(flow: Flow): URL;
+export declare function scriptToHubUrl(content: string, summary: string, description: string, trigger: boolean): URL;

package/utils.js

@@ -1,6 +1,9 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 import { goto } from '$app/navigation';
+import { FlowService, ScriptService } from './gen';
 import { toast } from '@zerodevx/svelte-toast';
+import { get } from 'svelte/store';
+import { hubScripts, workspaceStore } from './stores';
 export function isToday(someDate) {
     const today = new Date();
     return (someDate.getDate() == today.getDate() &&
@@ -36,6 +39,11 @@ export function displayDate(dateString) {
         return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()} at ${date.toLocaleTimeString()}`;
     }
 }
+export function msToSec(ms) {
+    if (ms === undefined)
+        return '?';
+    return (ms / 1000).toLocaleString(undefined, { maximumFractionDigits: 3 });
+}
 export function getToday() {
     var today = new Date();
     return today;
@@ -134,6 +142,9 @@ export function canWrite(path, extra_perms, user) {
     }
     return false;
 }
+export function defaultIfEmptyString(str, dflt) {
+    return str == undefined || str == '' ? dflt : str;
+}
 export function removeKeysWithEmptyValues(obj) {
     Object.keys(obj).forEach((key) => (obj[key] === undefined ? delete obj[key] : {}));
 }
@@ -149,11 +160,17 @@ export function elapsedSinceSecs(date) {
 export function pathIsEmpty(path) {
     return path == undefined || path.split('/')[2] == '';
 }
+export function encodeState(state) {
+    return btoa(encodeURIComponent(JSON.stringify(state)));
+}
+export function decodeState(query) {
+    return JSON.parse(decodeURIComponent(atob(query)));
+}
 export async function setQuery(url, key, value) {
     url.searchParams.set(key, value);
     await goto(`?${url.searchParams.toString()}`);
 }
-export async function setQueryWithoutLoad(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());
@@ -212,7 +229,7 @@ export function mapUserToUserExt(user) {
         pgroups: user.groups.map((x) => `g/${x}`)
     };
 }
-export function buildExtraLib(previousResultType) {
+export function buildExtraLib(flowInput, previousResultType) {
     return `
 /**
 * get variable (including secret) at path
@@ -237,7 +254,7 @@ export function step(n: number): any;
 /**
 * flow input as an object
 */
-export const flow_input: any;
+export const flow_input: ${flowInput};
 
 /**
 * previous result as an object
@@ -281,15 +298,14 @@ export function schemaToTsType(schema) {
         .join(';');
     return `{ ${types} }`;
 }
-export function schemaToObject(schema) {
+export function schemaToObject(schema, args) {
     const object = {};
     if (!schema) {
         return object;
     }
     const propKeys = Object.keys(schema.properties);
     propKeys.forEach((key) => {
-        const prop = schema.properties[key];
-        object[key] = prop.type;
+        object[key] = args[key] ?? null;
     });
     return object;
 }
@@ -339,6 +355,9 @@ export function setInputCat(type, format, itemsType, enum_, contentEncoding) {
     else if (type == 'string' && format == 'date-time') {
         return 'date';
     }
+    else if (type == 'string' && format == 'sql') {
+        return 'sql';
+    }
     else if (type == 'string' && contentEncoding == 'base64') {
         return 'base64';
     }
@@ -351,9 +370,77 @@ export function setInputCat(type, format, itemsType, enum_, contentEncoding) {
 }
 export function scriptPathToHref(path) {
     if (path.startsWith('hub/')) {
-        return 'https://hub.windmill.dev/scripts/get/' + path.substring(4);
+        return 'https://hub.windmill.dev/from_version/' + path.substring(4);
     }
     else {
         return `/scripts/get/${path}`;
     }
 }
+export async function getScriptByPath(path) {
+    if (path.startsWith('hub/')) {
+        const content = await ScriptService.getHubScriptContentByPath({ path });
+        return {
+            content,
+            language: 'deno'
+        };
+    }
+    else {
+        const script = await ScriptService.getScriptByPath({
+            workspace: get(workspaceStore),
+            path: path ?? ''
+        });
+        return {
+            content: script.content,
+            language: script.language
+        };
+    }
+}
+export async function loadHubScripts() {
+    const scripts = (await ScriptService.listHubScripts()).asks ?? [];
+    const processed = scripts.map((x) => ({
+        path: `hub/${x.id}/${x.summary.toLowerCase().replaceAll(/\s+/g, '_')}`,
+        summary: `${x.summary} (${x.app}) ${x.views} uses`,
+        approved: x.approved,
+        is_trigger: x.is_trigger,
+        app: x.app,
+        views: x.views,
+        votes: x.votes,
+        ask_id: x.ask_id,
+    })).sort((a, b) => b.views - a.views);
+    hubScripts.set(processed);
+}
+export async function loadHubFlows() {
+    const flows = (await FlowService.listHubFlows()).flows ?? [];
+    const processed = flows.sort((a, b) => b.votes - a.votes);
+    return processed;
+}
+export function formatCron(inp) {
+    // Allow for cron expressions inputted by the user to omit month and year
+    let splitted = inp.split(' ');
+    splitted = splitted.filter(String); //remove empty string elements
+    if (6 - splitted.length > 0) {
+        return splitted.concat(Array(6 - splitted.length).fill('*')).join(' ');
+    }
+    else {
+        return inp;
+    }
+}
+export function flowToHubUrl(flow) {
+    const url = new URL('https://hub.windmill.dev/flows/add');
+    const openFlow = {
+        value: flow.value,
+        summary: flow.summary,
+        description: flow.description,
+        schema: flow.schema
+    };
+    url.searchParams.append('flow', encodeState(openFlow));
+    return url;
+}
+export function scriptToHubUrl(content, summary, description, trigger) {
+    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('trigger', trigger.toString());
+    return url;
+}

package/components/RadioButtonV2.svelte

@@ -1,38 +0,0 @@
-<script>export let options;
-export let value;
-import { createEventDispatcher } from 'svelte';
-$: dispatch('change', value);
-const dispatch = createEventDispatcher();
-</script>
-
-<div class="flex flex-row space-x-4 m-4 reveal">
-	{#each options as [label, val]}
-		<button
-			type="button"
-			on:click={() => {
-				value = val
-			}}
-			class="flex flex-col default-secondary-button-v2 mb-2 w-full"
-			class:selected={value == val}
-		>
-			<h2 class="mb-2">{label.title}</h2>
-			<p class="hidden">
-				{label.desc}
-			</p>
-		</button>
-	{/each}
-</div>
-
-<style>
-	.reveal:hover > button > p {
-		display: block;
-	}
-	.selected {
-		background-color: rgb(59 130 246 / 0.7);
-		--tw-text-opacity: 1;
-		color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-	.selected > h2 {
-		--tw-text-opacity: 1;
-		color: rgb(255 255 255 / var(--tw-text-opacity));
-}</style>

package/components/RadioButtonV2.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        options: [{
-            title: string;
-            desc?: string;
-        }, string][];
-        value: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type RadioButtonV2Props = typeof __propDef.props;
-export declare type RadioButtonV2Events = typeof __propDef.events;
-export declare type RadioButtonV2Slots = typeof __propDef.slots;
-export default class RadioButtonV2 extends SvelteComponentTyped<RadioButtonV2Props, RadioButtonV2Events, RadioButtonV2Slots> {
-}
-export {};