2020-11-14 04:42:32 +13:00
|
|
|
<script>
|
2021-09-01 22:41:48 +12:00
|
|
|
import { screenStore, routeStore } from "stores"
|
2020-11-14 04:42:32 +13:00
|
|
|
import Component from "./Component.svelte"
|
2021-09-01 22:41:48 +12:00
|
|
|
import Provider from "./context/Provider.svelte"
|
2021-05-21 01:47:17 +12:00
|
|
|
import { onMount } from "svelte"
|
2020-11-14 04:42:32 +13:00
|
|
|
|
2020-11-19 08:18:18 +13:00
|
|
|
// Keep route params up to date
|
2020-12-01 04:05:36 +13:00
|
|
|
export let params = {}
|
2020-11-24 00:29:24 +13:00
|
|
|
$: routeStore.actions.setRouteParams(params || {})
|
2020-11-14 04:42:32 +13:00
|
|
|
|
|
|
|
// Get the screen definition for the current route
|
2020-11-19 08:18:18 +13:00
|
|
|
$: screenDefinition = $screenStore.activeScreen?.props
|
2020-11-18 01:08:24 +13:00
|
|
|
|
2021-05-21 01:47:17 +12:00
|
|
|
// Mark the router as loaded whenever the screen mounts
|
|
|
|
onMount(() => {
|
|
|
|
if (!$routeStore.routerLoaded) {
|
|
|
|
routeStore.actions.setRouterLoaded()
|
|
|
|
}
|
|
|
|
})
|
2020-11-14 04:42:32 +13:00
|
|
|
</script>
|
|
|
|
|
2021-02-11 04:49:23 +13:00
|
|
|
<!-- Ensure to fully remount when screen changes -->
|
|
|
|
{#key screenDefinition?._id}
|
|
|
|
<Provider key="url" data={params}>
|
2021-06-11 19:05:49 +12:00
|
|
|
<Component instance={screenDefinition} />
|
2021-02-11 04:49:23 +13:00
|
|
|
</Provider>
|
|
|
|
{/key}
|