tabler/site/config/site.ts

import iconsInfoConfig from '@/data/icons-info.json';
import uiConfig from '@/data/ui.json';





export const color = "#0054a6"

export const name = "Tabler Dashboard UI Kit - Bootstrap Admin Panel"
export const description = 'Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!'
export const creator = 'codecalm'

export const companyGithubUrl = 'https://github.com/tabler'
export const companyTwitterUrl = 'https://twitter.com/codecalm'
export const companyDribbbleUrl = 'https://dribbble.com/codecalm'

export const uiUrl = process.env.NODE_ENV === 'development' ? 'http://localhost:3010' : 'https://tabler.io'

export const uiVersion = uiConfig.version
export const uiPackageName = '@tabler/core'
export const uiGithubUrl = 'https://github.com/tabler/tabler'
export const uiGithubReleasesUrl = 'https://github.com/tabler/tabler/releases'
export const uiInstallCmd = `npm install ${uiPackageName}`
export const uiInstallCmdWithVersion = `npm install ${uiPackageName}@${uiVersion}`
export const uiDemoUrl = 'https://preview.tabler.io'
export const uiPaymentsProviders = uiConfig.paymentsProviders

export const sponsorsUrl = 'https://github.com/sponsors/codecalm'
export const statusUrl = 'https://status.tabler.io'
export const figmaPluginUrl = 'https://www.figma.com/community/plugin/1169807996149376642/Tabler-Icons'
export const figmaIconsUrl = 'https://www.figma.com/community/file/1042928259792594757'

// export const uiDownloadUrl = `https://gum.co/tabler?wanted=true`
export const uiDownloadUrl = `https://tabler.lemonsqueezy.com/checkout/buy/ac0d11e7-86fb-4fcf-ad9e-3d89e8dfbb24?embed=1&desc=0&discount=0&media=0`
export const uiCdnUrl = `https://cdn.jsdelivr.net/npm/@tabler/core@${uiVersion}`
export const uiCdnCSS = `${uiCdnUrl}${uiVersion}/dist/css/tabler.min.css`
export const uiCdnJS = `${uiCdnUrl}${uiVersion}/dist/js/tabler.min.js`

export const emailsCount = 54
export const emailsPrice = 29
export const emailsDownloadUrl = 'https://gum.co/tabler-email?wanted=true'
export const emailsSampleDownloadUrl = 'https://gum.co/tabler-email-sample'

export const componentsCount = 100 //getAllComponents().length
export const componentsRounded = (() => {
  return Math.floor(componentsCount / 10) * 10
})()

export const getAbsoluteURL = (path) => {
  const baseURL = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : `http://localhost:3010`
  return baseURL + path
}

export const iconsUrl =
  /*process.env.NODE_ENV === 'development'
		? 'http://icons.tabler.test:3010'
		: */ 'https://tabler-icons.io'
export const iconsVersion = iconsInfoConfig.version
export const iconsGithubUrl = 'https://github.com/tabler/tabler-icons'
export const iconsGithubDownloadUrl = ((version) => {
  return `https://github.com/tabler/tabler-icons/releases/download/v${version}/tabler-icons-${version}.zip`
})(iconsVersion)

export const iconsCountRounded = (() => {
  return Math.floor(iconsInfoConfig.count / 50) * 50
})()

export const iconsCount = (() => {
  return iconsInfoConfig.count
})()

// export const iconsCategories = () => {
// 	return iconsConfig.icons
// 		.map((icon) => icon.category)
// 		.filter((value, index, self) => {
// 			return self.indexOf(value) === index && value !== ''
// 		})
// 		.sort()
// }

export const escapeHtml = (str) => {
  return str
    .replace(/&/g, '&')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(/"/g, '&quot;')
    .replace(/'/g, '&#039;')
}

export const componentsUrl =
  process.env.NODE_ENV === 'development' ? 'http://components.tabler.test:3000' : 'https://components.tabler.io'

export const socialLinks = [
  { icon: 'brand-twitter', url: companyTwitterUrl, label: 'Follow us!' },
  { icon: 'brand-github', url: companyGithubUrl, label: 'Star us!' },
  { icon: 'brand-dribbble', url: companyDribbbleUrl, label: 'Like us!' },
]

export const footerMenu = [
  {
    title: 'Our products',
    items: [
      { title: 'UI Kit', route: '/' },
      { title: `${iconsCount} open source icons`, route: '/icons' },
      { title: 'Email templates', route: '/emails' },
      // { title: 'Pricing', route: '/pricing' },
    ],
  },
  {
    title: 'Support',
    items: [
      { title: 'Blog', route: '/blog' },
      { title: 'Documentation', route: '/docs' },
      { title: 'Support', route: '/support' },
      { title: 'Guides', route: '/guides' },
      { title: 'Status', href: statusUrl },
      { title: 'License', route: '/license' },
    ],
  },
  {
    title: 'Tabler',
    items: [
      { title: 'About', route: '/about' },
      { title: 'Testimonials', route: '/testimonials' },
      { title: 'FAQ', route: '/docs/getting-started/faq' },
      // { title: 'Blog', route: '/blog' },
      { title: 'Changelog', route: '/changelog' },
      { title: 'Releases', href: uiGithubReleasesUrl },
      { title: 'Github', href: companyGithubUrl },
    ],
  },
]

export const colors = [
  'muted',
  'red',
  'pink',
  'grape',
  'violet',
  'indigo',
  'blue',
  'cyan',
  'teal',
  'green',
  'lime',
  'yellow',
  'orange',
]