Giter VIP home page Giter VIP logo

sketch-dockpreview's Introduction

sketch-dockpreview
A Sketch plugin that lets you preview your current artboard in the Dock.

Installation

Recommended

You can install the plugin from Sketch Runner, Sketchpacks, and Sketch Toolbox.

Manually

Download Sketch Dockpreview and double-click to install.

Usage

Press โ‡งโŒ˜D (Shift + Command + D) to preview the current active artboard in the dock.

To restore the icon back to the default Sketch icon, go to Plugins > Restore Sketch icon. If you quit Sketch, the icon will automatically restore by itself.

Custom Keybinding

If you'd like to change the shortcuts, you can change the manifest.json file in Dockpreview.sketchplugin/Contents/Sketch and change the shortcut to your liking.

Note: When the plugin updates, this will overwrite the manifest.json because of versioning.

Contributing

Contributions are welcomed, file a pull request or an issue.

License

The MIT License

sketch-dockpreview's People

Contributors

bomberstudios avatar fnky avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

sketch-dockpreview's Issues

Add support for OS X Status Item preview

Be able to preview artboard in OS X status bar.

  • Initialize the Status Item (needs memory management)
  • Export the artboard to a temporary path.
  • Change the image of the status item to the exported asset.

Update to Sketch 3.3

Sketch 3.3 changed their API for plugins to a bundle-based approach and now uses CocoaScript.

  • Refactor plugin to new approach

Support Sketch 45 plugin update system

Hi there!

This is a quick note to remind you that Sketch 45 will include a plugin update system.

It would be awesome if you could add support to it (it's really easy!) before Sketch 45 comes out. Ideally, you should release an update for your plugin while we're still in Sketch 44, so your users will have a nice & easy experience when 45 is released.

For more details, please check http://sketchplugins.com/d/229-updating-plugins and http://developer.sketchapp.com/introduction/updating-plugins/

Thanks in advance!

Replaced icon is wrong color

Using the plugin with Sketch Beta, after firing "Restore Sketch Icon", I get a gold gem, not the deep blue/gray (that normally comes with the beta).

Can we make sure to restore the proper icon?

PS: this is fucking radddd

Features for Version 2

In order to improve the tool a bit, a few ideas for the next version of Sketch Dockpreview

  • Allow to preview multiple artboards at once, showing multiple icons in the dock.
  • Add a preview for status bar icons, with the same functionality as above.

Multiple Dock Icons

To show multiple dock icons, it may require bundling an application, which communicates between Sketch and itself through Mocha to update its icon in the dock and status bar.

There are some limitations regarding applications using multiple icons within the dock. I could perhaps be circumvented by one of these methods:

  • Run multiple instances of the app. Possibly controlled by a main app to easily quit whenever the user needs to.

Doesn't work on Sketch 3

I changed master branch as below,

diff --git a/Preview In Dock.sketchplugin b/Preview In Dock.sketchplugin
index a273930..7c4be6d 100644
--- a/Preview In Dock.sketchplugin
+++ b/Preview In Dock.sketchplugin
@@ -1,5 +1,5 @@
 // Preview in Dock (shift command d)

-@import 'dockpreview.js'
+#import 'dockpreview.js'

 dockpreview.setAppIconImage();
diff --git a/Restore Sketch Icon.sketchplugin b/Restore Sketch Icon.sketchplugin
index 96b8992..1d9a249 100644
--- a/Restore Sketch Icon.sketchplugin
+++ b/Restore Sketch Icon.sketchplugin
@@ -1,3 +1,3 @@
-@import 'dockpreview.js'
+#import 'dockpreview.js'

 dockpreview.restoreAppIconImage();
diff --git a/dockpreview.js b/dockpreview.js
index c32def6..883e1c4 100755
--- a/dockpreview.js
+++ b/dockpreview.js
@@ -1,4 +1,4 @@
-@import 'sandbox.js'
+#import 'sandbox.js'

then, it works well.

But I think this will break compatibility for Sketch Beta 3.
Any another solution?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.