const COLOR_CODE_REGEX = /&([0-9a-fk-or]|#[0-9A-F]{6})/ig;

export function stripColorCodes(str: string): string {
  return str.replace(COLOR_CODE_REGEX, '');
}

export function navigateToEditorPane(type: 'quest' | 'category' | 'item' | 'config' | null, id?: string) {
  if (id) {
    if (type === 'category') {
      navigateTo({ path: '/editor/category/' + id })
    } else if (type === 'quest') {
      navigateTo({ path: '/editor/quest/' + id })
    } else if (type === 'item') {
      navigateTo({ path: '/editor/item/' + id })
    }
  } else if (type === 'config') {
    navigateTo({ path: '/editor/config' })
  } else if (!id && !type) {
    navigateTo({ path: '/editor' })
  }
}

export type BrowserCapabilities = {
  canUseFsApi: boolean
}

export function getBrowserCapabilities(): BrowserCapabilities {
  return {
    canUseFsApi: typeof (window as any)?.showDirectoryPicker === 'function'
  }
}