create-ej-app 12.0.0 → 14.0.0

package/template/old/src/components/icons.tsx

@@ -1,101 +0,0 @@
-import { cn } from '@/lib/cn'
-import {
-  ArrowDown,
-  ArrowRight,
-  ArrowUp,
-  ArrowUpDown,
-  Biohazard,
-  Check,
-  ChevronLeft,
-  ChevronRight,
-  ChevronsLeft,
-  ChevronsRight,
-  ClipboardList,
-  Edit,
-  EyeOff,
-  Laptop,
-  LayoutDashboard,
-  Loader2,
-  LogIn,
-  LogOut,
-  LucideIcon,
-  LucideProps,
-  Moon,
-  Plus,
-  PlusCircle,
-  Save,
-  Settings,
-  Settings2,
-  Sun,
-  Terminal,
-  Trash,
-  User,
-  X
-} from 'lucide-react'
-
-export type Icon = LucideIcon
-
-export const Icons = {
-  logo: Biohazard,
-  sun: Sun,
-  moon: Moon,
-  laptop: Laptop,
-  chevronLeft: ChevronLeft,
-  arrowRight: ArrowRight,
-  github: ({ ...props }: LucideProps) => (
-    <svg
-      aria-hidden="true"
-      focusable="false"
-      data-prefix="fab"
-      data-icon="github"
-      role="img"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 496 512"
-      {...props}
-      className={cn('fill-current', props.className)}
-    >
-      <path
-        fill="currentColor"
-        d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
-      ></path>
-    </svg>
-  ),
-  google: ({ ...props }: LucideProps) => (
-    <svg
-      aria-hidden="true"
-      focusable="false"
-      data-prefix="fab"
-      data-icon="google"
-      role="img"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 30 30"
-      {...props}
-      className={cn('fill-current', props.className)}
-    >
-      <path d="M 15.003906 3 C 8.3749062 3 3 8.373 3 15 C 3 21.627 8.3749062 27 15.003906 27 C 25.013906 27 27.269078 17.707 26.330078 13 L 25 13 L 22.732422 13 L 15 13 L 15 17 L 22.738281 17 C 21.848702 20.448251 18.725955 23 15 23 C 10.582 23 7 19.418 7 15 C 7 10.582 10.582 7 15 7 C 17.009 7 18.839141 7.74575 20.244141 8.96875 L 23.085938 6.1289062 C 20.951937 4.1849063 18.116906 3 15.003906 3 z"></path>
-    </svg>
-  ),
-  login: LogIn,
-  logout: LogOut,
-  user: User,
-  spinner: Loader2,
-  settings: Settings,
-  close: X,
-  add: Plus,
-  edit: Edit,
-  save: Save,
-  delete: Trash,
-  dashboard: LayoutDashboard,
-  task: ClipboardList,
-  arrowUp: ArrowUp,
-  arrowDown: ArrowDown,
-  arrowUpDown: ArrowUpDown,
-  eyeOff: EyeOff,
-  plusCircle: PlusCircle,
-  check: Check,
-  chevronsLeft: ChevronsLeft,
-  chevronsRight: ChevronsRight,
-  chevronRight: ChevronRight,
-  mixer: Settings2,
-  terminal: Terminal
-}

package/template/old/src/components/main-nav.tsx

@@ -1,64 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { useSelectedLayoutSegment } from 'next/navigation'
-import { FC, useState } from 'react'
-
-import { Icons } from '@/components/icons'
-import { MobileNav } from '@/components/mobile-nav'
-import { cn } from '@/lib/cn'
-import { siteConfig } from '@/lib/siteConfig'
-
-type MainNavItem = {
-  title: string
-  href: string
-  disabled?: boolean
-}
-
-type MainNavProps = {
-  logoLink?: string
-  items?: MainNavItem[]
-}
-
-export const MainNav: FC<MainNavProps> = ({ logoLink = '/', items }) => {
-  const [showMobileMenu, setShowMobileMenu] = useState(false)
-  const segment = useSelectedLayoutSegment()
-
-  return (
-    <div className="flex md:gap-10">
-      <Link href={logoLink} className="hidden items-center space-x-2 md:flex">
-        <Icons.logo />
-        <span className="hidden font-bold sm:inline-block">
-          {siteConfig.name}
-        </span>
-      </Link>
-      {items?.length ? (
-        <nav className="hidden gap-6 md:flex">
-          {items?.map((item, i) => (
-            <Link
-              key={i}
-              href={item.disabled ? '#' : item.href}
-              className={cn(
-                'flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm',
-                item.href.startsWith(`/${segment}`)
-                  ? 'text-foreground'
-                  : 'text-foreground/60',
-                item.disabled && 'cursor-not-allowed opacity-80'
-              )}
-            >
-              {item.title}
-            </Link>
-          ))}
-        </nav>
-      ) : undefined}
-      <button
-        className="flex items-center space-x-2 md:hidden"
-        onClick={() => setShowMobileMenu(prev => !prev)}
-      >
-        {showMobileMenu ? <Icons.close /> : <Icons.logo />}
-        <span className="font-bold">Menu</span>
-      </button>
-      {showMobileMenu && items?.length && <MobileNav items={items} />}
-    </div>
-  )
-}

package/template/old/src/components/mobile-nav.tsx

@@ -1,50 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-
-import { Icons } from '@/components/icons'
-import { useLockBody } from '@/hooks/use-lock-body'
-import { cn } from '@/lib/cn'
-import { siteConfig } from '@/lib/siteConfig'
-import { FC } from 'react'
-
-interface MobileNavProps {
-  items: {
-    title: string
-    href: string
-    disabled?: boolean
-  }[]
-}
-
-export const MobileNav: FC<MobileNavProps> = ({ items }) => {
-  useLockBody()
-
-  return (
-    <div
-      className={cn(
-        'fixed inset-0 top-16 z-50 grid h-[calc(100vh-4rem)] grid-flow-row auto-rows-max overflow-auto p-6 pb-32 shadow-md animate-in slide-in-from-bottom-80 md:hidden'
-      )}
-    >
-      <div className="relative z-20 grid gap-6 rounded-md bg-popover p-4 text-popover-foreground shadow-md">
-        <Link href="/" className="flex items-center space-x-2">
-          <Icons.logo />
-          <span className="font-bold">{siteConfig.name}</span>
-        </Link>
-        <nav className="grid grid-flow-row auto-rows-max text-sm">
-          {items.map((item, index) => (
-            <Link
-              key={index}
-              href={item.disabled ? '#' : item.href}
-              className={cn(
-                'flex w-full items-center rounded-md p-2 text-sm font-medium hover:underline',
-                item.disabled && 'cursor-not-allowed opacity-60'
-              )}
-            >
-              {item.title}
-            </Link>
-          ))}
-        </nav>
-      </div>
-    </div>
-  )
-}

package/template/old/src/components/shell.tsx

@@ -1,13 +0,0 @@
-import { FC } from 'react'
-
-import { cn } from '@/lib/cn'
-
-interface ShellProps extends React.HTMLAttributes<HTMLDivElement> {}
-
-export const Shell: FC<ShellProps> = ({ children, className, ...props }) => {
-  return (
-    <div className={cn('grid items-start gap-8 p-1', className)} {...props}>
-      {children}
-    </div>
-  )
-}

package/template/old/src/components/side-nav.tsx

@@ -1,51 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { usePathname } from 'next/navigation'
-
-import { Icons } from '@/components/icons'
-import { cn } from '@/lib/cn'
-import { FC } from 'react'
-
-type IconKeys = keyof typeof Icons
-
-interface SideNavProps {
-  items: {
-    title: string
-    href?: string | null
-    disabled?: boolean | null
-    icon?: IconKeys | null
-  }[]
-}
-
-export const SideNav: FC<SideNavProps> = ({ items }) => {
-  const path = usePathname()
-
-  if (!items?.length) return null
-
-  return (
-    <nav className="grid items-start gap-2">
-      {items.map((item, index) => {
-        const Icon = Icons[item.icon || 'arrowRight']
-        return (
-          item.href && (
-            <Link key={index} href={item.disabled ? '/' : item.href}>
-              <span
-                className={cn(
-                  'group flex items-center rounded-md px-3 py-2 text-sm font-medium',
-                  path.includes(item.href)
-                    ? 'bg-accent'
-                    : 'transparent underline-offset-4 hover:underline',
-                  item.disabled && 'cursor-not-allowed opacity-80'
-                )}
-              >
-                <Icon className="mr-2 h-4 w-4" />
-                <span>{item.title}</span>
-              </span>
-            </Link>
-          )
-        )
-      })}
-    </nav>
-  )
-}

package/template/old/src/components/site-footer.tsx

@@ -1,31 +0,0 @@
-import { FC, HTMLAttributes } from 'react'
-
-import { DarkModeToggle } from '@/components/dark-mode-toggle'
-import { Icons } from '@/components/icons'
-import { cn } from '@/lib/cn'
-import { siteConfig } from '@/lib/siteConfig'
-
-export const SiteFooter: FC<HTMLAttributes<HTMLElement>> = ({ className }) => {
-  return (
-    <footer className={cn(className)}>
-      <div className="container flex flex-col items-center justify-between gap-2 py-4 sm:flex-row">
-        <div className="flex flex-col items-center gap-2 sm:flex-row">
-          <Icons.logo />
-          <p className="text-center text-sm leading-loose sm:text-left">
-            {siteConfig.name}. Built by{' '}
-            <a
-              href="https://github.com/ejekanshjain"
-              target="_blank"
-              rel="noreferrer"
-              className="font-medium underline underline-offset-4"
-            >
-              ejekanshjain
-            </a>
-            .
-          </p>
-        </div>
-        <DarkModeToggle />
-      </div>
-    </footer>
-  )
-}

package/template/old/src/components/system-info.tsx

@@ -1,36 +0,0 @@
-'use client'
-
-import { FC, ReactNode } from 'react'
-
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
-import { Separator } from '@/components/ui/separator'
-
-type SystemInfoProps = {
-  items: {
-    label: string
-    value: string | ReactNode
-  }[]
-}
-
-export const SystemInfo: FC<SystemInfoProps> = ({ items }) => {
-  return (
-    <Card className="max-w-[600px]">
-      <CardHeader>
-        <CardTitle>System Information</CardTitle>
-      </CardHeader>
-      <CardContent>
-        <dl className="grid gap-4">
-          {items.map((item, i) => (
-            <div key={i}>
-              <dt className="font-semibold">{item.label}</dt>
-              <dd>{item.value}</dd>
-              {i < items.length - 1 ? (
-                <Separator className="mt-2" />
-              ) : undefined}
-            </div>
-          ))}
-        </dl>
-      </CardContent>
-    </Card>
-  )
-}

package/template/old/src/components/ui/alert-dialog.tsx

@@ -1,141 +0,0 @@
-'use client'
-
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'
-import * as React from 'react'
-
-import { buttonVariants } from '@/components/ui/button'
-import { cn } from '@/lib/cn'
-
-const AlertDialog = AlertDialogPrimitive.Root
-
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger
-
-const AlertDialogPortal = AlertDialogPrimitive.Portal
-
-const AlertDialogOverlay = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Overlay
-    className={cn(
-      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-      className
-    )}
-    {...props}
-    ref={ref}
-  />
-))
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
-
-const AlertDialogContent = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <AlertDialogPortal>
-    <AlertDialogOverlay />
-    <AlertDialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
-        className
-      )}
-      {...props}
-    />
-  </AlertDialogPortal>
-))
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
-
-const AlertDialogHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      'flex flex-col space-y-2 text-center sm:text-left',
-      className
-    )}
-    {...props}
-  />
-)
-AlertDialogHeader.displayName = 'AlertDialogHeader'
-
-const AlertDialogFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
-      className
-    )}
-    {...props}
-  />
-)
-AlertDialogFooter.displayName = 'AlertDialogFooter'
-
-const AlertDialogTitle = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Title
-    ref={ref}
-    className={cn('text-lg font-semibold', className)}
-    {...props}
-  />
-))
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
-
-const AlertDialogDescription = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Description
-    ref={ref}
-    className={cn('text-sm text-muted-foreground', className)}
-    {...props}
-  />
-))
-AlertDialogDescription.displayName =
-  AlertDialogPrimitive.Description.displayName
-
-const AlertDialogAction = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Action>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Action
-    ref={ref}
-    className={cn(buttonVariants(), className)}
-    {...props}
-  />
-))
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
-
-const AlertDialogCancel = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Cancel
-    ref={ref}
-    className={cn(
-      buttonVariants({ variant: 'outline' }),
-      'mt-2 sm:mt-0',
-      className
-    )}
-    {...props}
-  />
-))
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
-
-export {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogOverlay,
-  AlertDialogPortal,
-  AlertDialogTitle,
-  AlertDialogTrigger
-}

package/template/old/src/components/ui/avatar.tsx

@@ -1,50 +0,0 @@
-'use client'
-
-import * as AvatarPrimitive from '@radix-ui/react-avatar'
-import * as React from 'react'
-
-import { cn } from '@/lib/cn'
-
-const Avatar = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Root
-    ref={ref}
-    className={cn(
-      'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',
-      className
-    )}
-    {...props}
-  />
-))
-Avatar.displayName = AvatarPrimitive.Root.displayName
-
-const AvatarImage = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Image>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Image
-    ref={ref}
-    className={cn('aspect-square h-full w-full', className)}
-    {...props}
-  />
-))
-AvatarImage.displayName = AvatarPrimitive.Image.displayName
-
-const AvatarFallback = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Fallback>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Fallback
-    ref={ref}
-    className={cn(
-      'flex h-full w-full items-center justify-center rounded-full bg-muted',
-      className
-    )}
-    {...props}
-  />
-))
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
-
-export { Avatar, AvatarFallback, AvatarImage }

package/template/old/src/components/ui/badge.tsx

@@ -1,36 +0,0 @@
-import { cva, type VariantProps } from 'class-variance-authority'
-import * as React from 'react'
-
-import { cn } from '@/lib/cn'
-
-const badgeVariants = cva(
-  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
-  {
-    variants: {
-      variant: {
-        default:
-          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
-        secondary:
-          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        destructive:
-          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
-        outline: 'text-foreground'
-      }
-    },
-    defaultVariants: {
-      variant: 'default'
-    }
-  }
-)
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
-  return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  )
-}
-
-export { Badge, badgeVariants }

package/template/old/src/components/ui/button.tsx

@@ -1,56 +0,0 @@
-import { Slot } from '@radix-ui/react-slot'
-import { cva, type VariantProps } from 'class-variance-authority'
-import * as React from 'react'
-
-import { cn } from '@/lib/cn'
-
-const buttonVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-  {
-    variants: {
-      variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-        destructive:
-          'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-        outline:
-          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-        secondary:
-          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        ghost: 'hover:bg-accent hover:text-accent-foreground',
-        link: 'text-primary underline-offset-4 hover:underline'
-      },
-      size: {
-        default: 'h-10 px-4 py-2',
-        sm: 'h-9 rounded-md px-3',
-        lg: 'h-11 rounded-md px-8',
-        icon: 'h-10 w-10'
-      }
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default'
-    }
-  }
-)
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : 'button'
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Button.displayName = 'Button'
-
-export { Button, buttonVariants }