Port Align commands to JS API. Closes #81

Author: bomberstudios

Sketch Commands.sketchplugin/Contents/Sketch/Align/Space Horizontal.cocoascript

@@ -0,0 +1,31 @@
+// Distributes the selected elements horizontally, with the same distance beetween them.
+var onRun = function(context) {
+  var sketch = require('sketch')
+  var Document = sketch.Document
+  var UI = sketch.UI
+  var document = Document.getSelectedDocument()
+  var selection = document.selectedLayers
+
+  function sort_by_position(a,b){
+    return a.frame.x - b.frame.x
+  }
+
+  UI.getInputFromUser(
+    "Spacing",
+    {
+      initialValue: 10,
+    },
+    (err, value) => {
+      if (err) {
+        return
+      }
+      var sorted_selection = selection.layers.sort(sort_by_position)
+      var first_element = sorted_selection[0]
+      var left_position = first_element.frame.x
+      sorted_selection.forEach(layer => {
+        layer.frame.x = left_position
+        left_position = layer.frame.x + layer.frame.width + parseInt(value)
+      })
+    }
+  )
+}

Sketch Commands.sketchplugin/Contents/Sketch/Align/Space Horizontal.js

@@ -0,0 +1,31 @@
+// Distributes the selected elements vertically, with the same distance beetween them.
+var onRun = function(context) {
+  var sketch = require('sketch')
+  var Document = sketch.Document
+  var UI = sketch.UI
+  var document = Document.getSelectedDocument()
+  var selection = document.selectedLayers
+
+  function sort_by_position(a,b){
+    return a.frame.x - b.frame.x
+  }
+
+  UI.getInputFromUser(
+    "Spacing",
+    {
+      initialValue: 10,
+    },
+    (err, value) => {
+      if (err) {
+        return
+      }
+      var sorted_selection = selection.layers.sort(sort_by_position)
+      var first_element = sorted_selection[0]
+      var top_position = first_element.frame.y
+      sorted_selection.forEach(layer => {
+        layer.frame.y = top_position
+        top_position = layer.frame.y + layer.frame.height + parseInt(value)
+      })
+    }
+  )
+}

Sketch Commands.sketchplugin/Contents/Sketch/Align/Space Vertical.cocoascript

@@ -15,13 +15,13 @@
       "name": "Space Horizontal",
       "identifier": "spacehorizontal",
       "shortcut": "",
-      "script": "Align/Space Horizontal.cocoascript"
+      "script": "Align/Space Horizontal.js"
     },
     {
       "name": "Space Vertical",
       "identifier": "spacevertical",
       "shortcut": "",
-      "script": "Align/Space Vertical.cocoascript"
+      "script": "Align/Space Vertical.js"
     },
     {
       "name": "Alpha…",