Add rehype-minify-url

Author: wooorm

generate/component/article/list.js

@@ -8,6 +8,7 @@
  * @typedef Metadata
  * @property {string | undefined} [description]
  * @property {ReadonlyArray<VFile> | undefined} [entries]
+ * @property {string} origin
  * @property {string} pathname
  * @property {string | undefined} [slug]
  * @property {Array<string> | undefined} [tags]
@@ -19,18 +20,18 @@ import {item} from './item.js'
 import {more} from './more.js'
 
 /**
- * @param {Metadata} section
+ * @param {string} href
  * @param {Array<VFile>} d
  * @param {Options | undefined} [options]
  * @returns {Element}
  */
-export function list(section, d, options) {
+export function list(href, d, options) {
   return cards(d, item, {more: map, ...options})
   /**
    * @param {number} rest
    * @returns {Element}
    */
   function map(rest) {
-    return more(section, rest)
+    return more(href, rest)
   }
 }

generate/component/article/more.js

@@ -7,11 +7,11 @@ import {fmtCompact} from '../../util/fmt-compact.js'
 import {fmtPlural} from '../../util/fmt-plural.js'
 
 /**
- * @param {Metadata} section
+ * @param {string} href
  * @param {number} rest
  */
-export function more(section, rest) {
-  return card(section.pathname, [
+export function more(href, rest) {
+  return card(href, [
     'See ',
     fmtCompact(rest),
     ' other ',

generate/index.js

@@ -64,6 +64,8 @@ import {topics} from './page/topics.js'
 import {topic} from './page/topic.js'
 import {data} from './data.js'
 
+const origin = 'https://unifiedjs.com'
+
 const users = /** @type {Array<ShowcaseUser>} */ (
   yaml.parse(
     await fs.readFile(new URL('../doc/showcase.yml', import.meta.url), 'utf8')
@@ -101,6 +103,7 @@ for (const d of input) {
   meta.type = 'article'
   meta.tags = [group]
   if (tags) meta.tags.push(...tags)
+  meta.origin = origin
   meta.pathname = ['', 'learn', group, slug, ''].join('/')
 
   entries.push(file)
@@ -138,6 +141,7 @@ for (const d of minidata) {
   sections.push({
     ...d,
     entries: groupEntries,
+    origin,
     pathname: '/learn/' + slug + '/',
     tags: [slug, 'learn']
   })
@@ -150,6 +154,7 @@ page(
   {
     description:
       'Content as structured data: unified compiles content and provides hundreds of packages to work with content',
+    origin,
     pathname: '/'
   }
 )
@@ -165,7 +170,13 @@ for (const file of entries) {
 
 for (const section of sections) {
   const {description, entries, pathname, tags, title} = section
-  const meta = {description, pathname, tags, title}
+  const meta = {
+    description,
+    origin,
+    pathname,
+    tags,
+    title
+  }
   assert(entries)
   page(function () {
     return articles(meta, entries)
@@ -178,6 +189,7 @@ page(
   },
   {
     description: 'Learn unified through guides and recipes',
+    origin,
     pathname: '/learn/',
     tags: ['learn', 'recipe', 'guide', 'tutorial'],
     title: 'Learn'
@@ -190,6 +202,7 @@ page(
   },
   {
     description: 'Explore the unified ecosystem',
+    origin,
     pathname: '/explore/',
     title: 'Explore'
   }
@@ -201,6 +214,7 @@ page(
   },
   {
     description: 'Explore packages in the unified ecosystem by keyword',
+    origin,
     pathname: '/explore/keyword/',
     title: 'Keywords - Explore'
   }
@@ -216,6 +230,7 @@ for (const d of Object.keys(data.packagesByKeyword)) {
         'Explore packages in the unified ecosystem with the “' +
         d +
         '” keyword',
+      origin,
       pathname: '/explore/keyword/' + d + '/',
       title: d + ' - Keywords'
     }
@@ -230,6 +245,7 @@ for (const d of Object.keys(data.packagesByScope)) {
     {
       description:
         'Explore packages in the unified ecosystem in the “' + d + '” scope',
+      origin,
       pathname: '/explore/package/' + d + '/',
       title: d + ' - Scope'
     }
@@ -242,6 +258,7 @@ page(
   },
   {
     description: 'Explore projects in the unified ecosystem by topic',
+    origin,
     pathname: '/explore/topic/',
     title: 'Topics - Explore'
   }
@@ -255,6 +272,7 @@ for (const d of Object.keys(data.projectsByTopic)) {
     {
       description:
         'Explore projects in the unified ecosystem with the “' + d + '” topic',
+      origin,
       pathname: '/explore/topic/' + d + '/',
       title: d + ' - Topics'
     }
@@ -268,6 +286,7 @@ for (const d of Object.keys(data.projectsByOwner)) {
     },
     {
       description: 'Explore projects in the unified ecosystem by “@' + d + '”',
+      origin,
       pathname: '/explore/project/' + d + '/',
       title: '@' + d + ' - Owner'
     }
@@ -280,6 +299,7 @@ page(
   },
   {
     description: 'Explore all packages in the unified ecosystem',
+    origin,
     pathname: '/explore/package/',
     title: 'Packages - Explore'
   }
@@ -291,6 +311,7 @@ page(
   },
   {
     description: 'Explore all projects in the unified ecosystem',
+    origin,
     pathname: '/explore/project/',
     title: 'Projects - Explore'
   }
@@ -302,6 +323,7 @@ page(
   },
   {
     description: 'Explore recent releases in the unified ecosystem',
+    origin,
     pathname: '/explore/release/',
     title: 'Releases - Explore'
   }
@@ -316,6 +338,7 @@ for (const [d, p] of Object.entries(data.projectByRepo)) {
     },
     {
       description,
+      origin,
       pathname: '/explore/project/' + d + '/',
       tags: [...topics],
       title: d
@@ -330,7 +353,7 @@ for (const [d, pack] of Object.entries(data.packageByName)) {
 
   tasks.push(async function () {
     const file = await read(input)
-    const meta = {description, pathname, tags: keywords, title: d}
+    const meta = {description, origin, pathname, tags: keywords, title: d}
 
     file.data = {meta, repo}
     const inputTree = readmePipeline.parse(file)
@@ -346,6 +369,7 @@ page(
   },
   {
     description: 'Get involved, meet the team, and support us',
+    origin,
     pathname: '/community/',
     title: 'Community'
   }
@@ -357,6 +381,7 @@ page(
   },
   {
     description: 'Meet the team maintaining unified',
+    origin,
     pathname: '/community/member/',
     title: 'Team - Community'
   }
@@ -368,6 +393,7 @@ page(
   },
   {
     description: 'Support unified by becoming a sponsor',
+    origin,
     pathname: '/community/sponsor/',
     title: 'Sponsor - Community'
   }
@@ -379,6 +405,7 @@ page(
   },
   {
     description: 'Showcase of interesting use cases of unified',
+    origin,
     pathname: '/community/case/',
     title: 'Showcase - Community'
   }

generate/page/articles.js

@@ -22,7 +22,7 @@ export function articles(section, articles) {
     h('.row-l.column-l', {}, h('h2', {}, breadcrumbs(pathname, title))),
     [
       h('.article.content', [h('h3', {}, title), h('p', {}, description)]),
-      list(section, helperSort(articles))
+      list(section.pathname, helperSort(articles))
     ]
   )
 }

generate/page/home.js

@@ -106,7 +106,7 @@ export function home(data) {
           'make things with unified. '
         ])
       ]),
-      articlesList({pathname: '/learn/'}, articlesSort(data.articles), {
+      articlesList('/learn/', articlesSort(data.articles), {
         max: 6
       }),
       h('.article.content', [

generate/page/learn.js

@@ -22,7 +22,7 @@ export function learn(sections) {
     assert(d.entries)
     articles.push(
       h('.article.content', [h('h3', {}, d.title), h('p', {}, d.description)]),
-      list(d, helperSort(d.entries || []))
+      list(d.pathname, helperSort(d.entries || []))
     )
   }
 

generate/pipeline/main.js

@@ -7,6 +7,7 @@ import assert from 'node:assert/strict'
 import fs from 'node:fs/promises'
 import rehypeDocument from 'rehype-document'
 import rehypeMeta from 'rehype-meta'
+import rehypeMinifyUrl from 'rehype-minify-url'
 import rehypePresetMinify from 'rehype-preset-minify'
 import rehypePreventFaviconRequest from 'rehype-prevent-favicon-request'
 import rehypeStringify from 'rehype-stringify'
@@ -57,8 +58,6 @@ export const main = unified()
     },
     name: 'unified',
     og: true,
-    origin: 'https://unifiedjs.com',
-    pathname: '/',
     siteAuthor: 'unified collective',
     siteTags: ['ast', 'parse', 'process', 'stringify', 'transform', 'unified'],
     siteTwitter: '@unifiedjs',
@@ -68,6 +67,7 @@ export const main = unified()
   .use(rehypeDefer)
   .use(rehypePresetMinify)
   .use(rehypePreventFaviconRequest)
+  .use(rehypeMinifyUrl)
   .use(move)
   .use(mkdir)
   .use(rehypeStringify)

package.json

@@ -51,6 +51,7 @@
     "rehype-autolink-headings": "^7.0.0",
     "rehype-document": "^7.0.0",
     "rehype-meta": "^4.0.0",
+    "rehype-minify-url": "^5.0.0",
     "rehype-parse": "^9.0.0",
     "rehype-preset-minify": "^7.0.0",
     "rehype-prevent-favicon-request": "^4.0.0",