windmill-components 1.60.4 → 1.83.1

package/components/apps/editorUtils.js

@@ -1,292 +0,0 @@
-export function defaultCode(component, language) {
-    return DEFAULT_CODES[component]?.[language];
-}
-const DEFAULT_CODES = {
-    tablecomponent: {
-        deno: `export async function main() {
-	return [
-		{
-			"id": 1,
-			"name": "A cell with a long name",
-			"age": 42
-		},
-		{
-			"id": 2,
-			"name": "A briefer cell",
-			"age": 84
-		}
-	]
-}`,
-        python3: `def main():
-	return [
-		{
-			"id": 1,
-			"name": "A cell with a long name",
-			"age": 42
-		},
-		{
-			"id": 2,
-			"name": "A briefer cell",
-			"age": 84
-		}
-	]`,
-    },
-    textcomponent: {
-        deno: `export async function main() {
-	return "foo"
-}`,
-        python3: `def main():
-	return "foo"`,
-    },
-    barchartcomponent: {
-        deno: `export async function main() {
-	return {
-		"data": [
-			25,
-			50,
-			25
-		],
-		"labels": [
-			"Bar",
-			"Charts",
-			"<3"
-		]
-	}
-}`,
-        python3: `def main():
-	return {
-		"data": [
-			25,
-			50,
-			25
-		],
-		"labels": [
-			"Bar",
-			"Charts",
-			"<3"
-		]
-	}`,
-    },
-    displaycomponent: {
-        deno: `export async function main() {
-	return {
-		"foo": 42
-	}
-}`,
-        python3: `def main():
-	return {
-		"foo": 42
-	}`,
-    },
-    htmlcomponent: {
-        deno: `export async function main() {
-	return \`<img
-	src="https://images.unsplash.com/photo-1554629947-334ff61d85dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1024&amp;h=1280&amp;q=80"
->
-<h1 class="absolute top-4 left-2 text-white">
-	Hello world
-</h1>\`
-}`,
-        python3: `def main():
-	return '''<img
-	src="https://images.unsplash.com/photo-1554629947-334ff61d85dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1024&amp;h=1280&amp;q=80"
->
-<h1 class="absolute top-4 left-2 text-white">
-	Hello world
-</h1>'''`,
-    },
-    vegalitecomponent: {
-        deno: `
-			export async function main() {
-				return {
-					data: {
-					values: [
-						{ a: "A", b: 28 },
-						{ a: "B", b: 55 },
-						{ a: "C", b: 43 },
-						{ a: "D", b: 91 },
-					],
-					},
-					mark: "bar",
-					encoding: {
-						x: { field: "a", type: "ordinal" },
-						y: { field: "b", type: "quantitative" },
-					},
-				};
-			}			  
-`,
-        python3: `
-def main():
-	return {
-		"data": {
-		"values": [
-			{ "a": "A", "b": 28 },
-			{ "a": "B", "b": 55 },
-			{ "a": "C", "b": 43 },
-			{ "a": "D", "b": 91 },
-		],
-		},
-			"mark": "bar",
-		"encoding": {
-			"x": { "field": "a", "type": "ordinal" },
-			"y": { "field": "b", "type": "quantitative" },
-		},
-	}	
-`
-    },
-    piechartcomponent: {
-        deno: `export async function main() {
-	return {
-		"data": [
-			25,
-			50,
-			25
-		],
-		"labels": [
-			"Pie",
-			"Charts",
-			"<3"
-		]
-	}
-}`,
-        python3: `def main():
-	return {
-		"data": [
-			25,
-			50,
-			25
-		],
-		"labels": [
-			"Pie",
-			"Charts",
-			"<3"
-		]
-	}`,
-    },
-    scatterchartcomponent: {
-        deno: `export async function main() {
-	return [
-		{
-			"label": "foo",
-			"data": [
-				{ "x": 25, "y": 50 },
-				{ "x": 23, "y": 23 },
-				{ "x": 12, "y": 37 }
-			],
-			"backgroundColor": "rgb(255, 12, 137)"
-		},
-		{
-			"label": "bar",
-			"data": [
-				{ "x": 32, "y": 32 },
-				{ "x": 25, "y": 42 },
-				{ "x": 3, "y": 27 }
-			],
-			"backgroundColor": "orange"
-		}
-	]
-}`,
-        python3: `def main():
-	return [
-		{
-			"label": "foo",
-			"data": [
-				{ "x": 25, "y": 50 },
-				{ "x": 23, "y": 23 },
-				{ "x": 12, "y": 37 }
-			],
-			"backgroundColor": "rgb(255, 12, 137)"
-		},
-		{
-			"label": "bar",
-			"data": [
-				{ "x": 32, "y": 32 },
-				{ "x": 25, "y": 42 },
-				{ "x": 3, "y": 27 }
-			],
-			"backgroundColor": "orange"
-		}
-	]`,
-    },
-    timeseriescomponent: {
-        deno: `export async function main() {
-	return [
-		{
-			"label": "foo",
-			"data": [
-				{
-					"x": "2021-11-06 23:39:30",
-					"y": 50
-				},
-				{
-					"x": "2021-11-07 01:00:28",
-					"y": 60
-				},
-				{
-					"x": "2021-11-07 09:00:28",
-					"y": 20
-				}
-			],
-			"backgroundColor": "rgb(255, 12, 137)"
-		},
-		{
-			"label": "bar",
-			"data": [
-				{
-					"x": "2021-11-06 23:39:30",
-					"y": 20
-				},
-				{
-					"x": "2021-11-07 01:00:28",
-					"y": 13
-				},
-				{
-					"x": "2021-11-07 09:00:28",
-					"y": 45
-				}
-			],
-			"backgroundColor": "orange"
-		}
-	]
-}`,
-        python3: `def main():
-	return [
-		{
-			"label": "foo",
-			"data": [
-				{
-					"x": "2021-11-06 23:39:30",
-					"y": 50
-				},
-				{
-					"x": "2021-11-07 01:00:28",
-					"y": 60
-				},
-				{
-					"x": "2021-11-07 09:00:28",
-					"y": 20
-				}
-			],
-			"backgroundColor": "rgb(255, 12, 137)"
-		},
-		{
-			"label": "bar",
-			"data": [
-				{
-					"x": "2021-11-06 23:39:30",
-					"y": 20
-				},
-				{
-					"x": "2021-11-07 01:00:28",
-					"y": 13
-				},
-				{
-					"x": "2021-11-07 09:00:28",
-					"y": 45
-				}
-			],
-			"backgroundColor": "orange"
-		}
-	]`,
-    },
-};

package/components/flows/map/FlowBranchAllMap.svelte

@@ -1,100 +0,0 @@
-<script>import { getContext } from 'svelte';
-import FlowModuleSchemaMap from './FlowModuleSchemaMap.svelte';
-import { slide } from 'svelte/transition';
-import { faCodeBranch, faTimesCircle, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
-import { Button } from '../../common';
-import { classNames } from '../../../utils';
-import Icon from 'svelte-awesome';
-import { deleteFlowStateById, emptyModule, idMutex } from '../flowStateUtils';
-let selectedBranch = 0;
-export let module;
-const { select, selectedId } = getContext('FlowEditorContext');
-async function addBranch() {
-    await idMutex.runExclusive(async () => {
-        if (module.value.type === 'branchall') {
-            const newModule = emptyModule();
-            module.value.branches.splice(module.value.branches.length, 0, {
-                summary: '',
-                skip_failure: false,
-                modules: []
-            });
-            module = module;
-        }
-    });
-}
-function removeBranch(index) {
-    if (module.value.type === 'branchall') {
-        module.value.branches[index].modules.forEach((mod) => {
-            deleteFlowStateById(mod.id);
-        });
-        module.value.branches.splice(index, 1);
-        module = module;
-    }
-}
-</script>
-
-{#if module.value.type === 'branchall'}
-	<div class="flex text-xs px-2">
-		<div
-			class="w-full space-y-2 pb-2 flex flex-col border bg-gray-500 border-gray-600 bg-opacity-10 rounded-sm my-2 relative"
-		>
-			{#each module.value.branches ?? [] as branch, branchIndex (branchIndex)}
-				<!-- svelte-ignore a11y-click-events-have-key-events -->
-				<div transition:slide|local>
-					<div
-						on:click={() => {
-							selectedBranch = branchIndex
-							select(`${module.id}-branch-${branchIndex}`)
-						}}
-						class={classNames(
-							`border-b ${
-								branchIndex > 0 ? 'border-t' : ''
-							} w-full p-2 bg-white border-gray-500 text-sm cursor-pointer flex items-center relative module`,
-							$selectedId === `${module.id}-branch-${branchIndex}`
-								? 'outline outline-2  outline-slate-900'
-								: ''
-						)}
-					>
-						<Icon data={faCodeBranch} scale={1.1} class="mr-2" />
-						<span
-							class="text-xs flex flex-row justify-between w-full flex-wrap gap-2 items-center truncate"
-						>
-							{branch.summary || `Branch ${branchIndex}`}
-							<button
-								class="absolute -top-2 -right-1 rounded-full h-4 w-4 bg-white center-center {$selectedId ===
-								`${module.id}-branch-${branchIndex}`
-									? ''
-									: '!hidden'} trash"
-								on:click={() => removeBranch(branchIndex)}
-								><Icon
-									data={faTimesCircle}
-									class="text-gray-600 hover:text-red-600"
-									scale={0.9}
-								/></button
-							>
-						</span>
-					</div>
-
-					<div>
-						<FlowModuleSchemaMap bind:modules={branch.modules} />
-					</div>
-				</div>
-			{/each}
-			<div class="overflow-clip ml-2 mt-2">
-				<Button
-					size="xs"
-					color="dark"
-					startIcon={{ icon: faCodeBranch }}
-					on:click={() => addBranch()}
-				>
-					Add branch
-				</Button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.module:hover .trash {
-		display: flex !important;
-	}</style>

package/components/flows/map/FlowBranchAllMap.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FlowModule } from '../../../gen';
-declare const __propDef: {
-    props: {
-        module: FlowModule;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FlowBranchAllMapProps = typeof __propDef.props;
-export type FlowBranchAllMapEvents = typeof __propDef.events;
-export type FlowBranchAllMapSlots = typeof __propDef.slots;
-export default class FlowBranchAllMap extends SvelteComponentTyped<FlowBranchAllMapProps, FlowBranchAllMapEvents, FlowBranchAllMapSlots> {
-}
-export {};

package/components/flows/map/FlowBranchOneMap.svelte

@@ -1,124 +0,0 @@
-<script>import { getContext } from 'svelte';
-import FlowModuleSchemaMap from './FlowModuleSchemaMap.svelte';
-import { faCodeBranch, faTimesCircle, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
-import { Button } from '../../common';
-import { classNames } from '../../../utils';
-import Icon from 'svelte-awesome';
-import { deleteFlowStateById, emptyModule, idMutex } from '../flowStateUtils';
-import { emptyFlowModuleState } from '../utils';
-import { flowStateStore } from '../flowState';
-import { slide } from 'svelte/transition';
-export let module;
-let selectedBranch = 0;
-const { select, selectedId } = getContext('FlowEditorContext');
-async function addBranch() {
-    await idMutex.runExclusive(async () => {
-        if (module.value.type === 'branchone') {
-            module.value.branches.splice(module.value.branches.length, 0, {
-                summary: '',
-                expr: 'false',
-                modules: []
-            });
-            module = module;
-        }
-    });
-}
-function removeBranch(index) {
-    if (module.value.type === 'branchone') {
-        module.value.branches[index].modules.forEach((mod) => {
-            deleteFlowStateById(mod.id);
-        });
-        module.value.branches.splice(index, 1);
-        module = module;
-    }
-}
-</script>
-
-{#if module.value.type === 'branchone'}
-	<div class="flex text-xs px-2">
-		<div
-			class="w-full space-y-2 pb-2 flex flex-col border bg-gray-500 border-gray-600 bg-opacity-10 rounded-sm my-2 relative"
-		>
-			<!-- svelte-ignore a11y-click-events-have-key-events -->
-			<div
-				on:click={() => {
-					selectedBranch = 0
-					select(`${module.id}-branch-default`)
-				}}
-				class={classNames(
-					`border-b w-full p-2 bg-white border-gray-500 text-sm cursor-pointer flex items-center relative module`,
-					$selectedId === `${module.id}-branch-default`
-						? 'outline outline-2  outline-slate-900'
-						: ''
-				)}
-			>
-				<Icon data={faCodeBranch} scale={1.1} class="mr-2" />
-				<span
-					class="truncate text-xs flex flex-row justify-between w-full flex-wrap gap-2 items-center"
-				>
-					Default branch
-				</span>
-			</div>
-			<div>
-				<FlowModuleSchemaMap bind:modules={module.value.default} />
-			</div>
-
-			{#each module.value.branches ?? [] as branch, branchIndex (branchIndex)}
-				<!-- svelte-ignore a11y-click-events-have-key-events -->
-				<div transition:slide|local>
-					<div
-						on:click={() => {
-							selectedBranch = branchIndex + 1
-							select(`${module.id}-branch-${branchIndex}`)
-						}}
-						class={classNames(
-							`border-b border-t w-full p-2 bg-white border-gray-500 text-sm cursor-pointer flex items-center relative module`,
-							$selectedId === `${module.id}-branch-${branchIndex}`
-								? 'outline outline-2  outline-slate-900'
-								: ''
-						)}
-					>
-						<Icon data={faCodeBranch} scale={1.1} class="mr-2" />
-						<span
-							class="text-xs flex flex-row justify-between w-full flex-wrap gap-2 items-center truncate"
-						>
-							{branch.summary || `Branch ${branchIndex}`}
-							<button
-								class="absolute -top-2 -right-2 rounded-full bg-white h-4 w-4 center-center trash {$selectedId ===
-								`${module.id}-branch-${branchIndex}`
-									? ''
-									: '!hidden'}"
-								on:click={() => removeBranch(branchIndex)}
-								><Icon
-									data={faTimesCircle}
-									class="text-gray-600 hover:text-red-600"
-									scale={0.9}
-								/></button
-							>
-						</span>
-					</div>
-
-					<div>
-						<FlowModuleSchemaMap bind:modules={branch.modules} />
-					</div>
-				</div>
-			{/each}
-			<div class="overflow-clip ml-2">
-				<Button
-					btnClasses=""
-					size="xs"
-					color="dark"
-					startIcon={{ icon: faCodeBranch }}
-					on:click={() => addBranch()}
-				>
-					Add branch
-				</Button>
-			</div>
-		</div>
-	</div>
-{/if}
-
-<style>
-	.module:hover .trash {
-		display: flex !important;
-	}</style>

package/components/flows/map/FlowBranchOneMap.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FlowModule } from '../../../gen';
-declare const __propDef: {
-    props: {
-        module: FlowModule;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FlowBranchOneMapProps = typeof __propDef.props;
-export type FlowBranchOneMapEvents = typeof __propDef.events;
-export type FlowBranchOneMapSlots = typeof __propDef.slots;
-export default class FlowBranchOneMap extends SvelteComponentTyped<FlowBranchOneMapProps, FlowBranchOneMapEvents, FlowBranchOneMapSlots> {
-}
-export {};