49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
import { walkProps } from "./storeUtils"
|
|
import { get_capitalised_name } from "../helpers"
|
|
import { get } from "svelte/store"
|
|
import { allScreens } from "builderStore"
|
|
import { FrontendTypes } from "../constants"
|
|
import { currentAsset } from "."
|
|
|
|
export default function(component, state) {
|
|
const capitalised = get_capitalised_name(
|
|
component.name || component._component
|
|
)
|
|
|
|
const matchingComponents = []
|
|
|
|
const findMatches = props => {
|
|
walkProps(props, c => {
|
|
const thisInstanceName = get_capitalised_name(c._instanceName)
|
|
if ((thisInstanceName || "").startsWith(capitalised)) {
|
|
matchingComponents.push(thisInstanceName)
|
|
}
|
|
})
|
|
}
|
|
|
|
// check layouts first
|
|
for (let layout of state.layouts) {
|
|
findMatches(layout.props)
|
|
}
|
|
|
|
// if viewing screen, check current screen for duplicate
|
|
if (state.currentFrontEndType === FrontendTypes.SCREEN) {
|
|
findMatches(get(currentAsset).props)
|
|
} else {
|
|
// viewing a layout - need to find against all screens
|
|
for (let screen of get(allScreens)) {
|
|
findMatches(screen.props)
|
|
}
|
|
}
|
|
|
|
let index = 1
|
|
let name
|
|
while (!name) {
|
|
const tryName = `${capitalised || "Copy"} ${index}`
|
|
if (!matchingComponents.includes(tryName)) name = tryName
|
|
index++
|
|
}
|
|
|
|
return name
|
|
}
|