windmill-components 1.60.4 → 1.70.0

package/script_helpers.d.ts

@@ -1,17 +1,18 @@
 import type { Script } from "./gen";
-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(\"f/examples/secret\")\n    except:\n      secret = \"No secret yet at f/examples/secret !\"\n\n    print(f\"The variable at `f/examples/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";
+import PYTHON_INIT_CODE from './init_scripts/python_init_code.py?raw';
+import PYTHON_INIT_CODE_CLEAR from './init_scripts/python_init_code_clear.py?raw';
+import PYTHON_INIT_CODE_TRIGGER from './init_scripts/python_init_code_trigger.py?raw';
+import PYTHON_FAILURE_MODULE_CODE from './init_scripts/python_failure_module.py?raw';
+export { PYTHON_INIT_CODE, PYTHON_INIT_CODE_CLEAR, PYTHON_INIT_CODE_TRIGGER, PYTHON_FAILURE_MODULE_CODE };
 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(\"f/examples/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(message string, name string) (interface{}, error) {\n\tfmt.Println(message)\n\tfmt.Println(name)\n\tfmt.Println(\"flow id that failed\", os.Getenv(\"WM_FLOW_JOB_ID\"))\n  return message, nil\n}\n";
 export declare const DENO_INIT_CODE_CLEAR: string;
 export declare const DENO_FAILURE_MODULE_CODE = "// flow is considered recovered and a success unless an exception is thrown\n\nexport async function main(message: string, name: string) {\n  const flow_id = Deno.env.get(\"WM_FLOW_JOB_ID\")\n  console.log(\"message\", message)\n  console.log(\"name\",name)\n  return { message, flow_id }\n}\n";
-export declare const PYTHON_INIT_CODE_CLEAR = "#import wmill\n\ndef main(x: str):\n  return x\n";
-export declare const PYTHON_FAILURE_MODULE_CODE = "import os\n# flow is considered recovered and a success unless an exception is raised\n\ndef main(message: str, name: str):\n  flow_id = os.environ.get(\"WM_FLOW_JOB_ID\")\n  print(\"message\", message)\n  print(\"name\", name)\n  return message, flow_id\n";
 export declare const POSTGRES_INIT_CODE: string;
 export declare const MYSQL_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 BASH_INIT_CODE = "# 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;

package/script_helpers.js

@@ -1,45 +1,8 @@
-export const PYTHON_INIT_CODE = `import os
-import wmill
-
-# You can import any package from PyPI, even if the assistant complains
-
-"""
-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\`.
-"""
-
-def main(no_default: str,
-         name = "Nicolas Bourbaki",
-         age = 42,
-         obj: dict = {"even": "dicts"},
-         l: list = ["or", "lists!"],
-         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_))
-    # retrieve variables, including secrets by querying the windmill platform.
-    # secret fetching is audited by windmill.
-
-    try:
-      secret = wmill.get_variable("f/examples/secret")
-    except:
-      secret = "No secret yet at f/examples/secret !"
-
-    print(f"The variable at \`f/examples/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 {"splitted": name.split(), "user": user, "state": new_state}
-`;
+import PYTHON_INIT_CODE from './init_scripts/python_init_code.py?raw';
+import PYTHON_INIT_CODE_CLEAR from './init_scripts/python_init_code_clear.py?raw';
+import PYTHON_INIT_CODE_TRIGGER from './init_scripts/python_init_code_trigger.py?raw';
+import PYTHON_FAILURE_MODULE_CODE from './init_scripts/python_failure_module.py?raw';
+export { PYTHON_INIT_CODE, PYTHON_INIT_CODE_CLEAR, PYTHON_INIT_CODE_TRIGGER, PYTHON_FAILURE_MODULE_CODE };
 export const DENO_INIT_CODE = `// Ctrl+. to cache dependencies on imports hover, Ctrl+S to format.
 
 // import { toWords } from "npm:number-to-words@1"
@@ -105,20 +68,6 @@ export async function main(message: string, name: string) {
   return { message, flow_id }
 }
 `;
-export const PYTHON_INIT_CODE_CLEAR = `#import wmill
-
-def main(x: str):
-  return x
-`;
-export const PYTHON_FAILURE_MODULE_CODE = `import os
-# flow is considered recovered and a success unless an exception is raised
-
-def main(message: str, name: str):
-  flow_id = os.environ.get("WM_FLOW_JOB_ID")
-  print("message", message)
-  print("name", name)
-  return message, flow_id
-`;
 export const POSTGRES_INIT_CODE = `import {
   pgSql,
   type Resource,
@@ -138,7 +87,7 @@ export async function main(
 export const MYSQL_INIT_CODE = `import {
   mySql,
   type Resource
-} from "https://deno.land/x/windmill@v${__pkg__.version}/mod.ts";
+} from "https://deno.land/x/windmill@v${__pkg__.version}/mysql.ts";
 
 // MySQL parameterized statement. No SQL injection is possible.
 export async function main(
@@ -151,8 +100,7 @@ export async function main(
   )\`INSERT INTO demo VALUES (\${key}, \${value})\`;
   return query.rows;
 }`;
-export const BASH_INIT_CODE = `
-# arguments of the form X="$I" are parsed as parameters X of type string
+export const BASH_INIT_CODE = `# arguments of the form X="$I" are parsed as parameters X of type string
 msg="$1"
 
 # the last line of the stdout is the return value
@@ -178,20 +126,6 @@ export async function main() {
   // '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 (

package/stores.d.ts

@@ -1,6 +1,6 @@
 import { type Readable } from "svelte/store";
 import type { UserWorkspaceList } from "./gen/models/UserWorkspaceList.js";
-import type { TokenResponse } from "./gen";
+import { type TokenResponse } from "./gen";
 export interface UserExt {
     email: string;
     username: string;
@@ -16,6 +16,10 @@ export declare const usageStore: import("svelte/store").Writable<number>;
 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 premiumStore: import("svelte/store").Writable<{
+    premium: boolean;
+    usage?: number | 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>;

package/stores.js

@@ -1,11 +1,14 @@
 import { browser } from "$app/environment";
 import { derived, writable } from "svelte/store";
 import { getUserExt } from "./user";
+import { WorkspaceService } from "./gen";
+import { isCloudHosted } from "./utils";
 let persistedWorkspace = browser && localStorage.getItem("workspace");
 export const usageStore = writable(0);
 export const oauthStore = writable(undefined);
 export const userStore = writable(undefined);
 export const workspaceStore = writable(persistedWorkspace ? String(persistedWorkspace) : undefined);
+export const premiumStore = writable({ premium: false });
 export const starStore = writable(1);
 export const usersWorkspaceStore = writable(undefined);
 export const superadmin = writable(undefined);
@@ -32,7 +35,11 @@ if (browser) {
             catch (e) {
                 console.error('Could not persist workspace to local storage', e);
             }
-            userStore.set(await getUserExt(workspace));
+            const user = await getUserExt(workspace);
+            userStore.set(user);
+            if (isCloudHosted() && user?.is_admin) {
+                premiumStore.set((await WorkspaceService.getPremiumInfo({ workspace })));
+            }
         }
         else {
             userStore.set(undefined);

package/user.d.ts

@@ -1,3 +1,3 @@
-import { type UserExt } from './stores.js';
+import { type UserExt } from "./stores.js";
 export declare function refreshSuperadmin(): Promise<void>;
 export declare function getUserExt(workspace: string): Promise<UserExt | undefined>;

package/user.js

@@ -1,16 +1,22 @@
-import { get } from 'svelte/store';
-import { UserService } from './gen';
-import { superadmin } from './stores.js';
+import { get } from "svelte/store";
+import { UserService } from "./gen";
+import { superadmin } from "./stores.js";
+import { goto } from "$app/navigation";
 export async function refreshSuperadmin() {
     if (get(superadmin) == undefined) {
-        UserService.globalWhoami().then((x) => {
-            if (x.super_admin) {
-                superadmin.set(x.email);
+        try {
+            const me = await UserService.globalWhoami();
+            if (me.super_admin) {
+                superadmin.set(me.email);
             }
             else {
                 superadmin.set(false);
             }
-        });
+        }
+        catch {
+            superadmin.set(false);
+            goto("/user/logout");
+        }
     }
 }
 export async function getUserExt(workspace) {
@@ -26,6 +32,6 @@ function mapUserToUserExt(user) {
     return {
         ...user,
         groups: user.groups,
-        pgroups: user.groups.map((x) => `g/${x}`)
+        pgroups: user.groups.map((x) => `g/${x}`),
     };
 }

package/utils.d.ts

@@ -29,7 +29,7 @@ export interface DropdownItem {
     icon?: any | undefined;
 }
 export declare function emptySchema(): {
-    $schema: string;
+    $schema: string | undefined;
     properties: {};
     required: never[];
     type: string;

package/utils.js

@@ -24,7 +24,7 @@ export function daysAgo(someDate) {
     return Math.floor((today.getTime() - someDate.getTime()) / 86400000);
 }
 export function secondsAgo(date) {
-    return Math.floor((new Date().getTime() - date.getTime()) / 1000);
+    return Math.max(0, Math.floor((new Date().getTime() - date.getTime()) / 1000));
 }
 export function displayDaysAgo(dateString) {
     const date = new Date(dateString);
@@ -208,8 +208,12 @@ export function removeKeysWithEmptyValues(obj) {
 export function allTrue(dict) {
     return Object.values(dict).every(Boolean);
 }
+function subtractSeconds(date, seconds) {
+    date.setSeconds(date.getSeconds() - seconds);
+    return date;
+}
 export function forLater(scheduledString) {
-    return new Date() < new Date(scheduledString);
+    return new Date() < subtractSeconds(new Date(scheduledString), 5);
 }
 export function elapsedSinceSecs(date) {
     return Math.round((new Date().getTime() - new Date(date).getTime()) / 1000);
@@ -390,9 +394,6 @@ export function setInputCat(type, format, itemsType, enum_, contentEncoding) {
     else if (type == 'string' && contentEncoding == 'base64') {
         return 'base64';
     }
-    else if (type == 'string' && format?.startsWith('resource')) {
-        return 'resource-string';
-    }
     else {
         return 'string';
     }
@@ -402,7 +403,7 @@ export function scriptPathToHref(path) {
         return 'https://hub.windmill.dev/from_version/' + path.substring(4);
     }
     else {
-        return `/scripts/get/${path}`;
+        return `/scripts/get/${path}?workspace_id=${get(workspaceStore)}`;
     }
 }
 export async function getScriptByPath(path) {
@@ -560,7 +561,7 @@ export function addWhitespaceBeforeCapitals(word) {
     return word.replace(/([A-Z])/g, ' $1').trim();
 }
 export function isCloudHosted() {
-    return get(page).url.hostname == 'app.windmill.dev';
+    return (get(page)?.url?.hostname == 'app.windmill.dev');
 }
 export function isObject(obj) {
     return typeof obj === 'object';

package/components/apps/components/DisplayComponent.svelte

@@ -1,16 +0,0 @@
-<script>import DisplayResult from '../../DisplayResult.svelte';
-import RunnableWrapper from './helpers/RunnableWrapper.svelte';
-export let id;
-export let componentInput;
-let result = undefined;
-export const staticOutputs = ['result', 'loading'];
-</script>
-
-<RunnableWrapper flexWrap bind:result bind:componentInput {id}>
-	<div class="w-full border-b px-2 text-xs p-1 font-semibold bg-gray-500 text-white rounded-t-sm">
-		Results
-	</div>
-	<div class="p-2">
-		<DisplayResult {result} />
-	</div>
-</RunnableWrapper>

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

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { AppInput } from '../inputType';
-declare const __propDef: {
-    props: {
-        id: string;
-        componentInput: AppInput | undefined;
-        staticOutputs?: string[] | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DisplayComponentProps = typeof __propDef.props;
-export type DisplayComponentEvents = typeof __propDef.events;
-export type DisplayComponentSlots = typeof __propDef.slots;
-export default class DisplayComponent extends SvelteComponentTyped<DisplayComponentProps, DisplayComponentEvents, DisplayComponentSlots> {
-    get staticOutputs(): string[];
-}
-export {};

package/components/apps/components/numberInputs/AppNumberInput.svelte

@@ -1,33 +0,0 @@
-<script>import { getContext } from 'svelte';
-import AlignWrapper from '../helpers/AlignWrapper.svelte';
-import InputValue from '../helpers/InputValue.svelte';
-export let id;
-export let configuration;
-export let verticalAlignment = undefined;
-export const staticOutputs = ['result'];
-const { worldStore } = getContext('AppEditorContext');
-let value;
-let labelValue = 'Title';
-$: outputs = $worldStore?.outputsById[id];
-$: if (value || !value) {
-    // Disallow 'e' character in numbers
-    // if(value && value.toString().includes('e')) {
-    // 	value = +value.toString().replaceAll('e', '')
-    // }
-    const num = isNaN(+value) ? null : +value;
-    outputs?.result.set(num);
-}
-</script>
-
-<InputValue {id} input={configuration.label} bind:value={labelValue} />
-
-<AlignWrapper {verticalAlignment}>
-	<input
-		bind:value
-		type="number"
-		inputmode="numeric"
-		pattern="\d*"
-		placeholder="Type..."
-		class="h-full"
-	/>
-</AlignWrapper>

package/components/apps/components/selectInputs/AppSelect.svelte

@@ -1,47 +0,0 @@
-<script>import { createEventDispatcher, getContext } from 'svelte';
-import Select from 'svelte-select';
-import AlignWrapper from '../helpers/AlignWrapper.svelte';
-import InputValue from '../helpers/InputValue.svelte';
-export const staticOutputs = ['loading', 'result'];
-export let id;
-export let configuration;
-export let horizontalAlignment = undefined;
-export let verticalAlignment = undefined;
-const { worldStore, connectingInput, selectedComponent } = getContext('AppEditorContext');
-let label;
-let items;
-let itemKey;
-$: outputs = $worldStore?.outputsById[id];
-function onChange(e) {
-    e?.stopPropagation();
-    window.dispatchEvent(new Event('pointerup'));
-    outputs?.result.set(e.detail?.[itemKey] || undefined);
-}
-let value = undefined;
-$: items?.[0]?.['value'] != value && (value = items?.[0]?.['value']);
-</script>
-
-<InputValue {id} input={configuration.label} bind:value={label} />
-<InputValue {id} input={configuration.items} bind:value={items} />
-<InputValue {id} input={configuration.itemKey} bind:value={itemKey} />
-
-<AlignWrapper {horizontalAlignment} {verticalAlignment}>
-	<Select
-		--height="34px"
-		class="select"
-		on:clear={onChange}
-		on:change={onChange}
-		on:focus={(e) => {
-			e?.stopPropagation()
-			window.dispatchEvent(new Event('pointerup'))
-		}}
-		{items}
-		{value}
-		placeholder="Select an item"
-		on:click={() => {
-			if (!$connectingInput.opened) {
-				$selectedComponent = id
-			}
-		}}
-	/>
-</AlignWrapper>

package/components/apps/editor/ComponentEditor.svelte

@@ -1,145 +0,0 @@
-<script>import { classNames } from '../../../utils';
-import { getContext } from 'svelte';
-import BarChartComponent from '../components/dataDisplay/AppBarChart.svelte';
-import DisplayComponent from '../components/DisplayComponent.svelte';
-import TableComponent from '../components/table/AppTable.svelte';
-import TextComponent from '../components/dataDisplay/AppText.svelte';
-import ButtonComponent from '../components/buttons/AppButton.svelte';
-import PieChartComponent from '../components/dataDisplay/AppPieChart.svelte';
-import SelectComponent from '../components/selectInputs/AppSelect.svelte';
-import CheckboxComponent from '../components/selectInputs/AppCheckbox.svelte';
-import TextInputComponent from '../components/textInputs/AppTextInput.svelte';
-import NumberInputComponent from '../components/numberInputs/AppNumberInput.svelte';
-import DateInputComponent from '../components/dateInputs/AppDateInput.svelte';
-import ComponentHeader from './ComponentHeader.svelte';
-import AppForm from '../components/form/AppForm.svelte';
-import AppScatterChart from '../components/dataDisplay/AppScatterChart.svelte';
-import AppTimeseries from '../components/dataDisplay/AppTimeseries.svelte';
-import AppHtml from '../components/dataDisplay/AppHtml.svelte';
-import AppSliderInputs from '../components/numberInputs/AppSliderInputs.svelte';
-import VegaLiteHtml from '../components/dataDisplay/VegaLiteHtml.svelte';
-export let component;
-export let selected;
-export let locked = false;
-export let pointerdown = false;
-let hover = false;
-const { staticOutputs, mode, connectingInput } = getContext('AppEditorContext');
-</script>
-
-<div
-	on:pointerenter={() => (hover = true)}
-	on:pointerleave={() => (hover = false)}
-	class="h-full flex flex-col w-full component"
->
-	{#if $mode !== 'preview'}
-		<ComponentHeader {hover} {pointerdown} {component} {selected} on:delete on:lock {locked} />
-	{/if}
-
-	<div
-		on:pointerdown={(e) => {
-			if ($mode === 'preview') {
-				e?.stopPropagation()
-			}
-		}}
-		class={classNames(
-			'border h-full bg-white',
-			selected && $mode !== 'preview' ? 'border-blue-500' : 'border-white',
-			!selected && $mode !== 'preview' && !component.card ? 'border-gray-100' : '',
-			$mode !== 'preview' && !$connectingInput.opened ? 'hover:border-blue-500' : '',
-			component.softWrap ? '' : 'overflow-auto',
-			$mode != 'preview' ? 'cursor-pointer' : '',
-			'relative z-auto'
-		)}
-	>
-		{#if component.type === 'displaycomponent'}
-			<DisplayComponent
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'barchartcomponent'}
-			<BarChartComponent
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'timeseriescomponent'}
-			<AppTimeseries
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'htmlcomponent'}
-			<AppHtml
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'vegalitecomponent'}
-			<VegaLiteHtml
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'scatterchartcomponent'}
-			<AppScatterChart
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'piechartcomponent'}
-			<PieChartComponent
-				{...component}
-				bind:staticOutputs={$staticOutputs[component.id]}
-				bind:componentInput={component.componentInput}
-			/>
-		{:else if component.type === 'tablecomponent'}
-			<TableComponent
-				{...component}
-				bind:staticOutputs={$staticOutputs[component.id]}
-				bind:componentInput={component.componentInput}
-				bind:actionButtons={component.actionButtons}
-			/>
-		{:else if component.type === 'textcomponent'}
-			<TextComponent
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'buttoncomponent'}
-			<ButtonComponent
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'selectcomponent'}
-			<SelectComponent {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{:else if component.type === 'formcomponent'}
-			<AppForm
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'checkboxcomponent'}
-			<CheckboxComponent {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{:else if component.type === 'textinputcomponent'}
-			<TextInputComponent {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{:else if component.type === 'passwordinputcomponent'}
-			<TextInputComponent
-				inputType="password"
-				{...component}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'dateinputcomponent'}
-			<DateInputComponent
-				inputType="date"
-				{...component}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'numberinputcomponent'}
-			<NumberInputComponent {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{:else if component.type === 'slidercomponent'}
-			<AppSliderInputs {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{/if}
-	</div>
-</div>

package/components/apps/editor/ComponentEditor.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { AppComponent } from '../types';
-declare const __propDef: {
-    props: {
-        component: AppComponent;
-        selected: boolean;
-        locked?: boolean | undefined;
-        pointerdown?: boolean | undefined;
-    };
-    events: {
-        delete: CustomEvent<any>;
-        lock: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ComponentEditorProps = typeof __propDef.props;
-export type ComponentEditorEvents = typeof __propDef.events;
-export type ComponentEditorSlots = typeof __propDef.slots;
-export default class ComponentEditor extends SvelteComponentTyped<ComponentEditorProps, ComponentEditorEvents, ComponentEditorSlots> {
-}
-export {};

package/components/apps/editor/componentsPanel/data.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentSet } from '../../types';
-declare const componentSets: ComponentSet[];
-export { componentSets };