├── .gitignore
├── LICENSE
├── Layers
    └── Toggle Layers.sketchplugin
├── Pages
    ├── View Next Page.sketchplugin
    └── View Previous Page.sketchplugin
├── README.md
├── Text
    └── Split Combine Text.sketchplugin
    │   └── Contents
    │       └── Sketch
    │           ├── combine.cocoascript
    │           ├── manifest.json
    │           └── split.cocoascript
└── sketchpack.json


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .git
3 | TODO.md


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2014 Josh Wayne
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/Layers/Toggle Layers.sketchplugin:
--------------------------------------------------------------------------------
 1 | // Toggle Layers (ctrl alt cmd h)
 2 | 
 3 | var doc = context.document;
 4 | var layerCompare = "👀"; // change this to whatever you'd like to match
 5 | var layerGroups = doc.currentPage().children();
 6 | 
 7 | for (var i=0; i<layerGroups.count(); i++) {
 8 | 	var layerGroup = [layerGroups objectAtIndex: i];
 9 | 
10 | 	if ([layerGroup class] != (MSArtboardGroup || MSPage)) {
11 | 		nameMatcher(layerGroup);
12 | 	};
13 | }
14 | 
15 | function nameMatcher (layer) {
16 | 	var layerName = [layer name];
17 | 
18 | 	if (layerName.match(layerCompare)) {
19 | 		if ([layer isVisible]) {
20 | 			[layer setIsVisible:false];
21 | 		} else {
22 | 			[layer setIsVisible:true];
23 | 		}
24 | 	}
25 | }


--------------------------------------------------------------------------------
/Pages/View Next Page.sketchplugin:
--------------------------------------------------------------------------------
 1 | // View Next Page (ctrl alt command →)
 2 | 
 3 | var pages = [doc pages],
 4 |     current = [doc currentPage],
 5 |     pageCount = pages.count() - 1;
 6 | 
 7 | for (var i = 0; i < pages.count(); i++) {
 8 | 
 9 |   if (pages[i] == current) {
10 |     if (i == pageCount) {
11 |       [doc setCurrentPage:[0]];
12 |     } else {
13 |       var next = pages[i+1];
14 |       [doc setCurrentPage:next];
15 |     };
16 |   };
17 | 
18 | };


--------------------------------------------------------------------------------
/Pages/View Previous Page.sketchplugin:
--------------------------------------------------------------------------------
 1 | // View Previous Page (ctrl alt command ←)
 2 | 
 3 | var pages = [doc pages],
 4 |     current = [doc currentPage],
 5 |     pageCount = pages.count() - 1;
 6 | 
 7 | for (var i = 0; i < pages.count(); i++) {
 8 | 
 9 |   if (pages[i] == current) {
10 |     if (i == 0) {
11 |       var last = pages[pageCount];
12 |       [doc setCurrentPage:last];
13 |     } else {
14 |       var prev = pages[i-1];
15 |       [doc setCurrentPage:prev];
16 |     };
17 |   };
18 | 
19 | };


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Sketch Plugins
 2 | 
 3 | This is a collection of plugins I've created for Bohemian Coding's sweet design app [Sketch](http://bohemiancoding.com/sketch/).
 4 | 
 5 | ## 1. Text Plugins
 6 | 
 7 | ### Split Text Lines to Layers
 8 | Takes the currently selected text layer and splits each text line to its own separate layer. 
 9 | 
10 | ### Combine Text Layers
11 | Takes the current selection of separate text layers and combines the text to a single layer.
12 | 
13 | ## 2. Page Plugins
14 | 
15 | ### View Previous/Next Page
16 | Simple plugin to add keyboard shortcuts to view the previous/next page 
17 | 
18 | Next page: `⌥⌘→`
19 | 
20 | Previous page: `⌥⌘←`
21 | 
22 | ## 3. Layer Plugins
23 | 
24 | ### Toggle Layers
25 | Toggles the visibility of all layers and groups containing ":eyes:" (eyes emoji) with the command `⌃⌥⌘H`
26 | 
27 | 
28 | 
29 | 


--------------------------------------------------------------------------------
/Text/Split Combine Text.sketchplugin/Contents/Sketch/combine.cocoascript:
--------------------------------------------------------------------------------
 1 | var onRun = function(context) {
 2 |   // Combine text layers
 3 | 
 4 |   var textArray = [],
 5 |       firstObject = context.selection[0],
 6 |       parent = [firstObject parentGroup], // layer parent for removing original layer
 7 |       newLayer = [firstObject duplicate],
 8 |       selectedLayers = context.selection,
 9 |       selectedCount = selectedLayers.count();
10 | 
11 |   for (var i=0; i<selectedCount; i++) {
12 |     var layer = selectedLayers[i],
13 |         frame = [layer frame],
14 |         layerVals = {
15 |           text: [layer stringValue],
16 |           y: [frame y]
17 |         };
18 | 
19 |     textArray.push(layerVals);
20 | 
21 |     // Remove layer
22 |     [parent removeLayer: layer];
23 |   };
24 | 
25 |   textArray.sort(function (a, b) {
26 |       if (a.y > b.y) {
27 |         return 1;
28 |       }
29 |       if (a.y < b.y) {
30 |         return -1;
31 |       }
32 |       // a must be equal to b
33 |       return 0;
34 |   });
35 | 
36 |   var lineHeight = [newLayer lineHeight],
37 |       newFrame = [newLayer frame],
38 |       combinedText = textArray.map(function(elem){
39 |       return elem.text;
40 |   }).join("\n");
41 | 
42 |   // Bug in Sketch causes lineHeight to return 0 if set to auto. Faking it with magic number.
43 |   if (lineHeight == 0) {
44 |     lineHeight = [newLayer fontSize] * 1.2;
45 |   };
46 | 
47 |   [newLayer setStringValue: combinedText];
48 |   [newFrame setY: textArray[0].y];
49 |   [newLayer select:true byExpandingSelection:true]
50 | 
51 |   // New layer still retains old height info; bug?
52 |   newFrame.setHeight(Math.round(lineHeight * textArray.length));
53 | 
54 | };


--------------------------------------------------------------------------------
/Text/Split Combine Text.sketchplugin/Contents/Sketch/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "author" : "Josh Wayne",
 3 |   "commands" : [
 4 |     {
 5 |       "script" : "split.cocoascript",
 6 |       "handler" : "onRun",
 7 |       "shortcut" : "",
 8 |       "name" : "Split Text Lines to Layers",
 9 |       "identifier" : "split text lines to layers"
10 |     },
11 |     {
12 |       "script" : "combine.cocoascript",
13 |       "handler" : "onRun",
14 |       "shortcut" : "",
15 |       "name" : "Combine Text Layers",
16 |       "identifier" : "combine text layers"
17 |     }
18 |   ],
19 |   "menu" : {
20 |     "items" : [
21 |       "split text lines to layers",
22 |       "combine text layers"
23 |     ],
24 |     "title" : "Text"
25 |   },
26 |   "identifier" : "com.joshwayne.sketch.split-combine-text",
27 |   "version" : "3.0",
28 |   "description" : "Simple plugin to split and combine multiple text lines.",
29 |   "authorEmail" : "",
30 |   "name" : "Split/Combine Text"
31 | }


--------------------------------------------------------------------------------
/Text/Split Combine Text.sketchplugin/Contents/Sketch/split.cocoascript:
--------------------------------------------------------------------------------
 1 | var onRun = function(context) {
 2 |   // Split text lines to layers
 3 | 
 4 |   var selectedLayers = context.selection,
 5 |       selectedCount = selectedLayers.count();
 6 | 
 7 |   if (selectedCount == 0) {
 8 |     log('No layers are selected.');
 9 |   } else {
10 |     // Loop through selected layers
11 |     for (var i=0; i<selectedCount; i++) {
12 |       var layer = selectedLayers[i],
13 |           frame = [layer frame],
14 |           layerString = [layer stringValue],
15 |           lines = layerString.split("\n"), // split text at new line character
16 |           parent = [layer parentGroup]; // layer parent for removing original layer
17 | 
18 |       // Create new layer for each line
19 |       for (j=0; j<lines.length; j++) {
20 |         var line = lines[j];
21 | 
22 |         if (line.length == 0) {
23 |           continue; // skip if it's a blank line
24 |         } else {
25 |           var newLayer = [layer duplicate],
26 |               newFrame = [newLayer frame],
27 |               lineHeight = [newLayer lineHeight];
28 | 
29 |           // Bug in Sketch causes lineHeight to return 0 if set to auto. Faking it with magic number.
30 |           if (lineHeight == 0) {
31 |             lineHeight = [newLayer fontSize] * 1.2;
32 |           };
33 | 
34 |           // Set text, layer name, and offset y for new layer and select it
35 |           [newLayer setStringValue: line];
36 |           [newLayer setName: line];
37 |           [newFrame setY: (lineHeight * j + frame.y())];
38 |           [newLayer select:true byExpandingSelection:true];
39 | 
40 |           // Duplicated layers still retain old height info; bug?
41 |           newFrame.setHeight(lineHeight);
42 |         };
43 |       };
44 | 
45 |       // Remove original layer
46 |       [parent removeLayer: layer];
47 |     };
48 |   };
49 | };


--------------------------------------------------------------------------------
/sketchpack.json:
--------------------------------------------------------------------------------
1 | {
2 |     "name": "JW Plugins",
3 |     "description": "A small collection of plugins for manipulating text, switching pages, and toggling layers",
4 |     "tags": ["text", "pages", "commands"]
5 | }


--------------------------------------------------------------------------------