windmill-components 1.613.0 → 1.613.2

package/package/components/RunsPage.svelte

@@ -30,7 +30,8 @@ import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import Select from './select/Select.svelte';
 import AnimatedPane from './splitPanes/AnimatedPane.svelte';
-import { useSearchParams, StaleWhileLoading } from '../svelte5Utils.svelte';
+import { useSearchParams } from '../svelte5UtilsKit.svelte';
+import { StaleWhileLoading } from '../svelte5Utils.svelte';
 let { initialPath } = $props();
 let filters = useSearchParams(runsFiltersSchema);
 // Initialize path filter from route param if provided and not already set via query params

package/package/components/triggers/utils.js

@@ -5,7 +5,6 @@ import MqttIcon from '../icons/MqttIcon.svelte';
 import AwsIcon from '../icons/AwsIcon.svelte';
 import GoogleCloudIcon from '../icons/GoogleCloudIcon.svelte';
 import SchedulePollIcon from '../icons/SchedulePollIcon.svelte';
-import {} from './';
 import { saveScheduleFromCfg } from '../flows/scheduleUtils';
 import { saveHttpRouteFromCfg } from './http/utils';
 import { saveWebsocketTriggerFromCfg } from './websocket/utils';

package/package/svelte5Utils.svelte.d.ts

@@ -1,6 +1,4 @@
-import { type StateStore } from './utils';
-import * as runed from 'runed/kit';
-import type z from 'zod';
+import type { StateStore } from './utils';
 export declare function withProps<Component, Props>(component: Component, props: Props): {
     component: Component;
     props: Props;
@@ -71,7 +69,6 @@ export declare class ChangeOnDeepInequality<T> {
     constructor(compute: () => T);
     get value(): T;
 }
-export declare function useSearchParams<S extends z.ZodType>(schema: S, options?: runed.SearchParamsOptions): runed.ReturnUseSearchParams<S>;
 export declare class StaleWhileLoading<T> {
     private _current;
     private _currentTimeout;

package/package/svelte5Utils.svelte.js

@@ -1,9 +1,7 @@
 // https://github.com/sveltejs/svelte/issues/14600
 import { untrack } from 'svelte';
 import { deepEqual } from 'fast-equals';
-import {} from './utils';
 import { resource, watch } from 'runed';
-import * as runed from 'runed/kit';
 export function withProps(component, props) {
     const ret = $state({
         component,
@@ -148,33 +146,6 @@ export class ChangeOnDeepInequality {
         return this._cached;
     }
 }
-// The original from runed has a weird behavior with dedup reads causing duplicate effect runs
-// (Every field has to be derived to avoid it : https://runed.dev/docs/utilities/use-search-params)
-export function useSearchParams(schema, options) {
-    let params = runed.useSearchParams(schema, options);
-    let keys = Object.keys(schema.shape ?? {});
-    let obj = { ...params };
-    for (const key of keys) {
-        // Somehow using $derived does not trigger reactivity sometimes ...
-        // (e.g: filters.arg in RunsPage.svelte updates in the URL but does not trigger reactivity)
-        let derivedVal = $state(params[key]);
-        Object.defineProperty(obj, key, {
-            get: () => {
-                if (typeof derivedVal === 'string')
-                    return decodeURIComponent(derivedVal);
-                return derivedVal;
-            },
-            set: (v) => {
-                const val = typeof v === 'string' ? encodeURIComponent(v) : v;
-                params[key] = val;
-                derivedVal = val;
-            },
-            enumerable: true,
-            configurable: true
-        });
-    }
-    return obj;
-}
 // Prevents flickering when data is unloaded (undefined) then reloaded quickly
 // But still becomes undefined if data is not reloaded within the timeout
 // so the user has feedback that the data is not available anymore.

package/package/svelte5UtilsKit.svelte.d.ts

@@ -0,0 +1,3 @@
+import * as runed from 'runed/kit';
+import type z from 'zod';
+export declare function useSearchParams<S extends z.ZodType>(schema: S, options?: runed.SearchParamsOptions): runed.ReturnUseSearchParams<S>;

package/package/svelte5UtilsKit.svelte.js

@@ -0,0 +1,30 @@
+// SvelteKit-specific utilities
+// This file should only be imported in SvelteKit apps as it depends on $app/environment
+import * as runed from 'runed/kit';
+// The original from runed has a weird behavior with dedup reads causing duplicate effect runs
+// (Every field has to be derived to avoid it : https://runed.dev/docs/utilities/use-search-params)
+export function useSearchParams(schema, options) {
+    let params = runed.useSearchParams(schema, options);
+    let keys = Object.keys(schema.shape ?? {});
+    let obj = { ...params };
+    for (const key of keys) {
+        // Somehow using $derived does not trigger reactivity sometimes ...
+        // (e.g: filters.arg in RunsPage.svelte updates in the URL but does not trigger reactivity)
+        let derivedVal = $state(params[key]);
+        Object.defineProperty(obj, key, {
+            get: () => {
+                if (typeof derivedVal === 'string')
+                    return decodeURIComponent(derivedVal);
+                return derivedVal;
+            },
+            set: (v) => {
+                const val = typeof v === 'string' ? encodeURIComponent(v) : v;
+                params[key] = val;
+                derivedVal = val;
+            },
+            enumerable: true,
+            configurable: true
+        });
+    }
+    return obj;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.613.0",
+	"version": "1.613.2",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",