diff --git a/frontend/src/lib/components/DeployButton.svelte b/frontend/src/lib/components/DeployButton.svelte index 22d0ef473f..e7151c3990 100644 --- a/frontend/src/lib/components/DeployButton.svelte +++ b/frontend/src/lib/components/DeployButton.svelte @@ -8,7 +8,7 @@ loadingSave = false, newFlow = false, dropdownItems = [] - } = $props<{ + }: { loading?: boolean loadingSave?: boolean newFlow?: boolean @@ -16,7 +16,7 @@ label: string onClick: () => void }> - }>() + } = $props() const dispatch = createEventDispatcher() diff --git a/frontend/src/lib/components/SimpleEditor.svelte b/frontend/src/lib/components/SimpleEditor.svelte index 29089a36aa..7f2f79c98d 100644 --- a/frontend/src/lib/components/SimpleEditor.svelte +++ b/frontend/src/lib/components/SimpleEditor.svelte @@ -115,7 +115,7 @@ tailwindClasses = [], class: className = '', loadAsync = false - } = $props<{ + }: { lang: string code?: string hash?: string @@ -137,7 +137,7 @@ tailwindClasses?: string[] class?: string loadAsync?: boolean - }>() + } = $props() const dispatch = createEventDispatcher() @@ -343,7 +343,7 @@ // }) // } try { - model = meditor.createModel(code, lang, mUri.parse(uri)) + model = meditor.createModel(code ?? '', lang, mUri.parse(uri)) } catch (err) { console.log('model already existed', err) const nmodel = meditor.getModel(mUri.parse(uri)) @@ -361,7 +361,7 @@ } try { editor = meditor.create(divEl as HTMLDivElement, { - ...editorConfig(code, lang, automaticLayout, fixedOverflowWidgets), + ...editorConfig(code ?? '', lang, automaticLayout, fixedOverflowWidgets), model, lineDecorationsWidth: 6, lineNumbersMinChars: 2, @@ -546,7 +546,7 @@ }) } - let previousExtraLib = undefined + let previousExtraLib: string | undefined = undefined function loadExtraLib() { if (lang == 'javascript') { const stdLib = { content: libStdContent, filePath: 'es6.d.ts' } @@ -609,11 +609,11 @@ } } - updatePlaceholderVisibility(code) + updatePlaceholderVisibility(code ?? '') -{#if editor && suggestion && code.length === 0} +{#if editor && suggestion && code?.length === 0}
void // Function to call when the trigger is activated, if not provided, the component is discoverable for information purposes only children?: () => any showAnimation?: boolean - }>() + } = $props() let isAnimating = $state(false) diff --git a/frontend/src/lib/components/WorkerTagSelect.svelte b/frontend/src/lib/components/WorkerTagSelect.svelte index 616cb6d809..86943f641a 100644 --- a/frontend/src/lib/components/WorkerTagSelect.svelte +++ b/frontend/src/lib/components/WorkerTagSelect.svelte @@ -10,12 +10,12 @@ noLabel = false, nullTag = undefined, disabled = false - } = $props<{ + }: { tag: string | undefined noLabel?: boolean nullTag?: string | undefined disabled?: boolean - }>() + } = $props() loadWorkerGroups() diff --git a/frontend/src/lib/components/apps/components/inputs/AppCodeInputComponent.svelte b/frontend/src/lib/components/apps/components/inputs/AppCodeInputComponent.svelte index 315bfc323a..25422f97a8 100644 --- a/frontend/src/lib/components/apps/components/inputs/AppCodeInputComponent.svelte +++ b/frontend/src/lib/components/apps/components/inputs/AppCodeInputComponent.svelte @@ -7,11 +7,11 @@ import InputValue from '../helpers/InputValue.svelte' import InitializeComponent from '../helpers/InitializeComponent.svelte' - let { id, configuration, render } = $props<{ + let { id, configuration, render }: { id: string configuration: RichConfigurations render: boolean - }>() + } = $props() const { componentControl, worldStore, selectedComponent, connectingInput, mode } = getContext('AppViewerContext') diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/EventHandlerItem.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/EventHandlerItem.svelte index 1bf94a76a4..83b05f5fd0 100644 --- a/frontend/src/lib/components/apps/editor/settingsPanel/EventHandlerItem.svelte +++ b/frontend/src/lib/components/apps/editor/settingsPanel/EventHandlerItem.svelte @@ -5,12 +5,12 @@ import { twMerge } from 'tailwind-merge' - let { items, value = $bindable(), title, tooltip } = $props<{ + let { items, value = $bindable(), title, tooltip }: { items: string[] value: string[] | undefined title: string tooltip: string - }>() + } = $props() let width = $state(0) const inputWidth = 280 diff --git a/frontend/src/lib/components/flows/content/FlowModuleWorkerTagSelect.svelte b/frontend/src/lib/components/flows/content/FlowModuleWorkerTagSelect.svelte index 1b5f472dba..489837a2cb 100644 --- a/frontend/src/lib/components/flows/content/FlowModuleWorkerTagSelect.svelte +++ b/frontend/src/lib/components/flows/content/FlowModuleWorkerTagSelect.svelte @@ -5,10 +5,10 @@ import { WorkerService } from '$lib/gen' import WorkerTagSelect from '$lib/components/WorkerTagSelect.svelte' - let { tag = $bindable(), nullTag = $bindable() } = $props<{ + let { tag = $bindable(), nullTag = $bindable() }: { tag: string | undefined nullTag?: string | undefined - }>() + } = $props() const { flowStore, selectedId } = getContext('FlowEditorContext') diff --git a/frontend/src/lib/components/multiselect/MultiSelectWrapper.svelte b/frontend/src/lib/components/multiselect/MultiSelectWrapper.svelte index b42b205da7..685c9b0801 100644 --- a/frontend/src/lib/components/multiselect/MultiSelectWrapper.svelte +++ b/frontend/src/lib/components/multiselect/MultiSelectWrapper.svelte @@ -14,14 +14,14 @@ target = undefined, topPlacement = false, allowUserOptions = undefined - } = $props<{ + }: { items: any[] value?: string[] placeholder?: string target?: string | HTMLElement topPlacement?: boolean allowUserOptions?: boolean | 'append' - }>() + } = $props() $effect.pre(() => { if (value === undefined) value = [] @@ -72,7 +72,7 @@ --sms-selected-bg={darkMode ? '#c7d2fe' : '#e0e7ff'} --sms-selected-text-color={darkMode ? '#312e81' : '#3730a3'} bind:selected={ - () => [...value], + () => [...(value ?? [])], (newVal) => { if (!deepEqual(value, newVal)) { value = newVal diff --git a/frontend/src/lib/components/scripts/CreateActionsScript.svelte b/frontend/src/lib/components/scripts/CreateActionsScript.svelte index f0b864447b..3491dffe7d 100644 --- a/frontend/src/lib/components/scripts/CreateActionsScript.svelte +++ b/frontend/src/lib/components/scripts/CreateActionsScript.svelte @@ -3,7 +3,7 @@ import Button from '../common/button/Button.svelte' import { base } from '$lib/base' - let { aiId, aiDescription } = $props<{ aiId: string; aiDescription: string }>() + let { aiId, aiDescription }: { aiId: string; aiDescription: string } = $props() diff --git a/frontend/src/lib/components/settings/ChangeWorkspaceColor.svelte b/frontend/src/lib/components/settings/ChangeWorkspaceColor.svelte index 3753051eaf..28747e5e45 100644 --- a/frontend/src/lib/components/settings/ChangeWorkspaceColor.svelte +++ b/frontend/src/lib/components/settings/ChangeWorkspaceColor.svelte @@ -7,7 +7,7 @@ import { Pen } from 'lucide-svelte' import Toggle from '$lib/components/Toggle.svelte' - let { open = false } = $props<{ open?: boolean }>() + let { open = false }: { open?: boolean } = $props() let colorEnabled = $state(false) let editingColor = $state(undefined) diff --git a/frontend/src/lib/components/settings/ChangeWorkspaceName.svelte b/frontend/src/lib/components/settings/ChangeWorkspaceName.svelte index fa79f6a824..42e9e8a12e 100644 --- a/frontend/src/lib/components/settings/ChangeWorkspaceName.svelte +++ b/frontend/src/lib/components/settings/ChangeWorkspaceName.svelte @@ -7,7 +7,7 @@ import { Pen } from 'lucide-svelte' import { untrack } from 'svelte' - let { open = false } = $props<{ open?: boolean }>() + let { open = false }: { open?: boolean } = $props() let newName = $state('') let currentName = $state('')