create-ej-app 6.0.0 → 7.0.0

package/template/prisma/src/components/data-table/simple-data-table.tsx

@@ -1,109 +0,0 @@
-'use client'
-
-import {
-  ColumnDef,
-  flexRender,
-  getCoreRowModel,
-  getPaginationRowModel,
-  useReactTable
-} from '@tanstack/react-table'
-
-import { Button } from '@/components/ui/button'
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow
-} from '@/components/ui/table'
-
-interface DataTableProps<TData, TValue> {
-  columns: ColumnDef<TData, TValue>[]
-  data: TData[]
-}
-
-export function SimpleDataTable<TData, TValue>({
-  columns,
-  data
-}: DataTableProps<TData, TValue>) {
-  const table = useReactTable({
-    data,
-    columns,
-    getCoreRowModel: getCoreRowModel(),
-    getPaginationRowModel: getPaginationRowModel()
-  })
-
-  return (
-    <div>
-      <div className="rounded-md border">
-        <Table>
-          <TableHeader>
-            {table.getHeaderGroups().map(headerGroup => (
-              <TableRow key={headerGroup.id}>
-                {headerGroup.headers.map(header => {
-                  return (
-                    <TableHead key={header.id}>
-                      {header.isPlaceholder
-                        ? null
-                        : flexRender(
-                            header.column.columnDef.header,
-                            header.getContext()
-                          )}
-                    </TableHead>
-                  )
-                })}
-              </TableRow>
-            ))}
-          </TableHeader>
-          <TableBody>
-            {table.getRowModel().rows?.length ? (
-              table.getRowModel().rows.map(row => (
-                <TableRow
-                  key={row.id}
-                  data-state={row.getIsSelected() && 'selected'}
-                >
-                  {row.getVisibleCells().map(cell => (
-                    <TableCell key={cell.id}>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext()
-                      )}
-                    </TableCell>
-                  ))}
-                </TableRow>
-              ))
-            ) : (
-              <TableRow>
-                <TableCell
-                  colSpan={columns.length}
-                  className="h-24 text-center"
-                >
-                  No results.
-                </TableCell>
-              </TableRow>
-            )}
-          </TableBody>
-        </Table>
-      </div>
-      <div className="flex items-center justify-end space-x-2 py-4">
-        <Button
-          variant="outline"
-          size="sm"
-          onClick={() => table.previousPage()}
-          disabled={!table.getCanPreviousPage()}
-        >
-          Previous
-        </Button>
-        <Button
-          variant="outline"
-          size="sm"
-          onClick={() => table.nextPage()}
-          disabled={!table.getCanNextPage()}
-        >
-          Next
-        </Button>
-      </div>
-    </div>
-  )
-}

package/template/prisma/src/components/empty-placeholder.tsx

@@ -1,78 +0,0 @@
-import * as React from 'react'
-
-import { Icons } from '@/components/icons'
-import { cn } from '@/lib/cn'
-
-interface EmptyPlaceholderProps extends React.HTMLAttributes<HTMLDivElement> {}
-
-export function EmptyPlaceholder({
-  className,
-  children,
-  ...props
-}: EmptyPlaceholderProps) {
-  return (
-    <div
-      className={cn(
-        'flex min-h-[400px] flex-col items-center justify-center rounded-md border border-dashed p-8 text-center animate-in fade-in-50',
-        className
-      )}
-      {...props}
-    >
-      <div className="mx-auto flex max-w-[420px] flex-col items-center justify-center text-center">
-        {children}
-      </div>
-    </div>
-  )
-}
-
-interface EmptyPlaceholderIconProps
-  extends Partial<React.SVGProps<SVGSVGElement>> {
-  name: keyof typeof Icons
-}
-
-EmptyPlaceholder.Icon = function EmptyPlaceHolderIcon({
-  name,
-  className
-}: EmptyPlaceholderIconProps) {
-  const Icon = Icons[name]
-
-  if (!Icon) {
-    return null
-  }
-
-  return (
-    <div className="flex h-20 w-20 items-center justify-center rounded-full bg-muted">
-      <Icon className={cn('h-10 w-10', className)} />
-    </div>
-  )
-}
-
-interface EmptyPlacholderTitleProps
-  extends React.HTMLAttributes<HTMLHeadingElement> {}
-
-EmptyPlaceholder.Title = function EmptyPlaceholderTitle({
-  className,
-  ...props
-}: EmptyPlacholderTitleProps) {
-  return (
-    <h2 className={cn('mt-6 text-xl font-semibold', className)} {...props} />
-  )
-}
-
-interface EmptyPlacholderDescriptionProps
-  extends React.HTMLAttributes<HTMLParagraphElement> {}
-
-EmptyPlaceholder.Description = function EmptyPlaceholderDescription({
-  className,
-  ...props
-}: EmptyPlacholderDescriptionProps) {
-  return (
-    <p
-      className={cn(
-        'mb-8 mt-2 text-center text-sm font-normal leading-6 text-muted-foreground',
-        className
-      )}
-      {...props}
-    />
-  )
-}

package/template/prisma/src/components/heading.tsx

@@ -1,17 +0,0 @@
-import { FC, ReactNode } from 'react'
-
-export const Heading: FC<{
-  heading: string
-  text?: string
-  children?: ReactNode
-}> = ({ heading, text, children }) => {
-  return (
-    <div className="flex items-center justify-between px-2">
-      <div className="grid gap-1">
-        <h1 className="font-heading text-3xl md:text-4xl">{heading}</h1>
-        {text && <p className="text-lg text-muted-foreground">{text}</p>}
-      </div>
-      {children}
-    </div>
-  )
-}

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

@@ -1,85 +0,0 @@
-import { cn } from '@/lib/cn'
-import {
-  ArrowDown,
-  ArrowRight,
-  ArrowUp,
-  ArrowUpDown,
-  Biohazard,
-  Check,
-  ChevronLeft,
-  ChevronRight,
-  ChevronsLeft,
-  ChevronsRight,
-  ClipboardList,
-  Download,
-  Edit,
-  EyeOff,
-  Github,
-  Laptop,
-  LayoutDashboard,
-  Loader2,
-  LogIn,
-  LogOut,
-  LucideIcon,
-  LucideProps,
-  Moon,
-  Plus,
-  PlusCircle,
-  Save,
-  Settings,
-  Settings2,
-  Sun,
-  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: Github,
-  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,
-  download: Download,
-  dashboard: LayoutDashboard,
-  task: ClipboardList,
-  arrowUp: ArrowUp,
-  arrowDown: ArrowDown,
-  arrowUpDown: ArrowUpDown,
-  eyeOff: EyeOff,
-  plusCircle: PlusCircle,
-  check: Check,
-  chevronsLeft: ChevronsLeft,
-  chevronsRight: ChevronsRight,
-  chevronRight: ChevronRight,
-  mixer: Settings2
-}

package/template/prisma/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/prisma/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/prisma/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/prisma/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/prisma/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/prisma/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/prisma/src/components/theme-provider.tsx

@@ -1,13 +0,0 @@
-'use client'
-
-import { FC } from 'react'
-
-import { ThemeProvider as NextThemesProvider } from 'next-themes'
-import { type ThemeProviderProps } from 'next-themes/dist/types'
-
-export const ThemeProvider: FC<ThemeProviderProps> = ({
-  children,
-  ...props
-}) => {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
-}

package/template/prisma/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
-}