windmill-components 1.434.1 → 1.444.0

package/package/scripts.js

@@ -50,6 +50,9 @@ export function scriptLangToEditorLang(lang) {
     else if (lang == 'ansible') {
         return 'yaml';
     }
+    else if (lang == 'csharp') {
+        return 'csharp';
+    }
     else if (lang == undefined) {
         return 'typescript';
     }
@@ -111,6 +114,7 @@ const scriptLanguagesArray = [
     ['php', 'PHP'],
     ['rust', 'Rust'],
     ['ansible', 'Ansible Playbook'],
+    ['csharp', 'C#'],
     ['docker', 'Docker']
 ];
 export function processLangs(selected, langs) {
@@ -120,7 +124,7 @@ export function processLangs(selected, langs) {
     else {
         let ls = langs.filter((lang) => lang !== 'nativets');
         //those languages are newer and may not be in the saved list
-        let nl = ['bunnative', 'rust', 'ansible'];
+        let nl = ['bunnative', 'rust', 'ansible', 'csharp'];
         nl.forEach((lang) => {
             if (!ls.includes(lang)) {
                 ls.push(lang);

package/package/stores.d.ts

@@ -4,6 +4,7 @@ import { type WorkspaceDefaultScripts, type TokenResponse, type UserWorkspaceLis
 import type { IntrospectionQuery } from 'graphql';
 export interface UserExt {
     email: string;
+    name?: string;
     username: string;
     is_admin: boolean;
     is_super_admin: boolean;

package/package/utils.d.ts

@@ -73,7 +73,7 @@ export declare function copyToClipboard(value?: string, sendToast?: boolean): Pr
 export declare function pluralize(quantity: number, word: string, customPlural?: string): string;
 export declare function capitalize(word: string): string;
 export declare function addWhitespaceBeforeCapitals(word?: string): string;
-export declare function isObject(obj: any): boolean;
+export declare function isObject(obj: any): obj is Record<string, any>;
 export declare function debounce(func: (...args: any[]) => any, wait: number): (...args: any[]) => void;
 export declare function throttle<T>(func: (...args: any[]) => T, wait: number): (...args: any[]) => void;
 export declare function isMac(): boolean;
@@ -120,3 +120,5 @@ export declare function getSchemaFromProperties(properties: {
     [name: string]: SchemaProperty;
 }): Schema;
 export declare function validateFileExtension(ext: string): boolean;
+export declare function isFlowPreview(job_kind: Job['job_kind'] | undefined): boolean;
+export declare function isScriptPreview(job_kind: Job['job_kind'] | undefined): boolean;

package/package/utils.js

@@ -58,15 +58,25 @@ export function subtractDaysFromDateString(dateString, days) {
 }
 export function displayDate(dateString, displaySecond = false, displayDate = true) {
     const date = new Date(dateString ?? '');
-    if (date.toString() === 'Invalid Date') {
+    if (Number.isNaN(date.valueOf())) {
         return '';
     }
     else {
-        return `${date.toLocaleTimeString([], {
+        const timeChoices = {
             hour: '2-digit',
             minute: '2-digit',
             second: displaySecond ? '2-digit' : undefined
-        })}${displayDate ? ` ${date.getDate()}/${date.getMonth() + 1}` : ''}`;
+        };
+        const dateChoices = displayDate
+            ? {
+                day: 'numeric',
+                month: 'numeric'
+            }
+            : {};
+        return date.toLocaleString(undefined, {
+            ...timeChoices,
+            ...dateChoices
+        });
     }
 }
 export function displayTime(dateString) {
@@ -507,7 +517,7 @@ export function addWhitespaceBeforeCapitals(word) {
     return word.replace(/([A-Z])/g, ' $1').trim();
 }
 export function isObject(obj) {
-    return obj != null && typeof obj === 'object';
+    return obj != null && typeof obj === 'object' && !Array.isArray(obj);
 }
 export function debounce(func, wait) {
     let timeout;
@@ -912,3 +922,9 @@ export function validateFileExtension(ext) {
     const validExtensionRegex = /^[a-zA-Z0-9]+([._][a-zA-Z0-9]+)*$/;
     return validExtensionRegex.test(ext);
 }
+export function isFlowPreview(job_kind) {
+    return !!job_kind && (job_kind === 'flowpreview' || job_kind === 'flownode');
+}
+export function isScriptPreview(job_kind) {
+    return (!!job_kind && (job_kind === 'preview' || job_kind === 'flowscript' || job_kind === 'appscript'));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.434.1",
+	"version": "1.444.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -9,7 +9,7 @@
 		"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
 		"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. .",
-		"package": "svelte-package -o package",
+		"package": "./preprocess_pkg_toggle.sh && svelte-package -o package && ./preprocess_pkg_toggle.sh",
 		"generate-backend-client": "openapi-ts --input ../backend/windmill-api/openapi.yaml --output ./src/lib/gen --useOptions --enums javascript --format false",
 		"generate-backend-client-mac": "openapi-ts --input ../backend/windmill-api/openapi.yaml --output ./src/lib/gen --useOptions --enums javascript",
 		"pretest": "tsc --incremental -p tests/tsconfig.json",
@@ -19,12 +19,14 @@
 	"devDependencies": {
 		"@floating-ui/core": "^1.3.1",
 		"@hey-api/openapi-ts": "^0.43.0",
+		"@melt-ui/pp": "^0.3.2",
+		"@melt-ui/svelte": "^0.86.2",
 		"@playwright/test": "^1.34.3",
 		"@rgossiaux/svelte-headlessui": "^2.0.0",
-		"@sveltejs/adapter-static": "^3.0.0",
-		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/adapter-static": "^3.0.6",
+		"@sveltejs/kit": "^2.9.0",
 		"@sveltejs/package": "^2.2.2",
-		"@sveltejs/vite-plugin-svelte": "^3.0.0",
+		"@sveltejs/vite-plugin-svelte": "^3.1.2",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.8",
 		"@types/d3": "^7.4.0",
@@ -64,7 +66,7 @@
 		"tailwindcss": "^3.4.1",
 		"tslib": "^2.6.1",
 		"typescript": "^5.1.3",
-		"vite": "^5",
+		"vite": "^5.4.11",
 		"vite-plugin-circular-dependency": "^0.2.1",
 		"vite-plugin-mkcert": "^1.17.5",
 		"yootils": "^0.3.1"
@@ -128,8 +130,8 @@
 		"ol": "^7.4.0",
 		"openai": "^4.57.2",
 		"p-limit": "^6.1.0",
-		"pdfjs-dist": "4.8.69",
 		"panzoom": "^9.4.3",
+		"pdfjs-dist": "4.8.69",
 		"quill": "^1.3.7",
 		"rfc4648": "^1.5.3",
 		"svelte-carousel": "^1.0.25",
@@ -142,10 +144,11 @@
 		"vscode-languageclient": "~9.0.1",
 		"vscode-uri": "~3.0.8",
 		"vscode-ws-jsonrpc": "~3.3.2",
+		"windmill-parser-wasm-csharp": "^1.437.1",
 		"windmill-parser-wasm-go": "^1.429.0",
 		"windmill-parser-wasm-php": "^1.429.0",
 		"windmill-parser-wasm-py": "^1.429.0",
-		"windmill-parser-wasm-regex": "^1.429.0",
+		"windmill-parser-wasm-regex": "^1.435.2",
 		"windmill-parser-wasm-rust": "^1.429.0",
 		"windmill-parser-wasm-ts": "^1.429.0",
 		"windmill-parser-wasm-yaml": "^1.429.0",

package/package/components/flows/content/CapturePayload.svelte

@@ -1,114 +0,0 @@
-<script>import { BROWSER } from 'esm-env';
-import { Button } from '../../common';
-import Drawer from '../../common/drawer/Drawer.svelte';
-import DrawerContent from '../../common/drawer/DrawerContent.svelte';
-import ObjectViewer from '../../propertyPicker/ObjectViewer.svelte';
-import { CaptureService } from '../../../gen';
-import { workspaceStore } from '../../../stores';
-import { convert } from '@redocly/json-to-json-schema';
-import SchemaViewer from '../../SchemaViewer.svelte';
-import { getContext } from 'svelte';
-import { copyToClipboard, sendUserToast } from '../../../utils';
-import SchemaForm from '../../SchemaForm.svelte';
-import { Clipboard } from 'lucide-svelte';
-const { previewArgs, flowStore, pathStore } = getContext('FlowEditorContext');
-let drawer;
-let interval = undefined;
-let captureInput = undefined;
-let jsonSchema = undefined;
-export function openDrawer() {
-    drawer.openDrawer();
-}
-async function startCapturePoint() {
-    await CaptureService.createCapture({
-        workspace: $workspaceStore,
-        path: $pathStore
-    });
-}
-async function getCaptureInput() {
-    const capture = await CaptureService.getCapture({
-        workspace: $workspaceStore,
-        path: $pathStore
-    });
-    captureInput = capture;
-    jsonSchema = { required: [], properties: {}, ...convert(capture) };
-}
-let hostname = BROWSER ? window.location.protocol + '//' + window.location.host : 'SSR';
-</script>
-
-<Drawer
-	bind:this={drawer}
-	size="900px"
-	on:open={() => {
-		startCapturePoint()
-		interval = setInterval(() => {
-			getCaptureInput()
-		}, 1000)
-	}}
-	on:close={() => interval && clearInterval(interval)}
->
-	<DrawerContent title="Capture request" on:close={drawer.closeDrawer}>
-		Send a payload at: <div>
-			<a
-				class="text-xs border p-2 flex flex-row items-center gap-2 justify-between"
-				on:click={(e) => {
-					e.preventDefault()
-					copyToClipboard(`${hostname}/api/w/${$workspaceStore}/capture_u/${$pathStore}`)
-				}}
-				href="{hostname}/api/w/{$workspaceStore}/capture_u/{$pathStore}"
-			>
-				{hostname}/api/w/{$workspaceStore}/capture_u/{$pathStore}
-				<Clipboard size={14} />
-			</a>
-		</div>
-		<p class="text-secondary mt-4 text-xs">CURL example</p>
-
-		<div class="text-xs box mb-4 b">
-			<pre class="overflow-auto"
-				>{`curl -X POST ${hostname}/api/w/${$workspaceStore}/capture_u/${$pathStore} \\
-   -H 'Content-Type: application/json' \\
-   -d '{"foo": 42}'`}</pre
-			>
-		</div>
-		<div class="items-center flex flex-row gap-x-2 text-xs text-secondary">
-			Listening for new requests
-			<span class="relative flex h-3 w-3">
-				<span
-					class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"
-				/>
-				<span class="relative inline-flex rounded-full h-3 w-3 bg-green-500" />
-			</span>
-		</div>
-		<div class="box p-2 my-2 mb-4">
-			<ObjectViewer topBrackets={true} json={captureInput} />
-		</div>
-		<svelte:fragment slot="actions">
-			<Button
-				size="sm"
-				variant="border"
-				on:click={() => {
-					$previewArgs = captureInput
-					sendUserToast('Copied as test args')
-				}}
-			>
-				Copy only as test args
-			</Button>
-			<Button
-				size="sm"
-				on:click={() => {
-					$previewArgs = captureInput
-					$flowStore.schema = jsonSchema
-					sendUserToast('Copied as flow inputs and test args')
-				}}
-			>
-				Copy as flow inputs and test args
-			</Button>
-		</svelte:fragment>
-		<h3 class="my-2 mt-8">Derived schema</h3>
-		<div class="box p-2">
-			<SchemaViewer schema={jsonSchema} />
-		</div>
-		<h3 class="mt-8">Test args</h3>
-		<SchemaForm class="pt-4" schema={$flowStore.schema} args={$previewArgs} />
-	</DrawerContent>
-</Drawer>

package/package/components/flows/content/CapturePayload.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        openDrawer?: (() => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CapturePayloadProps = typeof __propDef.props;
-export type CapturePayloadEvents = typeof __propDef.events;
-export type CapturePayloadSlots = typeof __propDef.slots;
-export default class CapturePayload extends SvelteComponent<CapturePayloadProps, CapturePayloadEvents, CapturePayloadSlots> {
-    get openDrawer(): () => void;
-}
-export {};