Keyboard control in Preview Mode

michalk

Hi there - there is some amount of keyboard control for the prototypes in Preview Mode. I can use the keyboard arrows to move back and forth, however:

1) does anyone know what is the mapping between the keyboard arrows (left/right/up/down) and the prototype links? I could not figure out the logic as sometimes I move to the next linked artboard with arrow left, sometimes with arrow up. This feels somewhat random

2) does anyone know how to control the Preview Mode prototype advancing programmatically? Ideally I'd like to advance to next artboard with keyboard arrow right, go back one artboard with keyboard arrow left etc.

Thanks for any pointers!

kevgski

1) Honestly not sure what the intended behavior is. I asked the Sketch team.
2) I got about 50% of the way with this and realized its probably more complicated than its worth. I'll just share what I have in case its helpful.

I'm able to get it to load a specific artboard like this

let sketch = require('sketch')
let layerID = '3C9CEF09-A638-4FC4-8852-3E559278D9C8'

let previewWindow = NSApplication.sharedApplication().windows().find(window => window.title() == 'Preview')
let previewWC = previewWindow.delegate()

let baseURL = previewWC.webView().URL().URLByDeletingLastPathComponent()
let url = baseURL.URLByAppendingPathComponent(layerID)
let request = NSURLRequest.requestWithURL(url)
previewWC.webView().loadRequest(request)

The way that I am getting an instance of the MSMirrorWindowController is a bit brittle and needs some improvement. It also doesn't do any of the keyboard stuff you are looking to override which is much more complicated (you'll need to swizzle the onKeyDown method on that class https://github.com/abynim/Sketch-Headers/blob/245997d01fab8d92104bd80ceb4610d0509dc633/Headers/MSMirrorWindowController.h#L52)

This seems more like a feature request for the Sketch team rather than a plugin to me.

michalk

kevgski that's helpful, thanks! any reply from the Sketch team on the intended behavior?

michalk

bump @kevgski did you hear anything back from the Sketch team?

michalk

@mathieudutour you were super helpful with some of my questions before - any tips on how would you capture / override keyboard control in the Sketch Prototype Preview? Appreciate!

kevgski

Na, sorry I haven't heard back from the Sketch team on this just yet. I'm sure just emailing Sketch customer support is the fastest for understanding the expected behavior.