@sanity/ui-workshop/src/core/frame/formatStack.ts

An environment for designing, reviewing, and quality-testing React components.

const ROOT_PATH = (() => {
  // Wrap in try/catch to avoid throwing exception in environments that don’t have `process.env`.
  try {
    return process.env.ROOT_PATH
  } catch (_) {
    return undefined
  }
})()

const RE_URL = /http:\/\/([^:/\s]+)(:[0-9]+)?/g
const RE_VITE_FS_PREFIX = /\/@fs\//g
const RE_VITE_FS_SUFFIX = /\?([a-z]{1})=([0-9]+)/g

/** @internal */
export function formatStack(stack: string): string {
  let ret = decodeURIComponent(stack)

  ret = stack.replace(RE_URL, '').replace(RE_VITE_FS_PREFIX, '/').replace(RE_VITE_FS_SUFFIX, '')

  if (ROOT_PATH) return replaceRootPath(ret, ROOT_PATH + '/')

  return ret
}

function replaceRootPath(str: string, rootPath: string) {
  const re = new RegExp(rootPath.replace(/\//g, '\\/'), 'g')

  return str.replace(re, '')
}