direct copy paste - clone for page or another component

[FabienArcellier]

• When I copy then paste a page immediately, I expect a clone to appear right after the page that has been copy.
• When I copy then paste a block of text immediately, I expect it to be duplicated right after the block that has been copy.

Rule to clone a component (CTRL C + CTRL V immediately)

R1: If the target is the previous component, then the target would be the parent. The component is paste right after. For example, I copy a section then paste it directly

Rule to copy a component inside another one (current behavior)

R2 : If the target is a viable container (isSubtreeIngestable), the component is paste inside. For example, I copy a block of text, then select a section.

Rule to copy a component after another one

R3 : If the target is not a viable container and the parent is, the component is paste right after. For example, I copy a block of text, then paste it.

[madeindjs]

I think R3 is not that difficult to implement.

We might just need to :

1. change isPasteAlowed

   writer-framework/src/ui/src/builder/useComponentActions.ts

   Lines 405 to 418 in 4e956b1

   	function isPasteAllowed(targetId: Component["id"]): boolean {
   	const component = wf.getComponentById(targetId);
   	if (!component || component.isCodeManaged) return false;
   	const clipboard = ssbm.getClipboard();
   	if (clipboard === null) return false;
   	const { jsonSubtree } = clipboard;
   	const subtree: Component[] = JSON.parse(jsonSubtree);
   	if (subtree.length == 0) return false;
   	// Mutate the subtree to reflect tentative parent
   	subtree[0].parentId = targetId;
   	return isSubtreeIngestable(subtree);
   	}

2. update pasteComponent to target sibling node if the current node can't contain child

   writer-framework/src/ui/src/builder/useComponentActions.ts

   Lines 528 to 537 in 4e956b1

   	function pasteComponent(targetParentId: Component["id"]): void {
   	const targetParent = wf.getComponentById(targetParentId);
   	if (!targetParent) return;
   	const clipboard = ssbm.getClipboard();
   	if (clipboard === null) return;
   	const { operation, jsonSubtree } = clipboard;
   	const subtree = JSON.parse(jsonSubtree);
   	const rootComponent = subtree[0];