diff --git a/frontend/src/lib/components/common/OnChange.svelte b/frontend/src/lib/components/common/OnChange.svelte new file mode 100644 index 0000000000..7f2ed96872 --- /dev/null +++ b/frontend/src/lib/components/common/OnChange.svelte @@ -0,0 +1,15 @@ + + + diff --git a/frontend/src/lib/components/flows/FlowEditor.svelte b/frontend/src/lib/components/flows/FlowEditor.svelte index c5f64b575d..36ed945f7e 100644 --- a/frontend/src/lib/components/flows/FlowEditor.svelte +++ b/frontend/src/lib/components/flows/FlowEditor.svelte @@ -15,8 +15,10 @@ import FlowAIChat from '../copilot/chat/flow/FlowAIChat.svelte' import { aiChatManager, AIMode } from '../copilot/chat/AIChatManager.svelte' import { triggerableByAI } from '$lib/actions/triggerableByAI' - import FlowModuleScriptAssetHandler from './content/RawScriptAssetHandler.svelte' import { getAllModules } from './flowExplorer' + import { inferAssets } from '$lib/infer' + import { parseAsset } from '../assets/lib' + import OnChange from '../common/OnChange.svelte' const { flowStore, flowStateStore } = getContext('FlowEditorContext') interface Props { @@ -144,9 +146,15 @@ {#each getAllModules(flowStore.val.value.modules) as mod} {#if mod.value.type === 'rawscript'} - ($flowStateStore[mod.id].assetsCache = assets)} + {@const v = mod.value} + + inferAssets(v.language, v.content).then((assetsRaw) => { + $flowStateStore[mod.id].assetsCache = assetsRaw + .map((asset) => parseAsset(asset)) + .filter((a) => !!a) + })} /> {/if} {/each} diff --git a/frontend/src/lib/components/flows/content/RawScriptAssetHandler.svelte b/frontend/src/lib/components/flows/content/RawScriptAssetHandler.svelte deleted file mode 100644 index 6a084b9d35..0000000000 --- a/frontend/src/lib/components/flows/content/RawScriptAssetHandler.svelte +++ /dev/null @@ -1,13 +0,0 @@ -