Backwards compatibility with Sketch 43

finchalyzer · May 18, 2017 · f92b664 · f92b664
1 parent 5fcb96b
commit f92b664
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 8 deletions.
diff --git a/Slinky.sketchplugin/Contents/Sketch/Slinky.js b/Slinky.sketchplugin/Contents/Sketch/Slinky.js
diff --git a/source/slinky/Slinky.ts b/source/slinky/Slinky.ts
@@ -10,6 +10,8 @@ function exportHTML(context?: SketchContext) {
    const artboard = context.document.currentPage().currentArtboard()
    const command = context.command
 
+   const sketchVersion = parseFloat(context.api().version)
+
    if(!artboard){
       dialog("Select an artboard first!", "⚠️ Slinky")
       return
@@ -22,7 +24,7 @@ function exportHTML(context?: SketchContext) {
 
    if(!exportPath) return
 
-   const content = convert(artboard, command)
+   const content = convert(artboard, command, sketchVersion)
 
    const result = saveFile(content.table, exportPath)
 

diff --git a/source/slinky/convert.ts b/source/slinky/convert.ts
@@ -3,7 +3,7 @@ import clone from "lodash-es/clone"
 import { rgbaToHex, NSrgbaToHex, isURL, formatLink, indent, expandCSS, contractCSS, isCircle } from "./helpers"
 import { template } from "./layout"
 
-export function convert(artboard: MSArtboardGroup, command: MSPluginCommand){
+export function convert(artboard: MSArtboardGroup, command: MSPluginCommand, sketchVersion: number){
 
    // Get all visible layers from the artboard
    const data = sketchToLayers(artboard.layers(), null, command)
@@ -38,10 +38,11 @@ export function convert(artboard: MSArtboardGroup, command: MSPluginCommand){
       depth: 3
    })
 
-   const bodyBackground = rgbaToHex(artboard.backgroundColor())
+
+   const bodyBackground = (sketchVersion < 44) ? artboard.backgroundColorGeneric() : artboard.backgroundColor()
 
    return {
-      table: template(bodyBackground, table),
+      table: template(rgbaToHex(bodyBackground), table),
       assets: data.assets
    }
 

diff --git a/source/typings/Sketch.d.ts b/source/typings/Sketch.d.ts
@@ -71,6 +71,12 @@ interface MSArtboardGroup{
    objectID(): string
    layers(): MSLayer[]
    name(): string
+   backgroundColorGeneric(): {
+      red(): number,
+      green(): number,
+      blue(): number,
+      alpha(): number
+   }
    backgroundColor(): {
       red(): number,
       green(): number,