fix: md2html fires an exception (#241)

.github/workflows/branch.yaml

@@ -15,4 +15,5 @@ jobs:
           node-version: '16.x'
       - run: npm install
       - run: npm run lint
+      - run: npm run test
       - run: npm run build

.github/workflows/release.yaml

@@ -15,6 +15,8 @@ jobs:
         with:
           node-version: '18.x'
       - run: npm install
+      - run: npm run lint
+      - run: npm run test
       - run: npm run semantic-release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package.json

@@ -4,6 +4,7 @@
   "description": "helix-import-ui",
   "type": "module",
   "scripts": {
+    "test": "c8 mocha",
     "clean": "rm -fr ./js/dist",
     "build:prod": "npm run clean && npm i && webpack --config webpack.prod.cjs",
     "build:dev": "npm run clean && npm i && webpack --config webpack.dev.cjs",
@@ -19,15 +20,15 @@
     "@adobe/remark-gridtables": "1.0.4",
     "@spectrum-web-components/bundle": "0.35.0",
     "@spectrum-web-components/icons-workflow": "0.35.0",
-    "hast-util-raw": "9.0.0",
-    "hast-util-to-html": "9.0.0",
-    "mdast-util-to-hast": "13.0.1",
+    "hast-util-raw": "8.0.0",
+    "hast-util-to-html": "8.0.4",
+    "mdast-util-to-hast": "12.3.0",
     "parcel": "2.9.3",
     "path-browserify": "1.0.1",
     "rehype-format": "4.0.1",
     "remark-gfm": "3.0.1",
     "remark-parse": "10.0.2",
-    "unified": "11.0.0"
+    "unified": "10.1.2"
   },
   "devDependencies": {
     "@adobe/eslint-config-helix": "2.0.2",
@@ -36,6 +37,7 @@
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",
+    "c8": "8.0.1",
     "clean-webpack-plugin": "4.0.0",
     "copy-webpack-plugin": "11.0.0",
     "eslint": "8.47.0",
@@ -44,6 +46,7 @@
     "eslint-plugin-import": "2.28.0",
     "html-webpack-plugin": "5.5.3",
     "mini-css-extract-plugin": "2.7.6",
+    "mocha": "10.2.0",
     "node-polyfill-webpack-plugin": "2.0.1",
     "semantic-release": "21.0.7",
     "stylelint": "15.10.2",

test/fixtures/complex.html

@@ -0,0 +1,75 @@
+<h1>Discover key visual trends for autumn 2023, from Adobe Stock</h1>
+<p>
+  <img src="./media_1cb2cdf571a5852af000c9aead3db8c38d04c6854.jpeg?width=750&#x26;format=jpeg&#x26;optimize=medium" alt="Photo of woman in sunglasses.">
+</p>
+<p><em>Image credit: Adobe Stock / <a href="https://stock.adobe.com/images/woman-wearing-sunglasses-in-desert-on-sunny-day/608703864">Westend61</a>.</em></p>
+<p>With the weather cooling, leaves changing colors, and many students going back to school, autumn has long been seen as a season of change. This year, as consumers adjust to structural shifts like remote work and inflation as well as value changes like the move toward more sustainable living, brands need to rethink and refresh their creative communications.</p>
+<p>The Adobe Stock autumn 2023 collections focus on current trends, from <a href="https://stock.adobe.com/collections/t5L4SZfTRIfmqYp41lgDNngYVOAwBJxH">mindful travel</a> to <a href="https://stock.adobe.com/collections/bL6qiiMHtctYBWsaD2qzHXKkk7XScAre">personal betterment.</a> In all the collections, we see diverse people striving to live more consciously and align their choices with the things that matter most to them.</p>
+<p><a href="/en/promotions/products/creative-cloud/stock">https://blog.adobe.com/en/promotions/products/creative-cloud/stock</a></p>
+<p>Read on to understand more about these trends and how to make the most of them in your upcoming creative and campaigns.</p>
+<p>
+  <img src="./media_1586fdc2fc0121660ddeb058d8a61e01d474ed500.jpeg?width=750&#x26;format=jpeg&#x26;optimize=medium" alt="Photo of fall trees.">
+</p>
+<p><em>Image credit: Adobe Stock / <a href="https://stock.adobe.com/images/a-paper-art-style-illustration-of-a-forest-in-autumn-generative-ai/600119780">dataimasu</a>.</em></p>
+<h2>Living our values through travel, education, and self-care</h2>
+<p>People are traveling <a href="https://www.travelpulse.com/News/Destinations/US-Travelers-Spending-Abroad-Reaches-All-Time-High">at record levels</a> for business, pleasure, and “bleisure.” At the same time, they’re factoring climate change into their travel decisions as they attempt to lower their carbon footprints, create less waste, and get from point A to point B more sustainably.</p>
+<p>Global brands like Patagonia and The North Face are integrating these values into their missions and providing eco-friendly experiences to travelers. Hyper-local travel experiences are also becoming popular. For example, internet searches for “nature on your doorstep” have <a href="https://mp.weixin.qq.com/s/m-_MWj4MT8iOYwOLMPKirQ">increased 287 percent</a> in China, and US west coast organizations like Forage SF and WildCraft Studio School are offering <a href="https://www.nytimes.com/2023/02/23/travel/mushroom-foraging-west.html">mushroom foraging trips</a> and educating hikers about delicate local ecosystems.</p>
+<p>Our Adobe Stock <a href="https://stock.adobe.com/collections/t5L4SZfTRIfmqYp41lgDNngYVOAwBJxH">Mindful and Sustainable Travel</a> collection features images and videos that depict people taking part in environmentally friendly travel and outdoor activities.</p>
+<p>
+  <img src="./media_1ae376d2c3b1744274ed0c4e48c8e6a805b07bcae.jpeg?width=750&#x26;format=jpeg&#x26;optimize=medium" alt="Collage of fall themed images.">
+</p>
+<p><em>Image credits, clockwise from top left: Adobe Stock / <a href="https://stock.adobe.com/images/hiker-standing-under-mountain-summit/524300708">bernardbodo</a>; Adobe Stock / <a href="https://stock.adobe.com/images/detail-shot-of-fabric-bag-for-collecting-wild-edible-chicken-fat-mushrooms-boletes-in-their-forest-habitat-mushroom-foraging-in-the-rocky-mountains/552630548">Rachel</a>; Adobe Stock / <a href="https://stock.adobe.com/images/fall-outdoor-background/543103616">Example</a>; Adobe Stock / <a href="https://stock.adobe.com/images/close-up-of-woman-holding-rowanberry/553459033">Cultura Creative</a>.</em></p>
+<p>Consumers' focus this season extends beyond sustainable living. They’re also looking to improve themselves through education, spending time, energy, and money learning new skills, languages, and crafts in both digital and physical settings.</p>
+<p><a href="https://www.tiktok.com/tag/edutok?lang=en">#EduTok</a> on TikTok has over 150 billion views, with many users gravitating towards learning personal finance and career development skills. Socially integrated apps like DuoLingo, Skillshare, Masterclass, and Calm are wildly popular with people looking to pick up new skills and knowledge. People are also seeking opportunities for learning in brick-and-mortar facilities like bookstores and cafes that host book clubs, readings, and other events. Separate from work and home, these “third spaces” are fulfilling a need for education and a sense of community.</p>
+<p>The Adobe Stock <a href="https://stock.adobe.com/collections/Pm4hIPDUu4WsnDuFVDUpS5fSenFZOjtm">Hybrid and Remote Learning</a> collection spotlights all these trends, showing a variety of ways that people are pursuing education on their own terms.</p>
+<p>
+  <img src="./media_12cc7708019503f475d78094233c4e7f50bba1383.png?width=750&#x26;format=png&#x26;optimize=medium" alt="Image of three people smiling at a table.">
+</p>
+<p><em>Image credit: Adobe Stock / <a href="https://stock.adobe.com/images/group-of-modern-immigrants-sitting-at-table-having-fun-laughing-at-something-funny-during-english-lesson/506767715">pressmaster</a>.</em></p>
+<p>When it comes to personal betterment, fitness and wellness are trending — and changing. Traditional gym memberships are seeing a substantial rebound this year, with consumers favoring gyms that put a premium on <a href="https://insider.fitt.co/issue-no-213-year-end-review/">good instructors, motivation, and accountability</a>. Workouts that can’t be done at home, like reformer Pilates and boot camps, are the most popular. And as people move away from activities like dieting and body sculpting to focus on their overall health and wellbeing, they now report that the biggest reason they work out is not to lose weight but to <a href="https://www.mindbodyonline.com/sites/default/files/public/education/learning-assets/2022-MWI-Fitness-Report.pdf">manage stress and feel better mentally</a>.</p>
+<p>Explore our <a href="https://stock.adobe.com/collections/bL6qiiMHtctYBWsaD2qzHXKkk7XScAre">Holistic Health and Wellness</a> collection for Adobe Stock assets that spotlight everything from gym workouts to self-care.</p>
+<p>
+  <img src="./media_1c20e0fa454d5145bf8aadc0a7b35ce92a4df839a.jpeg?width=750&#x26;format=jpeg&#x26;optimize=medium" alt="Collage of fall themed images.">
+</p>
+<p><em>Image credits, clockwise from top left: Adobe Stock / <a href="https://stock.adobe.com/images/people-taking-selfie-in-gym/546721825">Studio Firma/Stocksy</a>; Adobe Stock / <a href="https://stock.adobe.com/images/pickleball-game-hands-over-blue-sky-hitting-pickleball-yellow-ball-with-paddle-outdoor-sport-leisure-activity/573242306">Наталия Кузина</a>; Adobe Stock / <a href="https://stock.adobe.com/images/outdoor-yoga-class-in-city-park-yoga-exercise-concept-vector-illustration-young-women-training-together-with-male-instructor-cartoon-characters-healthy-lifestyle-sport-activity/386299831">Wanlee</a>.</em></p>
+<h2>Evolving beyond fast fashion and into slower, more sensory style</h2>
+<p>Consumers are increasingly rejecting the “hip today, passé tomorrow” ethos of fast fashion in favor of styles that are more sustainable and lasting. <a href="https://blackhawknetwork.com/resources/research-inflation-other-economic-factors-driving-consumers-seek-out-deals-and-promotions-blackhawk-network?utm_source=Fletcher&#x26;utm_medium=Press_Release&#x26;utm_campaign=BHN_US&#x26;utm_term=CMP-02317-Y5Q9K&#x26;utm_content=InflationResearch_blog">Inflation is playing a part</a> as consumers look to economize, but a survey of Gen Z shoppers shows that <a href="https://www.themomentum.com/now/fashion-5-30">over 60 percent</a> prefer ethical and sustainable clothing brands.</p>
+<p>Also trending is fashion that uses texture, color, and silhouette to appeal to the senses. Check out the Adobe Stock <a href="https://stock.adobe.com/collections/i8lliUIuQ3TKieXMjF1wcMtVpgGExl2a">Fall Style</a> collection to find visuals that show people delighting in how clothing looks, feels, and sounds.</p>
+<p>
+  <img src="./media_1d34acea31bf03717f272b0246da9c41cd201068a.jpeg?width=750&#x26;format=jpeg&#x26;optimize=medium" alt="Collage of abstract art images of individuals.">
+</p>
+<p><em>Image credits, from left to right: Adobe Stock / <a href="https://stock.adobe.com/images/multiracial-women-sitting-back-to-back/564924061">Tania Cervian/Stocksy</a>; Adobe Stock / <a href="https://stock.adobe.com/images/man-with-arms-outstretched-standing-on-chair-at-home/500869155">Westend61</a>; Adobe Stock / <a href="https://stock.adobe.com/images/woman-in-red/548954104">Meral</a>.</em></p>
+<h2>Discover colors that feel like fall</h2>
+<p>The Adobe Stock team has created two color palettes that reflect the looks and moods of autumn 2023. <a href="https://color.adobe.com/color-theme_1000_F_578884187_ZCWFh6ujhJ72w9NOVElNkRmoymMl2bpP-color-theme-a59804b8-2e57-4867-9fba-7603927b51f1/">Painted Desert</a> offers a blend of vivid and muted hues that recall the breathtaking tones of Arizona’s Painted Desert. And <a href="https://color.adobe.com/color-theme_1000_F_535185851_o9IsbGmmmtynvqHT5WGbVviAOrQao3b1-color-theme-9919d453-9b97-4944-acbe-8f17d2f92e11/">Sunny Days</a> evokes the golden light, falling leaves, and nature tones of autumn on blue-sky days.</p>
+<p>Plus, our <a href="https://stock.adobe.com/collections/IIHRZVPxBu76sweDViZOOoXmk9aOnF3Y">Fall Colors and Textures</a> collection brings together photos, videos, designs, and illustrations from across Adobe Stock. From fiery oranges and golden yellows to the brittle textures of falling leaves, these assets showcase autumn 2023 in all its glory.</p>
+<p>
+  <img src="./media_1b2cc36431c7f1efcb8765c378722b3edf93f477c.jpeg?width=750&#x26;format=jpeg&#x26;optimize=medium" alt="Image of the ocean and the earth.">
+</p>
+<p><em>Image credit: Adobe Stock / <a href="https://stock.adobe.com/images/moon-rising-over-the-sea-in-red-tones/542513720">Raquel</a>.</em></p>
+<h2>Find Adobe Stock visuals that embody autumn</h2>
+<p>Check out our <a href="https://www.adobe.com/creativecloud/autumn-winter-guide-download.html">seasonal trends guide</a> for more research, tips, and ideas around fall content themes. No matter what industry you’re in, the guide will help you understand the current cultural landscape and think strategically about the kinds of visuals you need to appeal to the concerns, moods, and passions of your audiences in autumn 2023.</p>
+<p><strong><a href="/en/publish/2023/06/09/adobe-stock-artist-jacob-lund-patience-pursuing-your-dreams-paying-forward">https://blog.adobe.com/en/publish/2023/06/09/adobe-stock-artist-jacob-lund-patience-pursuing-your-dreams-paying-forward</a></strong></p>
+<p><strong><a href="/en/publish/2023/08/08/at-limbitless-ai-makes-everyone-visual-storyteller">https://blog.adobe.com/en/publish/2023/08/08/at-limbitless-ai-makes-everyone-visual-storyteller</a> <a href="/en/publish/2022/12/06/adobe-stock-2023-creative-trends-forecast-seeking-inspiration-authenticity">https://blog.adobe.com/en/publish/2022/12/06/adobe-stock-2023-creative-trends-forecast-seeking-inspiration-authenticity</a></strong></p>
+<table>
+  <thead>
+    <tr>
+      <th colspan="2">Metadata</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>Title</td>
+      <td>Discover key visual trends for autumn 2023, from Adobe Stock. | Adobe Blog</td>
+    </tr>
+    <tr>
+      <td>Description</td>
+      <td>Dive deep into the themes, topics, and colors that are sure to resonate with consumers in the fall, from cozy textures and autumn color palettes, to hybrid work and back to school stock photos, timely stock illustrations, on-trend stock footage, and more.</td>
+    </tr>
+    <tr>
+      <td>Image</td>
+      <td>
+        <img src="./media_1cb2cdf571a5852af000c9aead3db8c38d04c6854.jpeg?width=1200&#x26;format=pjpg&#x26;optimize=medium" alt="">
+      </td>
+    </tr>
+  </tbody>
+</table>