Version Packages

Version Packages

docs/docs/eleventy-plugins/mdjs-unified.md

@@ -18,38 +18,6 @@ module.exports = function (eleventyConfig) {
 };
 ```
 
-As mdjs does return html AND javascript at the same time we need to have a template that can understand it. For that we create a layout file.
-
-👉 `_includes/layout.njk`
-
-{% raw %}
-
-```js
-<main>
-  {{ content.html | safe }}
-</main>
-
-<script type="module">
-  {{ content.jsCode | safe }}
-</script>
-```
-
-{% endraw %}
-
-And in our content we then need to make sure to use that template.
-
-👉 `index.md`
-
-```
----
-layout: layout.njk
----
-
-# Hello World
-```
-
-You can see a minimal setup in the [examples repo](https://github.com/daKmoR/rocket-example-projects/tree/master/eleventy-and-mdjs).
-
 ## Configure a unified or remark plugin with mdjs
 
 By providing a `setupUnifiedPlugins` function as an option to `eleventy-plugin-mdjs` you can set options for all unified/remark plugins.

docs/guides/go-live/overview.md

@@ -1,4 +1,4 @@
-# Go Live >> Overview
+# Go Live >> Overview ||10
 
 A few things are usually needed before going live "for real".
 

docs/guides/go-live/social-media.md

@@ -0,0 +1,44 @@
+# Go Live >> Social Media ||20
+
+Having a nice preview image for social media can be very helpful.
+For that reason Rocket creates those automatically with the title, parent title, section and your logo.
+
+It will look like this but with your logo
+
+<img src="{{ socialMediaImage }}" width="1200" height="630" alt="Social Media Image of this page" style="border: 1px solid #000" />
+
+There are multiple ways you can modify it.
+
+## Setting it via frontMatter
+
+You can create your own image and link it with something like this
+
+```
+---
+socialMediaImage: path/to/my/image.png
+---
+```
+
+## Providing your own text
+
+Sometimes extracting the title + title of parent is not enough but you still want to use the "default image".
+
+You can create an `11tydata.cjs` file next to your page. If your page is `docs/guides/overview.md` then you create a `docs/guides/overview.11tydata.cjs`.
+
+In there you can use the default `createPageSocialImage` but provide your own values.
+
+```js
+const { createPageSocialImage } = require('@rocket/cli');
+
+module.exports = async function () {
+  const socialMediaImage = await createPageSocialImage({
+    title: 'Learning Rocket',
+    subTitle: 'Have a website',
+    subTitle2: 'in 5 Minutes',
+    footer: 'Rocket Guides',
+  });
+  return {
+    socialMediaImage,
+  };
+};
+```

docs/guides/index.11tydata.cjs

@@ -0,0 +1,13 @@
+const { createPageSocialImage } = require('@rocket/cli');
+
+module.exports = async function () {
+  const socialMediaImage = await createPageSocialImage({
+    title: 'Learning Rocket',
+    subTitle: 'Have a website',
+    subTitle2: 'in 5 Minutes',
+    footer: 'Rocket Guides',
+  });
+  return {
+    socialMediaImage,
+  };
+};

docs/guides/index.md

@@ -1,6 +1,5 @@
 ---
 title: Learning Rocket
-description: 'foo'
 eleventyNavigation:
   key: Guides
   order: 10

docs/guides/presets/overriding.md

@@ -1,4 +1,4 @@
-# Presets >> Overriding presets ||20
+# Presets >> Overriding ||20
 
 All loaded presets will be combined but you can override each file.
 

docs/guides/presets/using-templates.md

@@ -1,3 +1,3 @@
-# Presets >> Using preset templates ||30
+# Presets >> Using templates ||30
 
 Most presetse have specific entry files you can override...

docs/index.11tydata.cjs

@@ -0,0 +1,13 @@
+const { createPageSocialImage } = require('@rocket/cli');
+
+module.exports = async function () {
+  const socialMediaImage = await createPageSocialImage({
+    title: 'Rocket',
+    subTitle: 'Static sites with',
+    subTitle2: 'a sprinkle of JavaScript.',
+    footer: 'A Modern Web Product',
+  });
+  return {
+    socialMediaImage,
+  };
+};

packages/blog/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @rocket/blog
 
+## 0.2.0
+
+### Minor Changes
+
+- 4858271: Adjust templates for change in `@rocket/eleventy-plugin-mdjs-unified` as it now returns html directly instead of an object with html, js, stories
+
 ## 0.1.1
 
 ### Patch Changes

packages/blog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket/blog",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "publishConfig": {
     "access": "public"
   },

packages/blog/preset/_includes/blog-details.njk

@@ -49,7 +49,7 @@
     {% endif %}
     {% include 'partials/addTitleHeadline.njk' %}
 
-    {{ content.html | safe }}
+    {{ content | safe }}
 
     {% include 'partials/previousNext.njk' %}
     {% include 'partials/blog-content-footer.njk' %}

packages/blog/preset/_includes/blog-overview.njk

@@ -12,7 +12,7 @@
 {% block main %}
   <main class="markdown-body">
     {% include 'partials/addTitleHeadline.njk' %}
-    {{ content.html | safe }}
+    {{ content | safe }}
     <div class="articles">
       {% for post in posts %}
         {% if post.data.published %}

packages/cli/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @rocket/cli
 
+## 0.2.0
+
+### Minor Changes
+
+- ef3b846: Add a default "core" preset to the cli package which provides fundaments like eleventConfig data, eleventyComputed data, logo, site name, simple layout, ...
+- 4858271: Process local relative links and images via html (11ty transform) to support all 11ty template systems
+- 4858271: Adjust templates for change in `@rocket/eleventy-plugin-mdjs-unified` as it now returns html directly instead of an object with html, js, stories
+
+### Patch Changes
+
+- ef3b846: Move setting of title, eleventyNavigation and section page meta data to eleventyComputed
+- ef3b846: Auto create social media images for every page
+- Updated dependencies [ef3b846]
+- Updated dependencies [4858271]
+- Updated dependencies [4858271]
+  - @rocket/core@0.1.1
+  - @rocket/eleventy-plugin-mdjs-unified@0.2.0
+  - @rocket/eleventy-rocket-nav@0.2.0
+
 ## 0.1.4
 
 ### Patch Changes

packages/cli/index.cjs

@@ -1,6 +1,10 @@
 const { setComputedConfig, getComputedConfig } = require('./src/public/computedConfig.cjs');
+const rocketEleventyComputed = require('./src/public/rocketEleventyComputed.cjs');
+const { createPageSocialImage } = require('./src/public/createPageSocialImage.cjs');
 
 module.exports = {
   setComputedConfig,
   getComputedConfig,
+  rocketEleventyComputed,
+  createPageSocialImage,
 };

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket/cli",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "publishConfig": {
     "access": "public"
   },
@@ -38,6 +38,7 @@
     "*.mjs",
     "dist",
     "dist-types",
+    "preset",
     "src"
   ],
   "keywords": [
@@ -50,10 +51,11 @@
   ],
   "dependencies": {
     "@11ty/eleventy": "^0.11.1",
+    "@11ty/eleventy-img": "^0.7.3",
     "@rocket/building-rollup": "^0.1.1",
-    "@rocket/core": "^0.1.0",
+    "@rocket/core": "^0.1.1",
-    "@rocket/eleventy-plugin-mdjs-unified": "^0.1.0",
+    "@rocket/eleventy-plugin-mdjs-unified": "^0.2.0",
-    "@rocket/eleventy-rocket-nav": "^0.1.0",
+    "@rocket/eleventy-rocket-nav": "^0.2.0",
     "@rollup/plugin-babel": "^5.2.2",
     "@rollup/plugin-node-resolve": "^11.0.1",
     "@web/config-loader": "^0.1.3",

packages/cli/preset/_assets/logo.svg

@@ -0,0 +1,33 @@
+<svg fill="#e63946" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 511.998 511.998" xml:space="preserve">
+   <g>
+  <path d="M98.649,430.256c-46.365,28.67-71.17,30.939-78.916,23.51c-7.75-7.433-6.519-32.307,20.182-79.832
+    c24.953-44.412,65.374-96.693,113.818-147.211l-11.279-10.817C93.124,267.348,51.871,320.751,26.291,366.279
+    c-19.228,34.22-37.848,79.134-17.375,98.766c5.84,5.6,13.599,7.935,22.484,7.935c22.269,0,51.606-14.677,75.469-29.432
+    c44.416-27.464,96.044-70.919,145.373-122.362l-11.279-10.817C192.517,360.888,141.976,403.464,98.649,430.256z"/>
+
+    <rect x="238.112" y="272.64" transform="matrix(-0.7218 -0.6921 0.6921 -0.7218 237.9094 656.5383)" width="25.589" height="15.628"/>
+
+    <rect x="268.895" y="302.163" transform="matrix(-0.7218 -0.6921 0.6921 -0.7218 270.4774 728.6761)" width="25.589" height="15.628"/>
+
+    <rect x="232.827" y="268.929" transform="matrix(-0.7218 -0.6921 0.6921 -0.7218 297.4719 673.0591)" width="102.364" height="15.628"/>
+  <path d="M500.916,41.287c-7.769,1.59-76.412,16.062-93.897,34.294l-50.728,52.899l-114.703-3.629l-39.198,40.876l79.28,40.569
+    l-21.755,22.687l72.848,69.858l21.755-22.687l43.857,77.51l39.197-40.876l-8.433-114.451l50.727-52.899
+    c17.485-18.234,29.067-87.422,30.331-95.251l1.801-11.169L500.916,41.287z M228.209,161.383l19.842-20.692l93.688,2.964
+    l-48.775,50.864L228.209,161.383z M401.632,327.686l-35.822-63.308l48.776-50.865l6.886,93.482L401.632,327.686z
+      M332.298,276.743l-50.287-48.223L412.89,92.037l50.288,48.223L332.298,276.743z M473.009,128.036l-48.316-46.334
+    c14.54-8.427,44.787-17.217,68.076-22.632C488.336,82.567,480.82,113.155,473.009,128.036z"/>
+
+    <rect x="302.369" y="231.988" transform="matrix(-0.7218 -0.6921 0.6921 -0.7218 384.0262 633.9694)" width="34.12" height="15.628"/>
+
+    <rect x="411.311" y="127.35" transform="matrix(-0.6921 0.7218 -0.7218 -0.6921 807.9747 -74.331)" width="17.061" height="15.628"/>
+
+    <rect x="394.288" y="145.087" transform="matrix(-0.7218 -0.6921 0.6921 -0.7218 586.0206 542.7934)" width="15.628" height="17.06"/>
+
+    <rect x="376.571" y="163.565" transform="matrix(-0.7218 -0.6921 0.6921 -0.7218 542.7271 562.3462)" width="15.628" height="17.06"/>
+
+    <rect x="161.111" y="185.158" transform="matrix(0.7071 0.7071 -0.7071 0.7071 192.1943 -60.3323)" width="15.628" height="33.35"/>
+
+    <rect x="184.683" y="172.695" transform="matrix(0.707 0.7072 -0.7072 0.707 182.4625 -83.9076)" width="15.628" height="11.118"/>
+    </g>
+</svg>

packages/cli/preset/_data/eleventyComputed.cjs

@@ -0,0 +1,5 @@
+const { rocketEleventyComputed } = require('@rocket/cli');
+
+module.exports = {
+  ...rocketEleventyComputed,
+};

packages/cli/preset/_data/layout.cjs

@@ -0,0 +1 @@
+module.exports = 'layout.njk';

packages/cli/preset/_data/site.cjs

@@ -0,0 +1,8 @@
+module.exports = function () {
+  return {
+    dir: 'ltr',
+    lang: 'en',
+    name: 'Rocket',
+    description: 'Rocket is the way to build fast static websites with a sprinkle of javascript',
+  };
+};

packages/cli/preset/_includes/layout.njk

@@ -0,0 +1 @@
+{{ content | safe }}

packages/cli/src/eleventy-plugins/processLocalReferences.cjs

@@ -0,0 +1,183 @@
+const fs = require('fs');
+const path = require('path');
+const { SaxEventType, SAXParser } = require('sax-wasm');
+
+const saxPath = require.resolve('sax-wasm/lib/sax-wasm.wasm');
+const saxWasmBuffer = fs.readFileSync(saxPath);
+
+/** @typedef {import('./types').NavigationNode} NavigationNode */
+/** @typedef {import('./types').Heading} Heading */
+/** @typedef {import('./types').SaxData} SaxData */
+
+// Instantiate
+const parser = new SAXParser(
+  SaxEventType.Attribute,
+  { highWaterMark: 256 * 1024 }, // 256k chunks
+);
+parser.prepareWasm(saxWasmBuffer);
+
+/**
+ * @param {string} link
+ */
+function isRelativeLink(link) {
+  if (link.startsWith('http') || link.startsWith('/')) {
+    return false;
+  }
+  return true;
+}
+
+const templateEndings = [
+  '.html',
+  '.md',
+  '.11ty.js',
+  '.liquid',
+  '.njk',
+  '.hbs',
+  '.mustache',
+  '.ejs',
+  '.haml',
+  '.pug',
+];
+
+function endsWithAny(string, suffixes) {
+  for (let suffix of suffixes) {
+    if (string.endsWith(suffix)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+function isTemplateFile(href) {
+  return endsWithAny(href, templateEndings);
+}
+
+function isIndexTemplateFile(href) {
+  const indexTemplateEndings = templateEndings.map(ending => `index${ending}`);
+  return endsWithAny(href, indexTemplateEndings);
+}
+
+/**
+ * @param {string} html
+ */
+function extractReferences(html, inputPath) {
+  const _html = html.replace(/\n/g, 'XXXRocketProcessLocalReferencesXXX');
+  const hrefs = [];
+  const assets = [];
+  parser.eventHandler = (ev, _data) => {
+    const data = /** @type {SaxData} */ (/** @type {any} */ (_data));
+    if (ev === SaxEventType.Attribute) {
+      const attributeName = data.name.toString();
+      const value = data.value.toString();
+      const entry = {
+        value,
+        startCharacter: data.value.start.character,
+      };
+      if (attributeName === 'href') {
+        if (isRelativeLink(value)) {
+          hrefs.push(entry);
+        }
+      }
+      if (attributeName === 'src' || attributeName === 'srcset') {
+        if (isRelativeLink(value) && !isIndexTemplateFile(inputPath)) {
+          assets.push(entry);
+        }
+      }
+    }
+  };
+  parser.write(Buffer.from(_html));
+  parser.end();
+
+  return { hrefs, assets };
+}
+
+function calculateNewHrefs(hrefs, inputPath) {
+  const newHrefs = [];
+  for (const hrefObj of hrefs) {
+    const newHrefObj = { ...hrefObj };
+    const [href, anchor] = newHrefObj.value.split('#');
+    const suffix = anchor ? `#${anchor}` : '';
+
+    if (isRelativeLink(href) && isTemplateFile(href)) {
+      const hrefParsed = path.parse(href);
+      const dirPart = hrefParsed.dir.length > 1 ? `${hrefParsed.dir}/` : '';
+      newHrefObj.newValue = isIndexTemplateFile(href)
+        ? `${dirPart}${suffix}`
+        : `${dirPart}${hrefParsed.name}/${suffix}`;
+
+      if (isTemplateFile(inputPath)) {
+        if (isIndexTemplateFile(inputPath)) {
+          // nothing
+        } else {
+          newHrefObj.newValue = path.join('../', newHrefObj.newValue);
+        }
+      }
+    }
+
+    if (newHrefObj.newValue) {
+      newHrefs.push(newHrefObj);
+    }
+  }
+  return newHrefs;
+}
+
+function calculateNewAssets(assets) {
+  const newAssets = [...assets];
+  return newAssets.map(assetObj => {
+    assetObj.newValue = path.join('../', assetObj.value);
+    return assetObj;
+  });
+}
+
+function replaceContent(hrefObj, content) {
+  const upToChange = content.slice(0, hrefObj.startCharacter);
+  const afterChange = content.slice(hrefObj.startCharacter + hrefObj.value.length);
+
+  return `${upToChange}${hrefObj.newValue}${afterChange}`;
+}
+
+function sortByStartCharacter(a, b) {
+  if (a.startCharacter > b.startCharacter) {
+    return 1;
+  }
+  if (a.startCharacter < b.startCharacter) {
+    return -1;
+  }
+  return 0;
+}
+
+function applyChanges(_changes, _content) {
+  // make sure changes are sorted as changes affect all other changes afterwards
+  let changes = [..._changes].sort(sortByStartCharacter);
+
+  let content = _content.replace(/\n/g, 'XXXRocketProcessLocalReferencesXXX');
+
+  while (changes.length > 0) {
+    const hrefObj = changes.shift();
+    const diff = hrefObj.newValue.length - hrefObj.value.length;
+
+    content = replaceContent(hrefObj, content);
+
+    changes = changes.map(href => {
+      href.startCharacter = href.startCharacter + diff;
+      return href;
+    });
+  }
+
+  return content.replace(/XXXRocketProcessLocalReferencesXXX/g, '\n');
+}
+
+async function processLocalReferences(content) {
+  const inputPath = this.inputPath;
+  const { hrefs, assets } = extractReferences(content, inputPath);
+  const newHrefs = calculateNewHrefs(hrefs, inputPath);
+  const newAssets = calculateNewAssets(assets, inputPath);
+
+  const newContent = applyChanges([...newHrefs, ...newAssets], content);
+
+  return newContent;
+}
+
+module.exports = {
+  processLocalReferences,
+};

packages/cli/src/eleventy-plugins/rocketCollections.cjs

@@ -1,7 +1,6 @@
 const path = require('path');
 const fs = require('fs');
 const { readdirSync } = require('fs');
-const { processContentWithTitle } = require('@rocket/core/title');
 
 function getDirectories(source) {
   return readdirSync(source, { withFileTypes: true })
@@ -9,27 +8,6 @@ function getDirectories(source) {
     .map(dirent => dirent.name);
 }
 
-/**
- * adds title from markdown headline to all pages
- *
- * @param collection
- */
-function setTitleForAll(collection) {
-  const all = collection.getAll();
-  all.forEach(page => {
-    page.data.addTitleHeadline = true;
-    const titleData = processContentWithTitle(
-      page.template.inputContent,
-      page.template._templateRender._engineName,
-    );
-    if (titleData) {
-      page.data.title = titleData.title;
-      page.data.eleventyNavigation = { ...titleData.eleventyNavigation };
-      page.data.addTitleHeadline = false;
-    }
-  });
-}
-
 const rocketCollections = {
   configFunction: (eleventyConfig, { _inputDirCwdRelative }) => {
     const sectionNames = getDirectories(_inputDirCwdRelative);
@@ -45,13 +23,8 @@ const rocketCollections = {
           let docs = [
             ...collection.getFilteredByGlob(`${_inputDirCwdRelative}/${section}/**/*.md`),
           ];
-          docs.forEach(page => {
-            page.data.section = section;
-          });
           docs = docs.filter(page => page.inputPath !== `./${indexSection}`);
 
-          // docs = addPrevNextUrls(docs);
-
           return docs;
         });
       }
@@ -71,8 +44,6 @@ const rocketCollections = {
           return aOrder - bOrder;
         });
 
-        setTitleForAll(collection);
-
         return headers;
       });
     }

packages/cli/src/eleventy-plugins/rocketFilters.cjs

@@ -1,5 +1,6 @@
 const path = require('path');
 const fs = require('fs');
+const { processLocalReferences } = require('./processLocalReferences.cjs');
 
 function inlineFilePath(filePath) {
   let data = fs.readFileSync(filePath, function (err, contents) {
@@ -22,6 +23,8 @@ const rocketFilters = {
     });
 
     eleventyConfig.addFilter('inlineFilePath', inlineFilePath);
+
+    eleventyConfig.addTransform('processLocalReferences', processLocalReferences);
   },
 };
 

packages/cli/src/normalizeConfig.js

@@ -14,6 +14,10 @@ import { readConfig } from '@web/config-loader';
 import { RocketStart } from './RocketStart.js';
 import { RocketBuild } from './RocketBuild.js';
 
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
 /**
  * @param {Partial<RocketCliOptions>} inConfig
  * @returns {Promise<RocketCliOptions>}
@@ -75,7 +79,8 @@ export async function normalizeConfig(inConfig) {
   const _configDirCwdRelative = path.relative(process.cwd(), path.resolve(__configDir));
   const _inputDirCwdRelative = path.join(_configDirCwdRelative, config.inputDir);
 
-  config._presetPathes = [];
+  // cli core preset is always first
+  config._presetPathes = [path.join(__dirname, '..', 'preset')];
   for (const preset of config.presets) {
     config._presetPathes.push(preset.path);
 

packages/cli/src/public/createPageSocialImage.cjs

@@ -0,0 +1,73 @@
+const path = require('path');
+const fs = require('fs');
+const Image = require('@11ty/eleventy-img');
+const { getComputedConfig } = require('./computedConfig.cjs');
+
+async function createPageSocialImage({ title = '', subTitle = '', subTitle2 = '', footer = '' }) {
+  const rocketConfig = getComputedConfig();
+  const outputDir = path.join(rocketConfig.outputDevDir, '_merged_assets', '11ty-img');
+
+  const logoPath = path.join(rocketConfig._inputDirCwdRelative, '_merged_assets', 'logo.svg');
+
+  const logoBuffer = await fs.promises.readFile(logoPath);
+  const logo = logoBuffer.toString();
+
+  let svgStr = `
+    <svg xmlns="http://www.w3.org/2000/svg" fill="#4a4a4a" font-family="sans-serif" font-size="80" style="background-color:#fff" viewBox="0 0 1200 630">
+      <defs></defs>
+      <rect width="100%" height="100%" fill="#fff" />
+      <circle cx="1000" cy="230" r="530" fill="#ebebeb"></circle>
+  `;
+
+  if (logo) {
+    svgStr += `<g transform="matrix(0.7, 0, 0, 0.7, 500, 100)">${logo}</g>`;
+  }
+
+  if (title) {
+    svgStr += `
+      <text x="70" y="200" font-family="'Bitstream Vera Sans','Helvetica',sans-serif" font-weight="700">
+        ${title}
+      </text>
+    `;
+  }
+
+  if (subTitle) {
+    svgStr += `
+      <text x="70" y="320" font-family="'Bitstream Vera Sans','Helvetica',sans-serif" font-weight="700" font-size="60">
+        ${subTitle}
+      </text>
+    `;
+  }
+
+  if (subTitle2) {
+    svgStr += `
+      <text x="70" y="420" font-family="'Bitstream Vera Sans','Helvetica',sans-serif" font-weight="700" font-size="60">
+        ${subTitle2}
+      </text>
+    `;
+  }
+
+  if (footer) {
+    svgStr += `
+      <text x="70" y="560" fill="gray" font-size="40">
+        ${footer}
+      </text>
+    `;
+  }
+
+  svgStr += '</svg>';
+
+  let stats = await Image(Buffer.from(svgStr), {
+    widths: [1200], // Facebook Opengraph image is 1200 x 630
+    formats: ['png'],
+    outputDir,
+    urlPath: '/_merged_assets/11ty-img/',
+    sourceUrl: `${title}${subTitle}${footer}${logo}`, // This is only used to generate the output filename hash
+  });
+
+  return stats['png'][0].url;
+}
+
+module.exports = {
+  createPageSocialImage,
+};

packages/cli/src/public/rocketEleventyComputed.cjs

@@ -0,0 +1,64 @@
+const fs = require('fs');
+const path = require('path');
+const { processContentWithTitle } = require('@rocket/core/title');
+const { createPageSocialImage } = require('./createPageSocialImage.cjs');
+
+module.exports = {
+  titleMeta: async data => {
+    if (data.titleMeta) {
+      return data.titleMeta;
+    }
+    let text = await fs.promises.readFile(data.page.inputPath);
+    text = text.toString();
+    const titleMetaFromContent = processContentWithTitle(text, 'md');
+    if (titleMetaFromContent) {
+      return titleMetaFromContent;
+    }
+    return {};
+  },
+  title: async data => {
+    if (data.title) {
+      return data.title;
+    }
+    return data.titleMeta?.title;
+  },
+  eleventyNavigation: async data => {
+    if (data.eleventyNavigation) {
+      return data.eleventyNavigation;
+    }
+    return data.titleMeta?.eleventyNavigation;
+  },
+  section: async data => {
+    if (data.section) {
+      return data.section;
+    }
+
+    if (data.page.filePathStem) {
+      // filePathStem: '/sub/subsub/index'
+      // filePathStem: '/index',
+      const parts = data.page.filePathStem.split(path.sep);
+      if (parts.length > 2) {
+        return parts[1];
+      }
+    }
+  },
+  socialMediaImage: async data => {
+    if (data.socialMediaImage) {
+      return data.socialMediaImage;
+    }
+    if (!data.title) {
+      return;
+    }
+
+    const section = data.section ? ' ' + data.section[0].toUpperCase() + data.section.slice(1) : '';
+    const footer = `${data.site.name}${section}`;
+
+    const imgUrl = await createPageSocialImage({
+      title: data.titleMeta.parts ? data.titleMeta.parts[0] : '',
+      subTitle:
+        data.titleMeta.parts && data.titleMeta.parts[1] ? `in ${data.titleMeta.parts[1]}` : '',
+      footer,
+    });
+    return imgUrl;
+  },
+};

packages/cli/test-node/RocketCli.e2e.test.js

@@ -57,6 +57,11 @@ describe('RocketCli e2e', () => {
     return text;
   }
 
+  function readStartOutput(fileName, options = {}) {
+    options.type = 'start';
+    return readOutput(fileName, options);
+  }
+
   async function execute() {
     await cli.setup();
     cli.config.outputDevDir = path.join(__dirname, 'e2e-fixtures', '__output-dev');
@@ -67,6 +72,17 @@ describe('RocketCli e2e', () => {
     await cli.run();
   }
 
+  async function executeStart(pathToConfig) {
+    cli = new RocketCli({
+      argv: [
+        'start',
+        '--config-file',
+        path.join(__dirname, pathToConfig.split('/').join(path.sep)),
+      ],
+    });
+    await execute();
+  }
+
   afterEach(async () => {
     if (cli?.cleanup) {
       await cli.cleanup();
@@ -249,7 +265,145 @@ describe('RocketCli e2e', () => {
       stripServiceWorker: true,
     });
     expect(assetHtml).to.equal(
-      '<html><head><link rel="stylesheet" href="../41297ffa.css">\n\n\n\n</head><body>\n\n</body></html>',
+      '<html><head><link rel="stylesheet" href="../41297ffa.css">\n\n</head><body>\n\n</body></html>',
+    );
+  });
+
+  it('will extract a title from markdown and set first folder as section', async () => {
+    cli = new RocketCli({
+      argv: [
+        'start',
+        '--config-file',
+        path.join(__dirname, 'e2e-fixtures', 'headlines', 'rocket.config.js'),
+      ],
+    });
+    await execute();
+
+    const indexHtml = await readOutput('index.html', {
+      type: 'start',
+    });
+    const [indexTitle, indexSection] = indexHtml.split('\n');
+    expect(indexTitle).to.equal('Root');
+    expect(indexSection).to.be.undefined;
+
+    const subHtml = await readOutput('sub/index.html', {
+      type: 'start',
+    });
+    const [subTitle, subSection] = subHtml.split('\n');
+    expect(subTitle).to.equal('Root: Sub');
+    expect(subSection).to.equal('sub');
+
+    const subSubHtml = await readOutput('sub/subsub/index.html', {
+      type: 'start',
+    });
+    const [subSubTitle, subSubSection] = subSubHtml.split('\n');
+    expect(subSubTitle).to.equal('Sub: SubSub');
+    expect(subSubSection).to.equal('sub');
+
+    const sub2Html = await readOutput('sub2/index.html', {
+      type: 'start',
+    });
+    const [sub2Title, sub2Section] = sub2Html.split('\n');
+    expect(sub2Title).to.equal('Root: Sub2');
+    expect(sub2Section).to.equal('sub2');
+
+    const withDataHtml = await readOutput('with-data/index.html', {
+      type: 'start',
+    });
+    const [withDataTitle, withDataSection] = withDataHtml.split('\n');
+    expect(withDataTitle).to.equal('Set via data');
+    expect(withDataSection).be.undefined;
+  });
+
+  it('will create a social media image for every page', async () => {
+    cli = new RocketCli({
+      argv: [
+        'start',
+        '--config-file',
+        path.join(__dirname, 'e2e-fixtures', 'social-images', 'rocket.config.js'),
+      ],
+    });
+    await execute();
+
+    const indexHtml = await readOutput('index.html', {
+      type: 'start',
+    });
+    expect(indexHtml).to.equal('/_merged_assets/11ty-img/c0a892f2-1200.png');
+
+    const guidesHtml = await readOutput('guides/first-pages/getting-started/index.html', {
+      type: 'start',
+    });
+    expect(guidesHtml).to.equal('/_merged_assets/11ty-img/58b7e437-1200.png');
+  });
+
+  it('will add "../" for links and image urls only within named template files', async () => {
+    await executeStart('e2e-fixtures/image-link/rocket.config.js');
+
+    const namedMdContent = [
+      '<p><a href="../">Root</a>',
+      '<a href="../guides/#with-anchor">Guides</a>',
+      '<a href="../one-level/raw/">Raw</a>',
+      '<a href="../../up-one-level/template/">Template</a>',
+      '<img src="../images-one-level/my-img.svg" alt="my-img">',
+      '<img src="/absolute-img.svg" alt="absolute-img"></p>',
+    ];
+
+    const namedHtmlContent = [
+      '<div>',
+      '  <a href="../">Root</a>',
+      '  <a href="../guides/#with-anchor">Guides</a>',
+      '  <a href="../one-level/raw/">Raw</a>',
+      '  <a href="../../up-one-level/template/">Template</a>',
+      '  <img src="../images-one-level/my-img.svg" alt="my-img">',
+      '  <img src="/absolute-img.svg" alt="absolute-img">',
+      '  <picture>',
+      '    <source media="(min-width:465px)" srcset="../picture-min-465.jpg">',
+      '    <img src="../../images-up-one-level/picture-fallback.jpg" alt="Fallback" style="width:auto;">',
+      '  </picture>',
+      '</div>',
+    ];
+
+    const rawHtml = await readStartOutput('raw/index.html');
+    expect(rawHtml, 'raw/index.html does not match').to.equal(namedHtmlContent.join('\n'));
+
+    const templateHtml = await readStartOutput('template/index.html');
+    expect(templateHtml, 'template/index.html does not match').to.equal(
+      namedHtmlContent.join('\n'),
+    );
+
+    const guidesHtml = await readStartOutput('guides/index.html');
+    expect(guidesHtml, 'guides/index.html does not match').to.equal(
+      [...namedMdContent, ...namedHtmlContent].join('\n'),
+    );
+
+    const noAdjustHtml = await readStartOutput('no-adjust/index.html');
+    expect(noAdjustHtml, 'no-adjust/index.html does not match').to.equal(
+      '<p>Nothing to adjust in here</p>',
+    );
+
+    // for index files no '../' will be added
+    const indexHtml = await readStartOutput('index.html');
+    expect(indexHtml, 'index.html does not match').to.equal(
+      [
+        '<p><a href="./">Root</a>',
+        '<a href="guides/#with-anchor">Guides</a>',
+        '<a href="./one-level/raw/">Raw</a>',
+        '<a href="../up-one-level/template/">Template</a>',
+        '<img src="./images-one-level/my-img.svg" alt="my-img">',
+        '<img src="/absolute-img.svg" alt="absolute-img"></p>',
+        '<div>',
+        '  <a href="./">Root</a>',
+        '  <a href="guides/#with-anchor">Guides</a>',
+        '  <a href="./one-level/raw/">Raw</a>',
+        '  <a href="../up-one-level/template/">Template</a>',
+        '  <img src="./images-one-level/my-img.svg" alt="my-img">',
+        '  <img src="/absolute-img.svg" alt="absolute-img">',
+        '  <picture>',
+        '    <source media="(min-width:465px)" srcset="./picture-min-465.jpg">',
+        '    <img src="../images-up-one-level/picture-fallback.jpg" alt="Fallback" style="width:auto;">',
+        '  </picture>',
+        '</div>',
+      ].join('\n'),
     );
   });
 });

packages/cli/test-node/e2e-fixtures/change-input-dir/foo/page/_includes/layout.njk

@@ -1,7 +0,0 @@
-{{ content.html | safe }}
-
-{% if content.jsCode %}
-  <script type="module">
-    {{ content.jsCode | safe }}
-  </script>
-{% endif %}

packages/cli/test-node/e2e-fixtures/change-input-dir/foo/page/index.md

@@ -1,5 +1 @@
----
-layout: layout.njk
----
-
 Markdown in `docs/page/index.md`

packages/cli/test-node/e2e-fixtures/content/docs/_includes/layout.njk

@@ -1,7 +0,0 @@
-{{ content.html | safe }}
-
-{% if content.jsCode %}
-  <script type="module">
-    {{ content.jsCode | safe }}
-  </script>
-{% endif %}

packages/cli/test-node/e2e-fixtures/headlines/docs/.eleventyignore

@@ -0,0 +1 @@
+**/*.njk

packages/cli/test-node/e2e-fixtures/headlines/docs/_data/socialMediaImage.cjs

@@ -0,0 +1 @@
+module.exports = 'do-not-generate-it';

packages/cli/test-node/e2e-fixtures/headlines/docs/_includes/layout.njk

@@ -0,0 +1,2 @@
+{{ title }}
+{{ section }}

packages/cli/test-node/e2e-fixtures/headlines/docs/index.md

@@ -0,0 +1 @@
+# Root

packages/cli/test-node/e2e-fixtures/headlines/docs/sub/index.md

@@ -0,0 +1 @@
+# Root >> Sub

packages/cli/test-node/e2e-fixtures/headlines/docs/sub/subsub/index.md

@@ -0,0 +1 @@
+# Root >> Sub >> SubSub ||10

packages/cli/test-node/e2e-fixtures/headlines/docs/sub2/index.md

@@ -0,0 +1 @@
+# Root >> Sub2

packages/cli/test-node/e2e-fixtures/headlines/docs/with-data.md

@@ -0,0 +1,3 @@
+---
+title: Set via data
+---

packages/cli/test-node/e2e-fixtures/headlines/rocket.config.js

@@ -0,0 +1,4 @@
+/** @type {Partial<import("../../../types/main").RocketCliOptions>} */
+const config = {};
+
+export default config;

packages/cli/test-node/e2e-fixtures/image-link/docs/guides.md

@@ -0,0 +1,19 @@
+[Root](./index.md)
+[Guides](./guides.md#with-anchor)
+[Raw](./one-level/raw.html)
+[Template](../up-one-level/template.njk)
+![my-img](./images-one-level/my-img.svg)
+![absolute-img](/absolute-img.svg)
+
+<div>
+  <a href="./index.md">Root</a>
+  <a href="./guides.md#with-anchor">Guides</a>
+  <a href="./one-level/raw.html">Raw</a>
+  <a href="../up-one-level/template.njk">Template</a>
+  <img src="./images-one-level/my-img.svg" alt="my-img">
+  <img src="/absolute-img.svg" alt="absolute-img">
+  <picture>
+    <source media="(min-width:465px)" srcset="./picture-min-465.jpg">
+    <img src="../images-up-one-level/picture-fallback.jpg" alt="Fallback" style="width:auto;">
+  </picture>
+</div>

packages/cli/test-node/e2e-fixtures/image-link/docs/images/my-img.svg

@@ -0,0 +1,3 @@
+<svg height="100" width="100">
+  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
+</svg> 

packages/cli/test-node/e2e-fixtures/image-link/docs/index.md

@@ -0,0 +1,19 @@
+[Root](./)
+[Guides](./guides.md#with-anchor)
+[Raw](./one-level/raw.html)
+[Template](../up-one-level/template.njk)
+![my-img](./images-one-level/my-img.svg)
+![absolute-img](/absolute-img.svg)
+
+<div>
+  <a href="./">Root</a>
+  <a href="./guides.md#with-anchor">Guides</a>
+  <a href="./one-level/raw.html">Raw</a>
+  <a href="../up-one-level/template.njk">Template</a>
+  <img src="./images-one-level/my-img.svg" alt="my-img">
+  <img src="/absolute-img.svg" alt="absolute-img">
+  <picture>
+    <source media="(min-width:465px)" srcset="./picture-min-465.jpg">
+    <img src="../images-up-one-level/picture-fallback.jpg" alt="Fallback" style="width:auto;">
+  </picture>
+</div>

packages/cli/test-node/e2e-fixtures/image-link/docs/no-adjust.md

@@ -0,0 +1 @@
+Nothing to adjust in here

packages/cli/test-node/e2e-fixtures/image-link/docs/raw.html

@@ -0,0 +1,12 @@
+<div>
+  <a href="./index.md">Root</a>
+  <a href="./guides.md#with-anchor">Guides</a>
+  <a href="./one-level/raw.html">Raw</a>
+  <a href="../up-one-level/template.njk">Template</a>
+  <img src="./images-one-level/my-img.svg" alt="my-img">
+  <img src="/absolute-img.svg" alt="absolute-img">
+  <picture>
+    <source media="(min-width:465px)" srcset="./picture-min-465.jpg">
+    <img src="../images-up-one-level/picture-fallback.jpg" alt="Fallback" style="width:auto;">
+  </picture>
+</div>

packages/cli/test-node/e2e-fixtures/image-link/docs/template.njk

@@ -0,0 +1,12 @@
+<div>
+  <a href="./index.md">Root</a>
+  <a href="./guides.md#with-anchor">Guides</a>
+  <a href="./one-level/raw.html">Raw</a>
+  <a href="../up-one-level/template.njk">Template</a>
+  <img src="./images-one-level/my-img.svg" alt="my-img">
+  <img src="/absolute-img.svg" alt="absolute-img">
+  <picture>
+    <source media="(min-width:465px)" srcset="./picture-min-465.jpg">
+    <img src="../images-up-one-level/picture-fallback.jpg" alt="Fallback" style="width:auto;">
+  </picture>
+</div>

packages/cli/test-node/e2e-fixtures/image-link/rocket.config.js

@@ -0,0 +1,3 @@
+/** @type {Partial<import("../../../types/main").RocketCliOptions>} */
+const config = {};
+export default config;

packages/cli/test-node/e2e-fixtures/rocket-config-in-template/docs/_includes/layout.njk

@@ -1,7 +0,0 @@
-{{ content.html | safe }}
-
-{% if content.jsCode %}
-  <script type="module">
-    {{ content.jsCode | safe }}
-  </script>
-{% endif %}

packages/cli/test-node/e2e-fixtures/rocket-config-in-template/docs/index.md

@@ -1,5 +1 @@
----
-layout: layout.njk
----
-
 You can show rocket config data like rocketConfig.absoluteBaseUrl = {{rocketConfig.absoluteBaseUrl}}

packages/cli/test-node/e2e-fixtures/rollup-plugin/docs/_includes/layout.njk

@@ -1,7 +0,0 @@
-{{ content.html | safe }}
-
-{% if content.jsCode %}
-  <script type="module">
-    {{ content.jsCode | safe }}
-  </script>
-{% endif %}

packages/cli/test-node/e2e-fixtures/social-images/docs/.eleventyignore

@@ -0,0 +1 @@
+**/*.njk

packages/cli/test-node/e2e-fixtures/social-images/docs/_includes/layout.njk

@@ -0,0 +1 @@
+{{ socialMediaImage }}

packages/cli/test-node/e2e-fixtures/social-images/docs/guides/first-pages/getting-started.md

@@ -0,0 +1 @@
+# First Pages >> Getting Started

packages/cli/test-node/e2e-fixtures/social-images/docs/index.11tydata.cjs

@@ -0,0 +1,12 @@
+const { createPageSocialImage } = require('@rocket/cli');
+
+module.exports = async function () {
+  const socialMediaImage = await createPageSocialImage({
+    title: 'Rocket',
+    subTitle: 'Static sites with',
+    subTitle2: 'a sprinkle of JavaScript.',
+  });
+  return {
+    socialMediaImage,
+  };
+};

packages/cli/test-node/e2e-fixtures/social-images/docs/index.md

@@ -0,0 +1 @@
+# Rocket

packages/cli/test-node/e2e-fixtures/social-images/rocket.config.js

@@ -0,0 +1,4 @@
+/** @type {Partial<import("../../../types/main").RocketCliOptions>} */
+const config = {};
+
+export default config;

packages/cli/test-node/e2e-fixtures/unified-plugin/docs/_includes/layout.njk

@@ -1 +0,0 @@
-{{ content.html | safe }}

packages/cli/test-node/normalizeConfig.test.js

@@ -23,7 +23,8 @@ describe('normalizeConfig', () => {
 
     // testing pathes is always a little more complicted 😅
     expect(config._inputDirCwdRelative).to.match(/empty\/docs$/);
-    expect(config._presetPathes[0]).to.match(/empty\/docs$/);
+    expect(config._presetPathes[0]).to.match(/cli\/preset$/);
+    expect(config._presetPathes[1]).to.match(/empty\/docs$/);
     expect(config.outputDevDir).to.match(/_site-dev$/);
 
     expect(cleanup(config)).to.deep.equal({

packages/core/CHANGELOG.md

@@ -1,6 +1,13 @@
 # @rocket/core
 
+## 0.1.1
+
+### Patch Changes
+
+- ef3b846: Enhance markdown title processing to return additional metaData (e.g. all parent parts)
+
 ## 0.1.0
+
 ### Minor Changes
 
 - 1971f5d: Initial Release

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket/core",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "publishConfig": {
     "access": "public"
   },
@@ -26,7 +26,8 @@
   "scripts": {
     "build:package": "rimraf dist && esbuild --platform=node --format=cjs --bundle --outfile=dist/title.cjs ./src/title/index.js",
     "build:types": "tsc -p tsconfig.build.types.json",
-    "test": "cd ../../ && yarn test:browser \"packages/navigation2/test/**/*.test.js\"",
+    "debug": "cd ../../ && yarn debug --group core",
+    "test": "cd ../../ && yarn test:web --group core",
     "test:watch": "yarn test --watch"
   },
   "files": [

packages/core/src/title/parseTitle.js

@@ -25,6 +25,7 @@ export function parseTitle(inTitle) {
   let order = 0;
   let navigationTitle = title;
   let parent;
+  let titleParts = [title];
   if (title.includes('>>')) {
     const parts = title
       .split('>>')
@@ -41,6 +42,7 @@ export function parseTitle(inTitle) {
         title = `${parts[parts.length - 2]}: ${parts[parts.length - 1]}`;
       }
     }
+    titleParts = [...parts].reverse();
   }
 
   if (title.includes('||')) {
@@ -51,12 +53,15 @@ export function parseTitle(inTitle) {
     if (parts.length !== 2) {
       throw new Error('You can use || only once in `parseTitle`');
     }
+    // remove || in titleParts
+    titleParts = titleParts.map(part => part.split('||')[0]).map(part => part.trim());
 
     navigationTitle = navigationTitle.split('||').map(part => part.trim())[0];
     key = key.split('||').map(part => part.trim())[0];
     title = parts[0];
     order = parseInt(parts[1]);
   }
+  data.parts = titleParts;
   data.title = title;
   data.eleventyNavigation = {
     key,

packages/core/src/title/types.d.ts

@@ -6,4 +6,5 @@ export interface EleventyPage {
     parent?: string;
     order?: number;
   };
+  parts: string[];
 }

packages/core/test-web/parseTitle.test.js

@@ -10,6 +10,7 @@ describe('parseTitle', () => {
         key: 'heading',
         order: 0,
       },
+      parts: ['heading'],
     });
   });
 
@@ -21,6 +22,7 @@ describe('parseTitle', () => {
         key: 'Foo >>',
         order: 0,
       },
+      parts: ['Foo'],
     });
   });
 
@@ -33,6 +35,7 @@ describe('parseTitle', () => {
         parent: 'Foo',
         order: 0,
       },
+      parts: ['Bar', 'Foo'],
     });
   });
 
@@ -45,6 +48,7 @@ describe('parseTitle', () => {
         parent: 'Foo >> Bar',
         order: 0,
       },
+      parts: ['Baz', 'Bar', 'Foo'],
     });
   });
 
@@ -56,6 +60,7 @@ describe('parseTitle', () => {
         key: 'heading',
         order: 4,
       },
+      parts: ['heading'],
     });
 
     expect(parseTitle('Foo >> Bar >> Baz ||4')).to.deep.equal({
@@ -66,6 +71,7 @@ describe('parseTitle', () => {
         order: 4,
         parent: 'Foo >> Bar',
       },
+      parts: ['Baz', 'Bar', 'Foo'],
     });
   });
 

packages/eleventy-plugin-mdjs-unified/CHANGELOG.md

@@ -1,6 +1,16 @@
 # @rocket/eleventy-plugin-mdjs-unified
 
+## 0.2.0
+
+### Minor Changes
+
+- 4858271: **BREAKING CHANGES**: to support all 11ty templates
+
+  - returning html content directly instead of an object with html, js, stories
+  - no longer process relative links
+
 ## 0.1.0
+
 ### Minor Changes
 
 - 1971f5d: Initial Release

packages/eleventy-plugin-mdjs-unified/README.md

@@ -2,4 +2,4 @@
 
 Use mdjs in your 11ty site.
 
-For docs please see our homepage [https://rocket.modern-web.dev/docs/markdown-javascript/overview/](https://rocket.modern-web.dev/docs/markdown-javascript/overview/).
+For docs please see our homepage [https://rocket.modern-web.dev/docs/eleventy-plugins/mdjs-unified/](https://rocket.modern-web.dev/docs/eleventy-plugins/mdjs-unified/).

packages/eleventy-plugin-mdjs-unified/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket/eleventy-plugin-mdjs-unified",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "publishConfig": {
     "access": "public"
   },

packages/eleventy-plugin-mdjs-unified/src/eleventy-plugin-mdjs-unified.js

@@ -12,61 +12,6 @@ const { parseTitle } = require('@rocket/core/title');
 /** @typedef {import('../types/code').NodeElement} NodeElement */
 /** @typedef {import('unist').Node} Node */
 
-/**
- * @param {string} link
- */
-function isInternalLink(link) {
-  if (link.startsWith('http') || link.startsWith('/')) {
-    return false;
-  }
-  return true;
-}
-
-/**
- * @param {*} pluginOptions
- */
-function adjustLinks(pluginOptions) {
-  /**
-   * @param {NodeElement} node
-   */
-  const elementVisitor = node => {
-    if (node.tagName === 'a') {
-      const fullHref = node.properties && node.properties.href ? node.properties.href : undefined;
-      if (fullHref) {
-        const [href, anchor] = fullHref.split('#');
-        const suffix = anchor ? `#${anchor}` : '';
-        const { inputPath } = pluginOptions.page;
-
-        if (isInternalLink(href) && href.endsWith('.md')) {
-          if (href.endsWith('index.md')) {
-            node.properties.href = `${href.substring(0, href.lastIndexOf('/') + 1)}${suffix}`;
-          } else {
-            node.properties.href = `${href.substring(0, href.length - 3)}/${suffix}`;
-          }
-
-          if (inputPath.endsWith('.md')) {
-            if (inputPath.endsWith('index.md')) {
-              // nothing
-            } else {
-              node.properties.href = `../${node.properties.href}`;
-            }
-          }
-        }
-      }
-    }
-  };
-
-  /**
-   * @param {Node} tree
-   */
-  function transformer(tree) {
-    visit(tree, 'element', elementVisitor);
-    return tree;
-  }
-
-  return transformer;
-}
-
 function cleanupTitleHeadline() {
   /**
    * @param {NodeChildren} node
@@ -108,21 +53,6 @@ function addCleanupTitleHeadline(plugins) {
   return plugins;
 }
 
-/**
- * @param {MdjsProcessPlugin[]} plugins
- */
-function addAdjustLinksForEleventy(plugins) {
-  if (plugins.findIndex(plugin => plugin.name === 'adjustLinks') === -1) {
-    // add plugins right after remark2rehype
-    const remark2rehypePluginIndex = plugins.findIndex(plugin => plugin.name === 'remark2rehype');
-    plugins.splice(remark2rehypePluginIndex + 1, 0, {
-      name: 'adjustLinks',
-      plugin: adjustLinks,
-    });
-  }
-  return plugins;
-}
-
 /**
  * @param {string} source
  * @param {string} inputPath
@@ -196,7 +126,6 @@ function eleventyUnified(pluginOptions) {
     const result = await mdjsProcess(mdjs, {
       setupUnifiedPlugins: [
         addCleanupTitleHeadline,
-        addAdjustLinksForEleventy,
         ...userSetupUnifiedPlugins,
         addEleventyPageToEveryPlugin,
       ],
@@ -204,7 +133,15 @@ function eleventyUnified(pluginOptions) {
 
     result.jsCode = await processImports(result.jsCode, eleventySettings.page.inputPath);
 
-    return result;
+    let code = result.html;
+    if (result.jsCode) {
+      code += `
+        <script type="module">
+          ${result.jsCode}
+        </script>
+      `;
+    }
+    return code;
   }
   return {
     set: () => {

packages/eleventy-plugin-mdjs-unified/test-node/eleventy-plugin-mdjs-unified.test.js

@@ -44,12 +44,8 @@ describe('eleventy-plugin-mdjs-unified', () => {
     const files = await renderEleventy('./test-node/fixtures/md');
     expect(files).to.deep.equal([
       {
-        html: {
+        html:
-          stories: [],
+          '<h1 id="first"><a aria-hidden="true" tabindex="-1" href="#first"><span class="icon icon-link"></span></a>First</h1>',
-          jsCode: '',
-          html:
-            '<h1 id="first"><a aria-hidden="true" tabindex="-1" href="#first"><span class="icon icon-link"></span></a>First</h1>',
-        },
         name: 'first/index.html',
       },
     ]);
@@ -59,26 +55,8 @@ describe('eleventy-plugin-mdjs-unified', () => {
     const files = await renderEleventy('./test-node/fixtures/mdjs');
     expect(files).to.deep.equal([
       {
-        html: {
+        html:
-          html:
+          '<h1 id="first"><a aria-hidden="true" tabindex="-1" href="#first"><span class="icon icon-link"></span></a>First</h1>\n<pre class="language-js"><code class="language-js"><span class="token keyword">const</span> foo <span class="token operator">=</span> <span class="token string">\'bar\'</span><span class="token punctuation">;</span>\n<span class="token keyword module">import</span> <span class="token punctuation">{</span> html <span class="token punctuation">}</span> <span class="token keyword module">from</span> <span class="token string">\'lit-html\'</span><span class="token punctuation">;</span>\n</code></pre>\n<mdjs-story mdjs-story-name="inline"></mdjs-story>\n<mdjs-preview mdjs-story-name="withBorder"></mdjs-preview>\n        <script type="module">\n          \nexport const inline = () => html` <p>main</p> `;\nexport const withBorder = () => html` <p>main</p> `;\nconst rootNode = document;\nconst stories = [{ key: \'inline\', story: inline, code: `<pre class="language-js"><code class="language-js"><span class="token keyword module">export</span> <span class="token keyword">const</span> <span class="token function-variable function">inline</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token arrow operator">=></span> html<span class="token template-string"><span class="token template-punctuation string">\\`</span><span class="token html language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span>main<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span> </span><span class="token template-punctuation string">\\`</span></span><span class="token punctuation">;</span>\n</code></pre>` }, { key: \'withBorder\', story: withBorder, code: `<pre class="language-js"><code class="language-js"><span class="token keyword module">export</span> <span class="token keyword">const</span> <span class="token function-variable function">withBorder</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token arrow operator">=></span> html<span class="token template-string"><span class="token template-punctuation string">\\`</span><span class="token html language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span>main<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span> </span><span class="token template-punctuation string">\\`</span></span><span class="token punctuation">;</span>\n</code></pre>` }];\nfor (const story of stories) {\n  const storyEl = rootNode.querySelector(`[mdjs-story-name="${story.key}"]`);\n  storyEl.codeHasHtml = true;\n  storyEl.story = story.story;\n  storyEl.code = story.code;\n};\nif (!customElements.get(\'mdjs-preview\')) { import(\'@mdjs/mdjs-preview/mdjs-preview.js\'); }\nif (!customElements.get(\'mdjs-story\')) { import(\'@mdjs/mdjs-story/mdjs-story.js\'); }\n        </script>\n      ',
-            '<h1 id="first"><a aria-hidden="true" tabindex="-1" href="#first"><span class="icon icon-link"></span></a>First</h1>\n<pre class="language-js"><code class="language-js"><span class="token keyword">const</span> foo <span class="token operator">=</span> <span class="token string">\'bar\'</span><span class="token punctuation">;</span>\n<span class="token keyword module">import</span> <span class="token punctuation">{</span> html <span class="token punctuation">}</span> <span class="token keyword module">from</span> <span class="token string">\'lit-html\'</span><span class="token punctuation">;</span>\n</code></pre>\n<mdjs-story mdjs-story-name="inline"></mdjs-story>\n<mdjs-preview mdjs-story-name="withBorder"></mdjs-preview>',
-          jsCode:
-            '\nexport const inline = () => html` <p>main</p> `;\nexport const withBorder = () => html` <p>main</p> `;\nconst rootNode = document;\nconst stories = [{ key: \'inline\', story: inline, code: `<pre class="language-js"><code class="language-js"><span class="token keyword module">export</span> <span class="token keyword">const</span> <span class="token function-variable function">inline</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token arrow operator">=></span> html<span class="token template-string"><span class="token template-punctuation string">\\`</span><span class="token html language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span>main<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span> </span><span class="token template-punctuation string">\\`</span></span><span class="token punctuation">;</span>\n</code></pre>` }, { key: \'withBorder\', story: withBorder, code: `<pre class="language-js"><code class="language-js"><span class="token keyword module">export</span> <span class="token keyword">const</span> <span class="token function-variable function">withBorder</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token arrow operator">=></span> html<span class="token template-string"><span class="token template-punctuation string">\\`</span><span class="token html language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span>main<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span> </span><span class="token template-punctuation string">\\`</span></span><span class="token punctuation">;</span>\n</code></pre>` }];\nfor (const story of stories) {\n  const storyEl = rootNode.querySelector(`[mdjs-story-name="${story.key}"]`);\n  storyEl.codeHasHtml = true;\n  storyEl.story = story.story;\n  storyEl.code = story.code;\n};\nif (!customElements.get(\'mdjs-preview\')) { import(\'@mdjs/mdjs-preview/mdjs-preview.js\'); }\nif (!customElements.get(\'mdjs-story\')) { import(\'@mdjs/mdjs-story/mdjs-story.js\'); }',
-          stories: [
-            {
-              code: 'export const inline = () => html` <p>main</p> `;',
-              key: 'inline',
-              name: 'inline',
-              type: 'js',
-            },
-            {
-              code: 'export const withBorder = () => html` <p>main</p> `;',
-              key: 'withBorder',
-              name: 'withBorder',
-              type: 'js',
-            },
-          ],
-        },
         name: 'first/index.html',
       },
     ]);
@@ -88,11 +66,8 @@ describe('eleventy-plugin-mdjs-unified', () => {
     const files = await renderEleventy('./test-node/fixtures/mdjs-import');
     expect(files).to.deep.equal([
       {
-        html: {
+        html:
-          html: '<p>first</p>',
+          "<p>first</p>\n        <script type=\"module\">\n          import '../import-me.js';\nimport('../import-me-too.js');\n        </script>\n      ",
-          jsCode: "import '../import-me.js';\nimport('../import-me-too.js');",
-          stories: [],
-        },
         name: 'first/index.html',
       },
     ]);
@@ -102,11 +77,8 @@ describe('eleventy-plugin-mdjs-unified', () => {
     const files = await renderEleventy('./test-node/fixtures/mdjs-import-in-subpage');
     expect(files).to.deep.equal([
       {
-        html: {
+        html:
-          html: '<p>first</p>',
+          "<p>first</p>\n        <script type=\"module\">\n          import '../../import-me.js';\nimport('../../import-me-too.js');\n        </script>\n      ",
-          jsCode: "import '../../import-me.js';\nimport('../../import-me-too.js');",
-          stories: [],
-        },
         name: 'subpage/first/index.html',
       },
     ]);
@@ -116,62 +88,19 @@ describe('eleventy-plugin-mdjs-unified', () => {
     const files = await renderEleventy('./test-node/fixtures/mdjs-import-index');
     expect(files).to.deep.equal([
       {
-        html: {
+        html:
-          html: '<p>index</p>',
+          "<p>index</p>\n        <script type=\"module\">\n          import './import-me.js';\nimport('./import-me-too.js');\n        </script>\n      ",
-          jsCode: "import './import-me.js';\nimport('./import-me-too.js');",
-          stories: [],
-        },
         name: 'index.html',
       },
     ]);
   });
 
-  it('rewrites links to work with 11ty', async () => {
-    const files = await renderEleventy('./test-node/fixtures/links');
-    const sortedFiles = files.sort((a, b) => a.name.length - b.name.length);
-    expect(sortedFiles).to.deep.equal([
-      {
-        html: {
-          html: [
-            '<p><a href="./file/">file</a>',
-            '<a href="./folder/folderfile/">folder file</a>',
-            '<a href="./file/#my-anchor">file with my anchor</a>',
-            '<a href="./folder/folderfile/#my-anchor">folder file with my anchor</a></p>',
-          ].join('\n'),
-          jsCode: '',
-          stories: [],
-        },
-        name: 'index.html',
-      },
-      {
-        html: {
-          html: '<p>file</p>',
-          jsCode: '',
-          stories: [],
-        },
-        name: 'file/index.html',
-      },
-      {
-        html: {
-          html: '<p>folder index file</p>',
-          jsCode: '',
-          stories: [],
-        },
-        name: 'folder/index.html',
-      },
-    ]);
-  });
-
   it('allows to configure the plugins for unity', async () => {
     const files = await renderEleventy('./test-node/fixtures/plugin-configure');
     expect(files).to.deep.equal([
       {
-        html: {
+        html:
-          stories: [],
+          '<h1 id="first"><a class="anchor" href="#first"><span class="icon icon-link"></span></a>First</h1>',
-          jsCode: '',
-          html:
-            '<h1 id="first"><a class="anchor" href="#first"><span class="icon icon-link"></span></a>First</h1>',
-        },
         name: 'first/index.html',
       },
     ]);

packages/eleventy-rocket-nav/CHANGELOG.md

@@ -1,6 +1,13 @@
 # @rocket/eleventy-rocket-nav
 
+## 0.2.0
+
+### Minor Changes
+
+- 4858271: Adjust templates for change in `@rocket/eleventy-plugin-mdjs-unified` as it now returns html directly instead of an object with html, js, stories
+
 ## 0.1.0
+
 ### Minor Changes
 
 - 1971f5d: Initial Release

packages/eleventy-rocket-nav/eleventy-rocket-nav.js

@@ -94,13 +94,10 @@ function findNavigationEntries(nodes = [], key = '') {
         entry.title = entry.key;
       }
       if (entry.key) {
-        if (!headingsCache.has(entry.templateContent.html)) {
+        if (!headingsCache.has(entry.templateContent)) {
-          headingsCache.set(
+          headingsCache.set(entry.templateContent, getHeadingsOfHtml(entry.templateContent));
-            entry.templateContent.html,
-            getHeadingsOfHtml(entry.templateContent.html),
-          );
         }
-        const headings = /** @type {Heading[]} */ (headingsCache.get(entry.templateContent.html));
+        const headings = /** @type {Heading[]} */ (headingsCache.get(entry.templateContent));
         const anchors = headings.map(heading => ({
           key: heading.text + Math.random(),
           parent: entry.key,
@@ -125,13 +122,10 @@ function findNavigationEntries(nodes = [], key = '') {
 function rocketPageAnchors(nodes, { title }) {
   for (const entry of nodes) {
     if (entry.data && entry.data.title === title) {
-      if (!headingsCache.has(entry.templateContent.html)) {
+      if (!headingsCache.has(entry.templateContent)) {
-        headingsCache.set(
+        headingsCache.set(entry.templateContent, getHeadingsOfHtml(entry.templateContent));
-          entry.templateContent.html,
-          getHeadingsOfHtml(entry.templateContent.html),
-        );
       }
-      const headings = /** @type {Heading[]} */ (headingsCache.get(entry.templateContent.html));
+      const headings = /** @type {Heading[]} */ (headingsCache.get(entry.templateContent));
       const anchors = headings.map(heading => ({
         key: heading.text + Math.random(),
         parent: entry.key,

packages/eleventy-rocket-nav/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket/eleventy-rocket-nav",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "publishConfig": {
     "access": "public"
   },

packages/eleventy-rocket-nav/types.d.ts

@@ -4,9 +4,7 @@ export interface NavigationNode {
   key: string;
   url: string;
   pluginType?: string;
-  templateContent: {
+  templateContent: string;
-    html: string;
-  };
   data?: {
     title: string;
     page: {

packages/launch/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @rocket/launch
 
+## 0.2.0
+
+### Minor Changes
+
+- ef3b846: Add a default "core" preset to the cli package which provides fundaments like eleventConfig data, eleventyComputed data, logo, site name, simple layout, ...
+- 4858271: Adjust templates for change in `@rocket/eleventy-plugin-mdjs-unified` as it now returns html directly instead of an object with html, js, stories
+
+### Patch Changes
+
+- 25adb74: feat(launch): add icons for discord and telegram
+
+## 0.1.2
+
+### Patch Changes
+
+- 496a1b0: Improves accessibility of the 404 page
+
 ## 0.1.1
 
 ### Patch Changes

packages/launch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket/launch",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "publishConfig": {
     "access": "public"
   },

packages/launch/preset/_assets/404/astronaut.svg

@@ -1,39 +1,127 @@
-<!--Handcrafted by Saleh Riaz Qureshi - www.salehriaz.com - salehriazq@gmail.com - dribbble.com/salehriaz - behance.net/salehriaz - twitter.com/salehriazq - facebook.com/salehriazqureshi - instagram.com/salehriaz
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 177.65 227.57">
-
-Please use this SVG with attribution to the author i.e Saleh Riaz
--->
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 177.65 227.57">
 	<defs>
-		<style>.cls-astronaut-1{fill:#f2f2f2;}.cls-astronaut-2{fill:url(#linear-gradient);}.cls-astronaut-12,.cls-astronaut-3{fill:#dedfe0;}.cls-astronaut-4{fill:#c6c6c6;}.cls-astronaut-5{fill:#e8e8e8;}.cls-astronaut-6{isolation:isolate;}.cls-astronaut-7{fill:#b5b5b5;}.cls-astronaut-8{fill:#969696;}.cls-astronaut-9{clip-path:url(#clip-path);}.cls-astronaut-10{fill:#ffcb39;}.cls-astronaut-11,.cls-astronaut-26{fill:#fff;}.cls-astronaut-11{mix-blend-mode:soft-light;}.cls-astronaut-12{mix-blend-mode:multiply;}.cls-astronaut-13{clip-path:url(#clip-path-2);}.cls-astronaut-14{fill:#5208bc;}.cls-astronaut-15{fill:#d3d3d3;}.cls-astronaut-16{fill:url(#linear-gradient-3);}.cls-astronaut-17{fill:#fcfcfc;}.cls-astronaut-18{clip-path:url(#clip-path-3);}.cls-astronaut-19{fill:#c4c4c4;}.cls-astronaut-20{fill:#adadad;}.cls-astronaut-21{clip-path:url(#clip-path-4);}.cls-astronaut-22{clip-path:url(#clip-path-5);}.cls-astronaut-23{fill:#b2b2b2;}.cls-astronaut-24{clip-path:url(#clip-path-6);}.cls-astronaut-25{clip-path:url(#clip-path-7);}.cls-astronaut-27{fill:#7f1bbf;}.cls-astronaut-28{fill:url(#linear-gradient-4);}.cls-astronaut-29{fill:#d8d8d8;}</style>
+		<style>
-		<linearGradient id="linear-gradient" x1="-49.41" y1="199.04" x2="-35.42" y2="199.04" gradientTransform="translate(102.6 -105.72)" gradientUnits="userSpaceOnUse">
+			.cls-astronaut-1 {
+				fill: #f2f2f2;
+			}
+			.cls-astronaut-2 {
+				fill: url("#astronaut-linear-gradient");
+			}
+			.cls-astronaut-12,
+			.cls-astronaut-3 {
+				fill: #dedfe0;
+			}
+			.cls-astronaut-4 {
+				fill: #c6c6c6;
+			}
+			.cls-astronaut-5 {
+				fill: #e8e8e8;
+			}
+			.cls-astronaut-6 {
+				isolation: isolate;
+			}
+			.cls-astronaut-7 {
+				fill: #b5b5b5;
+			}
+			.cls-astronaut-8 {
+				fill: #969696;
+			}
+			.cls-astronaut-9 {
+				clip-path: url("#astronaut-clip-path");
+			}
+			.cls-astronaut-10 {
+				fill: #ffcb39;
+			}
+			.cls-astronaut-11,
+			.cls-astronaut-26 {
+				fill: #fff;
+			}
+			.cls-astronaut-11 {
+				mix-blend-mode: soft-light;
+			}
+			.cls-astronaut-12 {
+				mix-blend-mode: multiply;
+			}
+			.cls-astronaut-13 {
+				clip-path: url("#astronaut-clip-path-2");
+			}
+			.cls-astronaut-14 {
+				fill: #5208bc;
+			}
+			.cls-astronaut-15 {
+				fill: #d3d3d3;
+			}
+			.cls-astronaut-16 {
+				fill: url("#astronaut-linear-gradient-3");
+			}
+			.cls-astronaut-17 {
+				fill: #fcfcfc;
+			}
+			.cls-astronaut-18 {
+				clip-path: url("#astronaut-clip-path-3");
+			}
+			.cls-astronaut-19 {
+				fill: #c4c4c4;
+			}
+			.cls-astronaut-20 {
+				fill: #adadad;
+			}
+			.cls-astronaut-21 {
+				clip-path: url("#astronaut-clip-path-4");
+			}
+			.cls-astronaut-22 {
+				clip-path: url("#astronaut-clip-path-5");
+			}
+			.cls-astronaut-23 {
+				fill: #b2b2b2;
+			}
+			.cls-astronaut-24 {
+				clip-path: url("#astronaut-clip-path-6");
+			}
+			.cls-astronaut-25 {
+				clip-path: url("#astronaut-clip-path-7");
+			}
+			.cls-astronaut-27 {
+				fill: #7f1bbf;
+			}
+			.cls-astronaut-28 {
+				fill: url("#astronaut-linear-gradient-4");
+			}
+			.cls-astronaut-29 {
+				fill: #d8d8d8;
+			}
+		</style>
+		<linearGradient id="astronaut-linear-gradient" x1="-49.41" y1="199.04" x2="-35.42" y2="199.04" gradientTransform="translate(102.6 -105.72)" gradientUnits="userSpaceOnUse">
 			<stop offset="0" stop-color="#9e23cc"/>
 			<stop offset="1" stop-color="#4619bf"/>
 		</linearGradient>
-		<clipPath id="clip-path">
+		<clipPath id="astronaut-clip-path">
-			<path class="cls-astronaut-1" d="M102.52,141l-.74.43a1,1,0,0,0-.31,1.48c3.75,5,15.52,28.93,19,36.07a2.4,2.4,0,0,1-1,3.14l-17.6,10.18a2.41,2.41,0,0,1-2.84-.31c-2.49-2.3-8.3-7.8-15.37-15.5-9.49-10.32-20.91-30.07-24.92-40s-4-10-5.95-19.4c-4.48,5.71-3.15,19.09-2.79,22.06a2.17,2.17,0,0,0,.42,1.05c1.48,2,7.26,9.65,8.58,11.94,1.52,2.63,0,4.7-1.11,4.16A86.32,86.32,0,0,1,50,151a1.52,1.52,0,0,0-1.43-.22c-1.78.7,1.08,3.23,1.08,3.23a47.17,47.17,0,0,0,5.68,3.74,3.72,3.72,0,0,1,2.05,2.61,2.31,2.31,0,0,1-.68,2.32c-3.69,3.32-9.35,1.69-12.48.38a8.71,8.71,0,0,1-4-3.3,19,19,0,0,1-3.09-9.08,18.73,18.73,0,0,0-2.7-10.74c-14.13-27.08,3.31-51.12,4.86-55.66,9-3.18,15.13-10.62,22.07-14.56l-.21.12C68.07,65.77,76.72,63.65,84,57.4c4.71.93,35.09-1.66,51.52,24.1a18.73,18.73,0,0,0,8,7.69,19,19,0,0,1,6.33,7.21,8.71,8.71,0,0,1,.89,5.07c-.43,3.36-1.84,9.08-6.55,10.62a2.31,2.31,0,0,1-2.35-.57,3.72,3.72,0,0,1-1.24-3.08,47.17,47.17,0,0,0-.41-6.79s-.76-3.72-2.25-2.55a1.52,1.52,0,0,0-.53,1.35c.36,3.46,1.8,8.8.56,9.51s-2.63,1.52-4.16-1.11c-1.32-2.29-5.11-11.13-6.07-13.39a2.17,2.17,0,0,0-.7-.89c-2.39-1.79-13.33-9.62-20.51-8.58,7.2,6.37,7.2,6.38,13.85,14.83s18.07,28.2,22.29,41.57c3.15,10,5,17.75,5.78,21.05a2.41,2.41,0,0,1-1.14,2.62l-17.6,10.18a2.4,2.4,0,0,1-3.2-.73c-4.45-6.58-19.32-28.71-21.79-34.46a1,1,0,0,0-1.43-.47l-.74.43"/>
+			<path
+				class="cls-astronaut-1"
+				d="M102.52,141l-.74.43a1,1,0,0,0-.31,1.48c3.75,5,15.52,28.93,19,36.07a2.4,2.4,0,0,1-1,3.14l-17.6,10.18a2.41,2.41,0,0,1-2.84-.31c-2.49-2.3-8.3-7.8-15.37-15.5-9.49-10.32-20.91-30.07-24.92-40s-4-10-5.95-19.4c-4.48,5.71-3.15,19.09-2.79,22.06a2.17,2.17,0,0,0,.42,1.05c1.48,2,7.26,9.65,8.58,11.94,1.52,2.63,0,4.7-1.11,4.16A86.32,86.32,0,0,1,50,151a1.52,1.52,0,0,0-1.43-.22c-1.78.7,1.08,3.23,1.08,3.23a47.17,47.17,0,0,0,5.68,3.74,3.72,3.72,0,0,1,2.05,2.61,2.31,2.31,0,0,1-.68,2.32c-3.69,3.32-9.35,1.69-12.48.38a8.71,8.71,0,0,1-4-3.3,19,19,0,0,1-3.09-9.08,18.73,18.73,0,0,0-2.7-10.74c-14.13-27.08,3.31-51.12,4.86-55.66,9-3.18,15.13-10.62,22.07-14.56l-.21.12C68.07,65.77,76.72,63.65,84,57.4c4.71.93,35.09-1.66,51.52,24.1a18.73,18.73,0,0,0,8,7.69,19,19,0,0,1,6.33,7.21,8.71,8.71,0,0,1,.89,5.07c-.43,3.36-1.84,9.08-6.55,10.62a2.31,2.31,0,0,1-2.35-.57,3.72,3.72,0,0,1-1.24-3.08,47.17,47.17,0,0,0-.41-6.79s-.76-3.72-2.25-2.55a1.52,1.52,0,0,0-.53,1.35c.36,3.46,1.8,8.8.56,9.51s-2.63,1.52-4.16-1.11c-1.32-2.29-5.11-11.13-6.07-13.39a2.17,2.17,0,0,0-.7-.89c-2.39-1.79-13.33-9.62-20.51-8.58,7.2,6.37,7.2,6.38,13.85,14.83s18.07,28.2,22.29,41.57c3.15,10,5,17.75,5.78,21.05a2.41,2.41,0,0,1-1.14,2.62l-17.6,10.18a2.4,2.4,0,0,1-3.2-.73c-4.45-6.58-19.32-28.71-21.79-34.46a1,1,0,0,0-1.43-.47l-.74.43"/>
 		</clipPath>
-		<clipPath id="clip-path-2">
+		<clipPath id="astronaut-clip-path-2">
 			<circle class="cls-astronaut-2" cx="60.18" cy="93.32" r="6.99" transform="translate(-38.64 42.68) rotate(-30.05)"/>
 		</clipPath>
-		<linearGradient id="linear-gradient-3" x1="-48.06" y1="218.81" x2="-16.1" y2="218.81" gradientTransform="translate(113.84 -113.31)" xlink:href="#linear-gradient"/>
+		<linearGradient id="astronaut-linear-gradient-3" x1="-48.06" y1="218.81" x2="-16.1" y2="218.81" gradientTransform="translate(113.84 -113.31)" xlink:href="#astronaut-linear-gradient"/>
-		<clipPath id="clip-path-3">
+		<clipPath id="astronaut-clip-path-3">
-			<path class="cls-astronaut-3" d="M129.12,178.73l10.53,16.4a11.24,11.24,0,0,0,8.07,4.42,15.15,15.15,0,0,0,4.35-.21,18,18,0,0,0,5.6-2.12c9.16-5.25,17.65-10.09,8.59-17.5a15,15,0,0,0-5.65-2.87c-.87-.23-1.73-.43-2.51-.61a10,10,0,0,1-6.6-4.91l-2.11-3.75Z"/>
+			<path
+				class="cls-astronaut-3"
+				d="M129.12,178.73l10.53,16.4a11.24,11.24,0,0,0,8.07,4.42,15.15,15.15,0,0,0,4.35-.21,18,18,0,0,0,5.6-2.12c9.16-5.25,17.65-10.09,8.59-17.5a15,15,0,0,0-5.65-2.87c-.87-.23-1.73-.43-2.51-.61a10,10,0,0,1-6.6-4.91l-2.11-3.75Z"/>
 		</clipPath>
-		<clipPath id="clip-path-4">
+		<clipPath id="astronaut-clip-path-4">
 			<path class="cls-astronaut-3" d="M122.22,182.72l9,17.31a11.24,11.24,0,0,1-.19,9.2,15.15,15.15,0,0,1-2.36,3.67,18,18,0,0,1-4.63,3.8c-9.12,5.33-17.55,10.27-19.45-1.27a15,15,0,0,1,.33-6.33c.24-.87.48-1.71.73-2.48a10,10,0,0,0-1-8.17l-2.2-3.69Z"/>
 		</clipPath>
-		<clipPath id="clip-path-5">
+		<clipPath id="astronaut-clip-path-5">
 			<path id="ear" class="cls-astronaut-4" d="M11.68,50.55h0a0,0,0,0,1,0,0V68.81a0,0,0,0,1,0,0h0a7.3,7.3,0,0,1-7.3-7.3V57.86a7.3,7.3,0,0,1,7.3-7.3Z" transform="matrix(0.87, -0.5, 0.5, 0.87, -28.81, 12.04)"/>
 		</clipPath>
-		<clipPath id="clip-path-6">
+		<clipPath id="astronaut-clip-path-6">
 			<path id="ear-2" data-name="ear" class="cls-astronaut-4" d="M82.77,9.43h0a0,0,0,0,1,0,0V27.69a0,0,0,0,1,0,0h0a7.3,7.3,0,0,1-7.3-7.3V16.73a7.3,7.3,0,0,1,7.3-7.3Z" transform="translate(156.89 -4.99) rotate(149.95)"/>
 		</clipPath>
-		<clipPath id="clip-path-7">
+		<clipPath id="astronaut-clip-path-7">
 			<circle id="_Ellipse_" data-name="&lt;Ellipse&gt;" class="cls-astronaut-5" cx="43.68" cy="39.58" r="38.78" transform="matrix(0.87, -0.5, 0.5, 0.87, -13.95, 27.19)"/>
 		</clipPath>
-		<linearGradient id="linear-gradient-4" x1="-51.67" y1="143.38" x2="-1.64" y2="143.38" gradientTransform="translate(-2.76 -100.21) rotate(-30.05)" xlink:href="#linear-gradient"/>
+		<linearGradient id="astronaut-linear-gradient-4" x1="-51.67" y1="143.38" x2="-1.64" y2="143.38" gradientTransform="translate(-2.76 -100.21) rotate(-30.05)" xlink:href="#astronaut-linear-gradient"/>
 	</defs>
 	<title>astronaut_1</title>
 	<g class="cls-astronaut-6">
@@ -45,7 +133,9 @@ Please use this SVG with attribution to the author i.e Saleh Riaz
 				<rect class="cls-astronaut-7" x="84.16" y="44.49" width="6.32" height="6.32" rx="3.16" ry="3.16" transform="translate(-12.12 50.13) rotate(-30.05)"/>
 				<path class="cls-astronaut-8" d="M91.82,123.23l30.75-17.79a10.6,10.6,0,0,0,4.35-13.55l-17.23-38a15.5,15.5,0,0,0-21.87-7L57.71,64.26Z"/>
 				<path class="cls-astronaut-7" d="M91.21,123.07l29.6-17.12a10.2,10.2,0,0,0,4.19-13L108.54,56.58a15.21,15.21,0,0,0-21.47-6.89l-28.7,16.6Z"/>
-				<path class="cls-astronaut-1" d="M102.52,141l-.74.43a1,1,0,0,0-.31,1.48c3.75,5,15.52,28.93,19,36.07a2.4,2.4,0,0,1-1,3.14l-17.6,10.18a2.41,2.41,0,0,1-2.84-.31c-2.49-2.3-8.3-7.8-15.37-15.5-9.49-10.32-20.91-30.07-24.92-40s-4-10-5.95-19.4c-4.48,5.71-3.15,19.09-2.79,22.06a2.17,2.17,0,0,0,.42,1.05c1.48,2,7.26,9.65,8.58,11.94,1.52,2.63,0,4.7-1.11,4.16A86.32,86.32,0,0,1,50,151a1.52,1.52,0,0,0-1.43-.22c-1.78.7,1.08,3.23,1.08,3.23a47.17,47.17,0,0,0,5.68,3.74,3.72,3.72,0,0,1,2.05,2.61,2.31,2.31,0,0,1-.68,2.32c-3.69,3.32-9.35,1.69-12.48.38a8.71,8.71,0,0,1-4-3.3,19,19,0,0,1-3.09-9.08,18.73,18.73,0,0,0-2.7-10.74c-14.13-27.08,3.31-51.12,4.86-55.66,9-3.18,15.13-10.62,22.07-14.56l-.21.12C68.07,65.77,76.72,63.65,84,57.4c4.71.93,35.09-1.66,51.52,24.1a18.73,18.73,0,0,0,8,7.69,19,19,0,0,1,6.33,7.21,8.71,8.71,0,0,1,.89,5.07c-.43,3.36-1.84,9.08-6.55,10.62a2.31,2.31,0,0,1-2.35-.57,3.72,3.72,0,0,1-1.24-3.08,47.17,47.17,0,0,0-.41-6.79s-.76-3.72-2.25-2.55a1.52,1.52,0,0,0-.53,1.35c.36,3.46,1.8,8.8.56,9.51s-2.63,1.52-4.16-1.11c-1.32-2.29-5.11-11.13-6.07-13.39a2.17,2.17,0,0,0-.7-.89c-2.39-1.79-13.33-9.62-20.51-8.58,7.2,6.37,7.2,6.38,13.85,14.83s18.07,28.2,22.29,41.57c3.15,10,5,17.75,5.78,21.05a2.41,2.41,0,0,1-1.14,2.62l-17.6,10.18a2.4,2.4,0,0,1-3.2-.73c-4.45-6.58-19.32-28.71-21.79-34.46a1,1,0,0,0-1.43-.47l-.74.43"/>
+				<path
+					class="cls-astronaut-1"
+					d="M102.52,141l-.74.43a1,1,0,0,0-.31,1.48c3.75,5,15.52,28.93,19,36.07a2.4,2.4,0,0,1-1,3.14l-17.6,10.18a2.41,2.41,0,0,1-2.84-.31c-2.49-2.3-8.3-7.8-15.37-15.5-9.49-10.32-20.91-30.07-24.92-40s-4-10-5.95-19.4c-4.48,5.71-3.15,19.09-2.79,22.06a2.17,2.17,0,0,0,.42,1.05c1.48,2,7.26,9.65,8.58,11.94,1.52,2.63,0,4.7-1.11,4.16A86.32,86.32,0,0,1,50,151a1.52,1.52,0,0,0-1.43-.22c-1.78.7,1.08,3.23,1.08,3.23a47.17,47.17,0,0,0,5.68,3.74,3.72,3.72,0,0,1,2.05,2.61,2.31,2.31,0,0,1-.68,2.32c-3.69,3.32-9.35,1.69-12.48.38a8.71,8.71,0,0,1-4-3.3,19,19,0,0,1-3.09-9.08,18.73,18.73,0,0,0-2.7-10.74c-14.13-27.08,3.31-51.12,4.86-55.66,9-3.18,15.13-10.62,22.07-14.56l-.21.12C68.07,65.77,76.72,63.65,84,57.4c4.71.93,35.09-1.66,51.52,24.1a18.73,18.73,0,0,0,8,7.69,19,19,0,0,1,6.33,7.21,8.71,8.71,0,0,1,.89,5.07c-.43,3.36-1.84,9.08-6.55,10.62a2.31,2.31,0,0,1-2.35-.57,3.72,3.72,0,0,1-1.24-3.08,47.17,47.17,0,0,0-.41-6.79s-.76-3.72-2.25-2.55a1.52,1.52,0,0,0-.53,1.35c.36,3.46,1.8,8.8.56,9.51s-2.63,1.52-4.16-1.11c-1.32-2.29-5.11-11.13-6.07-13.39a2.17,2.17,0,0,0-.7-.89c-2.39-1.79-13.33-9.62-20.51-8.58,7.2,6.37,7.2,6.38,13.85,14.83s18.07,28.2,22.29,41.57c3.15,10,5,17.75,5.78,21.05a2.41,2.41,0,0,1-1.14,2.62l-17.6,10.18a2.4,2.4,0,0,1-3.2-.73c-4.45-6.58-19.32-28.71-21.79-34.46a1,1,0,0,0-1.43-.47l-.74.43"/>
 				<g class="cls-astronaut-9">
 					<rect class="cls-astronaut-10" x="102.92" y="60.31" width="18.38" height="7.44" transform="translate(8.96 141.66) rotate(-66.7)"/>
 					<path class="cls-astronaut-11" d="M84,57.4s33.5,5.64,47.74,20.34c11.5,16.28,9.9,9.91,11.65,12s9,4.71,4.3,19.15,12.71-8.66,12.71-8.66L136.73,63.89,86.92,52.57l-2.39,4Z"/>
@@ -87,10 +177,14 @@ Please use this SVG with attribution to the author i.e Saleh Riaz
 				<rect class="cls-astronaut-15" x="60.23" y="130.11" width="75.35" height="6.32" transform="translate(-53.66 67.13) rotate(-30.12)"/>
 				<rect class="cls-astronaut-7" x="91.39" y="129.1" width="12.63" height="8.57" rx="1.32" ry="1.32" transform="translate(-53.74 67.05) rotate(-30.12)"/>
 				<circle class="cls-astronaut-17" cx="97.71" cy="133.38" r="2.93" transform="translate(-53.74 67.05) rotate(-30.12)"/>
-				<path class="cls-astronaut-3" d="M129.12,178.73l10.53,16.4a11.24,11.24,0,0,0,8.07,4.42,15.15,15.15,0,0,0,4.35-.21,18,18,0,0,0,5.6-2.12c9.16-5.25,17.65-10.09,8.59-17.5a15,15,0,0,0-5.65-2.87c-.87-.23-1.73-.43-2.51-.61a10,10,0,0,1-6.6-4.91l-2.11-3.75Z"/>
+				<path
+					class="cls-astronaut-3"
+					d="M129.12,178.73l10.53,16.4a11.24,11.24,0,0,0,8.07,4.42,15.15,15.15,0,0,0,4.35-.21,18,18,0,0,0,5.6-2.12c9.16-5.25,17.65-10.09,8.59-17.5a15,15,0,0,0-5.65-2.87c-.87-.23-1.73-.43-2.51-.61a10,10,0,0,1-6.6-4.91l-2.11-3.75Z"/>
 				<g class="cls-astronaut-18">
 					<circle class="cls-astronaut-19" cx="158.17" cy="175.3" r="5.64" transform="translate(-66.52 102.76) rotate(-30.05)"/>
-					<path class="cls-astronaut-19" d="M130.73,197.69l6.5-5.85a11.24,11.24,0,0,0,8.07,4.42,15.15,15.15,0,0,0,4.35-.21,18,18,0,0,0,5.6-2.12c9.16-5.25,17.65-10.09,8.59-17.5a15,15,0,0,0-5.65-2.87c-.87-.23-1.73-.43-2.51-.61-2.8-.61,16.27.54,14.86-2l7.11,10.48L173.79,191l-10,8.9-11.22,4.93-7,.43-6.39-2-4.44-3.17Z"/>
+					<path
+						class="cls-astronaut-19"
+						d="M130.73,197.69l6.5-5.85a11.24,11.24,0,0,0,8.07,4.42,15.15,15.15,0,0,0,4.35-.21,18,18,0,0,0,5.6-2.12c9.16-5.25,17.65-10.09,8.59-17.5a15,15,0,0,0-5.65-2.87c-.87-.23-1.73-.43-2.51-.61-2.8-.61,16.27.54,14.86-2l7.11,10.48L173.79,191l-10,8.9-11.22,4.93-7,.43-6.39-2-4.44-3.17Z"/>
 				</g>
 				<rect class="cls-astronaut-15" x="125.42" y="168.94" width="26.62" height="4.96" rx="2.48" ry="2.48" transform="translate(344.65 250.35) rotate(149.95)"/>
 				<rect class="cls-astronaut-20" x="139.14" y="179.19" width="1.11" height="9.93" transform="translate(-73.44 94.7) rotate(-30.05)"/>
@@ -99,7 +193,9 @@ Please use this SVG with attribution to the author i.e Saleh Riaz
 				<path class="cls-astronaut-3" d="M122.22,182.72l9,17.31a11.24,11.24,0,0,1-.19,9.2,15.15,15.15,0,0,1-2.36,3.67,18,18,0,0,1-4.63,3.8c-9.12,5.33-17.55,10.27-19.45-1.27a15,15,0,0,1,.33-6.33c.24-.87.48-1.71.73-2.48a10,10,0,0,0-1-8.17l-2.2-3.69Z"/>
 				<g class="cls-astronaut-21">
 					<circle class="cls-astronaut-19" cx="104.77" cy="206.19" r="5.64" transform="translate(-89.16 80.17) rotate(-30.05)"/>
-					<path class="cls-astronaut-19" d="M137.86,193.56l-8.31,2.72a11.24,11.24,0,0,1-.19,9.2,15.15,15.15,0,0,1-2.36,3.67,18,18,0,0,1-4.63,3.8c-9.12,5.33-17.55,10.27-19.45-1.27a15,15,0,0,1,.33-6.33c.24-.87.48-1.71.73-2.48.87-2.73-7.64,14.37-9.11,11.91l5.55,11.39,10.19,1.4,12.68-4.21,9.87-7.27,3.89-5.9,1.42-6.56-.53-5.43Z"/>
+					<path
+						class="cls-astronaut-19"
+						d="M137.86,193.56l-8.31,2.72a11.24,11.24,0,0,1-.19,9.2,15.15,15.15,0,0,1-2.36,3.67,18,18,0,0,1-4.63,3.8c-9.12,5.33-17.55,10.27-19.45-1.27a15,15,0,0,1,.33-6.33c.24-.87.48-1.71.73-2.48.87-2.73-7.64,14.37-9.11,11.91l5.55,11.39,10.19,1.4,12.68-4.21,9.87-7.27,3.89-5.9,1.42-6.56-.53-5.43Z"/>
 				</g>
 				<rect class="cls-astronaut-15" x="97.79" y="184.92" width="26.62" height="4.96" rx="2.48" ry="2.48" transform="translate(-78.91 80.82) rotate(-30.05)"/>
 				<rect class="cls-astronaut-20" x="121.1" y="189.63" width="1.11" height="9.93" transform="translate(324.4 302.12) rotate(149.95)"/>
@@ -126,7 +222,9 @@ Please use this SVG with attribution to the author i.e Saleh Riaz
 				<path id="purple" class="cls-astronaut-27" d="M68,25.49c7.78,13.45,3.6,29.1-9.85,36.88S27.1,67.12,19.32,53.67s-1.63-30.24,11.82-38S60.25,12,68,25.49Z"/>
 				<path id="purple-2" data-name="purple" class="cls-astronaut-28" d="M67.61,24.72c7.53,13,4.26,27.7-7.7,34.62a26.11,26.11,0,0,1-26.15-45.2C45.72,7.22,60.08,11.71,67.61,24.72Z"/>
 				<g id="outline">
-					<path class="cls-astronaut-29" d="M45.16,11.75c9.13,0,17.72,4.84,22.87,13.74,7.78,13.45,3.6,29.1-9.85,36.88a31.21,31.21,0,0,1-15.59,4.22c-9.34,0-18.31-4.34-23.27-12.92-7.78-13.45-1.63-30.24,11.82-38a27.93,27.93,0,0,1,14-3.89m0-5v0h0a33.11,33.11,0,0,0-16.51,4.57C12.29,20.78,6.16,40.9,15,56.17c5.58,9.65,15.9,15.42,27.6,15.42A36.19,36.19,0,0,0,60.68,66.7,32,32,0,0,0,75.9,47.35,32,32,0,0,0,72.36,23c-5.88-10.17-16-16.24-27.2-16.24Z"/>
+					<path
+						class="cls-astronaut-29"
+						d="M45.16,11.75c9.13,0,17.72,4.84,22.87,13.74,7.78,13.45,3.6,29.1-9.85,36.88a31.21,31.21,0,0,1-15.59,4.22c-9.34,0-18.31-4.34-23.27-12.92-7.78-13.45-1.63-30.24,11.82-38a27.93,27.93,0,0,1,14-3.89m0-5v0h0a33.11,33.11,0,0,0-16.51,4.57C12.29,20.78,6.16,40.9,15,56.17c5.58,9.65,15.9,15.42,27.6,15.42A36.19,36.19,0,0,0,60.68,66.7,32,32,0,0,0,75.9,47.35,32,32,0,0,0,72.36,23c-5.88-10.17-16-16.24-27.2-16.24Z"/>
 				</g>
 				<path class="cls-astronaut-4" d="M40.09,66.57h44.2A7.68,7.68,0,0,1,92,74.25V76a0,0,0,0,1,0,0H32.41a0,0,0,0,1,0,0V74.25A7.68,7.68,0,0,1,40.09,66.57Z" transform="translate(-27.35 40.72) rotate(-30.05)"/>
 				<path class="cls-astronaut-29" d="M35.38,65.4H87.65A3.65,3.65,0,0,1,91.29,69v5.83a0,0,0,0,1,0,0H31.73a0,0,0,0,1,0,0V69A3.65,3.65,0,0,1,35.38,65.4Z" transform="translate(-26.85 40.23) rotate(-30.05)"/>

packages/launch/preset/_assets/404/earth.svg

@@ -1,29 +1,50 @@
-<!--Handcrafted by Saleh Riaz Qureshi - www.salehriaz.com - salehriazq@gmail.com - dribbble.com/salehriaz - behance.net/salehriaz - twitter.com/salehriazq - facebook.com/salehriazqureshi - instagram.com/salehriaz
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 139.64 139.64">
-
-Please use this SVG with attribution to the author i.e Saleh Riaz
--->
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 139.64 139.64">
 	<defs>
-		<style>.cls-earth-1{fill:#5bcbf5;}.cls-earth-2{fill:#fff;opacity:0.1;}.cls-earth-3{clip-path:url(#clip-path);}.cls-earth-4{fill:#257793;}.cls-earth-5{opacity:0.2;}</style>
+		<style>
+			.cls-earth-1 {
+				fill: #5bcbf5;
+			}
+			.cls-earth-2 {
+				fill: #fff;
+				opacity: 0.1;
+			}
+			.cls-earth-3 {
+				clip-path: url("#clip-path");
+			}
+			.cls-earth-4 {
+				fill: #257793;
+			}
+			.cls-earth-5 {
+				opacity: 0.2;
+			}
+		</style>
 		<clipPath id="clip-path">
 			<circle class="cls-earth-1" cx="69.82" cy="69.82" r="60.9" transform="translate(-28.55 61.3) rotate(-40.05)"/>
 		</clipPath>
 	</defs>
 	<title>earth</title>
-	<g id="Layer_2" data-name="Layer 2">
+	<g data-name="Layer 2">
-		<g id="Layer_1-2" data-name="Layer 1">
+		<g data-name="Layer 1">
-			<g id="earth">
+			<g>
 				<circle class="cls-earth-2" cx="69.82" cy="69.82" r="69.82" transform="translate(-28.91 70.93) rotate(-45.64)"/>
 				<circle class="cls-earth-1" cx="69.82" cy="69.82" r="60.9" transform="translate(-28.55 61.3) rotate(-40.05)"/>
 				<g class="cls-earth-3">
-					<path class="cls-earth-4" d="M2.63,74.4A52.68,52.68,0,0,1,20.82,34.79s-1.28,4,6.25,2.31,6.3,1.65,6,3.43-4.4.82-7.1.17S15.78,41.92,13,46.8s-5.26,8.9-3.54,9.74,6.33-7.66,9-9.75S21.7,47,20.88,51s.88,6.48,4.68,5.68,7.06-3.38,7-4.85-6.84-5.3.1-7.08S44.86,40.9,44,47.92s-2,15-.16,17.37,5,2.89,4.28,3.78-2.44.5-3.69.21-4.13,1.71-5,3.32-1.6,5.64,1.36,6.31,4.07-1.78,6.66-2.54,7.14,1,7.43,2-2.1,1.48-5.57.09-4.45,2.37-6.53,3.42-3.6,1.88-7.91.37-8.57.73-11.51.25C14.89,81.2,11.94,77.2,9.6,76.24a47.8,47.8,0,0,0-7-1.84Zm0,0"/>
+					<path
-					<path class="cls-earth-4" d="M57.77,68.9s4.64-3.28,8.39-3.28,4.65.46,8.54-1.67,6.92-1.52,7.88,3.9,2.05,14.45,1.68,17.77-1.41,6.72.21,10.31,2.81,5.55,5.66,5.08c0,0,1.11,3.29-3.89,2.13s-6.36-6.46-7.79-9-5.85-9.9-7.92-10.85-6.21.9-9.91-1.64S52.88,71.46,57.77,68.9Zm0,0"/>
+						class="cls-earth-4"
-					<path class="cls-earth-4" d="M106.07,17.4c1.23,4.3-2.64,5.57-6.63,8.75-5.12,4.08-10.2,3.65-15.86,6-5.25,2.22-7.16,8.17-6.72,13.48.33,3.94,2.09,12,6.18,13.43a15.55,15.55,0,0,0,6.17.48,57.4,57.4,0,0,0,8.91-1c3.36-.73,6.88-2.05,10.12-.89,2.67,1,4.5,3.41,5.84,5.9C117.72,70.39,116,79.75,125,82.09a11.6,11.6,0,0,0,9.61-1.62,75.57,75.57,0,0,0-28.5-63.07Z"/>
+						d="M2.63,74.4A52.68,52.68,0,0,1,20.82,34.79s-1.28,4,6.25,2.31,6.3,1.65,6,3.43-4.4.82-7.1.17S15.78,41.92,13,46.8s-5.26,8.9-3.54,9.74,6.33-7.66,9-9.75S21.7,47,20.88,51s.88,6.48,4.68,5.68,7.06-3.38,7-4.85-6.84-5.3.1-7.08S44.86,40.9,44,47.92s-2,15-.16,17.37,5,2.89,4.28,3.78-2.44.5-3.69.21-4.13,1.71-5,3.32-1.6,5.64,1.36,6.31,4.07-1.78,6.66-2.54,7.14,1,7.43,2-2.1,1.48-5.57.09-4.45,2.37-6.53,3.42-3.6,1.88-7.91.37-8.57.73-11.51.25C14.89,81.2,11.94,77.2,9.6,76.24a47.8,47.8,0,0,0-7-1.84Zm0,0"/>
-					<path class="cls-earth-4" d="M46.65,13.42a7.4,7.4,0,0,0-1.29,3.41c-.07,2.56,2.44,4.54,4,6.18a14.68,14.68,0,0,0,1.81,1.61c8.25,6.11,13-3.14,20-4.63,4.45-1,9,1.43,13.55,1,5.14-.49,7.15-5.71,7.53-10.86q-3.75-2.91-7.75-5.49c-12.81-8.26-30-4.51-37.78,8.61Z"/>
+					<path
+						class="cls-earth-4"
+						d="M57.77,68.9s4.64-3.28,8.39-3.28,4.65.46,8.54-1.67,6.92-1.52,7.88,3.9,2.05,14.45,1.68,17.77-1.41,6.72.21,10.31,2.81,5.55,5.66,5.08c0,0,1.11,3.29-3.89,2.13s-6.36-6.46-7.79-9-5.85-9.9-7.92-10.85-6.21.9-9.91-1.64S52.88,71.46,57.77,68.9Zm0,0"/>
+					<path
+						class="cls-earth-4"
+						d="M106.07,17.4c1.23,4.3-2.64,5.57-6.63,8.75-5.12,4.08-10.2,3.65-15.86,6-5.25,2.22-7.16,8.17-6.72,13.48.33,3.94,2.09,12,6.18,13.43a15.55,15.55,0,0,0,6.17.48,57.4,57.4,0,0,0,8.91-1c3.36-.73,6.88-2.05,10.12-.89,2.67,1,4.5,3.41,5.84,5.9C117.72,70.39,116,79.75,125,82.09a11.6,11.6,0,0,0,9.61-1.62,75.57,75.57,0,0,0-28.5-63.07Z"/>
+					<path
+						class="cls-earth-4"
+						d="M46.65,13.42a7.4,7.4,0,0,0-1.29,3.41c-.07,2.56,2.44,4.54,4,6.18a14.68,14.68,0,0,0,1.81,1.61c8.25,6.11,13-3.14,20-4.63,4.45-1,9,1.43,13.55,1,5.14-.49,7.15-5.71,7.53-10.86q-3.75-2.91-7.75-5.49c-12.81-8.26-30-4.51-37.78,8.61Z"/>
 					<path class="cls-earth-4" d="M43.49,125.16a41.14,41.14,0,0,0,22.75,5.65s-1.78-3.78-3.91-4.52-3.6,1.42-4.86.37,1.51-1.65-1-5.85-8.19-6.18-10.29-3.47-2.71,7.82-2.71,7.82Z"/>
-					<path class="cls-earth-4" d="M108.53,88.17c1.31.3,2.08-2.07,4.54,1.18s1.59,4.76,3.57,5.77,1,3.73.51,3.85-2.16.74-3.06,1.1-3.37,1.08-4.08-.07-.38-2.07-2-3.21-2-.64-3.28-.73-1.35-1.43-2.7-.3-4,3.82-4.24,2.12a6.14,6.14,0,0,1,.62-3.9c.62-1.57-.56.14.62-1.57s.47-1.71,2-2.29S108.53,88.17,108.53,88.17Z"/>
+					<path
+						class="cls-earth-4"
+						d="M108.53,88.17c1.31.3,2.08-2.07,4.54,1.18s1.59,4.76,3.57,5.77,1,3.73.51,3.85-2.16.74-3.06,1.1-3.37,1.08-4.08-.07-.38-2.07-2-3.21-2-.64-3.28-.73-1.35-1.43-2.7-.3-4,3.82-4.24,2.12a6.14,6.14,0,0,1,.62-3.9c.62-1.57-.56.14.62-1.57s.47-1.71,2-2.29S108.53,88.17,108.53,88.17Z"/>
 					<path class="cls-earth-5" d="M123.42,39.39A80.86,80.86,0,0,1,94.54,100.8c-16.43,13.81-40.15,20.53-60,19.44a55.56,55.56,0,0,0,4.67,3,61.5,61.5,0,0,0,84.22-83.87Z"/>
 				</g>
 			</g>

packages/launch/preset/_assets/404/rocket.svg

@@ -1,16 +1,33 @@
-<!--Handcrafted by Saleh Riaz Qureshi - www.salehriaz.com - salehriazq@gmail.com - dribbble.com/salehriaz - behance.net/salehriaz - twitter.com/salehriazq - facebook.com/salehriazqureshi - instagram.com/salehriaz
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.83 41.92">
-
-Please use this SVG with attribution to the author i.e Saleh Riaz
--->
-<svg
-	xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.83 41.92">
 	<defs>
-		<style>.cls-rocket-1{fill:#5bcbf5;}.cls-rocket-2{fill:#ffcb39;}.cls-rocket-3{fill:#ff9600;}.cls-rocket-4{fill:#007bbd;}.cls-rocket-5{fill:#c7f4f9;}.cls-rocket-6{fill:#5c546a;}.cls-rocket-7{fill:#e87e04;}</style>
+		<style>
+			.cls-rocket-1 {
+				fill: #5bcbf5;
+			}
+			.cls-rocket-2 {
+				fill: #ffcb39;
+			}
+			.cls-rocket-3 {
+				fill: #ff9600;
+			}
+			.cls-rocket-4 {
+				fill: #007bbd;
+			}
+			.cls-rocket-5 {
+				fill: #c7f4f9;
+			}
+			.cls-rocket-6 {
+				fill: #5c546a;
+			}
+			.cls-rocket-7 {
+				fill: #e87e04;
+			}
+		</style>
 	</defs>
 	<title>rocket_1</title>
-	<g id="Layer_2" data-name="Layer 2">
+	<g data-name="Layer 2">
-		<g id="Layer_1-2" data-name="Layer 1">
+		<g data-name="Layer 1">
-			<g id="rocket">
+			<g>
 				<path class="cls-rocket-1" d="M16.31,41.57a7.89,7.89,0,0,0,1.91-1,9.68,9.68,0,0,0-6-17.66A10,10,0,0,0,7.3,24.57,10.1,10.1,0,0,0,5.67,26a13.83,13.83,0,1,1,26.81,6.43,13.67,13.67,0,0,1-5.35,7A13.41,13.41,0,0,1,16.31,41.57Z"/>
 				<path class="cls-rocket-2" d="M57.81,2.35a.92.92,0,0,0-.53-.78A21.75,21.75,0,0,0,36.75,3.9C32.63,6.7,22.38,15.2,12.89,23.65a3.69,3.69,0,0,0-.59,4.82l4.05,5.94a3.69,3.69,0,0,0,4.7,1.2c11.33-5.74,23-12.19,27.1-15A21.75,21.75,0,0,0,57.81,2.35Zm0,0"/>
 				<path class="cls-rocket-3" d="M14.33,31.44l-2-3a3.69,3.69,0,0,1,.59-4.82C22.38,15.2,32.63,6.7,36.75,3.9A21.75,21.75,0,0,1,57.28,1.57a.92.92,0,0,1,.37.32h0Zm0,0"/>

packages/launch/preset/_assets/brand-logos/discord.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+  <title>Discord</title>
+  <path
+    d="m3.58 21.196h14.259l-.681-2.205 1.629 1.398 1.493 1.338 2.72 2.273v-21.525c-.068-1.338-1.22-2.475-2.648-2.475l-16.767.003c-1.427 0-2.585 1.139-2.585 2.477v16.24c0 1.411 1.156 2.476 2.58 2.476zm10.548-15.513-.033.012.012-.012zm-7.631 1.269c1.833-1.334 3.532-1.27 3.532-1.27l.137.135c-2.243.535-3.26 1.537-3.26 1.537s.272-.133.747-.336c3.021-1.188 6.32-1.102 9.374.402 0 0-1.019-.937-3.124-1.537l.186-.183c.291.001 1.831.055 3.479 1.26 0 0 1.844 3.15 1.844 7.02-.061-.074-1.144 1.666-3.931 1.726 0 0-.472-.534-.808-1 1.63-.468 2.24-1.404 2.24-1.404-.535.337-1.023.537-1.419.737-.609.268-1.219.4-1.828.535-2.884.468-4.503-.315-6.033-.936l-.523-.266s.609.936 2.174 1.404c-.411.469-.818 1.002-.818 1.002-2.786-.066-3.802-1.806-3.802-1.806 0-3.876 1.833-7.02 1.833-7.02z"></path>
+  <path d="m14.308 12.771c.711 0 1.29-.6 1.29-1.34 0-.735-.576-1.335-1.29-1.335v.003c-.708 0-1.288.598-1.29 1.338 0 .734.579 1.334 1.29 1.334z"></path>
+  <path d="m9.69 12.771c.711 0 1.29-.6 1.29-1.34 0-.735-.575-1.335-1.286-1.335l-.004.003c-.711 0-1.29.598-1.29 1.338 0 .734.579 1.334 1.29 1.334z"></path>
+</svg>

packages/launch/preset/_assets/brand-logos/telegram.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54" fill="currentColor">
+  <path d="M-.2.1h53.8v53.4H-.2z" fill="none"/>
+  <path d="M49.7 16.5c1.3 3.1 2 6.3 2 9.7s-.7 6.6-2 9.7c-1.3 3.1-3.1 5.7-5.3 8-2.2 2.2-4.9 4-8 5.3-3.1 1.3-6.3 2-9.7 2-3.4 0-6.6-.7-9.7-2s-5.7-3.1-8-5.3c-2.2-2.2-4-4.9-5.3-8-1.3-3.1-2-6.3-2-9.7s.7-6.6 2-9.7c1.3-3.1 3.1-5.7 5.3-8 2.2-2.2 4.9-4 8-5.3s6.3-2 9.7-2c3.4 0 6.6.7 9.7 2 3.1 1.3 5.7 3.1 8 5.3 2.2 2.3 3.9 5 5.3 8zM34.8 37.7l4.1-19.3c.2-.8.1-1.4-.3-1.8-.4-.4-.8-.4-1.4-.2l-24.1 9.3c-.5.2-.9.4-1.1.7-.2.3-.2.5-.1.7.1.2.4.4.9.5l6.2 1.9 14.3-9c.4-.3.7-.3.9-.2.1.1.1.2-.1.4L22.5 31.3l-.5 6.4c.4 0 .8-.2 1.3-.6l3-2.9 6.2 4.6c1.3.7 2 .3 2.3-1.1z"/>
+</svg>

packages/launch/preset/_assets/markdown.css

@@ -466,6 +466,7 @@
   /* background-color: #fff; */
   box-sizing: content-box;
   max-width: 100%;
+  height: auto;
 }
 
 .markdown-body img[align='right'] {

packages/launch/preset/_data/rocketConfig.cjs

@@ -1,3 +0,0 @@
-const { getComputedConfig } = require('@rocket/cli');
-
-module.exports = getComputedConfig();

packages/launch/preset/_data/site.cjs

@@ -17,6 +17,5 @@ module.exports = function () {
     iconColorMaskIcon: '#3f93ce',
     iconColorMsapplicationTileColor: '#1d3557',
     iconColorThemeColor: '#1d3557',
-    socialMediaImage: '/_assets/social-media-image.jpg',
   };
 };

packages/launch/preset/_includes/404.njk

@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Page not found</title>
@@ -10,28 +10,33 @@
         -moz-transform: translate(1200px,-600px);
       }
     }
+
     @-webkit-keyframes rocket-movement {
       100% {
         -webkit-transform: translate(1200px,-600px);
       }
     }
+
     @keyframes rocket-movement {
       100% {
         transform: translate(1200px,-600px);
       }
     }
+
     @-moz-keyframes spin-earth {
       100% {
         -moz-transform: rotate(-360deg);
         transition: transform 20s;
       }
     }
+
     @-webkit-keyframes spin-earth {
       100% {
         -webkit-transform: rotate(-360deg);
         transition: transform 20s;
       }
     }
+
     @keyframes spin-earth {
       100% {
         -webkit-transform: rotate(-360deg);
@@ -40,32 +45,38 @@
       }
     }
 
+
     @-moz-keyframes move-astronaut {
       100% {
         -moz-transform: translate(-160px, -160px);
       }
     }
+
     @-webkit-keyframes move-astronaut {
       100% {
         -webkit-transform: translate(-160px, -160px);
       }
     }
+
     @keyframes move-astronaut {
       100% {
         -webkit-transform: translate(-160px, -160px);
         transform: translate(-160px, -160px);
       }
     }
+
     @-moz-keyframes rotate-astronaut {
       100% {
         -moz-transform: rotate(-720deg);
       }
     }
+
     @-webkit-keyframes rotate-astronaut {
       100% {
         -webkit-transform: rotate(-720deg);
       }
     }
+
     @keyframes rotate-astronaut {
       100% {
         -webkit-transform: rotate(-720deg);
@@ -83,6 +94,7 @@
         -moz-transform: scale(1.2);
       }
     }
+
     @-webkit-keyframes glow-star {
       40% {
         -webkit-opacity: 0.3;
@@ -93,6 +105,7 @@
         -webkit-transform: scale(1.2);
       }
     }
+
     @keyframes glow-star {
       40% {
         -webkit-opacity: 0.3;
@@ -281,6 +294,7 @@
       width: 100%;
       color: #ddd;
     }
+
     #copyright > a {
       color: #ddd;
     }

packages/launch/preset/_includes/home.njk

@@ -54,7 +54,7 @@
       {% endfor %}
     </section>
 
-    {{ content.html | safe }}
+    {{ content | safe }}
     {% include 'partials/previousNext.njk' %}
   </main>
 {% endblock main %}

packages/launch/preset/_includes/layout.njk

@@ -22,7 +22,7 @@
         {% block sidebar %}{% endblock sidebar %}
 
         {% block main %}
-          {{ content.html | safe }}
+          {{ content | safe }}
         {% endblock main %}
       </div>
     </div>

packages/launch/preset/_includes/partials/head-content.njk

@@ -26,11 +26,7 @@
 <meta property="og:title" content="{{ _pageTitle }}"/>
 <meta property="og:type" content="website"/>
 
-{% set _socialMediaImage = '/_assets/social-media-image.jpg' | asset %}
+<meta property="og:image" content="{{ socialMediaImage }}"/>
-{% if socialMediaImage %}
-  {% set _socialMediaImage = socialMediaImage %}
-{% endif %}
-<meta property="og:image" content="{{ _socialMediaImage | url }}"/>
 <meta property="og:url" content="{{ page.url }}"/>
 
 <meta name="twitter:card" content="summary_large_image"/>

packages/launch/preset/_includes/partials/pageJs.njk

@@ -1,8 +1,4 @@
-{% if content.jsCode %}
+
-  <script type="module">
-    {{ content.jsCode | safe }}
-  </script>
-{% endif %}
 
 {% if site.analytics %}
 <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics }}"></script>

packages/launch/preset/_includes/with-index.njk

@@ -20,7 +20,7 @@
   <main class="markdown-body">
     {% include 'partials/addTitleHeadline.njk' %}
 
-    {{ content.html | safe }}
+    {{ content | safe }}
 
     <h3>Find out more on the following pages:</h3>
     {{ collections[section] | rocketNav(eleventyNavigation.key) | rocketNavToHtml({

packages/launch/preset/_includes/with-sidebar.njk

@@ -24,7 +24,7 @@
   <main class="markdown-body">
     {% include 'partials/addTitleHeadline.njk' %}
 
-    {{ content.html | safe }}
+    {{ content | safe }}
 
     {% include 'partials/previousNext.njk' %}
     {% include 'partials/content-footer.njk' %}

yarn.lock

@@ -7,6 +7,30 @@
   resolved "https://registry.yarnpkg.com/@11ty/dependency-tree/-/dependency-tree-1.0.0.tgz#b1fa53da49aafe0ab3fe38bc6b6058b704aa59a1"
   integrity sha512-2FWYlkphQ/83MG7b9qqBJfJJ0K9zupNz/6n4EdDuNLw6hQHGp4Sp4UMDRyBvA/xCTYDBaPSuSjHuu45tSujegg==
 
+"@11ty/eleventy-cache-assets@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@11ty/eleventy-cache-assets/-/eleventy-cache-assets-2.0.4.tgz#8a4da7b61c0933566877cda8db9a47d6c594c78e"
+  integrity sha512-EP3QYeHo3yfKF92R5Mh9MaLLgZjZNxWM8c0BwLNUCeZpOOA4Ry9HOs8k+6pNQ0wletUvMSnuzIa1hMiC67OcGw==
+  dependencies:
+    debug "^4.3.1"
+    flat-cache "^3.0.4"
+    node-fetch "^2.6.1"
+    p-queue "^6.6.2"
+    short-hash "^1.0.0"
+
+"@11ty/eleventy-img@^0.7.3":
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/@11ty/eleventy-img/-/eleventy-img-0.7.3.tgz#d40feedbb57a5f02a51c76192bfc8baf7c9f66bb"
+  integrity sha512-JwP+v6CRfUFH5zfB7055iQceVfv6YKjQGVzTFPGPEcKtaq5IOrakKc5lJH3G5WPgJjKnqfwuSFqS2be5y97Mxw==
+  dependencies:
+    "@11ty/eleventy-cache-assets" "^2.0.4"
+    debug "^4.3.1"
+    fs-extra "^9.0.1"
+    image-size "^0.9.3"
+    p-queue "^6.6.2"
+    sharp "^0.27.0"
+    short-hash "^1.0.0"
+
 "@11ty/eleventy@^0.11.1":
   version "0.11.1"
   resolved "https://registry.yarnpkg.com/@11ty/eleventy/-/eleventy-0.11.1.tgz#2820c4d920756c25b068265a3faea18dae280dbc"
@@ -2153,6 +2177,19 @@ anymatch@~3.1.1:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
+aproba@^1.0.3:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
+  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
+
+are-we-there-yet@~1.1.2:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz#4b35c2944f062a8bfcda66410760350fe9ddfc21"
+  integrity sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^2.0.6"
+
 arg@^4.1.0, arg@^4.1.3:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
@@ -2185,6 +2222,11 @@ array-differ@^3.0.0:
   resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-3.0.0.tgz#3cbb3d0f316810eafcc47624734237d6aee4ae6b"
   integrity sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==
 
+array-flatten@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-3.0.0.tgz#6428ca2ee52c7b823192ec600fa3ed2f157cd541"
+  integrity sha512-zPMVc3ZYlGLNk4mpK1NzP2wg0ml9t7fUgDsayR5Y5rSzxQilzR9FGu/EH2jQOcKSAeAfWeylyW8juy3OkWRvNA==
+
 array-union@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
@@ -2840,12 +2882,17 @@ co@^4.6.0:
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
   integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
 
+code-point-at@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
+  integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
+
 collapse-white-space@^1.0.2:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-1.0.6.tgz#e63629c0016665792060dbbeb79c42239d2c5287"
   integrity sha512-jEovNnrhMuqyCcjfEJA56v0Xq8SkIoPKDyaHahwo3POf4qcSXqMYuwNcOTzp74vTsR9Tn08z4MxWqAhcekogkQ==
 
-color-convert@^1.9.0:
+color-convert@^1.9.0, color-convert@^1.9.1:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
@@ -2864,11 +2911,27 @@ color-name@1.1.3:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
-color-name@~1.1.4:
+color-name@^1.0.0, color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+color-string@^1.5.4:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.4.tgz#dd51cd25cfee953d138fe4002372cc3d0e504cb6"
+  integrity sha512-57yF5yt8Xa3czSEW1jfQDE79Idk0+AkN/4KWad6tbdxUmAs3MvjxlWSWD4deYytcRfoZ9nhKyFl1kj5tBvidbw==
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
+color@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/color/-/color-3.1.3.tgz#ca67fb4e7b97d611dcde39eceed422067d91596e"
+  integrity sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ==
+  dependencies:
+    color-convert "^1.9.1"
+    color-string "^1.5.4"
+
 colorette@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.1.tgz#4d0b921325c14faf92633086a536db6e89564b1b"
@@ -3001,6 +3064,11 @@ connect@3.6.6:
     parseurl "~1.3.2"
     utils-merge "1.0.1"
 
+console-control-strings@^1.0.0, console-control-strings@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
+
 constantinople@^3.0.1, constantinople@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/constantinople/-/constantinople-3.1.2.tgz#d45ed724f57d3d10500017a7d3a889c1381ae647"
@@ -3183,7 +3251,7 @@ debug@3.2.6:
   dependencies:
     ms "^2.1.1"
 
-debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0:
+debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0, debug@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
   integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==
@@ -3236,6 +3304,20 @@ decamelize@^4.0.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-4.0.0.tgz#aa472d7bf660eb15f3494efd531cab7f2a709837"
   integrity sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==
 
+decompress-response@^4.2.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-4.2.1.tgz#414023cc7a302da25ce2ec82d0d5238ccafd8986"
+  integrity sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==
+  dependencies:
+    mimic-response "^2.0.0"
+
+decompress-response@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
+  integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
+  dependencies:
+    mimic-response "^3.1.0"
+
 dedent@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
@@ -3253,7 +3335,7 @@ deep-equal@~1.0.1:
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
   integrity sha1-9dJgKStmDghO/0zbyfCK0yR0SLU=
 
-deep-extend@~0.6.0:
+deep-extend@^0.6.0, deep-extend@~0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
   integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
@@ -3337,6 +3419,11 @@ detect-indent@^6.0.0:
   resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.0.0.tgz#0abd0f549f69fc6659a254fe96786186b6f528fd"
   integrity sha512-oSyFlqaTHCItVRGK5RmrmjB+CmaMOW7IaNA/kdxqhoa6d17j/5ce9O9eWXmV/KEdRwqpQA+Vqe8a8Bsybu4YnA==
 
+detect-libc@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
+  integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
+
 dev-ip@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/dev-ip/-/dev-ip-1.0.1.tgz#a76a3ed1855be7a012bb8ac16cb80f3c00dc28f0"
@@ -3749,7 +3836,7 @@ etag@1.8.1, etag@^1.8.1, etag@~1.8.1:
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
 
-eventemitter3@^4.0.0:
+eventemitter3@^4.0.0, eventemitter3@^4.0.4:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
@@ -3782,6 +3869,11 @@ execa@^4.1.0:
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
+expand-template@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/expand-template/-/expand-template-2.0.3.tgz#6e14b3fcee0f3a6340ecb57d2e8918692052a47c"
+  integrity sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==
+
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -4043,6 +4135,20 @@ functional-red-black-tree@^1.0.1:
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
+gauge@~2.7.3:
+  version "2.7.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
+  integrity sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=
+  dependencies:
+    aproba "^1.0.3"
+    console-control-strings "^1.0.0"
+    has-unicode "^2.0.0"
+    object-assign "^4.1.0"
+    signal-exit "^3.0.0"
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wide-align "^1.1.0"
+
 gensync@^1.0.0-beta.1:
   version "1.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
@@ -4089,6 +4195,11 @@ get-stream@^6.0.0:
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.0.tgz#3e0012cb6827319da2706e601a1583e8629a6718"
   integrity sha512-A1B3Bh1UmL0bidM/YX2NsCOTnGJePL9rO/M+Mw3m9f2gUpfokS0hi5Eah0WSUEWZdZhIZtMjkIYS7mDfOqNHbg==
 
+github-from-package@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
+  integrity sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=
+
 github-markdown-css@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/github-markdown-css/-/github-markdown-css-4.0.0.tgz#be9f4caf7a389228d4c368336260ffc909061f35"
@@ -4266,6 +4377,11 @@ has-symbols@^1.0.0, has-symbols@^1.0.1:
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
   integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
 
+has-unicode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
+
 has@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
@@ -4273,6 +4389,11 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
+hash-string@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/hash-string/-/hash-string-1.0.0.tgz#c3fa15f078ddd16bc150b4176fde7091620f2c7f"
+  integrity sha1-w/oV8Hjd0WvBULQXb95wkWIPLH8=
+
 hast-to-hyperscript@^9.0.0:
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/hast-to-hyperscript/-/hast-to-hyperscript-9.0.1.tgz#9b67fd188e4c81e8ad66f803855334173920218d"
@@ -4532,6 +4653,13 @@ ignore@^5.1.4:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
   integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
 
+image-size@^0.9.3:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.9.3.tgz#f7efce6b0a1649b44b9bc43b9d9a5acf272264b6"
+  integrity sha512-5SakFa79uhUVSjKeQE30GVzzLJ0QNzB53+I+/VD1vIesD6GP6uatWIlgU0uisFNLt1u0d6kBydp7yfk+lLJhLQ==
+  dependencies:
+    queue "6.0.1"
+
 immutable@^3:
   version "3.8.2"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3"
@@ -4583,7 +4711,7 @@ inherits@2.0.3:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
-ini@^1.3.4:
+ini@^1.3.4, ini@~1.3.0:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
@@ -4634,6 +4762,11 @@ is-arrayish@^0.2.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
 
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
 is-binary-path@~2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
@@ -4703,6 +4836,13 @@ is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
 
+is-fullwidth-code-point@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
+  integrity sha1-754xOG8DGn8NZDr4L95QxFfvAMs=
+  dependencies:
+    number-is-nan "^1.0.0"
+
 is-fullwidth-code-point@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
@@ -5608,6 +5748,16 @@ mimic-fn@^2.1.0:
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
+mimic-response@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-2.1.0.tgz#d13763d35f613d09ec37ebb30bac0469c0ee8f43"
+  integrity sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==
+
+mimic-response@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
+  integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
+
 min-indent@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
@@ -5629,7 +5779,7 @@ minimist-options@^4.0.2:
     is-plain-obj "^1.1.0"
     kind-of "^6.0.3"
 
-minimist@^1.2.5:
+minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
@@ -5649,7 +5799,7 @@ mixme@^0.4.0:
   resolved "https://registry.yarnpkg.com/mixme/-/mixme-0.4.0.tgz#a1aee27f0d63cc905e1cc6ddc98abf94d414435e"
   integrity sha512-B4Sm1CDC5+ov5AYxSkyeT5HLtiDgNOLKwFlq34wr8E2O3zRdTvQiLzo599Jt9cir6VJrSenOlgvdooVYCQJIYw==
 
-mkdirp-classic@^0.5.2:
+mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
   integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
@@ -5779,6 +5929,11 @@ nanoid@3.1.12:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.12.tgz#6f7736c62e8d39421601e4a0c77623a97ea69654"
   integrity sha512-1qstj9z5+x491jfiC4Nelk+f8XBad7LN20PmyWINJEMRSf3wcAjAWysw1qaA8z6NSKe2sjq1hRSDpBH5paCb6A==
 
+napi-build-utils@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/napi-build-utils/-/napi-build-utils-1.0.2.tgz#b1fddc0b2c46e380a0b7a76f984dd47c41a13806"
+  integrity sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==
+
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -5810,6 +5965,18 @@ nise@^4.0.4:
     just-extend "^4.0.2"
     path-to-regexp "^1.7.0"
 
+node-abi@^2.7.0:
+  version "2.19.3"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.19.3.tgz#252f5dcab12dad1b5503b2d27eddd4733930282d"
+  integrity sha512-9xZrlyfvKhWme2EXFKQhZRp1yNWT/uI1luYPr3sFl+H4keYY4xR+1jO7mvTTijIsHf1M+QDe9uWuKeEpLInIlg==
+  dependencies:
+    semver "^5.4.1"
+
+node-addon-api@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-3.1.0.tgz#98b21931557466c6729e51cb77cd39c965f42239"
+  integrity sha512-flmrDNB06LIl5lywUz7YlNGZH/5p0M7W28k8hzd9Lshtdh1wshD2Y+U4h9LD6KObOy1f+fEVdgprPrEymjM5uw==
+
 node-emoji@^1.10.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.10.0.tgz#8886abd25d9c7bb61802a658523d1f8d2a89b2da"
@@ -5843,6 +6010,11 @@ noms@0.0.0:
     inherits "^2.0.1"
     readable-stream "~1.0.31"
 
+noop-logger@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/noop-logger/-/noop-logger-0.1.1.tgz#94a2b1633c4f1317553007d8966fd0e841b6a4c2"
+  integrity sha1-lKKxYzxPExdVMAfYlm/Q6EG2pMI=
+
 nopt@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88"
@@ -5894,6 +6066,21 @@ npm-run-path@^4.0.0:
   dependencies:
     path-key "^3.0.0"
 
+npmlog@^4.0.1, npmlog@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
+  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
+  dependencies:
+    are-we-there-yet "~1.1.2"
+    console-control-strings "~1.1.0"
+    gauge "~2.7.3"
+    set-blocking "~2.0.0"
+
+number-is-nan@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
+  integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
+
 nunjucks@^3.2.1:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/nunjucks/-/nunjucks-3.2.2.tgz#45f915fef0f89fbab38c489dc85025f64859f466"
@@ -6099,6 +6286,21 @@ p-map@^4.0.0:
   dependencies:
     aggregate-error "^3.0.0"
 
+p-queue@^6.6.2:
+  version "6.6.2"
+  resolved "https://registry.yarnpkg.com/p-queue/-/p-queue-6.6.2.tgz#2068a9dcf8e67dd0ec3e7a2bcb76810faa85e426"
+  integrity sha512-RwFpb72c/BhQLEXIZ5K2e+AhgNVmIejGlTgiB9MzZ0e93GRvqZ7uSi0dvRF7/XIXDeNkra2fNHBxTyPDGySpjQ==
+  dependencies:
+    eventemitter3 "^4.0.4"
+    p-timeout "^3.2.0"
+
+p-timeout@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-3.2.0.tgz#c7e17abc971d2a7962ef83626b35d635acf23dfe"
+  integrity sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==
+  dependencies:
+    p-finally "^1.0.0"
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -6372,6 +6574,27 @@ portscanner@2.1.1:
     async "1.5.2"
     is-number-like "^1.0.3"
 
+prebuild-install@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-6.0.0.tgz#669022bcde57c710a869e39c5ca6bf9cd207f316"
+  integrity sha512-h2ZJ1PXHKWZpp1caLw0oX9sagVpL2YTk+ZwInQbQ3QqNd4J03O6MpFNmMTJlkfgPENWqe5kP0WjQLqz5OjLfsw==
+  dependencies:
+    detect-libc "^1.0.3"
+    expand-template "^2.0.3"
+    github-from-package "0.0.0"
+    minimist "^1.2.3"
+    mkdirp-classic "^0.5.3"
+    napi-build-utils "^1.0.1"
+    node-abi "^2.7.0"
+    noop-logger "^0.1.1"
+    npmlog "^4.0.1"
+    pump "^3.0.0"
+    rc "^1.2.7"
+    simple-get "^3.0.3"
+    tar-fs "^2.0.0"
+    tunnel-agent "^0.6.0"
+    which-pm-runs "^1.0.0"
+
 preferred-pm@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/preferred-pm/-/preferred-pm-3.0.2.tgz#bbdbef1014e34a7490349bf70d6d244b8d57a5e1"
@@ -6647,6 +6870,13 @@ qs@^6.5.2:
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.9.4.tgz#9090b290d1f91728d3c22e54843ca44aea5ab687"
   integrity sha512-A1kFqHekCTM7cz0udomYUoYNWjBebHm/5wzU/XqrBRBNWectVH0QIiN+NEcZ0Dte5hvzHwbr8+XQmguPhJ6WdQ==
 
+queue@6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/queue/-/queue-6.0.1.tgz#abd5a5b0376912f070a25729e0b6a7d565683791"
+  integrity sha512-AJBQabRCCNr9ANq8v77RJEv73DPbn55cdTb+Giq4X0AVnNVZvMHlYp7XlQiN+1npCZj1DuSmaA2hYVUUDgxFDg==
+  dependencies:
+    inherits "~2.0.3"
+
 quick-lru@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
@@ -6674,6 +6904,16 @@ raw-body@^2.3.2, raw-body@^2.3.3:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+rc@^1.2.7:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
+  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
+  dependencies:
+    deep-extend "^0.6.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
 read-pkg-up@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
@@ -6721,6 +6961,19 @@ read-yaml-file@^1.1.0:
     pify "^4.0.1"
     strip-bom "^3.0.0"
 
+readable-stream@^2.0.6, readable-stream@~2.3.6:
+  version "2.3.7"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
+  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
 readable-stream@^3.1.1, readable-stream@^3.4.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
@@ -6740,19 +6993,6 @@ readable-stream@~1.0.31:
     isarray "0.0.1"
     string_decoder "~0.10.x"
 
-readable-stream@~2.3.6:
-  version "2.3.7"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
-  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
 readdirp@~3.5.0:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.5.0.tgz#9ba74c019b15d365278d2e91bb8c48d7b4d42c9e"
@@ -7162,7 +7402,7 @@ safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -7283,7 +7523,7 @@ server-destroy@1.0.1:
   resolved "https://registry.yarnpkg.com/server-destroy/-/server-destroy-1.0.1.tgz#f13bf928e42b9c3e79383e61cc3998b5d14e6cdd"
   integrity sha1-8Tv5KOQrnD55OD5hzDmYtdFObN0=
 
-set-blocking@^2.0.0:
+set-blocking@^2.0.0, set-blocking@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
@@ -7303,6 +7543,22 @@ setprototypeof@1.2.0:
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
   integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
 
+sharp@^0.27.0:
+  version "0.27.0"
+  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.27.0.tgz#523fba913ba674985dcc688a6a5237384079d80f"
+  integrity sha512-II+YBCW3JuVWQZdpTEA2IBjJcYXPuoKo3AUqYuW+FK9Um93v2gPE2ihICCsN5nHTUoP8WCjqA83c096e8n//Rw==
+  dependencies:
+    array-flatten "^3.0.0"
+    color "^3.1.3"
+    detect-libc "^1.0.3"
+    node-addon-api "^3.1.0"
+    npmlog "^4.1.2"
+    prebuild-install "^6.0.0"
+    semver "^7.3.4"
+    simple-get "^4.0.0"
+    tar-fs "^2.1.1"
+    tunnel-agent "^0.6.0"
+
 shebang-command@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
@@ -7332,6 +7588,13 @@ shell-quote@^1.6.1:
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.2.tgz#67a7d02c76c9da24f99d20808fcaded0e0e04be2"
   integrity sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==
 
+short-hash@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/short-hash/-/short-hash-1.0.0.tgz#3f491d728fcc777ec605bbaf7f83f23712f42050"
+  integrity sha1-P0kdco/Md37GBbuvf4PyNxL0IFA=
+  dependencies:
+    hash-string "^1.0.0"
+
 sigmund@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590"
@@ -7342,6 +7605,36 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
   integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
 
+simple-concat@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/simple-concat/-/simple-concat-1.0.1.tgz#f46976082ba35c2263f1c8ab5edfe26c41c9552f"
+  integrity sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==
+
+simple-get@^3.0.3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-3.1.0.tgz#b45be062435e50d159540b576202ceec40b9c6b3"
+  integrity sha512-bCR6cP+aTdScaQCnQKbPKtJOKDp/hj9EDLJo3Nw4y1QksqaovlW/bnptB6/c1e+qmNIDHRK+oXFDdEqBT8WzUA==
+  dependencies:
+    decompress-response "^4.2.0"
+    once "^1.3.1"
+    simple-concat "^1.0.0"
+
+simple-get@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-4.0.0.tgz#73fa628278d21de83dadd5512d2cc1f4872bd675"
+  integrity sha512-ZalZGexYr3TA0SwySsr5HlgOOinS4Jsa8YB2GJ6lUNAazyAu4KG/VmzMTwAt2YVXzzVj8QmefmAonZIK2BSGcQ==
+  dependencies:
+    decompress-response "^6.0.0"
+    once "^1.3.1"
+    simple-concat "^1.0.0"
+
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+  integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
+  dependencies:
+    is-arrayish "^0.3.1"
+
 singleton-manager@1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/singleton-manager/-/singleton-manager-1.2.0.tgz#5f80f89bda3a49b926ce6f721c14abdd8bff067a"
@@ -7603,6 +7896,15 @@ string-argv@0.3.1:
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
   integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
 
+string-width@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
+  integrity sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=
+  dependencies:
+    code-point-at "^1.0.0"
+    is-fullwidth-code-point "^1.0.0"
+    strip-ansi "^3.0.0"
+
 "string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
@@ -7702,7 +8004,7 @@ stringify-object@^3.3.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-strip-ansi@^3.0.0:
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
   integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
@@ -7767,7 +8069,7 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@2.0.1:
+strip-json-comments@2.0.1, strip-json-comments@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
@@ -7847,7 +8149,7 @@ table@^6.0.4:
     slice-ansi "^4.0.0"
     string-width "^4.2.0"
 
-tar-fs@^2.0.0:
+tar-fs@^2.0.0, tar-fs@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
   integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
@@ -8057,6 +8359,13 @@ tty-table@^2.8.10:
     wcwidth "^1.0.1"
     yargs "^15.1.0"
 
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
+  dependencies:
+    safe-buffer "^5.0.1"
+
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -8476,7 +8785,7 @@ which@2.0.2, which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-wide-align@1.1.3:
+wide-align@1.1.3, wide-align@^1.1.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"
   integrity sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==