ui/docs/app/workers/prettier.js

/* eslint-disable no-undef */
self.onmessage = async function (event) {
  self.postMessage({
    uid: event.data.uid,
    message: await handleMessage(event.data.message)
  })
}

function handleMessage(message) {
  switch (message.type) {
    case 'format':
      return handleFormatMessage(message)
  }
}

async function handleFormatMessage(message) {
  if (!globalThis.prettier) {
    await Promise.all([
      import('https://unpkg.com/prettier@3.5.2/standalone.js'),
      import('https://unpkg.com/prettier@3.5.2/plugins/babel.js'),
      import('https://unpkg.com/prettier@3.5.2/plugins/estree.js'),
      import('https://unpkg.com/prettier@3.5.2/plugins/html.js'),
      import('https://unpkg.com/prettier@3.5.2/plugins/markdown.js'),
      import('https://unpkg.com/prettier@3.5.2/plugins/typescript.js')
    ])
  }

  const { options, source } = message
  const formatted = await prettier.format(source, {
    parser: 'markdown',
    plugins: prettierPlugins,
    ...options
  })

  return formatted
}