windmill-components 1.89.1 → 1.103.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.89.1",
+	"version": "1.103.1",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -11,94 +11,95 @@
 		"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. .",
 		"package": "svelte-package -o package",
 		"generate-backend-client": "openapi --input ../backend/windmill-api/openapi.yaml --output ./src/lib/gen --useOptions && sed -i '213 i \\    request.referrerPolicy = \"no-referrer\"\n' src/lib/gen/core/request.ts",
+		"generate-backend-client-mac": "openapi --input ../backend/windmill-api/openapi.yaml --output ./src/lib/gen --useOptions",
 		"pretest": "tsc --incremental -p tests/tsconfig.json",
 		"test": "playwright test --config=tests-out/playwright.config.js"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.32.3",
+		"@playwright/test": "^1.33.0",
 		"@rgossiaux/svelte-headlessui": "^1.0.2",
 		"@sveltejs/adapter-static": "^2.0.2",
-		"@sveltejs/kit": "^1.15.6",
+		"@sveltejs/kit": "^1.18.0",
 		"@sveltejs/package": "^2.0.0",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.8",
 		"@types/d3": "^7.4.0",
 		"@types/d3-zoom": "^3.0.2",
 		"@types/lodash": "^4.14.194",
-		"@types/node": "^18.16.0",
-		"@types/vscode": "~1.77.0",
-		"@typescript-eslint/eslint-plugin": "^5.59.1",
-		"@typescript-eslint/parser": "^5.59.1",
+		"@types/node": "^18.16.3",
+		"@types/vscode": "~1.78.0",
+		"@typescript-eslint/eslint-plugin": "^5.59.7",
+		"@typescript-eslint/parser": "^5.59.7",
 		"@zerodevx/svelte-toast": "^0.9.3",
 		"autoprefixer": "^10.4.13",
-		"cssnano": "^6.0.0",
+		"cssnano": "^6.0.1",
 		"d3-dag": "^0.11.5",
-		"eslint": "^8.38.0",
+		"eslint": "^8.40.0",
 		"eslint-config-prettier": "^8.6.0",
 		"eslint-plugin-svelte3": "^4.0.0",
-		"monaco-editor-workers": "0.37.0",
+		"monaco-editor-workers": "~0.37.0",
 		"ol": "^7.2.2",
 		"openapi-typescript-codegen": "^0.23.0",
 		"path-browserify": "^1.0.1",
-		"pdfjs-dist": "^3.5.141",
+		"pdfjs-dist": "^3.6.172",
 		"postcss": "^8.4.23",
 		"postcss-load-config": "^4.0.1",
-		"prettier": "^2.8.3",
+		"prettier": "^2.8.8",
 		"prettier-plugin-svelte": "^2.9.0",
 		"simple-svelte-autocomplete": "^2.5.1",
 		"style-to-object": "^0.4.1",
 		"stylelint-config-recommended": "^12.0.0",
-		"svelte": "^3.55.1",
+		"svelte": "^3.59.1",
 		"svelte-awesome": "^3.2.0",
-		"svelte-awesome-color-picker": "^2.4.1",
-		"svelte-check": "^3.2.0",
-		"svelte-highlight": "^7.2.1",
-		"svelte-multiselect": "^8.6.0",
+		"svelte-awesome-color-picker": "^2.4.3",
+		"svelte-check": "^3.3.2",
+		"svelte-highlight": "^7.3.0",
+		"svelte-multiselect": "^8.6.2",
 		"svelte-overlay": "^1.4.1",
 		"svelte-popperjs": "^1.3.2",
 		"svelte-preprocess": "^5.0.1",
 		"svelte-range-slider-pips": "^2.1.1",
 		"svelte-splitpanes": "^0.7.3",
-		"svelte2tsx": "^0.6.11",
-		"tailwindcss": "^3.2.2",
-		"tslib": "^2.4.1",
+		"svelte2tsx": "^0.6.14",
+		"tailwindcss": "^3.3.2",
+		"tslib": "^2.5.2",
 		"typescript": "^5.0.4",
-		"vite": "^4.3.1",
+		"vite": "^4.3.3",
 		"yootils": "^0.3.1"
 	},
 	"type": "module",
 	"dependencies": {
+		"@aws-crypto/sha256-js": "^4.0.0",
 		"@fortawesome/free-brands-svg-icons": "^6.2.1",
 		"@fortawesome/free-solid-svg-icons": "^6.2.1",
 		"@leeoniya/ufuzzy": "^1.0.6",
 		"@popperjs/core": "^2.11.6",
 		"@redocly/json-to-json-schema": "^0.0.1",
-		"@tanstack/svelte-table": "^8.8.5",
+		"@tanstack/svelte-table": "^8.9.1",
 		"ag-grid-svelte": "^0.1.4",
-		"chart.js": "^3.9.1",
+		"chart.js": "^4.3.0",
 		"chartjs-adapter-date-fns": "^3.0.0",
 		"chartjs-plugin-zoom": "^2.0.0",
 		"d3-zoom": "^3.0.0",
-		"date-fns": "^2.29.3",
-		"fast-equals": "^4.0.3",
-		"highlight.js": "^11.7.0",
+		"date-fns": "^2.30.0",
+		"esm-env": "^1.0.0",
+		"fast-equals": "^5.0.1",
+		"highlight.js": "^11.8.0",
 		"lodash": "^4.17.21",
-		"lucide-svelte": "^0.176.0",
-		"monaco-editor": "0.36.1",
-		"monaco-languageclient": "5.0.1",
+		"lucide-svelte": "^0.220.0",
+		"monaco-languageclient": "~6.0.1",
 		"svelte-autosize": "^1.0.1",
 		"svelte-chartjs": "^3.1.0",
 		"svelte-dnd-action": "^0.9.22",
 		"svelte-portal": "^2.2.0",
-		"svelte-select": "^5.6.0",
+		"svelte-select": "^5.6.1",
 		"svelte-timezone-picker": "^2.0.3",
 		"tailwind-merge": "^1.12.0",
-		"vscode-languageclient": "^8.1.0",
 		"vscode-ws-jsonrpc": "3.0.0"
 	},
 	"peerDependencies": {
-		"@sveltejs/kit": "^1.15.6",
-		"svelte": "^3.55.1"
+		"@sveltejs/kit": "^1.18.0",
+		"svelte": "^3.59.1"
 	},
 	"exports": {
 		"./package.json": "./package.json",
@@ -157,6 +158,16 @@
 			"svelte": "./package/components/FlowViewer.svelte",
 			"default": "./package/components/FlowViewer.svelte"
 		},
+		"./components/FlowBuilder.svelte": {
+			"types": "./package/components/FlowBuilder.svelte.d.ts",
+			"svelte": "./package/components/FlowBuilder.svelte",
+			"default": "./package/components/FlowBuilder.svelte"
+		},
+		"./components/FlowEditor.svelte": {
+			"types": "./package/components/flows/FlowEditor.svelte.d.ts",
+			"svelte": "./package/components/flows/FlowEditor.svelte",
+			"default": "./package/components/flows/FlowEditor.svelte"
+		},
 		"./components/SchemaViewer.svelte": {
 			"types": "./package/components/SchemaViewer.svelte.d.ts",
 			"svelte": "./package/components/SchemaViewer.svelte",
@@ -171,6 +182,10 @@
 			"types": "./package/common.d.ts",
 			"default": "./package/common.js"
 		},
+		"./stores": {
+			"types": "./package/stores.d.ts",
+			"default": "./package/stores.js"
+		},
 		"./components/icons": {
 			"types": "./package/components/icons/index.d.ts",
 			"svelte": "./package/components/icons/index.js",
@@ -193,7 +208,7 @@
 		"dist",
 		"package"
 	],
-	"license": "Apache-2.0",
+	"license": "AGPL-3.0",
 	"svelte": "./dist/index.js",
 	"typesVersions": {
 		">4.0": {
@@ -227,6 +242,12 @@
 			"components/FlowViewer.svelte": [
 				"./package/components/FlowViewer.svelte.d.ts"
 			],
+			"components/FlowBuilder.svelte": [
+				"./package/components/FlowBuilder.svelte.d.ts"
+			],
+			"components/FlowEditor.svelte": [
+				"./package/components/flows/FlowEditor.svelte.d.ts"
+			],
 			"components/SchemaViewer.svelte": [
 				"./package/components/SchemaViewer.svelte.d.ts"
 			],
@@ -236,6 +257,9 @@
 			"common": [
 				"./package/common.d.ts"
 			],
+			"stores": [
+				"./package/stores.d.ts"
+			],
 			"components/icons": [
 				"./package/components/icons/index.d.ts"
 			],

package/dist/assets/app.css

@@ -1,72 +0,0 @@
-/* Write your global styles here, in PostCSS syntax */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-	@font-face {
-		font-family: 'Inter';
-		src: url('/Inter-Variable.ttf');
-		font-weight: 100 900;
-		font-display: swap;
-	}
-
-	.splitpanes--vertical > .splitpanes__pane {
-		transition: none !important;
-	}
-
-	.splitpanes--horizontal > .splitpanes__pane {
-		transition: none !important;
-	}
-
-	.monaco-workbench > .notifications-toasts.visible {
-		display: none !important;
-	}
-
-	.svelte-select-list {
-		z-index: 1000 !important;
-	}
-	.nowrap pre code.hljs {
-		whitespace: normal !important;
-	}
-
-	pre code.hljs {
-		overflow: visible !important;
-	}
-
-	svelte-virtual-list-row {
-		overflow: visible !important;
-	}
-
-	svelte-virtual-list-contents > * + * {
-		border-top-width: 1px !important;
-		border-bottom-width: 0px !important;
-	}
-
-	.monaco-editor textarea:focus {
-		box-shadow: none !important;
-	}
-
-	.Template-editor span.mtk20 {
-		color: black !important;
-	}
-
-	::-webkit-scrollbar {
-		width: 9px;
-		height: 9px;
-	}
-	::-webkit-scrollbar-track {
-		background: transparent;
-	}
-	::-webkit-scrollbar-thumb {
-		background-color: rgba(155, 155, 155, 0.5);
-		border: transparent;
-	}
-}
-
-@layer components {
-	/* Flow graph viewer -> Svelvet library internal class overwrite */
-	.Node {
-		display: flex !important;
-	}
-}

package/dist/common.d.ts

@@ -1,38 +0,0 @@
-import type { Script } from './gen';
-export type OwnerKind = 'group' | 'user' | 'folder';
-export type ActionKind = 'Create' | 'Update' | 'Delete' | 'Execute';
-export type SupportedLanguage = Script.language;
-export interface SchemaProperty {
-    type: string | undefined;
-    description: string;
-    pattern?: string;
-    default?: any;
-    enum?: string[];
-    contentEncoding?: 'base64' | 'binary';
-    format?: string;
-    items?: {
-        type?: 'string' | 'number' | 'bytes' | 'object';
-        contentEncoding?: 'base64';
-    };
-    properties?: {
-        [name: string]: SchemaProperty;
-    };
-}
-export type Schema = {
-    $schema: string | undefined;
-    type: string;
-    properties: {
-        [name: string]: SchemaProperty;
-    };
-    required: string[];
-};
-export type Meta = {
-    ownerKind: OwnerKind;
-    owner: string;
-    name: string;
-};
-type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
-/** An inclusive range of integer numbers */
-export type IntRange<F extends number, T extends number> = F | Exclude<Enumerate<T>, Enumerate<F>> | T;
-export declare function pathToMeta(path: string): Meta;
-export {};

package/dist/common.js

@@ -1,26 +0,0 @@
-export function pathToMeta(path) {
-    const splitted = path.split('/');
-    let ownerKind;
-    if (splitted[0] == 'g') {
-        ownerKind = 'group';
-    }
-    else if (splitted[0] == 'f') {
-        ownerKind = 'folder';
-    }
-    else if (splitted[0] == 'u') {
-        ownerKind = 'user';
-    }
-    else {
-        console.error('Not recognized owner:' + splitted[0]);
-        return {
-            ownerKind: 'user',
-            owner: '',
-            name: ''
-        };
-    }
-    return {
-        ownerKind,
-        owner: splitted[1],
-        name: splitted.slice(2).join('/')
-    };
-}

package/dist/components/AddUser.svelte

@@ -1,66 +0,0 @@
-<script>import { sendUserToast } from '../utils';
-import { createEventDispatcher } from 'svelte';
-import { workspaceStore } from '../stores';
-import { WorkspaceService } from '../gen';
-import { Button, ToggleButton, ToggleButtonGroup } from './common';
-import Tooltip from './Tooltip.svelte';
-const dispatch = createEventDispatcher();
-let email;
-let username;
-function handleKeyUp(event) {
-    const key = event.key;
-    if (key === 'Enter') {
-        event.preventDefault();
-        addUser();
-    }
-}
-async function addUser() {
-    await WorkspaceService.addUser({
-        workspace: $workspaceStore,
-        requestBody: {
-            email,
-            username,
-            is_admin: selected == 'admin',
-            operator: selected == 'operator'
-        }
-    });
-    sendUserToast(`Added ${email}`);
-    dispatch('new');
-}
-let selected = 'author';
-</script>
-
-<div class="flex flex-row">
-	<input type="email" on:keyup={handleKeyUp} placeholder="email" bind:value={email} class="mr-4" />
-	<input
-		type="text"
-		on:keyup={handleKeyUp}
-		placeholder="username"
-		bind:value={username}
-		class="mr-4"
-	/>
-	<ToggleButtonGroup bind:selected>
-		<ToggleButton position="left" value="operator" size="sm"
-			>Operator <Tooltip
-				>An operator can only execute and view scripts/flows/apps from your workspace, and only
-				those that he has visibility on</Tooltip
-			></ToggleButton
-		>
-		<ToggleButton position="center" value="author" size="sm"
-			>Author <Tooltip
-				>An Author can execute and view scripts/flows/apps, but he can also create new ones</Tooltip
-			></ToggleButton
-		>
-		<ToggleButton position="right" value="admin" size="sm">Admin</ToggleButton>
-	</ToggleButtonGroup>
-	<Button
-		variant="contained"
-		color="blue"
-		size="sm"
-		btnClasses="!ml-8"
-		on:click={addUser}
-		disabled={email === undefined}
-	>
-		Add
-	</Button>
-</div>

package/dist/components/AddUser.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        new: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AddUserProps = typeof __propDef.props;
-export type AddUserEvents = typeof __propDef.events;
-export type AddUserSlots = typeof __propDef.slots;
-export default class AddUser extends SvelteComponentTyped<AddUserProps, AddUserEvents, AddUserSlots> {
-}
-export {};

package/dist/components/ApiConnectForm.svelte

@@ -1,117 +0,0 @@
-<script>import { JobService, Preview, ResourceService } from '../gen';
-import { workspaceStore } from '../stores';
-import { emptySchema, emptyString, sendUserToast } from '../utils';
-import { Loader2 } from 'lucide-svelte';
-import Button from './common/button/Button.svelte';
-import SchemaForm from './SchemaForm.svelte';
-import SimpleEditor from './SimpleEditor.svelte';
-import Toggle from './Toggle.svelte';
-export let resource_type;
-export let args = {};
-export let password;
-export let isValid = true;
-let schema = emptySchema();
-let notFound = false;
-async function loadSchema() {
-    rawCode = '{}';
-    viewJsonSchema = false;
-    try {
-        const rt = await ResourceService.getResourceType({
-            workspace: $workspaceStore,
-            path: resource_type
-        });
-        schema = rt.schema;
-        notFound = false;
-    }
-    catch (e) {
-        notFound = true;
-    }
-}
-$: {
-    $workspaceStore && loadSchema();
-}
-$: notFound && rawCode && parseJson();
-function parseJson() {
-    try {
-        args = JSON.parse(rawCode);
-        error = '';
-        isValid = true;
-    }
-    catch (e) {
-        isValid = false;
-        error = e.message;
-    }
-}
-let error = '';
-let rawCode = '';
-let viewJsonSchema = false;
-$: rawCode && parseJson();
-function switchTab(asJson) {
-    viewJsonSchema = asJson;
-    if (asJson) {
-        rawCode = JSON.stringify(args, null, 2);
-    }
-    else {
-        parseJson();
-    }
-}
-let loading = false;
-async function testConnection() {
-    loading = true;
-    const job = await JobService.runScriptPreview({
-        workspace: $workspaceStore,
-        requestBody: {
-            language: 'deno',
-            content: `
-import { Client } from 'https://deno.land/x/postgres/mod.ts'
-export async function main(args: any) {
-	const client = new Client("postgres://" + args.user + ":" + args.password + "@" + args.host + ":" + args.port + "/" + args.dbname + "?sslmode=" + args.sslmode)
-	await client.connect()
-	return 'Connection successful'
-}
-				`,
-            args: {
-                args
-            }
-        }
-    });
-    await new Promise((r) => setTimeout(r, 3000));
-    loading = false;
-    const testResult = await JobService.getCompletedJob({
-        workspace: $workspaceStore,
-        id: job
-    });
-    if (testResult) {
-        sendUserToast(testResult.success ? testResult.result : testResult.result?.['error']?.['message'], !testResult.success);
-    }
-}
-</script>
-
-{#if !notFound}
-	<div class="w-full flex gap-4 flex-row-reverse">
-		<Toggle
-			on:change={(e) => switchTab(e.detail)}
-			options={{
-				right: 'As JSON'
-			}}
-		/>
-		{#if resource_type == 'postgresql'}
-			<Button size="sm" on:click={testConnection}
-				>{#if loading}<Loader2 class="animate-spin mr-2" />{/if} Test connection</Button
-			>
-		{/if}
-	</div>
-{:else}
-	<p class="italic text-gray-500 text-xs mb-4"
-		>No corresponding resource type found in your workspace for {resource_type}. Define the value in
-		JSON directly</p
-	>
-{/if}
-{#if notFound || viewJsonSchema}
-	{#if !emptyString(error)}<span class="text-red-400 text-xs mb-1 flex flex-row-reverse"
-			>{error}</span
-		>{:else}<div class="py-2" />{/if}
-	<SimpleEditor autoHeight lang="json" bind:code={rawCode} fixedOverflowWidgets={false} />
-{:else}
-	<SchemaForm noDelete {password} isValid {schema} bind:args />
-{/if}

package/dist/components/ApiConnectForm.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        resource_type: string;
-        args?: Record<string, any> | any;
-        password: string;
-        isValid?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ApiConnectFormProps = typeof __propDef.props;
-export type ApiConnectFormEvents = typeof __propDef.events;
-export type ApiConnectFormSlots = typeof __propDef.slots;
-export default class ApiConnectForm extends SvelteComponentTyped<ApiConnectFormProps, ApiConnectFormEvents, ApiConnectFormSlots> {
-}
-export {};