feat: add better error handling if story doesn't exist

Author: chrisvxd

src/browser/page2layers.js

@@ -21,6 +21,10 @@ export const getSymbol = ({
     nodes = document.querySelector(querySelector);
   }
 
+  if (!nodes) {
+    return null;
+  }
+
   const layer = nodeTreeToSketchGroup(nodes, {
     getGroupName: getNodeName,
     getRectangleName: getNodeName

src/server/Story2sketch.js

@@ -163,7 +163,7 @@ export default class Story2sketch {
     }
 
     // Initialize an array per viewport based on the number of stories
-    for (const {id} of this.sortedViewports) {
+    for (const { id } of this.sortedViewports) {
       this.symbolsByViewport[id] = Array(this.storyCount);
     }
 
@@ -208,9 +208,19 @@ export default class Story2sketch {
 
       const symbol = JSON.parse(symbolJson);
 
-      symbol.symbolID = `${name}:${id}`;
-
-      symbolByViewport[id] = symbol;
+      if (symbol) {
+        symbol.symbolID = `${name}:${id}`;
+
+        symbolByViewport[id] = symbol;
+      } else {
+        console.warn(
+          chalk.yellow(
+            ` WARNING: No matching node for "${name}" using querySelector ${
+              this.querySelector
+            } on viewport ${id}`
+          )
+        );
+      }
     }
 
     this.logProgress(name);