windmill-components 1.383.9 → 1.389.2

package/package/components/LogViewer.svelte

@@ -24,6 +24,8 @@ export let jobId = undefined;
 export let tag;
 export let small = false;
 export let drawerOpen = false;
+export let noMaxH = false;
+export let noAutoScroll = false;
 // @ts-ignore
 const ansi_up = new AnsiUp();
 let scroll = true;
@@ -118,17 +120,19 @@ function showMoreTruncate(len) {
 <Drawer bind:this={logViewer} bind:open={drawerOpen} size="900px">
 	<DrawerContent title="Expanded Logs" on:close={logViewer.closeDrawer}>
 		<svelte:fragment slot="actions">
-			<Button
-				href="{base}/api/w/{$workspaceStore}/jobs_u/get_logs/{jobId}"
-				download="windmill_logs_{jobId}.txt"
-				color="light"
-				size="xs"
-				startIcon={{
-					icon: Download
-				}}
-			>
-				Download
-			</Button>
+			{#if jobId}
+				<Button
+					href="{base}/api/w/{$workspaceStore}/jobs_u/get_logs/{jobId}"
+					download="windmill_logs_{jobId}.txt"
+					color="light"
+					size="xs"
+					startIcon={{
+						icon: Download
+					}}
+				>
+					Download
+				</Button>
+			{/if}
 
 			<Button
 				on:click={() => copyToClipboard(content)}
@@ -160,28 +164,32 @@ function showMoreTruncate(len) {
 <div class="relative w-full h-full {wrapperClass}">
 	<div
 		bind:this={div}
-		class="w-full h-full overflow-auto relative bg-surface-secondary max-h-screen"
+		class="w-full h-full overflow-auto relative bg-surface-secondary {noMaxH ? '' : 'max-h-screen'}"
 	>
 		<div class="sticky z-10 top-0 right-0 w-full flex flex-row-reverse justify-between text-sm">
 			<div class="flex gap-2 pl-0.5 bg-surface-secondary">
-				<div class="flex items-center">
-					<a
-						class="text-primary pb-0.5"
-						target="_blank"
-						href="{base}/api/w/{$workspaceStore}/jobs_u/get_logs/{jobId}"
-						download="windmill_logs_{jobId}.txt"
-						><Download size="14" />
-					</a>
-				</div>
+				{#if jobId}
+					<div class="flex items-center">
+						<a
+							class="text-primary pb-0.5"
+							target="_blank"
+							href="{base}/api/w/{$workspaceStore}/jobs_u/get_logs/{jobId}"
+							download="windmill_logs_{jobId}.txt"
+							><Download size="14" />
+						</a>
+					</div>
+				{/if}
 				<button on:click={logViewer.openDrawer}><Expand size="12" /></button>
-				<div
-					class="{small ? '' : 'py-2'} pr-2 {small
-						? '!text-2xs'
-						: '!text-xs'} flex gap-2 text-tertiary items-center"
-				>
-					Auto scroll
-					<input class="windmillapp" type="checkbox" bind:checked={scroll} />
-				</div>
+				{#if !noAutoScroll}
+					<div
+						class="{small ? '' : 'py-2'} pr-2 {small
+							? '!text-2xs'
+							: '!text-xs'} flex gap-2 text-tertiary items-center"
+					>
+						Auto scroll
+						<input class="windmillapp" type="checkbox" bind:checked={scroll} />
+					</div>
+				{/if}
 			</div>
 		</div>
 		{#if isLoading}

package/package/components/LogViewer.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         tag: string | undefined;
         small?: boolean | undefined;
         drawerOpen?: boolean | undefined;
+        noMaxH?: boolean | undefined;
+        noAutoScroll?: boolean | undefined;
         scrollToBottom?: (() => void) | undefined;
     };
     events: {

package/package/components/ObjectResourceInput.svelte

@@ -12,7 +12,7 @@ export let editor = undefined;
 function isString(value) {
     return typeof value === 'string' || value instanceof String;
 }
-let path = '';
+export let path = '';
 function resourceToValue() {
     if (path) {
         value = `$res:${path}`;

package/package/components/ObjectResourceInput.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         selectFirst?: boolean | undefined;
         defaultValue: any;
         editor?: SimpleEditor | undefined;
+        path?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/Path.svelte

@@ -86,7 +86,7 @@ export async function reset() {
         while (await pathExists(metaToPath(newMeta), kind)) {
             disabled = true;
             error = 'finding an available name...';
-            newMeta.name = random_adj() + '_' + fullNamePlaceholder ?? namePlaceholder;
+            newMeta.name = random_adj() + '_' + (fullNamePlaceholder ?? namePlaceholder);
         }
         error = '';
         disabled = false;
@@ -232,7 +232,7 @@ async function addFolder() {
 function setDirty() {
     !dirty && (dirty = true);
 }
-const openSearchWithPrefilledText = getContext("openSearchWithPrefilledText");
+const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 </script>
 
 <Drawer bind:this={newFolder}>
@@ -427,7 +427,7 @@ const openSearchWithPrefilledText = getContext("openSearchWithPrefilledText");
 					variant="border"
 					color="dark"
 					on:click={() => {
-						openSearchWithPrefilledText("#")
+						openSearchWithPrefilledText('#')
 					}}
 					startIcon={{ icon: SearchCode }}
 				>

package/package/components/QueueMetricsDrawer.svelte

@@ -1,225 +1,13 @@
 <script>import { Drawer, DrawerContent } from './common';
-import 'chartjs-adapter-date-fns';
-import { Line } from 'svelte-chartjs';
-import { Chart as ChartJS, Title, Tooltip, Legend, LineElement, CategoryScale, LinearScale, PointElement, LogarithmicScale, TimeScale } from 'chart.js';
-import { WorkerService } from '../gen';
-import { superadmin } from '../stores';
-import Skeleton from './common/skeleton/Skeleton.svelte';
-import DarkModeObserver from './DarkModeObserver.svelte';
-import Alert from './common/alert/Alert.svelte';
-export let drawer;
-let isOpen = false;
-let loading = true;
-const colorTuples = [
-    ['#7EB26D', 'rgba(126, 178, 109, 0.2)'],
-    ['#EAB839', 'rgba(234, 184, 57, 0.2)'],
-    ['#6ED0E0', 'rgba(110, 208, 224, 0.2)'],
-    ['#EF843C', 'rgba(239, 132, 60, 0.2)'],
-    ['#E24D42', 'rgba(226, 77, 66, 0.2)'],
-    ['#1F78C1', 'rgba(31, 120, 193, 0.2)'],
-    ['#BA43A9', 'rgba(186, 67, 169, 0.2)'],
-    ['#705DA0', 'rgba(112, 93, 160, 0.2)'],
-    ['#508642', 'rgba(80, 134, 66, 0.2)'],
-    ['#CCA300', 'rgba(204, 163, 0, 0.2)'],
-    ['#447EBC', 'rgba(68, 126, 188, 0.2)'],
-    ['#C15C17', 'rgba(193, 92, 23, 0.2)'],
-    ['#890F02', 'rgba(137, 15, 2, 0.2)'],
-    ['#666666', 'rgba(102, 102, 102, 0.2)'],
-    ['#44AA99', 'rgba(68, 170, 153, 0.2)'],
-    ['#6D8764', 'rgba(109, 135, 100, 0.2)'],
-    ['#555555', 'rgba(85, 85, 85, 0.2)'],
-    ['#B3B3B3', 'rgba(179, 179, 179, 0.2)'],
-    ['#008C9E', 'rgba(0, 140, 158, 0.2)'],
-    ['#6BBA70', 'rgba(107, 186, 112, 0.2)']
-];
-function getColors(labels) {
-    const colors = labels.map((_, i) => colorTuples[i % colorTuples.length]);
-    return Object.fromEntries(colors.map((c, i) => [labels[i], c]));
+import QueueMetricsDrawerInner from './QueueMetricsDrawerInner.svelte';
+let drawer;
+export function openDrawer() {
+    drawer?.openDrawer();
 }
-ChartJS.register(Title, Tooltip, Legend, LineElement, LinearScale, PointElement, CategoryScale, TimeScale, LogarithmicScale);
-let countData = undefined;
-let delayData = undefined;
-let minDate = new Date();
-let noMetrics = false;
-function fillData(data, zero = 0) {
-    // fill holes with 0
-    const sorted = [];
-    for (const el of [
-        ...data,
-        {
-            created_at: new Date().toISOString(),
-            value: zero
-        }
-    ]) {
-        const last = sorted.length > 0 ? new Date(sorted[sorted.length - 1].created_at).getTime() : undefined;
-        const currentTs = new Date(el.created_at).getTime();
-        if (last && currentTs - last > 1000 * 60 * 2) {
-            const numElements = Math.floor((currentTs - last) / (1000 * 30));
-            for (let i = 1; i < numElements; i++) {
-                sorted.push({
-                    created_at: new Date(last + i * (1000 * 30)).toISOString(),
-                    value: zero
-                });
-            }
-        }
-        sorted.push(el);
-    }
-    // remove high frequency data points for similar values
-    const light = [];
-    for (const el of sorted) {
-        const last = light.length > 0 ? light[light.length - 1] : undefined;
-        if (!last ||
-            Math.abs((el.value - last.value) / last.value) > 0.1 ||
-            new Date(el.created_at).getTime() - new Date(last.created_at).getTime() > 1000 * 60 * 15) {
-            light.push(el);
-        }
-    }
-    return light;
-}
-async function loadMetrics() {
-    loading = true;
-    let metrics = await WorkerService.getQueueMetrics();
-    if (metrics.length == 0) {
-        noMetrics = true;
-        loading = false;
-        return;
-    }
-    const labels = metrics
-        .map((m) => m.id.slice(12))
-        .filter((v, i, a) => a.indexOf(v) === i)
-        .sort();
-    const labelColors = getColors(labels);
-    countData = {
-        datasets: metrics
-            .filter((m) => m.id.startsWith('queue_count_'))
-            .map((m) => {
-            const [color, bgColor] = labelColors[m.id.slice(12)];
-            return {
-                label: m.id.slice(12),
-                backgroundColor: bgColor,
-                borderColor: color,
-                data: fillData(m.values).map((v) => ({ x: v.created_at, y: v.value }))
-            };
-        })
-    };
-    delayData = {
-        datasets: metrics
-            .filter((m) => m.id.startsWith('queue_delay_'))
-            .map((m) => {
-            const [color, bgColor] = labelColors[m.id.slice(12)];
-            return {
-                label: m.id.slice(12),
-                borderColor: color,
-                backgroundColor: bgColor,
-                data: fillData(m.values, 1).map((v) => ({
-                    x: v.created_at,
-                    y: v.value
-                }))
-            };
-        })
-    };
-    minDate = new Date(Math.min(...countData.datasets.map((d) => new Date(d.data[0].x).getTime())));
-    loading = false;
-}
-$: if ($superadmin && isOpen) {
-    loadMetrics();
-}
-else {
-    countData = undefined;
-    delayData = undefined;
-}
-let darkMode = false;
-$: ChartJS.defaults.color = darkMode ? '#ccc' : '#666';
-$: ChartJS.defaults.borderColor = darkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)';
 </script>
 
-<DarkModeObserver bind:darkMode />
-
-<Drawer bind:this={drawer} bind:open={isOpen}>
+<Drawer bind:this={drawer}>
 	<DrawerContent title="Queue Metrics" on:close={drawer.closeDrawer}>
-		{#if loading}
-			<Skeleton layout={[[20]]} />
-		{:else if noMetrics}
-			<p class="text-secondary">No jobs delayed by more than 3 seconds in the last 14 days</p>
-		{:else}
-			<div class="flex flex-col gap-4">
-				{#if countData}
-					<Line
-						data={countData}
-						options={{
-							animation: false,
-							plugins: {
-								title: {
-									display: true,
-									text: 'Number of delayed jobs per tag (> 3s)'
-								}
-							},
-							scales: {
-								x: {
-									type: 'time',
-									min: minDate.toISOString(),
-									max: new Date().toISOString()
-								},
-								y: {
-									title: {
-										display: true,
-										text: 'count'
-									}
-								}
-							}
-						}}
-					/>
-				{/if}
-				{#if delayData}
-					<Line
-						data={delayData}
-						options={{
-							animation: false,
-							plugins: {
-								title: {
-									display: true,
-									text: 'Queue delay per tag (> 3s)'
-								},
-								tooltip: {
-									callbacks: {
-										label: function (context) {
-											// @ts-ignore
-											if (context.raw.y === 1) {
-												return context.dataset.label + ': 0'
-											} else {
-												// @ts-ignore
-												return context.dataset.label + ': ' + context.raw.y
-											}
-										}
-									}
-								}
-							},
-							scales: {
-								x: {
-									type: 'time',
-									min: minDate.toISOString(),
-									max: new Date().toISOString()
-								},
-
-								y: {
-									type: 'logarithmic',
-									title: {
-										display: true,
-										text: 'delay (s)'
-									},
-									ticks: {
-										callback: (value, _) => (value === 1 ? '0' : value)
-									}
-								}
-							}
-						}}
-					/>
-				{/if}
-				<Alert title="Info">
-					Only tags for jobs that have been delayed by more than 3 seconds in the last 14 days are
-					included in the graph.
-				</Alert>
-			</div>
-		{/if}
+		<QueueMetricsDrawerInner />
 	</DrawerContent>
 </Drawer>

package/package/components/QueueMetricsDrawer.svelte.d.ts

@@ -1,9 +1,7 @@
 import { SvelteComponent } from "svelte";
-import { Drawer } from './common';
-import 'chartjs-adapter-date-fns';
 declare const __propDef: {
     props: {
-        drawer: Drawer;
+        openDrawer?: (() => void) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -14,5 +12,6 @@ export type QueueMetricsDrawerProps = typeof __propDef.props;
 export type QueueMetricsDrawerEvents = typeof __propDef.events;
 export type QueueMetricsDrawerSlots = typeof __propDef.slots;
 export default class QueueMetricsDrawer extends SvelteComponent<QueueMetricsDrawerProps, QueueMetricsDrawerEvents, QueueMetricsDrawerSlots> {
+    get openDrawer(): () => void;
 }
 export {};

package/package/components/QueueMetricsDrawerInner.svelte

@@ -0,0 +1,211 @@
+<script>import 'chartjs-adapter-date-fns';
+import { Line } from 'svelte-chartjs';
+import { Chart as ChartJS, Title, Tooltip, Legend, LineElement, CategoryScale, LinearScale, PointElement, LogarithmicScale, TimeScale } from 'chart.js';
+import { WorkerService } from '../gen';
+import Skeleton from './common/skeleton/Skeleton.svelte';
+import DarkModeObserver from './DarkModeObserver.svelte';
+import Alert from './common/alert/Alert.svelte';
+let loading = true;
+const colorTuples = [
+    ['#7EB26D', 'rgba(126, 178, 109, 0.2)'],
+    ['#EAB839', 'rgba(234, 184, 57, 0.2)'],
+    ['#6ED0E0', 'rgba(110, 208, 224, 0.2)'],
+    ['#EF843C', 'rgba(239, 132, 60, 0.2)'],
+    ['#E24D42', 'rgba(226, 77, 66, 0.2)'],
+    ['#1F78C1', 'rgba(31, 120, 193, 0.2)'],
+    ['#BA43A9', 'rgba(186, 67, 169, 0.2)'],
+    ['#705DA0', 'rgba(112, 93, 160, 0.2)'],
+    ['#508642', 'rgba(80, 134, 66, 0.2)'],
+    ['#CCA300', 'rgba(204, 163, 0, 0.2)'],
+    ['#447EBC', 'rgba(68, 126, 188, 0.2)'],
+    ['#C15C17', 'rgba(193, 92, 23, 0.2)'],
+    ['#890F02', 'rgba(137, 15, 2, 0.2)'],
+    ['#666666', 'rgba(102, 102, 102, 0.2)'],
+    ['#44AA99', 'rgba(68, 170, 153, 0.2)'],
+    ['#6D8764', 'rgba(109, 135, 100, 0.2)'],
+    ['#555555', 'rgba(85, 85, 85, 0.2)'],
+    ['#B3B3B3', 'rgba(179, 179, 179, 0.2)'],
+    ['#008C9E', 'rgba(0, 140, 158, 0.2)'],
+    ['#6BBA70', 'rgba(107, 186, 112, 0.2)']
+];
+function getColors(labels) {
+    const colors = labels.map((_, i) => colorTuples[i % colorTuples.length]);
+    return Object.fromEntries(colors.map((c, i) => [labels[i], c]));
+}
+ChartJS.register(Title, Tooltip, Legend, LineElement, LinearScale, PointElement, CategoryScale, TimeScale, LogarithmicScale);
+let countData = undefined;
+let delayData = undefined;
+let minDate = new Date();
+let noMetrics = false;
+function fillData(data, zero = 0) {
+    // fill holes with 0
+    const sorted = [];
+    for (const el of [
+        ...data,
+        {
+            created_at: new Date().toISOString(),
+            value: zero
+        }
+    ]) {
+        const last = sorted.length > 0 ? new Date(sorted[sorted.length - 1].created_at).getTime() : undefined;
+        const currentTs = new Date(el.created_at).getTime();
+        if (last && currentTs - last > 1000 * 60 * 2) {
+            const numElements = Math.floor((currentTs - last) / (1000 * 30));
+            for (let i = 1; i < numElements; i++) {
+                sorted.push({
+                    created_at: new Date(last + i * (1000 * 30)).toISOString(),
+                    value: zero
+                });
+            }
+        }
+        sorted.push(el);
+    }
+    // remove high frequency data points for similar values
+    const light = [];
+    for (const el of sorted) {
+        const last = light.length > 0 ? light[light.length - 1] : undefined;
+        if (!last ||
+            Math.abs((el.value - last.value) / last.value) > 0.1 ||
+            new Date(el.created_at).getTime() - new Date(last.created_at).getTime() > 1000 * 60 * 15) {
+            light.push(el);
+        }
+    }
+    return light;
+}
+async function loadMetrics() {
+    loading = true;
+    let metrics = await WorkerService.getQueueMetrics();
+    if (metrics.length == 0) {
+        noMetrics = true;
+        loading = false;
+        return;
+    }
+    const labels = metrics
+        .map((m) => m.id.slice(12))
+        .filter((v, i, a) => a.indexOf(v) === i)
+        .sort();
+    const labelColors = getColors(labels);
+    countData = {
+        datasets: metrics
+            .filter((m) => m.id.startsWith('queue_count_'))
+            .map((m) => {
+            const [color, bgColor] = labelColors[m.id.slice(12)];
+            return {
+                label: m.id.slice(12),
+                backgroundColor: bgColor,
+                borderColor: color,
+                data: fillData(m.values).map((v) => ({ x: v.created_at, y: v.value }))
+            };
+        })
+    };
+    delayData = {
+        datasets: metrics
+            .filter((m) => m.id.startsWith('queue_delay_'))
+            .map((m) => {
+            const [color, bgColor] = labelColors[m.id.slice(12)];
+            return {
+                label: m.id.slice(12),
+                borderColor: color,
+                backgroundColor: bgColor,
+                data: fillData(m.values, 1).map((v) => ({
+                    x: v.created_at,
+                    y: v.value
+                }))
+            };
+        })
+    };
+    minDate = new Date(Math.min(...countData.datasets.map((d) => new Date(d.data[0].x).getTime())));
+    loading = false;
+}
+loadMetrics();
+let darkMode = false;
+$: ChartJS.defaults.color = darkMode ? '#ccc' : '#666';
+$: ChartJS.defaults.borderColor = darkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)';
+</script>
+
+<DarkModeObserver bind:darkMode />
+
+{#if loading}
+	<Skeleton layout={[[20]]} />
+{:else if noMetrics}
+	<p class="text-secondary">No jobs delayed by more than 3 seconds in the last 14 days</p>
+{:else}
+	<div class="flex flex-col gap-4">
+		{#if countData}
+			<Line
+				data={countData}
+				options={{
+					animation: false,
+					plugins: {
+						title: {
+							display: true,
+							text: 'Number of delayed jobs per tag (> 3s)'
+						}
+					},
+					scales: {
+						x: {
+							type: 'time',
+							min: minDate.toISOString(),
+							max: new Date().toISOString()
+						},
+						y: {
+							title: {
+								display: true,
+								text: 'count'
+							}
+						}
+					}
+				}}
+			/>
+		{/if}
+		{#if delayData}
+			<Line
+				data={delayData}
+				options={{
+					animation: false,
+					plugins: {
+						title: {
+							display: true,
+							text: 'Queue delay per tag (> 3s)'
+						},
+						tooltip: {
+							callbacks: {
+								label: function (context) {
+									// @ts-ignore
+									if (context.raw.y === 1) {
+										return context.dataset.label + ': 0'
+									} else {
+										// @ts-ignore
+										return context.dataset.label + ': ' + context.raw.y
+									}
+								}
+							}
+						}
+					},
+					scales: {
+						x: {
+							type: 'time',
+							min: minDate.toISOString(),
+							max: new Date().toISOString()
+						},
+
+						y: {
+							type: 'logarithmic',
+							title: {
+								display: true,
+								text: 'delay (s)'
+							},
+							ticks: {
+								callback: (value, _) => (value === 1 ? '0' : value)
+							}
+						}
+					}
+				}}
+			/>
+		{/if}
+		<Alert title="Info">
+			Only tags for jobs that have been delayed by more than 3 seconds in the last 14 days are
+			included in the graph.
+		</Alert>
+	</div>
+{/if}

package/package/components/QueueMetricsDrawerInner.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import 'chartjs-adapter-date-fns';
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type QueueMetricsDrawerInnerProps = typeof __propDef.props;
+export type QueueMetricsDrawerInnerEvents = typeof __propDef.events;
+export type QueueMetricsDrawerInnerSlots = typeof __propDef.slots;
+export default class QueueMetricsDrawerInner extends SvelteComponent<QueueMetricsDrawerInnerProps, QueueMetricsDrawerInnerEvents, QueueMetricsDrawerInnerSlots> {
+}
+export {};

package/package/components/ResourceEditorDrawer.svelte

@@ -1,7 +1,6 @@
-<script>import ResourceEditor from './ResourceEditor.svelte';
-import { Button, Drawer } from './common';
+<script>import { Button, Drawer } from './common';
 import DrawerContent from './common/drawer/DrawerContent.svelte';
-import { Save } from 'lucide-svelte';
+import { Loader2, Save } from 'lucide-svelte';
 let drawer;
 let canSave = true;
 let resource_type = undefined;
@@ -24,14 +23,18 @@ export async function initNew(resourceType) {
 
 <Drawer bind:this={drawer} size="800px">
 	<DrawerContent title={path ? 'Edit ' + path : 'Add a resource'} on:close={drawer.closeDrawer}>
-		<ResourceEditor
-			{newResource}
-			{path}
-			{resource_type}
-			on:refresh
-			bind:this={resourceEditor}
-			bind:canSave
-		/>
+		{#await import('./ResourceEditor.svelte')}
+			<Loader2 class="animate-spin" />
+		{:then Module}
+			<Module.default
+				{newResource}
+				{path}
+				{resource_type}
+				on:refresh
+				bind:this={resourceEditor}
+				bind:canSave
+			/>
+		{/await}
 		<svelte:fragment slot="actions">
 			<Button
 				startIcon={{ icon: Save }}

package/package/components/ResourceEditorDrawer.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         initNew?: ((resourceType: string) => Promise<void>) | undefined;
     };
     events: {
-        refresh: CustomEvent<any>;
+        refresh: any;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/package/components/ResultJobLoader.svelte.d.ts

@@ -81,7 +81,7 @@ export default class ResultJobLoader extends SvelteComponent<ResultJobLoaderProp
         cancel: () => void;
         error: (err: Error) => void;
     } | undefined) => Promise<string>;
-    get runPreview(): (path: string | undefined, code: string, lang: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun" | "php", args: Record<string, any>, tag: string | undefined, callbacks?: {
+    get runPreview(): (path: string | undefined, code: string, lang: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun" | "php" | "rust", args: Record<string, any>, tag: string | undefined, callbacks?: {
         done: (x: any) => void;
         cancel: () => void;
         error: (err: Error) => void;