windmill-components 1.84.6 → 1.86.0

package/script_helpers.d.ts

@@ -5,7 +5,7 @@ import PYTHON_INIT_CODE_TRIGGER from './init_scripts/python_init_code_trigger';
 import PYTHON_FAILURE_MODULE_CODE from './init_scripts/python_failure_module';
 export { PYTHON_INIT_CODE, PYTHON_INIT_CODE_CLEAR, PYTHON_INIT_CODE_TRIGGER, PYTHON_FAILURE_MODULE_CODE };
 export declare const DENO_INIT_CODE: string;
-export declare const GO_INIT_CODE = "package inner\n\nimport (\n\t\"fmt\"\n\t\"rsc.io/quote\"\n  // wmill \"github.com/windmill-labs/windmill-go-client\"\n)\n\n// the main must return (interface{}, error)\n\nfunc main(x string, nested struct{ Foo string `json:\"foo\"` }) (interface{}, error) {\n\tfmt.Println(\"Hello, World\")\n\tfmt.Println(nested.Foo)\n\tfmt.Println(quote.Opt())\n  // v, _ := wmill.GetVariable(\"f/examples/secret\")\n  return x, nil\n}\n";
+export declare const GO_INIT_CODE = "package inner\n\nimport (\n\t\"fmt\"\n\t\"rsc.io/quote\"\n\t// wmill \"github.com/windmill-labs/windmill-go-client\"\n)\n\n// the main must return (interface{}, error)\n\nfunc main(x string, nested struct {\n\tFoo string `json:\"foo\"`\n}) (interface{}, error) {\n\tfmt.Println(\"Hello, World\")\n\tfmt.Println(nested.Foo)\n\tfmt.Println(quote.Opt())\n\t// v, _ := wmill.GetVariable(\"f/examples/secret\")\n\treturn x, nil\n}\n";
 export declare const GO_FAILURE_MODULE_CODE = "package inner\n\nimport (\n\t\"fmt\"\n  \"os\"\n)\n\n// connect the error parameter to 'previous_result.error'\n\nfunc main(message string, name string) (interface{}, error) {\n\tfmt.Println(message)\n\tfmt.Println(name)\n\tfmt.Println(\"flow id that failed\", os.Getenv(\"WM_FLOW_JOB_ID\"))\n  return message, nil\n}\n";
 export declare const DENO_INIT_CODE_CLEAR: string;
 export declare const DENO_FAILURE_MODULE_CODE = "// flow is considered recovered and a success unless an exception is thrown\n\nexport async function main(message: string, name: string) {\n  const flow_id = Deno.env.get(\"WM_FLOW_JOB_ID\")\n  console.log(\"message\", message)\n  console.log(\"name\",name)\n  return { message, flow_id }\n}\n";

package/script_helpers.js

@@ -3,7 +3,7 @@ import PYTHON_INIT_CODE_CLEAR from './init_scripts/python_init_code_clear';
 import PYTHON_INIT_CODE_TRIGGER from './init_scripts/python_init_code_trigger';
 import PYTHON_FAILURE_MODULE_CODE from './init_scripts/python_failure_module';
 export { PYTHON_INIT_CODE, PYTHON_INIT_CODE_CLEAR, PYTHON_INIT_CODE_TRIGGER, PYTHON_FAILURE_MODULE_CODE };
-export const DENO_INIT_CODE = `// Ctrl+. to cache dependencies on imports hover, Ctrl+S to format.
+export const DENO_INIT_CODE = `// Ctrl/CMD+. to cache dependencies on imports hover, Ctrl/CMD+S to format.
 
 // import { toWords } from "npm:number-to-words@1"
 // import * as wmill from "https://deno.land/x/windmill@v${__pkg__.version}/mod.ts"
@@ -24,17 +24,19 @@ export const GO_INIT_CODE = `package inner
 import (
 	"fmt"
 	"rsc.io/quote"
-  // wmill "github.com/windmill-labs/windmill-go-client"
+	// wmill "github.com/windmill-labs/windmill-go-client"
 )
 
 // the main must return (interface{}, error)
 
-func main(x string, nested struct{ Foo string \`json:"foo"\` }) (interface{}, error) {
+func main(x string, nested struct {
+	Foo string \`json:"foo"\`
+}) (interface{}, error) {
 	fmt.Println("Hello, World")
 	fmt.Println(nested.Foo)
 	fmt.Println(quote.Opt())
-  // v, _ := wmill.GetVariable("f/examples/secret")
-  return x, nil
+	// v, _ := wmill.GetVariable("f/examples/secret")
+	return x, nil
 }
 `;
 export const GO_FAILURE_MODULE_CODE = `package inner

package/stores.js

@@ -1,5 +1,5 @@
 import { browser } from '$app/environment';
-import { derived, writable } from 'svelte/store';
+import { derived, writable, get } from 'svelte/store';
 import { getUserExt } from './user';
 import { WorkspaceService } from './gen';
 import { isCloudHosted } from './utils';
@@ -49,6 +49,19 @@ if (browser) {
             userStore.set(undefined);
         }
     });
+    setInterval(async () => {
+        try {
+            const workspace = get(workspaceStore);
+            const user = get(userStore);
+            if (workspace && user && !user.is_super_admin && !user.is_admin) {
+                userStore.set(await getUserExt(workspace));
+                console.log('refreshed user');
+            }
+        }
+        catch (e) {
+            console.error('Could not refresh user', e);
+        }
+    }, 30000);
 }
 export function switchWorkspace(workspace) {
     localStorage.removeItem('flow');

package/user.d.ts

@@ -1,3 +1,3 @@
-import { type UserExt } from "./stores.js";
+import { type UserExt } from './stores.js';
 export declare function refreshSuperadmin(): Promise<void>;
 export declare function getUserExt(workspace: string): Promise<UserExt | undefined>;

package/user.js

@@ -1,7 +1,7 @@
-import { get } from "svelte/store";
-import { UserService } from "./gen";
-import { superadmin } from "./stores.js";
-import { goto } from "$app/navigation";
+import { get } from 'svelte/store';
+import { UserService } from './gen';
+import { superadmin } from './stores.js';
+import { goto } from '$app/navigation';
 export async function refreshSuperadmin() {
     if (get(superadmin) == undefined) {
         try {
@@ -15,7 +15,7 @@ export async function refreshSuperadmin() {
         }
         catch {
             superadmin.set(false);
-            goto("/user/logout");
+            goto('/user/logout');
         }
     }
 }
@@ -32,6 +32,6 @@ function mapUserToUserExt(user) {
     return {
         ...user,
         groups: user.groups,
-        pgroups: user.groups.map((x) => `g/${x}`),
+        pgroups: user.groups.map((x) => `g/${x}`)
     };
 }

package/utils.d.ts

@@ -1,4 +1,4 @@
-import { Script, type Flow, type User } from './gen';
+import { type Flow, Script, type User } from './gen';
 import type { Schema, SupportedLanguage } from './common';
 import { type UserExt } from './stores';
 export declare function validateUsername(username: string): string;
@@ -105,7 +105,7 @@ export declare function flowToHubUrl(flow: Flow): URL;
 export declare function appToHubUrl(staticApp: any): URL;
 export declare function scriptToHubUrl(content: string, summary: string, description: string, kind: Script.kind, language: Script.language, schema: Schema | undefined, lock: string | undefined): URL;
 export declare function classNames(...classes: Array<string | undefined>): string;
-export declare function scriptLangToEditorLang(lang: Script.language): 'typescript' | 'python' | 'go' | 'shell';
+export declare function scriptLangToEditorLang(lang: Script.language): Script.language.GO | "typescript" | "python" | "shell";
 export declare function copyToClipboard(value?: string, sendToast?: boolean): Promise<boolean>;
 export declare function pluralize(quantity: number, word: string, customPlural?: string): string;
 export declare function capitalize(word: string): string;

package/utils.js

@@ -5,6 +5,7 @@ import { toast } from '@zerodevx/svelte-toast';
 import { hubScripts, workspaceStore } from './stores';
 import { page } from '$app/stores';
 import { get } from 'svelte/store';
+import Toast from './components/Toast.svelte';
 export function validateUsername(username) {
     if (username != '' && !/^\w+$/.test(username)) {
         return 'username can only contain letters and numbers';
@@ -74,16 +75,22 @@ export function getToday() {
     return today;
 }
 export function sendUserToast(message, error = false) {
-    if (error) {
-        toast.push(message, {
-            theme: {
-                '--toastBackground': '#FEE2E2',
-                '--toastBarBackground': '#FEE2E2'
-            }
-        });
-    }
-    else
-        toast.push(message);
+    toast.push({
+        component: {
+            src: Toast,
+            props: {
+                message,
+                error
+            },
+            sendIdTo: 'toastId'
+        },
+        dismissable: false,
+        initial: 0,
+        theme: {
+            '--toastPadding': '0',
+            '--toastMsgPadding': '0'
+        }
+    });
 }
 export function truncateHash(hash) {
     if (hash.length >= 6) {
@@ -154,7 +161,10 @@ export async function isOwner(path, user, workspace) {
         return false;
     }
     else {
-        return await UserService.isOwnerOfPath({ path: path, workspace: workspace });
+        return await UserService.isOwnerOfPath({
+            path: path,
+            workspace: workspace
+        });
     }
 }
 export function isObviousOwner(path, user) {

package/components/common/button/ButtonPopup.svelte

@@ -1,75 +0,0 @@
-<script>import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
-import { setContext } from 'svelte';
-import Icon from 'svelte-awesome';
-import { Button, ButtonType, Popup } from '..';
-export let size = 'md';
-export let color = 'blue';
-export let variant = 'contained';
-export let mainClasses = '';
-export let toggleClasses = '';
-export let listClasses = '';
-export let disabled = false;
-export let href = undefined;
-export let target = '_self';
-export let startIcon = undefined;
-export let endIcon = undefined;
-export let spacingSize = size;
-export let loading = false;
-let ref;
-setContext(ButtonType.ItemContextKey, { size, color });
-$: separator = color === 'red' || color === 'blue' ? 'border-gray-200' : 'border-gray-400';
-$: commonProps = {
-    size,
-    color,
-    variant,
-    disabled,
-    spacingSize
-};
-</script>
-
-<div class="flex justy-start items-center">
-	{#if $$slots.main}
-		<Button
-			{loading}
-			{...commonProps}
-			{href}
-			{target}
-			{startIcon}
-			{endIcon}
-			btnClasses="!rounded-r-none !border-r-0 {mainClasses}"
-			on:click
-		>
-			<slot name="main" />
-		</Button>
-	{/if}
-	<span class={$$slots.main && variant === 'contained' ? 'border-l ' + separator : ''}>
-		<Button
-			bind:element={ref}
-			{...commonProps}
-			btnClasses="{$$slots.main ? '!rounded-l-none' : ''} {toggleClasses}"
-			on:click={() => {}}
-		>
-			<slot name="toggle">
-				<!-- Invisible, but needed to match the height of the 'main' button -->
-				<span class="!opacity-0 !w-0">A</span>
-				<Icon data={faChevronDown} scale={ButtonType.IconScale[size]} />
-			</slot>
-		</Button>
-	</span>
-</div>
-{#if ref}
-	<Popup
-		{ref}
-		let:open
-		let:close
-		options={{
-			placement: $$slots.main ? 'bottom-end' : 'bottom',
-			strategy: 'absolute',
-			modifiers: [{ name: 'offset', options: { offset: [0, 0] } }]
-		}}
-	>
-		<ul class="bg-white rounded-t border pt-1 pb-2 max-h-40 overflow-auto {listClasses}">
-			<slot {open} {close} />
-		</ul>
-	</Popup>
-{/if}

package/components/common/button/ButtonPopup.svelte.d.ts

@@ -1,39 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import Icon from 'svelte-awesome';
-import { ButtonType } from '..';
-declare const __propDef: {
-    props: {
-        size?: ButtonType.Size | undefined;
-        color?: "none" | "blue" | "gray" | "red" | "green" | "dark" | "light" | undefined;
-        variant?: ButtonType.Variant | undefined;
-        mainClasses?: string | undefined;
-        toggleClasses?: string | undefined;
-        listClasses?: string | undefined;
-        disabled?: boolean | undefined;
-        href?: string | undefined;
-        target?: ButtonType.Target | undefined;
-        startIcon?: ButtonType.Icon | undefined;
-        endIcon?: ButtonType.Icon | undefined;
-        spacingSize?: ButtonType.Size | undefined;
-        loading?: boolean | undefined;
-    };
-    events: {
-        click: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        main: {};
-        toggle: {};
-        default: {
-            open: () => void;
-            close: () => void;
-        };
-    };
-};
-export type ButtonPopupProps = typeof __propDef.props;
-export type ButtonPopupEvents = typeof __propDef.events;
-export type ButtonPopupSlots = typeof __propDef.slots;
-export default class ButtonPopup extends SvelteComponentTyped<ButtonPopupProps, ButtonPopupEvents, ButtonPopupSlots> {
-}
-export {};

package/components/common/button/ButtonPopupItem.svelte

@@ -1,48 +0,0 @@
-<script>import { getContext } from 'svelte';
-import { Button, ButtonType } from '..';
-import { classNames } from '../../../utils';
-export let btnClasses = '';
-export let disabled = false;
-export let href = undefined;
-export let target = '_self';
-export let iconOnly = false;
-export let startIcon = undefined;
-export let endIcon = undefined;
-export let wrapperClasses = '';
-const props = getContext(ButtonType.ItemContextKey);
-const iconWidthClass = {
-    xs: '!w-[12px]',
-    sm: '!w-[14px]',
-    md: '!w-[16px]',
-    lg: '!w-[18px]',
-    xl: '!w-[20px]'
-};
-const getWidthClass = () => (props?.size ? iconWidthClass[props.size] : undefined);
-$: buttonProps = {
-    ...props,
-    variant: 'border',
-    btnClasses: classNames(btnClasses, '!justify-start !border-0 !rounded-none !w-full'),
-    disabled,
-    href,
-    target,
-    iconOnly,
-    startIcon: startIcon
-        ? {
-            icon: startIcon.icon,
-            classes: classNames(startIcon?.classes, getWidthClass())
-        }
-        : undefined,
-    endIcon: endIcon
-        ? {
-            icon: endIcon.icon,
-            classes: classNames(endIcon?.classes, getWidthClass())
-        }
-        : undefined
-};
-</script>
-
-<li class="mt-1 {wrapperClasses}">
-	<Button {...buttonProps} on:click>
-		<slot />
-	</Button>
-</li>

package/components/common/button/ButtonPopupItem.svelte.d.ts

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { ButtonType } from '..';
-declare const __propDef: {
-    props: {
-        btnClasses?: string | undefined;
-        disabled?: boolean | undefined;
-        href?: string | undefined;
-        target?: ButtonType.Target | undefined;
-        iconOnly?: boolean | undefined;
-        startIcon?: ButtonType.Icon | undefined;
-        endIcon?: ButtonType.Icon | undefined;
-        wrapperClasses?: string | undefined;
-    };
-    events: {
-        click: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ButtonPopupItemProps = typeof __propDef.props;
-export type ButtonPopupItemEvents = typeof __propDef.events;
-export type ButtonPopupItemSlots = typeof __propDef.slots;
-export default class ButtonPopupItem extends SvelteComponentTyped<ButtonPopupItemProps, ButtonPopupItemEvents, ButtonPopupItemSlots> {
-}
-export {};

package/components/graph/svelvet/editEdges/views/EditEdge.svelte

@@ -1,151 +0,0 @@
-<script>import { findStore } from '../../store/controllers/storeApi';
-import { writable, derived, get, readable } from 'svelte/store';
-import { getEdgeById } from '../../edges/controllers/util';
-export let edgeId;
-export let canvasId;
-let label;
-let width;
-let height;
-let customClass;
-let backgroundColor;
-let type;
-const store = findStore(canvasId);
-const canvasWidth = get(store.widthStore);
-const canvasHeight = get(store.widthStore);
-const edge = getEdgeById(store, edgeId);
-const { edgesStore, nodeSelected } = store;
-function closeModal() {
-    const store = findStore(canvasId);
-    store.edgeEditModal.set(null);
-}
-function handleDelete() {
-    const store = findStore(canvasId);
-    const edge = getEdgeById(store, edgeId);
-    edge.delete();
-    closeModal();
-}
-function handleSubmit(e) {
-    e.preventDefault();
-    const store = findStore(canvasId);
-    const edge = getEdgeById(store, edgeId);
-    if (label)
-        edge.label = label;
-    if (backgroundColor)
-        edge.edgeColor = backgroundColor;
-    if (type)
-        edge.type = type;
-    // width = '';
-    // height = '';
-    // customClass = '';
-    // label = '';
-    store.edgesStore.set($edgesStore);
-    closeModal();
-}
-</script>
-
-<div
-  class="EditEdge"
-  style="left:{canvasWidth / 3}px; top:{canvasHeight / 3}px"
-  on:mouseover={(e) => ($nodeSelected = true)}
-  on:focus
-  on:wheel|preventDefault
->
-  <form on:submit={handleSubmit}>
-    <label for="label-input">Edge label</label>
-    <input
-      type="text"
-      id="label-input-{edgeId}"
-      placeholder={edge.label}
-      bind:value={label}
-    />
-
-    <label for="bg-color-input">Edge color</label>
-    <input
-      type="color"
-      id="bg-color-input-{edgeId}"
-      class="bgci"
-      bind:value={backgroundColor}
-    />
-    <input
-      type="text"
-      placeholder={edge.edgeColor}
-      bind:value={backgroundColor}
-    />
-
-    <label for="type-input">Edge type</label>
-    <input
-      type="text"
-      id="type-input-{edgeId}"
-      placeholder={edge.type}
-      bind:value={type}
-    />
-  </form>
-  <div class="btn-container">
-    <button on:click={handleSubmit}>Submit</button>
-    <button on:click={handleDelete}>Delete</button>
-    <button on:click={closeModal}>Cancel</button>
-  </div>
-</div>
-
-<style>
-  .EditEdge {
-    position: absolute;
-    padding: 0 1rem 1rem 1rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    border: 1px solid #333333;
-    border-radius: 0.25rem;
-    background-color: #ffffff;
-    z-index: 10;
-    -webkit-user-select: text;
-       -moz-user-select: text;
-            user-select: text;
-    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4);
-    color: #333333;
-  }
-
-  label {
-    font-size: 0.8rem;
-    font-weight: bold;
-    margin-bottom: 0.15rem;
-  }
-
-  .btn-container {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 0.5rem;
-  }
-
-  button {
-    border-radius: 0.25rem;
-    background-color: white;
-    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4);
-    margin: 0.2rem;
-  }
-
-  input {
-    height: 1.6rem;
-    border-color: #e45b56;
-  }
-
-  .bgci {
-    height: 2rem;
-    width: 5rem;
-    padding: 0;
-    border: none;
-    background-color: none;
-  }
-
-  button:hover {
-    cursor: pointer;
-    background-color: #e45b56;
-    color: white;
-  }
-
-  form {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-  }</style>

package/components/graph/svelvet/editEdges/views/EditEdge.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        edgeId: string;
-        canvasId: string;
-    };
-    events: {
-        focus: FocusEvent;
-        wheel: WheelEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type EditEdgeProps = typeof __propDef.props;
-export type EditEdgeEvents = typeof __propDef.events;
-export type EditEdgeSlots = typeof __propDef.slots;
-export default class EditEdge extends SvelteComponentTyped<EditEdgeProps, EditEdgeEvents, EditEdgeSlots> {
-}
-export {};