COSAlertWindow icon

vjandrei

Hi, where I can find details for COSAlertWindow api?
I am trying to change the icon for the AlertWindow.
This is what I have now
`export const sketchExportModal = () => {
const exportModal = COSAlertWindow.new();

console.log(COSAlertWindow);

exportModal.setMessageText('Design systems: select exports.');
exportModal.addButtonWithTitle("Ok");
exportModal.addButtonWithTitle("Cancel");`

ale

vjandrei I think the closest you'll get to documentation is the source code for CocoaScript: https://github.com/ccgus/CocoaScript

There, in https://github.com/ccgus/CocoaScript/blob/master/src/framework/COSAlertWindow.m#L133-L135 you can see that there's a setIcon() method that should do what you need…

Hope it helps!

brustj

+1 to @ale 's comment. I'm currently using this in a plugin I'm developing:

const alertWindow = COSAlertWindow.new();
alertWindow.setIcon(NSImage.alloc().initByReferencingFile(context.plugin.urlForResourceNamed('custom-alert-icon.png').path()));

In this example, the custom-alert-icon.png is in the /assets folder. Another quick note is that the default alert icon that utilizes your plugin logo gets a crop and shadow applied to it. Using a custom icon removes that so I had ot manually include that in my exported custom image.

vjandrei

Hey thanks guys. brustj and @ale

vjandrei

brustj I get some reason Error: An Obj-C exception occurred using that script.

brustj

I'm assuming you are using skpm? And if so, are you passing the context along to your function that you're running this code in?

vjandrei

brustj yes I am using skpm.

Here is the code, so I am not passing context along the function.
`import { exportFormats } from '../settings';

export const sketchExportModal = () => {
const exportModal = COSAlertWindow.new();

exportModal.setMessageText('Design systems: select exports.');
exportModal.addButtonWithTitle("Ok");
exportModal.addButtonWithTitle("Cancel");
exportModal.setIcon(NSImage.alloc().initByReferencingFile(context.plugin.urlForResourceNamed('../assets/dt.png').path()));

const viewWidth = 300;
const viewHeight = 150;
const view = NSView.alloc().initWithFrame(
NSMakeRect(0, 0, viewWidth, viewHeight)
);

exportModal.addAccessoryView(view);

const checkbox = NSButton.alloc().initWithFrame(NSMakeRect(0, 130, viewWidth, 22))
checkbox.setButtonType(NSSwitchButton)
checkbox.setBezelStyle(0)
checkbox.setTitle("Save to file")
checkbox.setState(NSOffState) // or NSOnState

view.addSubview(checkbox)

const checkbox2 = NSButton.alloc().initWithFrame(NSMakeRect(0, 110, viewWidth, 22))
checkbox2.setButtonType(NSSwitchButton)
checkbox2.setBezelStyle(0)
checkbox2.setTitle("Create documentation")
checkbox2.setState(NSOffState) // or NSOnState

view.addSubview(checkbox2)

const dropdownFileFormatsTextLabel = NSTextField.alloc().initWithFrame(
NSMakeRect(0, 80, viewWidth, 22)
);

dropdownFileFormatsTextLabel.setStringValue('Select format');
dropdownFileFormatsTextLabel.editable = false;
dropdownFileFormatsTextLabel.selectable = false;
dropdownFileFormatsTextLabel.bezeled = false;
dropdownFileFormatsTextLabel.drawsBackground = false;

const dropdownFileFormats = NSPopUpButton.alloc().initWithFrame(
NSMakeRect(0, 50, viewWidth / 2, 22)
);

exportFormats.map(format => dropdownFileFormats.addItemWithTitle(format));

view.addSubview(dropdownFileFormatsTextLabel);
view.addSubview(dropdownFileFormats);

const resultExportModal = exportModal.runModal();
if (resultExportModal === 1000) {
return {
saveToFile: checkbox.stringValue(),
createDocs: checkbox2.stringValue(),
fileformat: exportFormats[dropdownFileFormats.indexOfSelectedItem()]
};
}
};`

brustj

First, try removing the relative path "../assets/" so it's just "dt.png".

vjandrei

brustj Thanks that helps 🙂
What I found also when I added the icon Sketch crashes after
exportModal.setIcon(NSImage.alloc().initByReferencingFile(context.plugin.urlForResourceNamed('icon_128x128.png').path())); this command added.

brustj

vjandrei Are you still having an issue with the code above?

vjandrei

brustj Not anymore thanks 🙂