site.ts 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. import { iconsInfo } from '@/config/tabler';
  2. import uiConfig from '@/data/ui.json';
  3. export const color = '#0054a6';
  4. export const name = 'Tabler Dashboard UI Kit - Bootstrap Admin Panel';
  5. 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!';
  6. export const creator = 'codecalm';
  7. export const companyGithubUrl = 'https://github.com/tabler';
  8. export const companyTwitterUrl = 'https://twitter.com/codecalm';
  9. export const companyDribbbleUrl = 'https://dribbble.com/codecalm';
  10. export const uiUrl = 'https://tabler.io';
  11. export const uiVersion = uiConfig.version;
  12. export const uiPackageName = '@tabler/core';
  13. export const uiGithubUrl = 'https://github.com/tabler/tabler';
  14. export const uiGithubReleasesUrl = 'https://github.com/tabler/tabler/releases';
  15. export const uiInstallCmd = `npm install ${uiPackageName}`;
  16. export const uiInstallCmdWithVersion = `npm install ${uiPackageName}@${uiVersion}`;
  17. export const uiDemoUrl = 'https://preview.tabler.io';
  18. export const uiPaymentsProviders = uiConfig.paymentsProviders;
  19. export const sponsorsUrl = 'https://github.com/sponsors/codecalm';
  20. export const statusUrl = 'https://status.tabler.io';
  21. export const figmaPluginUrl = 'https://www.figma.com/community/plugin/1169807996149376642/Tabler-Icons';
  22. export const figmaIconsUrl = 'https://www.figma.com/community/file/1042928259792594757';
  23. export const uiDownloadUrl = `https://tabler.lemonsqueezy.com/checkout/buy/ac0d11e7-86fb-4fcf-ad9e-3d89e8dfbb24?embed=1&desc=0&discount=0&media=0`;
  24. export const uiCdnUrl = `https://cdn.jsdelivr.net/npm/@tabler/core@${uiVersion}`;
  25. export const uiCdnCSS = `${uiCdnUrl}${uiVersion}/dist/css/tabler.min.css`;
  26. export const uiCdnJS = `${uiCdnUrl}${uiVersion}/dist/js/tabler.min.js`;
  27. export const emailsCount = 54;
  28. export const emailsPrice = 29;
  29. export const emailsDownloadUrl = 'https://tabler.lemonsqueezy.com/checkout/buy/44fd4bdb-6ca0-49eb-b887-ebafd080c7bc?embed=1&desc=0&discount=0&media=0';
  30. export const emailsSampleDownloadUrl = 'https://tabler.lemonsqueezy.com/checkout/buy/2b777bc1-09f3-4465-b2a5-50ba14dcbe49?embed=1&desc=0&discount=0&media=0';
  31. export const componentsCount = 100; //getAllComponents().length
  32. export const componentsRounded = (() => {
  33. return Math.floor(componentsCount / 10) * 10;
  34. })();
  35. export const blogEnabled = false;
  36. export const changelogEnabled = false;
  37. export const getAbsoluteURL = (path) => {
  38. const baseURL = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : `http://localhost:3010`;
  39. return baseURL + path;
  40. };
  41. export const iconsUrl =
  42. /*process.env.NODE_ENV === 'development'
  43. ? 'http://icons.tabler.test:3010'
  44. : */ 'https://tabler-icons.io';
  45. export const iconsVersion = iconsInfo.version;
  46. export const iconsGithubUrl = 'https://github.com/tabler/tabler-icons';
  47. export const iconsGithubDownloadUrl = ((version) => {
  48. return `https://github.com/tabler/tabler-icons/releases/download/v${version}/tabler-icons-${version}.zip`;
  49. })(iconsVersion);
  50. export const iconsCountRounded = (() => {
  51. return Math.floor(iconsInfo.count / 50) * 50;
  52. })();
  53. export const iconsCount = (() => {
  54. return iconsInfo.count;
  55. })();
  56. // export const iconsCategories = () => {
  57. // return iconsConfig.icons
  58. // .map((icon) => icon.category)
  59. // .filter((value, index, self) => {
  60. // return self.indexOf(value) === index && value !== ''
  61. // })
  62. // .sort()
  63. // }
  64. export const escapeHtml = (str) => {
  65. return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;');
  66. };
  67. export const componentsUrl = process.env.NODE_ENV === 'development' ? 'http://components.tabler.test:3000' : 'https://components.tabler.io';
  68. export const socialLinks = [
  69. { icon: 'brand-twitter', url: companyTwitterUrl, label: 'Follow us!' },
  70. { icon: 'brand-github', url: companyGithubUrl, label: 'Star us!' },
  71. { icon: 'brand-dribbble', url: companyDribbbleUrl, label: 'Like us!' },
  72. ];
  73. export const footerMenu = [
  74. {
  75. title: 'Our products',
  76. items: [
  77. { title: 'UI Kit', route: '/' },
  78. { title: `${iconsCount} open source icons`, route: '/icons' },
  79. { title: 'Email templates', route: '/emails' },
  80. // { title: 'Pricing', route: '/pricing' },
  81. ],
  82. },
  83. {
  84. title: 'Support',
  85. items: [
  86. ...(blogEnabled ? [{ title: 'Blog', route: '/blog' }] : []),
  87. { title: 'Documentation', route: '/docs' },
  88. { title: 'Support', route: '/support' },
  89. { title: 'Guides', route: '/guides' },
  90. { title: 'Status', href: statusUrl },
  91. { title: 'License', route: '/license' },
  92. ],
  93. },
  94. {
  95. title: 'Tabler',
  96. items: [
  97. { title: 'About', route: '/about' },
  98. { title: 'Testimonials', route: '/testimonials' },
  99. { title: 'FAQ', route: '/docs/getting-started/faq' },
  100. ...(changelogEnabled ? [{ title: 'Changelog', route: '/changelog' }] : []),
  101. { title: 'Releases', href: uiGithubReleasesUrl },
  102. { title: 'Github', href: companyGithubUrl },
  103. ],
  104. },
  105. ];
  106. export const colors = ['muted', 'red', 'pink', 'grape', 'violet', 'indigo', 'blue', 'cyan', 'teal', 'green', 'lime', 'yellow', 'orange'];
  107. //
  108. // Banner
  109. //
  110. export const banner = {
  111. show: true,
  112. id: 'tabler-icons-v2-2',
  113. text: '🎉 Tabler Icons v2.0 has been released: filled icons, new packages: React, Vue, Preact, Svelte, SolidJS and more!',
  114. link: {
  115. href: 'https://tabler-icons.io',
  116. text: 'Learn more →',
  117. },
  118. };