Trigger a Sheet alert

100%

Trigger a Sheet alert

✓ Published0🌍 Public

Last edited Sep 13, 2019

Created on Sep 13, 2019

This example demonstrates a temporary modal progress bar that appears over the Sketch document window, indicating an ongoing sheet operation. The script uses the `sketch` API to access the selected document and its window controller. It constructs a 200x100 pixel `NSWindow` with a title and modal style, adds an `NSProgressIndicator` that starts animating in blue, and begins a sheet session with `beginSheet_completionHandler`. After a five-second timeout, the sheet is dismissed with `endSheet`, completing the interaction.

AI-generated description

Similar vizzes

Loading thumbnail…

Progressbar modal

This example demonstrates a modal progress bar displayed over the main application window, using a native macOS sheet to block interaction while a short task runs. The code creates an `NSProgressIndicator` with a blue tint, embeds it in an `NSWindow` configured as a document-modal sheet, and attaches it via `beginSheet_completionHandler` on `NSApplication.sharedApplication().mainWindow()`. The progress animation starts immediately, and the sheet closes after a three-second delay using `setTimeout` and `endSheet`, illustrating Apple’s AppKit APIs in JavaScript via JSTalk-style syntax.

KKevinGutowski

79% match

Loading thumbnail…

Attach modal to Sketch document

This example shows how to attach a modal alert dialog to the active Sketch document window using the Sketch scripting API. It creates an `NSAlert` with OK and Cancel buttons and presents it as a sheet via `beginSheetModalForWindow:completionHandler:`. The completion handler uses a block created with `__mocha__.createBlock_function` to process the return code, logging success or cancelation. The code manages asynchronous execution through `coscript.createFiber()` and cleans up the fiber after the dialog closes.

KKevinGutowski

77% 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

64% match

Loading thumbnail…

Creating a Sketch NSPanel

This example demonstrates how to create a custom, frameless floating panel with a vibrant, translucent background using the Sketch JavaScript API. The script creates an `NSPanel` with a titled, closable, and resizable window, and applies a `NSVisualEffectView` with a vibrant light appearance to achieve a frosted-glass effect. It uses `NSLayoutConstraint` objects to anchor the visual effect to the panel’s content view. The panel’s close button is handled via `setCOSJSTargetFunction`, which cleans up the panel reference and stops the script’s keep-alive loop.

KKevinGutowski

61% 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

60% match

Loading thumbnail…

Color Picker Sketch [WIP]

A prototype color picker dialog built with macOS AppKit. It shows a modal alert containing an `NSView` with a single `MSColorWell` button, pre-set to red, which can display a popover when clicked. The code constructs the alert, adds the color well as an accessory view, and runs the dialog modally via `runModal`. The action `presentColorPicker:` handles the well’s interaction, though its implementation is not shown.

KKevinGutowski

57% 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

56% match

Loading thumbnail…

Gist f29bf45f379305fcac53a379776bc295

This example demonstrates a timed alert as a simple interaction test, showing how the code uses `setTimeout` to trigger a JavaScript alert after a three-second delay. The accompanying function `window.asdf` is defined but not invoked, leaving its intended behavior unspecified. The visualization relies on plain JavaScript and the browser’s native alert API rather than any external data or rendering library. The code is minimal, acting as a functional probe for event timing and global function scope.

PPatrick Wojda

55% match