Toggling Sketch menu items

100%

Toggling Sketch menu items

✓ Published0🌍 Public

Last edited Jul 19, 2019

Created on Jul 19, 2019

This example demonstrates how to toggle menu items in a Sketch plugin by manipulating the application’s main menu. The code uses the Sketch JavaScript API, specifically `NSApplication.sharedApplication().mainMenu()` and `itemWithTitle` to locate the Plugins submenu, then targets the "BaseAlign" item. It disables the item with `setEnabled(false)` and sets its state to checked with `setState(true)`. The menu is accessed directly through Cocoa’s AppKit framework, showing how plugin authors can programmatically control UI elements.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist af897f78753e7f850cce144cb3a1ce26

This example demonstrates a Sketch plugin interface with synchronized slider, input field, and stepper controls that all adjust the same numeric value. The code uses Objective-C with Apple's Cocoa and JavaScriptCore APIs, including `MOJavaScriptObject` for bridging JavaScript callbacks. It loads a user interface from a NIB file via `loadNibFile` and `NSBundle`, and shows how `sliderChange`, `inputChange`, and `stepperChange` actions keep the three widgets in sync. The `clickHello` method invokes a JavaScript function through `callFunctionWithArguments`, connecting the native UI to scripted behavior.

KKevinGutowski

63% match

Loading thumbnail…

Gist 03ea367d00ac593217cf6770ee1cc539

This example demonstrates a Sketch plugin that launches a floating panel window with a table view interface. The code uses Sketch’s JavaScript API, `NSThread`, `NSPanel`, and `NSMakeRect` to construct a 312×210 pixel textured window, position it at the screen center, and set it to float above other windows. It manages a thread dictionary key to prevent duplicate panels, toggling the window open or closed on repeated plugin runs. The plugin calls `document.showMessage()` for user feedback and hides the miniaturize and zoom buttons via `standardWindowButton`, with the table view setup currently stubbed out.

KKevinGutowski

61% match

Loading thumbnail…

Triggering an action in Sketch

This example demonstrates how to trigger built-in actions in Sketch by accessing the document’s actions controller. The code uses the `actionsController()` API to invoke specific actions like `MSShowReplaceColorSheetAction` and `MSInsertSymbolAction`, passing in objects such as an `NSMenuItem` with a represented object when needed. It also includes a commented-out script that logs all available action class names to a file. The snippet illustrates direct programmatic control over Sketch’s UI, relying on Objective-C bridging through JavaScript APIs. It references `MSSymbolMasterReference` to handle symbol insertion and uses `try`/`catch` for error handling.

KKevinGutowski

59% match

Loading thumbnail…

Gist 4da3ecb32517e64ddc52428cdb30eaab

This example demonstrates a Sketch plugin that monitors document changes and provides real-time feedback through popup messages. It shows how the plugin reacts to three types of edits: property modifications, object deletions, and object additions or moves. The code uses the Sketch JavaScript API, including `sketch.UI.message` for notifications and `sketch.fromNative` to wrap native objects for access to parent artboards. It logs the full path of each change and distinguishes between moved objects and genuine additions or deletions, with special handling for deletions that are part of a move operation.

KKevinGutowski

58% match

Loading thumbnail…

Loading a XIB file in a Sketch plugin

This example demonstrates how a Sketch plugin loads a XIB file to create a native interface panel. The JavaScript entry point, `script.js`, uses the `sketch` module and attempts to run the plugin, catching errors to dynamically load the `HelloSketch` framework via Mocha’s `loadFrameworkWithName:inDirectory:` method. The Objective-C class `HSMain` then loads the `HSPanel` nib using `NSBundle loadNibNamed:owner:topLevelObjects:` and exposes a `helloText` method that logs and returns a greeting string, which is displayed through `sketch.UI.message`.

KKevinGutowski

57% match

Loading thumbnail…

Popupmenu Plan

This example shows a macOS status bar popup menu with a search field and selectable items, built using AppKit’s NSMenu, NSMenuItem, NSStatusBarButton, and NSTextField. A custom SMBMenu subclass populates the menu with a text input and action items, while extending NSStatusBarButton overrides mouseDown to highlight the button and display the menu programmatically via popUp(positioning:at:in:). The code relies on AppDelegate selectors for item actions and manages button highlighting through a deinit callback.

KKevinGutowski

57% match

Loading thumbnail…

NSAttributedString attributes

This example demonstrates programmatic manipulation of rich text attributes within a Sketch document. It shows how to access selected layers, locate the application’s Plugins menu, and log the first menu item’s title. The code then explores setting a variety of text attributes—such as superscript, underline style, stroke width, and writing direction—on an `NSAttributedString` object loaded from an RTF file. The implementation relies on Sketch’s JavaScript API, including `sketch.getSelectedDocument()`, `NSAttributedString`, and methods like `addAttribute_value_forRange`, with several experimental calls commented out.

KKevinGutowski

54% match

Loading thumbnail…

Create a notification within a sketch plugin

This example shows how a Sketch plugin can display a native macOS notification to the user. The code creates a new `NSUserNotification`, assigns it a unique identifier, and sets its title, subtitle, and informative text. It then retrieves the default notification center and delivers the notification. The data is hard-coded strings, and the implementation relies on the Sketch plugin API’s `NSUserNotificationCenter` and `NSUserNotification` classes.

KKevinGutowski

53% match