@brillout/docpress 0.6.6 → 0.6.7

package/+config.ts

@@ -7,11 +7,11 @@ export default {
   client: 'import:@brillout/docpress/renderer/client:doesNotExist',
   meta: {
     Page: {
-      env: { client: false, server: true }
+      env: { client: false, server: true },
     },
     // Vike already defines the setting 'name', but we redundantly define it here for older Vike versions (otherwise older Vike versions will complain that 'name` is an unknown config).
     name: {
-      env: { config: true }
-    }
-  }
+      env: { config: true },
+    },
+  },
 } satisfies Config

package/MobileHeader.tsx

@@ -11,7 +11,7 @@ function MobileHeader() {
       style={{
         height: 'var(--mobile-header-height)',
         width: '100%',
-        position: 'relative'
+        position: 'relative',
       }}
     >
       <div
@@ -25,7 +25,7 @@ function MobileHeader() {
           left: 0,
           height: 'var(--mobile-header-height)',
           width: '100%',
-          borderBottom: '1px solid #ddd'
+          borderBottom: '1px solid #ddd',
         }}
       >
         <MenuToggle />
@@ -37,7 +37,7 @@ function MobileHeader() {
             alignItems: 'center',
             justifyContent: 'left',
             textDecoration: 'none',
-            ...pageContext.config.navHeaderMobileWrapperStyle
+            ...pageContext.config.navHeaderMobileWrapperStyle,
           }}
         >
           {pageContext.config.navHeaderMobile}

package/autoScrollNav.ts

@@ -29,7 +29,7 @@ function autoScrollNav() {
     // @ts-ignore https://github.com/microsoft/TypeScript/issues/46654
     behavior: 'instant',
     block: 'center',
-    inline: 'start'
+    inline: 'start',
   })
   // Avoid scrollIntoView() from scrolling the main view. Alternatively, we could use scrollIntoViewIfNeeded() (https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded) which doesn't scroll the main view but Firefox doesn't support it.
   document.documentElement.scrollTop = scrollTopOriginal

package/components/CodeBlockTransformer.tsx

@@ -11,7 +11,7 @@ type LineBreak = 'white-space' | 'break-word'
 function CodeBlockTransformer({ children, lineBreak }: { children: React.ReactNode; lineBreak: LineBreak }) {
   assert(
     lineBreak === 'white-space' || lineBreak === 'break-word',
-    '`lineBreak` is currently the only use case for <CodeBlockTransformer>'
+    '`lineBreak` is currently the only use case for <CodeBlockTransformer>',
   )
   const className = `with-line-break_${lineBreak}` as const
   return <div className={className}>{children}</div>

package/components/Contributors.tsx

@@ -54,7 +54,7 @@ function Maintainer({ maintainer }: { maintainer: (typeof maintainers)[0] }) {
         flexWrap: 'wrap',
         padding: 20,
         gap: 20,
-        textAlign: 'left'
+        textAlign: 'left',
       }}
     >
       <a href={githubUrl}>
@@ -85,7 +85,7 @@ function Maintainer({ maintainer }: { maintainer: (typeof maintainers)[0] }) {
                   backgroundColor: '#305090',
                   padding: '1px 5px 2px 5px',
                   verticalAlign: 'text-top',
-                  borderRadius: 3
+                  borderRadius: 3,
                 }}
               >
                 consulting

package/components/FeatureList/FeatureList.client.ts

@@ -10,7 +10,7 @@ function addTwitterWidgets() {
 
 function addFeatureClickHandlers() {
   const featureEls: HTMLElement[] = Array.from(
-    document.getElementById('features')!.querySelectorAll('.feature.has-learn-more')
+    document.getElementById('features')!.querySelectorAll('.feature.has-learn-more'),
   )
   featureEls.forEach((featureEl) => {
     featureEl.onclick = () => {
@@ -36,13 +36,12 @@ function expandLearnMore(featureEl: HTMLElement) {
     if (getComputedStyle(rowEl, 'display') === 'grid') {
       ;[
         ...(rowEl.querySelectorAll('.learn-more') as any as HTMLElement[]),
-        ...(rowEl.querySelectorAll('.feature') as any as HTMLElement[])
+        ...(rowEl.querySelectorAll('.feature') as any as HTMLElement[]),
       ].forEach((el) => {
         el.classList.remove(selectedClass)
       })
     }
   }
-
   ;[featureEl, learnEl].forEach((el) => {
     el.classList.toggle(selectedClass)
   })

package/components/FeatureList/FeatureList.tsx

@@ -57,7 +57,7 @@ function FeatureHead({
   name,
   hasLearnMore,
   isSecondaryFeature,
-  className = ''
+  className = '',
 }: {
   className?: string
   name?: string
@@ -72,7 +72,7 @@ function FeatureHead({
         'feature',
         'colorize-on-hover',
         hasLearnMore && 'has-learn-more',
-        isSecondaryFeature && 'secondary-feature'
+        isSecondaryFeature && 'secondary-feature',
       ]
         .filter(Boolean)
         .join(' ')}
@@ -93,7 +93,7 @@ function FeatureHead({
               fontSize: '10px',
               textTransform: 'uppercase',
               letterSpacing: '1px',
-              fontWeight: 600
+              fontWeight: 600,
             }}
           >
             <span className="decolorize-5">Learn more</span>

package/components/FileRemoved.tsx

@@ -0,0 +1,23 @@
+export { FileRemoved }
+export { FileAdded }
+
+import React from 'react'
+
+// Styling defined in src/css/code/diff.css
+const classRemoved = [
+  //
+  'diff-entire-file',
+  'diff-entire-file-removed',
+].join(' ')
+const classAdded = [
+  //
+  'diff-entire-file',
+  'diff-entire-file-added',
+].join(' ')
+
+function FileRemoved({ children }: { children: React.ReactNode }) {
+  return <div className={classRemoved}> {children} </div>
+}
+function FileAdded({ children }: { children: React.ReactNode }) {
+  return <div className={classAdded}> {children} </div>
+}

package/components/HorizontalLine.tsx

@@ -12,7 +12,7 @@ function HorizontalLine({ primary }: { primary?: true }) {
           border: 0,
           borderTop: '1px solid #eee',
           maxWidth: 500,
-          width: '80%'
+          width: '80%',
         }}
       />
     </div>

package/components/Link.tsx

@@ -13,7 +13,7 @@ function Link({
   text,
   noBreadcrumb,
   doNotInferSectionTitle,
-  children
+  children,
 }: {
   href: string
   text?: string | JSX.Element
@@ -23,7 +23,7 @@ function Link({
 }) {
   assertUsage(
     href.startsWith('/') || href.startsWith('#'),
-    `<Link href /> prop \`href==='${href}'\` but should start with '/' or '#'`
+    `<Link href /> prop \`href==='${href}'\` but should start with '/' or '#'`,
   )
   assertUsage(!text || !children, 'Cannot use both `text` or `children`')
 
@@ -41,7 +41,7 @@ function getLinkText({
   href,
   noBreadcrumb,
   pageContext,
-  doNotInferSectionTitle
+  doNotInferSectionTitle,
 }: {
   href: string
   noBreadcrumb: true | undefined
@@ -81,7 +81,7 @@ function getLinkText({
       ...(heading.headingsBreadcrumb ?? [])
         .slice()
         .reverse()
-        .map(({ title }) => title)
+        .map(({ title }) => title),
     )
   }
 
@@ -103,7 +103,7 @@ function getLinkText({
     if (!sectionTitle) {
       assertUsage(
         !doNotInferSectionTitle,
-        `Page section title not found for <Link href="\`${href}\`" doNotInferSectionTitle={true} />.`
+        `Page section title not found for <Link href="\`${href}\`" doNotInferSectionTitle={true} />.`,
       )
       sectionTitle = determineSectionTitle(href)
     }

package/components/Note.tsx

@@ -38,7 +38,7 @@ function NoteWithCustomIcon({ icon, children }: { children: React.ReactNode; ico
 function NoteGeneric({
   type,
   icon,
-  children
+  children,
 }: {
   icon?: null | CustomIcon
   type?: 'danger' | 'warning' | 'construction'

package/components/ReadingRecommendation.tsx

@@ -26,7 +26,7 @@ function ReadingRecommendation({ tour, links }: { tour?: true; links?: string[]
             <ul
               style={{
                 marginLeft: 18,
-                marginTop: 11
+                marginTop: 11,
               }}
             >
               {tour && (

package/components/Sponsors.tsx

@@ -78,7 +78,7 @@ function CompanyDiv({ sponsor }: { sponsor: Sponsor }) {
     <a
       href={sponsor.website}
       style={{
-        margin: `${marginHeight}px ${marginWidth}px`
+        margin: `${marginHeight}px ${marginWidth}px`,
       }}
     >
       <Label sponsor={sponsor} />
@@ -93,7 +93,7 @@ function CompanyDiv({ sponsor }: { sponsor: Sponsor }) {
           display: 'flex',
           alignItems: 'center',
           flexDirection: 'column',
-          justifyContent: 'center'
+          justifyContent: 'center',
         }}
       >
         <SupporterImg {...{ imgSrc, imgAlt, width, height, padding }} />
@@ -115,7 +115,7 @@ function Label({ sponsor }: { sponsor: Sponsor }) {
         justifyContent: 'center',
         alignItems: 'center',
         position: 'relative',
-        paddingBottom: 1
+        paddingBottom: 1,
       }}
     >
       {labelBg}
@@ -154,7 +154,7 @@ function getLabelText(sponsor: SponsorCompany) {
           top: 0,
           fontWeight: 500,
           color: '#666',
-          letterSpacing
+          letterSpacing,
         }}
       >
         {capitalizeFirstLetter(sponsor.plan)}

package/components/Supporters.tsx

@@ -11,7 +11,7 @@ function SupporterSection({ children }: { children?: Children }) {
     <div
       style={{
         textAlign: 'center',
-        marginTop: 19
+        marginTop: 19,
       }}
     >
       {children}
@@ -26,7 +26,7 @@ function SectionDescription({ children }: { children?: Children }) {
         maxWidth: 400,
         display: 'inline-block',
         marginTop: 12,
-        marginBottom: 12
+        marginBottom: 12,
       }}
     >
       {children}
@@ -43,7 +43,7 @@ function Individuals({ children }: { children?: Children }) {
         justifyContent: 'center',
         alignItems: 'end',
         margin: '17px auto',
-        maxWidth: 700
+        maxWidth: 700,
       }}
     >
       {children}
@@ -62,7 +62,7 @@ function Supporter({ username, avatarUrl }: { username: string; avatarUrl?: stri
     <a
       href={website}
       style={{
-        margin: `${marginHeight}px ${marginWidth}px`
+        margin: `${marginHeight}px ${marginWidth}px`,
       }}
     >
       <div
@@ -74,7 +74,7 @@ function Supporter({ username, avatarUrl }: { username: string; avatarUrl?: stri
           display: 'flex',
           alignItems: 'center',
           flexDirection: 'column',
-          justifyContent: 'center'
+          justifyContent: 'center',
         }}
       >
         <SupporterImg {...{ username, avatarUrl, width, height }} />
@@ -90,7 +90,7 @@ function SupporterImg({
   imgAlt,
   width,
   height,
-  padding = 0
+  padding = 0,
 }: {
   imgSrc?: string
   avatarUrl?: string
@@ -126,7 +126,7 @@ function CallToAction({ iconUrl, text, href }: { iconUrl: string; text: string;
         display: 'inline-flex',
         alignItems: 'center',
         padding: '5px 10px',
-        marginBottom: 10
+        marginBottom: 10,
       }}
       href={href}
     >

package/components/index.ts

@@ -12,4 +12,4 @@ export * from './Contributors'
 export * from './Consulting'
 export * from './CodeBlockTransformer'
 export * from './Comment'
-export * from './RemovedFile'
+export * from './FileRemoved'

package/config/getConfig.ts

@@ -10,7 +10,7 @@ function getConfig(): Config {
   assertUsage(files.length >= 1, 'No DocPress config file found `docpress.config.(js|ts|tsx|...)`')
   assertUsage(
     files.length === 1,
-    `Found multiple \`docpress.config.js\` files: ${files.map((f) => `\`${f}\``).join(', ')}. Define only one instead.`
+    `Found multiple \`docpress.config.js\` files: ${files.map((f) => `\`${f}\``).join(', ')}. Define only one instead.`,
   )
   const config = (Object.values(globResult)[0] as any).default as Config
   assert(config)

package/config/resolvePageContext.ts

@@ -29,7 +29,7 @@ function resolvePageContext(pageContext: PageContextOriginal) {
   const { activeHeading, activeNavigationHeading } = findHeading(
     headingsProcessed,
     headingsDetachedProcessed,
-    pageContext
+    pageContext,
   )
   let headingsOfDetachedPage: null | (Heading | HeadingDetached)[] = null
   let headingsAll = [...headingsProcessed, ...headingsDetachedProcessed]
@@ -43,7 +43,7 @@ function resolvePageContext(pageContext: PageContextOriginal) {
     headingsDetachedProcessed,
     activeNavigationHeading,
     pageContext,
-    config
+    config,
   )
   const { faviconUrl, algolia, tagline, twitterHandle, bannerUrl, websiteUrl } = config
   const pageContextResolved = {}
@@ -56,7 +56,7 @@ function resolvePageContext(pageContext: PageContextOriginal) {
       bannerUrl,
       websiteUrl,
       tagline,
-      algolia
+      algolia,
     },
     activeHeading,
     headingsAll,
@@ -65,7 +65,7 @@ function resolvePageContext(pageContext: PageContextOriginal) {
     headingsOfDetachedPage,
     isLandingPage,
     pageTitle,
-    config
+    config,
   })
   return pageContextResolved
 }
@@ -74,7 +74,7 @@ function getMetaData(
   headingsDetachedProcessed: HeadingDetached[],
   activeNavigationHeading: Heading | null,
   pageContext: { urlOriginal: string; exports: Exports },
-  config: Config
+  config: Config,
 ) {
   const url = pageContext.urlOriginal
 
@@ -103,7 +103,7 @@ function getMetaData(
 function findHeading(
   headingsProcessed: Heading[],
   headingsDetachedProcessed: HeadingDetached[],
-  pageContext: { urlOriginal: string; exports: Exports }
+  pageContext: { urlOriginal: string; exports: Exports },
 ): { activeHeading: Heading | HeadingDetached; activeNavigationHeading: Heading | null } {
   let activeNavigationHeading: Heading | null = null
   let activeHeading: Heading | HeadingDetached | null = null
@@ -127,8 +127,8 @@ function findHeading(
         ...headingsProcessed
           .map((h) => `  ${h.url}`)
           .filter(Boolean)
-          .sort()
-      ].join('\n')
+          .sort(),
+      ].join('\n'),
     )
   }
   return { activeHeading, activeNavigationHeading }
@@ -137,7 +137,7 @@ function findHeading(
 function getHeadingsAll<T extends Heading | HeadingDetached>(
   headingsProcessed: T[],
   pageContext: { exports: Exports; urlOriginal: string },
-  activeHeading: T
+  activeHeading: T,
 ): T[] {
   const headingsAll = headingsProcessed.slice()
 
@@ -154,7 +154,7 @@ function getHeadingsAll<T extends Heading | HeadingDetached>(
 
 function getHeadingsOfTheCurrentPage(
   pageContext: { exports: Exports; urlOriginal: string },
-  currentHeading: Heading | HeadingDetached
+  currentHeading: Heading | HeadingDetached,
 ) {
   const headingsOfCurrentPage: Heading[] = []
 
@@ -169,7 +169,7 @@ function getHeadingsOfTheCurrentPage(
         title,
         headingsBreadcrumb: [currentHeading, ...(currentHeading.headingsBreadcrumb ?? [])],
         titleInNav: title,
-        level: 3
+        level: 3,
       }
       headingsOfCurrentPage.push(heading)
     }

package/css/code/diff.css

@@ -1,39 +1,44 @@
 /* Attributes generted by https://shiki.style/packages/transformers#transformernotationdiff */
 
 pre.has-diff .diff.remove,
-/* For <RemovedFile> */
-.diff-removed-file code {
+/* For <FileRemoved> */
+.diff-entire-file-removed code {
   background-color: #fbdcda !important;
 }
 
-pre.has-diff .diff.add {
+pre.has-diff .diff.add,
+/* For <FileAdded> */
+.diff-entire-file-added code {
   background-color: #d7ecdf !important;
 }
 
 pre.has-diff [data-line].diff,
-.diff-removed-file [data-line] {
+.diff-entire-file [data-line] {
   position: relative;
 }
+
 pre.has-diff .diff::before,
-/* For <RemovedFile> */
-.diff-removed-file [data-line]::before {
+/* For <FileRemoved> / <FileAdded> */
+.diff-entire-file [data-line]::before {
   position: absolute;
   font-weight: 500;
 }
 
-pre.has-diff .diff.add::before {
+pre.has-diff .diff.add::before,
+/* For <FileAdded> */
+.diff-entire-file-added [data-line]::before {
   content: '+';
-  color: #0c0;
+  color: #89d189;
   font-size: 1.2em;
   top: -1px;
   left: 3px;
 }
 
 pre.has-diff .diff.remove::before,
-/* For <RemovedFile> */
-.diff-removed-file [data-line]::before {
+/* For <FileRemoved> */
+.diff-entire-file-removed [data-line]::before {
   content: '-';
-  color: #f77;
+  color: #f18383;
   font-size: 1.4em;
   top: -5px;
   left: 2px;

package/data/maintainersList.tsx

@@ -20,8 +20,8 @@ const maintainers: Maintainer[] = [
       </>,
       <>
         <code>vike-vue</code> (Contributor)
-      </>
-    ]
+      </>,
+    ],
   },
   {
     username: 'magne4000',
@@ -31,8 +31,8 @@ const maintainers: Maintainer[] = [
       <>
         <code>vike-solid</code> (Lead Maintainer, Creator)
       </>,
-      <>Vike Core (Contributor)</>
-    ]
+      <>Vike Core (Contributor)</>,
+    ],
   },
   {
     username: 'nitedani',
@@ -44,8 +44,8 @@ const maintainers: Maintainer[] = [
       <>
         <code>vike-angular</code> (Lead Maintainer, Creator)
       </>,
-      <>Vike Core (Contributor)</>
-    ]
+      <>Vike Core (Contributor)</>,
+    ],
   },
   {
     username: 'phonzammi',
@@ -59,8 +59,8 @@ const maintainers: Maintainer[] = [
       </>,
       <>
         <code>vike-react</code> (Contributor)
-      </>
-    ]
+      </>,
+    ],
   },
   {
     username: '4350pChris',
@@ -72,8 +72,8 @@ const maintainers: Maintainer[] = [
       <>
         <code>vike-vue</code> (Contributor)
       </>,
-      <>Vike Core (Contributor)</>
-    ]
+      <>Vike Core (Contributor)</>,
+    ],
   },
   {
     username: 'AurelienLourot',
@@ -85,8 +85,8 @@ const maintainers: Maintainer[] = [
       <>
         <code>vike-react</code> (Contributor)
       </>,
-      <>Vike Core (Contributor)</>
-    ]
+      <>Vike Core (Contributor)</>,
+    ],
     // consultingUrl: 'https://lourot.dev/'
-  }
+  },
 ]

package/data/sponsorsList.ts

@@ -79,7 +79,7 @@ const individuals: Sponsor[] = [
   { username: 'stackblitz' },
   { username: 'codthing' },
   { username: 'Junaidhkn' },
-  { username: 'zgfdev' }
+  { username: 'zgfdev' },
 ]
 
 const companies: Sponsor[] = [
@@ -88,28 +88,28 @@ const companies: Sponsor[] = [
     companyLogo: contraLogo,
     plan: 'silver',
     website: 'https://contra.com',
-    github: 'contra'
+    github: 'contra',
   },
   {
     companyName: 'Inlang',
     companyLogo: inlangLogo,
     plan: 'silver',
     website: 'https://inlang.com/',
-    github: 'opral'
+    github: 'opral',
   },
   {
     companyName: 'Alignable',
     companyLogo: alignableLogo,
     plan: 'silver',
     website: 'https://www.alignable.com/',
-    github: 'AlignableUser'
+    github: 'AlignableUser',
   },
   {
     companyName: 'Sourcegraph',
     companyLogo: sourcegraphLogo,
     plan: 'bronze',
     website: 'https://sourcegraph.com',
-    github: 'sourcegraph'
+    github: 'sourcegraph',
   },
   {
     companyName: 'Optimizers',
@@ -117,31 +117,31 @@ const companies: Sponsor[] = [
     plan: 'bronze',
     website: 'https://www.optimizers.nl/',
     divSize: {
-      padding: 20
+      padding: 20,
     },
-    github: 'OptimizersGroup'
+    github: 'OptimizersGroup',
   },
   {
     companyName: 'BurdaFoward',
     companyLogo: burdaforwardLogo,
     plan: 'bronze',
     website: 'https://www.burda-forward.de',
-    github: 'BurdaForward'
+    github: 'BurdaForward',
   },
   {
     companyName: 'Ecosia',
     companyLogo: ecosiaLogo,
     plan: 'bronze',
     website: 'https://ecosia.org',
-    github: 'ecosia'
+    github: 'ecosia',
   },
   {
     companyName: 'Bluefin',
     companyLogo: bluefinLogo,
     plan: 'indie',
     website: 'https://www.bluefin.one',
-    github: 'bluefin-clinical'
-  }
+    github: 'bluefin-clinical',
+  },
 ]
 
 const sponsorsList: Sponsor[] = [...companies, ...individuals]

package/dist/vite.config.js

@@ -21,7 +21,7 @@ var config = {
                 noExtraDir: true
             },
             includeAssetsImportedByServer: true
-        })
+        }),
     ],
     optimizeDeps: { include: ['@mdx-js/react', 'react-dom'] },
     // @ts-ignore

package/markdownHeadingsVitePlugin.ts

@@ -22,7 +22,7 @@ function markdownHeadingsVitePlugin() {
       }
       const codeNew = transform(code)
       return codeNew
-    }
+    },
   }
 }
 
@@ -72,7 +72,7 @@ function parseMarkdownHeading(line: string): MarkdownHeading & { headingHtml: st
 
   const headingMdx = {
     title: titleMdx,
-    anchor: titleMdx
+    anchor: titleMdx,
   }
   {
     // Support custom anchor like: `## title{#custom-anchor}`

package/navigation/Navigation.tsx

@@ -9,7 +9,7 @@ import './Navigation.css'
 import { NavigationFullscreenClose } from './navigation-fullscreen/NavigationFullscreenButton'
 
 function Navigation({
-  pageContext
+  pageContext,
 }: {
   pageContext: {
     headingsProcessed: Heading[]
@@ -76,7 +76,7 @@ function NavigationContent(props: {
 }
 
 function Heading({
-  heading
+  heading,
 }: {
   heading: {
     level: number
@@ -100,8 +100,8 @@ function Heading({
     assertWarning(
       heading.url,
       `${jsxToTextContent(
-        heading.titleInNav
-      )} is missing a URL hash. Use \`<h2 id="url-hash">${sectionTitle}</h2>\` instead of \`## ${sectionTitle}\`.`
+        heading.titleInNav,
+      )} is missing a URL hash. Use \`<h2 id="url-hash">${sectionTitle}</h2>\` instead of \`## ${sectionTitle}\`.`,
     )
   }
   return (
@@ -113,7 +113,7 @@ function Heading({
         heading.computed.isActiveFirst && ' is-active-first',
         heading.computed.isActiveLast && ' is-active-last',
         heading.computed.isFirstOfItsKind && 'nav-item-first-of-its-kind',
-        heading.computed.isLastOfItsKind && 'nav-item-last-of-its-kind'
+        heading.computed.isLastOfItsKind && 'nav-item-last-of-its-kind',
       ]
         .filter(Boolean)
         .join(' ')}
@@ -173,8 +173,8 @@ function getHeadingsWithComputedProps(headings: (Heading | HeadingDetached)[], c
         isActiveFirst,
         isActiveLast,
         isFirstOfItsKind,
-        isLastOfItsKind
-      }
+        isLastOfItsKind,
+      },
     }
   })
 }
@@ -191,7 +191,7 @@ function DetachedPageNote() {
         marginTop: 25,
         marginBottom: -5,
         borderRadius: 5,
-        padding: 10
+        padding: 10,
       }}
     >
       <Emoji name="info" />{' '}
@@ -200,7 +200,7 @@ function DetachedPageNote() {
       </b>
       <span
         style={{
-          opacity: 0.8
+          opacity: 0.8,
         }}
       >
         {' '}

package/navigation/NavigationHeader.tsx

@@ -18,7 +18,7 @@ function NavigationHeader() {
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
-        marginBottom: -5
+        marginBottom: -5,
       }}
     >
       <a
@@ -31,7 +31,7 @@ function NavigationHeader() {
           textDecoration: 'none',
           paddingTop: 12,
           paddingBottom: 7,
-          ...pageContext.config.navHeaderWrapperStyle
+          ...pageContext.config.navHeaderWrapperStyle,
         }}
         href="/"
       >
@@ -59,7 +59,7 @@ function Links() {
         display: 'flex',
         alignItems: 'center',
         paddingTop: 0,
-        justifyContent: 'left'
+        justifyContent: 'left',
       }}
     >
       <LinkIcon className="decolorize-4" icon={iconGithub} href={projectInfo.githubRepository} />
@@ -85,7 +85,7 @@ function ChangelogButton() {
         padding: '1px 7px',
         marginLeft: 2,
         fontSize: '0.97em',
-        color: 'inherit'
+        color: 'inherit',
       }}
     >
       <span id="version-number" className="decolorize-7">

package/navigation/navigation-fullscreen/NavigationFullscreenButton.tsx

@@ -15,7 +15,7 @@ function NavigationFullscreenButton() {
             cursor: 'pointer',
             height: '100vh',
             width: 20,
-            overflow: 'hidden'
+            overflow: 'hidden',
           }}
         >
           <div></div>

package/navigation/navigation-fullscreen/initNavigationFullscreen.ts

@@ -16,7 +16,7 @@ function initNavigationFullscreen() {
       if (document.body.classList.contains('DocSearch--active')) return
       if (ev.key === 'Escape') toggleNavExpend()
     },
-    false
+    false,
   )
 }
 
@@ -42,8 +42,8 @@ function updateColumnWidth() {
     const column = [
       {
         element: navH1Group,
-        elementHeight: navH1Group.children.length
-      }
+        elementHeight: navH1Group.children.length,
+      },
     ]
     return column
   })
@@ -83,7 +83,7 @@ function mergeColumns<T>(columns: { element: T; elementHeight: number }[][], max
 
   let mergeCandidate = {
     i: -1,
-    mergeHeight: Infinity
+    mergeHeight: Infinity,
   }
   for (let i = 0; i <= columns.length - 2; i++) {
     const column1 = columns[i + 0]
@@ -94,7 +94,7 @@ function mergeColumns<T>(columns: { element: T; elementHeight: number }[][], max
     if (mergeCandidate.mergeHeight > mergeHeight) {
       mergeCandidate = {
         i,
-        mergeHeight
+        mergeHeight,
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "scripts": {
     "// Build vite.config.ts and +config.ts": "",
     "build": "rm -rf dist/ && tsc --project tsconfig.config.json",

package/parseEmojis.ts

@@ -10,7 +10,7 @@ const emojiList = {
   // https://emojipedia.org/trophy/
   ':trophy:': 0x1f3c6,
   // https://emojipedia.org/construction/
-  ':construction:': 0x1f6a7
+  ':construction:': 0x1f6a7,
   /*
   // https://emojipedia.org/red-heart/
   ':heart:': 0x2764,
@@ -25,7 +25,7 @@ function parseEmojis(html: string) {
     const emojiStr = twemoji.convert.fromCodePoint(codepoint as any)
     let emojiImg: any = twemoji.parse(emojiStr, {
       folder: 'svg',
-      ext: '.svg'
+      ext: '.svg',
     })
     const style = 'height: 1.275em; width: 1.275em; vertical-align: -20%'
     emojiImg = emojiImg.replace('<img class="emoji" ', `<img style="${style}" `)

package/parseTitle.ts

@@ -27,10 +27,10 @@ function getHeadingsWithProcessedTitle(config: {
       const headingProcessed: Omit<Heading, 'headingsBreadcrumb'> = {
         ...heading,
         title: titleProcessed,
-        titleInNav: titleInNavProcessed
+        titleInNav: titleInNavProcessed,
       }
       return headingProcessed
-    }
+    },
   )
 
   const headingsProcessed: Heading[] = []
@@ -38,7 +38,7 @@ function getHeadingsWithProcessedTitle(config: {
     const headingsBreadcrumb = getHeadingsBreadcrumb(heading, headingsProcessed)
     headingsProcessed.push({
       ...heading,
-      headingsBreadcrumb
+      headingsBreadcrumb,
     })
   })
 
@@ -46,7 +46,7 @@ function getHeadingsWithProcessedTitle(config: {
     const { url, title } = headingsDetached
     assert(
       headingsProcessed.find((heading) => heading.url === url) === undefined,
-      `remove ${headingsDetached.url} from headingsDetached`
+      `remove ${headingsDetached.url} from headingsDetached`,
     )
     const titleProcessed = typeof title === 'string' ? parseTitle(title) : title
     return {
@@ -54,7 +54,7 @@ function getHeadingsWithProcessedTitle(config: {
       level: 2 as const,
       title: titleProcessed,
       titleInNav: titleProcessed,
-      headingsBreadcrumb: null
+      headingsBreadcrumb: null,
     }
   })
 
@@ -119,8 +119,8 @@ function parseTitle(title: string): JSX.Element {
     React.Fragment,
     {},
     ...parts.map((part, i) =>
-      React.createElement(part.nodeType === 'code' ? 'code' : React.Fragment, { key: i }, part.content)
-    )
+      React.createElement(part.nodeType === 'code' ? 'code' : React.Fragment, { key: i }, part.content),
+    ),
   )
 
   return titleJsx
@@ -134,6 +134,6 @@ function withEmoji(name: EmojiName, title: string | JSX.Element): JSX.Element {
     { style },
     Emoji({ name }),
     ' ',
-    React.createElement('span', { style: { fontSize: '1rem' } }, title)
+    React.createElement('span', { style: { fontSize: '1rem' } }, title),
   )
 }

package/renderer/onRenderHtml.tsx

@@ -49,7 +49,7 @@ async function onRenderHtml(pageContextOriginal: PageContextOriginal) {
 
 function getOpenGraphTags(
   url: string,
-  meta: { title: string; tagline: string; websiteUrl: string; twitterHandle: string; bannerUrl?: string }
+  meta: { title: string; tagline: string; websiteUrl: string; twitterHandle: string; bannerUrl?: string },
 ) {
   const { title, tagline, websiteUrl, twitterHandle, bannerUrl } = meta
 

package/renderer/usePageContext.tsx

@@ -11,7 +11,7 @@ const Context = React.createContext<PageContextResolved>(undefined as any)
 
 function PageContextProvider({
   pageContext,
-  children
+  children,
 }: {
   pageContext: PageContextResolved
   children: React.ReactNode

package/utils/Emoji/Emoji.ts

@@ -216,8 +216,8 @@ function Emoji({ name, style }: { name: EmojiName; style?: React.CSSProperties }
         verticalAlign: 'text-top',
         fontSize: '1em',
         width,
-        ...style
-      }
+        ...style,
+      },
     }
     return React.createElement('img', props)
   }

package/utils/objectAssign.ts

@@ -3,7 +3,7 @@ export { objectAssign }
 // Same as `Object.assign()` but with type inference
 function objectAssign<Obj extends Object, ObjAddendum>(
   obj: Obj,
-  objAddendum: ObjAddendum
+  objAddendum: ObjAddendum,
 ): asserts obj is Obj & ObjAddendum {
   Object.assign(obj, objAddendum)
 }

package/vite.config.ts

@@ -21,17 +21,17 @@ const config: UserConfig = {
     react(),
     vike({
       prerender: {
-        noExtraDir: true
+        noExtraDir: true,
       },
-      includeAssetsImportedByServer: true
-    })
+      includeAssetsImportedByServer: true,
+    }),
   ],
   optimizeDeps: { include: ['@mdx-js/react', 'react-dom'] },
   // @ts-ignore
   ssr: {
-    noExternal: ['@brillout/docpress']
+    noExternal: ['@brillout/docpress'],
   },
-  clearScreen: false
+  clearScreen: false,
 }
 
 export default config

package/components/RemovedFile.tsx

@@ -1,16 +0,0 @@
-export { RemovedFile }
-
-import React from 'react'
-
-function RemovedFile({ children }: { children: React.ReactNode }) {
-  return (
-    <div
-      className={
-        // Styling for .diff-removed-file is defined in src/css/code/diff.css
-        'diff-removed-file'
-      }
-    >
-      {children}
-    </div>
-  )
-}