windmill-components 1.56.2 → 1.57.1

package/components/apps/editor/settingsPanel/common/PanelSection.svelte

@@ -1,11 +1,19 @@
 <script>import { classNames } from '../../../../../utils';
 export let title;
 export let smallPadding = false;
+export let noPadding = false;
+export let titlePadding = '';
 </script>
 
-<div class={classNames('flex flex-col gap-2 items-start', smallPadding ? 'p-2' : 'p-4')}>
+<div
+	class={classNames(
+		$$props.class,
+		'flex flex-col h-full gap-2 items-start',
+		noPadding ? '' : smallPadding ? 'p-2' : 'p-4'
+	)}
+>
 	<div class="flex justify-between items-center w-full gap-1">
-		<div class="text-sm font-extrabold">{title}</div>
+		<div class="text-sm font-extrabold {titlePadding}">{title}</div>
 		<slot name="action" />
 	</div>
 	<slot />

package/components/apps/editor/settingsPanel/common/PanelSection.svelte.d.ts

@@ -1,8 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
         title: string;
         smallPadding?: boolean | undefined;
+        noPadding?: boolean | undefined;
+        titlePadding?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/apps/editor/settingsPanel/inputEditor/ConnectedInputEditor.svelte

@@ -11,7 +11,8 @@ function applyConnection() {
         componentInput.connection = $connectingInput.input.connection;
         $connectingInput = {
             opened: false,
-            input: undefined
+            input: undefined,
+            hoveredComponent: undefined
         };
     }
 }
@@ -20,7 +21,7 @@ $: $connectingInput && applyConnection();
 
 {#if componentInput.type === 'connected'}
 	{#if componentInput.connection}
-		<div class="flex justify-between w-full">
+		<div class="flex justify-between w-full gap-1">
 			<span class="text-xs">Status</span>
 			<Badge color="green">Connected</Badge>
 		</div>
@@ -46,7 +47,7 @@ $: $connectingInput && applyConnection();
 			Disconnect
 		</Button>
 	{:else}
-		<div class="flex justify-between w-full">
+		<div class="flex justify-between w-full gap-1">
 			<span class="text-xs">Status</span>
 			<Badge color="yellow">Not connected</Badge>
 		</div>
@@ -58,7 +59,8 @@ $: $connectingInput && applyConnection();
 				if (componentInput.type === 'connected') {
 					$connectingInput = {
 						opened: true,
-						input: undefined
+						input: undefined,
+						hoveredComponent: undefined
 					}
 				}
 			}}

package/components/apps/editor/settingsPanel/inputEditor/JsonEditor.svelte

@@ -0,0 +1,24 @@
+<script>import SimpleEditor from '../../../../SimpleEditor.svelte';
+export let code;
+export let value;
+function parseJson() {
+    try {
+        value = JSON.parse(code);
+        error = '';
+    }
+    catch (e) {
+        error = e.message;
+    }
+}
+let error = '';
+$: code && parseJson();
+</script>
+
+<div class="flex flex-col w-full">
+	<div class="border border-gray-300 w-full">
+		<SimpleEditor autoHeight lang="json" bind:code />
+	</div>
+	{#if error != ''}
+		<span class="text-red-600 text-xs">{error}</span>
+	{/if}
+</div>

package/components/apps/editor/settingsPanel/inputEditor/JsonEditor.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        code: string;
+        value: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type JsonEditorProps = typeof __propDef.props;
+export type JsonEditorEvents = typeof __propDef.events;
+export type JsonEditorSlots = typeof __propDef.slots;
+export default class JsonEditor extends SvelteComponentTyped<JsonEditorProps, JsonEditorEvents, JsonEditorSlots> {
+}
+export {};

package/components/apps/editor/settingsPanel/inputEditor/RowInputEditor.svelte

@@ -0,0 +1,6 @@
+<script>export let componentInput;
+</script>
+
+{#if componentInput}
+	<input type="text" placeholder="column" bind:value={componentInput.column} />
+{/if}

package/components/apps/editor/settingsPanel/inputEditor/RowInputEditor.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import type { RowAppInput } from '../../../inputType';
+declare const __propDef: {
+    props: {
+        componentInput: RowAppInput | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type RowInputEditorProps = typeof __propDef.props;
+export type RowInputEditorEvents = typeof __propDef.events;
+export type RowInputEditorSlots = typeof __propDef.slots;
+export default class RowInputEditor extends SvelteComponentTyped<RowInputEditorProps, RowInputEditorEvents, RowInputEditorSlots> {
+}
+export {};

package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte

@@ -1,17 +1,15 @@
 <script>import Toggle from '../../../../Toggle.svelte';
 import { staticValues } from '../../componentsPanel/componentStaticValues';
-import SimpleEditor from '../../../../SimpleEditor.svelte';
 import ArrayStaticInputEditor from '../ArrayStaticInputEditor.svelte';
 import ResourcePicker from '../../../../ResourcePicker.svelte';
+import JsonEditor from './JsonEditor.svelte';
+import { getContext } from 'svelte';
 export let componentInput;
-export let canHide = false;
+const { onchange } = getContext('AppEditorContext');
+$: componentInput && onchange?.();
 </script>
 
 {#if componentInput?.type === 'static'}
-	{#if canHide}
-		<Toggle bind:checked={componentInput.visible} options={{ right: 'Visible' }} />
-	{/if}
-
 	{#if componentInput.fieldType === 'number'}
 		<input type="number" bind:value={componentInput.value} />
 	{:else if componentInput.fieldType === 'textarea'}
@@ -27,7 +25,7 @@ export let canHide = false;
 			{/each}
 		</select>
 	{:else if componentInput.fieldType === 'object'}
-		{#if componentInput.format}
+		{#if componentInput?.format?.startsWith('resource-')}
 			<ResourcePicker
 				initialValue={componentInput.value?.split('$res:')[1] || ''}
 				on:change={(e) => {
@@ -42,22 +40,14 @@ export let canHide = false;
 					: undefined}
 			/>
 		{:else}
-			<div class="border rounded-sm w-full">
-				<SimpleEditor
-					lang="json"
-					code={JSON.stringify(componentInput.value, null, 2)}
-					class="few-lines-editor"
-					on:change={(e) => {
-						if (componentInput?.type === 'static' && componentInput.value) {
-							componentInput.value = JSON.parse(e.detail.code)
-						}
-					}}
-				/>
-			</div>
+			<JsonEditor
+				bind:value={componentInput.value}
+				code={JSON.stringify(componentInput.value, null, 2)}
+			/>
 		{/if}
 	{:else if componentInput.fieldType === 'array'}
-		<ArrayStaticInputEditor bind:componentInput {canHide} />
+		<ArrayStaticInputEditor bind:componentInput />
 	{:else}
-		<input bind:value={componentInput.value} />
+		<input type="text" placeholder="Static value" bind:value={componentInput.value} />
 	{/if}
 {/if}

package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte.d.ts

@@ -3,7 +3,6 @@ import type { StaticAppInput } from '../../../inputType';
 declare const __propDef: {
     props: {
         componentInput: StaticAppInput | undefined;
-        canHide?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/apps/editor/settingsPanel/mainInput/InlineScriptList.svelte

@@ -23,8 +23,7 @@ const dispatch = createEventDispatcher();
 
 {#if inlineScripts.length === 0}
 	<div class="flex flex-col  w-full h-full">
-		<div class="text-md ">No inline scripts</div>
-		<div class="text-sm">Add inline scripts to your app</div>
+		<div class="text-md">No detached inline scripts</div>
 	</div>
 {:else if filteredItems.length === 0}
 	<NoItemFound />

package/components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte

@@ -6,36 +6,53 @@ import InlineScriptList from './InlineScriptList.svelte';
 import WorkspaceScriptList from './WorkspaceScriptList.svelte';
 import WorkspaceFlowList from './WorkspaceFlowList.svelte';
 import { getContext } from 'svelte';
+import { loadSchema, schemaToInputsSpec } from '../../../utils';
+import { emptySchema } from '../../../../../utils';
 export let appInput;
 let tab = 'inlinescripts';
 let filter = '';
 let picker;
-const { app } = getContext('AppEditorContext');
-function pickScript(path) {
+const { app, workspace } = getContext('AppEditorContext');
+async function loadSchemaFromTriggerable(path, runType) {
+    return loadSchema(workspace, path, runType) ?? emptySchema();
+}
+async function pickScript(path) {
     if (appInput.type === 'runnable') {
+        const schema = await loadSchemaFromTriggerable(path, 'script');
+        const fields = schemaToInputsSpec(schema);
         appInput.runnable = {
             type: 'runnableByPath',
             path,
-            runType: 'script'
+            runType: 'script',
+            schema
         };
+        appInput.fields = fields;
     }
 }
-function pickFlow(path) {
+async function pickFlow(path) {
     if (appInput.type === 'runnable') {
+        const schema = await loadSchemaFromTriggerable(path, 'flow');
+        const fields = schemaToInputsSpec(schema);
         appInput.runnable = {
             type: 'runnableByPath',
             path,
-            runType: 'flow'
+            runType: 'flow',
+            schema
         };
+        appInput.fields = fields;
     }
 }
-function pickHubScript(path) {
+async function pickHubScript(path) {
     if (appInput.type === 'runnable') {
+        const schema = await loadSchemaFromTriggerable(path, 'hubscript');
+        const fields = schemaToInputsSpec(schema);
         appInput.runnable = {
             type: 'runnableByPath',
             path,
-            runType: 'hubscript'
+            runType: 'hubscript',
+            schema
         };
+        appInput.fields = fields;
     }
 }
 function pickInlineScript(name) {
@@ -49,22 +66,32 @@ function pickInlineScript(name) {
         };
         $app.unusedInlineScripts.splice(unusedInlineScriptIndex, 1);
     }
+    $app = $app;
 }
 function createScript() {
     let index = 0;
-    let newScriptPath = `inline_script_${index}`;
+    let newScriptPath = `Inline Script ${index}`;
     const names = $app.grid.reduce((acc, gridItem) => {
         const { componentInput } = gridItem.data;
         if (componentInput?.type === 'runnable' &&
             componentInput?.runnable?.type === 'runnableByName') {
             acc.push(componentInput.runnable.name);
         }
+        if (componentInput?.type === 'tablecomponent') {
+            componentInput.actionButtons.forEach((actionButton) => {
+                if (actionButton.componentInput?.type === 'runnable') {
+                    if (actionButton.componentInput.runnable?.type === 'runnableByName') {
+                        acc.push(actionButton.componentInput.runnable.name);
+                    }
+                }
+            });
+        }
         return acc;
     }, []);
-    const unusedNames = Object.keys($app.unusedInlineScripts ?? {});
+    const unusedNames = $app.unusedInlineScripts.map((x) => x.name);
     // Find a name that is not used by any other inline script
     while (names.includes(newScriptPath) || unusedNames.includes(newScriptPath)) {
-        newScriptPath = `inline_script_${++index}`;
+        newScriptPath = `Inline Script ${++index}`;
     }
     appInput.runnable = {
         type: 'runnableByName',
@@ -77,14 +104,14 @@ function createScript() {
 </script>
 
 <Drawer bind:this={picker} size="1000px">
-	<DrawerContent title="Picker" on:close={picker.closeDrawer}>
+	<DrawerContent title="Script/Flow Picker" on:close={picker.closeDrawer}>
 		<div>
 			<div class="max-w-6xl">
 				<Tabs bind:selected={tab}>
 					<Tab size="sm" value="inlinescripts">
 						<div class="flex gap-2 items-center my-1">
 							<Building size={18} />
-							Inline Scripts
+							Detached Inline Scripts
 						</div>
 					</Tab>
 					<Tab size="sm" value="workspacescripts">
@@ -137,6 +164,7 @@ function createScript() {
 		color="light"
 		variant="border"
 		startIcon={{ icon: faPlus }}
+		btnClasses="truncate"
 	>
 		Create an inline script
 	</Button>
@@ -145,7 +173,8 @@ function createScript() {
 		size="sm"
 		color="blue"
 		startIcon={{ icon: faMousePointer }}
+		btnClasses="truncate"
 	>
-		Select a script
+		Select a script or flow
 	</Button>
 </div>

package/components/apps/editorUtils.d.ts

@@ -0,0 +1 @@
+export declare function defaultCode(component: string, language: string): string | undefined;

package/components/apps/editorUtils.js

@@ -0,0 +1,11 @@
+export function defaultCode(component, language) {
+    if (component === 'tablecomponent' && language === 'deno') {
+        return `export async function main(x: string) {
+  return [
+    { foo: x, bar: 42 },
+    { foo: "static", bar: 84 }]
+}
+`;
+    }
+    return undefined;
+}

package/components/apps/gridUtils.js

@@ -15,8 +15,9 @@ function disableDrag(component) {
     return component;
 }
 function toggleFixed(component) {
+    const nValue = !component[gridColumns[0]].fixed;
     gridColumns.forEach((column) => {
-        component[column].fixed = !component[column].fixed;
+        component[column].fixed = nValue;
     });
     return component;
 }

package/components/apps/inputType.d.ts

@@ -1,6 +1,6 @@
 import type { staticValues } from './editor/componentsPanel/componentStaticValues';
 import type { InlineScript } from './types';
-export type InputType = 'text' | 'textarea' | 'number' | 'boolean' | 'select' | 'date' | 'time' | 'datetime' | 'object' | 'array' | 'any';
+export type InputType = 'text' | 'textarea' | 'template' | 'number' | 'boolean' | 'select' | 'date' | 'time' | 'datetime' | 'object' | 'array' | 'any';
 export type InputConnection = {
     componentId: string;
     path: string;
@@ -13,10 +13,13 @@ export type UserInput<U> = {
     type: 'user';
     value: U | undefined;
 };
+export type RowInput = {
+    type: 'row';
+    column: string;
+};
 export type StaticInput<U> = {
     value: U | undefined;
     type: 'static';
-    visible?: boolean | undefined;
 };
 export type TemplateInput = {
     eval: string;
@@ -24,6 +27,7 @@ export type TemplateInput = {
 };
 type RunnableByPath = {
     path: string;
+    schema: any;
     runType: 'script' | 'flow' | 'hubscript';
     type: 'runnableByPath';
 };
@@ -35,17 +39,16 @@ type RunnableByName = {
 export type Runnable = RunnableByPath | RunnableByName | undefined;
 export type ResultInput = {
     runnable: Runnable;
-    fields: Record<string, StaticAppInput | ConnectedAppInput>;
+    fields: Record<string, StaticAppInput | ConnectedAppInput | RowAppInput | UserAppInput>;
     type: 'runnable';
 };
-type AppInputSpec<T extends InputType, U, V extends InputType = never> = (StaticInput<U> | ConnectedInput | UserInput<U> | ResultInput | TemplateInput) & InputConfiguration<T, U, V>;
+type AppInputSpec<T extends InputType, U, V extends InputType = never> = (StaticInput<U> | ConnectedInput | UserInput<U> | RowInput | ResultInput | TemplateInput) & InputConfiguration<T, U, V>;
 type InputConfiguration<T extends InputType, U, V extends InputType> = {
     fieldType: T;
-    defaultValue: U;
     subFieldType?: V;
     format?: string | undefined;
 };
-export type AppInput = AppInputSpec<'text', string> | AppInputSpec<'textarea', string> | AppInputSpec<'number', number> | AppInputSpec<'boolean', boolean> | AppInputSpec<'date', string> | AppInputSpec<'time', string> | AppInputSpec<'datetime', string> | AppInputSpec<'any', any> | AppInputSpec<'object', Record<string | number, any>> | AppInputSpec<'object', string> | (AppInputSpec<'select', string> & {
+export type AppInput = AppInputSpec<'text', string> | AppInputSpec<'textarea', string> | AppInputSpec<'template', string> | AppInputSpec<'number', number> | AppInputSpec<'boolean', boolean> | AppInputSpec<'date', string> | AppInputSpec<'time', string> | AppInputSpec<'datetime', string> | AppInputSpec<'any', any> | AppInputSpec<'object', Record<string | number, any>> | AppInputSpec<'object', string> | (AppInputSpec<'select', string> & {
     /**
      * One of the keys of `staticValues` from `lib/components/apps/editor/componentsPanel/componentStaticValues`
      */
@@ -53,6 +56,9 @@ export type AppInput = AppInputSpec<'text', string> | AppInputSpec<'textarea', s
 }) | AppInputSpec<'array', string[], 'text'> | AppInputSpec<'array', string[], 'textarea'> | AppInputSpec<'array', number[], 'number'> | AppInputSpec<'array', boolean[], 'boolean'> | AppInputSpec<'array', string[], 'date'> | AppInputSpec<'array', string[], 'time'> | AppInputSpec<'array', string[], 'datetime'> | AppInputSpec<'array', object[], 'object'> | (AppInputSpec<'array', string[], 'select'> & {
     optionValuesKey: keyof typeof staticValues;
 });
+export type RowAppInput = Extract<AppInput, {
+    type: 'row';
+}>;
 export type StaticAppInput = Extract<AppInput, {
     type: 'static';
 }>;

package/components/apps/rx.d.ts

@@ -15,12 +15,12 @@ export interface Input<T> extends Subscriber<T> {
 }
 export type World = {
     outputsById: Record<string, Record<string, Output<any>>>;
-    connect: <T>(inputSpec: AppInput, next: (x: T) => void, previousValue: T) => Input<T>;
+    connect: <T>(inputSpec: AppInput, next: (x: T) => void) => Input<T>;
     state: Writable<number>;
 };
-export declare function buildWorld(components: Record<string, string[]>, previousWorld: World | undefined): World;
+export declare function buildWorld(components: Record<string, string[]>, previousWorld: World | undefined, context: Record<string, any>): World;
 export declare function buildObservableWorld(): {
-    connect: <T>(inputSpec: AppInput, next: (x: T) => void, previousValue: T) => Input<T>;
+    connect: <T>(inputSpec: AppInput, next: (x: T) => void) => Input<T>;
     newOutput: <T_1>(id: string, name: string, state: Writable<number>, previousValue: T_1) => Output<T_1>;
 };
 export declare function cachedInput<T>(nextParan: (x: T) => void): Input<T>;

package/components/apps/rx.js

@@ -1,8 +1,12 @@
 import { writable } from 'svelte/store';
-export function buildWorld(components, previousWorld) {
+export function buildWorld(components, previousWorld, context) {
     const newWorld = buildObservableWorld();
-    const outputsById = {};
     const state = writable(0);
+    const outputsById = {
+        ctx: Object.fromEntries(Object.entries(context).map(([k, v]) => {
+            return [k, newWorld.newOutput('ctx', k, state, v)];
+        }))
+    };
     for (const [k, outputs] of Object.entries(components)) {
         outputsById[k] = {};
         for (const o of outputs) {
@@ -14,7 +18,7 @@ export function buildWorld(components, previousWorld) {
 }
 export function buildObservableWorld() {
     const observables = {};
-    function connect(inputSpec, next, previousValue) {
+    function connect(inputSpec, next) {
         if (inputSpec.type === 'static') {
             return {
                 peak: () => inputSpec.value,
@@ -31,7 +35,7 @@ export function buildObservableWorld() {
                 };
             }
             const { componentId, path } = connection;
-            const [p] = path ? path.split('.') : [undefined];
+            const [p] = path ? path.split('.')[0].split('[') : [undefined];
             let obs = observables[`${componentId}.${p}`];
             if (!obs) {
                 console.warn('Observable at ' + componentId + '.' + p + ' not found');
@@ -41,6 +45,7 @@ export function buildObservableWorld() {
                 };
             }
             obs.subscribe(input);
+            input.next(obs.peak());
             return input;
         }
         else if (inputSpec.type === 'user') {

package/components/apps/store.d.ts

@@ -0,0 +1,2 @@
+import type { App } from './types';
+export declare const importStore: import("svelte/store").Writable<App | undefined>;

package/components/apps/store.js

@@ -0,0 +1,2 @@
+import { writable } from "svelte/store";
+export const importStore = writable(undefined);

package/components/apps/types.d.ts

@@ -12,6 +12,8 @@ export type TextInputComponent = BaseComponent<'textinputcomponent'>;
 export type PasswordInputComponent = BaseComponent<'passwordinputcomponent'>;
 export type DateInputComponent = BaseComponent<'dateinputcomponent'>;
 export type NumberInputComponent = BaseComponent<'numberinputcomponent'>;
+export type HtmlComponent = BaseComponent<'htmlcomponent'>;
+export type TimeseriesComponent = BaseComponent<'timeseriescomponent'>;
 export type ButtonComponent = BaseComponent<'buttoncomponent'> & {
     recomputeIds: string[] | undefined;
 };
@@ -21,6 +23,7 @@ export type FormComponent = BaseComponent<'formcomponent'> & {
 export type RunFormComponent = BaseComponent<'runformcomponent'>;
 export type BarChartComponent = BaseComponent<'barchartcomponent'>;
 export type PieChartComponent = BaseComponent<'piechartcomponent'>;
+export type ScatterChartComponent = BaseComponent<'scatterchartcomponent'>;
 export type TableComponent = BaseComponent<'tablecomponent'> & {
     actionButtons: (BaseAppComponent & ButtonComponent)[];
 };
@@ -39,7 +42,9 @@ export type Aligned = {
 export interface BaseAppComponent extends Partial<Aligned> {
     id: ComponentID;
     componentInput: AppInput | undefined;
-    configuration: Record<string, StaticAppInput | ConnectedAppInput | UserAppInput>;
+    configuration: Record<string, (StaticAppInput | ConnectedAppInput | UserAppInput) & {
+        onlyStatic?: boolean;
+    }>;
     card: boolean | undefined;
     /**
      * If `true` then the wrapper will allow items to flow outside of it's borders.
@@ -48,7 +53,7 @@ export interface BaseAppComponent extends Partial<Aligned> {
      */
     softWrap?: boolean;
 }
-export type AppComponent = BaseAppComponent & (RunFormComponent | DisplayComponent | TextInputComponent | PasswordInputComponent | DateInputComponent | NumberInputComponent | BarChartComponent | TableComponent | TextComponent | TableComponent | ButtonComponent | PieChartComponent | ImageComponent | InputComponent | SelectComponent | CheckboxComponent | RadioComponent | FormComponent);
+export type AppComponent = BaseAppComponent & (RunFormComponent | DisplayComponent | TextInputComponent | PasswordInputComponent | DateInputComponent | NumberInputComponent | BarChartComponent | TimeseriesComponent | HtmlComponent | TableComponent | TextComponent | TableComponent | ButtonComponent | PieChartComponent | ScatterChartComponent | ImageComponent | InputComponent | SelectComponent | CheckboxComponent | RadioComponent | FormComponent);
 export type ComponentSet = {
     title: string;
     components: AppComponent[];
@@ -70,7 +75,7 @@ export type InlineScript = {
 };
 export type App = {
     grid: GridItem[];
-    title: string;
+    fullscreen: boolean;
     unusedInlineScripts: Array<{
         name: string;
         inlineScript: InlineScript;
@@ -80,17 +85,28 @@ export type ConnectingInput = {
     opened: boolean;
     input?: ConnectedInput;
     sourceName?: string;
+    hoveredComponent: string | undefined;
 };
 export type AppEditorContext = {
     worldStore: Writable<World | undefined>;
     staticOutputs: Writable<Record<string, string[]>>;
+    lazyGrid: Writable<GridItem[]>;
     app: Writable<App>;
+    summary: Writable<string>;
     selectedComponent: Writable<string | undefined>;
     mode: Writable<EditorMode>;
     connectingInput: Writable<ConnectingInput>;
     breakpoint: Writable<EditorBreakpoint>;
-    runnableComponents: Writable<Record<string, () => void>>;
+    runnableComponents: Writable<Record<string, () => Promise<void>>>;
+    staticExporter: Writable<Record<string, () => any>>;
     appPath: string;
+    workspace: string;
+    onchange: (() => void) | undefined;
+    isEditor: boolean;
+    jobs: Writable<{
+        job: string;
+        component: string;
+    }[]>;
 };
 export type EditorMode = 'dnd' | 'preview';
 export type EditorBreakpoint = 'sm' | 'lg';

package/components/apps/utils.d.ts

@@ -1,8 +1,8 @@
 import type { Schema } from '../../common';
-import type { AppInput, AppInputs, InputType, ResultAppInput } from './inputType';
+import type { AppInput, InputType, ResultAppInput, StaticAppInput } from './inputType';
 import type { AppComponent } from './types';
 export declare function loadSchema(workspace: string, path: string, runType: 'script' | 'flow' | 'hubscript'): Promise<Schema>;
-export declare function schemaToInputsSpec(schema: Schema): AppInputs;
+export declare function schemaToInputsSpec(schema: Schema): Record<string, StaticAppInput>;
 export declare const displayData: Record<AppComponent['type'], {
     name: string;
     icon: any;