fix hub compatible export

frontend/src/lib/components/apps/components/helpers/HiddenComponent.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { getContext } from 'svelte'
+	import { getContext, onMount } from 'svelte'
 	import { initOutput } from '../../editor/appUtils'
 	import type {
 		ConnectedAppInput,
@@ -16,13 +16,20 @@
 	export let fields: Record<string, StaticAppInput | ConnectedAppInput | RowAppInput | UserAppInput>
 	export let recomputeOnInputChanged: boolean
 	export let recomputableByRefreshButton: boolean
+	export let noBackendValue: any = undefined
 
-	let result: any = undefined
+	const { worldStore, staticExporter, noBackend } = getContext<AppViewerContext>('AppViewerContext')
 
-	const { worldStore } = getContext<AppViewerContext>('AppViewerContext')
+	let result: any = noBackend ? noBackendValue : undefined
+
+	onMount(() => {
+		$staticExporter[id] = () => {
+			return result
+		}
+	})
 
 	let outputs = initOutput($worldStore, id, {
-		result: undefined,
+		result: result,
 		loading: false
 	})
 </script>

frontend/src/lib/components/apps/components/helpers/RunnableWrapper.svelte

@@ -53,7 +53,9 @@
 		result = componentInput?.['value']
 	}
 	onMount(() => {
-		$staticExporter[id] = () => result
+		$staticExporter[id] = () => {
+			return result
+		}
 	})
 
 	function isRunnableDefined(componentInput) {

frontend/src/lib/components/apps/editor/AppPreview.svelte

@@ -172,6 +172,7 @@
 				fields={script.fields}
 				recomputeOnInputChanged={script.recomputeOnInputChanged ?? true}
 				recomputableByRefreshButton={script.autoRefresh ?? false}
+				noBackendValue={script.noBackendValue}
 			/>
 		{/if}
 	{/each}

frontend/src/lib/components/apps/editor/appUtils.ts

@@ -53,13 +53,14 @@ export function selectId(
 	app: App
 ) {
 	// this ensure handleClickOutside are triggered
-	window.dispatchEvent(
-		new MouseEvent('click', {
-			view: window,
-			bubbles: true,
-			cancelable: true
-		})
-	)
+	let event = new MouseEvent('click', {
+		view: window,
+		bubbles: true,
+		cancelable: true,
+		relatedTarget: e.target
+	})
+	window.dispatchEvent(event)
+
 	if (e.shiftKey) {
 		selectedComponent.update((old) => {
 			if (old && old?.[0]) {

frontend/src/lib/components/apps/types.ts

@@ -117,6 +117,7 @@ export type App = {
 		//deprecated and to be removed after migration
 		doNotRecomputeOnInputChanged?: boolean
 		recomputeOnInputChanged?: boolean
+		noBackendValue?: any
 	}>
 	css?: Partial<Record<AppCssItemName, Record<string, ComponentCssProperty>>>
 	subgrids?: Record<string, GridItem[]>

frontend/src/lib/components/apps/utils.ts

@@ -160,12 +160,17 @@ export function toStatic(
 	summary: string
 ): { app: App; summary: string } {
 	const newApp: App = JSON.parse(JSON.stringify(app))
-	newApp.grid.forEach((x) => {
+	allItems(newApp.grid, newApp.subgrids).forEach((x) => {
 		let c: AppComponent = x.data
 		if (c.componentInput?.type == 'runnable') {
 			c.componentInput.value = staticExporter[x.id]()
 		}
 	})
+
+	newApp.hiddenInlineScripts?.forEach((x, i) => {
+		x.noBackendValue = staticExporter[`bg_` + i]()
+	})
+
 	return { app: newApp, summary }
 }