Merge pull request #94 from andrewbranch/bug/93

Only visit inlineCode nodes if inlineCode is defined

Author: andrewbranch

src/index.js

@@ -66,7 +66,7 @@ function createPlugin() {
     const nodes = [];
     visit(
       markdownAST,
-      ({ type }) => type === 'code' || type === 'inlineCode',
+      ({ type }) => type === 'code' || inlineCode && type === 'inlineCode',
       node => {
         nodes.push(node);
       }

test/integration/baselines/bug-93.html

@@ -0,0 +1,50 @@
+<h1>TypeError: Cannot read property 'marker' of undefined</h1>
+<p>After updating to <code>v2.1.0</code> I am now getting this error.</p>
+<p>My gatsby-config.js file looks like this:</p>
+<pre class="grvsc-container default-dark" data-language="js" data-index="0"><code class="grvsc-code"><span class="grvsc-line"><span class="mtk1">{</span></span>
+<span class="grvsc-line"><span class="mtk1">    resolve: </span><span class="mtk8">"gatsby-remark-vscode"</span><span class="mtk1">,</span></span>
+<span class="grvsc-line"><span class="mtk1">    options: {</span></span>
+<span class="grvsc-line"><span class="mtk1">        theme: </span><span class="mtk8">"Shades of Purple"</span><span class="mtk1">,</span></span>
+<span class="grvsc-line"><span class="mtk1">        extensions: [</span><span class="mtk8">"shades-of-purple"</span><span class="mtk1">],</span></span>
+<span class="grvsc-line"><span class="mtk1">    },</span></span>
+<span class="grvsc-line"><span class="mtk1">},</span></span></code></pre>
+<style class="grvsc-styles">
+  .grvsc-container {
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 1rem;
+    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));
+    padding-bottom: 1rem;
+    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));
+    border-radius: 8px;
+    border-radius: var(--grvsc-border-radius, 8px);
+    font-feature-settings: normal;
+  }
+  
+  .grvsc-code {
+    display: inline-block;
+    min-width: 100%;
+  }
+  
+  .grvsc-line {
+    display: inline-block;
+    box-sizing: border-box;
+    width: 100%;
+    padding-left: 1.5rem;
+    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));
+    padding-right: 1.5rem;
+    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));
+  }
+  
+  .grvsc-line-highlighted {
+    background-color: var(--grvsc-line-highlighted-background-color, transparent);
+    box-shadow: inset var(--grvsc-line-highlighted-border-width, 4px) 0 0 0 var(--grvsc-line-highlighted-border-color, transparent);
+  }
+  
+  .default-dark {
+    background-color: #1E1E1E;
+    color: #D4D4D4;
+  }
+  .default-dark .mtk1 { color: #D4D4D4; }
+  .default-dark .mtk8 { color: #CE9178; }
+</style>

test/integration/cases/bug-93/test.md

@@ -0,0 +1,15 @@
+# TypeError: Cannot read property 'marker' of undefined
+
+After updating to `v2.1.0` I am now getting this error.
+
+My gatsby-config.js file looks like this:
+
+```js
+{
+    resolve: "gatsby-remark-vscode",
+    options: {
+        theme: "Shades of Purple",
+        extensions: ["shades-of-purple"],
+    },
+},
+```