@ardly/bunext 1.0.6 → 1.0.7

package/src/hooks/use-meta-color.ts

@@ -1,25 +0,0 @@
-import { useTheme } from 'next-themes'
-import * as React from 'react'
-
-import { siteData } from '@/lib/data/siteData'
-const META_THEME_COLORS = siteData.metadata_color
-export function useMetaColor() {
-  const { resolvedTheme } = useTheme()
-
-  const metaColor = React.useMemo(() => {
-    return resolvedTheme !== 'dark'
-      ? META_THEME_COLORS.light
-      : META_THEME_COLORS.dark
-  }, [resolvedTheme])
-
-  const setMetaColor = React.useCallback((color: string) => {
-    document
-      .querySelector('meta[name="theme-color"]')
-      ?.setAttribute('content', color)
-  }, [])
-
-  return {
-    metaColor,
-    setMetaColor,
-  }
-}

package/src/hooks/use-toast.ts

@@ -1,191 +0,0 @@
-'use client'
-
-// Inspired by react-hot-toast library
-import * as React from 'react'
-
-import type { ToastActionElement, ToastProps } from '@/components/ui/toast'
-
-const TOAST_LIMIT = 1
-const TOAST_REMOVE_DELAY = 1000000
-
-type ToasterToast = ToastProps & {
-  id: string
-  title?: React.ReactNode
-  description?: React.ReactNode
-  action?: ToastActionElement
-}
-
-const actionTypes = {
-  ADD_TOAST: 'ADD_TOAST',
-  UPDATE_TOAST: 'UPDATE_TOAST',
-  DISMISS_TOAST: 'DISMISS_TOAST',
-  REMOVE_TOAST: 'REMOVE_TOAST',
-} as const
-
-let count = 0
-
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER
-  return count.toString()
-}
-
-type ActionType = typeof actionTypes
-
-type Action =
-  | {
-      type: ActionType['ADD_TOAST']
-      toast: ToasterToast
-    }
-  | {
-      type: ActionType['UPDATE_TOAST']
-      toast: Partial<ToasterToast>
-    }
-  | {
-      type: ActionType['DISMISS_TOAST']
-      toastId?: ToasterToast['id']
-    }
-  | {
-      type: ActionType['REMOVE_TOAST']
-      toastId?: ToasterToast['id']
-    }
-
-interface State {
-  toasts: ToasterToast[]
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
-
-const addToRemoveQueue = (toastId: string) => {
-  if (toastTimeouts.has(toastId)) {
-    return
-  }
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId)
-    dispatch({
-      type: 'REMOVE_TOAST',
-      toastId: toastId,
-    })
-  }, TOAST_REMOVE_DELAY)
-
-  toastTimeouts.set(toastId, timeout)
-}
-
-export const reducer = (state: State, action: Action): State => {
-  switch (action.type) {
-    case 'ADD_TOAST':
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-      }
-
-    case 'UPDATE_TOAST':
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t
-        ),
-      }
-
-    case 'DISMISS_TOAST': {
-      const { toastId } = action
-
-      // ! Side effects ! - This could be extracted into a dismissToast() action,
-      // but I'll keep it here for simplicity
-      if (toastId) {
-        addToRemoveQueue(toastId)
-      } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id)
-        })
-      }
-
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t
-        ),
-      }
-    }
-    case 'REMOVE_TOAST':
-      if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        }
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId),
-      }
-  }
-}
-
-const listeners: Array<(state: State) => void> = []
-
-let memoryState: State = { toasts: [] }
-
-function dispatch(action: Action) {
-  memoryState = reducer(memoryState, action)
-  listeners.forEach((listener) => {
-    listener(memoryState)
-  })
-}
-
-type Toast = Omit<ToasterToast, 'id'>
-
-function toast({ ...props }: Toast) {
-  const id = genId()
-
-  const update = (props: ToasterToast) =>
-    dispatch({
-      type: 'UPDATE_TOAST',
-      toast: { ...props, id },
-    })
-  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id })
-
-  dispatch({
-    type: 'ADD_TOAST',
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss()
-      },
-    },
-  })
-
-  return {
-    id: id,
-    dismiss,
-    update,
-  }
-}
-
-function useToast() {
-  const [state, setState] = React.useState<State>(memoryState)
-
-  React.useEffect(() => {
-    listeners.push(setState)
-    return () => {
-      const index = listeners.indexOf(setState)
-      if (index > -1) {
-        listeners.splice(index, 1)
-      }
-    }
-  }, [state])
-
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),
-  }
-}
-
-export { useToast, toast }

package/src/lib/config/featureflags.ts

@@ -1,63 +0,0 @@
-import { murmurhash } from '@/lib/utils'
-import type { User, UserRole } from '@/lib/config/user'
-
-export type FeatureFlagName = keyof typeof FEATURE_FLAGS
-// type for multiple allowances
-type FeatureFlagRule = {
-  percentageOfUsers?: number
-  userRoles?: UserRole[]
-} & (
-  | {
-      percentageOfUsers: number
-    }
-  | { userRoles: UserRole[] }
-)
-
-export const FEATURE_FLAGS = {
-  NEXT_THEME: true,
-  THEME_BUTTON: true, //flase will remove the theme selector button thus not allowing the user to change the theme
-  DEFAULT_THEME: 'system', // "system | dark | light" only works if NEXT_THEME is true
-
-  // example of multiple allowances
-  // 25% of users can see this feature
-  SAMPLE_MULTIPLE_ALLOWANCES: [
-    { percentageOfUsers: 0.25, userRoles: ['user'] },
-    { userRoles: ['admin', 'tester'] },
-  ],
-} as const satisfies Record<string, FeatureFlagRule[] | boolean | string>
-
-export function canViewFeature(featureName: FeatureFlagName, user: User) {
-  const rules = FEATURE_FLAGS[featureName]
-  if (typeof rules === 'boolean') return rules
-  if (typeof rules === 'string') return rules
-  return rules.some((rule) => checkRule(rule, featureName, user))
-}
-
-function checkRule(
-  { userRoles, percentageOfUsers }: FeatureFlagRule,
-  featureName: FeatureFlagName,
-  user: User
-) {
-  return (
-    userHasValidRole(userRoles, user.role) &&
-    userIsWithinPercentage(featureName, percentageOfUsers, user.id)
-  )
-}
-
-function userHasValidRole(
-  allowedRoles: UserRole[] | undefined,
-  userRole: UserRole
-) {
-  return allowedRoles == null || allowedRoles.includes(userRole)
-}
-
-const MAX_UINT_32 = 4294967295
-function userIsWithinPercentage(
-  featureName: FeatureFlagName,
-  allowedPercent: number | undefined,
-  flagId: string
-) {
-  if (allowedPercent == null) return true
-
-  return murmurhash(`${featureName}-${flagId}`) / MAX_UINT_32 < allowedPercent
-}

package/src/lib/config/siteConfig.ts

@@ -1,172 +0,0 @@
-import type { Metadata, Viewport } from 'next'
-import type { StaticImageData } from 'next/image'
-
-import { icons, siteData, twitterMetaData as twData } from '@/lib/data/siteData'
-import packageJson from '../../../package.json'
-
-// gets the full remote url
-export const remoteUrl = siteData.baseUrl?.startsWith('https://')
-  ? siteData.baseUrl
-  : `https://${siteData.baseUrl?.toLowerCase()}`
-
-export const viewportData: Viewport = {
-  themeColor: [
-    {
-      media: '(prefers-color-scheme: light)',
-      color: siteData.metadata_color.light,
-    },
-    {
-      media: '(prefers-color-scheme: dark)',
-      color: siteData.metadata_color.dark,
-    },
-  ],
-}
-// Metadata
-
-export const siteMetaData: Metadata = {
-  // title: {
-  // 	default: siteData.name,
-  // 	template: `%s / ${siteData.name}`,
-  // },
-  title: siteData.name,
-  description: siteData.description,
-  robots: siteData.robotsDefault, //  { index: false, follow: false }
-  publisher: siteData.publisher,
-  metadataBase: new URL(remoteUrl),
-  keywords: siteData.keywords,
-  authors: [
-    {
-      name: siteData.author.name,
-      url: siteData.author.url,
-    },
-  ],
-  creator: siteData.author.name,
-  // og metadata
-  openGraph: {
-    type: 'website',
-    locale: 'en_US',
-    url: remoteUrl,
-    siteName: siteData.baseUrl,
-    title: siteData.name,
-    description: siteData.description,
-    images: [
-      {
-        url: siteData.ogImage.src,
-        width: siteData.ogImage.width,
-        height: siteData.ogImage.height,
-        alt: siteData.ogImage.alt,
-      },
-    ],
-  },
-  // twitter metadata
-  twitter: {
-    card: 'summary_large_image',
-    title: twData.title,
-    description: twData.description,
-    site: `@${siteData.publisher}`,
-    images: [twData.images],
-    creator: twData.creator,
-  },
-  alternates: {
-    canonical: remoteUrl,
-  },
-
-  icons: icons,
-  manifest: `${remoteUrl}/site.webmanifest`,
-}
-
-type TAuthor = {
-  name: string
-  url: string
-}
-type TgetCustomMetaData = {
-  title: string
-  description?: string
-  publisher?: string
-  url?: string
-  keywords?: string[]
-  authors?: TAuthor[]
-  creator?: string
-  twCreator?: string
-  titleSuffix?: boolean
-  shortSuffix?: boolean
-  ogTitleSuffix?: boolean
-  longogTitleSuffix?: boolean
-  ogImage?: string | StaticImageData
-  robots?: 'index, follow' | 'noindex, nofollow'
-}
-
-// helpful for defining custom metadata for pages without clutter
-export function getCustomMetaData({
-  title,
-  description,
-  publisher,
-  url,
-  keywords,
-  authors,
-  creator,
-  twCreator,
-  titleSuffix = true,
-  shortSuffix,
-  ogTitleSuffix = true,
-  longogTitleSuffix,
-  ogImage,
-  robots = 'index, follow',
-}: TgetCustomMetaData) {
-  const suffix = shortSuffix ? siteData.shortName : siteData.name
-  const customTitle = titleSuffix ? `${title} / ${suffix}` : title
-
-  const ogSuffix = longogTitleSuffix ? siteData.name : siteData.shortName
-  const ogTitle = ogTitleSuffix ? `${title} / ${ogSuffix}` : title
-
-  const md: Metadata = {
-    title: customTitle,
-    description: description || siteData.description,
-
-    robots: robots || siteData.robotsDefault, //  { index: false, follow: false }
-    publisher: publisher || siteData.publisher,
-    metadataBase: new URL(url || remoteUrl),
-    keywords: keywords || siteData.keywords,
-    authors: authors || [
-      {
-        name: siteData.author.name,
-        url: siteData.author.url,
-      },
-    ],
-    creator: creator || siteData.author.name,
-    // og metadata
-    openGraph: {
-      type: 'website',
-      locale: 'en_US',
-      url: url || remoteUrl,
-      siteName: siteData.baseUrl,
-      title: ogTitle,
-      description: description || siteData.description,
-      images: {
-        url:
-          typeof ogImage === 'string'
-            ? ogImage
-            : ogImage?.src || siteData.ogImage.src,
-        width: siteData.ogImage.width,
-        height: siteData.ogImage.height,
-      },
-    },
-    twitter: {
-      card: 'summary_large_image',
-      title: twData.title,
-      description: twData.description,
-      site: `@${publisher || siteData.publisher}`,
-      images:
-        typeof ogImage === 'string'
-          ? ogImage
-          : ogImage?.src || siteData.ogImage.src,
-      creator: twCreator || twData.creator,
-    },
-    alternates: {
-      canonical: remoteUrl,
-    },
-    icons: icons,
-    manifest: `${remoteUrl}/site.webmanifest`,
-  }
-  return md
-}

package/src/lib/config/user.ts

@@ -1,9 +0,0 @@
-export type UserRole = 'admin' | 'tester' | 'user'
-export type User = {
-  id: string
-  role: UserRole
-}
-
-export function getUser() {
-  return { id: 'x', role: 'user' } as User
-}

package/src/lib/data/footer-data.ts

@@ -1,85 +0,0 @@
-import { Icons } from '@/components/utils/icons'
-import type { TSimpleFooterData } from '@/types'
-
-export const footerData = {
-  company: {
-    logo: '/fac',
-    name: 'Bunext',
-    description: '',
-  },
-  sections: [
-    {
-      title: 'Useful Links',
-      links: [
-        { label: 'Privacy Policy', url: '/privacy-policy' },
-        { label: 'Terms of Use', url: '/terms-of-use' },
-        { label: 'Contact Us', url: '/contact' },
-      ],
-    },
-    {
-      title: 'Contact info',
-      links: [
-        { label: 'Email', url: 'mailto:support@zen.com' },
-        { label: 'Phone', url: 'tel:+1234567890' },
-        { label: 'Address', url: '1234 Main St, Anytown, USA' },
-      ],
-    },
-  ],
-  bottom: {
-    copyright: `© ${new Date().getFullYear()}`, // © 2024
-    copyrightLink: {
-      label: 'Zenetic Esports',
-      url: 'https://zeneticesports.com/',
-    },
-    otherLinks: [{ label: 'Privacy Policy', url: '/privacy-policy' }],
-    socialLinks: [
-      {
-        platform: 'Facebook',
-        icon: 'ri:facebook-fill',
-        url: 'https://www.facebook.com',
-      },
-      {
-        platform: 'YouTube',
-        icon: 'basil:youtube-solid',
-        url: 'https://www.youtube.com',
-      },
-      {
-        platform: 'LinkedIn',
-        icon: 'basil:linkedin-solid',
-        url: 'https://www.linkedin.com',
-      },
-      {
-        platform: 'Instagram',
-        icon: 'basil:instagram-outline',
-        url: 'https://www.instagram.com',
-      },
-      {
-        platform: 'X (formerly Twitter)',
-        icon: 'hugeicons:new-twitter',
-        url: 'https://www.twitter.com',
-      },
-    ],
-  },
-}
-
-export const simpleFooterData: TSimpleFooterData = {
-  texts: [
-    {
-      pretext: 'Built by',
-      label: 'Farhan Ashhab Nur (@darkidop)',
-      url: 'https://github.com/darkidop',
-    },
-    {
-      pretext: 'The source code is available on',
-      label: 'GitHub',
-      url: 'https://github.com/DarkidOP/Bunext',
-    },
-  ],
-  socialLinks: [
-    {
-      label: 'Github',
-      Icon: Icons.gitHub,
-      href: 'https://github.com/darkidop',
-    },
-  ],
-}

package/src/lib/data/nav-data.ts

@@ -1,30 +0,0 @@
-import type { TnavData } from '@/types'
-import { Icons } from '@/components/utils/icons'
-import { siteData } from '@/lib/data/siteData'
-
-export const navData: TnavData = {
-  title: siteData.shortName,
-  showTitle: true,
-  logo: {
-    src: '/logo.svg',
-    alt: 'logo',
-  },
-  links: [
-    {
-      label: 'Home',
-      href: '/',
-    },
-    {
-      label: 'Docs',
-      href: 'https://github.com/DarkidOP/Bunext?tab=readme-ov-file#bunext',
-      external: true,
-    },
-  ],
-  iconButtons: [
-    {
-      label: 'GitHub',
-      href: 'https://github.com/DarkidOP/Bunext',
-      Icon: Icons.gitHub,
-    },
-  ],
-}

package/src/lib/data/siteData.ts

@@ -1,52 +0,0 @@
-import type { TSiteData, TtwitterMetaData, TMetadataIcons } from '@/types'
-
-// edit the webmanifest file in /public to change the name, short_name, and icons in android
-// in webmanifest, theme_color is the color of the app icon's background and
-export const siteData: TSiteData = {
-  favicon: '/favicon.svg', // .svg / .ico / .png
-  name: 'BUNEXT - Next.js 15 Bun Starter',
-  shortName: 'BUNEXT',
-  publisher: 'bunext.ardastroid.com',
-  baseUrl: 'bunext.ardastroid.com',
-  description:
-    'BUNEXT is a Next.js 15 Bun Starter with Shadcn UI, Tailwind CSS, TypeScript, Zod, React Hook Form, React Email, Resend, and React Hot Toast.',
-  ogImage: { src: '/ogImage.webp', alt: 'Bunext', width: 1200, height: 630 },
-  metadata_color: {
-    light: '#fbf0df',
-    dark: '#fbf0df',
-  },
-  author: {
-    name: 'ardastroid',
-    url: 'https://ardastroid.com/',
-  },
-  keywords: [
-    'Next.js',
-    'React',
-    'Tailwind CSS',
-    'Bun',
-    'Shadcn UI',
-    'TypeScript',
-    'Zod',
-    'React Hook Form',
-    'React Email',
-    'Resend',
-    'React Hot To	ast',
-  ],
-
-  robotsDefault: 'index, follow', // { index: false, follow: false }
-}
-
-export const twitterMetaData: TtwitterMetaData = {
-  card: 'summary_large_image',
-  title: siteData.name,
-  description: siteData.description,
-  images: siteData.ogImage.src,
-  creator: '@darkidop', //twitter username of author
-}
-
-// By default, it uses the favicon mentioned at the top
-export const icons: TMetadataIcons = {
-  icon: siteData.favicon, // "/favicon.svg",
-  shortcut: siteData.favicon, // "/favicon-16x16.png",
-  apple: siteData.favicon, // "/apple-touch-icon.png",
-}