windmill-components 1.46.3 → 1.52.0

package/script_helpers.d.ts

@@ -1,5 +1,5 @@
 import type { Script } from "./gen";
-export declare const PYTHON_INIT_CODE = "import os\nimport wmill\nfrom datetime import datetime\n\n\"\"\"\nUse Cmd/Ctrl + S to autoformat the code.\nThe client is used to interact with windmill itself through its standard API.\nOne can explore the methods available through autocompletion of `wmill.XXX`.\n\"\"\"\n\ndef main(no_default: str,\n         name = \"Nicolas Bourbaki\",\n         age = 42,\n         obj: dict = {\"even\": \"dicts\"},\n         l: list = [\"or\", \"lists!\"],\n         file_: bytes = bytes(0),\n         dtime: datetime = datetime.now()):\n    \"\"\"A main function is required for the script to be able to accept arguments.\n    Types are recommended.\"\"\"\n    print(f\"Hello World and a warm welcome especially to {name}\")\n    print(\"and its acolytes..\", age, obj, l, len(file_), dtime)\n    # retrieve variables, including secrets by querying the windmill platform.\n    # secret fetching is audited by windmill.\n\n    try:\n      secret = wmill.get_variable(\"g/all/pretty_secret\")\n    except:\n      secret = \"No secret yet at g/all/pretty_secret!\"\n\n    print(f\"The env variable at `g/all/pretty_secret`: {secret}\")\n    # interact with the windmill platform to get the version\n    version = wmill.get_version()\n    # fetch reserved variables as environment variables\n    user = os.environ.get(\"WM_USERNAME\")\n    # the return value is then parsed and can be retrieved by other scripts conveniently\n    return {\"version\": version, \"splitted\": name.split(), \"user\": user}\n";
+export declare const PYTHON_INIT_CODE = "import os\nimport wmill\n\n# You can import any package from PyPI, even if the assistant complains\n\n\"\"\"\nUse Cmd/Ctrl + S to autoformat the code. Reset content in the bar to start from a clean template.\nThe client is used to interact with windmill itself through its standard API.\nOne can explore the methods available through autocompletion of `wmill.XXX`.\n\"\"\"\n\ndef main(no_default: str,\n         name = \"Nicolas Bourbaki\",\n         age = 42,\n         obj: dict = {\"even\": \"dicts\"},\n         l: list = [\"or\", \"lists!\"],\n         file_: bytes = bytes(0)):\n    \"\"\"A main function is required for the script to be able to accept arguments.\n    Types are recommended.\"\"\"\n    print(f\"Hello World and a warm welcome especially to {name}\")\n    print(\"and its acolytes..\", age, obj, l, len(file_))\n    # retrieve variables, including secrets by querying the windmill platform.\n    # secret fetching is audited by windmill.\n\n    try:\n      secret = wmill.get_variable(\"g/all/pretty_secret\")\n    except:\n      secret = \"No secret yet at g/all/pretty_secret!\"\n\n    print(f\"The variable at `g/all/pretty_secret`: {secret}\")\n    \n    # Get last state of this script execution by the same trigger/user\n    last_state = wmill.get_state()\n    new_state = {\"foo\": 42} if last_state is None else last_state\n    new_state[\"foo\"] += 1\n    wmill.set_state(new_state)\n\n    # fetch reserved variables as environment variables\n    user = os.environ.get(\"WM_USERNAME\")\n    # the return value is then parsed and can be retrieved by other scripts conveniently\n    return {\"splitted\": name.split(), \"user\": user, \"state\": new_state}\n";
 export declare const DENO_INIT_CODE: string;
 export declare const GO_INIT_CODE = "package inner\n\nimport (\n\t\"fmt\"\n\t\"rsc.io/quote\"\n  // wmill \"github.com/windmill-labs/windmill-go-client\"\n)\n\n// the main must return (interface{}, error)\n\nfunc main(x string, nested struct{ Foo string `json:\"foo\"` }) (interface{}, error) {\n\tfmt.Println(\"Hello, World\")\n\tfmt.Println(nested.Foo)\n\tfmt.Println(quote.Opt())\n  // v, _ := wmill.GetVariable(\"g/all/pretty_secret\")\n  return x, nil\n}\n";
 export declare const GO_FAILURE_MODULE_CODE = "package inner\n\nimport (\n\t\"fmt\"\n  \"os\"\n)\n\n// connect the error parameter to 'previous_result.error'\n\nfunc main(error string) (interface{}, error) {\n\tfmt.Println(error)\n\tfmt.Println(\"job\", os.Getenv(\"WM_JOB_ID\"))\n  return x, nil\n}\n";
@@ -10,6 +10,8 @@ export declare const PYTHON_FAILURE_MODULE_CODE = "import os\n\n# connect the er
 export declare const POSTGRES_INIT_CODE: string;
 export declare const BASH_INIT_CODE = "\n# arguments of the form X=\"$I\" are parsed as parameters X of type string\nmsg=\"$1\"\n\n# the last line of the stdout is the return value\necho \"Hello $msg\"\n";
 export declare const DENO_INIT_CODE_TRIGGER: string;
+export declare const PYTHON_INIT_CODE_TRIGGER = "import wmill\n\ndef main():\n    # A common trigger script would follow this pattern:\n    # 1. Get the last saved state\n    # const state = wnmill.get_state()\n    # 2. Get the actual state from the external service\n    # const newState = ...\n    # 3. Compare the two states and update the internal state\n    # wmill.setState(newState)\n    # 4. Return the new rows\n    # return range from (state to newState)\n    return [1, 2, 3]\n";
+export declare const GO_INIT_CODE_TRIGGER = "package inner\n\nimport (\n\twmill \"github.com/windmill-labs/windmill-go-client\"\n)\n\nfunc main() (interface{}, error) {\n\n\t// A common trigger script would follow this pattern:\n\t// 1. Get the last saved state\n\tstate, _ := wmill.GetState()\n\t// 2. Get the actual state from the external service\n\t// newState := ...\n\t// 3. Compare the two states and update the internal state\n\twmill.SetState(4)\n\t// 4. Return the new rows\n\n\treturn state, nil\n\n\t// In subsequent scripts, you may refer to each row/value returned by the trigger script using\n\t// 'flow_input.iter.value'\n}\n";
 export declare const DENO_INIT_CODE_APPROVAL = "import * as wmill from \"https://deno.land/x/windmill@v1.41.0/mod.ts\"\n\nexport async function main(approver?: string) {\n  return wmill.getResumeEndpoints(approver)\n}";
 export declare function isInitialCode(content: string): boolean;
 export declare function initialCode(language: 'deno' | 'python3' | 'go' | 'bash', kind: Script.kind, subkind: 'pgsql' | 'flow' | 'script' | undefined): string;

package/script_helpers.js

@@ -1,9 +1,10 @@
 export const PYTHON_INIT_CODE = `import os
 import wmill
-from datetime import datetime
+
+# You can import any package from PyPI, even if the assistant complains
 
 """
-Use Cmd/Ctrl + S to autoformat the code.
+Use Cmd/Ctrl + S to autoformat the code. Reset content in the bar to start from a clean template.
 The client is used to interact with windmill itself through its standard API.
 One can explore the methods available through autocompletion of \`wmill.XXX\`.
 """
@@ -13,12 +14,11 @@ def main(no_default: str,
          age = 42,
          obj: dict = {"even": "dicts"},
          l: list = ["or", "lists!"],
-         file_: bytes = bytes(0),
-         dtime: datetime = datetime.now()):
+         file_: bytes = bytes(0)):
     """A main function is required for the script to be able to accept arguments.
     Types are recommended."""
     print(f"Hello World and a warm welcome especially to {name}")
-    print("and its acolytes..", age, obj, l, len(file_), dtime)
+    print("and its acolytes..", age, obj, l, len(file_))
     # retrieve variables, including secrets by querying the windmill platform.
     # secret fetching is audited by windmill.
 
@@ -27,18 +27,23 @@ def main(no_default: str,
     except:
       secret = "No secret yet at g/all/pretty_secret!"
 
-    print(f"The env variable at \`g/all/pretty_secret\`: {secret}")
-    # interact with the windmill platform to get the version
-    version = wmill.get_version()
+    print(f"The variable at \`g/all/pretty_secret\`: {secret}")
+    
+    # Get last state of this script execution by the same trigger/user
+    last_state = wmill.get_state()
+    new_state = {"foo": 42} if last_state is None else last_state
+    new_state["foo"] += 1
+    wmill.set_state(new_state)
+
     # fetch reserved variables as environment variables
     user = os.environ.get("WM_USERNAME")
     # the return value is then parsed and can be retrieved by other scripts conveniently
-    return {"version": version, "splitted": name.split(), "user": user}
+    return {"splitted": name.split(), "user": user, "state": new_state}
 `;
 export const DENO_INIT_CODE = `// reload the smart assistant on the top right if it dies to get autocompletion and syntax highlighting
-// (Ctrl+space to cache dependencies on imports hover).
+// (Ctrl+space to cache dependencies on imports hover, Ctrl+S to autoformat and parse parameters).
 
-// you can use npm imports directly!
+// you can use npm imports directly
 // import { toWords } from "npm:number-to-words@1"
 // import * as wmill from "https://deno.land/x/windmill@v${__pkg__.version}/mod.ts"
 
@@ -125,7 +130,7 @@ export const POSTGRES_INIT_CODE = `import {
 //PG parameterized statement. No SQL injection is possible.
 export async function main(
   db: Resource<"postgresql"> = "$res:g/all/demodb",
-  key: string,
+  key: number,
   value: string,
 ) {
   const query = await pgSql(
@@ -144,20 +149,57 @@ export const DENO_INIT_CODE_TRIGGER = `import * as wmill from "https://deno.land
 
 export async function main() {
 
-    // A common trigger script would follow this pattern:
-    // 1. Get the last saved state
-    // const state = await wmill.getInternalState()
-    // 2. Get the actual state from the external service
-    // const newState = await (await fetch('https://hacker-news.firebaseio.com/v0/topstories.json')).json()
-    // 3. Compare the two states and update the internal state
-    // await wmill.setInternalState(newState)
-    // 4. Return the new rows
-    // return range from (state to newState)
+  // A common trigger script would follow this pattern:
+  // 1. Get the last saved state
+  // const state = await wmill.getState()
+  // 2. Get the actual state from the external service
+  // const newState = await (await fetch('https://hacker-news.firebaseio.com/v0/topstories.json')).json()
+  // 3. Compare the two states and update the internal state
+  // await wmill.setState(newState)
+  // 4. Return the new rows
+  // return range from (state to newState)
 
-    return [1,2,3]
+  return [1,2,3]
 
-    // In subsequent scripts, you may refer to each row/value returned by the trigger script using
-    // 'flow_input._value'
+  // In subsequent scripts, you may refer to each row/value returned by the trigger script using
+  // 'flow_input.iter.value'
+}
+`;
+export const PYTHON_INIT_CODE_TRIGGER = `import wmill
+
+def main():
+    # A common trigger script would follow this pattern:
+    # 1. Get the last saved state
+    # const state = wnmill.get_state()
+    # 2. Get the actual state from the external service
+    # const newState = ...
+    # 3. Compare the two states and update the internal state
+    # wmill.setState(newState)
+    # 4. Return the new rows
+    # return range from (state to newState)
+    return [1, 2, 3]
+`;
+export const GO_INIT_CODE_TRIGGER = `package inner
+
+import (
+	wmill "github.com/windmill-labs/windmill-go-client"
+)
+
+func main() (interface{}, error) {
+
+	// A common trigger script would follow this pattern:
+	// 1. Get the last saved state
+	state, _ := wmill.GetState()
+	// 2. Get the actual state from the external service
+	// newState := ...
+	// 3. Compare the two states and update the internal state
+	wmill.SetState(4)
+	// 4. Return the new rows
+
+	return state, nil
+
+	// In subsequent scripts, you may refer to each row/value returned by the trigger script using
+	// 'flow_input.iter.value'
 }
 `;
 export const DENO_INIT_CODE_APPROVAL = `import * as wmill from "https://deno.land/x/windmill@v1.41.0/mod.ts"
@@ -165,7 +207,7 @@ export const DENO_INIT_CODE_APPROVAL = `import * as wmill from "https://deno.lan
 export async function main(approver?: string) {
   return wmill.getResumeEndpoints(approver)
 }`;
-const ALL_INITIAL_CODE = [PYTHON_INIT_CODE, DENO_INIT_CODE, POSTGRES_INIT_CODE, DENO_INIT_CODE_TRIGGER, DENO_INIT_CODE_CLEAR, PYTHON_INIT_CODE_CLEAR, DENO_INIT_CODE_APPROVAL, DENO_FAILURE_MODULE_CODE];
+const ALL_INITIAL_CODE = [PYTHON_INIT_CODE, PYTHON_INIT_CODE_TRIGGER, DENO_INIT_CODE, POSTGRES_INIT_CODE, DENO_INIT_CODE_TRIGGER, DENO_INIT_CODE_CLEAR, PYTHON_INIT_CODE_CLEAR, DENO_INIT_CODE_APPROVAL, DENO_FAILURE_MODULE_CODE];
 export function isInitialCode(content) {
     for (const code of ALL_INITIAL_CODE) {
         if (content === code) {
@@ -207,6 +249,9 @@ export function initialCode(language, kind, subkind) {
         else if (kind === 'failure') {
             return PYTHON_FAILURE_MODULE_CODE;
         }
+        else if (kind === 'trigger') {
+            return PYTHON_INIT_CODE_TRIGGER;
+        }
         else {
             return PYTHON_INIT_CODE;
         }
@@ -218,6 +263,9 @@ export function initialCode(language, kind, subkind) {
         if (kind === 'failure') {
             return GO_FAILURE_MODULE_CODE;
         }
+        else if (kind === 'trigger') {
+            return GO_INIT_CODE_TRIGGER;
+        }
         else {
             return GO_INIT_CODE;
         }

package/stateMachine.d.ts

@@ -7,19 +7,19 @@ export interface StateMachineTransition<T extends readonly string[]> {
     from?: Partial<Record<T[number], TransitionFromFunction<T>>>;
     to?: Partial<Record<T[number], TransitionToFunction<T>>>;
 }
-declare type StateMachineInfo<T extends readonly string[]> = {
+type StateMachineInfo<T extends readonly string[]> = {
     states: StateMachine<T>['states'];
     currentState: StateMachine<T>['currentState'];
 };
 /** The return value should be a `state` that is available on the current machine. */
-export declare type TransitionFromFunction<T extends readonly string[]> = (info: StateMachineInfo<T> & {
+export type TransitionFromFunction<T extends readonly string[]> = (info: StateMachineInfo<T> & {
     desiredState: T[number];
 }) => T[number];
 /** Callback after the state has been changed. */
-export declare type TransitionToFunction<T extends readonly string[]> = (info: StateMachineInfo<T> & {
+export type TransitionToFunction<T extends readonly string[]> = (info: StateMachineInfo<T> & {
     previousState: T[number];
 }) => T[number];
-declare type StateStore<T extends readonly string[]> = Readable<StateMachine<T>> & {
+type StateStore<T extends readonly string[]> = Readable<StateMachine<T>> & {
     setState: (state: T[number]) => StateMachineInfo<T>;
 };
 /** **IMPORTANT:** use the `as const` syntax on the states array to get type safety.

package/stores.d.ts

@@ -11,6 +11,7 @@ export interface UserExt {
 export declare const oauthStore: import("svelte/store").Writable<TokenResponse | undefined>;
 export declare const userStore: import("svelte/store").Writable<UserExt | undefined>;
 export declare const workspaceStore: import("svelte/store").Writable<string | undefined>;
+export declare const starStore: import("svelte/store").Writable<number>;
 export declare const usersWorkspaceStore: import("svelte/store").Writable<UserWorkspaceList | undefined>;
 export declare const superadmin: import("svelte/store").Writable<false | String | undefined>;
 export declare const hubScripts: import("svelte/store").Writable<{
@@ -19,5 +20,6 @@ export declare const hubScripts: import("svelte/store").Writable<{
     approved: boolean;
     kind: string;
     app: string;
+    ask_id: number;
 }[] | undefined>;
 export declare function clearStores(): void;

package/stores.js

@@ -5,6 +5,7 @@ let persistedWorkspace = browser && localStorage.getItem('workspace');
 export const oauthStore = writable(undefined);
 export const userStore = writable(undefined);
 export const workspaceStore = writable(persistedWorkspace ? String(persistedWorkspace) : undefined);
+export const starStore = writable(1);
 export const usersWorkspaceStore = writable(undefined);
 export const superadmin = writable(undefined);
 export const hubScripts = writable(undefined);

package/utils.d.ts

@@ -16,7 +16,7 @@ export declare function validatePassword(password: string): boolean;
 export declare function clickOutside(node: Node): {
     destroy(): void;
 };
-export declare type DropdownType = 'action' | 'delete';
+export type DropdownType = 'action' | 'delete';
 export interface DropdownItem {
     displayName: string;
     eventName?: string;
@@ -68,7 +68,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 declare 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';
 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<{
@@ -91,3 +91,5 @@ export declare function scriptToHubUrl(content: string, summary: string, descrip
 export declare function classNames(...classes: Array<string | undefined>): string;
 export declare function scriptLangToEditorLang(lang: Script.language): 'typescript' | 'python' | 'go' | 'shell';
 export declare function copyToClipboard(value: string, sendToast?: boolean): Promise<boolean>;
+export declare function pluralize(quantity: number, word: string, customPlural?: string): string;
+export declare function capitalize(word: string): string;

package/utils.js

@@ -37,10 +37,13 @@ export function displayDaysAgo(dateString) {
     else {
         let dAgo = daysAgo(date);
         if (dAgo == 0) {
-            return `yday at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;
+            return `yesterday at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;
         }
         else if (dAgo > 7) {
-            return `${dAgo + 1} days ago at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;
+            return `${dAgo + 1} days ago at ${date.toLocaleTimeString([], {
+                hour: '2-digit',
+                minute: '2-digit'
+            })}`;
         }
         else {
             return displayDate(dateString);
@@ -362,7 +365,7 @@ export async function getScriptByPath(path) {
         const { content, language, schema } = await ScriptService.getHubScriptByPath({ path });
         return {
             content,
-            language,
+            language: language,
             schema
         };
     }
@@ -471,3 +474,17 @@ export async function copyToClipboard(value, sendToast = true) {
         sendUserToast(success ? 'Copied to clipboard!' : "Couldn't copy to clipboard", !success);
     return success;
 }
+export function pluralize(quantity, word, customPlural) {
+    if (quantity <= 1) {
+        return `${quantity} ${word}`;
+    }
+    else if (customPlural) {
+        return `${quantity} ${customPlural}}`;
+    }
+    else {
+        return `${quantity} ${word}s`;
+    }
+}
+export function capitalize(word) {
+    return word ? word.charAt(0).toUpperCase() + word.slice(1) : '';
+}

package/components/FlowModulesViewer.svelte

@@ -1,191 +0,0 @@
-<script>import { scriptPathToHref } from '../utils';
-import { slide } from 'svelte/transition';
-import InputTransformsViewer from './InputTransformsViewer.svelte';
-import IconedPath from './IconedPath.svelte';
-import HighlightCode from './HighlightCode.svelte';
-import { faBug } from '@fortawesome/free-solid-svg-icons';
-import Icon from 'svelte-awesome';
-export let modules;
-export let failureModule;
-let open = {};
-</script>
-
-<p class="font-black text-lg my-6 w-full">
-	<span>{modules?.length} Step{modules?.length > 1 ? 's' : ''} </span>
-	<span class="mt-4" />
-</p>
-<ul class="-mb-8 w-full">
-	{#each modules ?? [] as mod, i}
-		<li class="w-full">
-			<div class="relative pb-8 w-full">
-				{#if i < (modules ?? []).length - 1 || failureModule}
-					<span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true" />
-				{/if}
-				<div class="relative flex space-x-3">
-					<div>
-						<span
-							class="h-8 w-8 rounded-full bg-blue-600 flex items-center justify-center ring-8 ring-white text-white"
-						>
-							{i + 1}
-						</span>
-					</div>
-					<div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 w-full">
-						<div class="w-full">
-							<span class="text-black">{mod?.summary ?? ''}</span>
-							<p class="text-sm text-gray-500">
-								{#if mod?.value?.type == 'script'}
-									<a
-										target="_blank"
-										href={scriptPathToHref(mod?.value?.path ?? '')}
-										class="font-medium text-gray-900"
-									>
-										<IconedPath path={mod?.value?.path ?? ''} />
-									</a>
-									{#if mod?.value?.path?.startsWith('hub/')}
-										<div>
-											<button
-												on:click={async () => {
-													open[i] = !open[i]
-												}}
-												class="mb-2 underline text-black"
-											>
-												View code and inputs {open[i] ? '(-)' : '(+)'}</button
-											>
-											{#if open[i]}
-												<div class="border border-black p-2 bg-gray-50  divide-y">
-													<InputTransformsViewer
-														inputTransforms={mod?.value?.input_transforms ??
-															mod?.input_transforms ??
-															{}}
-													/>
-													<div class="w-full h-full mt-6">
-														<iframe
-															style="height: 400px;"
-															class="w-full h-full  text-sm"
-															title="embedded script from hub"
-															frameborder="0"
-															src="https://hub.windmill.dev/embed/script/{mod?.value?.path?.substring(
-																4
-															)}"
-														/>
-													</div>
-												</div>
-											{/if}
-										</div>
-									{/if}
-								{:else if mod?.value?.type == 'rawscript'}
-									<button on:click={() => (open[i] = !open[i])} class="mb-2 underline text-black">
-										Raw {mod?.value?.language} script {open[i] ? '(-)' : '(+)'}</button
-									>
-
-									{#if open[i]}
-										<div transition:slide class="border border-black p-2 bg-gray-50 w-full">
-											<InputTransformsViewer
-												inputTransforms={mod?.value?.input_transforms ??
-													mod?.input_transforms ??
-													{}}
-											/>
-											<HighlightCode
-												language={mod?.value?.language ?? 'deno'}
-												code={mod?.value?.content}
-											/>
-										</div>
-									{/if}
-								{:else if mod?.value?.type == 'forloopflow'}
-									For loop over all the elements of the list returned as a result of step {i}:
-									<svelte:self modules={mod.value.modules} />
-								{/if}
-							</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</li>
-	{/each}
-	{#if failureModule}
-		<li class="w-full">
-			<div class="relative pb-8 w-full">
-				<div class="relative flex space-x-3">
-					<div>
-						<span
-							class="h-8 w-8 rounded-full bg-red-600 flex items-center justify-center ring-8 ring-white text-white"
-						>
-							<Icon data={faBug} />
-						</span>
-					</div>
-					<div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 w-full">
-						<div class="w-full">
-							<span class="text-black">{failureModule?.summary ?? ''}</span>
-							<p class="text-sm text-gray-500">
-								{#if failureModule?.value?.type == 'script'}
-									<a
-										target="_blank"
-										href={scriptPathToHref(failureModule?.value?.path ?? '')}
-										class="font-medium text-gray-900"
-									>
-										<IconedPath path={failureModule?.value?.path ?? ''} />
-									</a>
-									{#if failureModule?.value?.path?.startsWith('hub/')}
-										<div>
-											<button
-												on:click={async () => {
-													open[modules.length] = !open[modules.length]
-												}}
-												class="mb-2 underline text-black"
-											>
-												View code and inputs {open[modules.length] ? '(-)' : '(+)'}</button
-											>
-											{#if open[modules.length]}
-												<div class="border border-black p-2 bg-gray-50  divide-y">
-													<InputTransformsViewer
-														inputTransforms={failureModule?.value?.input_transforms ??
-															failureModule?.input_transforms ??
-															{}}
-													/>
-													<div class="w-full h-full mt-6">
-														<iframe
-															style="height: 400px;"
-															class="w-full h-full  text-sm"
-															title="embedded script from hub"
-															frameborder="0"
-															src="https://hub.windmill.dev/embed/script/{failureModule?.value?.path?.substring(
-																4
-															)}"
-														/>
-													</div>
-												</div>
-											{/if}
-										</div>
-									{/if}
-								{:else if failureModule?.value?.type == 'rawscript'}
-									<button
-										on:click={() => (open[modules.length] = !open[modules.length])}
-										class="mb-2 underline text-black"
-									>
-										Error handler: Raw {failureModule?.value?.language} script {open[modules.length]
-											? '(-)'
-											: '(+)'}</button
-									>
-
-									{#if open[modules.length]}
-										<div transition:slide class="border border-black p-2 bg-gray-50 w-full">
-											<InputTransformsViewer
-												inputTransforms={failureModule?.value?.input_transforms ??
-													failureModule?.input_transforms ??
-													{}}
-											/>
-											<HighlightCode
-												language={failureModule?.value?.language ?? 'deno'}
-												code={failureModule?.value?.content}
-											/>
-										</div>
-									{/if}
-								{/if}
-							</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</li>
-	{/if}
-</ul>

package/components/FlowModulesViewer.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FlowModule } from '../gen';
-declare const __propDef: {
-    props: {
-        modules: FlowModule[];
-        failureModule: FlowModule | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type FlowModulesViewerProps = typeof __propDef.props;
-export declare type FlowModulesViewerEvents = typeof __propDef.events;
-export declare type FlowModulesViewerSlots = typeof __propDef.slots;
-export default class FlowModulesViewer extends SvelteComponentTyped<FlowModulesViewerProps, FlowModulesViewerEvents, FlowModulesViewerSlots> {
-}
-export {};

package/components/landing/FlowGettingStarted.svelte

@@ -1,50 +0,0 @@
-<script>
-	import { goto } from '$app/navigation'
-	import { faExternalLink, faFile, faPlus } from '@fortawesome/free-solid-svg-icons'
-	import Button from '../common/button/Button.svelte'
-	import HatIcon from '../icons/HatIcon.svelte'
-</script>
-
-<div class="p-4 border border-gray-300 rounded-md bg-gray-50 overflow-auto">
-	<div class="flex items-center">
-		<h3 class="inline-flex items-center font-semibold">
-			<HatIcon class="w-6 h-6 mr-2" />
-			Getting started
-		</h3>
-	</div>
-	<div class="mt-2 mb-4 text-sm text-gray-700 ">
-		Flows allow you to streamline complex processes and operations by chaining simple steps
-		together. Each Flow is composed of one or more steps. Create a new flow or find inspiration on
-		the Hub!
-	</div>
-	<div class="flex flex-row flex-wrap gap-y-2">
-		<Button
-			on:click={() => goto('flows/add')}
-			color="dark"
-			size="xs"
-			btnClasses="mr-2"
-			startIcon={{ icon: faPlus }}
-		>
-			Create flow
-		</Button>
-		<Button
-			on:click={() => goto('https://docs.windmill.dev/docs/getting_started/flows')}
-			color="blue"
-			size="xs"
-			btnClasses="mr-2"
-			startIcon={{ icon: faFile }}
-		>
-			Flow documentation
-		</Button>
-		<Button
-			on:click={() => goto('https://hub.windmill.dev/')}
-			color="light"
-			variant="border"
-			size="xs"
-			startIcon={{ icon: faExternalLink }}
-			target="_blank"
-		>
-			Explore community flows on WindmillHub
-		</Button>
-	</div>
-</div>

package/components/landing/FlowGettingStarted.svelte.d.ts

@@ -1,19 +0,0 @@
-/** @typedef {typeof __propDef.props}  FlowGettingStartedProps */
-/** @typedef {typeof __propDef.events}  FlowGettingStartedEvents */
-/** @typedef {typeof __propDef.slots}  FlowGettingStartedSlots */
-export default class FlowGettingStarted extends SvelteComponentTyped<{}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type FlowGettingStartedProps = typeof __propDef.props;
-export type FlowGettingStartedEvents = typeof __propDef.events;
-export type FlowGettingStartedSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/components/landing/FlowLandingBox.svelte

@@ -1,39 +0,0 @@
-<script>import { goto } from '$app/navigation';
-import { faPencil, faPlay } from '@fortawesome/free-solid-svg-icons';
-import { Button } from '../common';
-export let flow;
-</script>
-
-<a
-	href="#{flow.path}"
-	class="border p-4 rounded-sm shadow-sm space-y-2 hover:border-blue-600 text-gray-800 flex flex-col justify-between cursor-pointer"
-	on:click={() => goto(`/flows/get/${flow.path}`)}
->
-	<div class="font-bold">{flow.summary || flow.path}</div>
-
-	<div class="inline-flex justify-between w-full break-words">
-		<div class="text-xs">{flow.path}</div>
-	</div>
-
-	<div class="flex flex-row-reverse gap-x-2">
-		<Button
-			on:click={() => goto(`/flows/edit/${flow.path}`)}
-			color="dark"
-			size="xs"
-			variant="border"
-			startIcon={{ icon: faPencil }}
-		>
-			Edit
-		</Button>
-
-		<Button
-			on:click={() => goto(`/flows/run/${flow.path}`)}
-			color="dark"
-			size="xs"
-			variant="border"
-			startIcon={{ icon: faPlay }}
-		>
-			Run
-		</Button>
-	</div>
-</a>

package/components/landing/FlowLandingBox.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Flow } from '../../gen';
-declare const __propDef: {
-    props: {
-        flow: Flow;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type FlowLandingBoxProps = typeof __propDef.props;
-export declare type FlowLandingBoxEvents = typeof __propDef.events;
-export declare type FlowLandingBoxSlots = typeof __propDef.slots;
-export default class FlowLandingBox extends SvelteComponentTyped<FlowLandingBoxProps, FlowLandingBoxEvents, FlowLandingBoxSlots> {
-}
-export {};