create-ej-app 3.2.0 → 4.0.0

package/template/base/src/use-case/role.ts

@@ -0,0 +1,110 @@
+import {
+  createRole,
+  deleteRole,
+  getRoleByIdWithPermissions,
+  getRoles,
+  getRolesMini,
+  updateRole,
+  type RoleType
+} from '@/data-access/role'
+import {
+  RolePermissionType,
+  createRolePermissions,
+  deleteRolePermissionsByRoleId
+} from '@/data-access/role-permission'
+import { type UserType } from '@/data-access/user'
+import { type SortOrderEnum } from '@/lib/sortOrderEnum'
+
+type getRolesUseCaseInput = {
+  page: number
+  limit: number
+  sortBy?: keyof RoleType
+  sortOrder?: SortOrderEnum
+  filters?: {
+    name?: string
+  }
+}
+
+export const getRolesUseCase = async (
+  currentUserType: UserType['type'],
+  { page, limit, sortBy, sortOrder, filters }: getRolesUseCaseInput
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+
+  if (limit < 1 || limit > 1000) throw new Error('Invalid limit')
+  if (page < 1) throw new Error('Invalid page')
+
+  return await getRoles({
+    page,
+    limit,
+    sortBy,
+    sortOrder,
+    filters
+  })
+}
+
+export const getRolesMiniUseCase = async (
+  currentUserType: UserType['type']
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+  return await getRolesMini()
+}
+
+export const getRoleByIdWithPermissionsUseCase = async (
+  currentUserType: UserType['type'],
+  id: string
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+  return await getRoleByIdWithPermissions(id)
+}
+
+type createRoleUseCaseInput = {
+  name: string
+  permissions: RolePermissionType['permission'][]
+}
+
+export const createRoleUseCase = async (
+  currentUserType: UserType['type'],
+  data: createRoleUseCaseInput
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+  const roleId = await createRole({
+    name: data.name
+  })
+
+  if (data.permissions.length)
+    await createRolePermissions({
+      roleId,
+      permissions: data.permissions
+    })
+
+  return roleId
+}
+
+type updateRoleUseCaseInput = createRoleUseCaseInput & {
+  id: string
+}
+
+export const updateRoleUseCase = async (
+  currentUserType: UserType['type'],
+  data: updateRoleUseCaseInput
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+  await updateRole({
+    id: data.id,
+    name: data.name
+  })
+  await deleteRolePermissionsByRoleId(data.id)
+  await createRolePermissions({
+    roleId: data.id,
+    permissions: data.permissions
+  })
+}
+
+export const deleteRoleUseCase = async (
+  currentUserType: UserType['type'],
+  id: string
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+  return await deleteRole(id)
+}

package/template/base/src/use-case/task.ts

@@ -0,0 +1,166 @@
+import {
+  getResourcesByTaskId,
+  updateResourceByIds
+} from '@/data-access/resource'
+import {
+  TaskType,
+  createTask,
+  deleteTask,
+  getTaskByIdWithUser,
+  getTasksWithUser,
+  updateTask
+} from '@/data-access/task'
+import { CurrentUser } from '@/lib/currentUser'
+import { deleteFile } from '@/lib/s3Client'
+import { type SortOrderEnum } from '@/lib/sortOrderEnum'
+import { checkForRolePermissionUseCase } from './role-permission'
+
+const handleTaskImages = async (
+  imageIds: string[],
+  taskId: string,
+  updatedById: string
+) => {
+  const prevImages = await getResourcesByTaskId(taskId)
+
+  for (const p of prevImages) {
+    if (imageIds.includes(p.id)) continue
+    await deleteFile(p.id)
+  }
+
+  if (imageIds.length)
+    await updateResourceByIds({
+      ids: imageIds,
+      taskId,
+      updatedById
+    })
+}
+
+type getUsersUseCaseInput = {
+  page: number
+  limit: number
+  sortBy?: keyof TaskType
+  sortOrder?: SortOrderEnum
+  filters?: {
+    title?: string
+    status?: TaskType['status'][]
+  }
+}
+
+export const getTasksWithUserUseCase = async (
+  currentUser: CurrentUser,
+  { page, limit, sortBy, sortOrder, filters }: getUsersUseCaseInput
+) => {
+  const c = await checkForRolePermissionUseCase(
+    currentUser.type,
+    currentUser.roleId,
+    'TaskList'
+  )
+  if (!c) throw new Error('Unauthorized')
+
+  if (limit < 1 || limit > 1000) throw new Error('Invalid limit')
+  if (page < 1) throw new Error('Invalid page')
+
+  return await getTasksWithUser({
+    page,
+    limit,
+    sortBy,
+    sortOrder,
+    filters: filters
+      ? {
+          title: filters.title,
+          status: filters.status
+        }
+      : undefined
+  })
+}
+
+export const getTaskByIdWithUserUseCase = async (
+  currentUser: CurrentUser,
+  id: string
+) => {
+  const c = await checkForRolePermissionUseCase(
+    currentUser.type,
+    currentUser.roleId,
+    'TaskView'
+  )
+  if (!c) throw new Error('Unauthorized')
+
+  return await getTaskByIdWithUser(id)
+}
+
+type createTaskUseCaseInput = {
+  title: string
+  description?: string | null
+  status: TaskType['status']
+  imageIds?: string[] | null
+}
+
+export const createTaskUseCase = async (
+  currentUser: CurrentUser,
+  data: createTaskUseCaseInput
+) => {
+  const c = await checkForRolePermissionUseCase(
+    currentUser.type,
+    currentUser.roleId,
+    'TaskCreate'
+  )
+  if (!c) throw new Error('Unauthorized')
+
+  const taskId = await createTask({
+    title: data.title,
+    description: data.description,
+    status: data.status,
+    createdById: currentUser.id
+  })
+
+  if (taskId)
+    await handleTaskImages(data.imageIds || [], taskId, currentUser.id)
+
+  return taskId
+}
+
+type updateTaskUseCaseInput = {
+  id: string
+  title?: string
+  description?: string | null
+  status?: TaskType['status']
+  imageIds?: string[] | null
+}
+
+export const updateTaskUseCase = async (
+  currentUser: CurrentUser,
+  data: updateTaskUseCaseInput
+) => {
+  const c = await checkForRolePermissionUseCase(
+    currentUser.type,
+    currentUser.roleId,
+    'TaskUpdate'
+  )
+  if (!c) throw new Error('Unauthorized')
+
+  const result = await updateTask({
+    id: data.id,
+    title: data.title,
+    description: data.description,
+    status: data.status,
+    updatedById: currentUser.id
+  })
+
+  await handleTaskImages(data.imageIds || [], data.id, currentUser.id)
+
+  return result
+}
+
+export const deleteTaskUseCase = async (
+  currentUser: CurrentUser,
+  id: string
+) => {
+  const c = await checkForRolePermissionUseCase(
+    currentUser.type,
+    currentUser.roleId,
+    'TaskDelete'
+  )
+  if (!c) throw new Error('Unauthorized')
+
+  return await deleteTask(id)
+}

package/template/base/src/use-case/user.ts

@@ -0,0 +1,121 @@
+import {
+  UserType,
+  createUser,
+  deleteUser,
+  getUserById,
+  getUsersWithRole,
+  updateUser
+} from '@/data-access/user'
+import { type SortOrderEnum } from '@/lib/sortOrderEnum'
+
+type UpdateUserNameUseCaseInput = {
+  name: string
+}
+
+export const updateCurrentUserNameUseCase = async (
+  currentUserId: string,
+  data: UpdateUserNameUseCaseInput
+) => {
+  await updateUser(currentUserId, {
+    name: data.name
+  })
+}
+
+type getUsersUseCaseInput = {
+  page: number
+  limit: number
+  sortBy?: keyof UserType
+  sortOrder?: SortOrderEnum
+  filters?: {
+    name?: string
+    email?: string
+    type?: UserType['type'][]
+  }
+}
+
+export const getUsersWithRoleUseCase = async (
+  currentUserType: UserType['type'],
+  { page, limit, sortBy, sortOrder, filters }: getUsersUseCaseInput
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+
+  if (limit < 1 || limit > 1000) throw new Error('Invalid limit')
+  if (page < 1) throw new Error('Invalid page')
+
+  return await getUsersWithRole({
+    page,
+    limit,
+    sortBy,
+    sortOrder,
+    filters: filters
+      ? {
+          name: filters.name,
+          email: filters.email,
+          type: filters.type
+        }
+      : undefined
+  })
+}
+
+export const getUserByIdUseCase = async (
+  currentUserType: UserType['type'],
+  id: string
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+
+  return await getUserById(id)
+}
+
+type createUserUseCaseInput = {
+  name?: string | null
+  email: string
+  type: UserType['type']
+  roleId?: string | null
+}
+
+export const createUserUseCase = async (
+  currentUserType: UserType['type'],
+  data: createUserUseCaseInput
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+
+  if (data.type === 'Root') data.roleId = null
+
+  data.email = data.email.trim().toLowerCase()
+
+  return await createUser({
+    name: data.name,
+    email: data.email,
+    type: data.type,
+    roleId: data.roleId
+  })
+}
+
+type updateUserUseCaseInput = {
+  name: string
+  type: UserType['type']
+  roleId?: string | null
+}
+
+export const updateUserUseCase = async (
+  currentUserType: UserType['type'],
+  id: string,
+  data: updateUserUseCaseInput
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+
+  await updateUser(id, {
+    name: data.name,
+    type: data.type,
+    roleId: data.roleId
+  })
+}
+
+export const deleteUserUseCase = async (
+  currentUserType: UserType['type'],
+  id: string
+) => {
+  if (currentUserType !== 'Root') throw new Error('Unauthorized')
+
+  await deleteUser(id)
+}

package/template/base/tailwind.config.ts

@@ -1,4 +1,5 @@
 import type { Config } from 'tailwindcss'
+import { fontFamily } from 'tailwindcss/defaultTheme'
 
 const config = {
   darkMode: ['class'],
@@ -13,10 +14,10 @@ const config = {
       }
     },
     extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic':
-          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))'
+      extend: {
+        fontFamily: {
+          sans: ['var(--font-geist-sans)', ...fontFamily.sans]
+        }
       },
       colors: {
         border: 'hsl(var(--border))',

package/template/base/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES2017",
+    "target": "ES2022",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": true,
     "checkJs": true,
@@ -19,7 +19,7 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
@@ -38,6 +38,7 @@
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
+    "**/*.js",
     "**/*.cjs",
     "**/*.mjs",
     ".next/types/**/*.ts"

package/template/prisma/.env.example

@@ -0,0 +1,16 @@
+DATABASE_URL="postgresql://postgres:postgres@localhost:5432/postgres?schema=public"
+NEXTAUTH_SECRET="secret"
+NEXTAUTH_URL="http://localhost:3000"
+EMAIL_SERVER_HOST="example.com"
+EMAIL_SERVER_PORT="123"
+EMAIL_SERVER_USER="example@example.com"
+EMAIL_SERVER_PASSWORD="password"
+EMAIL_FROM="example@example.com"
+GOOGLE_ID=""
+GOOGLE_SECRET=""
+GITHUB_ID=""
+GITHUB_SECRET=""
+FIREBASE_PROJECT_ID=""
+FIREBASE_PRIVATE_KEY=""
+FIREBASE_CLIENT_EMAIL=""
+FIREBASE_STORAGE_BUCKET=""

package/template/prisma/.eslintrc.cjs

@@ -0,0 +1,24 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const path = require('path')
+
+/** @type {import("eslint").Linter.Config} */
+const eslintConfig = {
+  overrides: [
+    {
+      extends: [],
+      files: ['*.ts', '*.tsx'],
+      parserOptions: {
+        project: path.join(__dirname, 'tsconfig.json')
+      }
+    }
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: path.join(__dirname, 'tsconfig.json')
+  },
+  plugins: ['@typescript-eslint'],
+  extends: ['next/core-web-vitals'],
+  rules: {}
+}
+
+module.exports = eslintConfig

package/template/prisma/components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/cn"
+  }
+}

package/template/prisma/next.config.mjs

@@ -0,0 +1,15 @@
+/**
+ * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
+ * for Docker builds.
+ */
+await import('./src/env.mjs')
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  i18n: {
+    locales: ['en'],
+    defaultLocale: 'en'
+  }
+}
+
+export default nextConfig

package/template/prisma/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "my-app",
+  "version": "1.0.0",
+  "description": "A Legendary Next.js App",
+  "private": true,
+  "scripts": {
+    "postinstall": "prisma generate",
+    "lint": "next lint",
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "db:push": "prisma db push",
+    "db:gen": "prisma generate",
+    "db:studio": "prisma studio"
+  },
+  "dependencies": {
+    "@editorjs/checklist": "^1.6.0",
+    "@editorjs/delimiter": "^1.4.0",
+    "@editorjs/editorjs": "^2.28.2",
+    "@editorjs/header": "^2.8.1",
+    "@editorjs/image": "^2.9.0",
+    "@editorjs/list": "^1.9.0",
+    "@editorjs/quote": "^2.6.0",
+    "@editorjs/table": "^2.3.0",
+    "@ejekanshjain/cloud-storage": "^3.2.0",
+    "@hookform/resolvers": "^3.3.3",
+    "@next-auth/prisma-adapter": "^1.0.7",
+    "@prisma/client": "^5.7.1",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@t3-oss/env-nextjs": "^0.7.1",
+    "@tailwindcss/typography": "^0.5.10",
+    "@tanstack/react-table": "^8.11.2",
+    "@types/eslint": "^8.56.0",
+    "@types/lodash": "^4.14.202",
+    "@types/node": "^20.10.5",
+    "@types/nodemailer": "^6.4.14",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
+    "@typescript-eslint/eslint-plugin": "^6.16.0",
+    "@typescript-eslint/parser": "^6.16.0",
+    "@vercel/analytics": "^1.1.1",
+    "@vercel/speed-insights": "^1.0.2",
+    "autoprefixer": "^10.4.16",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0",
+    "cmdk": "^0.2.0",
+    "dayjs": "^1.11.10",
+    "editorjs-html": "^3.4.3",
+    "eslint": "^8.56.0",
+    "eslint-config-next": "^14.0.4",
+    "lodash": "^4.17.21",
+    "lucide-react": "^0.303.0",
+    "next": "^14.0.4",
+    "next-auth": "^4.24.5",
+    "next-themes": "^0.2.1",
+    "nodemailer": "^6.9.7",
+    "postcss": "^8.4.32",
+    "prettier": "^3.1.1",
+    "prettier-plugin-tailwindcss": "^0.5.10",
+    "prisma": "^5.7.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.49.2",
+    "tailwind-merge": "^2.2.0",
+    "tailwindcss": "^3.4.0",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.3.3",
+    "zod": "^3.22.4"
+  }
+}

package/template/prisma/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/template/prisma/src/app/(app)/dashboard/page.tsx

@@ -0,0 +1,19 @@
+import { Metadata } from 'next'
+
+import { Heading } from '@/components/heading'
+import { Shell } from '@/components/shell'
+import { siteConfig } from '@/lib/siteConfig'
+
+export const metadata: Metadata = {
+  title: 'Dashboard' + ' | ' + siteConfig.name
+}
+
+const DashboardPage = () => {
+  return (
+    <Shell>
+      <Heading heading="Dashboard" />
+    </Shell>
+  )
+}
+
+export default DashboardPage