Add framer api option to get cursor coordinates inside the root canvas

[andirsun]

Describe your use case
I am trying to build a plugin that supports drag and drop to add svg images.

The architecture of my plugin is that is running inside an iframe environment to render a responsive webpage that contains the svgs I want to drag and drop. As inside the iframe I dont have the Draggable component available or framer api available I had to implement a workaround to make drag and drop work.

Currently drag and drop is working inside the iframe but the drop position is not accurate. This is what I am doing.

1. I send a message to the parent window using this code

parent.postMessage(
        {
          svg,
          name: icon.name,
        },
        '*'
      )

2. Parent (Framer Plugin) receives the message with the svg and insert it using framer.addSvg function

await framer.addSVG({
      svg,
      name,
    })

3. The SVG is added but in a random position defined by Framer. In this case I know I can get the SVG node inserted and use setAttributes() to override node attributes, inside those attributes there are options like bottom, top .... but I dont know what are the exact coordinates where the icon was dropped (cursor position).

Describe the solution you'd like

• You can add an option to get exact coordinates when the cursor is when the svg was dropped so I can use those coordinates to move the inserted icon to that position.

• Another option is to make framer automatically detect mouse position and add svg using framer.addSVG in that position.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.