Updating a shared layer/text style in a symbol override

JohannaAsseraf

Hi, I'm trying to update the value of a layer style symbol override, and it causes Sketch to crash. It worked when I tried to change a simple text string override.

Is it possible to update shared layer styles in symbol overrides?

pausansol

Interesting, Have you been able to make any progress in this regard?

markh

The following seems to work for me:

// get IDs of shared layer styles
sketch.getSelectedDocument().getSharedLayerStyles().forEach(sharedLayerStyle => {
  console.log(`${sharedLayerStyle.name}: ${sharedLayerStyle.id}`);
});

// apply shared style ID to the override
const override = symbolInstance.overrides[0]; // the bottom override in the inspector is the first override
const sharedStyleId = '6C06741B-7B1E-4797-A459-B7BFE3E4369E';
symbolInstance.setOverrideValue(override, sharedStyleId);

JohannaAsseraf

markh works! thank you!
Can I ask where you found the documentation of that "setOverrideValue" function?

tonysbriggs

markh Apologies if this is a simple question. How are you targeting symbolInstance in this scenario?

I keep having this error:

MOJavaScriptException: TypeError: undefined is not an object (evaluating 'symbolInstance.overrides[0]')

Thanks

pausansol

yep, it worked for me too. Thanks

pausansol

@markh , I used your example script on all the style overrides of a document with a few symbols. The idea was to be able to swap layer style overrides with others from another library. It worked perfectly with a value from a foreignLayerStyle.

But I have found a problem, the overrides.value and the foreignLayerStyle.localSharedStyle.objectID (with which it matches) seem to be generated again by each new document. If you copy/paste the instance to a new document, it will have a different value. Also, the string previously used with success in set override value will not work 🙁

Then, it is impossible to know what value I should apply. Is there any other way to replace a layer and text style override without using overrides.value? Or a way to know these values without having all the foreignLayerStyles from a library in the current document?

pausansol

JohannaAsseraf https://developer.sketchapp.com/reference/api/#set-an-override-value

pausansol

Ok, I will answer my self 🙂. I will follow the next solution: add the shared style from library to the documentData as a foreignSharedStyle, then I will look to its value in order to set it as override value to layers 🙂

var foreignLayerStyle = MSForeignLayerStyle.alloc().initWithOriginalObject_inLibrary(style, library);
var addForeignLayerStyle = context.document.documentData().addForeignLayerStyle(foreignLayerStyle);
var overrideValue = foreignLayerStyle.localSharedStyle().objectID();

Hope it helps if anyone is looking for the same.

JohannaAsseraf

pausansol oh wow 🙂 pretty sure that wasn't there when I posted the question

creativechris08

is it possible to compile this code into a sketch plugin? i’ve been awaiting a plugin that can perform this action for months 🙂 would be great to select a symbol with a shared layer style and swap that style throughout the whole document in one go 😎😎😎 (though shared library’s)

pausansol

creativechris08 Hi, check https://github.com/Pausansol/Camilo, I'm adding foreignLayerStyles to it. Send me an email if you want to check the private version.

pausansol

Finally released v1.2 version of Camilo with this swap foreign styles new feature. https://github.com/Pausansol/Camilo

JohannaAsseraf

pausansol I can't figure out how to set a text style's text color. Did you do that by any chance?