windmill-components 1.542.5 → 1.555.0

package/package/components/home/ItemsList.svelte

@@ -449,7 +449,7 @@ $effect(() => {
 			/>
 		{:else}
 			<div class="border rounded-md">
-				{#each (items ?? []).slice(0, nbDisplayed) as item (item.type + '/' + item.path)}
+				{#each (items ?? []).slice(0, nbDisplayed) as item (item.type + '/' + item.path + (item.hash ? '/' + item.hash : ''))}
 					<Item
 						{item}
 						on:scriptChanged={() => loadScripts(includeWithoutMain)}

package/package/components/instanceSettings.js

@@ -271,6 +271,23 @@ export const settings = {
             placeholder: 'https://user:password@gems.foo.com/',
             storage: 'setting',
             ee_only: ''
+        },
+        {
+            label: 'PowerShell Repository URL',
+            description: 'Add private PowerShell repository URL',
+            key: 'powershell_repo_url',
+            placeholder: 'https://pkgs.dev.azure.com/<org>/<project>/_packaging/<feed>/nuget/v3/index.json',
+            fieldType: 'text',
+            storage: 'setting',
+            ee_only: ''
+        },
+        {
+            label: 'PowerShell Repository PAT',
+            description: 'Add private PowerShell repository Personal Access Token',
+            key: 'powershell_repo_pat',
+            fieldType: 'text',
+            storage: 'setting',
+            ee_only: ''
         }
     ],
     Alerts: [

package/package/components/jobs/JobProgressBar.svelte

@@ -1,20 +1,14 @@
 <script lang="ts">import {} from '../../gen';
 import ProgressBar from '../progressBar/ProgressBar.svelte';
-export let job = undefined;
-export let compact = false;
-/// Progress of currently running job
-export let scriptProgress = undefined;
-// Removes `Step 1` and replaces it with `Running` 
-export let hideStepTitle = false;
-let error = undefined;
-let index = 0;
-let subIndex = 0;
-let subLength = 100;
-let length = 1;
+let { job = undefined, compact = false, scriptProgress = undefined, hideStepTitle = false, class: className = '' } = $props();
+let error = $state(undefined);
+let index = $state(0);
+let subIndex = $state(0);
+let subLength = $state(100);
+let length = $state(1);
 let nextInProgress = false;
-$: if (job)
-    updateJobProgress(job);
-$: subIndex = scriptProgress ?? 0;
+let progressBar = $state(undefined);
+let lastJobId = $state();
 function updateJobProgress(job) {
     if (!job['running'] && !job['success']) {
         error = 0;
@@ -24,11 +18,10 @@ function updateJobProgress(job) {
     }
     // Anything that is success automatically gets 100% progress
     if (job['success'] && scriptProgress)
-        index = 1, subLength = 0, subIndex = 0, scriptProgress = 100;
+        ((index = 1), (subLength = 0), (subIndex = 0), (scriptProgress = 100));
 }
-let resetP;
 export function reset() {
-    resetP?.();
+    progressBar?.resetP();
     error = undefined;
     subIndex = 0;
     subLength = 100;
@@ -36,17 +29,30 @@ export function reset() {
     index = 0;
     scriptProgress = undefined;
 }
+$effect(() => {
+    if (lastJobId && job && job.id !== lastJobId) {
+        lastJobId = job.id;
+        reset();
+    }
+});
+$effect(() => {
+    if (job)
+        updateJobProgress(job);
+});
+$effect(() => {
+    subIndex = scriptProgress ?? 0;
+});
 </script>
 
 <ProgressBar
-	bind:resetP
+	bind:this={progressBar}
 	{length}
 	{index}
 	{nextInProgress}
 	{subLength}
 	{subIndex}
 	{error}
-	class={$$props.class}
-	bind:compact
-	bind:hideStepTitle
+	class={className}
+	{compact}
+	{hideStepTitle}
 />

package/package/components/jobs/JobProgressBar.svelte.d.ts

@@ -1,28 +1,13 @@
 import { type Job } from '../../gen';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const JobProgressBar: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
+interface Props {
     job?: Job | undefined;
-    compact?: boolean | undefined;
-    scriptProgress?: number | undefined | undefined;
-    hideStepTitle?: boolean | undefined;
-    reset?: (() => void) | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
+    compact?: boolean;
+    scriptProgress?: number | undefined;
+    hideStepTitle?: boolean;
+    class?: string;
+}
+declare const JobProgressBar: import("svelte").Component<Props, {
     reset: () => void;
-}, string>;
-type JobProgressBar = InstanceType<typeof JobProgressBar>;
+}, "">;
+type JobProgressBar = ReturnType<typeof JobProgressBar>;
 export default JobProgressBar;

package/package/components/meltComponents/MenuSingleItem.svelte

@@ -1,12 +1,7 @@
-<script lang="ts">import { melt } from '@melt-ui/svelte';
-let { createMenu, triggr, children } = $props();
-const menu = createMenu();
-const { elements: { trigger, item, menu: menuElement } } = menu;
+<script lang="ts">"use strict";
+let { children } = $props();
 </script>
 
 <div class="hover:z-50 flex w-full h-8">
-	{@render triggr?.({ trigger })}
-	<div {...$menuElement} use:$menuElement.action>
-		{@render children?.({ item })}
-	</div>
+	{@render children?.({})}
 </div>

package/package/components/meltComponents/MenuSingleItem.svelte.d.ts

@@ -1,7 +1,4 @@
-import { type MenubarBuilders } from '@melt-ui/svelte';
 interface Props {
-    createMenu: MenubarBuilders['createMenu'];
-    triggr?: import('svelte').Snippet<[any]>;
     children?: import('svelte').Snippet<[any]>;
 }
 declare const MenuSingleItem: import("svelte").Component<Props, {}, "">;

package/package/components/meltComponents/Popover.svelte

@@ -6,7 +6,7 @@ const activePopover = writable({
 </script>
 
 <script lang="ts">import { createPopover, createSync, melt } from '@melt-ui/svelte';
-import { fade } from 'svelte/transition';
+import { fly } from 'svelte/transition';
 import { X, Minimize2, Maximize2 } from 'lucide-svelte';
 import { debounce, pointerDownOutside } from '../../utils';
 import { twMerge } from 'tailwind-merge';
@@ -32,6 +32,7 @@ export let disabled = false;
 export let documentationLink = undefined;
 export let disableFocusTrap = false;
 export let escapeBehavior = 'close';
+export let enableFlyTransition = false;
 let fullScreen = false;
 const dispatch = createEventDispatcher();
 function clearTimers() {
@@ -142,7 +143,7 @@ let { debounced: debounceClose, clearDebounce: clearDebounceClose } = debounce((
 		}}
 		on:mouseleave={debounceClose}
 		{...$content} use:$content.action
-		transition:fade={{ duration: 0 }}
+		transition:fly={{ duration: enableFlyTransition ? 100 : 0, y: -16 }}
 		class={twMerge(
 			'relative border rounded-md bg-surface shadow-lg',
 			fullScreen

package/package/components/meltComponents/Popover.svelte.d.ts

@@ -35,6 +35,7 @@ declare const Popover: $$__sveltets_2_IsomorphicComponent<{
     documentationLink?: string | undefined | undefined;
     disableFocusTrap?: boolean | undefined;
     escapeBehavior?: EscapeBehaviorType | undefined;
+    enableFlyTransition?: boolean | undefined;
     isOpen?: boolean | undefined;
     close?: (() => void) | undefined;
     open?: (() => void) | undefined;

package/package/components/meltComponents/Tooltip.svelte

@@ -23,7 +23,7 @@ const { elements: { trigger, content }, states: { open } } = createTooltip({
 });
 </script>
 
-<span class={$$props.class} {...$trigger} use:$trigger.action>
+<span class={$$props.class} style={$$props.style} {...$trigger} use:$trigger.action>
 	<slot />
 </span>
 {#if !$$slots.default}

package/package/components/progressBar/ProgressBar.svelte

@@ -1,65 +1,49 @@
-<script lang="ts">import { tweened } from 'svelte/motion';
+<script lang="ts">import { Tween } from 'svelte/motion';
 import { linear } from 'svelte/easing';
 import { twMerge } from 'tailwind-merge';
-function getTween(initialValue = 0, duration = 200) {
-    return tweened(initialValue, {
-        duration,
-        easing: linear
-    });
-}
-export let error = undefined;
-export let index;
-export let subIndex;
-export let subLength;
-export let nextInProgress = false;
-// Used for displaying progress of subjob of flow
-export let subIndexIsPercent = false;
-// Remove padding/margin, border radius and titles
-// Used in individual job test runs
-export let compact = false;
-// Removes `Step 1` and replaces it with `Running` 
-export let hideStepTitle = false;
-export let length;
+let { error = undefined, index, subIndex, subLength, nextInProgress = false, subIndexIsPercent = false, compact = false, hideStepTitle = false, length, class: className = '' } = $props();
 let duration = 200;
-let percent = getTween(0, duration);
+let percent = new Tween(0, { duration, easing: linear });
 export function resetP() {
-    percent = getTween(0, duration);
+    percent.set(0, { duration: 0 });
 }
-$: percent.set((length
-    ? index / length + (subIndex && subLength ? subIndex / (subLength ?? 1) / length : 0)
-    : 0) * 100);
+$effect(() => {
+    percent.set((length
+        ? index / length + (subIndex && subLength ? subIndex / (subLength ?? 1) / length : 0)
+        : 0) * 100);
+});
 function getPercent(partIndex, _pct) {
     if (!length) {
         return 0;
     }
-    const res = Math.min(($percent - (partIndex / length) * 100) * length, 100);
+    const res = Math.min((percent.current - (partIndex / length) * 100) * length, 100);
     return res;
 }
-$: finished = index == length;
+let finished = $derived(index == length);
 </script>
 
-<div class={$$props.class}>
+<div class={className}>
 	{#if !compact}
-	<div
-		class="flex justify-between items-end font-medium mb-1 {error != undefined
-			? 'text-red-700 dark:text-red-200'
-			: 'text-blue-700 dark:text-blue-200'}"
-	>
-		<span class="text-base">
-			{error != undefined
-				? 'Error occured'
-				: finished
-				? 'Done'
-				: hideStepTitle 
-				? `Running`
-				: subIndexIsPercent
-				? `Step ${index + 1} (${subIndex !== undefined ? `${subIndex}%)` : ''}`
-				: `Step ${index + 1}${subIndex !== undefined ? `.${subIndex + 1}` : ''}`}
-		</span>
-		<span class="text-sm">
-			{$percent.toFixed(0)}%
-		</span>
-	</div>
+		<div
+			class="flex justify-between items-end font-medium mb-1 {error != undefined
+				? 'text-red-700 dark:text-red-200'
+				: 'text-blue-700 dark:text-blue-200'}"
+		>
+			<span class="text-base">
+				{error != undefined
+					? 'Error occurred'
+					: finished
+						? 'Done'
+						: hideStepTitle
+							? `Running`
+							: subIndexIsPercent
+								? `Step ${index + 1} (${subIndex !== undefined ? `${subIndex}%)` : ''}`
+								: `Step ${index + 1}${subIndex !== undefined ? `.${subIndex + 1}` : ''}`}
+			</span>
+			<span class="text-sm">
+				{percent.current.toFixed(0)}%
+			</span>
+		</div>
 	{/if}
 	<!-- {#each state as step, index}
 		{index} {JSON.stringify(step)}
@@ -70,10 +54,12 @@ $: finished = index == length;
 		{getPercent(index)}
 		|
 	{/each} -->
-	<div class={twMerge(
-		"flex w-full bg-gray-200 overflow-hidden",
-		(compact) ? "rounded-none h-3" : "rounded-full h-4",
-	)}>
+	<div
+		class={twMerge(
+			'flex w-full bg-gray-200 overflow-hidden',
+			compact ? 'rounded-none h-3' : 'rounded-full h-4'
+		)}
+	>
 		{#each new Array(length) as _, partIndex (partIndex)}
 			<div class="h-full relative border-white {partIndex === 0 ? '' : 'border-l'} w-full">
 				{#if partIndex == index && nextInProgress}
@@ -89,7 +75,7 @@ $: finished = index == length;
 						class="absolute left-0 bottom-0 h-full {error == partIndex
 							? 'bg-red-400'
 							: 'bg-blue-400'}"
-						style="width: {getPercent(partIndex, $percent)}%"
+						style="width: {getPercent(partIndex, percent.current)}%"
 					></div>
 				{/if}
 			</div>

package/package/components/progressBar/ProgressBar.svelte.d.ts

@@ -1,32 +1,17 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ProgressBar: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    error?: number | undefined | undefined;
+interface Props {
+    error?: number | undefined;
     index: number;
     subIndex: number | undefined;
     subLength: number | undefined;
-    nextInProgress?: boolean | undefined;
-    subIndexIsPercent?: boolean | undefined;
-    compact?: boolean | undefined;
-    hideStepTitle?: boolean | undefined;
+    nextInProgress?: boolean;
+    subIndexIsPercent?: boolean;
+    compact?: boolean;
+    hideStepTitle?: boolean;
     length: number;
-    resetP?: (() => void) | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
+    class?: string;
+}
+declare const ProgressBar: import("svelte").Component<Props, {
     resetP: () => void;
-}, string>;
-type ProgressBar = InstanceType<typeof ProgressBar>;
+}, "">;
+type ProgressBar = ReturnType<typeof ProgressBar>;
 export default ProgressBar;

package/package/components/raw_apps/FileEditorIcon.svelte

@@ -4,7 +4,7 @@ import JsonIcon from '../icons/JsonIcon.svelte';
 import ReactIcon from '../icons/ReactIcon.svelte';
 import SvelteIcon from '../icons/SvelteIcon.svelte';
 import VueIcon from '../icons/VueIcon.svelte';
-export let file;
+let { file } = $props();
 </script>
 
 {#if file.endsWith('.tsx')}

package/package/components/raw_apps/FileEditorIcon.svelte.d.ts

@@ -1,20 +1,6 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const FileEditorIcon: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     file: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FileEditorIcon = InstanceType<typeof FileEditorIcon>;
+}
+declare const FileEditorIcon: import("svelte").Component<Props, {}, "">;
+type FileEditorIcon = ReturnType<typeof FileEditorIcon>;
 export default FileEditorIcon;

package/package/components/raw_apps/RawAppBackgroundRunner.svelte

@@ -2,13 +2,7 @@
 import { userStore } from '../../stores';
 import { waitJob } from '../waitJob';
 import { JobService } from '../../gen';
-export let iframe;
-export let path;
-export let runnables;
-export let jobs = [];
-export let jobsById = {};
-export let editor;
-export let workspace;
+let { iframe, path, runnables, jobs = $bindable([]), jobsById = $bindable({}), editor, workspace } = $props();
 let listener = async (event) => {
     const data = event.data;
     function respond(o) {
@@ -71,4 +65,4 @@ let listener = async (event) => {
 };
 </script>
 
-<svelte:window on:message={listener} />
+<svelte:window onmessage={listener} />

package/package/components/raw_apps/RawAppBackgroundRunner.svelte.d.ts

@@ -1,18 +1,5 @@
 import type { HiddenRunnable, JobById } from '../apps/types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const RawAppBackgroundRunner: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     iframe: HTMLIFrameElement | undefined;
     path: string;
     runnables: Record<string, HiddenRunnable>;
@@ -20,8 +7,7 @@ declare const RawAppBackgroundRunner: $$__sveltets_2_IsomorphicComponent<{
     jobsById?: Record<string, JobById>;
     editor: boolean;
     workspace: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type RawAppBackgroundRunner = InstanceType<typeof RawAppBackgroundRunner>;
+}
+declare const RawAppBackgroundRunner: import("svelte").Component<Props, {}, "jobs" | "jobsById">;
+type RawAppBackgroundRunner = ReturnType<typeof RawAppBackgroundRunner>;
 export default RawAppBackgroundRunner;

package/package/components/raw_apps/RawAppEditor.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">import { run } from 'svelte/legacy';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
-import { writable } from 'svelte/store';
 import RawAppInlineScriptsPanel from './RawAppInlineScriptsPanel.svelte';
 import RawAppEditorHeader from './RawAppEditorHeader.svelte';
 import {} from '../../gen';
@@ -14,7 +13,7 @@ import HideButton from '../apps/editor/settingsPanel/HideButton.svelte';
 import DarkModeObserver from '../DarkModeObserver.svelte';
 let { initFiles, initRunnables, newApp, policy, summary = $bindable(''), path, newPath = undefined, savedApp = $bindable(undefined), diffDrawer = undefined } = $props();
 export const version = undefined;
-let runnables = writable(initRunnables);
+let runnables = $state(initRunnables);
 let files = $state(initFiles);
 let draftTimeout = undefined;
 function saveFrontendDraft() {
@@ -23,7 +22,7 @@ function saveFrontendDraft() {
         try {
             localStorage.setItem(path != '' ? `rawapp-${path}` : 'rawapp', encodeState({
                 files,
-                runnables: $runnables
+                runnables: runnables
             }));
         }
         catch (err) {
@@ -45,7 +44,7 @@ function populateFiles() {
 function populateRunnables() {
     iframe?.contentWindow?.postMessage({
         type: 'setRunnables',
-        dts: genWmillTs($runnables)
+        dts: genWmillTs(runnables)
     }, '*');
 }
 let selectedRunnable = $state(undefined);
@@ -68,7 +67,7 @@ async function getBundle() {
 }
 let darkMode = $state(false);
 run(() => {
-    $runnables && files && saveFrontendDraft();
+    runnables && files && saveFrontendDraft();
 });
 run(() => {
     iframe?.addEventListener('load', () => {
@@ -79,7 +78,7 @@ run(() => {
     iframe && iframeLoaded && initFiles && populateFiles();
 });
 run(() => {
-    iframe && iframeLoaded && $runnables && populateRunnables();
+    iframe && iframeLoaded && runnables && populateRunnables();
 });
 </script>
 
@@ -92,7 +91,7 @@ run(() => {
 	{iframe}
 	bind:jobs
 	bind:jobsById
-	runnables={$runnables}
+	{runnables}
 	{path}
 />
 <div class="max-h-screen overflow-hidden h-screen min-h-0 flex flex-col">