create-ej-app 6.0.0 → 7.0.0

package/template/prisma-advanced/src/components/ui/toaster.tsx

@@ -1,35 +0,0 @@
-'use client'
-
-import {
-  Toast,
-  ToastClose,
-  ToastDescription,
-  ToastProvider,
-  ToastTitle,
-  ToastViewport
-} from '@/components/ui/toast'
-import { useToast } from '@/components/ui/use-toast'
-
-export function Toaster() {
-  const { toasts } = useToast()
-
-  return (
-    <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
-        return (
-          <Toast key={id} {...props}>
-            <div className="grid gap-1">
-              {title && <ToastTitle>{title}</ToastTitle>}
-              {description && (
-                <ToastDescription>{description}</ToastDescription>
-              )}
-            </div>
-            {action}
-            <ToastClose />
-          </Toast>
-        )
-      })}
-      <ToastViewport />
-    </ToastProvider>
-  )
-}

package/template/prisma-advanced/src/components/ui/use-toast.ts

@@ -1,189 +0,0 @@
-// 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_VALUE
-  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 { toast, useToast }

package/template/prisma-advanced/src/components/user-account-nav.tsx

@@ -1,60 +0,0 @@
-'use client'
-
-import { User } from 'next-auth'
-import { signOut } from 'next-auth/react'
-import Link from 'next/link'
-import { FC, HTMLAttributes } from 'react'
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from '@/components/ui/dropdown-menu'
-import { UserAvatar } from '@/components/user-avatar'
-
-interface UserAccountNavProps extends HTMLAttributes<HTMLDivElement> {
-  user: Pick<User, 'name' | 'image' | 'email'>
-}
-
-export const UserAccountNav: FC<UserAccountNavProps> = ({ user }) => {
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger>
-        <UserAvatar
-          user={{ name: user.name || null, image: user.image || null }}
-          className="h-8 w-8"
-        />
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end">
-        <div className="flex items-center justify-start gap-2 p-2">
-          <div className="flex flex-col space-y-1 leading-none">
-            {user.name && <p className="font-medium">{user.name}</p>}
-            {user.email && (
-              <p className="w-[200px] truncate text-sm text-muted-foreground">
-                {user.email}
-              </p>
-            )}
-          </div>
-        </div>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem asChild>
-          <Link href="/settings">Settings</Link>
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem
-          className="cursor-pointer"
-          onSelect={event => {
-            event.preventDefault()
-            signOut({
-              callbackUrl: `${window.location.origin}/login`
-            })
-          }}
-        >
-          Sign out
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
-}

package/template/prisma-advanced/src/components/user-avatar.tsx

@@ -1,25 +0,0 @@
-import { User } from '@prisma/client'
-import { AvatarProps } from '@radix-ui/react-avatar'
-import { FC } from 'react'
-
-import { Icons } from '@/components/icons'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
-
-interface UserAvatarProps extends AvatarProps {
-  user: Pick<User, 'image' | 'name'>
-}
-
-export const UserAvatar: FC<UserAvatarProps> = ({ user, ...props }) => {
-  return (
-    <Avatar {...props}>
-      {user.image ? (
-        <AvatarImage alt="Picture" src={user.image} />
-      ) : (
-        <AvatarFallback>
-          <span className="sr-only">{user.name}</span>
-          <Icons.user className="h-4 w-4" />
-        </AvatarFallback>
-      )}
-    </Avatar>
-  )
-}

package/template/prisma-advanced/src/env.mjs

@@ -1,78 +0,0 @@
-import { createEnv } from '@t3-oss/env-nextjs'
-import { z } from 'zod'
-
-export const env = createEnv({
-  /**
-   * Specify your server-side environment variables schema here. This way you can ensure the app
-   * isn't built with invalid env vars.
-   */
-  server: {
-    NODE_ENV: z.enum(['development', 'test', 'production']),
-    DATABASE_URL: z.string().url(),
-    NEXTAUTH_SECRET:
-      process.env.NODE_ENV === 'production'
-        ? z.string().min(1)
-        : z.string().min(1).optional(),
-    NEXTAUTH_URL: z.preprocess(
-      // This makes Vercel deployments not fail if you don't set NEXTAUTH_URL
-      // Since NextAuth.js automatically uses the VERCEL_URL if present.
-      str => process.env.VERCEL_URL ?? str,
-      // VERCEL_URL doesn't include `https` so it cant be validated as a URL
-      process.env.VERCEL ? z.string().min(1) : z.string().url()
-    ),
-    EMAIL_SERVER_HOST: z.string().min(1),
-    EMAIL_SERVER_PORT: z.number(),
-    EMAIL_SERVER_USER: z.string().min(1),
-    EMAIL_SERVER_PASSWORD: z.string().min(1),
-    EMAIL_FROM: z.string().email(),
-    GOOGLE_ID: z.string().min(1),
-    GOOGLE_SECRET: z.string().min(1),
-    GITHUB_ID: z.string().min(1),
-    GITHUB_SECRET: z.string().min(1),
-    FIREBASE_PROJECT_ID: z.string().min(1),
-    FIREBASE_PRIVATE_KEY: z.string().min(1),
-    FIREBASE_CLIENT_EMAIL: z.string().min(1),
-    FIREBASE_STORAGE_BUCKET: z.string().min(1)
-  },
-
-  /**
-   * Specify your client-side environment variables schema here. This way you can ensure the app
-   * isn't built with invalid env vars. To expose them to the client, prefix them with
-   * `NEXT_PUBLIC_`.
-   */
-  client: {
-    // NEXT_PUBLIC_CLIENTVAR: z.string().min(1),
-  },
-
-  /**
-   * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.
-   * middlewares) or client-side so we need to destruct manually.
-   */
-  runtimeEnv: {
-    NODE_ENV: process.env.NODE_ENV,
-    DATABASE_URL: process.env.DATABASE_URL,
-    NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET,
-    NEXTAUTH_URL: process.env.NEXTAUTH_URL,
-    EMAIL_SERVER_HOST: process.env.EMAIL_SERVER_HOST,
-    EMAIL_SERVER_PORT: parseInt(process.env.EMAIL_SERVER_PORT || ''),
-    EMAIL_SERVER_USER: process.env.EMAIL_SERVER_USER,
-    EMAIL_SERVER_PASSWORD: process.env.EMAIL_SERVER_PASSWORD,
-    EMAIL_FROM: process.env.EMAIL_FROM,
-    GOOGLE_ID: process.env.GOOGLE_ID,
-    GOOGLE_SECRET: process.env.GOOGLE_SECRET,
-    GITHUB_ID: process.env.GITHUB_ID,
-    GITHUB_SECRET: process.env.GITHUB_SECRET,
-    FIREBASE_PROJECT_ID: process.env.FIREBASE_PROJECT_ID,
-    FIREBASE_PRIVATE_KEY: process.env.FIREBASE_PRIVATE_KEY,
-    FIREBASE_CLIENT_EMAIL: process.env.FIREBASE_CLIENT_EMAIL,
-    FIREBASE_STORAGE_BUCKET: process.env.FIREBASE_STORAGE_BUCKET
-  },
-  /**
-   * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation.
-   * This is especially useful for Docker builds.
-   */
-  skipValidation: !!process.env.SKIP_ENV_VALIDATION,
-
-  // This makes empty strings be treated as undefined
-  emptyStringAsUndefined: true
-})

package/template/prisma-advanced/src/hooks/use-debounce.ts

@@ -1,17 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-
-export function useDebounce<T>(value: T, delay?: number): T {
-  const [debouncedValue, setDebouncedValue] = useState<T>(value)
-
-  useEffect(() => {
-    const timer = setTimeout(() => setDebouncedValue(value), delay || 500)
-
-    return () => {
-      clearTimeout(timer)
-    }
-  }, [value, delay])
-
-  return debouncedValue
-}

package/template/prisma-advanced/src/hooks/use-lock-body.tsx

@@ -1,12 +0,0 @@
-import { useLayoutEffect } from 'react'
-
-// @see https://usehooks.com/useLockBodyScroll.
-export function useLockBody() {
-  useLayoutEffect((): (() => void) => {
-    const originalStyle: string = window.getComputedStyle(
-      document.body
-    ).overflow
-    document.body.style.overflow = 'hidden'
-    return () => (document.body.style.overflow = originalStyle)
-  }, [])
-}

package/template/prisma-advanced/src/lib/auth.ts

@@ -1,180 +0,0 @@
-import { PrismaAdapter } from '@next-auth/prisma-adapter'
-import { Permissions, User as PrismaUser, UserType } from '@prisma/client'
-import {
-  Session,
-  getServerSession,
-  type DefaultSession,
-  type NextAuthOptions
-} from 'next-auth'
-import EmailProvider from 'next-auth/providers/email'
-import GitHubProvider from 'next-auth/providers/github'
-import GoogleProvider from 'next-auth/providers/google'
-
-import { env } from '@/env.mjs'
-import { prisma } from '@/lib/db'
-
-/**
- * Module augmentation for `next-auth` types. Allows us to add custom properties to the `session`
- * object and keep type safety.
- *
- * @see https://next-auth.js.org/getting-started/typescript#module-augmentation
- */
-declare module 'next-auth' {
-  interface Session extends DefaultSession {
-    user: {
-      id: string
-      type: UserType
-      roleId?: string | null
-    } & DefaultSession['user']
-  }
-
-  interface User extends PrismaUser {}
-}
-
-/**
- * Options for NextAuth.js used to configure adapters, providers, callbacks, etc.
- *
- * @see https://next-auth.js.org/configuration/options
- */
-export const authOptions: NextAuthOptions = {
-  pages: {
-    signIn: '/login'
-  },
-  callbacks: {
-    session({ session, user }) {
-      return {
-        ...session,
-        user: {
-          ...session.user,
-          id: user.id,
-          type: user.type,
-          roleId: user.roleId
-        }
-      }
-    }
-  },
-  adapter: PrismaAdapter(prisma),
-  providers: [
-    EmailProvider({
-      server: {
-        host: env.EMAIL_SERVER_HOST,
-        port: env.EMAIL_SERVER_PORT,
-        auth: {
-          user: env.EMAIL_SERVER_USER,
-          pass: env.EMAIL_SERVER_PASSWORD
-        }
-      },
-      from: env.EMAIL_FROM
-    }),
-    GoogleProvider({
-      clientId: env.GOOGLE_ID,
-      clientSecret: env.GOOGLE_SECRET
-    }),
-    GitHubProvider({
-      clientId: env.GITHUB_ID,
-      clientSecret: env.GITHUB_SECRET
-    })
-  ]
-}
-
-/**
- * Wrapper for `getServerSession` so that you don't need to import the `authOptions` in every file.
- *
- * @see https://next-auth.js.org/configuration/nextjs
- */
-export const getAuthSession = () => getServerSession(authOptions)
-
-export const authGuard = async (
-  types?: UserType | UserType[],
-  permission?: Permissions,
-  session?: Session
-) => {
-  if (!session) {
-    const tempSession = await getAuthSession()
-    if (!tempSession) return false
-    session = tempSession
-  }
-
-  if (session.user.type === 'Root') return session
-
-  if (types) {
-    if (Array.isArray(types)) {
-      if (!types.includes(session.user.type)) return false
-    } else {
-      if (types !== session.user.type) return false
-    }
-  }
-
-  if (!session.user.roleId || !permission) return false
-
-  const c = await prisma.rolePermission.count({
-    where: {
-      roleId: session.user.roleId,
-      permission
-    }
-  })
-  if (!c) return false
-
-  return session
-}
-
-export const checkForPermission = async (
-  permission: Permissions,
-  session?: Session
-) => {
-  if (!session) {
-    const tempSession = await getAuthSession()
-    if (!tempSession) return false
-    session = tempSession
-  }
-
-  if (session.user.type === 'Root') return true
-  if (!session.user.roleId) return false
-
-  const c = await prisma.rolePermission.count({
-    where: {
-      roleId: session.user.roleId,
-      permission
-    }
-  })
-
-  return !!c
-}
-
-export const getAuthSessionWithPermissions = async () => {
-  const session = await getAuthSession()
-
-  if (session && session.user) {
-    if (session.user.type === 'Root') {
-      return {
-        session,
-        permissions: ['*']
-      }
-    } else if (session.user.roleId) {
-      const permissions = await prisma.rolePermission.findMany({
-        where: {
-          roleId: session.user.roleId
-        },
-        select: {
-          permission: true
-        },
-        orderBy: {
-          permission: 'asc'
-        }
-      })
-      return {
-        session,
-        permissions: permissions.map(p => p.permission)
-      }
-    } else {
-      return {
-        session,
-        permissions: []
-      }
-    }
-  }
-
-  return {
-    session
-  }
-}

package/template/prisma-advanced/src/lib/cn.ts

@@ -1,4 +0,0 @@
-import { clsx, type ClassValue } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs))

package/template/prisma-advanced/src/lib/db.ts

@@ -1,20 +0,0 @@
-import { PrismaClient } from '@prisma/client'
-
-import { env } from '@/env.mjs'
-
-const globalForPrisma = globalThis as unknown as {
-  prisma: PrismaClient | undefined
-}
-
-export const prisma =
-  globalForPrisma.prisma ||
-  new PrismaClient({
-    log:
-      env.NODE_ENV === 'development'
-        ? [
-            // 'info', 'query', 'error', 'warn'
-          ]
-        : ['error']
-  })
-
-if (env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma

package/template/prisma-advanced/src/lib/delay.ts

@@ -1,2 +0,0 @@
-export const delay = (ms: number) =>
-  new Promise(resolve => setTimeout(resolve, ms))

package/template/prisma-advanced/src/lib/formatDate.ts

@@ -1,11 +0,0 @@
-import dayjs from 'dayjs'
-import relativeTime from 'dayjs/plugin/relativeTime'
-
-dayjs.extend(relativeTime)
-
-export const formatDate = (date: Date) => dayjs(date).format('DD/MM/YYYY')
-
-export const formatDateTime = (date: Date) =>
-  dayjs(date).format('DD/MM/YYYY hh:mm:ss A')
-
-export const timesAgo = (date: Date) => dayjs(date).fromNow()

package/template/prisma-advanced/src/lib/generateLabel.ts

@@ -1,5 +0,0 @@
-export const generateLabel = (str: string) =>
-  str
-    .replaceAll('_', ' ')
-    .replaceAll(/([A-Z])/g, ' $1')
-    .trim()

package/template/prisma-advanced/src/lib/siteConfig.ts

@@ -1,4 +0,0 @@
-export const siteConfig = {
-  name: 'Project Name',
-  description: 'Project Description'
-}

package/template/prisma-advanced/src/lib/storageClient.ts

@@ -1,11 +0,0 @@
-import { GCPStorageClient } from '@ejekanshjain/cloud-storage'
-
-import { env } from '@/env.mjs'
-
-export const storageClient = GCPStorageClient({
-  projectId: env.FIREBASE_PROJECT_ID!,
-  privateKey: env.FIREBASE_PRIVATE_KEY!,
-  clientEmail: env.FIREBASE_CLIENT_EMAIL!,
-  bucket: env.FIREBASE_STORAGE_BUCKET!,
-  defaultMediaPublic: true
-})