windmill-components 1.89.0 → 1.103.0

package/dist/components/UserSettings.svelte

@@ -1,240 +0,0 @@
-<script>import { usersWorkspaceStore } from '../stores';
-import { UserService, SettingsService } from '../gen';
-import { displayDate, sendUserToast, copyToClipboard } from '../utils';
-import { faClipboard, faPlus } from '@fortawesome/free-solid-svg-icons';
-import TableCustom from './TableCustom.svelte';
-import { Button } from './common';
-import Icon from 'svelte-awesome';
-let newPassword;
-let passwordError;
-let version;
-let tokens;
-let newToken;
-let newTokenLabel;
-let newTokenExpiration;
-let displayCreateToken = false;
-let login_type = 'none';
-import Drawer from './common/drawer/Drawer.svelte';
-import DrawerContent from './common/drawer/DrawerContent.svelte';
-import { page } from '$app/stores';
-import { goto } from '$app/navigation';
-let drawer;
-export function openDrawer() {
-    loadVersion();
-    loadLoginType();
-    listTokens();
-    drawer?.openDrawer();
-}
-export function toggleDrawer() {
-    drawer?.toggleDrawer();
-}
-export function closeDrawer() {
-    drawer?.closeDrawer();
-    const index = $page.url.href.lastIndexOf('#');
-    if (index === -1)
-        return;
-    const hashRemoved = $page.url.href.slice(0, index);
-    goto(hashRemoved);
-}
-async function setPassword() {
-    if (newPassword) {
-        await UserService.setPassword({
-            requestBody: {
-                password: newPassword
-            }
-        });
-        sendUserToast('Your password was successfully updated');
-    }
-    else {
-        sendUserToast('Specify a new password value to change your passord', true);
-    }
-}
-async function loadVersion() {
-    version = await SettingsService.backendVersion();
-}
-async function loadLoginType() {
-    login_type = (await UserService.globalWhoami()).login_type;
-}
-async function createToken() {
-    newToken = undefined;
-    let date;
-    if (newTokenExpiration) {
-        date = new Date();
-        date.setDate(date.getDate() + newTokenExpiration);
-    }
-    newToken = await UserService.createToken({
-        requestBody: { label: newTokenLabel, expiration: date?.toISOString() }
-    });
-    listTokens();
-    displayCreateToken = false;
-}
-async function listTokens() {
-    tokens = await UserService.listTokens();
-}
-async function deleteToken(tokenPrefix) {
-    await UserService.deleteToken({ tokenPrefix });
-    sendUserToast('Succesfully deleted token');
-    listTokens();
-}
-</script>
-
-<Drawer bind:this={drawer} size="800px">
-	<DrawerContent title="User Settings" on:close={closeDrawer}>
-		<div class="flex flex-col h-full">
-			<div>
-				<div class="text-xs pt-1 pb-2 text-gray-500 ">
-					Windmill {version}
-				</div>
-
-				<h2 class="border-b mt-4">User info</h2>
-				<div class="">
-					{#if passwordError}
-						<div class="text-red-600 text-2xs grow">{passwordError}</div>
-					{/if}
-					<div class="flex flex-col gap-2 w-full ">
-						<div class="mt-4">
-							<label class="block w-60 mb-2 text-gray-500">
-								<div class="text-gray-700">email</div>
-								<input
-									type="text"
-									disabled
-									value={$usersWorkspaceStore?.email}
-									class="input mt-1"
-								/>
-							</label>
-							{#if login_type == 'password'}
-								<label class="block w-120">
-									<div class="text-gray-700">password</div>
-									<input
-										type="password"
-										bind:value={newPassword}
-										class="
-							w-full
-							block
-							py-1
-							px-2
-							rounded-md
-							border
-							border-gray-300
-							shadow-sm
-							focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
-							text-sm
-							"
-									/>
-									<Button size="sm" btnClasses="mt-4" on:click={setPassword}>Set password</Button>
-								</label>
-							{:else if login_type == 'github'}
-								<span>Authentified through Github OAuth2. Cannot set a password.</span>
-							{/if}
-						</div>
-					</div>
-				</div>
-
-				<div class="grid grid-cols-2 pt-8 pb-1">
-					<h2 class="py-0 my-0 border-b">Tokens</h2>
-					<div class="flex justify-end border-b pb-1">
-						<Button
-							size="sm"
-							startIcon={{ icon: faPlus }}
-							btnClasses={displayCreateToken ? 'hidden' : ''}
-							on:click={() => {
-								displayCreateToken = !displayCreateToken
-								newToken = undefined
-								newTokenExpiration = undefined
-								newTokenLabel = undefined
-							}}
-						>
-							Create token
-						</Button>
-					</div>
-				</div>
-				<div class="text-2xs text-gray-500 italic pb-6">
-					Authentify to the Windmill API with access tokens.
-				</div>
-
-				<div>
-					<div
-						class="{newToken
-							? ''
-							: 'hidden'} border rounded-md mb-6 px-2 py-2 bg-green-50 flex flex-row flex-wrap "
-					>
-						<div>
-							Added token: <button on:click={() => copyToClipboard(newToken ?? '')} class="inline"
-								>{newToken} <Icon data={faClipboard} />
-							</button>
-						</div>
-						<div class="pt-1 text-xs ml-2">
-							Make sure to copy your personal access token now. You won’t be able to see it again!
-						</div>
-					</div>
-
-					<!-- Token creation interface -->
-					<div
-						class="{displayCreateToken
-							? ''
-							: 'hidden'} py-3 px-3 border rounded-md mb-6 bg-gray-50 min-w-min"
-					>
-						<h3 class="pb-3 font-semibold">Add new token</h3>
-						<div class="flex flex-row flex-wrap gap-x-2 w-full justify-between">
-							<div class="flex flex-col">
-								<label for="label"
-									>Label <span class="text-xs text-gray-500">(optional)</span></label
-								>
-								<input type="text" bind:value={newTokenLabel} />
-							</div>
-							<div class="flex flex-col ">
-								<label for="expires"
-									>Expires In<span class="text-xs text-gray-500">(optional)</span>
-								</label>
-								<select bind:value={newTokenExpiration}>
-									<option value={undefined}>No expiration</option>
-									<option value={7}>7d</option>
-									<option value={30}>30d</option>
-									<option value={90}>90d</option>
-								</select>
-							</div>
-							<div class="flex items-end">
-								<Button btnClasses="!mt-2" on:click={createToken}>New Token</Button>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="overflow-auto">
-					<TableCustom>
-						<tr slot="header-row">
-							<th>prefix</th>
-							<th>label</th>
-							<th>expiration</th>
-							<th />
-						</tr>
-						<tbody slot="body">
-							{#if tokens && tokens.length > 0}
-								{#each tokens as { token_prefix, expiration, label }}
-									<tr>
-										<td class="grow">{token_prefix}****</td>
-										<td class="grow">{label ?? ''}</td>
-										<td class="grow">{displayDate(expiration ?? '')}</td>
-										<td class="grow"
-											><button
-												class="text-red-500 text-xs underline"
-												on:click={() => {
-													deleteToken(token_prefix)
-												}}>Delete</button
-											></td
-										>
-									</tr>
-								{/each}
-							{:else if tokens && tokens.length === 0}
-								<tr class="px-6"
-									><td class="text-gray-700 italic text-xs"> There are no tokens yet</td></tr
-								>
-							{:else}
-								<tr> Loading...</tr>
-							{/if}
-						</tbody>
-					</TableCustom>
-				</div>
-			</div>
-		</div>
-	</DrawerContent>
-</Drawer>

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

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        openDrawer?: (() => void) | undefined;
-        toggleDrawer?: (() => void) | undefined;
-        closeDrawer?: (() => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type UserSettingsProps = typeof __propDef.props;
-export type UserSettingsEvents = typeof __propDef.events;
-export type UserSettingsSlots = typeof __propDef.slots;
-export default class UserSettings extends SvelteComponentTyped<UserSettingsProps, UserSettingsEvents, UserSettingsSlots> {
-    get openDrawer(): () => void;
-    get toggleDrawer(): () => void;
-    get closeDrawer(): () => void;
-}
-export {};

package/dist/components/VariableEditor.svelte

@@ -1,230 +0,0 @@
-<script>import { canWrite, isOwner, sendUserToast } from '../utils';
-import { VariableService } from '../gen';
-import Path from './Path.svelte';
-import { createEventDispatcher } from 'svelte';
-import { userStore, workspaceStore } from '../stores';
-import Required from './Required.svelte';
-import Tooltip from './Tooltip.svelte';
-import { Button, ToggleButton, ToggleButtonGroup } from './common';
-import Drawer from './common/drawer/Drawer.svelte';
-import DrawerContent from './common/drawer/DrawerContent.svelte';
-import Alert from './common/alert/Alert.svelte';
-import autosize from 'svelte-autosize';
-import Toggle from './Toggle.svelte';
-import { faSave } from '@fortawesome/free-solid-svg-icons';
-import SimpleEditor from './SimpleEditor.svelte';
-const dispatch = createEventDispatcher();
-let path = '';
-let variable = {
-    value: '',
-    is_secret: true,
-    description: ''
-};
-let valid = true;
-let drawer;
-let edit = false;
-let initialPath;
-let pathError = '';
-let can_write = true;
-export function initNew() {
-    variable = {
-        value: '',
-        is_secret: true,
-        description: ''
-    };
-    edit = false;
-    initialPath = '';
-    path = '';
-    can_write = true;
-    drawer.openDrawer();
-}
-export async function editVariable(edit_path) {
-    edit = true;
-    const getV = await VariableService.getVariable({
-        workspace: $workspaceStore ?? '',
-        path: edit_path,
-        decryptSecret: false
-    });
-    can_write =
-        getV.workspace_id == $workspaceStore &&
-            canWrite(edit_path, getV.extra_perms ?? {}, $userStore);
-    variable = {
-        value: getV.value ?? '',
-        is_secret: getV.is_secret,
-        description: getV.description ?? ''
-    };
-    initialPath = edit_path;
-    path = edit_path;
-    drawer.openDrawer();
-}
-export async function loadVariable(path) {
-    const getV = await VariableService.getVariable({
-        workspace: $workspaceStore ?? '',
-        path,
-        decryptSecret: true
-    });
-    variable.value = getV.value ?? '';
-    editor?.setCode(variable.value);
-}
-const MAX_VARIABLE_LENGTH = 10000;
-$: valid = variable.value.length <= MAX_VARIABLE_LENGTH;
-async function createVariable() {
-    await VariableService.createVariable({
-        workspace: $workspaceStore,
-        requestBody: {
-            path,
-            value: variable.value,
-            is_secret: variable.is_secret,
-            description: variable.description
-        }
-    });
-    sendUserToast(`Created variable ${path}`);
-    dispatch('create');
-    drawer.closeDrawer();
-}
-async function updateVariable() {
-    try {
-        const getV = await VariableService.getVariable({
-            workspace: $workspaceStore ?? '',
-            path: initialPath,
-            decryptSecret: false
-        });
-        await VariableService.updateVariable({
-            workspace: $workspaceStore,
-            path: initialPath,
-            requestBody: {
-                path: getV.path != path ? path : undefined,
-                value: variable.value == '' ? undefined : variable.value,
-                is_secret: getV.is_secret != variable.is_secret ? variable.is_secret : undefined,
-                description: getV.description != variable.description ? variable.description : undefined
-            }
-        });
-        sendUserToast(`Updated variable ${initialPath}`);
-        dispatch('create');
-        drawer.closeDrawer();
-    }
-    catch (err) {
-        sendUserToast(`Could not update variable: ${err.body}`, true);
-    }
-}
-let editorKind = 'plain';
-let editor = undefined;
-</script>
-
-<Drawer bind:this={drawer} size="900px">
-	<DrawerContent
-		title={edit ? `Update variable at ${initialPath}` : 'Add a variable'}
-		on:close={drawer.closeDrawer}
-	>
-		<div class="flex flex-col gap-6">
-			<div>
-				<div>
-					{#if !can_write}
-						<div class="m-2">
-							<Alert type="warning" title="Only read access"
-								>You only have read access to this resource and cannot edit it</Alert
-							>
-						</div>
-					{/if}
-					<span class="font-semibold text-gray-700">Path</span>
-					<Path
-						disabled={initialPath != '' && !isOwner(initialPath, $userStore, $workspaceStore)}
-						bind:error={pathError}
-						bind:path
-						{initialPath}
-						namePlaceholder="variable"
-						kind="variable"
-					/>
-				</div>
-				<div class="mt-4">
-					<Toggle bind:checked={variable.is_secret} options={{ right: 'Secret' }} />
-					<div class="mb-2" />
-					{#if variable.is_secret}
-						<Alert type="warning" title="Audit log for each access">
-							Every secret is encrypted at rest and in transit with a key specific to this
-							workspace. In addition, any read of a secret variable generates an audit log whose
-							operation name is: variables.decrypt_secret
-						</Alert>
-					{/if}
-				</div>
-			</div>
-
-			<div>
-				<div class="mb-1">
-					<span class="font-semibold text-gray-700">Variable value</span>
-					<span class="text-sm text-gray-500 mr-4"
-						>({variable.value.length}/{MAX_VARIABLE_LENGTH} characters)</span
-					>
-					{#if edit && variable.is_secret}<Button
-							variant="border"
-							size="xs"
-							on:click={() => loadVariable(initialPath)}
-							>Load secret value<Tooltip>Will generate an audit log</Tooltip></Button
-						>{/if}
-				</div>
-				<div class="flex flex-row">
-					{#if editorKind == 'plain'}
-						<textarea
-							disabled={!can_write}
-							rows="4"
-							type="text"
-							use:autosize
-							bind:value={variable.value}
-							placeholder="Update variable value"
-						/>
-					{:else if editorKind == 'json'}
-						<div class="border rounded mb-4 w-full border-gray-700">
-							<SimpleEditor
-								bind:this={editor}
-								autoHeight
-								lang="json"
-								bind:code={variable.value}
-								fixedOverflowWidgets={false}
-							/>
-						</div>
-					{:else if editorKind == 'yaml'}
-						<div class="border rounded mb-4 w-full border-gray-700">
-							<SimpleEditor
-								bind:this={editor}
-								autoHeight
-								lang="yaml"
-								bind:code={variable.value}
-								fixedOverflowWidgets={false}
-							/>
-						</div>
-					{/if}
-
-					<ToggleButtonGroup col bind:selected={editorKind}>
-						<ToggleButton light position="center" value="plain" size="xs">Plain</ToggleButton>
-						<ToggleButton light position="center" value="json" size="xs">Json</ToggleButton>
-						<ToggleButton light position="center" value="yaml" size="xs">YAML</ToggleButton>
-					</ToggleButtonGroup>
-				</div>
-			</div>
-			<!-- {/if} -->
-
-			<div>
-				<div class="mb-1 font-semibold text-gray-700">
-					Description
-					<Required required={false} />
-				</div>
-				<textarea
-					rows="4"
-					type="text"
-					use:autosize
-					bind:value={variable.description}
-					placeholder="Used for X"
-				/>
-			</div>
-		</div>
-		<svelte:fragment slot="actions">
-			<Button
-				on:click={() => (edit ? updateVariable() : createVariable())}
-				disabled={!can_write || !valid || pathError != ''}
-				startIcon={{ icon: faSave }}
-			>
-				{edit ? 'Update' : 'Save'}
-			</Button>
-		</svelte:fragment>
-	</DrawerContent>
-</Drawer>

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

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        initNew?: (() => void) | undefined;
-        editVariable?: ((edit_path: string) => Promise<void>) | undefined;
-        loadVariable?: ((path: string) => Promise<void>) | undefined;
-    };
-    events: {
-        create: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type VariableEditorProps = typeof __propDef.props;
-export type VariableEditorEvents = typeof __propDef.events;
-export type VariableEditorSlots = typeof __propDef.slots;
-export default class VariableEditor extends SvelteComponentTyped<VariableEditorProps, VariableEditorEvents, VariableEditorSlots> {
-    get initNew(): () => void;
-    get editVariable(): (edit_path: string) => Promise<void>;
-    get loadVariable(): (path: string) => Promise<void>;
-}
-export {};

package/dist/components/WhitelistIp.svelte

@@ -1,21 +0,0 @@
-<script>import { WorkerService } from '../gen';
-import { Alert } from './common';
-let ips = undefined;
-WorkerService.listWorkers({}).then((workers) => {
-    ips = [
-        ...new Set(workers
-            .filter((worker) => {
-            return worker.ip != 'unretrievable IP' && worker.last_ping && worker.last_ping < 300;
-        })
-            .map((worker) => worker.ip))
-    ];
-});
-</script>
-
-{#if ips}
-	<div class="mt-2" />
-	<Alert size="xs" type="info" title="IPs to whitelist">
-		<span class="text-gray-600">If necessary, the workers IPs to whitelist are:</span>
-		{ips.join(', ')}
-	</Alert>
-{/if}

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

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type WhitelistIpProps = typeof __propDef.props;
-export type WhitelistIpEvents = typeof __propDef.events;
-export type WhitelistIpSlots = typeof __propDef.slots;
-export default class WhitelistIp extends SvelteComponentTyped<WhitelistIpProps, WhitelistIpEvents, WhitelistIpSlots> {
-}
-export {};

package/dist/components/apps/components/buttons/AppButton.svelte

@@ -1,130 +0,0 @@
-<script>import { Button } from '../../../common';
-import { getContext } from 'svelte';
-import AlignWrapper from '../helpers/AlignWrapper.svelte';
-import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
-import { loadIcon } from '../icon';
-import { twMerge } from 'tailwind-merge';
-import { initConfig, initOutput } from '../../editor/appUtils';
-import { components } from '../../editor/component';
-import ResolveConfig from '../helpers/ResolveConfig.svelte';
-export let id;
-export let componentInput;
-export let configuration;
-export let recomputeIds = undefined;
-export let extraQueryParams = {};
-export let horizontalAlignment = undefined;
-export let verticalAlignment = undefined;
-export let noWFull = false;
-export let preclickAction = undefined;
-export let customCss = undefined;
-export let render;
-export let initializing = false;
-export let extraKey = undefined;
-export let controls = undefined;
-const { worldStore, app, componentControl, selectedComponent } = getContext('AppViewerContext');
-let resolvedConfig = initConfig(components['buttoncomponent'].initialData.configuration, configuration);
-$: initializing = resolvedConfig?.label == undefined;
-let outputs = initOutput($worldStore, id, {
-    result: undefined,
-    loading: false
-});
-if (controls) {
-    $componentControl[id] = controls;
-}
-let runnableComponent;
-let beforeIconComponent;
-let afterIconComponent;
-$: resolvedConfig.beforeIcon && handleBeforeIcon();
-$: resolvedConfig.afterIcon && handleAfterIcon();
-async function handleBeforeIcon() {
-    if (resolvedConfig.beforeIcon) {
-        beforeIconComponent = await loadIcon(resolvedConfig.beforeIcon);
-    }
-}
-async function handleAfterIcon() {
-    if (resolvedConfig.afterIcon) {
-        afterIconComponent = await loadIcon(resolvedConfig.afterIcon);
-    }
-}
-let errors = {};
-$: errorsMessage = Object.values(errors)
-    .filter((x) => x != '')
-    .join('\n');
-let runnableWrapper;
-async function handleClick(event) {
-    event?.stopPropagation();
-    event?.preventDefault();
-    $selectedComponent = [id];
-    if (preclickAction) {
-        await preclickAction();
-    }
-    if (!runnableComponent) {
-        runnableWrapper.onSuccess();
-    }
-    else {
-        await runnableComponent?.runComponent();
-    }
-}
-let loading = false;
-</script>
-
-{#each Object.keys(components['buttoncomponent'].initialData.configuration) as key (key)}
-	<ResolveConfig
-		{id}
-		{extraKey}
-		{key}
-		bind:resolvedConfig={resolvedConfig[key]}
-		configuration={configuration[key]}
-	/>
-{/each}
-
-<!-- gotoNewTab={resolvedConfig.onSuccess.selected == 'goto'} -->
-
-<RunnableWrapper
-	bind:this={runnableWrapper}
-	{recomputeIds}
-	bind:runnableComponent
-	bind:loading
-	{componentInput}
-	doOnSuccess={resolvedConfig.onSuccess}
-	{id}
-	{extraQueryParams}
-	autoRefresh={false}
-	{render}
-	{outputs}
-	{extraKey}
-	refreshOnStart={resolvedConfig.triggerOnAppLoad}
->
-	<AlignWrapper {noWFull} {horizontalAlignment} {verticalAlignment}>
-		{#if errorsMessage}
-			<div class="text-red-500 text-xs">{errorsMessage}</div>
-		{/if}
-		<Button
-			on:pointerdown={(e) => e.stopPropagation()}
-			btnClasses={twMerge(
-				$app.css?.['buttoncomponent']?.['button']?.class,
-				customCss?.button?.class,
-				resolvedConfig.fillContainer ? 'w-full h-full' : ''
-			)}
-			wrapperClasses={resolvedConfig.fillContainer ? 'w-full h-full' : ''}
-			style={[$app.css?.['buttoncomponent']?.['button']?.style, customCss?.button?.style].join(';')}
-			disabled={resolvedConfig.disabled}
-			on:click={handleClick}
-			size={resolvedConfig.size}
-			color={resolvedConfig.color}
-			{loading}
-		>
-			<span class="truncate inline-flex gap-2 items-center">
-				{#if resolvedConfig.beforeIcon && beforeIconComponent}
-					<svelte:component this={beforeIconComponent} size={14} />
-				{/if}
-				{#if resolvedConfig.label && resolvedConfig.label?.length > 0}
-					<div>{resolvedConfig.label}</div>
-				{/if}
-				{#if resolvedConfig.afterIcon && afterIconComponent}
-					<svelte:component this={afterIconComponent} size={14} />
-				{/if}
-			</span>
-		</Button>
-	</AlignWrapper>
-</RunnableWrapper>