@ardly/bunext 1.0.6 → 1.0.7

package/src/actions/placeholder.ts

@@ -1,30 +0,0 @@
-'use server';
-import { promises as fs } from 'node:fs';
-import path from 'node:path';
-import sharp from 'sharp';
-function bufferToBase64(buffer: Buffer): string {
-    return `data:image/png;base64,${buffer.toString('base64')}`;
-}
-async function getFileBufferLocal(src: string) {
-    const realsrc = path.join(process.cwd(), 'public', src);
-    return fs.readFile(realsrc);
-}
-async function getFileBufferRemote(url: string) {
-    const response = await fetch(url);
-    return Buffer.from(await response.arrayBuffer());
-}
-function getFileBuffer(src: string) {
-    const isRemote = src.startsWith('http');
-    return isRemote ? getFileBufferRemote(src) : getFileBufferLocal(src);
-}
-export async function getPlaceholderImage(src: string) {
-    try {
-        const originalBuffer = await (src.startsWith('http')
-            ? getFileBuffer(src)
-            : getFileBufferLocal(src));
-        const resizedBuffer = await sharp(originalBuffer).resize(20).toBuffer();
-        return bufferToBase64(resizedBuffer);
-    } catch {
-        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mOsa2yqBwAFCAICLICSyQAAAABJRU5ErkJggg==';
-    }
-}

package/src/actions/sampleAction.ts

@@ -1,39 +0,0 @@
-'use server'
-// https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations
-import { revalidatePath } from 'next/cache'
-import { redirect } from 'next/navigation'
-
-export async function createSampleItem(formData: FormData) {
-  try {
-    const rawFormData = {
-      title: formData.get('title'),
-      description: formData.get('description'),
-    }
-
-    // Sample validation
-    if (!rawFormData.title || !rawFormData.description) {
-      throw new Error('Title and description are required')
-    }
-
-    // Here you would typically:
-    // 1. Validate the data
-    // 2. Insert into database
-    // 3. Handle any errors
-
-    // Sample success path
-    revalidatePath('/items') // Revalidate the items list
-    redirect('/items') // Redirect to items page
-  } catch (error) {
-    // Handle errors appropriately
-    if (error instanceof Error) {
-      return {
-        success: false,
-        error: error.message,
-      }
-    }
-    return {
-      success: false,
-      error: 'Something went wrong',
-    }
-  }
-}

package/src/app/(index)/intr/TestCard.tsx

@@ -1,31 +0,0 @@
-'use client'
-import { useIntersection } from '@/hooks/use-intersection'
-import { cn } from '@/lib/utils'
-
-type TTestCard = {
-  className?: string
-  index: number
-}
-
-export function TestCard({ className, index }: TTestCard) {
-  const { ref, isInView } = useIntersection({ threshold: 0.2, once: true })
-  return (
-    <div
-      ref={ref}
-      className={cn(
-        'w-full max-w-md rounded-lg bg-muted/45 p-6 shadow-lg transition-opacity duration-500',
-        isInView
-          ? 'motion-scale-in-[0.41] motion-translate-x-in-[2%] motion-translate-y-in-[111%] motion-blur-in-[60px] motion-delay-75'
-          : 'opacity-0',
-        className
-      )}
-    >
-      <h2 className="mb-4 text-2xl font-semibold">Card {index + 1}</h2>
-      <p className="text-muted-foreground">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
-        tempfwfor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-        veniam.
-      </p>
-    </div>
-  )
-}

package/src/app/(index)/intr/page.tsx

@@ -1,17 +0,0 @@
-import { TestCard } from './TestCard'
-
-export default function Page() {
-  // Simulate a production error
-
-  return (
-    <main className="container mx-auto">
-      <div className="flex flex-col items-center gap-8 py-12">
-        <h1 className="text-4xl font-bold">Scroll Intersection Example</h1>
-
-        {Array.from({ length: 20 }).map((_, i) => (
-          <TestCard key={i} index={i} />
-        ))}
-      </div>
-    </main>
-  )
-}

package/src/app/(index)/page.tsx

@@ -1,156 +0,0 @@
-import { ArrowRightLeft, Github, Plus, Rocket } from 'lucide-react'
-
-import { Button } from '@/components/ui/button'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { TransitionLink } from '@/components/utils/TransitionLink'
-import {
-  AppWindow,
-  Flag,
-  Layers,
-  Moon,
-  Palette,
-  Search,
-  ShieldCheck,
-  SlidersHorizontal,
-  Type,
-  Wand2,
-  Zap,
-} from 'lucide-react'
-import { TestComponent } from '@/components/TestComp'
-
-export default function Home() {
-  const features = [
-    {
-      title: 'Next.js 15 App Directory',
-      icon: AppWindow,
-      description:
-        'Utilizing the latest Next.js features for optimal performance.',
-    },
-    {
-      title: 'Tailwind CSS',
-      icon: Palette,
-      description: 'Utility-first CSS framework for rapid UI development.',
-    },
-    {
-      title: 'Shadcn Components',
-      icon: Layers,
-      description:
-        'Beautiful and accessible components built with Radix UI and Tailwind CSS.',
-    },
-    {
-      title: 'Custom Font Optimization',
-      icon: Type,
-      description: 'Using Next Font for optimized font loading and display.',
-    },
-    {
-      title: 'Lucide React Icons',
-      icon: Zap,
-      description: 'Beautiful, consistent, and customizable icons.',
-    },
-    {
-      title: 'Next Theme Provider',
-      icon: Moon,
-      description: 'Easy implementation of dark and light mode.',
-    },
-    {
-      title: 'Metadata Generator',
-      icon: Search,
-      description: 'SEO optimization including apple-touch-icon generation.',
-    },
-    {
-      title: 'Feature Flags',
-      icon: Flag,
-      description: 'Implement and manage feature toggles with ease.',
-    },
-    {
-      title: 'Zod Validation',
-      icon: ShieldCheck,
-      description:
-        'Runtime type checking and validation for JavaScript and TypeScript.',
-    },
-    {
-      title: 'Page Transitions',
-      icon: ArrowRightLeft,
-      description:
-        'Per-link page transitions without any additional libraries.',
-    },
-    {
-      title: 'Fluid Tailwind',
-      icon: Wand2,
-      description: 'Easier responsive design with fluid utilities.',
-    },
-    {
-      title: 'Biome',
-      icon: SlidersHorizontal,
-      description:
-        'Modern linting and formatting for JavaScript and TypeScript.',
-    },
-    {
-      title: 'Utility Functions',
-      icon: SlidersHorizontal,
-      description:
-        'QR code generation, string shortening, unique code generation, and more.',
-    },
-  ]
-
-  return (
-    <div className="container mx-auto px-4 py-8">
-      <section className="mb-12 text-center">
-        <h1 className="motion-preset-bounce mb-4 font-clash text-5xl font-medium tracking-tight motion-duration-500">
-          Next.js 15 Bun Starter Template
-        </h1>
-        <p className="motion-preset-bounce mx-auto mb-8 max-w-2xl text-xl text-muted-foreground motion-duration-500">
-          Jumpstart your Next.js projects with this feature-packed starter
-          template. Built with performance, accessibility, and developer
-          experience in mind.
-        </p>
-        <Button
-          size="sm"
-          asChild
-          className="motion-scale-in-[0.5] motion-translate-x-in-[-120%] motion-translate-y-in-[-60%] motion-rotate-in-[-1080deg] motion-blur-in-[10px] motion-opacity-in-[33%] motion-duration-[0.15s]/blur motion-duration-[0.38s]/opacity motion-duration-[1.20s]/rotate motion-delay-[0.38s]/scale motion-delay-[0.60s]/blur motion-ease-spring-bouncier"
-        >
-          <TransitionLink href="/pagetr" className="flex items-center gap-2">
-            <ArrowRightLeft className="h-4 w-4" />
-            <span className="">Page Transition</span>
-          </TransitionLink>
-        </Button>
-      </section>
-      <section className="grid gap-6 motion-scale-in-[0.5] motion-translate-x-in-[39%] motion-translate-y-in-[84%] motion-rotate-in-[8deg] motion-blur-in-[5px] motion-opacity-in-[0%] motion-duration-[0.35s] motion-duration-[0.53s]/scale motion-duration-[0.53s]/translate motion-duration-[0.63s]/rotate sm:grid-cols-2 lg:grid-cols-3">
-        {features.map((feature, index) => (
-          <Card key={index}>
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <feature.icon className="h-8 w-8" />
-                {feature.title}
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <CardDescription>{feature.description}</CardDescription>
-            </CardContent>
-          </Card>
-        ))}
-        <Card className="text-foreground/30">
-          <CardHeader></CardHeader>
-          <CardContent className="text-center">
-            <div className="-ml-3 flex items-center justify-center gap-2">
-              <Plus className="h-8 w-8" />
-              <h1 className="text-2xl font-bold">Loading?..</h1>
-            </div>
-            <CardDescription className="text-foreground/30">
-              More features coming soon... *probably
-            </CardDescription>
-          </CardContent>
-        </Card>
-      </section>
-      <section className="grid place-items-center py-6">
-        <TestComponent></TestComponent>
-      </section>
-    </div>
-  )
-}

package/src/app/(index)/pagetr/page.tsx

@@ -1,37 +0,0 @@
-import { AppWindow, ArrowRightLeft } from 'lucide-react'
-
-import { Button } from '@/components/ui/button'
-
-import { TransitionLink } from '@/components/utils/TransitionLink'
-import Link from 'next/link'
-
-export default function PageTr() {
-  return (
-    <div className="container mx-auto flex flex-col items-center px-4 py-8">
-      <h1 className="mb-4 font-clash text-4xl font-medium tracking-tight lg:text-5xl">
-        Transition Test page
-      </h1>
-      <div className="mb-8 text-center">
-        <div className="mb-4">
-          <p className="mx-auto max-w-2xl text-xl text-muted-foreground">
-            to edit the transion duration go to{' '}
-          </p>
-          <code>src/components/utils/TransitionLink.tsx</code>
-        </div>
-        <div>
-          <p className="mx-auto max-w-2xl text-xl text-muted-foreground">
-            to edit the transion styling go to{' '}
-          </p>
-          <code>src/styles/customGlobal.css</code>
-        </div>
-      </div>
-
-      <Button size="sm" asChild>
-        <TransitionLink href="/" className="flex items-center gap-2">
-          <ArrowRightLeft className="h-4 w-4" />
-          <span className="">Home</span>
-        </TransitionLink>
-      </Button>
-    </div>
-  )
-}

package/src/app/error-wrapper.tsx

@@ -1,32 +0,0 @@
-'use client'
-// this is used to simulate an error in the production environment to check global error handling
-import '@/styles/globals.css'
-import '@/styles/customGlobal.css'
-import { useState } from 'react'
-import { Button } from '@/components/ui/button'
-
-interface Props {
-  children: React.ReactNode
-}
-
-const ErrorSimulator = ({
-  message = 'This is a simulated error',
-}: {
-  message?: string
-}) => {
-  const [error, setError] = useState(false)
-  if (error) throw new Error(message)
-
-  return <Button onClick={() => setError(true)}>Simulate Error</Button>
-}
-
-const ErrorWrapper = ({ children }: Props) => {
-  return (
-    <div>
-      {children}
-      <ErrorSimulator />
-    </div>
-  )
-}
-
-export default ErrorWrapper

package/src/app/global-error.tsx

@@ -1,53 +0,0 @@
-'use client'
-// https://nextjs.org/docs/app/building-your-application/routing/error-handling
-import { RefreshCcw } from 'lucide-react'
-import { Button } from '@/components/ui/button'
-import '@/styles/globals.css'
-import '@/styles/customGlobal.css'
-import { Metadata } from 'next'
-import { siteData } from '@/lib/data/siteData'
-
-export const metadata: Metadata = {
-  title: `:( Error / ${siteData.name}`,
-  description: `An Error Occurred :( // ${siteData.name}`,
-}
-
-export default function GlobalError({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string }
-  reset: () => void
-}) {
-  return (
-    <html lang="en" className="dark">
-      <body>
-        <div className="flex min-h-screen flex-col items-center justify-center motion-blur-in-[50px]">
-          <h1 className="motion-preset-seesaw text-9xl font-bold">500</h1>
-          <h2 className="text-2xl font-bold">
-            {error.message || 'Something went wrong!'}
-          </h2>
-          <div className="flex flex-wrap items-center justify-center gap-2">
-            <p className="mt-2">We apologize for the inconvenience</p>
-            {error.digest && (
-              <code className="mt-2 rounded-md border bg-muted/50 p-2 text-sm">
-                Error ID: {error.digest}
-              </code>
-            )}
-          </div>
-          <div className="flex flex-wrap items-center justify-center gap-4">
-            <Button className="group mt-10" onClick={() => reset()}>
-              <RefreshCcw
-                className="-ms-1 opacity-60 transition-transform duration-500 group-hover:rotate-180"
-                size={16}
-                strokeWidth={2}
-                aria-hidden="true"
-              />
-              Refresh
-            </Button>
-          </div>
-        </div>
-      </body>
-    </html>
-  )
-}

package/src/app/layout.tsx

@@ -1,56 +0,0 @@
-import type { Metadata, Viewport } from 'next'
-import { siteMetaData, viewportData } from '@/lib/config/siteConfig'
-// metadata
-export const metadata: Metadata = siteMetaData
-export const viewport: Viewport = viewportData
-// css
-import '@/styles/globals.css'
-import '@/styles/customGlobal.css'
-// utilities
-import { cn } from '@/lib/utils'
-import { fonts } from '@/styles/tailwind/fonts'
-// providers
-import { RootProvider } from '@/components/Providers/root-provider'
-// components
-import { SiteHeader } from '@/components/navigation/site-header'
-import { FeatureFlag } from '@/components/utils/featureFlag'
-import { ModeSelector } from '@/components/ui/themeSelector'
-import { SimpleFooter } from '@/components/navigation/footer'
-import { ScrollToTopButton } from '@/components/utils/TopButton'
-// import { Suspense } from "react";
-// import Loading from "./loading";
-// import ErrorWrapper from "./error-wrapper";
-// this is used to simulate an error in the production environment to check global error handling
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode
-}>) {
-  return (
-    <html lang="en">
-      <body className={cn('page-transition-easing font-sans', fonts)}>
-        <RootProvider>
-          <div data-wrapper="" className="">
-            <div className="mx-auto flex min-h-screen w-full flex-col border-border/40 dark:border-border min-[1800px]:max-w-[1536px] min-[1800px]:border-x">
-              <SiteHeader />
-              <main className="flex-1">
-                {/* <Suspense fallback={<Loading />}>{children}</Suspense> */}
-                {children}
-              </main>
-              <SimpleFooter className="mt-auto" />
-            </div>
-          </div>
-          {/* checks if theme and theme button feature flags are enabled */}
-          <FeatureFlag featureFlag={['NEXT_THEME', 'THEME_BUTTON']}>
-            <ModeSelector
-              className="fixed bottom-2 right-2 z-50"
-              iconClassName="size-3"
-            />
-          </FeatureFlag>
-          <ScrollToTopButton className="fixed bottom-12 right-4" />
-        </RootProvider>
-      </body>
-    </html>
-  )
-}

package/src/app/loading.tsx

@@ -1,11 +0,0 @@
-// https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming
-export default function RootLoading() {
-  return (
-    <div className="fixed left-1/2 top-1/2 -translate-x-[50%] -translate-y-[50%]">
-      <div className="flex flex-col items-center">
-        <img src="/loading-dots.gif" alt="Loading" className="size-12" />
-        <p className="animate-pulse text-sm font-medium">Just a moment...</p>
-      </div>
-    </div>
-  )
-}

package/src/app/not-found.tsx

@@ -1,45 +0,0 @@
-'use client'
-// https://nextjs.org/docs/app/api-reference/file-conventions/not-found
-
-import Link from 'next/link'
-import { usePathname } from 'next/navigation'
-// icons
-import { ArrowLeft } from 'lucide-react'
-// components
-import { Button } from '@/components/ui/button'
-export default function NotFound() {
-  const pathname = usePathname()
-  return (
-    <div className="flex min-h-screen flex-col items-center justify-center motion-blur-in-[50px]">
-      <h1 className="motion-preset-seesaw text-9xl font-bold">404</h1>
-      <h2 className="text-2xl font-bold">Page Not Found</h2>
-      <div className="flex flex-wrap items-center justify-center gap-2">
-        <p className="mt-2">Sorry, we couldn&apos;t find</p>
-        <code className="mt-2 rounded-md border bg-muted/50 p-2 text-sm">
-          &quot;{pathname}&quot;
-        </code>
-      </div>
-      <div className="flex flex-wrap items-center justify-center gap-4">
-        {/* {hasPreviousPath && (
-          <Button className="mt-10" asChild>
-            <Link href="/">
-              <ArrowLeft />
-              Go back
-            </Link>
-          </Button>
-        )} */}
-        <Button className="group mt-10" asChild>
-          <Link href="/">
-            <ArrowLeft
-              className="-ms-1 opacity-60 transition-transform group-hover:-translate-x-0.5"
-              size={16}
-              strokeWidth={2}
-              aria-hidden="true"
-            />
-            Return to Home
-          </Link>
-        </Button>
-      </div>
-    </div>
-  )
-}

package/src/app/sitemap.ts

@@ -1,14 +0,0 @@
-import type { MetadataRoute } from 'next'
-import { remoteUrl } from '@/lib/config/siteConfig'
-// for more info:
-// https://nextjs.org/docs/app/api-reference/file-conventions/metadata/sitemap
-export default function sitemap(): MetadataRoute.Sitemap {
-  return [
-    {
-      url: remoteUrl,
-      lastModified: new Date(),
-      changeFrequency: 'monthly',
-      priority: 1,
-    },
-  ]
-}

package/src/components/Providers/root-provider.tsx

@@ -1,22 +0,0 @@
-import { FEATURE_FLAGS } from '@/lib/config/featureflags'
-
-import { ThemeProvider } from '@/components/Providers/theme-provider'
-import { NuqsAdapter } from 'nuqs/adapters/next/app'
-import { Toaster } from '@/components/ui/toaster'
-
-export function RootProvider({
-  children,
-}: Readonly<{
-  children: React.ReactNode
-}>) {
-  return (
-    <>
-      <NuqsAdapter>
-        <ThemeProvider disableTransitionOnChange>
-          {children}
-          <Toaster />
-        </ThemeProvider>
-      </NuqsAdapter>
-    </>
-  )
-}

package/src/components/Providers/theme-provider.tsx

@@ -1,27 +0,0 @@
-'use client'
-
-import { FEATURE_FLAGS } from '@/lib/config/featureflags'
-import { ThemeProvider as NextThemesProvider } from 'next-themes'
-import type * as React from 'react'
-
-type Theme = 'light' | 'dark' | 'system'
-
-export function ThemeProvider({
-  children,
-  ...props
-}: React.ComponentProps<typeof NextThemesProvider>) {
-  const defaultTheme = FEATURE_FLAGS.DEFAULT_THEME as Theme
-  if (!FEATURE_FLAGS.NEXT_THEME) return <>{children}</>
-  return (
-    <NextThemesProvider
-      defaultTheme={defaultTheme}
-      enableSystem={defaultTheme === 'system'}
-      attribute="class"
-      disableTransitionOnChange
-      enableColorScheme={false}
-      {...props}
-    >
-      {children}
-    </NextThemesProvider>
-  )
-}

package/src/components/TestComp.tsx

@@ -1,11 +0,0 @@
-'use client'
-import { cn, getPlaceholder } from '@/lib/utils'
-import Image from 'next/image'
-
-type TTestComponent = {
-  className?: string
-}
-
-export function TestComponent({ className }: TTestComponent) {
-  return <div className={cn('', className)}></div>
-}

package/src/components/brand.tsx

@@ -1,35 +0,0 @@
-import type { LinkProps } from 'next/link'
-
-import Link from 'next/link'
-
-import { cn } from '@/lib/utils'
-import { Img } from '@/components/utils/Img'
-
-type TLogo = LinkProps & {
-  className?: string
-  href?: string
-  iconClassName?: string
-  height?: number
-  width?: number
-}
-
-export function Logo({
-  className,
-  href,
-  iconClassName,
-  height,
-  width,
-  ...props
-}: TLogo) {
-  return (
-    <Link href={href || '/'} {...props} className={cn('', className)}>
-      <Img
-        height={height || 32}
-        src="/logo.svg"
-        width={width || 185}
-        alt="logo"
-        className={iconClassName}
-      />
-    </Link>
-  )
-}

package/src/components/navigation/footer.tsx

@@ -1,32 +0,0 @@
-import { simpleFooterData } from '@/lib/data/footer-data'
-import { cn } from '@/lib/utils'
-export function SimpleFooter({ className }: { className?: string }) {
-  return (
-    <footer
-      className={cn(
-        'max-h-24 border-t border-border/40 py-6 dark:border-border md:px-8 md:py-0',
-        className
-      )}
-    >
-      <div className="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row md:px-0">
-        {simpleFooterData?.texts.map((item, index) => (
-          <p
-            className="text-balance text-center text-sm leading-loose text-muted-foreground md:text-left"
-            key={index}
-          >
-            {item.pretext}{' '}
-            <a
-              href={item.url}
-              target="_blank"
-              rel="noreferrer"
-              className="font-medium underline-offset-4 hover:underline"
-            >
-              {item.label}
-            </a>
-            .
-          </p>
-        ))}
-      </div>
-    </footer>
-  )
-}