windmill-components 1.56.5 → 1.57.2

package/components/splitPanes/SplitPanesWrapper.svelte

@@ -1,5 +1,4 @@
 <script>import { afterUpdate } from 'svelte';
-import { Splitpanes } from 'svelte-splitpanes';
 /**
  * This component should be used instead of `Splitpanes` if the wrapper `Splitpanes`
  * has elements that are **NOT** `Pane` above the place of this component.
@@ -7,7 +6,6 @@ import { Splitpanes } from 'svelte-splitpanes';
 /** This element will act as the reference point to the `Splitpanes`
  * and the top difference will be calculated from it. */
 export let refElement = undefined;
-export let panesClass = '';
 let wrapper;
 let gap = 0;
 function getTopDifference() {
@@ -28,7 +26,5 @@ afterUpdate(() => {
 	class="h-full {$$props.class || ''}"
 	style="max-height: calc(100% - {gap}px) !important;"
 >
-	<Splitpanes class={panesClass} {...$$restProps}>
-		<slot />
-	</Splitpanes>
+	<slot />
 </div>

package/components/splitPanes/SplitPanesWrapper.svelte.d.ts

@@ -3,7 +3,6 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         refElement?: HTMLElement | undefined;
-        panesClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/editorUtils.js

@@ -38,6 +38,8 @@ export function langToExt(lang) {
             return 'json';
         case 'sql':
             return 'sql';
+        case 'yaml':
+            return 'yaml';
         case 'typescript':
             return 'ts';
         case 'python':

package/gen/core/OpenAPI.js

@@ -1,6 +1,6 @@
 export const OpenAPI = {
     BASE: '/api',
-    VERSION: '1.56.1',
+    VERSION: '1.57.1',
     WITH_CREDENTIALS: false,
     CREDENTIALS: 'include',
     TOKEN: undefined,

package/gen/models/Policy.d.ts

@@ -2,6 +2,7 @@ export type Policy = {
     triggerables?: Record<string, any>;
     execution_mode?: Policy.execution_mode;
     on_behalf_of?: string;
+    on_behalf_of_email?: string;
 };
 export declare namespace Policy {
     enum execution_mode {

package/gen/services/AppService.d.ts

@@ -3,6 +3,38 @@ import type { ListableApp } from '../models/ListableApp';
 import type { Policy } from '../models/Policy';
 import type { CancelablePromise } from '../core/CancelablePromise';
 export declare class AppService {
+    /**
+     * list all available hub apps
+     * @returns any hub apps list
+     * @throws ApiError
+     */
+    static listHubApps(): CancelablePromise<{
+        apps?: Array<{
+            id: number;
+            app_id: number;
+            summary: string;
+            apps: Array<string>;
+            approved: boolean;
+            votes: number;
+        }>;
+    }>;
+    /**
+     * get hub app by id
+     * @returns any app
+     * @throws ApiError
+     */
+    static getHubAppById({ id, }: {
+        id: number;
+    }): CancelablePromise<{
+        app: {
+            summary: string;
+            value: {
+                staticApp: any;
+                app: any;
+                summary: string;
+            };
+        };
+    }>;
     /**
      * list all available apps
      * @returns ListableApp All available apps
@@ -59,6 +91,24 @@ export declare class AppService {
         workspace: string;
         path: string;
     }): CancelablePromise<AppWithLastVersion>;
+    /**
+     * get public app by secret
+     * @returns AppWithLastVersion app details
+     * @throws ApiError
+     */
+    static getPublicAppBySecret({ workspace, path, }: {
+        workspace: string;
+        path: string;
+    }): CancelablePromise<AppWithLastVersion>;
+    /**
+     * get public secret of app
+     * @returns string app secret
+     * @throws ApiError
+     */
+    static getPublicSecretOfApp({ workspace, path, }: {
+        workspace: string;
+        path: string;
+    }): CancelablePromise<string>;
     /**
      * get app by version
      * @returns AppWithLastVersion app details

package/gen/services/AppService.js

@@ -1,6 +1,31 @@
 import { OpenAPI } from '../core/OpenAPI';
 import { request as __request } from '../core/request';
 export class AppService {
+    /**
+     * list all available hub apps
+     * @returns any hub apps list
+     * @throws ApiError
+     */
+    static listHubApps() {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/apps/hub/list',
+        });
+    }
+    /**
+     * get hub app by id
+     * @returns any app
+     * @throws ApiError
+     */
+    static getHubAppById({ id, }) {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/apps/hub/get/{id}',
+            path: {
+                'id': id,
+            },
+        });
+    }
     /**
      * list all available apps
      * @returns ListableApp All available apps
@@ -54,6 +79,36 @@ export class AppService {
             },
         });
     }
+    /**
+     * get public app by secret
+     * @returns AppWithLastVersion app details
+     * @throws ApiError
+     */
+    static getPublicAppBySecret({ workspace, path, }) {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/w/{workspace}/apps/public_app/{path}',
+            path: {
+                'workspace': workspace,
+                'path': path,
+            },
+        });
+    }
+    /**
+     * get public secret of app
+     * @returns string app secret
+     * @throws ApiError
+     */
+    static getPublicSecretOfApp({ workspace, path, }) {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/w/{workspace}/apps/secret_of/{path}',
+            path: {
+                'workspace': workspace,
+                'path': path,
+            },
+        });
+    }
     /**
      * get app by version
      * @returns AppWithLastVersion app details

package/gen/services/GranularAclService.d.ts

@@ -8,7 +8,7 @@ export declare class GranularAclService {
     static getGranularAcls({ workspace, path, kind, }: {
         workspace: string;
         path: string;
-        kind: 'script' | 'group_' | 'resource' | 'schedule' | 'variable' | 'flow' | 'folder';
+        kind: 'script' | 'group_' | 'resource' | 'schedule' | 'variable' | 'flow' | 'folder' | 'app';
     }): CancelablePromise<Record<string, boolean>>;
     /**
      * add granular acls
@@ -18,7 +18,7 @@ export declare class GranularAclService {
     static addGranularAcls({ workspace, path, kind, requestBody, }: {
         workspace: string;
         path: string;
-        kind: 'script' | 'group_' | 'resource' | 'schedule' | 'variable' | 'flow' | 'folder';
+        kind: 'script' | 'group_' | 'resource' | 'schedule' | 'variable' | 'flow' | 'folder' | 'app';
         /**
          * acl to add
          */
@@ -35,7 +35,7 @@ export declare class GranularAclService {
     static removeGranularAcls({ workspace, path, kind, requestBody, }: {
         workspace: string;
         path: string;
-        kind: 'script' | 'group_' | 'resource' | 'schedule' | 'variable' | 'flow' | 'folder';
+        kind: 'script' | 'group_' | 'resource' | 'schedule' | 'variable' | 'flow' | 'folder' | 'app';
         /**
          * acl to add
          */

package/gen/services/ResourceService.d.ts

@@ -40,6 +40,21 @@ export declare class ResourceService {
          */
         requestBody: EditResource;
     }): CancelablePromise<string>;
+    /**
+     * update resource value
+     * @returns string resource value updated
+     * @throws ApiError
+     */
+    static updateResourceValue({ workspace, path, requestBody, }: {
+        workspace: string;
+        path: string;
+        /**
+         * updated resource
+         */
+        requestBody: {
+            value?: any;
+        };
+    }): CancelablePromise<string>;
     /**
      * get resource
      * @returns Resource resource

package/gen/services/ResourceService.js

@@ -49,6 +49,23 @@ export class ResourceService {
             mediaType: 'application/json',
         });
     }
+    /**
+     * update resource value
+     * @returns string resource value updated
+     * @throws ApiError
+     */
+    static updateResourceValue({ workspace, path, requestBody, }) {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/w/{workspace}/resources/update_value/{path}',
+            path: {
+                'workspace': workspace,
+                'path': path,
+            },
+            body: requestBody,
+            mediaType: 'application/json',
+        });
+    }
     /**
      * get resource
      * @returns Resource resource

package/infer.js

@@ -72,6 +72,10 @@ function argSigToJsonSchemaType(t, oldS) {
         newS.type = 'string';
         newS.format = 'sql';
     }
+    else if (t === 'yaml') {
+        newS.type = 'string';
+        newS.format = 'yaml';
+    }
     else if (t === 'bytes') {
         newS.type = 'string';
         newS.contentEncoding = 'base64';

package/package.json

@@ -1,24 +1,24 @@
 {
 	"name": "windmill-components",
-	"version": "1.56.5",
+	"version": "1.57.2",
 	"devDependencies": {
-		"@playwright/test": "^1.28.0",
+		"@playwright/test": "^1.29.1",
 		"@sveltejs/adapter-static": "^1.0.0",
 		"@sveltejs/kit": "^1.0.0-next.589",
 		"@sveltejs/package": "^1.0.1",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.8",
 		"@types/vscode": "~1.74.0",
-		"@types/node": "^18.11.9",
+		"@types/node": "^18.11.18",
 		"@typescript-eslint/eslint-plugin": "^5.46.1",
-		"@typescript-eslint/parser": "^5.46.1",
+		"@typescript-eslint/parser": "^5.48.0",
 		"@windmill-components-labs/svelvet": "^4.0.20",
 		"@zerodevx/svelte-toast": "^0.8.1",
 		"autoprefixer": "^10.4.13",
 		"cssnano": "^5.1.14",
 		"d3-dag": "^0.11.5",
 		"eslint": "^8.28.0",
-		"eslint-config-prettier": "^8.3.0",
+		"eslint-config-prettier": "^8.6.0",
 		"eslint-plugin-svelte3": "^4.0.0",
 		"lucide-svelte": "^0.104.0",
 		"openapi-typescript-codegen": "^0.23.0",
@@ -36,7 +36,6 @@
 		"svelte-grid": "^5.1.1",
 		"svelte-heros": "^2.3.5",
 		"svelte-highlight": "^6.2.1",
-		"svelte-markdown": "^0.2.3",
 		"svelte-overlay": "^1.4.1",
 		"svelte-popperjs": "^1.3.2",
 		"svelte-preprocess": "^5.0.0",
@@ -156,12 +155,14 @@
 		"./components/Tooltip.svelte": "./components/Tooltip.svelte",
 		"./components/UserSettings.svelte": "./components/UserSettings.svelte",
 		"./components/VariableEditor.svelte": "./components/VariableEditor.svelte",
-		"./components/apps/CreateApp.svelte": "./components/apps/CreateApp.svelte",
 		"./components/apps/components/DisplayComponent.svelte": "./components/apps/components/DisplayComponent.svelte",
 		"./components/apps/components/buttons/AppButton.svelte": "./components/apps/components/buttons/AppButton.svelte",
 		"./components/apps/components/dataDisplay/AppBarChart.svelte": "./components/apps/components/dataDisplay/AppBarChart.svelte",
+		"./components/apps/components/dataDisplay/AppHtml.svelte": "./components/apps/components/dataDisplay/AppHtml.svelte",
 		"./components/apps/components/dataDisplay/AppPieChart.svelte": "./components/apps/components/dataDisplay/AppPieChart.svelte",
+		"./components/apps/components/dataDisplay/AppScatterChart.svelte": "./components/apps/components/dataDisplay/AppScatterChart.svelte",
 		"./components/apps/components/dataDisplay/AppText.svelte": "./components/apps/components/dataDisplay/AppText.svelte",
+		"./components/apps/components/dataDisplay/AppTimeseries.svelte": "./components/apps/components/dataDisplay/AppTimeseries.svelte",
 		"./components/apps/components/dateInputs/AppDateInput.svelte": "./components/apps/components/dateInputs/AppDateInput.svelte",
 		"./components/apps/components/form/AppForm.svelte": "./components/apps/components/form/AppForm.svelte",
 		"./components/apps/components/helpers/AlignWrapper.svelte": "./components/apps/components/helpers/AlignWrapper.svelte",
@@ -181,7 +182,9 @@
 		"./components/apps/components/textInputs/AppTextInput.svelte": "./components/apps/components/textInputs/AppTextInput.svelte",
 		"./components/apps/editor/AppEditor.svelte": "./components/apps/editor/AppEditor.svelte",
 		"./components/apps/editor/AppEditorHeader.svelte": "./components/apps/editor/AppEditorHeader.svelte",
+		"./components/apps/editor/AppExportButton.svelte": "./components/apps/editor/AppExportButton.svelte",
 		"./components/apps/editor/AppPreview.svelte": "./components/apps/editor/AppPreview.svelte",
+		"./components/apps/editor/AppPublishButton.svelte": "./components/apps/editor/AppPublishButton.svelte",
 		"./components/apps/editor/ComponentEditor.svelte": "./components/apps/editor/ComponentEditor.svelte",
 		"./components/apps/editor/ComponentHeader.svelte": "./components/apps/editor/ComponentHeader.svelte",
 		"./components/apps/editor/GridEditor.svelte": "./components/apps/editor/GridEditor.svelte",
@@ -210,14 +213,13 @@
 		"./components/apps/editor/settingsPanel/PickFlow.svelte": "./components/apps/editor/settingsPanel/PickFlow.svelte",
 		"./components/apps/editor/settingsPanel/PickInlineScript.svelte": "./components/apps/editor/settingsPanel/PickInlineScript.svelte",
 		"./components/apps/editor/settingsPanel/Recompute.svelte": "./components/apps/editor/settingsPanel/Recompute.svelte",
-		"./components/apps/editor/settingsPanel/SectionPanel.svelte": "./components/apps/editor/settingsPanel/SectionPanel.svelte",
 		"./components/apps/editor/settingsPanel/SelectedRunnable.svelte": "./components/apps/editor/settingsPanel/SelectedRunnable.svelte",
 		"./components/apps/editor/settingsPanel/SubTypeEditor.svelte": "./components/apps/editor/settingsPanel/SubTypeEditor.svelte",
 		"./components/apps/editor/settingsPanel/TableActionLabel.svelte": "./components/apps/editor/settingsPanel/TableActionLabel.svelte",
 		"./components/apps/editor/settingsPanel/TableActions.svelte": "./components/apps/editor/settingsPanel/TableActions.svelte",
-		"./components/apps/editor/settingsPanel/UserInputEditor.svelte": "./components/apps/editor/settingsPanel/UserInputEditor.svelte",
 		"./components/apps/editor/settingsPanel/common/PanelSection.svelte": "./components/apps/editor/settingsPanel/common/PanelSection.svelte",
 		"./components/apps/editor/settingsPanel/inputEditor/ConnectedInputEditor.svelte": "./components/apps/editor/settingsPanel/inputEditor/ConnectedInputEditor.svelte",
+		"./components/apps/editor/settingsPanel/inputEditor/JsonEditor.svelte": "./components/apps/editor/settingsPanel/inputEditor/JsonEditor.svelte",
 		"./components/apps/editor/settingsPanel/inputEditor/RowInputEditor.svelte": "./components/apps/editor/settingsPanel/inputEditor/RowInputEditor.svelte",
 		"./components/apps/editor/settingsPanel/inputEditor/RunnableInputEditor.svelte": "./components/apps/editor/settingsPanel/inputEditor/RunnableInputEditor.svelte",
 		"./components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte": "./components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte",
@@ -225,9 +227,11 @@
 		"./components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte": "./components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte",
 		"./components/apps/editor/settingsPanel/mainInput/WorkspaceFlowList.svelte": "./components/apps/editor/settingsPanel/mainInput/WorkspaceFlowList.svelte",
 		"./components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte": "./components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte",
+		"./components/apps/editorUtils": "./components/apps/editorUtils.js",
 		"./components/apps/gridUtils": "./components/apps/gridUtils.js",
 		"./components/apps/inputType": "./components/apps/inputType.js",
 		"./components/apps/rx": "./components/apps/rx.js",
+		"./components/apps/store": "./components/apps/store.js",
 		"./components/apps/types": "./components/apps/types.js",
 		"./components/apps/utils": "./components/apps/utils.js",
 		"./components/common/actionRow/ActionRow.svelte": "./components/common/actionRow/ActionRow.svelte",
@@ -271,6 +275,7 @@
 		"./components/common/tabs/Tabs.svelte": "./components/common/tabs/Tabs.svelte",
 		"./components/common/toggleButton/ToggleButton.svelte": "./components/common/toggleButton/ToggleButton.svelte",
 		"./components/common/toggleButton/ToggleButtonGroup.svelte": "./components/common/toggleButton/ToggleButtonGroup.svelte",
+		"./components/flows/CreateActionsApp.svelte": "./components/flows/CreateActionsApp.svelte",
 		"./components/flows/CreateActionsFlow.svelte": "./components/flows/CreateActionsFlow.svelte",
 		"./components/flows/FlowEditor.svelte": "./components/flows/FlowEditor.svelte",
 		"./components/flows/FlowProgressBar.svelte": "./components/flows/FlowProgressBar.svelte",
@@ -318,6 +323,7 @@
 		"./components/flows/map/InsertModuleButton.svelte": "./components/flows/map/InsertModuleButton.svelte",
 		"./components/flows/map/MapItem.svelte": "./components/flows/map/MapItem.svelte",
 		"./components/flows/pickers/FlowScriptPicker.svelte": "./components/flows/pickers/FlowScriptPicker.svelte",
+		"./components/flows/pickers/PickHubApp.svelte": "./components/flows/pickers/PickHubApp.svelte",
 		"./components/flows/pickers/PickHubFlow.svelte": "./components/flows/pickers/PickHubFlow.svelte",
 		"./components/flows/pickers/PickHubScript.svelte": "./components/flows/pickers/PickHubScript.svelte",
 		"./components/flows/pickers/PickScript.svelte": "./components/flows/pickers/PickScript.svelte",
@@ -336,9 +342,11 @@
 		"./components/home/ListFilters.svelte": "./components/home/ListFilters.svelte",
 		"./components/home/NoItemFound.svelte": "./components/home/NoItemFound.svelte",
 		"./components/icons/AirtableIcon.svelte": "./components/icons/AirtableIcon.svelte",
+		"./components/icons/ClickhouseIcon.svelte": "./components/icons/ClickhouseIcon.svelte",
 		"./components/icons/DatadogIcon.svelte": "./components/icons/DatadogIcon.svelte",
 		"./components/icons/DbIcon.svelte": "./components/icons/DbIcon.svelte",
 		"./components/icons/DiscordIcon.svelte": "./components/icons/DiscordIcon.svelte",
+		"./components/icons/FaunadbIcon.svelte": "./components/icons/FaunadbIcon.svelte",
 		"./components/icons/FunkwhaleIcon.svelte": "./components/icons/FunkwhaleIcon.svelte",
 		"./components/icons/GCloudIcon.svelte": "./components/icons/GCloudIcon.svelte",
 		"./components/icons/GItlabIcon.svelte": "./components/icons/GItlabIcon.svelte",
@@ -358,6 +366,7 @@
 		"./components/icons/MatrixIcon.svelte": "./components/icons/MatrixIcon.svelte",
 		"./components/icons/Mysql.svelte": "./components/icons/Mysql.svelte",
 		"./components/icons/NextcloudIcon.svelte": "./components/icons/NextcloudIcon.svelte",
+		"./components/icons/OpenaiIcon.svelte": "./components/icons/OpenaiIcon.svelte",
 		"./components/icons/PostgresIcon.svelte": "./components/icons/PostgresIcon.svelte",
 		"./components/icons/QRCodeIcon.svelte": "./components/icons/QRCodeIcon.svelte",
 		"./components/icons/S3Icon.svelte": "./components/icons/S3Icon.svelte",

package/stores.d.ts

@@ -32,4 +32,5 @@ export declare const hubScripts: import("svelte/store").Writable<{
     app: string;
     ask_id: number;
 }[] | undefined>;
+export declare function switchWorkspace(workspace: string | undefined): void;
 export declare function clearStores(): void;

package/stores.js

@@ -16,10 +16,6 @@ export const userWorkspaces = derived([usersWorkspaceStore, superadmin], ([store
                 id: "admins",
                 name: "Admins",
                 username: "superadmin",
-            }, {
-                id: "starter",
-                name: "Starter",
-                username: "superadmin",
             }];
     }
     else {
@@ -30,7 +26,12 @@ export const hubScripts = writable(undefined);
 if (browser) {
     workspaceStore.subscribe(async (workspace) => {
         if (workspace) {
-            localStorage.setItem("workspace", String(workspace));
+            try {
+                localStorage.setItem("workspace", String(workspace));
+            }
+            catch (e) {
+                console.error('Could not persist workspace to local storage', e);
+            }
             userStore.set(await getUserExt(workspace));
         }
         else {
@@ -38,7 +39,14 @@ if (browser) {
         }
     });
 }
+export function switchWorkspace(workspace) {
+    localStorage.removeItem("flow");
+    localStorage.removeItem("app");
+    workspaceStore.set(workspace);
+}
 export function clearStores() {
+    localStorage.removeItem("flow");
+    localStorage.removeItem("app");
     localStorage.removeItem("workspace");
     userStore.set(undefined);
     workspaceStore.set(undefined);

package/utils.d.ts

@@ -71,7 +71,7 @@ export declare function isString(value: any): boolean;
 export declare function mapUserToUserExt(user: User): UserExt;
 export declare function schemaToTsType(schema: Schema): string;
 export declare function schemaToObject(schema: Schema, args: Record<string, any>): Object;
-export type InputCat = 'string' | 'number' | 'boolean' | 'list' | 'resource-object' | 'enum' | 'date' | 'base64' | 'resource-string' | 'object' | 'sql';
+export type InputCat = 'string' | 'number' | 'boolean' | 'list' | 'resource-object' | 'enum' | 'date' | 'base64' | 'resource-string' | 'object' | 'sql' | 'yaml';
 export declare function setInputCat(type: string | undefined, format: string | undefined, itemsType: string | undefined, enum_: any, contentEncoding: string | undefined): InputCat;
 export declare function scriptPathToHref(path: string): string;
 export declare function getScriptByPath(path: string): Promise<{
@@ -89,6 +89,14 @@ export declare function loadHubFlows(): Promise<{
     approved: boolean;
     votes: number;
 }[] | undefined>;
+export declare function loadHubApps(): Promise<{
+    id: number;
+    app_id: number;
+    summary: string;
+    apps: string[];
+    approved: boolean;
+    votes: number;
+}[] | undefined>;
 export declare function formatCron(inp: string): string;
 export declare function flowToHubUrl(flow: Flow): URL;
 export declare function scriptToHubUrl(content: string, summary: string, description: string, kind: Script.kind, language: Script.language, schema: Schema | undefined, lock: string | undefined): URL;

package/utils.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 import { goto } from '$app/navigation';
-import { FlowService, FolderService, Script, ScriptService, UserService } from './gen';
+import { AppService, FlowService, FolderService, Script, ScriptService, UserService } from './gen';
 import { toast } from '@zerodevx/svelte-toast';
 import { hubScripts, workspaceStore } from './stores';
 import { page } from '$app/stores';
@@ -147,10 +147,10 @@ export function removeItemAll(arr, value) {
     return arr;
 }
 export async function isOwner(path, user, workspace) {
-    if (user.is_admin && (workspace != 'starter' || user.is_super_admin)) {
+    if (user.is_admin && ((workspace == 'starter' || workspace == 'admin') && user.is_super_admin)) {
         return true;
     }
-    else if (workspace == 'starter') {
+    else if (workspace == 'starter' || workspace == 'admin') {
         return false;
     }
     else {
@@ -239,15 +239,19 @@ export async function setQuery(url, key, value) {
     url.searchParams.set(key, value);
     await goto(`?${url.searchParams.toString()}`);
 }
+let debounced = undefined;
 export function setQueryWithoutLoad(url, key, value) {
-    const nurl = new URL(url.toString());
-    nurl.searchParams.set(key, value);
-    try {
-        history.replaceState(history.state, '', nurl.toString());
-    }
-    catch (e) {
-        console.error(e);
-    }
+    debounced && clearTimeout(debounced);
+    debounced = setTimeout(() => {
+        const nurl = new URL(url.toString());
+        nurl.searchParams.set(key, value);
+        try {
+            history.replaceState(history.state, '', nurl.toString());
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }, 200);
 }
 export function groupBy(scripts, toGroup, dflts = []) {
     let r = {};
@@ -380,6 +384,9 @@ export function setInputCat(type, format, itemsType, enum_, contentEncoding) {
     else if (type == 'string' && format == 'sql') {
         return 'sql';
     }
+    else if (type == 'string' && format == 'yaml') {
+        return 'yaml';
+    }
     else if (type == 'string' && contentEncoding == 'base64') {
         return 'base64';
     }
@@ -452,6 +459,16 @@ export async function loadHubFlows() {
         console.error('Hub is not available');
     }
 }
+export async function loadHubApps() {
+    try {
+        const apps = (await AppService.listHubApps()).apps ?? [];
+        const processed = apps.sort((a, b) => b.votes - a.votes);
+        return processed;
+    }
+    catch {
+        console.error('Hub is not available');
+    }
+}
 export function formatCron(inp) {
     // Allow for cron expressions inputted by the user to omit month and year
     let splitted = inp.split(' ');

package/components/apps/CreateApp.svelte

@@ -1,68 +0,0 @@
-<script>import { faPlus } from '@fortawesome/free-solid-svg-icons';
-import { AppService, Policy } from '../../gen';
-import { userStore, workspaceStore } from '../../stores';
-import { sendUserToast } from '../../utils';
-import { Button, Drawer, DrawerContent } from '../common';
-let path = '';
-let initialPath = '';
-let pathError = '';
-import { goto } from '$app/navigation';
-import Path from '../Path.svelte';
-import { LayoutDashboard } from 'lucide-svelte';
-let drawerOpen = false;
-function closeDrawer() {
-    drawerOpen = false;
-}
-async function createApp() {
-    const appJson = {
-        grid: [],
-        title: 'New app',
-        unusedInlineScripts: []
-    };
-    const policy = {
-        triggerables: {},
-        execution_mode: Policy.execution_mode.PUBLISHER,
-        on_behalf_of: `u/${$userStore?.username}`
-    };
-    try {
-        const appId = await AppService.createApp({
-            workspace: $workspaceStore,
-            requestBody: {
-                value: appJson,
-                path,
-                summary: 'App summary',
-                policy
-            }
-        });
-        goto(`/apps/edit/${appId}`);
-    }
-    catch (e) {
-        sendUserToast('Error creating app', e);
-    }
-}
-</script>
-
-<Drawer bind:open={drawerOpen} size="800px">
-	<DrawerContent title="Add an app" on:close={() => closeDrawer()}>
-		<Path bind:error={pathError} bind:path {initialPath} namePlaceholder="my_app" kind="app">
-			<div slot="ownerToolkit">
-				App permissions depend on their path. Select the group <span class="font-mono">all</span>
-				to share it, and <span class="font-mono">user</span> to keep it private.
-				<a href="https://docs.windmill.dev/docs/reference/namespaces">docs</a>
-			</div>
-		</Path>
-
-		<div slot="actions">
-			<Button on:click={() => createApp()}>Create app</Button>
-		</div>
-	</DrawerContent>
-</Drawer>
-
-<Button
-	size="sm"
-	spacingSize="lg"
-	startIcon={{ icon: faPlus }}
-	on:click={() => (drawerOpen = true)}
->
-	New App (alpha) <LayoutDashboard class="ml-1.5" size={18} />
-</Button>

package/components/apps/CreateApp.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CreateAppProps = typeof __propDef.props;
-export type CreateAppEvents = typeof __propDef.events;
-export type CreateAppSlots = typeof __propDef.slots;
-export default class CreateApp extends SvelteComponentTyped<CreateAppProps, CreateAppEvents, CreateAppSlots> {
-}
-export {};