Refactor package.json

Author: wooorm

asset/big.css

@@ -18,16 +18,16 @@
     padding-right: calc(1em + 1ex);
   }
 
-  .landing .article {
-    padding: calc(6 * (1em + 1ex) / 1.125) calc(3 * (1em + 1ex) / 1.125);
-  }
-
   .article {
     font-size: 1.125em;
     padding-left: calc(3 * (1em + 1ex) / 1.125);
     padding-right: calc(3 * (1em + 1ex) / 1.125);
   }
 
+  .landing .article {
+    padding: calc(6 * (1em + 1ex) / 1.125) calc(3 * (1em + 1ex) / 1.125);
+  }
+
   .x-hide-l {
     display: none;
   }

asset/dark.css

@@ -44,6 +44,10 @@ body {
     0 -12px 36px -8px rgb(0 0 0 / 2.5%);
 }
 
+.more {
+  border-color: black;
+}
+
 .releases {
   background-color: rgb(0 0 0 / 20%);
 }
@@ -53,10 +57,6 @@ body {
   background-color: var(--gray-9);
 }
 
-.more {
-  border-color: black;
-}
-
 .tag {
   color: var(--blue-3);
   background-color: var(--blue-7);

asset/search.js

@@ -41,7 +41,6 @@ import {searchResults as packageResults} from '../generate/component/package/sea
 import {searchPreview as projectPreview} from '../generate/component/project/search-preview.js'
 import {searchEmpty as projectEmpty} from '../generate/component/project/search-empty.js'
 import {searchResults as projectResults} from '../generate/component/project/search-results.js'
-import {unique} from '../generate/util/unique.js'
 import {asc, desc} from '../generate/util/sort.js'
 
 const Index = flexsearch.Index
@@ -80,7 +79,7 @@ function init() {
       create(search) {
         return new Promise((resolve) => {
           window.requestAnimationFrame(() => {
-            keywords.forEach((d) => search.index.add(d, d))
+            for (const d of keywords) search.index.add(d, d)
             resolve(undefined)
           })
         })
@@ -106,7 +105,7 @@ function init() {
       create(search) {
         return new Promise((resolve) => {
           window.requestAnimationFrame(() => {
-            topics.forEach((d) => search.index.add(d, d))
+            for (const d of topics) search.index.add(d, d)
             resolve(undefined)
           })
         })
@@ -143,12 +142,11 @@ function init() {
             const end = start + size
             const slice = names.slice(start, end)
 
-            slice.forEach((d) =>
+            for (const d of slice)
               search.index.add(
                 d,
                 d.split('/').join(' ') + ' ' + data.packageByName[d].description
               )
-            )
 
             if (slice.length === 0) {
               resolve(undefined)
@@ -189,12 +187,12 @@ function init() {
             const end = start + size
             const slice = repos.slice(start, end)
 
-            slice.forEach((d) => {
+            for (const d of slice) {
               search.index.add(
                 d,
                 d.split('/').join(' ') + ' ' + data.projectByRepo[d].description
               )
-            })
+            }
 
             if (slice.length === 0) {
               resolve(undefined)
@@ -257,16 +255,16 @@ function init() {
     }
 
     /**
-     * @param {HTMLElementEventMap['submit']} ev
+     * @param {HTMLElementEventMap['submit']} event
      * @returns {undefined}
      */
-    function onsubmit(ev) {
+    function onsubmit(event) {
       const url = new URL(loc.href)
       const current = clean(url.searchParams.get(parameter))
       assert($input instanceof HTMLInputElement)
       const value = clean($input.value)
 
-      ev.preventDefault()
+      event.preventDefault()
 
       if (current === value) {
         return
@@ -278,7 +276,11 @@ function init() {
         url.searchParams.delete(parameter)
       }
 
-      history.pushState({}, '', url.pathname + url.search.replace(/%20/g, '+'))
+      history.pushState(
+        {},
+        '',
+        url.pathname + url.search.replaceAll('%20', '+')
+      )
 
       search(value)
     }
@@ -295,16 +297,18 @@ function init() {
 
       if (!query) {
         $release.style.removeProperty('display')
-        searches.forEach((search) => replace(search, [], query))
+        for (const search of searches) replace(search, [], query)
         return
       }
 
       $release.style.display = 'block'
 
-      searches.forEach((search) => {
+      for (const search of searches) {
         search.index.searchAsync(query, {suggest: true}, (result) => {
-          const clean = /** @type {Array<string>} */ (result.filter(unique))
-          const weighted = desc(clean, weight)
+          const clean = [...new Set(/** @type {Array<string>} */ (result))]
+          const weighted = desc(clean, function (d) {
+            return search.weight(d)
+          })
 
           replace(search, asc(clean, combined), query)
 
@@ -316,15 +320,7 @@ function init() {
             return (clean.indexOf(d) + weighted.indexOf(d)) / 2
           }
         })
-
-        /**
-         * @param {string} d
-         * @returns {number}
-         */
-        function weight(d) {
-          return search.weight(d)
-        }
-      })
+      }
     }
   })
 }

crawl/ecosystem.js

@@ -152,7 +152,6 @@ import randomUseragent from 'random-useragent'
 import pAll from 'p-all'
 import bytes from 'bytes'
 import dotenv from 'dotenv'
-import {unique} from '../generate/util/unique.js'
 import {constantTopic} from '../generate/util/constant-topic.js'
 import {constantCollective} from '../generate/util/constant-collective.js'
 
@@ -186,7 +185,7 @@ const orgRepos = await pAll(
   {concurrency: 1}
 )
 
-const repos = [...topicRepos.flat(), ...orgRepos.flat()].filter(unique)
+const repos = [...new Set([...topicRepos.flat(), ...orgRepos.flat()])]
 
 const results = await pAll(
   repos.map(function (repo) {
@@ -296,7 +295,7 @@ await fs.writeFile(
     '',
     '/**',
     ' * @typedef Package',
-    ' * @property {string} description',
+    ' * @property {string} [description]',
     ' * @property {Root} [descriptionRich]',
     ' * @property {number} downloads',
     ' * @property {number} [gzip]',
@@ -345,7 +344,7 @@ async function findPackages(projects) {
         project.hasPackages = true
 
         const readmeName =
-          packageInfo.name.replace(/^@/g, '').replace(/\//g, '-') + '.md'
+          packageInfo.name.replaceAll(/^@/g, '').replaceAll('/', '-') + '.md'
 
         await fs.writeFile(
           new URL('../data/readme/' + readmeName, import.meta.url),
@@ -642,10 +641,15 @@ async function crawlRepo(repo) {
       // Size of repo in bytes.
       size: repository.diskUsage * 1024,
       stars: repository.stargazers?.totalCount || 0,
-      topics: (repository.repositoryTopics?.nodes || [])
-        .map((d) => d.topic.name)
-        .filter(validTag)
-        .filter(unique),
+      topics: [
+        ...new Set(
+          (repository.repositoryTopics?.nodes || [])
+            .map((d) => d.topic.name)
+            .filter(function (d) {
+              return validTag(d)
+            })
+        )
+      ],
       url: repository.homepageUrl || undefined
     },
     releases
@@ -807,7 +811,13 @@ async function getPackage(project, manifest, packageJson) {
 
   return {
     description,
-    keywords: keywords.filter(validTag).filter(unique),
+    keywords: [
+      ...new Set(
+        keywords.filter(function (d) {
+          return validTag(d)
+        })
+      )
+    ],
     latest,
     license,
     name,

generate/atom/macro/list.js

@@ -40,7 +40,9 @@ export function list(names, map, options) {
     values = names.slice(0, max - 1)
   }
 
-  const children = values.flatMap(map)
+  const children = values.flatMap(function (d) {
+    return map(d)
+  })
 
   if (trail) {
     children.push(trail)

generate/atom/micro/description.js

@@ -5,7 +5,7 @@
 import {h} from 'hastscript'
 
 /**
- * @param {string} value
+ * @param {string | undefined} value
  * @param {Parents | undefined} [rich]
  * @returns {Element}
  */

generate/atom/micro/url.js

@@ -8,12 +8,16 @@ import {link as icon} from '../icon/link.js'
 
 /**
  * @param {string} value
- * @param {Properties | undefined} [linkProps]
+ * @param {Properties | undefined} [linkProperties]
  * @returns {ElementContent}
  */
-export function url(value, linkProps) {
+export function url(value, linkProperties) {
   return h(
     'li.ellipsis',
-    h('a.tap-target', {...linkProps, href: value}, [icon(), ' ', fmtUrl(value)])
+    h('a.tap-target', {...linkProperties, href: value}, [
+      icon(),
+      ' ',
+      fmtUrl(value)
+    ])
   )
 }

generate/component/keyword/helper-filter.js

@@ -16,13 +16,7 @@ export function helperFilter(data, names, min) {
   const {packagesByKeyword} = data
   const value = min || defaults
 
-  return names.filter(filter)
-
-  /**
-   * @param {string} d
-   * @returns {boolean}
-   */
-  function filter(d) {
+  return names.filter(function (d) {
     return (packagesByKeyword[d] || []).length > value
-  }
+  })
 }

generate/component/keyword/list-small.js

@@ -12,13 +12,15 @@ import {itemSmall} from './item-small.js'
  * @returns {Element}
  */
 export function listSmall(data, d) {
-  return h('.block', {}, h('ol.flow', {}, d.map(map)))
-
-  /**
-   * @param {string} d
-   * @returns {ElementContent}
-   */
-  function map(d) {
-    return itemSmall(data, d)
-  }
+  return h(
+    '.block',
+    {},
+    h(
+      'ol.flow',
+      {},
+      d.map(function (d) {
+        return itemSmall(data, d)
+      })
+    )
+  )
 }

generate/component/member/helper-sort.js

@@ -21,34 +21,27 @@ export function helperSort(data, d) {
   /** @type {Record<string, number>} */
   const scores = {}
 
-  data.teams.forEach(team)
-
-  return sort(d, score)
-
-  /**
-   * @param {Human} d
-   * @returns {number}
-   */
-  function score(d) {
-    return scores[d.github]
-  }
-
-  /**
-   * @param {Team} team
-   * @returns {undefined}
-   */
-  function team(team) {
+  for (const team of data.teams) {
     const members = team.humans
 
-    Object.keys(members).forEach((d) => {
-      const role = members[d]
+    for (const [d, role] of Object.entries(members)) {
       const active = Boolean(team.collective && role === 'maintainer')
 
       scores[d] =
         (scores[d] || 0) +
         (roles[role] || 1) *
           // Note: ternary is just for TS, JS works fine without it.
           collective[active ? 'true' : 'false']
-    })
+    }
+  }
+
+  return sort(d, score)
+
+  /**
+   * @param {Human} d
+   * @returns {number}
+   */
+  function score(d) {
+    return scores[d.github]
   }
 }