@ardly/bunext 1.0.6 → 1.0.7

package/src/lib/utils/index.ts

@@ -1,190 +0,0 @@
-import { type ClassValue, clsx } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}
-
-export function absoluteUrl(path: string) {
-  return `${process.env.NEXT_PUBLIC_APP_URL}${path}`
-}
-
-export const isSSR = typeof window === 'undefined'
-export const getPlaceholder = (width: number, height: number) =>
-  `https://v0.dev/placeholder.svg?height=${height}&width=${width}`
-
-// converts smv to base64
-export const svgToBase64 = (str: string) =>
-  isSSR ? Buffer.from(str).toString('base64') : window.btoa(str)
-
-// returns a promise that resolves after a given number of milliseconds
-export function sleep(ms: number): Promise<void> {
-  return new Promise((resolve) => setTimeout(resolve, ms))
-}
-
-// contaverts text to normal case
-export function convertToNormalCase(inputString: string | undefined) {
-  if (!inputString) return inputString
-  const splittedString = inputString.split('.').pop()
-  const string = splittedString || inputString
-  const words = string.replace(/([a-z])([A-Z])/g, '$1 $2').split(/_|\s+/)
-  const capitalizedWords = words.map(
-    (word) => word.charAt(0).toUpperCase() + word.slice(1)
-  )
-  return capitalizedWords.join(' ')
-}
-
-// capitalize the first letter of a string
-export function capitalizeFirstLetter(
-  string: string | undefined
-): string | undefined {
-  if (!string) return string
-  return string.charAt(0).toUpperCase() + string.slice(1)
-}
-
-// string shortner
-export function truncateString(
-  str: string | undefined,
-  maxStrLength: number
-): string {
-  if (!str) return ''
-  if (str.length > maxStrLength) return `${str.slice(0, maxStrLength)}...`
-  return str
-}
-
-// qr code img generator, default size is 250x250px
-export function getQrCode(link: string, size?: string): string {
-  const qrValue = link
-  const qrSize = size || '250'
-  return `https://api.qrserver.com/v1/create-qr-code/?size=${qrSize}x${qrSize}&data=${qrValue}`
-}
-
-// check if email is valid and returns true or false
-export function isValidEmail(email: string): boolean {
-  const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
-  return regex.test(email)
-}
-
-// uniq code generator that takes in current time
-export const generateUniqueCode = (): string | null => {
-  const currentTime = new Date()
-  const uniqueCode =
-    Math.random().toString(36).substring(2, 14) +
-    currentTime
-      .toISOString()
-      .replace(/[-:.TZ]/g, Math.random().toString(32).substring(2, 3)) +
-    Math.random().toString(36).substring(2, 14) +
-    Math.random().toString(32).substring(2, 8) +
-    Math.random().toString(36).substring(2, 14)
-  return uniqueCode?.toString()
-}
-
-// Generate a random number in a range.
-export const randomNum = (min: number, max: number): number =>
-  Math.floor(Math.random() * (max - min)) + min
-// simple hashing algorithm (not secure for password hashing)
-export function murmurhash(key: string) {
-  const remainder = key.length & 3
-  const bytes = key.length - remainder
-  const c1 = 0xcc9e2d51
-  const c2 = 0x1b873593
-
-  let h1 = 0
-  let i = 0
-
-  while (i < bytes) {
-    let k1 =
-      (key.charCodeAt(i) & 0xff) |
-      ((key.charCodeAt(++i) & 0xff) << 8) |
-      ((key.charCodeAt(++i) & 0xff) << 16) |
-      ((key.charCodeAt(++i) & 0xff) << 24)
-    ++i
-
-    k1 =
-      ((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff
-    k1 = (k1 << 15) | (k1 >>> 17)
-    k1 =
-      ((k1 & 0xffff) * c2 + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff
-
-    h1 ^= k1
-    h1 = (h1 << 13) | (h1 >>> 19)
-    const h1b =
-      ((h1 & 0xffff) * 5 + ((((h1 >>> 16) * 5) & 0xffff) << 16)) & 0xffffffff
-    h1 = (h1b & 0xffff) + 0x6b64 + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16)
-  }
-
-  let k2 = 0
-
-  switch (remainder) {
-    case 3:
-      k2 ^= (key.charCodeAt(i + 2) & 0xff) << 16
-    // falls through
-    case 2:
-      k2 ^= (key.charCodeAt(i + 1) & 0xff) << 8
-    // falls through
-    case 1:
-      k2 ^= key.charCodeAt(i) & 0xff
-
-      k2 =
-        ((k2 & 0xffff) * c1 + ((((k2 >>> 16) * c1) & 0xffff) << 16)) &
-        0xffffffff
-      k2 = (k2 << 15) | (k2 >>> 17)
-      k2 =
-        ((k2 & 0xffff) * c2 + ((((k2 >>> 16) * c2) & 0xffff) << 16)) &
-        0xffffffff
-      h1 ^= k2
-  }
-
-  h1 ^= key.length
-
-  h1 ^= h1 >>> 16
-  h1 =
-    ((h1 & 0xffff) * 0x85ebca6b +
-      ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) &
-    0xffffffff
-  h1 ^= h1 >>> 13
-  h1 =
-    ((h1 & 0xffff) * 0xc2b2ae35 +
-      ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16)) &
-    0xffffffff
-  h1 ^= h1 >>> 16
-
-  return h1 >>> 0
-}
-
-export const shimmer = (w: number | `${number}`, h: number | `${number}`) => {
-  const color = { center: '#efefef', side: '#dfdfdf' }
-  return `
-<svg width="${w}" height="${h}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <defs>
-    <linearGradient id="g">
-      <stop stop-color="${color.side}" offset="20%" />
-      <stop stop-color="${color.center}" offset="50%" />
-      <stop stop-color="${color.side}" offset="70%" />
-    </linearGradient>
-  </defs>
-  <rect width="${w}" height="${h}" fill="${color.side}" />
-  <rect id="r" width="${w}" height="${h}" fill="url(#g)" />
-  <animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite"  />
-</svg>`
-}
-
-export function cleanSrc(src: string): string {
-  if (src.includes('/public/')) return src.replace('/public/', '/')
-  return src
-}
-
-export const encodeBase64 = (str: string): string => {
-  return encodeURIComponent(Buffer.from(str).toString('base64'))
-}
-
-export const decodeBase64 = (encodedStr: string): string => {
-  try {
-    return Buffer.from(decodeURIComponent(encodedStr), 'base64').toString(
-      'utf-8'
-    )
-  } catch (error) {
-    console.error('Error decoding base64 string:', error)
-    return ''
-  }
-}

package/src/styles/customGlobal.css

@@ -1,141 +0,0 @@
-/* responsive font sizes | comment this out if you wanna use defaults */
-:root {
-  font-size: 15px;
-}
-
-@media (min-width: 1600px) {
-  :root {
-    font-size: 17px;
-  }
-}
-
-@media (min-width: 1800px) {
-  :root {
-    font-size: 18px;
-  }
-}
-
-/* page transition css start */
-.page-transition-easing {
-  transition-property: opacity, transform, filter, background;
-  transition-timing-function: ease-in-out;
-  transition-duration: 300ms;
-}
-@media (prefers-reduced-motion) {
-  .page-transition-easing {
-    transition-property: opacity, transform, filter, background;
-    transition-timing-function: none;
-    transition-duration: 0;
-  }
-}
-.page-transition {
-  opacity: 0;
-  background: hsl(var(--background));
-  transform: translateY(40px);
-  filter: blur(12px);
-}
-/* page transition css end */
-
-/* fix layout shift of select box */
-html > body[style] {
-  margin-right: 0 !important;
-}
-
-/* input field fix*/
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-input[type='number'] {
-  appearance: textfield;
-  -moz-appearance: textfield;
-}
-input {
-  outline: 0 solid transparent;
-}
-::-webkit-scrollbar-thumb:hover {
-  cursor: pointer;
-}
-/* gradients for cricle overlays */
-.bg_primary_radial_gradient {
-  background: hsl(var(--primary) / 0.03);
-  background: radial-gradient(
-    circle,
-    hsl(var(--primary) / 0.5) 0%,
-    hsl(var(--primary) / 0.18) 30%,
-    hsl(var(--primary) / 0.05) 50%,
-    hsl(var(--primary) / 0) 70%
-  );
-  background-size: cover;
-  background-position: center;
-  object-fit: fill;
-}
-.bg_foreground_radial_gradient {
-  background: hsl(var(--foreground) / 0.01);
-  background: radial-gradient(
-    circle,
-    hsl(var(--foreground) / 0.3) 0%,
-    hsl(var(--foreground) / 0.09) 30%,
-    hsl(var(--foreground) / 0.02) 50%,
-    hsl(var(--foreground) / 0) 70%
-  );
-  background-size: cover;
-  background-position: center;
-  object-fit: fill;
-}
-.dark .bg_primary_radial_gradient {
-  background: hsl(var(--primary) / 0.03);
-  background: radial-gradient(
-    circle,
-    hsl(var(--primary) / 0.4) 0%,
-    hsl(var(--primary) / 0.15) 30%,
-    hsl(var(--primary) / 0.05) 50%,
-    hsl(var(--primary) / 0) 70%
-  );
-  background-size: cover;
-  background-position: center;
-  object-fit: fill;
-}
-
-.boder_primary_gradient {
-  background: hsl(var(--primary) / 0.03);
-  background: radial-gradient(
-    linear,
-    hsl(var(--primary) / 0.5) 0%,
-    hsl(var(--primary) / 0.18) 30%,
-    hsl(var(--primary) / 0.05) 50%,
-    hsl(var(--primary) / 0) 70%
-  );
-  background: linear-gradient(
-    320deg,
-    rgba(119, 47, 253, 1) 0%,
-    rgba(61, 28, 101, 0.7) 15%,
-    rgba(140, 47, 253, 0) 40%,
-    rgba(129, 47, 253, 0) 65%,
-    rgba(89, 34, 152, 0.6) 88%,
-    rgba(119, 47, 253, 1) 100%
-  );
-  background-size: cover;
-  background-position: center;
-  object-fit: fill;
-}
-.boder_primary_gradient::before {
-  content: '';
-  width: calc(100% - 2px);
-  height: calc(100% - 2px);
-  border-radius: 50%;
-  background-color: hsl(var(--background));
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.bg_liner_overlay_gradient {
-  background: linear-gradient(
-    180deg,
-    hsl(var(--background) / 0) 0%,
-    hsl(var(--background) / 1) 100%
-  );
-}

package/src/styles/globals.css

@@ -1,72 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-body {
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 0 0% 3.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 0 0% 3.9%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 0 0% 3.9%;
-    --primary: 0 0% 9%;
-    --primary-foreground: 0 0% 98%;
-    --secondary: 0 0% 96.1%;
-    --secondary-foreground: 0 0% 9%;
-    --muted: 0 0% 96.1%;
-    --muted-foreground: 0 0% 45.1%;
-    --accent: 0 0% 96.1%;
-    --accent-foreground: 0 0% 9%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 0 0% 89.8%;
-    --input: 0 0% 89.8%;
-    --ring: 0 0% 3.9%;
-    --chart-1: 12 76% 61%;
-    --chart-2: 173 58% 39%;
-    --chart-3: 197 37% 24%;
-    --chart-4: 43 74% 66%;
-    --chart-5: 27 87% 67%;
-    --radius: 0.5rem;
-  }
-  .dark {
-    --background: 0 0% 3.9%;
-    --foreground: 0 0% 98%;
-    --card: 0 0% 3.9%;
-    --card-foreground: 0 0% 98%;
-    --popover: 0 0% 3.9%;
-    --popover-foreground: 0 0% 98%;
-    --primary: 0 0% 98%;
-    --primary-foreground: 0 0% 9%;
-    --secondary: 0 0% 14.9%;
-    --secondary-foreground: 0 0% 98%;
-    --muted: 0 0% 14.9%;
-    --muted-foreground: 0 0% 63.9%;
-    --accent: 0 0% 14.9%;
-    --accent-foreground: 0 0% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 0 0% 14.9%;
-    --input: 0 0% 14.9%;
-    --ring: 0 0% 83.1%;
-    --chart-1: 220 70% 50%;
-    --chart-2: 160 60% 45%;
-    --chart-3: 30 80% 55%;
-    --chart-4: 280 65% 60%;
-    --chart-5: 340 75% 55%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}

package/src/styles/tailwind/base.ts

@@ -1,46 +0,0 @@
-import plugin from 'tailwindcss/plugin'
-
-export const base = plugin(({ addBase, addVariant, matchVariant }) => {
-  const states = {
-    selected: 'data-selected=true',
-    open: 'data-state=open',
-    on: 'data-state=on',
-  }
-
-  addBase({
-    '*': { '@apply border-border min-w-0': {} },
-    '::-webkit-scrollbar': { width: '8px', height: '8px' },
-    '::-webkit-scrollbar-thumb': {
-      borderRadius: '8px',
-      '@apply bg-foreground/20 dark:bg-foreground/15': {},
-    },
-    '::-webkit-scrollbar-thumb:hover': { '@apply bg-foreground/35': {} },
-    '::-webkit-scrollbar-track': {
-      '@apply bg-foreground/5': {},
-    },
-  })
-  addBase({
-    html: {
-      overflowX: 'clip',
-      '--scroll-behavior': 'smooth',
-      scrollBehavior: 'smooth',
-    },
-    body: {
-      '@apply bg-background text-foreground min-h-screen antialiased overflow-x-clip selection:text-white selection:bg-zinc-700 dark:selection:text-black dark:selection:bg-white':
-        {},
-      'font-feature-settings': `'rlig' 1, 'calt' 1`,
-    },
-    'input,textarea': {
-      '@apply bg-transparent outline-none w-full': {},
-    },
-  })
-  for (const [name, definition] of Object.entries(states)) {
-    addVariant(name, `&[${definition}]`)
-  }
-  matchVariant('nth', (value) => {
-    return `&:nth-child(${value})`
-  })
-  matchVariant('nth-reverse', (value) => {
-    return `&:nth-last-child(${value})`
-  })
-})

package/src/styles/tailwind/fonts.ts

@@ -1,51 +0,0 @@
-import { Roboto as FontSans } from 'next/font/google'
-import localFont from 'next/font/local'
-
-const fontSans = FontSans({
-  subsets: ['latin'],
-  weight: ['400', '500', '700'],
-  variable: '--font-inter',
-})
-
-const ClashDisplay = localFont({
-  src: [
-    {
-      path: './fonts/ClashDisplay-Extralight.woff2',
-      weight: '200',
-      style: 'normal',
-    },
-    {
-      path: './fonts/ClashDisplay-Light.woff2',
-      weight: '300',
-      style: 'normal',
-    },
-    {
-      path: './fonts/ClashDisplay-Regular.woff2',
-      weight: '400',
-      style: 'normal',
-    },
-    {
-      path: './fonts/ClashDisplay-Medium.woff2',
-      weight: '500',
-      style: 'normal',
-    },
-    {
-      path: './fonts/ClashDisplay-Semibold.woff2',
-      weight: '600',
-      style: 'normal',
-    },
-    {
-      path: './fonts/ClashDisplay-Bold.woff2',
-      weight: '700',
-      style: 'normal',
-    },
-  ],
-  variable: '--font-clashDisplay',
-})
-
-// array of fonts
-export const fontList = [fontSans, ClashDisplay]
-// add font variable names to tailwind.config.ts aswell
-
-// Export class names for root layout
-export const fonts = fontList.map((font) => font.variable).join(' ')

package/src/styles/tailwind/tailwindUtils.ts

@@ -1,29 +0,0 @@
-import plugin from 'tailwindcss/plugin'
-
-export const utilities = plugin(({ addUtilities }) => {
-  addUtilities({
-    '.scrollbar-hidden::-webkit-scrollbar': { display: 'none' },
-    '.scrollbar-hidden': { msOverflowStyle: 'none', scrollbarWidth: 'none' },
-    '.scrollbar-thin::-webkit-scrollbar': { width: '4px', height: '4px' },
-    '.break-words': {
-      'white-space': 'pre-wrap',
-      'word-break': 'break-word',
-    },
-    '.center-x': { '@apply ml-[50%] -translate-x-1/2': {} },
-    '.center-y': { '@apply mt-[50%] -translate-y-1/2': {} },
-    '.center-position-x': { '@apply left-[50%] -translate-x-1/2': {} },
-    '.center-position-y': { '@apply top-[50%] -translate-y-1/2': {} },
-    '.link': { '@apply text-primary underline-offset-2 hover:underline': {} },
-    '.container-mini': { '@apply mx-auto max-w-3xl px-2 w-full': {} },
-    '.text-heading': {
-      fontSize: 'clamp(3rem, 1.548rem + 3.871vw, 6rem)',
-      fontWeight: '700',
-      lineHeight: 'clamp(3rem, 1.065rem + 5.161vw, 7rem)',
-    },
-    '.text-heading-sm': {
-      fontSize: 'clamp(1.5rem, 0.774rem + 1.935vw, 3rem)',
-      fontWeight: '700',
-      lineHeight: 'clamp(1.75rem, 0.874rem + 2.335vw, 3.56rem)',
-    },
-  })
-})

package/src/types/index.ts

@@ -1,80 +0,0 @@
-import type { LucideIcon } from 'lucide-react'
-import type { ImageProps } from 'next/image'
-import type * as React from 'react'
-
-type OmittedImageProps = 'height' | 'width' | 'srcSet' | 'placeholder' | 'alt'
-type ModifiedImageProps = Partial<{
-  alt: string
-  width: number
-  height: number
-  placeholder: 'blur' | 'color' | 'shimmer' | 'empty' | `data:image/${string}`
-}>
-export type ImgProps = ModifiedImageProps &
-  Omit<ImageProps, OmittedImageProps> &
-  Omit<React.ImgHTMLAttributes<HTMLImageElement>, OmittedImageProps>
-
-export type TLink = {
-  label: string
-  href: string
-  Icon?: LucideIcon | React.ComponentType<React.HTMLAttributes<SVGElement>>
-  external?: boolean
-}
-
-export type Author = {
-  name: string
-  url: string
-}
-export type TImage = {
-  src: string
-  alt: string
-  width?: number
-  height?: number
-}
-// nav data
-export type TnavData = {
-  logo?: TImage
-  showTitle: boolean
-  title: string
-  links: TLink[]
-  iconButtons: TLink[]
-}
-type TSimpleFooterText = {
-  pretext: string
-  label: string
-  url: string
-}
-export type TSimpleFooterData = {
-  texts: TSimpleFooterText[]
-  socialLinks: TLink[]
-}
-
-export type MetadataColor = {
-  light: string
-  dark: string
-}
-// site data types
-export type TSiteData = {
-  favicon: string
-  name: string
-  shortName: string
-  publisher: string
-  baseUrl: string
-  description: string
-  ogImage: TImage
-  metadata_color: MetadataColor
-  author: Author
-  keywords: string[]
-  robotsDefault: string
-}
-export type TtwitterMetaData = {
-  card: 'summary_large_image'
-  title: string
-  description: string
-  images: string
-  creator: string
-}
-export type TMetadataIcons = {
-  icon: string
-  shortcut: string
-  apple: string
-}