windmill-components 1.46.2 → 1.52.0

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 {};

package/components/landing/RessourceGettingStarted.svelte

@@ -1,21 +0,0 @@
-<script>
-	import { goto } from '$app/navigation'
-	import { faLink } 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 dark:border-gray-600 dark:bg-gray-700">
-	<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 dark:text-gray-300">
-		Connect to apps like Slack, Google Drive or Airtable using OAuth.
-	</div>
-	<Button on:click={() => goto('resources')} color="dark" startIcon={{ icon: faLink }} size="xs">
-		Connect an API
-	</Button>
-</div>

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

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

package/components/landing/ScriptBox.svelte

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

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

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

package/components/landing/ScriptGettingStarted.svelte

@@ -1,48 +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 ">
-		Create a new script or find inspiration on the Hub!
-	</div>
-	<div class="inline-flex flex-wrap gap-y-2">
-		<Button
-			on:click={() => goto('scripts/add')}
-			color="dark"
-			size="xs"
-			btnClasses="mr-2"
-			startIcon={{ icon: faPlus }}
-		>
-			Create script
-		</Button>
-		<Button
-			on:click={() => goto('https://docs.windmill.dev/docs/getting_started/scripts')}
-			color="blue"
-			size="xs"
-			btnClasses="mr-2"
-			startIcon={{ icon: faFile }}
-		>
-			Script documentation
-		</Button>
-		<Button
-			on:click={() => goto('https://hub.windmill.dev/')}
-			color="light"
-			variant="border"
-			size="xs"
-			startIcon={{ icon: faExternalLink }}
-			target="_blank"
-		>
-			Explore community scripts on WindmillHub
-		</Button>
-	</div>
-</div>

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

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

package/components/scripts/CreateActions.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type CreateActionsProps = typeof __propDef.props;
-export declare type CreateActionsEvents = typeof __propDef.events;
-export declare type CreateActionsSlots = typeof __propDef.slots;
-export default class CreateActions extends SvelteComponentTyped<CreateActionsProps, CreateActionsEvents, CreateActionsSlots> {
-}
-export {};