Error using Object syntax from documentation

Hi Nick!

Great to see you exploring the possibilities of Lucid Extension! 😊

At the crux, you want to add a custom property to a shape and the value of this custom property is a OBJECT whose values are parsed from a JSON objects.
 

The steps I followed in the gif are

1. Get an itemId of a shape. I did this by using getSelectedItems which returns the items that are selected and then I extracted out the ids from that item.
2. Add a new custom shape data to this item with shapeData.set (https://developer.lucid.co/extension-api/#data-on-documents). The value I set for this custom shape data was an formula which contained the line for creating an object (https://developer.lucid.co/formulas/#object).

I used a small snippet to convert a JSON object into a string format that the OBJECT inside the formula expects.

Here’s the code I used in the gif. This should be in the extension.ts inside an editorextension.

import {EditorClient, Menu, MenuType, Viewport,ElementProxy} from 'lucid-extension-sdk';

const client = new EditorClient();
const menu = new Menu(client);
const viewport = new Viewport(client);

client.registerAction('test', () => {

    //Parse Json Data
    let fakseJsonData = '{"name": "John", "age": 30, "city": "New York"}';
    let parsedData = JSON.parse(fakseJsonData) as {"name": string, "age": number, "city": string};

    //convert json object to a string format to be used in a formula
    let result = ""
    for (const [key, value] of Object.entries(parsedData)) {
        result += `"${key}",`
        result += `"${value}"`
      }

    //Get shape from selection
    const itemIdsToDup = viewport.getSelectedItems().map(item => item.id);
    let ep = new ElementProxy(itemIdsToDup[0],client)

    //Set the customField
    ep.shapeData.set('customField',`=OBJECT(${result})`)

});

menu.addMenuItem({
    label: 'Test thing 2',
    action: 'test',
    menuType: MenuType.Main,
});

Feel free to reach out if you have any more questions or if there's anything else we can do to support your Lucid adventures.

Happy diagramming! 🚀✨