Viiprogrammer

function waitForElement (selector, timeout) {
  return new Promise(resolve => {
    if (document.querySelector(selector)) {
      return resolve(document.querySelector(selector))
    }

    // eslint-disable-next-line no-undef
    const observer = new MutationObserver(mutations => {
      if (document.querySelector(selector)) {
        observer.disconnect()

Viiprogrammer

const { spawn } = require('node:child_process');

const user = 'user'
const password = 'password'
const ip = '1.1.1.1'
const port = 5173

let sshCommand = `-p ${password} ssh `
sshCommand += '-o ServerAliveInterval=5 '
sshCommand += `${user}@${ip} `

Viiprogrammer

I couldn't find any solution to use Mermaid without changing the theme to @docusaurus/theme-mermaid and trying to write a solution, and... it works great.

Create mermaid.js in /src/js/ and use it in MDX as below

(Don't forget remove .example extension from example.mdx.example)

Viiprogrammer

import React, { useEffect } from 'react'
import { useColorMode } from '@docusaurus/theme-common';
import mermaid from "mermaid";

mermaid.initialize({
  startOnLoad: true,
  theme: 'neutral'
});

const Mermaid = ({ chart }) => {

Viiprogrammer

var types = {
    '339966': 'voicer',
    '00a650': 'voicer',
    '800000': 'techie',
    'ebd800': 'translator',
    'f7941d': 'decorator',
    '000080': 'seeder',
    'b523c5': 'releaser',
    '33cccc': 'designer'
}