PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

create new ids for new shapes and map old ids to new ids (#1082)

Browse source 
* create new ids for new shapes and map old parent ids to new ids

* duplicate bindings and update shape handles

* spacing

Co-authored-by: Bruno <33330711+bybruno@users.noreply.github.com>

* Update duplicatePage.ts

* Update duplicatePage.ts

Co-authored-by: Bruno <33330711+bybruno@users.noreply.github.com>
Co-authored-by: Steve Ruiz <steveruizok@gmail.com>
This commit is contained in:
Brian Hung 2022-12-30 15:53:32 -08:00 committed by GitHub
parent 9eb5e56319
commit b74a6d71f1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 58 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
packages/tldraw/src/state/commands/duplicatePage/duplicatePage.ts
View file

@ -12,21 +12,67 @@ export function duplicatePage(app: TldrawApp, pageId: string): TldrawCommand {
const newId = Utils.uniqueId()
// Map shapes and bindings onto new IDs
const oldToNewIds: Record<string, string> = Object.fromEntries([
[page.id, newId],
...Object.keys(page.shapes).map((id) => [id, Utils.uniqueId()]),
...Object.keys(page.bindings).map((id) => [id, Utils.uniqueId()]),
])
const shapes = Object.fromEntries(
Object.entries(page.shapes).map(([id, shape]) => [
oldToNewIds[id],
{
...Utils.deepClone(shape),
id: oldToNewIds[id],
parentId: oldToNewIds[shape.parentId],
},
])
)
const bindings = Object.fromEntries(
Object.entries(page.bindings).map(([id, binding]) => [
oldToNewIds[id],
{
...Utils.deepClone(binding),
id: oldToNewIds[binding.id],
fromId: oldToNewIds[binding.fromId],
toId: oldToNewIds[binding.toId],
},
])
)
// Update the shape's to and from references to the new bindingid
Object.values(page.bindings).forEach((binding) => {
const fromId = oldToNewIds[binding.fromId]
const fromHandles = shapes[fromId]!.handles
if (fromHandles) {
Object.values(fromHandles).forEach((handle) => {
if (handle!.bindingId === binding.id) {
handle!.bindingId = oldToNewIds[binding.id]
}
})
}
const toId = oldToNewIds[binding.toId]
const toHandles = shapes[toId]!.handles
if (toHandles) {
Object.values(toHandles).forEach((handle) => {
if (handle!.bindingId === binding.id) {
handle!.bindingId = oldToNewIds[binding.id]
}
})
}
})
const nextPage = {
...page,
id: newId,
id: oldToNewIds[page.id],
name: page.name + ' Copy',
shapes: Object.fromEntries(
Object.entries(page.shapes).map(([id, shape]) => {
return [
id,
{
...shape,
parentId: shape.parentId === page.id ? newId : shape.parentId,
},
]
})
),
shapes,
bindings,
}
return {