74 lines
2.4 KiB
JavaScript
74 lines
2.4 KiB
JavaScript
import { getFrontendStore } from "./store/frontend"
|
|
import { getAutomationStore } from "./store/automation"
|
|
import { getTemporalStore } from "./store/temporal"
|
|
import { getThemeStore } from "./store/theme"
|
|
import { derived } from "svelte/store"
|
|
import { findComponent, findComponentPath } from "./componentUtils"
|
|
import { RoleUtils } from "@budibase/frontend-core"
|
|
|
|
export const store = getFrontendStore()
|
|
export const automationStore = getAutomationStore()
|
|
export const themeStore = getThemeStore()
|
|
export const temporalStore = getTemporalStore()
|
|
|
|
export const selectedScreen = derived(store, $store => {
|
|
return $store.screens.find(screen => screen._id === $store.selectedScreenId)
|
|
})
|
|
|
|
export const selectedLayout = derived(store, $store => {
|
|
return $store.layouts?.find(layout => layout._id === $store.selectedLayoutId)
|
|
})
|
|
|
|
export const selectedComponent = derived(
|
|
[store, selectedScreen],
|
|
([$store, $selectedScreen]) => {
|
|
if (!$selectedScreen || !$store.selectedComponentId) {
|
|
return null
|
|
}
|
|
return findComponent($selectedScreen?.props, $store.selectedComponentId)
|
|
}
|
|
)
|
|
|
|
// For legacy compatibility only, but with the new design UI this is just
|
|
// the selected screen
|
|
export const currentAsset = selectedScreen
|
|
|
|
export const sortedScreens = derived(store, $store => {
|
|
return $store.screens.slice().sort((a, b) => {
|
|
// Sort by role first
|
|
const roleA = RoleUtils.getRolePriority(a.routing.roleId)
|
|
const roleB = RoleUtils.getRolePriority(b.routing.roleId)
|
|
if (roleA !== roleB) {
|
|
return roleA > roleB ? -1 : 1
|
|
}
|
|
// Then put home screens first
|
|
const homeA = !!a.routing.homeScreen
|
|
const homeB = !!b.routing.homeScreen
|
|
if (homeA !== homeB) {
|
|
return homeA ? -1 : 1
|
|
}
|
|
// Then sort alphabetically by each URL param
|
|
const aParams = a.routing.route.split("/")
|
|
const bParams = b.routing.route.split("/")
|
|
let minParams = Math.min(aParams.length, bParams.length)
|
|
for (let i = 0; i < minParams; i++) {
|
|
if (aParams[i] === bParams[i]) {
|
|
continue
|
|
}
|
|
return aParams[i] < bParams[i] ? -1 : 1
|
|
}
|
|
// Then sort by the fewest amount of URL params
|
|
return aParams.length < bParams.length ? -1 : 1
|
|
})
|
|
})
|
|
|
|
export const selectedComponentPath = derived(
|
|
[store, selectedScreen],
|
|
([$store, $selectedScreen]) => {
|
|
return findComponentPath(
|
|
$selectedScreen?.props,
|
|
$store.selectedComponentId
|
|
).map(component => component._id)
|
|
}
|
|
)
|