windmill-components 1.138.3 → 1.138.5

package/package/components/DisplayResult.svelte

@@ -6,16 +6,12 @@ import { Button, Drawer, DrawerContent } from './common';
 import { ClipboardCopy, Download, Expand } from 'lucide-svelte';
 import Portal from 'svelte-portal';
 import ObjectViewer from './propertyPicker/ObjectViewer.svelte';
-import ScriptFix from './codeGen/ScriptFix.svelte';
 export let result;
 export let requireHtmlApproval = false;
 export let filename = undefined;
 export let disableExpand = false;
 export let jobId = undefined;
 export let workspaceId = undefined;
-export let editor = undefined;
-export let diffEditor = undefined;
-export let lang = undefined;
 let resultKind;
 $: resultKind = inferResultKind(result);
 let forceJson = false;
@@ -207,9 +203,7 @@ $: jsonStr = JSON.stringify(result, null, 4);
 							.message}{:else}{JSON.stringify(result.error, null, 4)}{/if}</span
 				>
 				<pre class="text-sm whitespace-pre-wrap text-primary">{result.error.stack ?? ''}</pre>
-				{#if lang && editor && diffEditor}
-					<ScriptFix error={JSON.stringify(result.error)} {lang} {editor} {diffEditor} />
-				{/if}
+				<slot />
 			</div>
 		{:else if !forceJson && resultKind == 'approval'}<div class="flex flex-col gap-3 mt-8 mx-4">
 				<Button

package/package/components/DisplayResult.svelte.d.ts

@@ -1,7 +1,4 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Preview } from '../gen';
-import type Editor from './Editor.svelte';
-import type DiffEditor from './DiffEditor.svelte';
 declare const __propDef: {
     props: {
         result: any;
@@ -10,14 +7,13 @@ declare const __propDef: {
         disableExpand?: boolean | undefined;
         jobId?: string | undefined;
         workspaceId?: string | undefined;
-        editor?: Editor | undefined;
-        diffEditor?: DiffEditor | undefined;
-        lang?: Preview.language | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export type DisplayResultProps = typeof __propDef.props;
 export type DisplayResultEvents = typeof __propDef.events;

package/package/components/LightweightArgInput.svelte

@@ -299,12 +299,14 @@ $: inputCat = computeInputCat(type, format, itemsType?.type, enum_, contentEncod
 					multiple={false}
 				/>
 			{:else if inputCat == 'resource-string'}
-				<ResourcePicker
-					bind:value
-					resourceType={format.split('-').length > 1
-						? format.substring('resource-'.length)
-						: undefined}
-				/>
+				<div class="flex flex-row gap-x-1 w-full">
+					<ResourcePicker
+						bind:value
+						resourceType={format.split('-').length > 1
+							? format.substring('resource-'.length)
+							: undefined}
+					/>
+				</div>
 			{:else if inputCat == 'string'}
 				<div class="flex flex-col w-full">
 					<div class="flex flex-row w-full items-center justify-between">

package/package/components/LightweightObjectResourceInput.svelte

@@ -0,0 +1,38 @@
+<script>import LightweightResourcePicker from './LightweightResourcePicker.svelte';
+export let format;
+export let value;
+export let disablePortal = false;
+function isString(value) {
+    return typeof value === 'string' || value instanceof String;
+}
+let path = '';
+function resourceToValue() {
+    if (path) {
+        value = `$res:${path}`;
+    }
+    else {
+        value = undefined;
+    }
+}
+function isResource() {
+    return isString(value) && value.length >= '$res:'.length;
+}
+function valueToPath() {
+    if (isResource()) {
+        path = value.substr('$res:'.length);
+    }
+}
+$: value && valueToPath();
+</script>
+
+<div class="flex flex-row w-full flex-wrap gap-x-2 gap-y-0.5">
+	<LightweightResourcePicker
+		{disablePortal}
+		on:change={(e) => {
+			path = e.detail
+			resourceToValue()
+		}}
+		bind:value={path}
+		resourceType={format.split('-').length > 1 ? format.substring('resource-'.length) : undefined}
+	/>
+</div>

package/package/components/LightweightObjectResourceInput.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        format: string;
+        value: any;
+        disablePortal?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LightweightObjectResourceInputProps = typeof __propDef.props;
+export type LightweightObjectResourceInputEvents = typeof __propDef.events;
+export type LightweightObjectResourceInputSlots = typeof __propDef.slots;
+export default class LightweightObjectResourceInput extends SvelteComponentTyped<LightweightObjectResourceInputProps, LightweightObjectResourceInputEvents, LightweightObjectResourceInputSlots> {
+}
+export {};

package/package/components/LightweightResourcePicker.svelte

@@ -0,0 +1,78 @@
+<script>import { ResourceService } from '../gen';
+import { workspaceStore } from '../stores';
+import { createEventDispatcher, onMount } from 'svelte';
+import Select from './apps/svelte-select/lib/index';
+import { SELECT_INPUT_DEFAULT_STYLE } from '../defaults';
+import DarkModeObserver from './DarkModeObserver.svelte';
+const dispatch = createEventDispatcher();
+export let initialValue = undefined;
+export let value = initialValue;
+export let resourceType = undefined;
+export let disablePortal = false;
+let valueSelect = initialValue || value
+    ? {
+        value: value ?? initialValue,
+        label: value ?? initialValue
+    }
+    : undefined;
+let collection = [valueSelect];
+async function loadResources(resourceType) {
+    const nc = (await ResourceService.listResource({
+        workspace: $workspaceStore,
+        resourceType
+    })).map((x) => ({
+        value: x.path,
+        label: x.path
+    }));
+    // TODO check if this is needed
+    if (!nc.find((x) => x.value == value) && (initialValue || value)) {
+        nc.push({ value: value ?? initialValue, label: value ?? initialValue });
+    }
+    collection = nc;
+}
+$: {
+    if ($workspaceStore) {
+        loadResources(resourceType);
+    }
+}
+$: dispatch('change', value);
+let darkMode = false;
+function onThemeChange() {
+    if (document.documentElement.classList.contains('dark')) {
+        darkMode = true;
+    }
+    else {
+        darkMode = false;
+    }
+}
+onMount(() => {
+    onThemeChange();
+});
+</script>
+
+<DarkModeObserver on:change={onThemeChange} />
+
+<Select
+	portal={!disablePortal}
+	value={valueSelect}
+	on:change={(e) => {
+		value = e.detail.value
+		valueSelect = e.detail
+	}}
+	on:clear={() => {
+		value = undefined
+		valueSelect = undefined
+	}}
+	items={collection}
+	class="text-clip grow min-w-0"
+	placeholder="{resourceType ?? 'any'} resource"
+	inputStyles={SELECT_INPUT_DEFAULT_STYLE.inputStyles}
+	containerStyles={darkMode
+		? SELECT_INPUT_DEFAULT_STYLE.containerStylesDark
+		: SELECT_INPUT_DEFAULT_STYLE.containerStyles}
+/>
+
+<style>
+	:global(.svelte-select-list) {
+		font-size: small !important;
+	}</style>

package/package/components/LightweightResourcePicker.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        initialValue?: string | undefined;
+        value?: string | undefined;
+        resourceType?: string | undefined;
+        disablePortal?: boolean | undefined;
+    };
+    events: {
+        change: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LightweightResourcePickerProps = typeof __propDef.props;
+export type LightweightResourcePickerEvents = typeof __propDef.events;
+export type LightweightResourcePickerSlots = typeof __propDef.slots;
+export default class LightweightResourcePicker extends SvelteComponentTyped<LightweightResourcePickerProps, LightweightResourcePickerEvents, LightweightResourcePickerSlots> {
+}
+export {};

package/package/components/ModulePreview.svelte

@@ -12,6 +12,7 @@ import TestJobLoader from './TestJobLoader.svelte';
 import ModulePreviewForm from './ModulePreviewForm.svelte';
 import { Kbd } from './common';
 import { evalValue } from './flows/utils';
+import ScriptFix from './codeGen/ScriptFix.svelte';
 export let mod;
 export let schema;
 export let pickableProperties;
@@ -101,14 +102,16 @@ function jobDone() {
 			<Pane size={50} minSize={10} class="text-sm text-tertiary">
 				{#if testJob != undefined && 'result' in testJob && testJob.result != undefined}
 					<pre class="overflow-x-auto break-words relative h-full px-2">
-						<DisplayResult
-							workspaceId={testJob?.workspace_id}
-							jobId={testJob?.id}
-							result={testJob.result}
-							{editor}
-							{diffEditor}
-							{lang}
-						/>
+						<DisplayResult workspaceId={testJob?.workspace_id} jobId={testJob?.id} result={testJob.result}>
+						{#if lang && editor && diffEditor && testJob?.result?.error}
+								<ScriptFix
+									error={JSON.stringify(testJob.result.error)}
+									{lang}
+									{editor}
+									{diffEditor}
+								/>
+							{/if}
+					</DisplayResult>
 					</pre>
 				{:else}
 					<div class="p-2">

package/package/components/flows/utils.js

@@ -1,6 +1,6 @@
 import { JobService, ScriptService } from '../../gen';
-import { inferArgs } from '../../infer';
-import { loadSchema, loadSchemaFlow } from '../../scripts';
+import { inferArgs, loadSchemaFromPath } from '../../infer';
+import { loadSchemaFlow } from '../../scripts';
 import { workspaceStore } from '../../stores';
 import { emptySchema } from '../../utils';
 import { get } from 'svelte/store';
@@ -85,7 +85,7 @@ export async function loadSchemaFromModule(module) {
             await inferArgs(mod.language, mod.content ?? '', schema);
         }
         else if (mod.type == 'script' && mod.path && mod.path != '') {
-            schema = await loadSchema(mod.path, mod.hash);
+            schema = await loadSchemaFromPath(mod.path, mod.hash);
         }
         else if (mod.type == 'flow' && mod.path && mod.path != '') {
             schema = await loadSchemaFlow(mod.path);

package/package/components/scriptEditor/LogPanel.svelte

@@ -18,6 +18,7 @@ import LogViewer from '../LogViewer.svelte';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import SplitPanesWrapper from '../splitPanes/SplitPanesWrapper.svelte';
 import { Loader2 } from 'lucide-svelte';
+import ScriptFix from '../codeGen/ScriptFix.svelte';
 export let lang;
 export let previewIsLoading = false;
 export let previewJob;
@@ -82,10 +83,16 @@ function closeDrawer() {
 									workspaceId={previewJob?.workspace_id}
 									jobId={previewJob?.id}
 									result={previewJob.result}
-									{editor}
-									{diffEditor}
-									{lang}
-								/>
+								>
+									{#if lang && editor && diffEditor && previewJob?.result?.error}
+										<ScriptFix
+											error={JSON.stringify(previewJob.result.error)}
+											{lang}
+											{editor}
+											{diffEditor}
+										/>
+									{/if}
+								</DisplayResult>
 							</div>
 						{:else}
 							<div class="text-sm text-tertiary p-2">

package/package/infer.d.ts

@@ -1,5 +1,6 @@
 import type { Schema, SupportedLanguage } from './common.js';
 export declare function inferArgs(language: SupportedLanguage, code: string, schema: Schema): Promise<void>;
+export declare function loadSchemaFromPath(path: string, hash?: string): Promise<Schema>;
 export declare function loadSchema(workspace: string, path: string, runType: 'script' | 'flow' | 'hubscript'): Promise<{
     schema: Schema;
     summary: string | undefined;

package/package/infer.js

@@ -1,9 +1,10 @@
-import { ScriptService, FlowService } from './gen';
+import { ScriptService, FlowService, Script } from './gen';
 import { get, writable } from 'svelte/store';
 import { emptySchema, sortObject } from './utils.js';
 import { tick } from 'svelte';
 import init, { parse_deno, parse_bash, parse_go, parse_python, parse_sql, parse_mysql, parse_bigquery } from 'windmill-parser-wasm';
 import wasmUrl from 'windmill-parser-wasm/windmill_parser_wasm_bg.wasm?url';
+import { workspaceStore } from './stores.js';
 init(wasmUrl);
 const loadSchemaLastRun = writable(undefined);
 export async function inferArgs(language, code, schema) {
@@ -179,6 +180,43 @@ function argSigToJsonSchemaType(t, oldS) {
         oldS.format = undefined;
     }
 }
+export async function loadSchemaFromPath(path, hash) {
+    if (path.startsWith('hub/')) {
+        const { content, language, schema } = await ScriptService.getHubScriptByPath({ path });
+        if (language == 'deno') {
+            const newSchema = emptySchema();
+            await inferArgs('deno', content ?? '', newSchema);
+            return newSchema;
+        }
+        else {
+            return schema ?? emptySchema();
+        }
+    }
+    else if (hash) {
+        const script = await ScriptService.getScriptByHash({
+            workspace: get(workspaceStore),
+            hash
+        });
+        return inferSchemaIfNecessary(script);
+    }
+    else {
+        const script = await ScriptService.getScriptByPath({
+            workspace: get(workspaceStore),
+            path: path ?? ''
+        });
+        return inferSchemaIfNecessary(script);
+    }
+}
+async function inferSchemaIfNecessary(script) {
+    if (script.schema) {
+        return script.schema;
+    }
+    else {
+        const newSchema = emptySchema();
+        await inferArgs(script.language, script.content ?? '', newSchema);
+        return newSchema;
+    }
+}
 export async function loadSchema(workspace, path, runType) {
     if (runType === 'script') {
         const script = await ScriptService.getScriptByPath({

package/package/scripts.d.ts

@@ -1,7 +1,6 @@
 import type { Schema, SupportedLanguage } from './common';
 import { Script } from './gen';
 export declare function scriptLangToEditorLang(lang: Script.language): "graphql" | "sql" | Script.language.GO | "typescript" | "python" | "shell";
-export declare function loadSchema(path: string, hash?: string): Promise<Schema>;
 export declare function loadSchemaFlow(path: string): Promise<Schema>;
 export declare function scriptPathToHref(path: string): string;
 export declare function getScriptByPath(path: string): Promise<{

package/package/scripts.js

@@ -1,8 +1,6 @@
 import { get } from 'svelte/store';
 import { FlowService, Script, ScriptService } from './gen';
-import { inferArgs } from './infer';
 import { workspaceStore, hubScripts } from './stores';
-import { emptySchema } from './utils';
 export function scriptLangToEditorLang(lang) {
     if (lang == 'deno') {
         return 'typescript';
@@ -37,43 +35,6 @@ export function scriptLangToEditorLang(lang) {
         return lang;
     }
 }
-export async function loadSchema(path, hash) {
-    if (path.startsWith('hub/')) {
-        const { content, language, schema } = await ScriptService.getHubScriptByPath({ path });
-        if (language == 'deno') {
-            const newSchema = emptySchema();
-            await inferArgs('deno', content ?? '', newSchema);
-            return newSchema;
-        }
-        else {
-            return schema ?? emptySchema();
-        }
-    }
-    else if (hash) {
-        const script = await ScriptService.getScriptByHash({
-            workspace: get(workspaceStore),
-            hash
-        });
-        return inferSchemaIfNecessary(script);
-    }
-    else {
-        const script = await ScriptService.getScriptByPath({
-            workspace: get(workspaceStore),
-            path: path ?? ''
-        });
-        return inferSchemaIfNecessary(script);
-    }
-}
-async function inferSchemaIfNecessary(script) {
-    if (script.schema) {
-        return script.schema;
-    }
-    else {
-        const newSchema = emptySchema();
-        await inferArgs(script.language, script.content ?? '', newSchema);
-        return newSchema;
-    }
-}
 export async function loadSchemaFlow(path) {
     const flow = await FlowService.getFlowByPath({
         workspace: get(workspaceStore),
@@ -99,7 +60,7 @@ export async function getScriptByPath(path) {
             description: '',
             tag: undefined,
             concurrent_limit: undefined,
-            concurrency_time_window_s: undefined,
+            concurrency_time_window_s: undefined
         };
     }
     else {
@@ -114,7 +75,7 @@ export async function getScriptByPath(path) {
             description: script.description,
             tag: script.tag,
             concurrent_limit: script.concurrent_limit,
-            concurrency_time_window_s: script.concurrency_time_window_s,
+            concurrency_time_window_s: script.concurrency_time_window_s
         };
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.138.3",
+	"version": "1.138.5",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",