chore: upgrade dependencies

.gitignore

@@ -164,4 +164,5 @@ $RECYCLE.BIN/
 .yarn/install-state.gz
 .yarn/build-state.yml
 .yarn/unplugged
-.npmrc
+.npmrc
+.husky

package.json

@@ -25,40 +25,46 @@
   },
   "dependencies": {
     "apr-intercept": "^3.0.4",
-    "got": "^11.7.0",
-    "hast-util-select": "^4.0.0",
-    "hast-util-to-html": "^7.1.1",
+    "got": "^11.8.2",
+    "hast-util-select": "^4.0.2",
+    "hast-util-to-html": "^7.1.2",
     "hastscript": "^6.0.0",
     "is-url": "^1.2.4",
-    "mime": "^2.4.6",
-    "param-case": "^3.0.3"
+    "mime": "^2.5.2",
+    "param-case": "^3.0.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.1",
-    "@babel/preset-react": "^7.12.1",
-    "@mdx-js/mdx": "^1.6.18",
+    "@babel/core": "^7.13.14",
+    "@babel/preset-react": "^7.13.13",
+    "@commitlint/cli": "^12.0.1",
+    "@commitlint/config-conventional": "^12.0.1",
+    "@mdx-js/mdx": "^1.6.22",
     "@rollup/plugin-virtual": "^2.0.3",
-    "ava": "^3.13.0",
-    "c8": "^7.3.4",
-    "eslint": "^7.11.0",
-    "eslint-config-prettier": "^6.12.0",
-    "eslint-config-xo-space": "^0.25.0",
-    "husky": "^4.3.0",
-    "lint-staged": "^10.4.0",
+    "ava": "^3.15.0",
+    "c8": "^7.7.0",
+    "eslint": "^7.23.0",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-config-xo-space": "^0.27.0",
+    "husky": "^6.0.0",
+    "lint-staged": "^10.5.4",
     "mz": "^2.7.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.1.2",
-    "puppeteer": "^5.3.1",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
+    "prettier": "^2.2.1",
+    "puppeteer": "^8.0.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "remark": "^13.0.0",
     "remark-html": "^13.0.1",
-    "rollup": "^2.31.0",
+    "rollup": "^2.44.0",
     "rollup-plugin-babel": "^4.4.0"
   },
+  "resolutions": {
+    "fsevents": "1.2.13"
+  },
   "husky": {
     "hooks": {
-      "pre-commit": "lint-staged"
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   },
   "lint-staged": {
@@ -91,7 +97,18 @@
     "rules": {
       "new-cap": 0,
       "camelcase": 0,
-      "capitalized-comments": 0
+      "capitalized-comments": 0,
+      "no-promise-executor-return": 0
+    }
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ],
+    "rules": {
+      "body-max-line-length": [
+        0
+      ]
     }
   }
 }

test/index.js

@@ -20,6 +20,10 @@ const OUTPUTS = join(__dirname, 'outputs');
 const compileJsx = async (src, options) => {
   const config = await prettier.resolveConfig(__filename);
 
+  const prettify = (str) => {
+    return prettier.format(str, { ...config, parser: 'html' });
+  };
+
   const jsx = await mdx(src, {
     commonmark: true,
     gfm: true,
@@ -36,7 +40,9 @@ const compileJsx = async (src, options) => {
     treeshake: true,
     plugins: [
       virtual({
-        'main.js': "import React from 'react';\n".concat(code),
+        'main.js': "import React from 'react';\n"
+          .concat(`const mdx = React.createElement;\n`)
+          .concat(code),
       }),
       require('rollup-plugin-babel')({
         sourceType: 'module',
@@ -58,10 +64,7 @@ const compileJsx = async (src, options) => {
   const fn = new Function('React', `${result.output[0].code};\nreturn Main;`);
   const element = React.createElement(fn(React).default);
 
-  return prettier.format(ReactDOM.renderToStaticMarkup(element), {
-    ...config,
-    parser: 'html',
-  });
+  return prettify(ReactDOM.renderToStaticMarkup(element));
 };
 
 const compile = async (src, options) => {

test/outputs/async-img-all.html

@@ -9,14 +9,14 @@
     ><img
       src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAAABkW7XSAAAEYklEQVR4Xu3UAQkAAAwCwdm/9HI83BLIOdw5AgQIRAQWySkmAQIEzmB5AgIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlACBB1YxAJfjJb2jAAAAAElFTkSuQmCC"
       title="Há Música na Cidade 2015"
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       class="remark-oembed-photo"
       data-oembed /></a
   ><template data-oembed-template
     ><iframe
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       src="https://www.youtube.com/embed/aoLhACqJCUg?feature=oembed"
       frameborder="0"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"

test/outputs/async-img-providers.html

@@ -121,7 +121,7 @@
   target="_blank"
   ><img
     src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAAABkW7XSAAAEYklEQVR4Xu3UAQkAAAwCwdm/9HI83BLIOdw5AgQIRAQWySkmAQIEzmB5AgIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlACBB1YxAJfjJb2jAAAAAElFTkSuQmCC"
-    data-src="https://media0.giphy.com/media/i79P9wUfnmPyo/giphy.gif"
+    data-src="https://media1.giphy.com/media/i79P9wUfnmPyo/giphy.gif"
     title="The Office Yes GIF - Find &#x26; Share on GIPHY"
     width="480"
     height="270"
@@ -132,6 +132,7 @@
 <div class="remark-oembed-inline remark-oembed-i-heart-radio" data-oembed>
   <template data-oembed-template
     ><iframe
+      title="Office Ladies"
       height="300"
       width="100%"
       src="https://www.iheart.com/podcast/867-office-ladies-49346942/?embed=true&cid=oembed&keyid%255B0%255D=Office%2520Ladies&sc=podcast_widget"
@@ -244,12 +245,12 @@
         color: #555;
       }
     </style>
-    <div id="meetup_oembed" style="height: 301px">
-      <div style="overflow: hidden; max-height: 261px">
+    <div id="meetup_oembed" style="height: 389px">
+      <div style="overflow: hidden; max-height: 349px">
         <h3>require('lx')</h3>
         <p style="margin: 0 0 10px; font-size: 12px; line-height: 16px">
           Lisbon, PT <br />
-          <span style="font-size: 14px; font-weight: bold">2,228</span>
+          <span style="font-size: 14px; font-weight: bold">2,262</span>
           <em>JavaScripter</em>
         </p>
         <a href="https://www.meetup.com/require-lx/" target="_blank"
@@ -263,6 +264,21 @@ <h3>require('lx')</h3>
           explorers in Lisbon. Server-side and client-side. Talks and code
           shows, some day even hackathons.
         </div>
+        <p style="font-size: 16px; margin: 10px 0 5px; line-height: 18px">
+          Next Meetup
+        </p>
+        <p style="margin-bottom: 2px; line-height: 16px; font-size: 14px">
+          <a
+            title="Require ('LX') Spring Edition - Micro-Frontends with Module Federation"
+            href="https://www.meetup.com/require-lx/events/276970752/"
+            target="_blank"
+            >Require ('LX') Spring Edition - Micro-Frontends with Module ...</a
+          >
+        </p>
+        <p style="line-height: 18px">
+          Wednesday, Mar 31, 2021, 6:30 PM<br />
+          <span style="color: #4f8a10">45 Attending</span>
+        </p>
       </div>
       <p style="margin: 10px 0 5px">
         <a
@@ -345,7 +361,7 @@ <h3>require('lx')</h3>
     ></iframe
   ></template>
 </div>
-<p></p>
+<p>https://www.twitch.tv/landonorris</p>
 <p>http://www.twitter.com/ramitos</p>
 <p></p>
 <div class="remark-oembed-inline remark-oembed-you-tube" data-oembed>
@@ -358,14 +374,14 @@ <h3>require('lx')</h3>
     ><img
       src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAAABkW7XSAAAEYklEQVR4Xu3UAQkAAAwCwdm/9HI83BLIOdw5AgQIRAQWySkmAQIEzmB5AgIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlACBB1YxAJfjJb2jAAAAAElFTkSuQmCC"
       title="Há Música na Cidade 2015"
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       class="remark-oembed-photo"
       data-oembed /></a
   ><template data-oembed-template
     ><iframe
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       src="https://www.youtube.com/embed/aoLhACqJCUg?feature=oembed"
       frameborder="0"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"

test/outputs/async-img-rich-oembed.html

@@ -9,14 +9,14 @@
     ><img
       src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAAABkW7XSAAAEYklEQVR4Xu3UAQkAAAwCwdm/9HI83BLIOdw5AgQIRAQWySkmAQIEzmB5AgIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlAABg+UHCBDICBisTFWCEiBgsPwAAQIZAYOVqUpQAgQMlh8gQCAjYLAyVQlKgIDB8gMECGQEDFamKkEJEDBYfoAAgYyAwcpUJSgBAgbLDxAgkBEwWJmqBCVAwGD5AQIEMgIGK1OVoAQIGCw/QIBARsBgZaoSlACBB1YxAJfjJb2jAAAAAElFTkSuQmCC"
       title="Há Música na Cidade 2015"
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       class="remark-oembed-photo"
       data-oembed /></a
   ><template data-oembed-template
     ><iframe
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       src="https://www.youtube.com/embed/aoLhACqJCUg?feature=oembed"
       frameborder="0"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"

test/outputs/defaults-all.html

@@ -9,14 +9,14 @@
     ><img
       src="https://i.ytimg.com/vi/aoLhACqJCUg/hqdefault.jpg"
       title="Há Música na Cidade 2015"
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       class="remark-oembed-photo"
       data-oembed /></a
   ><template data-oembed-template
     ><iframe
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       src="https://www.youtube.com/embed/aoLhACqJCUg?feature=oembed"
       frameborder="0"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"

test/outputs/defaults-providers.html

@@ -120,8 +120,8 @@
   rel="noopener noreferrer nofollow"
   target="_blank"
   ><img
-    src="https://media0.giphy.com/media/i79P9wUfnmPyo/giphy.gif"
-    data-src="https://media0.giphy.com/media/i79P9wUfnmPyo/giphy.gif"
+    src="https://media1.giphy.com/media/i79P9wUfnmPyo/giphy.gif"
+    data-src="https://media1.giphy.com/media/i79P9wUfnmPyo/giphy.gif"
     title="The Office Yes GIF - Find &#x26; Share on GIPHY"
     width="480"
     height="270"
@@ -132,6 +132,7 @@
 <div class="remark-oembed-inline remark-oembed-i-heart-radio" data-oembed>
   <template data-oembed-template
     ><iframe
+      title="Office Ladies"
       height="300"
       width="100%"
       src="https://www.iheart.com/podcast/867-office-ladies-49346942/?embed=true&cid=oembed&keyid%255B0%255D=Office%2520Ladies&sc=podcast_widget"
@@ -244,12 +245,12 @@
         color: #555;
       }
     </style>
-    <div id="meetup_oembed" style="height: 301px">
-      <div style="overflow: hidden; max-height: 261px">
+    <div id="meetup_oembed" style="height: 389px">
+      <div style="overflow: hidden; max-height: 349px">
         <h3>require('lx')</h3>
         <p style="margin: 0 0 10px; font-size: 12px; line-height: 16px">
           Lisbon, PT <br />
-          <span style="font-size: 14px; font-weight: bold">2,228</span>
+          <span style="font-size: 14px; font-weight: bold">2,262</span>
           <em>JavaScripter</em>
         </p>
         <a href="https://www.meetup.com/require-lx/" target="_blank"
@@ -263,6 +264,21 @@ <h3>require('lx')</h3>
           explorers in Lisbon. Server-side and client-side. Talks and code
           shows, some day even hackathons.
         </div>
+        <p style="font-size: 16px; margin: 10px 0 5px; line-height: 18px">
+          Next Meetup
+        </p>
+        <p style="margin-bottom: 2px; line-height: 16px; font-size: 14px">
+          <a
+            title="Require ('LX') Spring Edition - Micro-Frontends with Module Federation"
+            href="https://www.meetup.com/require-lx/events/276970752/"
+            target="_blank"
+            >Require ('LX') Spring Edition - Micro-Frontends with Module ...</a
+          >
+        </p>
+        <p style="line-height: 18px">
+          Wednesday, Mar 31, 2021, 6:30 PM<br />
+          <span style="color: #4f8a10">45 Attending</span>
+        </p>
       </div>
       <p style="margin: 10px 0 5px">
         <a
@@ -345,7 +361,7 @@ <h3>require('lx')</h3>
     ></iframe
   ></template>
 </div>
-<p></p>
+<p>https://www.twitch.tv/landonorris</p>
 <p>http://www.twitter.com/ramitos</p>
 <p></p>
 <div class="remark-oembed-inline remark-oembed-you-tube" data-oembed>
@@ -358,14 +374,14 @@ <h3>require('lx')</h3>
     ><img
       src="https://i.ytimg.com/vi/aoLhACqJCUg/hqdefault.jpg"
       title="Há Música na Cidade 2015"
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       class="remark-oembed-photo"
       data-oembed /></a
   ><template data-oembed-template
     ><iframe
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       src="https://www.youtube.com/embed/aoLhACqJCUg?feature=oembed"
       frameborder="0"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"

test/outputs/defaults-rich-oembed.html

@@ -9,14 +9,14 @@
     ><img
       src="https://i.ytimg.com/vi/aoLhACqJCUg/hqdefault.jpg"
       title="Há Música na Cidade 2015"
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       class="remark-oembed-photo"
       data-oembed /></a
   ><template data-oembed-template
     ><iframe
-      width="480"
-      height="270"
+      width="200"
+      height="113"
       src="https://www.youtube.com/embed/aoLhACqJCUg?feature=oembed"
       frameborder="0"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"