windmill-components 1.511.1 → 1.531.0

package/package.json

@@ -1,11 +1,11 @@
 {
 	"name": "windmill-components",
-	"version": "1.511.1",
+	"version": "1.531.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
-		"postinstall": "node -e \"if (require('fs').existsSync('./scripts/untar_ui_builder.js')) { require('child_process').execSync('node ./scripts/untar_ui_builder.js && node ./scripts/patch_files.js', {stdio: 'inherit'}) }\"",
+		"postinstall": "node -e \"if (require('fs').existsSync('./scripts/untar_ui_builder.js')) { require('child_process').execSync('node ./scripts/untar_ui_builder.js', {stdio: 'inherit'}) }\"",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --threshold warning",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
@@ -24,9 +24,9 @@
 		"@melt-ui/svelte": "^0.86.2",
 		"@playwright/test": "^1.34.3",
 		"@sveltejs/adapter-static": "^3.0.6",
-		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/kit": "^2.28.0",
 		"@sveltejs/package": "^2.3.7",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@sveltejs/vite-plugin-svelte": "^6.1.1",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.8",
 		"@types/d3": "^7.4.0",
@@ -52,7 +52,7 @@
 		"prettier-plugin-svelte": "^3.3.3",
 		"style-to-object": "^0.4.1",
 		"stylelint-config-recommended": "^13.0.0",
-		"svelte": "^5.0.0",
+		"svelte": "^5.38.0",
 		"svelte-awesome-color-picker": "^3.0.4",
 		"svelte-check": "^4.0.0",
 		"svelte-floating-ui": "^1.5.8",
@@ -66,7 +66,7 @@
 		"tar": "^7.4.3",
 		"tslib": "^2.6.1",
 		"typescript": "^5.5.0",
-		"vite": "^6.3.2",
+		"vite": "^7.1.2",
 		"vite-plugin-mkcert": "^1.17.5",
 		"yootils": "^0.3.1"
 	},
@@ -78,13 +78,13 @@
 	"type": "module",
 	"dependencies": {
 		"@aws-crypto/sha256-js": "^4.0.0",
-		"@codingame/monaco-vscode-configuration-service-override": "~16.1.1",
-		"@codingame/monaco-vscode-editor-api": "~16.1.1",
-		"@codingame/monaco-vscode-standalone-css-language-features": "~16.1.1",
-		"@codingame/monaco-vscode-standalone-html-language-features": "^16.1.1",
-		"@codingame/monaco-vscode-standalone-json-language-features": "~16.1.1",
-		"@codingame/monaco-vscode-standalone-languages": "~16.1.1",
-		"@codingame/monaco-vscode-standalone-typescript-language-features": "~16.1.1",
+		"@codingame/monaco-vscode-configuration-service-override": "~19.1.4",
+		"@codingame/monaco-vscode-editor-api": "~19.1.4",
+		"@codingame/monaco-vscode-standalone-css-language-features": "~19.1.4",
+		"@codingame/monaco-vscode-standalone-html-language-features": "~19.1.4",
+		"@codingame/monaco-vscode-standalone-json-language-features": "~19.1.4",
+		"@codingame/monaco-vscode-standalone-languages": "~19.1.4",
+		"@codingame/monaco-vscode-standalone-typescript-language-features": "~19.1.4",
 		"@json2csv/plainjs": "^7.0.6",
 		"@leeoniya/ufuzzy": "^1.0.8",
 		"@popperjs/core": "^2.11.6",
@@ -117,10 +117,10 @@
 		"lru-cache": "^11.1.0",
 		"lucide-svelte": "^0.399.0",
 		"minimatch": "^10.0.1",
-		"monaco-editor": "npm:@codingame/monaco-vscode-editor-api@~16.1.1",
-		"monaco-editor-wrapper": "6.7.0",
-		"monaco-graphql": "^1.6.0",
-		"monaco-languageclient": "9.6.0",
+		"monaco-editor": "npm:@codingame/monaco-vscode-editor-api@~19.1.4",
+		"monaco-editor-wrapper": "6.10.0",
+		"monaco-graphql": "=1.6.0",
+		"monaco-languageclient": "9.9.0",
 		"monaco-vim": "^0.4.1",
 		"ol": "^7.4.0",
 		"openai": "^4.87.1",
@@ -137,7 +137,7 @@
 		"svelte-infinite-loading": "^1.4.0",
 		"svelte-tiny-virtual-list": "^2.0.5",
 		"tailwind-merge": "^1.13.2",
-		"vscode": "npm:@codingame/monaco-vscode-extension-api@~16.1.1",
+		"vscode": "npm:@codingame/monaco-vscode-extension-api@~19.1.4",
 		"vscode-languageclient": "~9.0.1",
 		"vscode-uri": "~3.1.0",
 		"vscode-ws-jsonrpc": "~3.4.0",
@@ -147,11 +147,13 @@
 		"windmill-parser-wasm-nu": "1.510.1",
 		"windmill-parser-wasm-php": "1.510.1",
 		"windmill-parser-wasm-py": "1.510.1",
-		"windmill-parser-wasm-regex": "1.510.1",
+		"windmill-parser-wasm-regex": "1.512.0",
+		"windmill-parser-wasm-ruby": "1.526.1",
 		"windmill-parser-wasm-rust": "1.510.1",
-		"windmill-parser-wasm-ts": "1.510.1",
+		"windmill-parser-wasm-ts": "1.514.1",
 		"windmill-parser-wasm-yaml": "1.510.1",
-		"windmill-sql-datatype-parser-wasm": "1.318.0",
+		"windmill-sql-datatype-parser-wasm": "1.512.0",
+		"windmill-utils-internal": "^1.0.0",
 		"xterm": "^5.3.0",
 		"xterm-readline": "^1.1.2",
 		"y-monaco": "^0.1.4",
@@ -542,4 +544,4 @@
 		"@rollup/rollup-linux-x64-gnu": "^4.35.0",
 		"fsevents": "^2.3.3"
 	}
-}
+}

package/package/components/AllFlowLogs.svelte

@@ -1,31 +0,0 @@
-<script lang="ts">import { Loader2 } from 'lucide-svelte';
-import JobLogs from './JobLogs.svelte';
-import { workspaceStore } from '../stores';
-import { base } from '../base';
-let { states } = $props();
-</script>
-
-<div class="flex flex-col">
-	{#if states != undefined}
-		{#each Object.entries($states ?? {}) as [id, status] (id)}
-			<div class="pb-12"
-				><h1 class="mb-2">Step {id}</h1>
-				{#each Object.entries(status.byJob ?? {}) as jobS}
-					{@const job = jobS[0]}
-					<div>
-						<a
-							class="text-xs"
-							rel="noreferrer"
-							target="_blank"
-							href="{base}/run/{job}?workspace={$workspaceStore}"
-						>
-							{job}
-						</a><JobLogs jobId={job} /></div
-					>
-				{/each}
-			</div>
-		{/each}
-	{:else}
-		<Loader2 size={14} class="animate-spin " />
-	{/if}
-</div>

package/package/components/AllFlowLogs.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { DurationStatus } from './graph';
-import type { Writable } from 'svelte/store';
-interface Props {
-    states: Writable<Record<string, DurationStatus>> | undefined;
-}
-declare const AllFlowLogs: import("svelte").Component<Props, {}, "">;
-type AllFlowLogs = ReturnType<typeof AllFlowLogs>;
-export default AllFlowLogs;

package/package/components/InitGitRepoPopover.svelte

@@ -1,410 +0,0 @@
-<script lang="ts">import { Button } from './common';
-import Popover from './meltComponents/Popover.svelte';
-import { Alert } from './common';
-import { Loader2, Eye, Save, CheckCircle2, XCircle, UploadCloud, AlertTriangle, Terminal, ChevronDown, ChevronUp } from 'lucide-svelte';
-import { workspaceStore } from '../stores';
-import hubPaths from '../hubPaths.json';
-import { JobService } from '../gen';
-import { tryEvery } from '../utils';
-import GitDiffPreview from './GitDiffPreview.svelte';
-import { page } from '$app/stores';
-let { gitRepoResourcePath, branchName, uiState } = $props();
-let _branchName = $state(branchName ?? '');
-let previewResult = $state(undefined);
-let isPreviewLoading = $state(false);
-let isInitializing = $state(false);
-let initResult = $state(null);
-let initGitRepoPopover = $state(null);
-let previewJobId = $state(null);
-let previewJobStatus = $state(undefined);
-let pushJobId = $state(null);
-let pushJobStatus = $state(undefined);
-let isCliInfoExpanded = $state(false);
-async function previewChanges() {
-    console.log('Previewing changes for repo:', gitRepoResourcePath);
-    isPreviewLoading = true;
-    previewJobId = null;
-    previewJobStatus = undefined;
-    try {
-        const workspace = $workspaceStore;
-        if (!workspace) {
-            previewResult = undefined;
-            isPreviewLoading = false;
-            return;
-        }
-        // Pass UI state directly as JSON to CLI
-        const payloadObj = {
-            workspace_id: workspace,
-            repo_url_resource_path: gitRepoResourcePath,
-            branch_to_push: _branchName,
-            dry_run: true,
-            settings_json: JSON.stringify(uiState)
-        };
-        const jobId = await JobService.runScriptByPath({
-            workspace,
-            path: hubPaths.gitInitRepo,
-            requestBody: payloadObj,
-            skipPreprocessor: true
-        });
-        previewJobId = jobId;
-        previewJobStatus = 'running';
-        // Wait for job completion (polling)
-        let jobSuccess = false;
-        await tryEvery({
-            tryCode: async () => {
-                const testResult = await JobService.getCompletedJob({
-                    workspace,
-                    id: jobId
-                });
-                jobSuccess = !!testResult.success;
-            },
-            timeoutCode: async () => {
-                try {
-                    await JobService.cancelQueuedJob({
-                        workspace,
-                        id: jobId,
-                        requestBody: {
-                            reason: 'Preview job timed out after 15s'
-                        }
-                    });
-                }
-                catch (err) {
-                    console.error(err);
-                }
-            },
-            interval: 500,
-            timeout: 15000
-        });
-        if (jobSuccess) {
-            const result = await JobService.getCompletedJobResult({
-                workspace,
-                id: jobId
-            });
-            console.log('Preview result:', result);
-            // Convert new CLI format to expected format
-            const added = [];
-            const deleted = [];
-            const modified = [];
-            if (result &&
-                result.changes &&
-                Array.isArray(result.changes)) {
-                for (const change of result.changes) {
-                    if (change.type === 'added') {
-                        added.push(change.path);
-                    }
-                    else if (change.type === 'deleted') {
-                        deleted.push(change.path);
-                    }
-                    else if (change.type === 'modified') {
-                        modified.push(change.path);
-                    }
-                }
-            }
-            previewResult = { added, deleted, modified };
-            previewJobStatus = 'success';
-        }
-        else {
-            previewResult = undefined;
-            previewJobStatus = 'failure';
-        }
-    }
-    catch (error) {
-        console.error('Failed to preview changes:', error);
-        previewResult = undefined;
-        previewJobStatus = 'failure';
-    }
-    finally {
-        isPreviewLoading = false;
-    }
-}
-async function initializeRepo() {
-    const workspace = $workspaceStore;
-    if (!workspace)
-        return;
-    console.log('Initializing repo:', gitRepoResourcePath, 'in workspace:', workspace);
-    isInitializing = true;
-    initResult = null;
-    pushJobId = null;
-    pushJobStatus = undefined;
-    try {
-        // Pass UI state directly as JSON to CLI
-        const jobId = await JobService.runScriptByPath({
-            workspace,
-            path: hubPaths.gitInitRepo,
-            requestBody: {
-                workspace_id: workspace,
-                repo_url_resource_path: gitRepoResourcePath,
-                branch_to_push: _branchName,
-                settings_json: JSON.stringify(uiState)
-            },
-            skipPreprocessor: true
-        });
-        pushJobId = jobId;
-        pushJobStatus = 'running';
-        let jobSuccess = false;
-        await tryEvery({
-            tryCode: async () => {
-                const testResult = await JobService.getCompletedJob({
-                    workspace,
-                    id: jobId
-                });
-                jobSuccess = !!testResult.success;
-            },
-            timeoutCode: async () => {
-                try {
-                    await JobService.cancelQueuedJob({
-                        workspace,
-                        id: jobId,
-                        requestBody: {
-                            reason: 'Push job timed out after 5s'
-                        }
-                    });
-                }
-                catch (err) {
-                    console.error(err);
-                }
-            },
-            interval: 500,
-            timeout: 10000
-        });
-        pushJobStatus = jobSuccess ? 'success' : 'failure';
-        initResult = {
-            success: jobSuccess,
-            message: jobSuccess ? undefined : 'Failed to initialize repository.'
-        };
-        // Reset popover state after successful push
-        if (jobSuccess) {
-            setTimeout(() => {
-                previewResult = undefined;
-                pushJobId = null;
-                pushJobStatus = undefined;
-                initResult = null;
-                initGitRepoPopover?.close();
-            }, 1500); // Small delay to show success state
-        }
-    }
-    catch (error) {
-        console.error('Failed to initialize repo:', error);
-        pushJobStatus = 'failure';
-        initResult = { success: false, message: 'Failed to initialize repository.' };
-    }
-    finally {
-        isInitializing = false;
-    }
-}
-</script>
-
-<Popover
-	bind:this={initGitRepoPopover}
-	floatingConfig={{
-		placement: 'top-start',
-		strategy: 'fixed',
-		flip: false,
-		shift: true
-	}}
-	contentClasses="p-4 w-1/3"
->
-	<svelte:fragment slot="trigger">
-		<Button
-			color="dark"
-			size="sm"
-			nonCaptureEvent
-			onclick={initGitRepoPopover?.open}
-			startIcon={{ icon: UploadCloud }}
-		>
-			Push workspace to Git repo
-		</Button>
-	</svelte:fragment>
-	<svelte:fragment slot="content" let:close>
-		<div class="flex flex-col gap-4">
-			<div class="flex flex-col gap-2">
-				<h3 class="text-lg font-semibold">Push workspace to Git repository</h3>
-				<div class="prose max-w-none text-2xs text-tertiary">
-					This action will push all workspace objects that match your current filter settings to the
-					selected branch in your Git repository. <span
-						class="text-orange-600 flex items-center gap-1"
-						><AlertTriangle size={14} /> Any existing content in the branch will be replaced with the
-						filtered workspace content.</span
-					>
-
-					<!-- Collapsible CLI Info Section -->
-					<div class="mt-2 border rounded-md">
-						<button
-							class="w-full flex items-center justify-between p-1.5 bg-surface-secondary hover:bg-surface-hover"
-							onclick={() => (isCliInfoExpanded = !isCliInfoExpanded)}
-						>
-							<span class="font-medium flex items-center gap-2">
-								<Terminal size={14} />
-								Windmill CLI to pull from Windmill and push to git
-							</span>
-							{#if isCliInfoExpanded}
-								<ChevronUp size={16} />
-							{:else}
-								<ChevronDown size={16} />
-							{/if}
-						</button>
-
-						{#if isCliInfoExpanded}
-							<div class="p-1 bg-surface-tertiary">
-								<div class="text-2xs mb-2">
-									Not familiar with Windmill CLI? <a
-										href="https://www.windmill.dev/docs/advanced/cli/sync"
-										class="text-blue-500 hover:text-blue-600 underline"
-										target="_blank"
-										rel="noopener noreferrer">Check out the docs</a
-									>
-								</div>
-								<div class="font-mono text-2xs">
-									<pre class="overflow-auto max-h-60"
-										><code
-											>npm install -g windmill-cli
-wmill workspace add {$workspaceStore} {$workspaceStore} {`${$page.url.protocol}//${$page.url.hostname}/`}
-wmill init
-# adjust wmill.yaml file configuraton as needed
-wmill sync pull
-git add -A
-git commit -m 'Initial commit'
-git push</code
-										></pre
-									>
-								</div>
-							</div>
-						{/if}
-					</div>
-				</div>
-			</div>
-
-			<div class="flex flex-col gap-2">
-				<label for="branch-name" class="text-sm font-medium">Push to new branch (optional)</label>
-				<div class="prose max-w-none text-2xs text-tertiary">
-					Enter a new branch name to push to (e.g so you can merge back into main with a pull
-					request). If left blank, the default branch from the git repository resource will be used.
-				</div>
-				<div class="flex flex-col w-1/4">
-					<input
-						id="branch-name"
-						type="text"
-						bind:value={_branchName}
-						class="border rounded px-2 py-1"
-					/>
-				</div>
-			</div>
-
-			{#if previewResult}
-				<GitDiffPreview {previewResult} />
-			{/if}
-
-			{#if previewJobId}
-				<div class="flex items-center gap-2 text-xs text-tertiary">
-					{#if previewJobStatus === 'running'}
-						<Loader2 class="animate-spin" size={14} />
-					{:else if previewJobStatus === 'success'}
-						<CheckCircle2 size={14} class="text-green-600" />
-					{:else if previewJobStatus === 'failure'}
-						<XCircle size={14} class="text-red-700" />
-					{/if}
-					Preview job:
-					<a
-						target="_blank"
-						class="underline"
-						href={`/run/${previewJobId}?workspace=${$workspaceStore}`}
-					>
-						{previewJobId}
-					</a>
-				</div>
-			{/if}
-
-			{#if pushJobId}
-				<div class="flex items-center gap-2 text-xs text-tertiary">
-					{#if pushJobStatus === 'running'}
-						<Loader2 class="animate-spin" size={14} />
-					{:else if pushJobStatus === 'success'}
-						<CheckCircle2 size={14} class="text-green-600" />
-					{:else if pushJobStatus === 'failure'}
-						<XCircle size={14} class="text-red-700" />
-					{/if}
-					Push job:
-					<a
-						target="_blank"
-						class="underline"
-						href={`/run/${pushJobId}?workspace=${$workspaceStore}`}
-					>
-						{pushJobId}
-					</a>
-				</div>
-			{/if}
-
-			<!-- Action row: Cancel on left, Preview/Confirm on right -->
-			<div class="flex justify-between items-center mt-4">
-				<Button
-					color="light"
-					size="xs"
-					on:click={() => {
-						previewResult = undefined
-						previewJobId = null
-						previewJobStatus = undefined
-						pushJobId = null
-						pushJobStatus = undefined
-						initResult = null
-						close()
-					}}
-					disabled={isPreviewLoading || isInitializing}
-				>
-					Cancel
-				</Button>
-				<div class="flex gap-2">
-					{#if !previewResult}
-						<Button
-							size="xs"
-							on:click={previewChanges}
-							disabled={isPreviewLoading || isInitializing}
-							startIcon={{
-								icon: isPreviewLoading ? Loader2 : Eye,
-								classes: isPreviewLoading ? 'animate-spin' : ''
-							}}
-						>
-							Preview
-						</Button>
-					{:else}
-						<Button
-							size="xs"
-							on:click={previewChanges}
-							disabled={isPreviewLoading || isInitializing}
-							startIcon={{
-								icon: isPreviewLoading ? Loader2 : Eye,
-								classes: isPreviewLoading ? 'animate-spin' : ''
-							}}
-							title="Preview changes again"
-						>
-							Preview
-						</Button>
-						{#if previewResult.added?.length || previewResult.deleted?.length || previewResult.modified?.length}
-							<Button
-								color="red"
-								size="xs"
-								on:click={initializeRepo}
-								disabled={isPreviewLoading || isInitializing}
-								startIcon={{ icon: Save }}
-								title="Initialize Git Repo"
-							>
-								Push
-							</Button>
-						{/if}
-					{/if}
-				</div>
-			</div>
-
-			{#if initResult?.message}
-				<div class="mt-2">
-					<Alert
-						type={initResult.success ? 'success' : 'error'}
-						title={initResult.success ? 'Success' : 'Error'}
-						size="xs"
-					>
-						{initResult.message}
-					</Alert>
-				</div>
-			{/if}
-		</div>
-	</svelte:fragment>
-</Popover>

package/package/components/InitGitRepoPopover.svelte.d.ts

@@ -1,13 +0,0 @@
-type $$ComponentProps = {
-    gitRepoResourcePath: string;
-    branchName?: string;
-    uiState: {
-        include_path: string[];
-        exclude_path: string[];
-        extra_include_path: string[];
-        include_type: string[];
-    };
-};
-declare const InitGitRepoPopover: import("svelte").Component<$$ComponentProps, {}, "">;
-type InitGitRepoPopover = ReturnType<typeof InitGitRepoPopover>;
-export default InitGitRepoPopover;