chore: fix build on server

.vitepress/theme/components/DocAsideItem.vue

@@ -11,7 +11,7 @@ defineProps<{
 
 function onClick({ target: el }: Event) {
   const id = (el as HTMLAnchorElement).href!.split('#')[1]
-  const heading = document.getElementById(decodeURIComponent(id))
+  const heading = globalThis.document?.getElementById(decodeURIComponent(id))
   heading?.focus({ preventScroll: true })
 }
 </script>

.vitepress/theme/components/Sidebar.vue

@@ -14,7 +14,7 @@ const { sidebarGroups, hasSidebar } = useSidebar() as unknown as { sidebarGroups
 
 // a11y: focus Nav element when menu has opened
 const navEl = ref<HTMLElement | null>(null)
-const isLocked = useScrollLock(inBrowser ? document.body : null)
+const isLocked = useScrollLock(inBrowser ? globalThis.document.body : null)
 
 watch(
   [props, navEl],
@@ -66,7 +66,7 @@ function onSectionTitleClicked(i: number) {
 
         <ul pb-20>
           <li v-for="item in group.items" :key="item.text">
-            <SidebarItem :item="item" :depth="0" :class="item.items ? 'my32' : ''" />
+            <SidebarItem :item="item" :depth="0" :class="item.items ? 'my-32' : ''" />
           </li>
         </ul>
       </template>

.vitepress/theme/components/header/ThemeSwitcher.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { inBrowser } from 'vitepress';
+
 /**
  * Credit to [@hooray](https://github.com/hooray)
  * @see https://github.com/vuejs/vitepress/pull/2347
@@ -8,7 +10,7 @@
 
 const { isDark } = useData()
 
-const enableTransitions = () => 'startViewTransition' in document && window.matchMedia('(prefers-reduced-motion: no-preference)').matches
+const enableTransitions = () => inBrowser && 'startViewTransition' in globalThis?.document && globalThis?.window.matchMedia('(prefers-reduced-motion: no-preference)').matches
 
 function getHexagonPoints(x: number, y: number, r: number): string {
   const angles = [0, 60, 120, 180, 240, 300]

.vitepress/theme/composables/icons/icon.ts

@@ -62,8 +62,8 @@ export async function getSvg(icon: string, size = '1em', color = 'currentColor')
 export async function getSvgSymbol(icon: string, size = '1em', color = 'currentColor') {
   const svgMarkup = await getSvg(icon, size, color)
 
-  const symbolElem = document.createElementNS('http://www.w3.org/2000/svg', 'symbol')
-  const node = document.createElement('div') // Create any old element
+  const symbolElem = globalThis.document?.createElementNS('http://www.w3.org/2000/svg', 'symbol')
+  const node = globalThis.document.createElement('div') // Create any old element
   node.innerHTML = svgMarkup
 
   // Grab the inner HTML and move into a symbol element
@@ -79,7 +79,7 @@ export function toComponentName(icon: string) {
 }
 
 export function ClearSvg(svgCode: string, reactJSX?: boolean) {
-  const el = document.createElement('div')
+  const el = globalThis.document?.createElement('div')
   el.innerHTML = svgCode
   const svg = el.getElementsByTagName('svg')[0]
   const keep = ['viewBox', 'width', 'height', 'focusable', 'xmlns', 'xlink']
@@ -176,7 +176,7 @@ function convertSvgToPngDataUri(svgString: string, scale=1) {
         const img = new Image();
 
         img.onload = function() {
-            const canvas = document.createElement('canvas');
+            const canvas = globalThis.document?.createElement('canvas');
             canvas.width = img.width * scale;
             canvas.height = img.height * scale;
             const ctx = canvas.getContext('2d');

.vitepress/theme/composables/useIsActive.ts

@@ -1,12 +1,12 @@
+import { inBrowser } from "vitepress"
+
 export const HASH_RE = /#.*$/
 export const EXT_RE = /(index)?\.(md|html)$/
 
 export function normalize(path: string): string {
   return decodeURI(path).replace(HASH_RE, '').replace(EXT_RE, '')
 }
 
-export const inBrowser = typeof document !== 'undefined'
-
 export function isActive(currentPath: string, matchPath?: string, asRegex: boolean = false): boolean {
   if (matchPath === undefined)
     return false

.vitepress/theme/composables/useOutline.ts

@@ -22,7 +22,7 @@ export function resolveTitle(theme: DefaultTheme.Config) {
 
 export function getHeaders(range: DefaultTheme.Config['outline']) {
   const headers = [
-    ...Array.from(document.querySelectorAll('.prose :where(h1,h2,h3,h4,h5,h6)')),
+    ...Array.from(globalThis.document?.querySelectorAll('.prose :where(h1,h2,h3,h4,h5,h6)')),
   ]
     .filter(el => el.id && el.hasChildNodes())
     .map((el) => {
@@ -132,7 +132,7 @@ export function useActiveAnchor(
 
     const scrollY = window.scrollY
     const innerHeight = window.innerHeight
-    const offsetHeight = document.body.offsetHeight
+    const offsetHeight = globalThis.document.body.offsetHeight
     const isBottom = Math.abs(scrollY + innerHeight - offsetHeight) < 1
 
     // resolvedHeaders may be repositioned, hidden or fix positioned
@@ -202,7 +202,7 @@ export function useActiveAnchor(
 
 function getAbsoluteTop(element: HTMLElement): number {
   let offsetTop = 0
-  while (element !== document.body) {
+  while (element !== globalThis.document.body) {
     if (element === null) {
       // child element is:
       // - not attached to the DOM (display: none)

.vitepress/theme/composables/useSidebar.ts

@@ -118,7 +118,7 @@ export function useCloseSidebarOnEscape(
 
   watchEffect(() => {
     triggerElement = isOpen.value
-      ? (document.activeElement as HTMLButtonElement)
+      ? (globalThis.document?.activeElement as HTMLButtonElement)
       : undefined
   })
 

build/rpc-docs/.version

@@ -1 +1 @@
-0.20.3
+0.21.0

build/ui/design/icons.md

@@ -6,6 +6,7 @@ next: false
 
 # Nimiq Icons
 
+<ClientOnly>
 <IconSet class="mt-32 pb-96 raw">
   <template #learn-how-to-use-the-icons>
 
@@ -39,3 +40,4 @@ Check out [this blog](https://antfu.me/posts/journey-with-icons-continues) post
 
   </template>
 </IconSet>
+</ClientOnly>