Skip to content

Add folders in the Layer Tree panel of the frontend #149

@Keavon

Description

@Keavon

Documents (and layer paths) involve a nested layer structure. But currently everything is added flatly to the root because the frontend does not support folders. We need to add folders to the Layer Tree panel which can represent the nested layer structure and display the information provided by the Editor backend. After that, we'll be able to rearrange layers into the folders (#141) and select other layers that will be the hierarchical target for new layers to be drawn as siblings of (or a folder for new layers to be children of).

Still left to do:

  • Fix frontend layer rendering JS (@Keavon)
  • Make it so we can copy and paste hierarchy, not just flat layers. This also includes the ability to select multiple layers at various levels in parts of the hierarchy and it copies each of them, to eventually be pasted as new siblings (descendants of selected folders are de-duplicated). (@TrueDoctor)
  • When a layer (shape or folder) is selected and being grouped, we copy and delete its deepest common ancestor folder, put a new folder exactly in its place (including its original index among its siblings), then paste back into that new folder. In the special case of root (because we can't delete the root), we select everything in root, delete everything, create a new folder, then paste everything in that single folder. (@TrueDoctor)

Complexity: 3
Involves: Frontend (JS)

Metadata

Metadata

Labels

WebInvolves web programming (TypeScript, Svelte, CSS)

Projects

Status

No status

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions