fix(deps): Update html-sketchapp-cli to v2 (#29)

Author: markdalgleish

package.json

@@ -35,7 +35,7 @@
   },
   "homepage": "https://github.com/seek-oss/html-sketchapp-cli#readme",
   "dependencies": {
-    "@brainly/html-sketchapp": "^1.1.0",
+    "@brainly/html-sketchapp": "^2.0.0",
     "es6-promisify": "^6.0.0",
     "find-up": "^2.1.0",
     "get-port": "^3.2.0",
@@ -58,9 +58,10 @@
     "husky": "^0.14.3",
     "jest": "^22.0.1",
     "rimraf": "^2.6.2",
-    "semantic-release": "^12.4.1",
+    "semantic-release": "^15.1.3",
     "traverse": "^0.6.6",
     "travis-deploy-once": "^4.3.4",
-    "webpack": "^3.10.0"
+    "webpack": "^4.1.1",
+    "webpack-cli": "^2.0.12"
   }
 }

script/src/generateAlmostSketch.js

@@ -4,14 +4,14 @@ import Text from '@brainly/html-sketchapp/html2asketch/text.js';
 import nodeToSketchLayers from '@brainly/html-sketchapp/html2asketch/nodeToSketchLayers.js';
 import SymbolMaster from '@brainly/html-sketchapp/html2asketch/symbolMaster.js';
 
-const getAllLayers = async (item, symbolMastersByName = {}) => {
+const getAllLayers = (item, symbolMastersByName = {}) => {
   const itemAndChildren = [item, ...item.querySelectorAll('*')];
 
   const symbolInstanceChildren = new Set([
     ...item.querySelectorAll('[data-sketch-symbol-instance] *')
   ]);
 
-  const layerPromises = Array.from(itemAndChildren).map(node => {
+  const layers = Array.from(itemAndChildren).map(node => {
     if (node.dataset.sketchSymbolInstance) {
       const symbolName = node.dataset.sketchSymbolInstance;
 
@@ -36,8 +36,6 @@ const getAllLayers = async (item, symbolMastersByName = {}) => {
     return nodeToSketchLayers(node);
   });
 
-  const layers = await Promise.all(layerPromises);
-
   return layers.reduce((prev, current) => prev.concat(current), []);
 };
 
@@ -52,12 +50,10 @@ export function snapshotColorStyles() {
     });
 }
 
-export async function snapshotTextStyles({ suffix = '' }) {
-  await Array.from(document.querySelectorAll('[data-sketch-text]'))
-    .forEach(async item => {
-      const layers = await getAllLayers(item);
-
-      layers
+export function snapshotTextStyles({ suffix = '' }) {
+  Array.from(document.querySelectorAll('[data-sketch-text]'))
+    .forEach(item => {
+      getAllLayers(item)
         .filter(layer => layer instanceof Text)
         .forEach(layer => {
           const name = item.dataset.sketchText;
@@ -81,7 +77,7 @@ export function setupSymbols({ name }) {
   page.setName(name);
 }
 
-export async function snapshotSymbols({ suffix = '' }) {
+export function snapshotSymbols({ suffix = '' }) {
   const nodes = Array.from(document.querySelectorAll('[data-sketch-symbol]'));
 
   const symbolMastersByName = nodes.reduce((obj, item) => {
@@ -96,11 +92,11 @@ export async function snapshotSymbols({ suffix = '' }) {
     return obj;
   }, {});
 
-  const symbolPromises = nodes.map(async item => {
+  const symbols = nodes.map(item => {
     const name = item.dataset.sketchSymbol;
     const symbol = symbolMastersByName[name];
 
-    const layers = await getAllLayers(item, symbolMastersByName);
+    const layers = getAllLayers(item, symbolMastersByName);
 
     layers
       .filter(layer => layer !== null)
@@ -109,8 +105,6 @@ export async function snapshotSymbols({ suffix = '' }) {
     return symbol;
   });
 
-  const symbols = await Promise.all(symbolPromises);
-
   symbols.forEach(obj => page.addLayer(obj));
 }
 

script/src/webpack.config.js

@@ -1,6 +1,7 @@
 const path = require('path');
 
 module.exports = {
+  mode: 'production',
   entry: path.resolve(__dirname, 'generateAlmostSketch.js'),
   output: {
     path: __dirname,