windmill-components 1.122.0 → 1.138.2

package/package/utils.js

@@ -105,16 +105,16 @@ export function validatePassword(password) {
     const re = /^(?=.*[\d])(?=.*[!@#$%^&*])[\w!@#$%^&*]{8,30}$/;
     return re.test(password);
 }
-export function clickOutside(node) {
+export function clickOutside(node, capture) {
     const handleClick = (event) => {
         if (node && !node.contains(event.target) && !event.defaultPrevented) {
             node.dispatchEvent(new CustomEvent('click_outside', { detail: event }));
         }
     };
-    document.addEventListener('click', handleClick, true);
+    document.addEventListener('click', handleClick, capture ?? true);
     return {
         destroy() {
-            document.removeEventListener('click', handleClick, true);
+            document.removeEventListener('click', handleClick, capture ?? true);
         }
     };
 }
@@ -216,15 +216,16 @@ export function setQueryWithoutLoad(url, args, bounceTime) {
         }
     }, bounceTime ?? 200);
 }
-export function groupBy(scripts, toGroup, dflts = []) {
+export function groupBy(items, toGroup, toSort, dflts = []) {
     let r = {};
     for (const dflt of dflts) {
         r[dflt] = [];
     }
-    scripts.forEach((sc) => {
+    items.forEach((sc) => {
         let section = toGroup(sc);
         if (section in r) {
             r[section].push(sc);
+            r[section].sort((a, b) => toSort(a).localeCompare(toSort(b)));
         }
         else {
             r[section] = [sc];
@@ -397,10 +398,10 @@ export function sortObject(o) {
         return obj;
     }, {});
 }
-export function generateRandomString() {
+export function generateRandomString(len = 24) {
     let chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
     let result = '';
-    for (let i = 0; i < 24; i++) {
+    for (let i = 0; i < len; i++) {
         result += chars.charAt(Math.floor(Math.random() * chars.length));
     }
     return result;
@@ -487,3 +488,14 @@ export function isObviousOwner(path, user) {
     }
     return false;
 }
+export function extractCustomProperties(styleStr) {
+    let properties = styleStr.split(';');
+    let customProperties = properties.filter((property) => property.trim().startsWith('--'));
+    let customStyleStr = customProperties.join(';');
+    return customStyleStr;
+}
+export function toCamel(s) {
+    return s.replace(/([-_][a-z])/gi, ($1) => {
+        return $1.toUpperCase().replace('-', '').replace('_', '');
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.122.0",
+	"version": "1.138.2",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -16,32 +16,34 @@
 		"test": "playwright test --config=tests-out/playwright.config.js"
 	},
 	"devDependencies": {
+		"@floating-ui/core": "^1.3.1",
+		"@modyfi/vite-plugin-yaml": "^1.0.4",
 		"@playwright/test": "^1.34.3",
 		"@rgossiaux/svelte-headlessui": "^1.0.2",
 		"@sveltejs/adapter-static": "^2.0.2",
 		"@sveltejs/kit": "^1.20.1",
-		"@sveltejs/package": "^2.0.0",
+		"@sveltejs/package": "^2.2.0",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.8",
 		"@types/d3": "^7.4.0",
 		"@types/d3-zoom": "^3.0.3",
 		"@types/lodash": "^4.14.195",
-		"@types/node": "^20.3.0",
+		"@types/node": "^20.3.3",
 		"@types/vscode": "~1.78.1",
 		"@typescript-eslint/eslint-plugin": "^5.59.8",
 		"@typescript-eslint/parser": "^5.60.0",
-		"@zerodevx/svelte-toast": "^0.9.3",
+		"@zerodevx/svelte-toast": "^0.9.5",
 		"autoprefixer": "^10.4.13",
 		"cssnano": "^6.0.1",
 		"d3-dag": "^0.11.5",
-		"eslint": "^8.43.0",
+		"eslint": "^8.44.0",
 		"eslint-config-prettier": "^8.6.0",
 		"eslint-plugin-svelte3": "^4.0.0",
-		"monaco-editor-workers": "~0.38.0",
+		"monaco-editor-workers": "~0.39.1",
 		"ol": "^7.4.0",
-		"openapi-typescript-codegen": "^0.24.0",
+		"openapi-typescript-codegen": "^0.25.0",
 		"path-browserify": "^1.0.1",
-		"pdfjs-dist": "^3.7.107",
+		"pdfjs-dist": "^3.8.162",
 		"postcss": "^8.4.24",
 		"postcss-load-config": "^4.0.1",
 		"prettier": "^2.8.8",
@@ -49,10 +51,11 @@
 		"simple-svelte-autocomplete": "^2.5.1",
 		"style-to-object": "^0.4.1",
 		"stylelint-config-recommended": "^12.0.0",
-		"svelte": "^3.59.1",
+		"svelte": "^3.59.2",
 		"svelte-awesome": "^3.2.0",
 		"svelte-awesome-color-picker": "^2.4.5",
 		"svelte-check": "^3.4.3",
+		"svelte-floating-ui": "^1.5.3",
 		"svelte-highlight": "^7.3.0",
 		"svelte-multiselect": "^8.6.2",
 		"svelte-overlay": "^1.4.1",
@@ -60,11 +63,11 @@
 		"svelte-preprocess": "^5.0.1",
 		"svelte-range-slider-pips": "^2.1.1",
 		"svelte-splitpanes": "^0.7.14",
-		"svelte2tsx": "^0.6.14",
+		"svelte2tsx": "^0.6.16",
 		"tailwindcss": "^3.3.2",
-		"tslib": "^2.5.2",
+		"tslib": "^2.6.0",
 		"typescript": "^5.1.3",
-		"vite": "^4.3.3",
+		"vite": "^4.4.7",
 		"yootils": "^0.3.1"
 	},
 	"type": "module",
@@ -72,11 +75,12 @@
 		"@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.7",
+		"@leeoniya/ufuzzy": "^1.0.8",
 		"@popperjs/core": "^2.11.6",
 		"@redocly/json-to-json-schema": "^0.0.1",
 		"@tanstack/svelte-table": "^8.9.2",
-		"ag-grid-svelte": "^0.1.4",
+		"ag-grid-svelte": "^0.3.0",
+		"ansi_up": "^5.2.1",
 		"chart.js": "^4.3.0",
 		"chartjs-adapter-date-fns": "^3.0.0",
 		"chartjs-plugin-zoom": "^2.0.0",
@@ -89,23 +93,23 @@
 		"lodash": "^4.17.21",
 		"lucide-svelte": "^0.246.0",
 		"monaco-languageclient": "~6.0.3",
+		"openai": "^4.0.0-beta.4",
 		"quill": "^1.3.7",
 		"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.1",
 		"svelte-timezone-picker": "^2.0.3",
-		"tailwind-merge": "^1.12.0",
+		"tailwind-merge": "^1.13.2",
 		"vscode-ws-jsonrpc": "3.0.0",
-		"windmill-parser-wasm": "^1.120.0",
+		"windmill-parser-wasm": "^1.134.2",
 		"y-monaco": "^0.1.4",
 		"y-websocket": "^1.5.0",
-		"yjs": "^13.6.4"
+		"yjs": "^13.6.7"
 	},
 	"peerDependencies": {
 		"@sveltejs/kit": "^1.20.1",
-		"svelte": "^3.59.1"
+		"svelte": "^3.59.2"
 	},
 	"exports": {
 		"./package.json": "./package.json",

package/package/components/common/table/LanguageBadge.svelte

@@ -1,40 +0,0 @@
-<script>import { Script } from '../../../gen';
-import { classNames } from '../../../utils';
-import Badge from '../badge/Badge.svelte';
-import { LanguageIcon } from '../languageIcons';
-import Popover from '../../Popover.svelte';
-export let language;
-const languageLabel = {
-    [Script.language.PYTHON3]: 'Python',
-    [Script.language.DENO]: 'TypeScript',
-    [Script.language.GO]: 'Go',
-    [Script.language.BASH]: 'Bash'
-}[language];
-const baseClassByLanguage = {
-    [Script.language.PYTHON3]: 'border border-[#ffe082] !bg-white',
-    [Script.language.DENO]: 'border border-blue-200 !bg-white',
-    [Script.language.GO]: 'border border-[#80cbc4] !bg-white',
-    [Script.language.BASH]: 'border border-gray-400 !bg-white'
-}[language];
-const colorByLanguage = {
-    [Script.language.PYTHON3]: 'gray',
-    [Script.language.DENO]: 'gray',
-    [Script.language.GO]: 'gray',
-    [Script.language.BASH]: 'gray'
-}[language];
-</script>
-
-<Badge
-	color={colorByLanguage}
-	baseClass={classNames(baseClassByLanguage, 'flex gap-1 items-center')}
->
-	<Popover notClickable>
-		<LanguageIcon lang={language} width={12} height={12} />
-		<span slot="text">
-			{languageLabel}
-		</span>
-	</Popover>
-
-	<!-- <span class="hidden xl:inline">
-	</span> -->
-</Badge>

package/package/components/common/table/LanguageBadge.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { Script } from '../../../gen';
-declare const __propDef: {
-    props: {
-        language: Script.language;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type LanguageBadgeProps = typeof __propDef.props;
-export type LanguageBadgeEvents = typeof __propDef.events;
-export type LanguageBadgeSlots = typeof __propDef.slots;
-export default class LanguageBadge extends SvelteComponentTyped<LanguageBadgeProps, LanguageBadgeEvents, LanguageBadgeSlots> {
-}
-export {};

package/package/gen/models/Postgresql.d.ts

@@ -1,3 +0,0 @@
-export type Postgresql = {
-    type: 'postgresql';
-};