windmill-components 1.89.0 → 1.103.0

package/dist/components/ShareModal.svelte

@@ -1,157 +0,0 @@
-<script>import TableCustom from './TableCustom.svelte';
-import { GranularAclService } from '../gen/services/GranularAclService';
-import { isOwner, sendUserToast } from '../utils';
-import { GroupService, UserService } from '../gen';
-import { createEventDispatcher } from 'svelte';
-import AutoComplete from 'simple-svelte-autocomplete';
-import { userStore, workspaceStore } from '../stores';
-import { Alert, Button, Drawer, ToggleButton, ToggleButtonGroup } from './common';
-import DrawerContent from './common/drawer/DrawerContent.svelte';
-import Tooltip from './Tooltip.svelte';
-const dispatch = createEventDispatcher();
-let kind;
-let path = '';
-let ownerKind = 'user';
-let owner = '';
-let newOwner = '';
-let write = false;
-let acls = [];
-let groups = [];
-let usernames = [];
-let drawer;
-$: newOwner = [ownerKind === 'group' ? 'g' : 'u', owner].join('/');
-let own = false;
-export async function openDrawer(newPath, kind_l) {
-    path = newPath;
-    kind = kind_l;
-    loadAcls();
-    loadGroups();
-    loadUsernames();
-    loadOwner();
-    drawer.openDrawer();
-}
-async function loadOwner() {
-    own = isOwner(path, $userStore, $workspaceStore);
-}
-async function loadAcls() {
-    acls = Object.entries(await GranularAclService.getGranularAcls({ workspace: $workspaceStore, path, kind }));
-}
-async function loadGroups() {
-    groups = await GroupService.listGroupNames({ workspace: $workspaceStore });
-}
-async function loadUsernames() {
-    usernames = await UserService.listUsernames({ workspace: $workspaceStore });
-}
-async function deleteAcl(owner) {
-    try {
-        await GranularAclService.removeGranularAcls({
-            workspace: $workspaceStore,
-            path,
-            kind,
-            requestBody: { owner }
-        });
-        loadAcls();
-        dispatch('change', { path, kind });
-    }
-    catch (err) {
-        sendUserToast(err.toString(), true);
-    }
-}
-async function addAcl(owner, write) {
-    await GranularAclService.addGranularAcls({
-        workspace: $workspaceStore,
-        path,
-        kind,
-        requestBody: { owner, write }
-    });
-    loadAcls();
-    dispatch('change', { path, kind });
-}
-</script>
-
-<Drawer bind:this={drawer}>
-	<DrawerContent title="Share {path}" on:close={drawer.closeDrawer}>
-		<div class="flex flex-col gap-6">
-			<h1>{path}</h1>
-			<h2
-				>Extra Permissions ({acls?.length ?? 0}) &nbsp; <Tooltip
-					>Items already have default permissions. If belonging to an user or group, that group or
-					user owns it and can write to it as well as modify its permisions and move it. Folders
-					have read/write that apply to the whole folder and are additive to the items permissions.</Tooltip
-				></h2
-			>
-			{#if !own}
-				<Alert type="warning" title="Not owner"
-					>Since you do not own this item, you cannot modify its permission</Alert
-				>
-			{/if}
-			<div>
-				{#if own}
-					<div class="flex flex-row flex-wrap gap-2 items-center">
-						<div>
-							<ToggleButtonGroup bind:selected={ownerKind} on:selected={() => (owner = '')}>
-								<ToggleButton position="left" value="user" size="xs">User</ToggleButton>
-								<ToggleButton position="right" value="group" size="xs">Group</ToggleButton>
-							</ToggleButtonGroup>
-						</div>
-						{#key ownerKind}
-							<AutoComplete
-								items={ownerKind === 'user' ? usernames : groups}
-								bind:selectedItem={owner}
-							/>
-						{/key}
-						<Button size="sm" on:click={() => addAcl(newOwner, write)}>Add permission</Button>
-					</div>
-				{/if}
-				<TableCustom>
-					<tr slot="header-row">
-						<th>owner</th>
-						<th />
-						<th />
-					</tr>
-					<tbody slot="body">
-						{#each acls as [owner, write]}
-							<tr>
-								<td>{owner}</td>
-								<td
-									>{#if own}
-										<div>
-											<ToggleButtonGroup
-												selected={write ? 'writer' : 'viewer'}
-												on:selected={async (e) => {
-													const role = e.detail
-													if (role == 'writer') {
-														await addAcl(owner, true)
-													} else {
-														await addAcl(owner, false)
-													}
-													loadAcls()
-												}}
-											>
-												<ToggleButton position="left" value="viewer" size="xs">Viewer</ToggleButton>
-												<ToggleButton position="right" value="writer" size="xs">Writer</ToggleButton
-												>
-											</ToggleButtonGroup>
-										</div>
-									{:else}{write}{/if}</td
-								>
-								<td>
-									{#if own}
-										<Button
-											variant="border"
-											color="red"
-											size="xs"
-											on:click={() => deleteAcl(owner)}
-										>
-											Delete
-										</Button>
-									{/if}
-								</td>
-							</tr>
-						{/each}
-					</tbody>
-				</TableCustom>
-			</div>
-		</div>
-	</DrawerContent>
-</Drawer>

package/dist/components/ShareModal.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        openDrawer?: ((newPath: string, kind_l: "flow" | "script" | "resource" | "app" | "group_" | "schedule" | "variable") => Promise<void>) | undefined;
-    };
-    events: {
-        change: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ShareModalProps = typeof __propDef.props;
-export type ShareModalEvents = typeof __propDef.events;
-export type ShareModalSlots = typeof __propDef.slots;
-export default class ShareModal extends SvelteComponentTyped<ShareModalProps, ShareModalEvents, ShareModalSlots> {
-    get openDrawer(): (newPath: string, kind_l: "flow" | "script" | "resource" | "app" | "group_" | "schedule" | "variable") => Promise<void>;
-}
-export {};

package/dist/components/SharedBadge.svelte

@@ -1,62 +0,0 @@
-<script>import { userStore } from '../stores';
-import { Users } from 'lucide-svelte';
-import Badge from './common/badge/Badge.svelte';
-import Popover from './Popover.svelte';
-export let extraPerms = {};
-export let canWrite;
-let kind = undefined;
-let reason = '';
-$: {
-    if ($userStore?.is_admin || $userStore?.is_super_admin) {
-        kind = undefined;
-    }
-    else {
-        let username = $userStore?.username ?? '';
-        let pgroups = $userStore?.pgroups ?? [];
-        let pusername = `u/${username}`;
-        let extraPermsKeys = Object.keys(extraPerms);
-        if (pusername in extraPermsKeys) {
-            if (extraPerms[pusername]) {
-                kind = 'write';
-            }
-            else {
-                kind = 'read';
-            }
-            reason = 'This item was shared to you personally';
-        }
-        else {
-            let writeGroup = pgroups.find((x) => extraPermsKeys.includes(x) && extraPerms[x]);
-            if (writeGroup) {
-                kind = 'write';
-                reason = `This item was write shared to the group ${writeGroup} which you are a member of`;
-            }
-            else {
-                let readGroup = pgroups.find((x) => extraPermsKeys.includes(x));
-                if (readGroup) {
-                    kind = 'read';
-                    reason = `This item was read-only shared to the group ${readGroup} which you are a member of`;
-                }
-                else {
-                    kind = undefined;
-                }
-            }
-        }
-        if (kind == 'read' && canWrite) {
-            kind = undefined;
-        }
-        if (kind == undefined && !canWrite) {
-            kind = 'read';
-            reason = '';
-        }
-    }
-}
-</script>
-
-{#if kind === 'read' || kind === 'write'}
-	<Badge capitalize color="blue" baseClass="border border-blue-200 flex gap-1 items-center">
-		<Popover notClickable>
-			<Users size={12} />
-			<span slot="text">{kind == 'read' ? 'Shared & read-only' : 'Read & Write'} {reason}</span>
-		</Popover>
-	</Badge>
-{/if}

package/dist/components/SharedBadge.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        extraPerms?: Record<string, boolean> | undefined;
-        canWrite: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SharedBadgeProps = typeof __propDef.props;
-export type SharedBadgeEvents = typeof __propDef.events;
-export type SharedBadgeSlots = typeof __propDef.slots;
-export default class SharedBadge extends SvelteComponentTyped<SharedBadgeProps, SharedBadgeEvents, SharedBadgeSlots> {
-}
-export {};

package/dist/components/SimpleEditor.svelte

@@ -1,176 +0,0 @@
-<script>import { browser } from '$app/environment';
-import { createHash, editorConfig, langToExt, updateOptions } from '../editorUtils';
-import 'monaco-editor/esm/vs/editor/edcore.main';
-import { editor as meditor, KeyCode, KeyMod, Uri as mUri, languages } from 'monaco-editor/esm/vs/editor/editor.api';
-import 'monaco-editor/esm/vs/basic-languages/yaml/yaml.contribution';
-import 'monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution';
-import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution';
-import 'monaco-editor/esm/vs/language/json/monaco.contribution';
-import 'monaco-editor/esm/vs/language/typescript/monaco.contribution';
-import { createEventDispatcher, onDestroy, onMount } from 'svelte';
-import libStdContent from '../es5.d.ts.txt?raw';
-import { buildWorkerDefinition } from 'monaco-editor-workers';
-meditor.defineTheme('myTheme', {
-    base: 'vs',
-    inherit: true,
-    rules: [],
-    colors: {
-        'editorLineNumber.foreground': '#999',
-        'editorGutter.background': '#F9FAFB'
-    }
-});
-meditor.setTheme('myTheme');
-languages.typescript.javascriptDefaults.setCompilerOptions({
-    target: languages.typescript.ScriptTarget.Latest,
-    allowNonTsExtensions: true,
-    noLib: true
-});
-languages.json.jsonDefaults.setDiagnosticsOptions({
-    validate: true,
-    allowComments: false,
-    schemas: [],
-    enableSchemaRequest: true
-});
-let divEl = null;
-let editor;
-let model;
-export let lang;
-export let code = '';
-export let hash = createHash();
-export let cmdEnterAction = undefined;
-export let formatAction = undefined;
-export let automaticLayout = true;
-export let extraLib = '';
-export let shouldBindKey = true;
-export let autoHeight = false;
-export let fixedOverflowWidgets = true;
-const dispatch = createEventDispatcher();
-const uri = `file:///${hash}.${langToExt(lang)}`;
-buildWorkerDefinition('../../../workers', import.meta.url, false);
-export function getCode() {
-    return editor?.getValue() ?? '';
-}
-export function insertAtCursor(code) {
-    if (editor) {
-        editor.trigger('keyboard', 'type', { text: code });
-    }
-}
-export function setCode(ncode) {
-    code = ncode;
-    if (editor) {
-        editor.setValue(ncode);
-    }
-}
-export function format() {
-    if (editor) {
-        code = getCode();
-        editor.getAction('editor.action.formatDocument')?.run();
-        if (formatAction) {
-            formatAction();
-            code = getCode();
-        }
-    }
-}
-export function focus() {
-    editor?.focus();
-}
-let width = 0;
-async function loadMonaco() {
-    model = meditor.createModel(code, lang, mUri.parse(uri));
-    model.updateOptions(updateOptions);
-    let widgets = document.getElementById('monaco-widgets-root') ?? undefined;
-    editor = meditor.create(divEl, {
-        ...editorConfig(model, code, lang, automaticLayout, fixedOverflowWidgets),
-        overflowWidgetsDomNode: widgets
-    });
-    let timeoutModel = undefined;
-    editor.onDidChangeModelContent((event) => {
-        timeoutModel && clearTimeout(timeoutModel);
-        timeoutModel = setTimeout(() => {
-            code = getCode();
-            dispatch('change', { code });
-        }, 200);
-    });
-    editor.onDidFocusEditorText(() => {
-        dispatch('focus');
-        editor.addCommand(KeyMod.CtrlCmd | KeyCode.KeyS, function () {
-            code = getCode();
-            shouldBindKey && format && format();
-        });
-    });
-    if (autoHeight) {
-        const updateHeight = () => {
-            const contentHeight = Math.min(1000, editor.getContentHeight());
-            if (divEl) {
-                divEl.style.height = `${contentHeight}px`;
-            }
-            try {
-                editor.layout({ width, height: contentHeight });
-            }
-            finally {
-            }
-        };
-        editor.onDidContentSizeChange(updateHeight);
-        updateHeight();
-    }
-    editor.onDidFocusEditorText(() => {
-        editor.addCommand(KeyMod.CtrlCmd | KeyCode.KeyS, function () {
-            code = getCode();
-            shouldBindKey && format && format();
-        });
-        editor.addCommand(KeyMod.CtrlCmd | KeyCode.Enter, function () {
-            code = getCode();
-            shouldBindKey && cmdEnterAction && cmdEnterAction();
-        });
-        dispatch('focus');
-    });
-    editor.onDidBlurEditorText(() => {
-        code = getCode();
-    });
-    if (lang == 'javascript') {
-        const stdLib = { content: libStdContent, filePath: 'es5.d.ts' };
-        if (extraLib != '') {
-            languages.typescript.javascriptDefaults.setExtraLibs([
-                {
-                    content: extraLib,
-                    filePath: 'windmill.d.ts'
-                },
-                stdLib
-            ]);
-        }
-        else {
-            languages.typescript.javascriptDefaults.setExtraLibs([stdLib]);
-        }
-    }
-}
-onMount(() => {
-    if (browser) {
-        loadMonaco();
-    }
-});
-onDestroy(() => {
-    try {
-        model && model.dispose();
-        editor && editor.dispose();
-    }
-    catch (err) { }
-});
-</script>
-
-<div bind:this={divEl} class="{$$props.class ?? ''} editor" bind:clientWidth={width} />
-
-<style>
-	.editor {
-		border-radius: 0.5rem;
-		padding: 0px;
-}
-
-	.small-editor {
-		/* stylelint-disable-next-line unit-allowed-list */
-		height: 26vh;
-	}
-
-	.few-lines-editor {
-		/* stylelint-disable-next-line unit-allowed-list */
-		height: 100px;
-	}</style>

package/dist/components/SimpleEditor.svelte.d.ts

@@ -1,45 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import 'monaco-editor/esm/vs/editor/edcore.main';
-import 'monaco-editor/esm/vs/basic-languages/yaml/yaml.contribution';
-import 'monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution';
-import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution';
-import 'monaco-editor/esm/vs/language/json/monaco.contribution';
-import 'monaco-editor/esm/vs/language/typescript/monaco.contribution';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        lang: string;
-        code?: string | undefined;
-        hash?: string | undefined;
-        cmdEnterAction?: (() => void) | undefined;
-        formatAction?: (() => void) | undefined;
-        automaticLayout?: boolean | undefined;
-        extraLib?: string | undefined;
-        shouldBindKey?: boolean | undefined;
-        autoHeight?: boolean | undefined;
-        fixedOverflowWidgets?: boolean | undefined;
-        getCode?: (() => string) | undefined;
-        insertAtCursor?: ((code: string) => void) | undefined;
-        setCode?: ((ncode: string) => void) | undefined;
-        format?: (() => void) | undefined;
-        focus?: (() => void) | undefined;
-    };
-    events: {
-        change: CustomEvent<any>;
-        focus: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SimpleEditorProps = typeof __propDef.props;
-export type SimpleEditorEvents = typeof __propDef.events;
-export type SimpleEditorSlots = typeof __propDef.slots;
-export default class SimpleEditor extends SvelteComponentTyped<SimpleEditorProps, SimpleEditorEvents, SimpleEditorSlots> {
-    get getCode(): () => string;
-    get insertAtCursor(): (code: string) => void;
-    get setCode(): (ncode: string) => void;
-    get format(): () => void;
-    get focus(): () => void;
-}
-export {};

package/dist/components/Slider.svelte

@@ -1,19 +0,0 @@
-<script>import { ChevronDown, ChevronUp } from 'lucide-svelte';
-import { slide } from 'svelte/transition';
-import Button from './common/button/Button.svelte';
-import Tooltip from './Tooltip.svelte';
-export let text;
-export let tooltip = undefined;
-export let view = false;
-</script>
-
-<Button color="light" on:click={() => (view = !view)} variant="border"
-	>{text}
-	{#if tooltip}
-		<Tooltip wrapperClass="mx-1">{tooltip}</Tooltip>
-	{/if}
-	{#if !view}<ChevronDown />{:else}<ChevronUp />{/if}</Button
->
-{#if view}
-	<div class="my-4 px-2" transition:slide|local><slot /></div>
-{/if}

package/dist/components/Slider.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        text: string;
-        tooltip?: string | undefined;
-        view?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type SliderProps = typeof __propDef.props;
-export type SliderEvents = typeof __propDef.events;
-export type SliderSlots = typeof __propDef.slots;
-export default class Slider extends SvelteComponentTyped<SliderProps, SliderEvents, SliderSlots> {
-}
-export {};

package/dist/components/Star.svelte

@@ -1,49 +0,0 @@
-<script>import { FavoriteService } from '../gen';
-import { starStore } from '../stores';
-import { sendUserToast } from '../utils';
-import { createEventDispatcher } from 'svelte';
-import { Star, StarOff } from 'lucide-svelte';
-export let path;
-export let kind;
-export let starred = false;
-export let workspace_id;
-let buttonHover = false;
-async function onClick() {
-    buttonHover = false;
-    if (starred) {
-        await FavoriteService.unstar({
-            workspace: workspace_id,
-            requestBody: { path, favorite_kind: kind }
-        });
-        sendUserToast('Unstarred');
-        $starStore = $starStore + 1;
-    }
-    else {
-        await FavoriteService.star({
-            workspace: workspace_id,
-            requestBody: { path, favorite_kind: kind }
-        });
-        sendUserToast('Marked as favorite, it will appear first');
-        $starStore = $starStore + 1;
-    }
-    dispatch('starred', !starred);
-}
-const dispatch = createEventDispatcher();
-</script>
-
-<button
-	on:click|preventDefault={onClick}
-	on:mouseenter={() => (buttonHover = true)}
-	on:mouseleave={() => (buttonHover = false)}
-	class="p-2"
->
-	{#if starred}
-		{#if buttonHover}
-			<StarOff size={18} fill="currentcolor" />
-		{:else}
-			<Star size={18} fill="currentcolor" />
-		{/if}
-	{:else}
-		<Star size={18} fill={buttonHover ? 'currentcolor' : 'none'} />
-	{/if}
-</button>

package/dist/components/Star.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        path: string;
-        kind: 'flow' | 'app' | 'script';
-        starred?: boolean | undefined;
-        workspace_id: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type StarProps = typeof __propDef.props;
-export type StarEvents = typeof __propDef.events;
-export type StarSlots = typeof __propDef.slots;
-export default class Star extends SvelteComponentTyped<StarProps, StarEvents, StarSlots> {
-}
-export {};