windmill-components 1.89.0 → 1.103.0

package/dist/components/ScriptEditor.svelte

@@ -1,216 +0,0 @@
-<script>import { CompletedJob, Job, JobService } from '../gen';
-import { userStore, workspaceStore } from '../stores';
-import { emptySchema, scriptLangToEditorLang } from '../utils';
-import { faPlay } from '@fortawesome/free-solid-svg-icons';
-import Editor from './Editor.svelte';
-import { inferArgs } from '../infer';
-import { Pane, Splitpanes } from 'svelte-splitpanes';
-import SchemaForm from './SchemaForm.svelte';
-import LogPanel from './scriptEditor/LogPanel.svelte';
-import { faGithub } from '@fortawesome/free-brands-svg-icons';
-import EditorBar, { EDITOR_BAR_WIDTH_THRESHOLD } from './EditorBar.svelte';
-import TestJobLoader from './TestJobLoader.svelte';
-import { onMount } from 'svelte';
-import { Button, Kbd } from './common';
-import SplitPanesWrapper from './splitPanes/SplitPanesWrapper.svelte';
-import WindmillIcon from './icons/WindmillIcon.svelte';
-// Exported
-export let schema = emptySchema();
-export let code;
-export let path;
-export let lang;
-export let kind = undefined;
-export let initialArgs = {};
-export let fixedOverflowWidgets = true;
-export let noSyncFromGithub = false;
-export let editor = undefined;
-let websocketAlive = { pyright: false, black: false, deno: false, go: false };
-let width = 1200;
-let testJobLoader;
-// Test args input
-let args = initialArgs;
-let isValid = true;
-// Test
-let testIsLoading = false;
-let testJob;
-let pastPreviews = [];
-let lastSave;
-let validCode = true;
-$: lastSave = localStorage.getItem(path ?? 'last_save');
-function onKeyDown(event) {
-    if ((event.ctrlKey || event.metaKey) && event.key == 'Enter') {
-        event.preventDefault();
-        runTest();
-    }
-}
-function runTest() {
-    testJobLoader.runPreview(path, code, lang, args);
-}
-async function loadPastTests() {
-    pastPreviews = await JobService.listCompletedJobs({
-        workspace: $workspaceStore,
-        jobKinds: 'preview',
-        createdBy: $userStore?.username,
-        scriptPathExact: path
-    });
-}
-export async function inferSchema(code, nlang) {
-    schema = schema ?? emptySchema();
-    let isDefault = [];
-    Object.entries(args).forEach(([k, v]) => {
-        if (schema.properties[k].default == v) {
-            isDefault.push(k);
-        }
-    });
-    try {
-        await inferArgs(nlang ?? lang, code, schema);
-        validCode = true;
-    }
-    catch (e) {
-        validCode = false;
-    }
-    schema = schema;
-    isDefault
-        .filter((key) => schema.properties[key] != undefined)
-        .forEach((key) => (args[key] = schema.properties[key].default));
-    for (const key of Object.keys(args)) {
-        if (schema.properties[key] == undefined) {
-            delete args[key];
-        }
-    }
-}
-onMount(() => {
-    inferSchema(code);
-    loadPastTests();
-});
-function asKind(str) {
-    return str;
-}
-</script>
-
-<TestJobLoader
-	on:done={loadPastTests}
-	bind:this={testJobLoader}
-	bind:isLoading={testIsLoading}
-	bind:job={testJob}
-/>
-
-<svelte:window on:keydown={onKeyDown} />
-
-<div class="border-b-2 shadow-sm px-1 pr-4" bind:clientWidth={width}>
-	<div class="flex justify-between space-x-2">
-		<EditorBar
-			{validCode}
-			iconOnly={width < EDITOR_BAR_WIDTH_THRESHOLD}
-			{editor}
-			{lang}
-			{websocketAlive}
-			kind={asKind(kind)}
-		/>
-		{#if !noSyncFromGithub}
-			<div class="py-1">
-				<Button
-					target="_blank"
-					href="https://github.com/windmill-labs/windmill/tree/main/cli"
-					color="light"
-					size="xs"
-					btnClasses="mr-1 hidden md:block"
-					startIcon={{
-						icon: faGithub
-					}}
-				>
-					Sync from Github
-				</Button>
-			</div>
-		{/if}
-	</div>
-</div>
-<SplitPanesWrapper>
-	<Splitpanes class="!overflow-visible">
-		<Pane size={60} minSize={10} class="!overflow-visible">
-			<div class="pl-2 h-full !overflow-visible">
-				{#key lang}
-					<Editor
-						{path}
-						bind:code
-						bind:websocketAlive
-						bind:this={editor}
-						on:change={(e) => {
-							inferSchema(e.detail)
-						}}
-						cmdEnterAction={async () => {
-							await inferSchema(code)
-							runTest()
-						}}
-						formatAction={async () => {
-							await inferSchema(code)
-							try {
-								localStorage.setItem(path ?? 'last_save', code)
-							} catch (e) {
-								console.error('Could not save last_save to local storage', e)
-							}
-							lastSave = code
-						}}
-						class="flex flex-1 h-full !overflow-visible"
-						lang={scriptLangToEditorLang(lang)}
-						automaticLayout={true}
-						{fixedOverflowWidgets}
-					/>
-				{/key}
-			</div>
-		</Pane>
-		<Pane size={40} minSize={10}>
-			<div class="flex flex-col h-full">
-				<div class="px-2 w-full border-b py-1">
-					{#if testIsLoading}
-						<Button on:click={testJobLoader?.cancelJob} btnClasses="w-full" color="red" size="xs">
-							<WindmillIcon
-								white={true}
-								class="mr-2 text-white"
-								height="20px"
-								width="20px"
-								spin="fast"
-							/>
-							Cancel
-						</Button>
-					{:else}
-						<Button
-							on:click={runTest}
-							btnClasses="w-full"
-							size="xs"
-							startIcon={{
-								icon: faPlay,
-								classes: 'animate-none'
-							}}
-						>
-							{#if testIsLoading}
-								Running
-							{:else}
-								Test <Kbd class="ml-4 text-5xs -my-0.5">Ctrl+Enter</Kbd>
-							{/if}
-						</Button>
-					{/if}
-				</div>
-				<Splitpanes horizontal class="!max-h-[calc(100%-43px)]">
-					<Pane size={33}>
-						<div class="px-2">
-							<div class="break-words relative font-sans">
-								<SchemaForm compact {schema} bind:args bind:isValid />
-							</div>
-						</div>
-					</Pane>
-					<Pane size={67}>
-						<LogPanel
-							{path}
-							{lang}
-							previewJob={testJob}
-							{pastPreviews}
-							previewIsLoading={testIsLoading}
-							bind:lastSave
-						/>
-					</Pane>
-				</Splitpanes>
-			</div>
-		</Pane>
-	</Splitpanes>
-</SplitPanesWrapper>

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

@@ -1,29 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../common';
-import Editor from './Editor.svelte';
-import type { Preview } from '../gen/models/Preview';
-declare const __propDef: {
-    props: {
-        schema?: Schema | undefined;
-        code: string;
-        path: string | undefined;
-        lang: Preview.language;
-        kind?: string | undefined;
-        initialArgs?: Record<string, any> | undefined;
-        fixedOverflowWidgets?: boolean | undefined;
-        noSyncFromGithub?: boolean | undefined;
-        editor?: Editor | undefined;
-        inferSchema?: ((code: string, nlang?: 'go' | 'bash' | 'python3' | 'deno') => Promise<void>) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ScriptEditorProps = typeof __propDef.props;
-export type ScriptEditorEvents = typeof __propDef.events;
-export type ScriptEditorSlots = typeof __propDef.slots;
-export default class ScriptEditor extends SvelteComponentTyped<ScriptEditorProps, ScriptEditorEvents, ScriptEditorSlots> {
-    get inferSchema(): (code: string, nlang?: "deno" | "python3" | "go" | "bash" | undefined) => Promise<void>;
-}
-export {};

package/dist/components/ScriptPicker.svelte

@@ -1,113 +0,0 @@
-<script>import { ScriptService, FlowService, Script } from '../gen';
-import { hubScripts, workspaceStore } from '../stores';
-import { createEventDispatcher } from 'svelte';
-import Select from 'svelte-select';
-import { getScriptByPath } from '../utils';
-import RadioButton from './RadioButton.svelte';
-import { Button, Drawer, DrawerContent } from './common';
-import HighlightCode from './HighlightCode.svelte';
-import FlowPathViewer from './flows/content/FlowPathViewer.svelte';
-import { SELECT_INPUT_DEFAULT_STYLE } from '../defaults';
-export let initialPath = undefined;
-export let scriptPath = undefined;
-export let allowFlow = false;
-export let allowHub = false;
-export let itemKind = allowHub ? 'hub' : 'script';
-export let kind = Script.kind.SCRIPT;
-export let disabled = false;
-let items = [];
-let drawerViewer;
-let drawerFlowViewer;
-let code = '';
-let lang;
-let options = [['Script', 'script']];
-allowHub && options.unshift(['Hub', 'hub']);
-allowFlow && options.push(['Flow', 'flow']);
-const dispatch = createEventDispatcher();
-async function loadItems() {
-    if (itemKind == 'flow') {
-        items = (await FlowService.listFlows({ workspace: $workspaceStore })).map((flow) => ({
-            value: flow.path,
-            label: `${flow.path}${flow.summary ? ` | ${flow.summary}` : ''}`
-        }));
-    }
-    else if (itemKind == 'script') {
-        items = (await ScriptService.listScripts({ workspace: $workspaceStore, kind })).map((script) => ({
-            value: script.path,
-            label: `${script.path}${script.summary ? ` | ${script.summary}` : ''}`
-        }));
-    }
-    else {
-        items =
-            $hubScripts?.map((x) => ({
-                value: x.path,
-                label: `${x.path}${x.summary ? ` | ${x.summary}` : ''}`
-            })) ?? [];
-    }
-}
-$: itemKind && $workspaceStore && loadItems();
-</script>
-
-<Drawer bind:this={drawerViewer} size="900px">
-	<DrawerContent title="Script {scriptPath}" on:close={drawerViewer.closeDrawer}>
-		<HighlightCode {code} language={lang} />
-	</DrawerContent>
-</Drawer>
-
-<Drawer bind:this={drawerFlowViewer} size="900px">
-	<DrawerContent title="Flow {scriptPath}" on:close={drawerFlowViewer.closeDrawer}>
-		<FlowPathViewer path={scriptPath ?? ''} />
-	</DrawerContent>
-</Drawer>
-
-<div class="flex flex-row  items-center gap-4 w-full">
-	{#if options.length > 1}
-		<div class="w-80 mt-1">
-			<RadioButton {disabled} bind:value={itemKind} {options} />
-		</div>
-	{/if}
-
-	{#if disabled}
-		<input type="text" value={scriptPath} disabled />
-	{:else}
-		<Select
-			value={items.find((x) => x.value == initialPath)}
-			class="grow"
-			on:change={() => {
-				dispatch('select', { path: scriptPath })
-			}}
-			bind:justValue={scriptPath}
-			{items}
-			placeholder="Pick a {itemKind}"
-			inputStyles={SELECT_INPUT_DEFAULT_STYLE.inputStyles}
-			containerStyles={SELECT_INPUT_DEFAULT_STYLE.containerStyles}
-		/>
-	{/if}
-
-	{#if scriptPath !== undefined && scriptPath !== ''}
-		{#if itemKind == 'flow'}
-			<Button
-				color="light"
-				size="xs"
-				on:click={async () => {
-					drawerFlowViewer.openDrawer()
-				}}
-			>
-				Show flow
-			</Button>
-		{:else}
-			<Button
-				color="light"
-				size="xs"
-				on:click={async () => {
-					const { language, content } = await getScriptByPath(scriptPath ?? '')
-					code = content
-					lang = language
-					drawerViewer.openDrawer()
-				}}
-			>
-				Show code
-			</Button>
-		{/if}
-	{/if}
-</div>

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

@@ -1,25 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { Script } from '../gen';
-declare const __propDef: {
-    props: {
-        initialPath?: string | undefined;
-        scriptPath?: string | undefined;
-        allowFlow?: boolean | undefined;
-        allowHub?: boolean | undefined;
-        itemKind?: "flow" | "script" | "hub" | undefined;
-        kind?: Script.kind | undefined;
-        disabled?: boolean | undefined;
-    };
-    events: {
-        select: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ScriptPickerProps = typeof __propDef.props;
-export type ScriptPickerEvents = typeof __propDef.events;
-export type ScriptPickerSlots = typeof __propDef.slots;
-export default class ScriptPicker extends SvelteComponentTyped<ScriptPickerProps, ScriptPickerEvents, ScriptPickerSlots> {
-}
-export {};

package/dist/components/ScriptSchema.svelte

@@ -1,27 +0,0 @@
-<script>import SchemaForm from './SchemaForm.svelte';
-import Tab from './common/tabs/Tab.svelte';
-import Tabs from './common/tabs/Tabs.svelte';
-import TabContent from './common/tabs/TabContent.svelte';
-import Highlight from 'svelte-highlight';
-import json from 'svelte-highlight/languages/json';
-export let schema;
-export function setSchema(newSchema) {
-    schema = newSchema;
-}
-</script>
-
-<div class="w-full">
-	<Tabs selected="ui">
-		<Tab value="ui">Arguments</Tab>
-		<Tab value="jsonschema">JSON Schema</Tab>
-		<svelte:fragment slot="content">
-			<TabContent value="ui">
-				<div class="mt-4" />
-				<SchemaForm {schema} editableSchema={true} />
-			</TabContent>
-			<TabContent value="jsonschema">
-				<Highlight language={json} code={JSON.stringify(schema, null, 4)} />
-			</TabContent>
-		</svelte:fragment>
-	</Tabs>
-</div>

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

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../common';
-declare const __propDef: {
-    props: {
-        schema: Schema;
-        setSchema?: ((newSchema: Schema) => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ScriptSchemaProps = typeof __propDef.props;
-export type ScriptSchemaEvents = typeof __propDef.events;
-export type ScriptSchemaSlots = typeof __propDef.slots;
-export default class ScriptSchema extends SvelteComponentTyped<ScriptSchemaProps, ScriptSchemaEvents, ScriptSchemaSlots> {
-    get setSchema(): (newSchema: Schema) => void;
-}
-export {};

package/dist/components/SearchItems.svelte

@@ -1,29 +0,0 @@
-<script>import uFuzzy from '@leeoniya/ufuzzy';
-export let filter = '';
-export let items;
-export let f;
-export let filteredItems;
-export let opts = {};
-let uf = new uFuzzy(opts);
-$: plaintextItems = items?.map((item) => f(item)) ?? [];
-$: plaintextItems && filter != undefined && setTimeout(() => filterItems(), 0);
-function filterItems() {
-    if (items == undefined || filter.length == 0) {
-        filteredItems = items;
-        return;
-    }
-    // pre-filter
-    let idxs = uf.filter(plaintextItems, filter) ?? [];
-    let info = uf.info(idxs, plaintextItems, filter);
-    let order = uf.sort(info, plaintextItems, filter);
-    let result = [];
-    for (let i = 0; i < order.length; i++) {
-        let infoIdx = order[i];
-        result.push({
-            ...items[info.idx[infoIdx]],
-            marked: uFuzzy.highlight(plaintextItems[info.idx[infoIdx]], info.ranges[infoIdx])
-        });
-    }
-    filteredItems = result;
-}
-</script>

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

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import uFuzzy from '@leeoniya/ufuzzy';
-declare const __propDef: {
-    props: {
-        filter?: string | undefined;
-        items: any[] | undefined;
-        f: (item: any) => string;
-        filteredItems: (any & {
-            marked: string;
-        })[] | undefined;
-        opts?: uFuzzy.Options | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SearchItemsProps = typeof __propDef.props;
-export type SearchItemsEvents = typeof __propDef.events;
-export type SearchItemsSlots = typeof __propDef.slots;
-export default class SearchItems extends SvelteComponentTyped<SearchItemsProps, SearchItemsEvents, SearchItemsSlots> {
-}
-export {};

package/dist/components/SettingSection.svelte

@@ -1,44 +0,0 @@
-<script>import { ChevronDown } from 'lucide-svelte';
-import { slide } from 'svelte/transition';
-import Tooltip from './Tooltip.svelte';
-export let title;
-export let tooltip = '';
-export let element = 'h2';
-export let accordion = false;
-let showContent = !accordion;
-</script>
-
-<div class="border-b [&:has(button:hover)]:border-gray-400 duration-200 pb-1 mt-8 mb-2">
-	{#if accordion}
-		<button
-			class="flex w-full justify-start items-center"
-			on:click={() => (showContent = !showContent)}
-		>
-			<span class="rounded-full hover:bg-gray-100 focus:bg-gray-100 p-1 mr-1">
-				<ChevronDown size={22} class="rotate-0 duration-300 {showContent ? '!-rotate-180' : ''}" />
-			</span>
-			<svelte:element this={element}>
-				{title}
-				{#if tooltip}
-					<Tooltip scale={0.9} class="mb-0.5">
-						{tooltip}
-					</Tooltip>
-				{/if}
-			</svelte:element>
-		</button>
-	{:else}
-		<svelte:element this={element}>
-			{title}
-			{#if tooltip}
-				<Tooltip scale={0.9} class="mb-0.5">
-					{tooltip}
-				</Tooltip>
-			{/if}
-		</svelte:element>
-	{/if}
-</div>
-{#if showContent}
-	<div transition:slide|local={{ duration: 300 }}>
-		<slot />
-	</div>
-{/if}

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

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        title: string;
-        tooltip?: string | undefined;
-        element?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-        accordion?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type SettingSectionProps = typeof __propDef.props;
-export type SettingSectionEvents = typeof __propDef.events;
-export type SettingSectionSlots = typeof __propDef.slots;
-export default class SettingSection extends SvelteComponentTyped<SettingSectionProps, SettingSectionEvents, SettingSectionSlots> {
-}
-export {};